1 |
b9383c72
|
Julien Enselme
|
|
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; } |