PluginProbe
Team Showcase / 1.6
Team Showcase v1.6
trunk 1.0 1.1 1.11 1.13 1.14 1.15 1.16 1.17 1.18 1.19 1.2 1.20 1.21 1.21.1 1.21.2 1.21.3 1.21.4 1.21.5 1.22.0 1.22.1 1.22.10 1.22.12 1.22.13 1.22.14 All 49 releases
team / css / style.css

style.css in Team Showcase 1.6, at css/style.css

296 lines 5.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "utf-8";
2 /* CSS Document */
3
4
5 /*Admin CSS*/
6
7
8 .team-settings{}
9
10 .team-settings .team_member_social_icon, .team-settings .remove_icon {
11 background-size: 100% auto !important;
12 border: 1px solid rgb(221, 221, 221);
13 cursor: pointer;
14 display: inline-block;
15 height: 20px;
16 vertical-align: top;
17 width: 20px;
18 }
19
20 .team-settings .remove_icon{
21 text-align:center;}
22
23
24 .team-settings .team_member_social_icon.empty_icon {
25 background: url("empty-icon.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
26 }
27 #team_metabox ul.team_bg_img_list{}
28
29 #team_metabox ul.team_bg_img_list li {
30 display: inline-block;
31 margin: 5px;
32 }
33 #team_metabox ul.team_bg_img_list li.bg-selected {}
34
35 #team_metabox ul.team_bg_img_list li img{border: 2px solid #ffffff;}
36
37 #team_metabox ul.team_bg_img_list li.bg-selected img{
38 border: 2px solid #ff5a11;
39 }
40
41
42
43
44 #team_metabox .team_loading_taxonomy_category {
45 background: url("loading.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
46 height: 11px;
47 margin-bottom: 20px;
48 width: 30px;
49 }
50
51
52 #team_metabox div.team_taxonomy_category{}
53
54
55 #team_metabox ul.content_source_area {
56 margin-left: 15px;
57 }
58
59 #team_metabox ul.content_source_area li{}
60
61
62 #team_metabox ul.content_source_area .content-source-box {
63 display: none;
64 }
65
66 #team_metabox ul.content_source_area li div.active {
67 background: none repeat scroll 0 0 #e6e6e6;
68 border-left: 3px solid #11b063;
69 display: block;
70 margin: 10px 10px 0 20px;
71 padding: 10px 0 10px 5px;
72 }
73
74
75
76
77
78
79
80
81
82
83
84
85
86 /*CSS front page*/
87
88 .team-container {
89 margin: 50px 0;
90 overflow: hidden;
91 padding: 40px 0;
92 position: relative;
93 text-align: center;
94 width: 100%;
95 }
96
97
98
99
100 .team-popup-box {
101 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
102 display: none;
103 height: 100%;
104 left: 0;
105 position: fixed;
106 text-align: center;
107 top: 0;
108 width: 100%;
109 z-index: 2147483647;
110 }
111
112 .team-popup-box .team-slide {
113 background: none repeat scroll 0 0 rgb(255, 255, 255);
114 display: none;
115 height: 80%;
116 margin-bottom: 10px;
117 margin-top: 65px;
118 overflow-y: scroll;
119 padding: 20px;
120 text-align: left;
121 width: 80%;
122 }
123 .team-popup-box .team-slide-thumb {
124 display: inline-block;
125 vertical-align: top;
126 width: 45%;
127 }
128
129 .team-popup-box .team-slide-thumb img {
130 border-radius: 0;
131 box-shadow: none;
132 }
133
134
135 .team-popup-box .team-slide-title {
136 display: inline-block;
137 font-size: 18px;
138 font-weight: bold;
139 padding: 5px 0;
140 }
141 .team-popup-box .team-slide-position {
142 clear: both;
143 display: inline-block;
144 font-size: 13px;
145 font-style: italic;
146 padding: 5px 0 5px 20px;
147 }
148 .team-popup-box hr {
149 margin: 0 0 15px;
150 padding: 0;
151 }
152
153
154 .team-popup-box .team-slide-content {
155 display: inline-block;
156 font-size: 13px;
157 padding: 0 20px;
158 width: 45%;
159 }
160
161
162
163
164
165
166 .team-container .team-social {
167 padding: 10px;
168 }
169
170 .team-container .team-social span {
171 background-size: 100% auto !important;
172 display: inline-block;
173 height: 20px;
174 margin: 0 2px;
175 width: 20px;
176 }
177
178 .team-container .team-social a {
179 display: block;
180 height: 100%;
181 width: 100%;
182 }
183
184
185
186 /*Icon Themes*/
187
188 .team-container .team-social.flat span{
189 border-radius: 0;
190 }
191
192 .team-container .team-social.rounded span {
193 border-radius: 50%;
194 }
195
196 .team-container .team-social.rounded-border span {
197 border: 2px solid rgba(176, 176, 176, 0.5);
198 border-radius: 50%;
199 }
200
201 .team-container .team-social.semi-rounded span {
202 border-radius: 10px;
203 }
204
205
206
207
208 .team-container .team-social .website{
209 background: url("icons/website.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
210 }
211
212
213 .team-container .team-social .email{
214 background: url("icons/email.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
215 }
216
217 .team-container .team-social .skype{
218 background: url("icons/skype.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
219 }
220
221 .team-container .team-social .mobile{
222 background: url("icons/mobile.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
223 }
224
225 .team-container .team-social .facebook{
226 background: url("icons/facebook.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
227 }
228 .team-container .team-social .twitter{
229 background: url("icons/twitter.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
230 }
231 .team-container .team-social .googleplus{
232 background: url("icons/googleplus.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
233 }
234
235 .team-container .team-social .pinterest{
236 background: url("icons/pinterest.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
237 }
238
239
240
241
242
243
244 /* ###################paginate########################### */
245
246
247 .team-container .paginate {
248
249 }
250
251 .team-container .paginate .page-numbers {
252 background: none repeat scroll 0 0 rgb(31, 191, 69);
253 color: rgb(255, 255, 255);
254 display: inline-block;
255 margin: 3px 0;
256 padding: 3px 8px;
257 text-decoration: none;
258 }
259
260 .team-container .paginate .page-numbers:hover {
261 background: none repeat scroll 0 0 rgb(14, 140, 44);
262 }
263
264 .team-container .paginate span{
265
266 }
267 .team-containern .paginate a{
268
269 }
270 .team-container .paginate .current {
271 background: none repeat scroll 0 0 rgb(14, 140, 44);
272 }
273
274
275
276
277
278
279
280
281 @media only screen and (max-width: 700px){
282 .team-popup-box .team-slide {
283 max-height: 300px;
284 width: 80%;
285 }
286 .team-popup-box .team-slide-content {
287 padding: 20px 0;
288 width: 90%;
289 }
290
291
292 }
293
294
295
296