1
|
|
2
|
|
3
|
|
4
|
|
5
|
|
6
|
|
7
|
|
8
|
|
9
|
|
10
|
|
11
|
|
12
|
|
13
|
|
14
|
|
15
|
|
16
|
|
17
|
|
18
|
|
19
|
@import url(http://fonts.googleapis.com/css?family=Dosis:200,400,500,700);
|
20
|
|
21
|
|
22
|
|
23
|
|
24
|
|
25
|
|
26
|
.clear {clear: both; display: block; height: 0; overflow: hidden; visibility:hidden; width: 0;}
|
27
|
|
28
|
.clearfix:after {clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
|
29
|
|
30
|
* html .clearfix,:first-child+html .clearfix {zoom: 1;}
|
31
|
|
32
|
iframe {border: none;}
|
33
|
|
34
|
|
35
|
|
36
|
|
37
|
body { background: #FFF; color: #898989; font-size: 12px; font-family: 'Arial', 'Verdana', sans-serif; -webkit-font-smoothing: antialiased;
|
38
|
-webkit-text-size-adjust: 100%; }
|
39
|
|
40
|
body.custom-background {background-image: url("../images/sampleimages/main-bg1.jpg"); background-repeat: no-repeat; background-position: top center; background-attachment: fixed;}
|
41
|
|
42
|
p,ul,ol,pre,code {margin-bottom: 1em;}
|
43
|
|
44
|
ol ol, ul ul { margin: 0 auto 0 auto; }
|
45
|
|
46
|
a, #page-wrapper a > * { color: #898989; text-decoration: none; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
|
47
|
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
|
48
|
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
|
49
|
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
|
50
|
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; }
|
51
|
|
52
|
a:hover, #page-wrapper a > *:hover,.sidebar .block a:hover { color: #9dcedf; }
|
53
|
|
54
|
.colored { color: #9dcedf; }
|
55
|
|
56
|
a.colored:hover { color: #9dcedf; text-decoration: underline; }
|
57
|
|
58
|
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-variant: normal; white-space: normal; color: #898989; margin-bottom: 15px; font-family: 'Dosis',Arial,Verdana,serif; }
|
59
|
|
60
|
h1 { font-size: 34px; line-height: 36px; }
|
61
|
|
62
|
h2 { font-size: 26px; line-height: 34px; }
|
63
|
|
64
|
h3 { font-size: 24px; line-height: 32px; }
|
65
|
|
66
|
h4 { font-size: 18px; line-height: 24px; }
|
67
|
|
68
|
h5 { font-size: 16px; line-height: 20px; }
|
69
|
|
70
|
h6 { font-size: 16px; line-height: 17px; }
|
71
|
|
72
|
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #303031; font-size: 100%; }
|
73
|
|
74
|
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { font-size: 100%; text-decoration: none; }
|
75
|
|
76
|
a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover { color: #9dcedf; }
|
77
|
|
78
|
.sidebar h2{ font-size: 18px; line-height: 24px; }
|
79
|
|
80
|
.node h2{ font-size: 24px; line-height: 32px; }
|
81
|
|
82
|
.text-align-center { text-align: center; }
|
83
|
|
84
|
.text-align-left { text-align: left; }
|
85
|
|
86
|
.text-align-right { text-align: right; }
|
87
|
|
88
|
.img-align-left { margin: 0px 10px 10px 0; float: left; }
|
89
|
|
90
|
img { max-width: 100%; height: auto;
|
91
|
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
92
|
|
93
|
|
94
|
|
95
|
|
96
|
#pre-header { background: #9dcedf; float: left; width: 940px; padding: 0 40px 0 40px; margin: 0px 0 30px -40px; border-bottom: 1pt solid #d8d5cd; min-height: 50px; }
|
97
|
|
98
|
.pre-header { margin-bottom: 13px; }
|
99
|
|
100
|
.tipsy { font-size: 11px; position: absolute; padding: 5px; z-index: 100000; background-repeat: no-repeat; background-image: url("../images/tipsy.gif"); margin-top: 5px; opacity: 0.9;
|
101
|
filter: alpha(opacity=90); }
|
102
|
|
103
|
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
|
104
|
|
105
|
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
|
106
|
|
107
|
|
108
|
.tipsy-arrow-n { border-bottom-color: #000; }
|
109
|
.tipsy-arrow-s { border-top-color: #000; }
|
110
|
.tipsy-arrow-e { border-left-color: #000; }
|
111
|
.tipsy-arrow-w { border-right-color: #000; }
|
112
|
|
113
|
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
|
114
|
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
|
115
|
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
|
116
|
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
|
117
|
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
|
118
|
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
|
119
|
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
|
120
|
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
|
121
|
|
122
|
|
123
|
|
124
|
|
125
|
#social-icons { position: relative; padding: 10px 0 8px 0; font-size: 0;}
|
126
|
|
127
|
ul#social-links { z-index: 1; margin: 0px; list-style: none; float: right; }
|
128
|
|
129
|
ul#social-links li { display: inline-block; float: none; }
|
130
|
|
131
|
ul#social-links li {
|
132
|
display: inline-block;
|
133
|
font-size: 12px;
|
134
|
list-style: none;
|
135
|
width: 32px;
|
136
|
height: 32px;
|
137
|
background: #8dc1d3;
|
138
|
background: -moz-linear-gradient(top, #8dc1d3 0%, #67a7bd 100%);
|
139
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc1d3), color-stop(100%,#67a7bd));
|
140
|
background: -webkit-linear-gradient(top, #8dc1d3 0%,#67a7bd 100%);
|
141
|
background: -o-linear-gradient(top, #8dc1d3 0%,#67a7bd 100%);
|
142
|
background: -ms-linear-gradient(top, #8dc1d3 0%,#67a7bd 100%);
|
143
|
background: linear-gradient(top, #8dc1d3 0%,#67a7bd 100%);
|
144
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc1d3', endColorstr='#67a7bd',GradientType=0 );
|
145
|
text-indent: -9999px;
|
146
|
border-radius: 2px;
|
147
|
-moz-border-radius: 2px;
|
148
|
-webkit-border-radius: 2px;
|
149
|
margin: 0 5px 0 0;
|
150
|
box-shadow: 0px 1px 1px #a7dcef,inset 0px 2px 5px #67a7bd;
|
151
|
-moz-box-shadow: 0px 1px 1px #a7dcef,inset 0px 2px 5px #67a7bd;
|
152
|
-webkit-box-shadow: 0px 1px 1px #a7dcef,inset 0px 2px 5px #67a7bd;
|
153
|
}
|
154
|
|
155
|
ul#social-links li a.facebook { background: url("../images/icons/facebook.png") 50% 50% no-repeat }
|
156
|
|
157
|
ul#social-links li a.twitter { background: url("../images/icons/twitter.png") 50% 50% no-repeat }
|
158
|
|
159
|
ul#social-links li a.google { background: url("../images/icons/google.png") 50% 50% no-repeat }
|
160
|
|
161
|
ul#social-links li a.dribbble { background: url("../images/icons/dribbble.png") 50% 50% no-repeat }
|
162
|
|
163
|
ul#social-links li a.vimeo { background: url("../images/icons/vimeo.png") 50% 50% no-repeat }
|
164
|
|
165
|
ul#social-links li a.skype { background: url("../images/icons/skype.png") 50% 50% no-repeat }
|
166
|
|
167
|
ul#social-links li a.rss { background: url("../images/icons/rss.png") 50% 50% no-repeat }
|
168
|
|
169
|
ul#social-links li a.linkedin { background: url("../images/icons/linkedin.png") 50% 50% no-repeat }
|
170
|
|
171
|
ul#social-links li a.pinterest { background: url("../images/icons/pinterest.png") 50% 50% no-repeat}
|
172
|
|
173
|
ul#social-links > li.facebook-link:hover {
|
174
|
display: inline-block;
|
175
|
font-size: 12px;
|
176
|
width: 32px;
|
177
|
height: 32px;
|
178
|
background: #415b92;
|
179
|
background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%);
|
180
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415b92), color-stop(100%,#33487b));
|
181
|
background: -webkit-linear-gradient(top, #415b92 0%,#33487b 100%);
|
182
|
background: -o-linear-gradient(top, #415b92 0%,#33487b 100%);
|
183
|
background: -ms-linear-gradient(top, #415b92 0%,#33487b 100%);
|
184
|
background: linear-gradient(top, #415b92 0%,#33487b 100%);
|
185
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b',GradientType=0 );
|
186
|
text-indent: -9999px;
|
187
|
box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
|
188
|
-moz-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
|
189
|
-webkit-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
|
190
|
}
|
191
|
|
192
|
ul#social-links > li.twitter-link:hover {
|
193
|
display: inline-block;
|
194
|
font-size: 12px;
|
195
|
width: 32px;
|
196
|
height: 32px;
|
197
|
background: #aad5e3;
|
198
|
background: -moz-linear-gradient(top, #aad5e3 0%, #90c7db 100%);
|
199
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aad5e3), color-stop(100%,#90c7db));
|
200
|
background: -webkit-linear-gradient(top, #aad5e3 0%,#90c7db 100%);
|
201
|
background: -o-linear-gradient(top, #aad5e3 0%,#90c7db 100%);
|
202
|
background: -ms-linear-gradient(top, #aad5e3 0%,#90c7db 100%);
|
203
|
background: linear-gradient(top, #aad5e3 0%,#90c7db 100%);
|
204
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad5e3', endColorstr='#90c7db',GradientType=0 );
|
205
|
text-indent: -9999px;
|
206
|
box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
|
207
|
-moz-box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
|
208
|
-webkit-box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
|
209
|
}
|
210
|
|
211
|
ul#social-links > li.google-link:hover {
|
212
|
display: inline-block;
|
213
|
font-size: 12px;
|
214
|
width: 32px;
|
215
|
height: 32px;
|
216
|
background: #f54a35;
|
217
|
background: -moz-linear-gradient(top, #f54a35 0%, #c83e2d 100%);
|
218
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f54a35), color-stop(100%,#c83e2d));
|
219
|
background: -webkit-linear-gradient(top, #f54a35 0%,#c83e2d 100%);
|
220
|
background: -o-linear-gradient(top, #f54a35 0%,#c83e2d 100%);
|
221
|
background: -ms-linear-gradient(top, #f54a35 0%,#c83e2d 100%);
|
222
|
background: linear-gradient(top, #f54a35 0%,#c83e2d 100%);
|
223
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54a35', endColorstr='#c83e2d',GradientType=0 );
|
224
|
text-indent: -9999px;
|
225
|
box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
|
226
|
-moz-box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
|
227
|
-webkit-box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
|
228
|
}
|
229
|
|
230
|
ul#social-links > li.facebook-link:hover {
|
231
|
display: inline-block;
|
232
|
font-size: 12px;
|
233
|
width: 32px;
|
234
|
height: 32px;
|
235
|
background: #415b92;
|
236
|
background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%);
|
237
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415b92), color-stop(100%,#33487b));
|
238
|
background: -webkit-linear-gradient(top, #415b92 0%,#33487b 100%);
|
239
|
background: -o-linear-gradient(top, #415b92 0%,#33487b 100%);
|
240
|
background: -ms-linear-gradient(top, #415b92 0%,#33487b 100%);
|
241
|
background: linear-gradient(top, #415b92 0%,#33487b 100%);
|
242
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b',GradientType=0 );
|
243
|
text-indent: -9999px;
|
244
|
box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
|
245
|
-moz-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
|
246
|
-webkit-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
|
247
|
}
|
248
|
|
249
|
ul#social-links > li.dribbble-link:hover {
|
250
|
display: inline-block;
|
251
|
font-size: 12px;
|
252
|
width: 32px;
|
253
|
height: 32px;
|
254
|
background: #fd83af;
|
255
|
background: -moz-linear-gradient(top, #fd83af 0%, #e46191 100%);
|
256
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd83af), color-stop(100%,#e46191));
|
257
|
background: -webkit-linear-gradient(top, #fd83af 0%,#e46191 100%);
|
258
|
background: -o-linear-gradient(top, #fd83af 0%,#e46191 100%);
|
259
|
background: -ms-linear-gradient(top, #fd83af 0%,#e46191 100%);
|
260
|
background: linear-gradient(top, #fd83af 0%,#e46191 100%);
|
261
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd83af', endColorstr='#e46191',GradientType=0 );
|
262
|
text-indent: -9999px;
|
263
|
box-shadow: 0px 1px 1px #da447c,inset 0px 2px 5px #fc97bb;
|
264
|
-moz-box-shadow: 0px 1px 1px #da447c,inset 0px 2px 5px #fc97bb;
|
265
|
-webkit-box-shadow: 0px 1px 1px #da447c,inset 0px 2px 5px #fc97bb;
|
266
|
}
|
267
|
|
268
|
ul#social-links > li.vimeo-link:hover {
|
269
|
display: inline-block;
|
270
|
font-size: 12px;
|
271
|
width: 32px;
|
272
|
height: 32px;
|
273
|
background: #1ab7ea;
|
274
|
background: -moz-linear-gradient(top, #1ab7ea 0%, #0a9ece 100%);
|
275
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab7ea), color-stop(100%,#0a9ece));
|
276
|
background: -webkit-linear-gradient(top, #1ab7ea 0%,#0a9ece 100%);
|
277
|
background: -o-linear-gradient(top, #1ab7ea 0%,#0a9ece 100%);
|
278
|
background: -ms-linear-gradient(top, #1ab7ea 0%,#0a9ece 100%);
|
279
|
background: linear-gradient(top, #1ab7ea 0%,#0a9ece 100%);
|
280
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab7ea', endColorstr='#0a9ece',GradientType=0 );
|
281
|
text-indent: -9999px;
|
282
|
box-shadow: 0px 1px 1px #0b9ac8,inset 0px 2px 5px #31c6f6;
|
283
|
-moz-box-shadow: 0px 1px 1px #0b9ac8,inset 0px 2px 5px #31c6f6;
|
284
|
-webkit-box-shadow: 0px 1px 1px #0b9ac8,inset 0px 2px 5px #31c6f6;
|
285
|
}
|
286
|
|
287
|
ul#social-links > li.skype-link:hover {
|
288
|
display: inline-block;
|
289
|
font-size: 12px;
|
290
|
width: 32px;
|
291
|
height: 32px;
|
292
|
background: #56cbf7;
|
293
|
background: -moz-linear-gradient(top, #56cbf7 0%, #09b2f1 100%);
|
294
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56cbf7), color-stop(100%,#09b2f1));
|
295
|
background: -webkit-linear-gradient(top, #56cbf7 0%,#09b2f1 100%);
|
296
|
background: -o-linear-gradient(top, #56cbf7 0%,#09b2f1 100%);
|
297
|
background: -ms-linear-gradient(top, #56cbf7 0%,#09b2f1 100%);
|
298
|
background: linear-gradient(top, #56cbf7 0%,#09b2f1 100%);
|
299
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf7', endColorstr='#09b2f1',GradientType=0 );
|
300
|
text-indent: -9999px;
|
301
|
box-shadow: 0px 1px 1px #0281ae,inset 0px 2px 5px #b5ebff;
|
302
|
-moz-box-shadow: 0px 1px 1px #0281ae,inset 0px 2px 5px #b5ebff;
|
303
|
-webkit-box-shadow: 0px 1px 1px #0281ae,inset 0px 2px 5px #b5ebff;
|
304
|
}
|
305
|
|
306
|
ul#social-links li a {width: 32px; height: 32px; display: block; }
|
307
|
|
308
|
ul#social-links > li.rss-link:hover {
|
309
|
display: inline-block;
|
310
|
font-size: 12px;
|
311
|
width: 32px;
|
312
|
height: 32px;
|
313
|
background: #ff8500;
|
314
|
background: -moz-linear-gradient(top, #ff8500 0%, #ff6a00 100%);
|
315
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8500), color-stop(100%,#ff6a00));
|
316
|
background: -webkit-linear-gradient(top, #ff8500 0%,#ff6a00 100%);
|
317
|
background: -o-linear-gradient(top, #ff8500 0%,#ff6a00 100%);
|
318
|
background: -ms-linear-gradient(top, #ff8500 0%,#ff6a00 100%);
|
319
|
background: linear-gradient(top, #ff8500 0%,#ff6a00 100%);
|
320
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8500', endColorstr='#ff6a00',GradientType=0 );
|
321
|
text-indent: -9999px;
|
322
|
box-shadow: 0px 1px 1px #df5d00,inset 0px 2px 5px #ffb140;
|
323
|
-moz-box-shadow: 0px 1px 1px #df5d00,inset 0px 2px 5px #ffb140;
|
324
|
-webkit-box-shadow: 0px 1px 1px #df5d00,inset 0px 2px 5px #ffb140;
|
325
|
}
|
326
|
|
327
|
ul#social-links > li.linkedin-link:hover {
|
328
|
display: inline-block;
|
329
|
font-size: 12px;
|
330
|
width: 32px;
|
331
|
height: 32px;
|
332
|
background: #007fc5;
|
333
|
background: -moz-linear-gradient(top, #007fc5 0%, #0061b6 100%);
|
334
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fc5), color-stop(100%,#0061b6));
|
335
|
background: -webkit-linear-gradient(top, #007fc5 0%,#0061b6 100%);
|
336
|
background: -o-linear-gradient(top, #007fc5 0%,#0061b6 100%);
|
337
|
background: -ms-linear-gradient(top, #007fc5 0%,#0061b6 100%);
|
338
|
background: linear-gradient(top, #007fc5 0%,#0061b6 100%);
|
339
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc5', endColorstr='#0061b6',GradientType=0 );
|
340
|
text-indent: -9999px;
|
341
|
box-shadow: 0px 1px 1px #004d90,inset 0px 2px 5px #16a7e8;
|
342
|
-moz-box-shadow: 0px 1px 1px #004d90,inset 0px 2px 5px #16a7e8;
|
343
|
-webkit-box-shadow: 0px 1px 1px #004d90,inset 0px 2px 5px #16a7e8;
|
344
|
}
|
345
|
|
346
|
ul#social-links > li.pinterest-link:hover {
|
347
|
display: inline-block;
|
348
|
font-size: 12px;
|
349
|
width: 32px;
|
350
|
height: 32px;
|
351
|
background: #e63037;
|
352
|
background: -moz-linear-gradient(top, #e63037 0%, #bf1018 100%);
|
353
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e63037), color-stop(100%,#bf1018));
|
354
|
background: -webkit-linear-gradient(top, #e63037 0%,#bf1018 100%);
|
355
|
background: -o-linear-gradient(top, #e63037 0%,#bf1018 100%);
|
356
|
background: -ms-linear-gradient(top, #e63037 0%,#bf1018 100%);
|
357
|
background: linear-gradient(top, #e63037 0%,#bf1018 100%);
|
358
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63037', endColorstr='#bf1018',GradientType=0 );
|
359
|
text-indent: -9999px;
|
360
|
box-shadow: 0px 1px 1px #ae0d13,inset 0px 2px 5px #fc545b;
|
361
|
-moz-box-shadow: 0px 1px 1px #ae0d13,inset 0px 2px 5px #fc545b;
|
362
|
-webkit-box-shadow: 0px 1px 1px #ae0d13,inset 0px 2px 5px #fc545b;
|
363
|
}
|
364
|
|
365
|
|
366
|
|
367
|
|
368
|
|
369
|
|
370
|
|
371
|
#page { height: auto; width: 1020px; background: #FFF; -webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20);
|
372
|
box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20); padding: 0px; margin: 50px auto 100px; }
|
373
|
|
374
|
#pre-header .content a:hover { text-decoration: underline; }
|
375
|
|
376
|
#pre-header h2 { color: #fff; text-shadow:0px 1px #81BCD1; }
|
377
|
|
378
|
#pre-header ul.menu li{ display: inline-block; margin: 0; padding: 0; }
|
379
|
|
380
|
#pre-header ul.menu li a{ font-style: normal; padding: 2px 16px 2px 12px; text-decoration: none; color: #fff; text-shadow:0px 1px #81BCD1; border-right: 1pt solid #a8dcee; }
|
381
|
|
382
|
#pre-header ul.menu li.first a, #pre-header ul.menu li:first-child a{ padding-left:0 }
|
383
|
|
384
|
#pre-header ul.menu li a:hover{ text-decoration: underline; }
|
385
|
|
386
|
#pre-header ul.menu li.last a, #pre-header ul.menu li:last-child a { border:none; }
|
387
|
|
388
|
#pre-header ul.menu ul.menu, #pre-header ul.menu ul{ display:none; }
|
389
|
|
390
|
#header { height: 68px; padding: 0px 0 20px 0; float: left; width: 100%; }
|
391
|
|
392
|
.front #header {border-bottom: 1pt solid #D8D5CD;}
|
393
|
|
394
|
#navigation-wrapper { float: right; }
|
395
|
|
396
|
#breadcrumb { margin: 30px 0 20px 0; }
|
397
|
|
398
|
#content { padding-bottom: 30px; font-size: 14px; margin-top:30px; }
|
399
|
|
400
|
.not-front #content { margin-top:0px; }
|
401
|
|
402
|
.front #content{ margin-top: 0px; }
|
403
|
|
404
|
#header-left { float: left; }
|
405
|
|
406
|
h1#site-name{ font-size: 18px; margin:0 0 12px 0; line-height: 27px;}
|
407
|
|
408
|
h2#site-slogan{ color: #dbdbdb; margin:0 0 16px 0; font-size: 16px; line-height: 16px; }
|
409
|
|
410
|
.not-front #site-slogan { display: none; }
|
411
|
|
412
|
#tagline { margin: 0; white-space: nowrap; }
|
413
|
|
414
|
#mm0 { display: none; width: 100%; padding: 6px; font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ccc; color: #666; }
|
415
|
|
416
|
.block-superfish select { width: 100%; padding: 6px; font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ccc; color: #666; }
|
417
|
|
418
|
|
419
|
|
420
|
|
421
|
.container { margin: 0 auto; position: relative; width: 940px; }
|
422
|
|
423
|
.one-half,.one-third,.two-third,.one-fourth,.three-fourth,.one-column { float: left; margin-right: 20px; margin-bottom: 20px; }
|
424
|
|
425
|
.one-half.last,.one-third.last,.two-third.last,.one-fourth.last,.three-fourth.last, .one-fourth.widget-4, .one-fourth.widget-8, .one-fourth.widget-12 { margin-right: 0px; }
|
426
|
|
427
|
.one-half { width: 460px; }
|
428
|
|
429
|
.one-third { width: 300px; }
|
430
|
|
431
|
.two-third { width: 620px; }
|
432
|
|
433
|
.one-fourth { width: 220px; }
|
434
|
|
435
|
.three-fourth { width: 700px; }
|
436
|
|
437
|
.horizontal-line { width: 100%; margin: 30px 0; float: left; border-top: 1px solid #e1e1e1; }
|
438
|
|
439
|
.one-fourth.widget-1, .one-fourth.widget-5 , .one-fourth.widget-9 { clear: both; }
|
440
|
|
441
|
|
442
|
|
443
|
|
444
|
.downarrowclass { position: absolute; top: 53px; right: 5px; }
|
445
|
|
446
|
.rightarrowclass { position: absolute; top: 10px; right: 10px; }
|
447
|
|
448
|
#main-navigation li.last { clear:none; }
|
449
|
|
450
|
#main-navigation > ul.menu, #main-navigation .content > ul.menu, #main-navigation ul.sf-menu { margin: -30px 0 0 0px; clear:both; }
|
451
|
|
452
|
#main-navigation > ul.menu:after, #main-navigation .content > ul.menu:after, #main-navigation ul.sf-menu:after, #main-navigation .content:after { content: "."; display: block; clear: both;
|
453
|
visibility: hidden; line-height: 0; height: 0; }
|
454
|
|
455
|
#main-navigation ul.menu li, #main-navigation ul.sf-menu li { list-style: none; float: left; position: relative }
|
456
|
|
457
|
#main-navigation ul.sf-menu li { background: transparent; }
|
458
|
|
459
|
#main-navigation ul.menu li a, #main-navigation ul.sf-menu li a { color: #898989; font-family: 'Dosis', 'Verdana', sans-serif; font-size: 16px; font-weight: normal; padding: 47px 12px 50px 12px;
|
460
|
margin: 0 0 10px 0; position: relative; text-align: center; text-transform: uppercase; float: left; overflow: hidden; line-height: 20px; }
|
461
|
|
462
|
#main-navigation ul.sf-menu li a { border: none; }
|
463
|
|
464
|
#main-navigation ul.menu li a:hover,
|
465
|
#main-navigation > ul.menu > li > a.active,
|
466
|
#main-navigation ul.sf-menu li a:hover,
|
467
|
#main-navigation ul.sf-menu > li > a.active,
|
468
|
#main-navigation .content > ul.menu > li > a.active { color: #9dcedf; background: #f8f8f8; border-bottom: 1pt solid #9dcedf; }
|
469
|
|
470
|
#main-navigation ul.menu ul li a, #main-navigation ul.sf-menu ul li a { display: block; float: none; }
|
471
|
|
472
|
|
473
|
#main-navigation ul.menu ul, #main-navigation ul.sf-menu ul { background: url("../images/menu-drop-bg.png") 20% 0% no-repeat; padding-top: 8px; display: none; left: 0; margin-top: -18px;
|
474
|
position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
|
475
|
|
476
|
#main-navigation ul.sf-menu ul { padding-top: 8px!important; }
|
477
|
|
478
|
#main-navigation ul.menu ul ul, #main-navigation ul.sf-menu ul ul { background: url("../images/menu-drop-bg-2.png") 0% 25px no-repeat; padding-left: 8px; display: none; left: 0;
|
479
|
position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding-top:18px; }
|
480
|
|
481
|
#main-navigation ul.sf-menu ul ul { background: url("../images/menu-drop-bg-2.png") 0% 16px no-repeat; }
|
482
|
|
483
|
#main-navigation ul.menu ul ul ul, #main-navigation ul.sf-menu ul ul ul { background: url("../images/menu-drop-bg-2.png") 0% 25px no-repeat; padding-left: 8px; display: none; margin-left: 10px;
|
484
|
left: 0; position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
|
485
|
|
486
|
#main-navigation ul.menu li:hover>ul { display: block; visibility: visible; top: 100%; }
|
487
|
|
488
|
#main-navigation ul.menu ul li:hover>ul { display: block; visibility: visible; top: 0%; left: 100%; }
|
489
|
|
490
|
#main-navigation ul.menu ul li,
|
491
|
#main-navigation ul.menu ul li a,
|
492
|
#main-navigation ul.sf-menu ul li,
|
493
|
#main-navigation ul.sf-menu ul li a { padding: 0px 0 0 0px; margin: 0px; color: #FFF; background: #615951; font-family: "Arial", "Verdana"; }
|
494
|
|
495
|
#main-navigation ul.menu ul li { }
|
496
|
|
497
|
#main-navigation ul.menu ul li, #main-navigation ul.sf-menu ul li { float: none; }
|
498
|
|
499
|
#main-navigation ul.menu li, #main-navigation ul.sf-menu li { padding: 0; margin: 0 0 0 20px; }
|
500
|
|
501
|
#main-navigation ul.menu ul a, #main-navigation ul.sf-menu ul a { border: 0; color: #fff; display: block; font-size: 11px; font-weight: 400; padding: 5px 10px !important; text-align: left;
|
502
|
margin: 0; text-transform: none; }
|
503
|
|
504
|
#main-navigation ul.menu ul a:hover,
|
505
|
#main-navigation ul.menu ul .hover > a,
|
506
|
#main-navigation ul.sf-menu ul a:hover,
|
507
|
#main-navigation ul.sf-menu ul .hover > a,
|
508
|
#main-navigation .content > ul.menu li li a.active,
|
509
|
#main-navigation > ul.menu li li a.active,
|
510
|
#main-navigation ul.sf-menu li li a.active { background: #9dcedf; color: #fff !important; border: 0 !important; }
|
511
|
|
512
|
#main-navigation ul.menu li ul, #main-navigation ul.sf-menu li ul { position: absolute; left: 0px; display: block; visibility: hidden; margin-left: 0px; top: 0; }
|
513
|
|
514
|
.downarrowclass,
|
515
|
.rightarrowclass { width: 8px; height: 8px; background: url("../images/plus.png") top left no-repeat; display: inline-block; position: absolute; right: 5px; top: 53px }
|
516
|
|
517
|
#main-navigation ul.sf-menu li ul{ top: 100%; }
|
518
|
|
519
|
#main-navigation ul.sf-menu ul li ul{ left: 100%; top:0; }
|
520
|
|
521
|
#main-navigation ul.sf-menu ul li ul{ left: 100%; top:0; margin-left: 0px; margin-top: -7px; padding-left: 8px!important; }
|
522
|
|
523
|
#main-navigation ul.sf-menu > li > a .sf-sub-indicator { background: url("../images/plus.png"); width: 8px; height: 8px; background-position:0px 0px; right: 5px; top: 53px; }
|
524
|
|
525
|
#main-navigation .sf-menu a.sf-with-ul{ padding-right: 23px; }
|
526
|
|
527
|
.rightarrowclass { background-image: url("../images/plus-white.png"); }
|
528
|
|
529
|
ul.menu ul { margin:0; }
|
530
|
|
531
|
|
532
|
|
533
|
|
534
|
#footer { width: 1020px; padding:0; margin: 0px; height: auto; background: #222222; }
|
535
|
|
536
|
#footer .footer-area { padding: 30px 0px 0; }
|
537
|
|
538
|
#footer h4, #footer h2 { color: #9dcedf; font-size: 18px; line-height: 24px; }
|
539
|
|
540
|
#footer-bottom { width: 1020px; padding: 30px 0px; margin-left: 0px; background: #111; float: none; }
|
541
|
|
542
|
#footer-bottom .right { float: right; }
|
543
|
|
544
|
#footer-bottom a { color: #9dcedf; }
|
545
|
|
546
|
#footer-bottom .content a:hover { text-decoration: underline; }
|
547
|
|
548
|
#footer-bottom ul.menu.secondary-menu { margin:0 0 1.5em; }
|
549
|
|
550
|
#footer-bottom ul.menu li{ display: inline-block; margin: 0; padding: 0; }
|
551
|
|
552
|
#footer-bottom ul.menu li a{ font-style: normal; padding: 2px 16px 2px 12px; text-decoration: none; color: #333; border-right: 1pt solid #333; }
|
553
|
|
554
|
#footer-bottom ul.menu li.first a, #footer-bottom ul.menu li:first-child a{ padding-left:0 }
|
555
|
|
556
|
#footer-bottom ul.menu li a:hover{ color: #9DCEDF; }
|
557
|
|
558
|
#footer-bottom ul.menu li.last a, #footer-bottom ul.menu li:last-child a { border:none; }
|
559
|
|
560
|
#footer-bottom ul.menu ul.menu, #footer-bottom ul.menu ul{ display:none; }
|
561
|
|
562
|
.backtotop { float: right; text-align: center; background: #2e2e2e; height: 20px; width: 20px; border-radius: 2px; -moz-border-radius: 2px; webkit-border-radius: 2px; margin-right: -10px;
|
563
|
margin-left: 10px; }
|
564
|
|
565
|
.backtotop:hover { background: #222222; }
|
566
|
|
567
|
|
568
|
|
569
|
|
570
|
#footer .footer-area .content ul { list-style-type: none; list-style-position: outside; width: 100%; }
|
571
|
|
572
|
#footer .footer-area .content li { color: #898989; display: block; padding: 5px 0; border-bottom: 1pt solid #333; }
|
573
|
|
574
|
#footer .footer-area .content li a { color: #aaa; }
|
575
|
|
576
|
#footer .footer-area .content li a:hover { color: #9dcedf; text-decoration: underline; }
|
577
|
|
578
|
#footer .footer-area .content li:first-child { border-top: 1pt solid #333; }
|
579
|
|
580
|
#footer .footer-area .content li:last-child { border-bottom: none; }
|
581
|
|
582
|
#footer .footer-area .content ul ul { margin: 5px 0 0 0px; }
|
583
|
|
584
|
|
585
|
|
586
|
|
587
|
|
588
|
#footer-form form {margin-bottom: 0px; }
|
589
|
|
590
|
#footer-form fieldset { margin-bottom: 20px; }
|
591
|
|
592
|
#footer-form label,
|
593
|
#footer-form legend { display: block; font-weight: bold; font-size: 13px; }
|
594
|
|
595
|
#footer-form input[type="checkbox"] { display: inline;}
|
596
|
|
597
|
#footer-form label span,
|
598
|
#footer-form legend span { font-weight: normal; font-size: 13px; color: #444; }
|
599
|
|
600
|
#footer-form input[type="text"],
|
601
|
#footer-form input[type="password"],
|
602
|
#footer-form input[type="email"],
|
603
|
#footer-form textarea,
|
604
|
#footer-form select { padding: 7px 10px; outline: none; overflow: hidden; font-size: 11px; color: #898989; margin: 0; width: 200px; max-width: 100%; display: block; margin-bottom: 10px;
|
605
|
background: #111111; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 1px 1px #333,inset 0px 2px 2px #0f0f0f;
|
606
|
-moz-box-shadow: 0px 1px 1px #333,inset 0px 2px 2px #0f0f0f; -webkit-box-shadow: 0px 1px 1px #333,inset 0px 2px 2px #0f0f0f; resize: none; }
|
607
|
|
608
|
#footer-form select { padding: 0; }
|
609
|
|
610
|
#footer-form input[type="text"]:focus,
|
611
|
#footer-form input[type="password"]:focus,
|
612
|
#footer-form input[type="email"]:focus,
|
613
|
#footer-form textarea:focus { color: #555; }
|
614
|
|
615
|
#footer-form textarea { min-height: 100px; }
|
616
|
|
617
|
#footer-form select { width: 300px; }
|
618
|
|
619
|
|
620
|
|
621
|
#footer .tweet { width: auto; }
|
622
|
|
623
|
#footer .tweet ul { list-style-type: none; padding: 0; margin: 0px; }
|
624
|
|
625
|
#footer .tweet li .tweet_text,
|
626
|
.block .tweet li .tweet_text { float: left; margin-bottom: 10px; }
|
627
|
|
628
|
#footer .tweet a,
|
629
|
.block .tweet a { text-transform: none; display: inline; padding: 0px; font-style: italic; font: 12px Arial,Verdana, sans-serif; }
|
630
|
|
631
|
#footer .tweet .tweet_time a,
|
632
|
.block .tweet .tweet_time a { text-transform: none; display: block; font-style: italic; font-size: 12px; padding: 10px 0 0 25px; color: #9dcedf;
|
633
|
background: url("../images/twitter-feed.png") left bottom no-repeat; }
|
634
|
|
635
|
#footer .tweet .tweet_time a:hover,
|
636
|
.block .tweet .tweet_time a :hover { text-decoration: underline; }
|
637
|
|
638
|
|
639
|
|
640
|
|
641
|
.contact-info { }
|
642
|
|
643
|
.contact-info span { padding: 5px 0px 5px 30px; width: 100%; display: block; font-style: normal; }
|
644
|
|
645
|
.contact-info span.address { background: url("../images/icons/adress.png") left no-repeat; }
|
646
|
|
647
|
.contact-info span.phone { background: url("../images/icons/phone-number.png") left no-repeat; }
|
648
|
|
649
|
.contact-info span.email { background: url("../images/icons/mail-adress.png") left no-repeat; }
|
650
|
|
651
|
|
652
|
|
653
|
|
654
|
ul#projects-carousel { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 25px 0 0 0; display: none; }
|
655
|
|
656
|
ul#projects-carousel li { float: left; background: #f8f9f9; width: 220px; height: auto; margin-right: 20px; padding: 0; }
|
657
|
|
658
|
ul#projects-carousel li .item-content { background: #615951; float: left; width: 220px; text-align: center; padding: 0px 0 15px 0; height: auto; }
|
659
|
|
660
|
.description { padding: 15px; font-size: 12px; height: 50px; }
|
661
|
|
662
|
ul#projects-carousel li .item-content:hover { background: #9dcedf; }
|
663
|
|
664
|
ul#projects-carousel li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; }
|
665
|
|
666
|
ul#projects-carousel li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; }
|
667
|
|
668
|
ul#projects-carousel li .item-content span { font-style: italic; color: #FFF; }
|
669
|
|
670
|
ul#projects-carousel li img { width: 100%; height: auto; padding: 0; margin: 0; }
|
671
|
|
672
|
.jcarousel-container { margin: 0px -20px 0px 0; max-width: 100%; padding: 0px 0 0 0; }
|
673
|
|
674
|
.jcarousel-clip { overflow: hidden; width: 100%; }
|
675
|
|
676
|
.jcarousel-item { margin: 0 0px 30px 0; width: 220px; }
|
677
|
|
678
|
.jcarousel-next,
|
679
|
.jcarousel-prev { background: #9dcedf url("../images/carousel-prev-next.png") 105% 50% no-repeat; cursor: pointer; height: 20px; position: absolute; right: 0; bottom: -25px; width: 20px; }
|
680
|
|
681
|
.jcarousel-prev { background: #9dcedf url("../images/carousel-prev-next.png") -5% 50% no-repeat; right: 25px; }
|
682
|
|
683
|
.jcarousel-next:hover,
|
684
|
.jcarousel-next:focus,
|
685
|
.jcarousel-next:active,
|
686
|
.jcarousel-prev:hover,
|
687
|
.jcarousel-prev:focus,
|
688
|
.jcarousel-prev:active { background-color: #9dcedf; }
|
689
|
|
690
|
.jcarousel-clip { overflow: hidden; width: 100%; }
|
691
|
|
692
|
.jcarousel-next-disabled,
|
693
|
.jcarousel-next-disabled:hover,
|
694
|
.jcarousel-next-disabled:focus,
|
695
|
.jcarousel-next-disabled:active,
|
696
|
.jcarousel-prev-disabled,
|
697
|
.jcarousel-prev-disabled:hover,
|
698
|
.jcarousel-prev-disabled:focus,
|
699
|
.jcarousel-prev-disabled:active { background-color: #615951; cursor: auto; box-shadow: inset0 0 7px #46403a; -moz-box-shadow: inset 0 0 7px #46403a; -webkit-box-shadow: inset 0 0 7px #46403a; }
|
700
|
|
701
|
.portfolio-item-hover-content,
|
702
|
.proj-img1 { position: relative; overflow: hidden; }
|
703
|
|
704
|
.portfolio-item-hover-content a.zoom { background: url("../images/zoom-plus.png") no-repeat; margin-left: -15px; display: inline-block; width: 52px; height: 52px; position: absolute; top: 0px;
|
705
|
left: 45%; margin-top: -55px; z-index: 10; text-indent: -9999px; }
|
706
|
|
707
|
.portfolio-item-hover-content { line-height: 0; display: block; background: transparent; z-index: 99; }
|
708
|
|
709
|
.portfolio-item-holder { position: relative; overflow: hidden; height: auto; margin-bottom: 0px; }
|
710
|
|
711
|
.portfolio-item-hover-content,
|
712
|
.proj-img1 { position: relative; overflow: hidden; }
|
713
|
|
714
|
.portfolio-item-hover-content .hover-options { display: block; font-style: normal; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0;
|
715
|
background: #fff url("../images/portfolio-hover-bg.png") repeat; opacity: 0; filter: alpha(opacity:0); cursor: pointer; }
|
716
|
|
717
|
#banner-inside, #slider-container { border-bottom: 1px solid #E1E1E1; margin-bottom: 30px; padding-bottom: 35px; }
|
718
|
|
719
|
#banner-inside #slider-container { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
|
720
|
|
721
|
.flexslider.loading { min-height: 350px; background: url('../images/loading.gif') no-repeat center center; }
|
722
|
|
723
|
.loading { background: url('../images/loading.gif') no-repeat center center; }
|
724
|
|
725
|
|
726
|
|
727
|
|
728
|
.button { cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #ffffff; text-decoration: none!important; border: none; position: relative; }
|
729
|
|
730
|
.button:active { text-decoration: none; top: 1px; }
|
731
|
|
732
|
.button.round { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
|
733
|
|
734
|
.button.cube { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
|
735
|
|
736
|
.button.small { padding: 7px 12px; }
|
737
|
|
738
|
.button.big { padding: 8px 20px; }
|
739
|
|
740
|
.button.huge { padding: 15px 30px; font-size: 18px; color: #FFF!important; font-weight: bold; }
|
741
|
|
742
|
.button.darkgreen {
|
743
|
background: #59a839;
|
744
|
background: -moz-linear-gradient(top, #59a839 0%, #3e8720 100%);
|
745
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a839), color-stop(100%,#3e8720));
|
746
|
background: -webkit-linear-gradient(top, #59a839 0%,#3e8720 100%);
|
747
|
background: -o-linear-gradient(top, #59a839 0%,#3e8720 100%);
|
748
|
background: -ms-linear-gradient(top, #59a839 0%,#3e8720 100%);
|
749
|
background: linear-gradient(top, #59a839 0%,#3e8720 100%);
|
750
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a839', endColorstr='#3e8720',GradientType=0 );
|
751
|
color: #FFF;
|
752
|
text-shadow: 0px 1px #1f6b00;
|
753
|
-webkit-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
|
754
|
-moz-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
|
755
|
box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
|
756
|
}
|
757
|
|
758
|
.button.darkgreen:hover { -webkit-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215; -moz-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215; box-shadow: inset 0 0 10px #77e74a,0px 3px #307215; }
|
759
|
|
760
|
.button.darkgreen:active { -webkit-box-shadow: inset 0 0 15px #195700,0px 1px #307215; -moz-box-shadow: inset 0 0 15px #195700,0px 1px #307215; box-shadow: inset 0 0 15px #195700,0px 1px #307215; }
|
761
|
|
762
|
|
763
|
|
764
|
|
765
|
.simple-list-2,
|
766
|
.hentry ul { margin-left: 20px; list-style: disc outside; }
|
767
|
|
768
|
.hentry ol { list-style: decimal outside; margin-left: 20px; }
|
769
|
|
770
|
.simple-list-2 li,
|
771
|
.hentry li { }
|
772
|
|
773
|
.hentry ul,
|
774
|
.simple-list-2 li a { color: #898989; }
|
775
|
|
776
|
.simple-list-2 li a:hover { color: #9dcedf; text-decoration: underline; }
|
777
|
|
778
|
ul.center-list { text-align: center; }
|
779
|
|
780
|
ul.center-list li { text-align: center; display: inline; }
|
781
|
|
782
|
ul.center-list li a { text-align: center; padding: 5px 5px; }
|
783
|
|
784
|
ul.center-list li a:hover { text-decoration: underline; }
|
785
|
|
786
|
ul.dotted-list li { border-bottom: 1px dotted #bdbdbd; }
|
787
|
|
788
|
ul.dotted-list li { padding: 0px 0 5px 20px; }
|
789
|
|
790
|
.arrow li,.arrow-2 li,.circle li,.check li,.check-2 li,.star li,.plus li,.dash li { list-style: none; margin: 0; }
|
791
|
|
792
|
ul.dotted-list li { padding: 5px 0 5px 20px; border-bottom: 1px dotted #bdbdbd; }
|
793
|
|
794
|
|
795
|
|
796
|
|
797
|
.dropcapsimple, .dropcapsquare, .dropcapfancy { float: left; display: inline-block; margin: 0 10px 0 0; text-align: center; }
|
798
|
|
799
|
.dropcapsimple { font-size: 34px; height: 34px; line-height: 38px; width: 30px; text-align: left; margin: 0; }
|
800
|
|
801
|
.dropcapsquare { font-size: 28px; height: 38px; line-height: 38px; width: 38px; margin-right: 7px; color: #fefefe; background: #111; text-shadow: none; border-radius: 4px;
|
802
|
-moz-border-radius: 4px; -webkit-border-radius: 4px; border:none!important;}
|
803
|
|
804
|
.dropcapfancy { background: #ee802a; color: #FFF; font-family: 'Terminal Dosis','Arial',sans-serif; font-size: 22px; line-height: 35px; height: 35px; width: 35px; border-radius: 100px;
|
805
|
-moz-border-radius: 100px; -webkit-border-radius: 100px; border: 2pt solid #FFF!important; -moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7; box-shadow: 0 0px 3px #b7b7b7; }
|
806
|
|
807
|
.dropcap.dark { background: #3a3a3a; color: #fff; background-image:none!important; text-shadow:none!important; }
|
808
|
|
809
|
.dropcap.green { background: #59a839; color: #fff; background-image:none!important; text-shadow:none!important; }
|
810
|
|
811
|
.dropcap.red { background: #e64135; color: #fff; background-image:none!important; text-shadow:none!important; }
|
812
|
|
813
|
.dropcap.blue { background: #72c2e7; color: #fff; background-image:none!important; text-shadow:none!important; }
|
814
|
|
815
|
.dropcap.purple { background: #954eae; color: #fff; background-image:none!important; text-shadow:none!important; }
|
816
|
|
817
|
.dropcap.grey { background: #898989;color: #fff; background-image:none!important; text-shadow:none!important; }
|
818
|
|
819
|
.dropcap.pink { background: #f26d7d; color: #fff; background-image:none!important; text-shadow:none!important; }
|
820
|
|
821
|
|
822
|
|
823
|
|
824
|
div.messages.warning, div.messages.error ,div.messages.status, .simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info { padding: 0.8em; margin-bottom: 1em;
|
825
|
border: 1px solid #ddd; }
|
826
|
|
827
|
div.messages.error, .simple-error,.simple-alert { background: #fbe3e4; border-color: #fbc2c4; color: #e64135; }
|
828
|
|
829
|
div.messages.warning, .simple-notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
|
830
|
|
831
|
.simple-success, div.messages.status { background: #e6efc2; color: #264409; border-color: #c6d880; }
|
832
|
|
833
|
.simple-info { background: #d5edf8; color: #205791; border-color: #92cae4; }
|
834
|
|
835
|
div.messages.error a, .simple-error a, .simple-alert a { color: #8a1f11; }
|
836
|
|
837
|
div.messages.warning a, .simple-notice a { color: #514721; }
|
838
|
|
839
|
.simple-success a, div.messages.status a { color: #264409; }
|
840
|
|
841
|
.simple-info a { color: #205791; }
|
842
|
|
843
|
.form-item input.form-text.error { color: #e64135; text-align: left; font-size: 11px; font-style: italic; font-family: "Georgia", Verdana; }
|
844
|
|
845
|
.form-item input.form-text.success { color: #acd373; text-align: left; font-size: 11px; font-style: italic; font-family: "Georgia", Verdana; }
|
846
|
|
847
|
div.messages.status { background-image: url(../images/shortcodes/icons/success.png); background-position: 8px 8px; background-repeat: no-repeat; padding: 20px 20px 20px 70px; }
|
848
|
|
849
|
div.messages.error { background-image: url(../images/shortcodes/icons/cancel.png); background-position: 8px 8px; background-repeat: no-repeat; padding: 20px 20px 20px 70px; }
|
850
|
|
851
|
div.messages.warning { background-image: url(../images/shortcodes/icons/warning.png); background-position: 8px 8px; background-repeat: no-repeat; padding: 20px 20px 20px 70px; }
|
852
|
|
853
|
|
854
|
|
855
|
|
856
|
#contactForm .error { margin: 5px 0 0 0; display: none; }
|
857
|
|
858
|
#messages .simple-success,
|
859
|
#messages .simple-error { display: none; }
|
860
|
|
861
|
#contactForm form { margin-bottom: 0px; }
|
862
|
|
863
|
#contactForm fieldset { margin-bottom: 0px; }
|
864
|
|
865
|
#contactForm label,
|
866
|
#contactForm legend,
|
867
|
#contactForm strong { font-weight: bold; font-size: 13px; color: #898989; }
|
868
|
|
869
|
#contactForm input[type="checkbox"] { display: inline; }
|
870
|
|
871
|
#contactForm label span,
|
872
|
#contactForm legend span { font-weight: normal; font-size: 13px; color: #444; line-height: 34px; }
|
873
|
|
874
|
#contactForm input[type="text"],
|
875
|
#contactForm input[type="password"],
|
876
|
#contactForm input[type="email"],
|
877
|
#contactForm textarea,
|
878
|
#contactForm select {
|
879
|
border: 1px solid #dddddd;
|
880
|
padding: 5px 10px;
|
881
|
outline: none;
|
882
|
overflow: hidden;
|
883
|
font: 12px "Helvetica", Arial, sans-serif;
|
884
|
color: #777;
|
885
|
box-shadow: inset 0px 2px 4px #f3f3f3;
|
886
|
-moz-box-shadow: inset 0px 2px 4px #f3f3f3;
|
887
|
-webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
|
888
|
width: 278px;
|
889
|
max-width: 99%;
|
890
|
display: block;
|
891
|
margin-bottom: 10px;
|
892
|
background: #FFF;
|
893
|
border-radius: 2px;
|
894
|
-moz-border-radius: 2px;
|
895
|
-webkit-border-radius: 2px;
|
896
|
}
|
897
|
|
898
|
#contactForm select { padding: 0; }
|
899
|
|
900
|
#contactForm textarea { width: 598px; height: 200px; resize: vertical; }
|
901
|
|
902
|
#contactForm input[type="text"]:focus,
|
903
|
#contactForm input[type="password"]:focus,
|
904
|
#contactForm input[type="email"]:focus,
|
905
|
#contactForm textarea:focus { border: 1px solid #bbbbbb; color: #555; box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3; -moz-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
|
906
|
-webkit-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3; }
|
907
|
|
908
|
.caddress,
|
909
|
.cphone,
|
910
|
.cemail { margin-bottom: 10px; -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
|
911
|
|
912
|
.caddress strong,
|
913
|
.cphone strong,
|
914
|
.cemail strong { }
|
915
|
|
916
|
|
917
|
|
918
|
|
919
|
|
920
|
ul#portfolio-items-one-fourth { width: 100%; min-height: 300px; overflow: hidden; margin-left: 0; }
|
921
|
|
922
|
ul#portfolio-items-one-fourth li { width: 220px; margin: 0 20px 20px 0; float: left; height: 300px; overflow: hidden; }
|
923
|
|
924
|
ul#portfolio-items-one-fourth li .portfolio-item { float: left; background: #f8f9f9; width: 220px; height: auto; padding: 0; }
|
925
|
|
926
|
ul#portfolio-items-one-fourth li .item-content { background: #615951; float: left; width: 220px; text-align: center; padding: 0px 0 15px 0; height: auto; }
|
927
|
|
928
|
#portfolio-items-one-fourth .description { padding-top: 15px; font-size: 12px; }
|
929
|
|
930
|
ul#portfolio-items-one-fourth li .item-content:hover { background: #9dcedf; }
|
931
|
|
932
|
ul#portfolio-items-one-fourth li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; }
|
933
|
|
934
|
ul#portfolio-items-one-fourth li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; }
|
935
|
|
936
|
ul#portfolio-items-one-fourth li .item-content span { font-style: italic; color: #FFF; }
|
937
|
|
938
|
ul#portfolio-items-one-fourth li img { width: 100%; height: auto; padding: 0; margin: 0; }
|
939
|
|
940
|
ul#portfolio-items-one-third { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 0px 0 0 0; }
|
941
|
|
942
|
ul#portfolio-items-one-third li { width: 300px; min-height: 310px; }
|
943
|
|
944
|
ul#portfolio-items-one-third li .portfolio-item { float: left; background: #f8f9f9; width: 300px; height: auto; padding: 0; }
|
945
|
|
946
|
ul#portfolio-items-one-third li .item-content { background: #615951; float: left; width: 300px; text-align: center; padding: 0px 0 15px 0; height: auto; }
|
947
|
|
948
|
#portfolio-items-one-third .description { padding-top: 15px; }
|
949
|
|
950
|
ul#portfolio-items-one-third li .item-content:hover { background: #9dcedf; }
|
951
|
|
952
|
ul#portfolio-items-one-third li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; }
|
953
|
|
954
|
ul#portfolio-items-one-third li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; }
|
955
|
|
956
|
ul#portfolio-items-one-third li .item-content span { font-style: italic; color: #FFF; }
|
957
|
|
958
|
ul#portfolio-items-one-third li img { width: 100%; height: auto; padding: 0; margin: 0; }
|
959
|
|
960
|
.portfolio-container { width: 960px; margin-right: -20px; float: left; clear: both; }
|
961
|
|
962
|
.portfolio-items { width: 960px; margin: 0; }
|
963
|
|
964
|
.portfolio-items:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
|
965
|
|
966
|
.portfolio-items li { width: 220px; margin: 0 20px 20px 0; float: left; height: 300px; overflow: hidden; }
|
967
|
|
968
|
.portfolio-items-not-filterable { width: 960px; margin: 0; }
|
969
|
|
970
|
.portfolio-items-not-filterable:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
|
971
|
|
972
|
.portfolio-items-not-filterable li { width: 300px; margin: 0 20px 20px 0; float: left; height: 310px; overflow: hidden; }
|
973
|
|
974
|
.three-fourth .portfolio-container { width: auto; }
|
975
|
|
976
|
.filterable { display: inline; float: right; margin-bottom: 20px; margin-right: 20px; list-style: none; }
|
977
|
|
978
|
.filterable li { float: left; margin-left: 25px; list-style: none; }
|
979
|
|
980
|
.filterable li a { display: block; color: #FFF; font: bold 11px arial; text-decoration: none; text-align: center; width: 100%; height: auto; padding: 5px 5px; margin: 5px; background: #615951;
|
981
|
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
|
982
|
|
983
|
.filterable li.active a { color: #FFF; background: #9dcedf; }
|
984
|
|
985
|
.portfolio-image { margin-bottom: 20px; }
|
986
|
|
987
|
|
988
|
|
989
|
|
990
|
|
991
|
#content h1 { margin-bottom: 30px; }
|
992
|
|
993
|
.hentry { padding: 0 0 30px 0; margin: 0 0 30px 0; }
|
994
|
|
995
|
.single .hentry { margin-bottom: 0; }
|
996
|
|
997
|
.archive .hentry, .node-blog.hentry, .search .hentry { border-bottom: 1px solid #E1E1E1; }
|
998
|
|
999
|
.entry-body { margin: 10px 0 60px 0; }
|
1000
|
|
1001
|
.node-blog .entry-body, .node-article .entry-body { float: left; margin: 10px 0 20px 0; width: 555px; }
|
1002
|
|
1003
|
.two-sidebars .node-blog .entry-body, .two-sidebars .node-article .entry-body { width: 315px; }
|
1004
|
|
1005
|
.no-sidebars .node-blog .entry-body, .no-sidebars .node-article .entry-body { width: 795px; }
|
1006
|
|
1007
|
.page-body { width: 100%; float: left; }
|
1008
|
|
1009
|
.readmore a, .node-readmore a{ font-size: 14px; font-family: "Georgia",Verdana; font-style: italic; background: url("../images/blog-permalink.png") left bottom no-repeat; padding-left: 15px;
|
1010
|
-webkit-transition: all 0.2s ease,top 0ms linear; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
|
1011
|
|
1012
|
.node ul.links.inline li a{ font-size: 14px; font-family: "Georgia",Verdana; font-style: italic; -webkit-transition: all 0.2s ease,top 0ms linear; -moz-transition: all 0.2s ease;
|
1013
|
-o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
|
1014
|
|
1015
|
.readmore a:hover, .node-readmore a:hover { background: url("../images/blog-permalink.png") left top no-repeat }
|
1016
|
|
1017
|
.entry-meta { color: #878787; float: left; margin: 10px 20px 20px 0; text-align: center; width: 125px; font-size: 12px; line-height: 20px; }
|
1018
|
|
1019
|
.entry-meta div.field { display: inline-block; }
|
1020
|
|
1021
|
.entry-meta ul { margin: 0; }
|
1022
|
|
1023
|
.entry-meta li { list-style: none; margin: 0; }
|
1024
|
|
1025
|
.entry-meta li a.active{ color: #898989; }
|
1026
|
|
1027
|
.entry-meta .title { font-weight: bold; }
|
1028
|
|
1029
|
.node .entry-meta .field-type-taxonomy-term-reference .field-label { display:none; }
|
1030
|
|
1031
|
.date { width: 56px; height: auto; float: left; text-align: center; margin-right: 20px; margin-bottom: 15px; display: block; background: #9dcedf; text-shadow: 0px 1px #81bcd1; border-radius: 100px;
|
1032
|
-moz-border-radius: 100px; -webkit-border-radius: 100px; padding: 10px 30px; border: 4pt solid #FFF; -moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7; box-shadow: 0 0px 3px #b7b7b7; }
|
1033
|
|
1034
|
.month { display: block; color: #FFF; }
|
1035
|
|
1036
|
.day, .year { display: block }
|
1037
|
|
1038
|
.day { font-size: 36px; color: #FFF; margin: 10px 0 15px 0; }
|
1039
|
|
1040
|
.year { background: url("../images/post-meta-divider.png") top repeat-x; color: #FFF; padding: 10px 0 0 0; }
|
1041
|
|
1042
|
.post-intro { float: left; width: 615px; }
|
1043
|
|
1044
|
.hentry blockquote { background: #f8f8f8 url(../images/quote.png) no-repeat 17px 21px; font: italic 15px/1.6 "Georgia", Times, 'Times New Roman', serif; padding: 20px 20px 20px 55px;
|
1045
|
border-bottom: 1pt solid #e1e1e1; margin: 0px 0 20px 0; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
|
1046
|
|
1047
|
blockquote.alignleft { float: left; margin: 10px 10px 10px 0; width: 300px; }
|
1048
|
|
1049
|
blockquote.alignright { float: right; margin: 10px 0 10px 10px; width: 300px; }
|
1050
|
|
1051
|
.mediaitem { margin: 0 0 20px 0; }
|
1052
|
|
1053
|
.sidebar { margin: 10px 0 0 0; }
|
1054
|
|
1055
|
.sidebar .block { border-bottom: none; margin: 0 0 30px 0; padding: 0 0 0 0; font-size: 12px; }
|
1056
|
|
1057
|
.sidebar .block .content li { background: url(../images/simple-nav-arrow.png) no-repeat 0 11px; border-bottom: 1px dotted #ced8df; list-style: none; margin: 0; display: block; padding: 5px 0 5px 15px; }
|
1058
|
|
1059
|
.sidebar .block .content li:first-child { border-top: 1px dotted #ced8df; }
|
1060
|
|
1061
|
.sidebar .block a { color: #868686; }
|
1062
|
|
1063
|
img.fb_share_link { padding: 0px 0 0 0px; margin: 0px 5px -10px 0px; }
|
1064
|
|
1065
|
.pager { list-style: none; }
|
1066
|
|
1067
|
.pager li { display: inline; }
|
1068
|
|
1069
|
.item-list .pager li { display: block; float: left; padding: 4px 10px; margin:0 7px 0 0; border: 1px solid #e1e1e1; -webkit-box-shadow: inset 0 0 10px #f5f5f5;
|
1070
|
-moz-box-shadow: inset 0 0 10px #f5f5f5; box-shadow: inset 0 0 10px #f5f5f5; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #898989; }
|
1071
|
|
1072
|
.item-list .pager li.pager-current { background-color: #f5f5f5; }
|
1073
|
|
1074
|
.item-list .pager li.pager-current:hover { border: 1pt solid #c2c2c2; }
|
1075
|
|
1076
|
.widget_search { border-bottom: none; }
|
1077
|
|
1078
|
#search-block-form input.form-text{ background: #FFF url("../images/search-bg.png") right no-repeat; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
|
1079
|
width: 96%; padding: 8px 5px; color: #acacac; border-color: #88bbc8; -moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7; box-shadow: 0 0px 3px #b7b7b7; }
|
1080
|
|
1081
|
#search-block-form input.form-text:focus { -moz-box-shadow: 0 0px 3px #909090; -webkit-box-shadow: 0 0px 3px #909090; box-shadow: 0 0px 3px #909090; }
|
1082
|
|
1083
|
#search-block-form input.form-submit { position: absolute; left: -1000em; }
|
1084
|
|
1085
|
.screen-reader-text { position: absolute; left: -1000em; }
|
1086
|
|
1087
|
.search-place { margin: 30px 0; }
|
1088
|
|
1089
|
.author { border-bottom: 1px solid #E1E1E1; padding: 20px; margin-bottom: 30px; clear: both; background: #f0f0f0; }
|
1090
|
|
1091
|
.author .author-gravatar { float: left; margin: 0 20px 20px 0; }
|
1092
|
|
1093
|
.author .author-description { font-style: italic; }
|
1094
|
|
1095
|
#comments { clear: both; margin: 30px 0; }
|
1096
|
|
1097
|
.inner-comment { margin-left: 75px; }
|
1098
|
|
1099
|
.comment { margin-bottom: 10px; overflow: hidden; }
|
1100
|
|
1101
|
article.comment { position: relative; }
|
1102
|
|
1103
|
.comment .user-signature { font-style: italic; font-size: 13px; color: #BEBEBE; }
|
1104
|
|
1105
|
.comment-author { float: left; margin-right: 10px; padding-bottom: 10px; }
|
1106
|
|
1107
|
.commentlist ul.children { padding-left: 40px; }
|
1108
|
|
1109
|
.commentlist .authormeta { display: inline-block; }
|
1110
|
|
1111
|
.commentlist .comment-author img, .commentlist .comment-author h3, .commentlist .comment-author .datetime { float: left; line-height: 38px; margin: 0 10px 0 0; padding: 0; }
|
1112
|
|
1113
|
.commentlist .comment-author .datetime { clear: none; color: #898989; float: left; margin-right: 0; margin-top: 4px; }
|
1114
|
|
1115
|
.comment-text { background: #f5f5f5; padding: 20px; border: 1pt solid #ebebeb; clear: left; float: none; margin-bottom: 10px; word-wrap: break-word; }
|
1116
|
|
1117
|
.comment-text h3 { margin-top: 0; }
|
1118
|
|
1119
|
.comment-text p { margin-bottom: 0; }
|
1120
|
|
1121
|
img.avatar, .comment .user-picture img { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; vertical-align: middle; }
|
1122
|
|
1123
|
.comment .user-picture{ display: inline-block; }
|
1124
|
|
1125
|
span.new { position: absolute; top: 35%; right: 1%; }
|
1126
|
|
1127
|
.comment cite, .comment cite a { font-size: 18px; line-height: 24px; font-style: normal; text-transform: capitalize; }
|
1128
|
|
1129
|
.node .comment ul.links.inline { float: right; margin: 0; }
|
1130
|
|
1131
|
.node .comment ul.links.inline li a { display: inline-block; font-style: normal; font-size: 14px; font-family: sans-serif; text-transform: capitalize; }
|
1132
|
|
1133
|
.logged-in .node .comment ul.links.inline li { padding: 0; }
|
1134
|
|
1135
|
.logged-in .node .comment ul.links.inline li a { margin-left: 10px; }
|
1136
|
|
1137
|
#commentform label,
|
1138
|
.form-item label { font-weight: bold; display: block; color: #7f7f7f; }
|
1139
|
|
1140
|
.form-item .description { padding: 0; height: auto; font-size: 12px; }
|
1141
|
|
1142
|
.form-item .required { color: #333; }
|
1143
|
|
1144
|
.form-item .error { color: #e64135; }
|
1145
|
|
1146
|
#commentform input[type=text],
|
1147
|
#commentform input[type=password],
|
1148
|
#commentform input[type=email],
|
1149
|
#commentform input[type=url],
|
1150
|
#commentform input.text,
|
1151
|
#commentform input.title,
|
1152
|
#commentform textarea,
|
1153
|
#commentform select,
|
1154
|
.form-item input.form-text { background-color: #f8f8f8; border: 1px solid #e8e8e8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; padding: 9px 0 9px 9px; width: 96%; }
|
1155
|
|
1156
|
#commentform input[type=text]:focus,
|
1157
|
#commentform input[type=password]:focus,
|
1158
|
#commentform input[type=email]:focus,
|
1159
|
#commentform input[type=url]:focus,
|
1160
|
#commentform input.text:focus,
|
1161
|
#commentform input.title:focus,
|
1162
|
#commentform textarea:focus,
|
1163
|
#commentform select:focus,
|
1164
|
.form-item input.form-text:focus { border-color: #c2c2c2; outline: 0; }
|
1165
|
|
1166
|
#commentform input[type=text],
|
1167
|
#commentform input[type=password],
|
1168
|
#commentform input[type=email],
|
1169
|
#commentform input.text,
|
1170
|
#commentform input.title,
|
1171
|
#commentform textarea,
|
1172
|
#commentform select,
|
1173
|
.form-item input.form-text { margin: 5px 0; }
|
1174
|
|
1175
|
#commentform textarea { width: 100%; height: 180px; padding: 4% 0; resize: none; }
|
1176
|
|
1177
|
.form-textarea-wrapper { width: 100%; }
|
1178
|
|
1179
|
input#edit-keys, .page-user input.form-text, .no-sidebars #comment-form input.form-text, .no-sidebars .contact-form input.form-text { width: 50%; }
|
1180
|
|
1181
|
.contact-form input.form-text { width: 70%; }
|
1182
|
|
1183
|
input#edit-keys { margin-right: 10px; }
|
1184
|
|
1185
|
.form-textarea-wrapper textarea { background-color: #f8f8f8; border: 1px solid #e8e8e8; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;
|
1186
|
font-size: 12px; border-bottom: 1px solid #eee; height: 180px; padding: 2% 0 4% 9px; resize: none; }
|
1187
|
|
1188
|
.form-textarea-wrapper textarea:focus { border: 1px solid #c2c2c2; outline: 0; }
|
1189
|
|
1190
|
.resizable-textarea .grippie { border: 1px solid #e8e8e8; border-top: none; }
|
1191
|
|
1192
|
#commentform input[type=submit], input[type=submit] { margin:0 10px 0 0; }
|
1193
|
|
1194
|
|
1195
|
.alignleft, img.alignleft { margin: 0 24px 24px 0; display: inline; float: left; }
|
1196
|
|
1197
|
.alignright, img.alignright { margin-left: 24px; display: inline; float: right; }
|
1198
|
|
1199
|
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
|
1200
|
|
1201
|
|
1202
|
|
1203
|
|
1204
|
.front #banner { padding-top: 30px;}
|
1205
|
|
1206
|
.not-found-text { text-align: center; font-size: 100px; line-height: 100px; border-bottom: 1pt solid #E1E1E1; margin-bottom: 100px; padding-bottom: 30px; }
|
1207
|
|
1208
|
.intro-page h2 { text-align: center; }
|
1209
|
|
1210
|
.intro-page h2 strong { color: #9DCEDF; font-weight: normal; }
|
1211
|
|
1212
|
.intro-page { margin: 0 0 0px 0; padding: 30px 0 0 0; }
|
1213
|
|
1214
|
.not-front .intro-page{ padding: 0; border: none; }
|
1215
|
|
1216
|
.resize img { max-width: 100%; max-height: 100%; }
|
1217
|
|
1218
|
video { width: 100%; height: auto; }
|
1219
|
|
1220
|
ul.team-memebers li { text-align: center; float: left; margin-right: 20px; }
|
1221
|
|
1222
|
ul.team-memebers li.last { margin-right: 0px; }
|
1223
|
|
1224
|
#contact-map { margin-left: -40px; width: 1020px; max-height: 100%; margin-bottom: 30px; }
|
1225
|
|
1226
|
#contact-map iframe { width: 100%; }
|
1227
|
|
1228
|
img.intro-img { margin-left: -40px; max-width: 1020px; max-height: 100%; margin-bottom: 30px; border-bottom: 1pt solid #d8d5cd; }
|
1229
|
|
1230
|
img.team-member { width: 70px; height: 70px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 1px 1px #615951; -moz-box-shadow: 0px 1px 1px #615951;
|
1231
|
-webkit-box-shadow: 0px 1px 1px #615951; }
|
1232
|
|
1233
|
blockquote, q { quotes: none }
|
1234
|
|
1235
|
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
|
1236
|
|
1237
|
blockquote { padding: 0px 10px 0px 35px; line-height: 24px; background-image: url(../images/quote.png); background-position: 0% 10%; background-repeat: no-repeat; color: #999999; }
|
1238
|
|
1239
|
blockquote span { color: #666666; }
|
1240
|
|
1241
|
.button-holder-2 { float: right; margin-top: 5px; }
|
1242
|
|
1243
|
pre, code { border: 1px solid #e1e1e1; border-left: 5px solid #e1e1e1; width: 96%; margin-bottom: 20px; padding: 2%; font-size: 11px; display: inline-block; background-color: #f5f5f5; }
|
1244
|
|
1245
|
.pdf { background: url(../images/shortcodes/icons/small/pdf.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; }
|
1246
|
|
1247
|
.skype-call { background: url(../images/icons/skype.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; }
|
1248
|
|
1249
|
#map { height: 275px; margin: 0px 0 30px -40px; position: relative; width: 1020px; }
|
1250
|
|
1251
|
#map:before, #map:after { background: none; -webkit-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); -moz-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1);
|
1252
|
box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); content: ''; left: 0; position: absolute; top: 0; width: 100%; }
|
1253
|
|
1254
|
#map:after { bottom: 0; top: auto; }
|
1255
|
|
1256
|
ul.buttons li { display: list; margin: 25px 0; }
|
1257
|
|
1258
|
ul.buttons-huge li { display: list; margin: 45px 0; }
|
1259
|
|
1260
|
.inner-page-intro { width: 100%; height: auto; float: left; padding: 0px 0; margin-bottom: 30px; border-bottom: 1pt solid #e1e1e1; }
|
1261
|
|
1262
|
.add-widget { background: url("../images/shortcodes/lists/addlist.png")left center no-repeat; background: url("../images/plus.png") left center no-repeat;
|
1263
|
padding: 2px 2px 2px 13px; font-weight: bold; display: block; margin-top: 20px; }
|
1264
|
|
1265
|
.help { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eee; padding: 20px; }
|
1266
|
|
1267
|
.help p { margin-bottom: 0; }
|
1268
|
|
1269
|
|
1270
|
|
1271
|
|
1272
|
|
1273
|
ul.inline li.first { padding-left: 0; }
|
1274
|
|
1275
|
.hentry ul.inline { margin-left: 0; }
|
1276
|
|
1277
|
li a.active { color: #898989; }
|
1278
|
|
1279
|
|
1280
|
#page-wrapper fieldset { padding: 012px; border: 1px solid #d6d6d6; }
|
1281
|
|
1282
|
#page-wrapper fieldset legend { color: #898989; padding: 0 10px; }
|
1283
|
|
1284
|
|
1285
|
table { border-spacing:0; border:0; width:100%; }
|
1286
|
|
1287
|
table td, table th { border:1px solid #9B9B9B; }
|
1288
|
|
1289
|
table th { background:#f0f0f0; color:#333; font-weight:bold; }
|
1290
|
|
1291
|
table tr.odd { background:transparent; }
|
1292
|
|
1293
|
table tr.even{ background:#fafafa; }
|
1294
|
|
1295
|
table td, table th{ padding:12px; text-align: center; }
|
1296
|
|
1297
|
|
1298
|
table.noborder td, table.noborder th, table.noborder tr{ border:none; }
|
1299
|
|
1300
|
|
1301
|
ul.primary { border-bottom: 1px solid #bbb; border-collapse: collapse; height: auto; line-height: normal; list-style: none; margin: 5px; padding: 0 0 0 1em; white-space: nowrap; }
|
1302
|
|
1303
|
ul.primary li { display: inline; }
|
1304
|
|
1305
|
ul.primary li a { background-color: #ddd; border-color: #bbb; border-style: solid solid none solid; border-width: 1px; height: auto; margin-right: 0.5em; padding: 0.3em 1em 0em;
|
1306
|
text-decoration: none; border-radius: 5px 5px 0px 0; -moz-border-radius: 5px 5px 0px 0; -webkit-border-radius: 5px 5px 0px 0; }
|
1307
|
|
1308
|
ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: 1px solid #fff; }
|
1309
|
|
1310
|
ul.primary li a:hover { background-color: #eee; border-color: #ccc; border-bottom-color: #eee; }
|