|
1 /* |
|
2 Theme Name:WNN-WP |
|
3 Theme URI: turbocharged06@gmail.com |
|
4 Description: Modelled after CNN's theme design, WNN is an efficiant, easy to use, professional, and simplistic theme created for webmasters serious about their image as shown to their wide range of audiences. |
|
5 Version: 1 |
|
6 Author: Khaled R |
|
7 Author URI: mailto:turbocharged06@gmail.com |
|
8 Tags: news, red, white, black, cnn, magazine, theme, professional, global |
|
9 */ |
|
10 body{ |
|
11 margin: 0; |
|
12 padding: 0; |
|
13 background: #dadada; |
|
14 font-family: Arial; |
|
15 font-size: 14px; |
|
16 } |
|
17 a{ |
|
18 color: #004276; |
|
19 text-decoration: none; |
|
20 } |
|
21 a:hover{ |
|
22 color: #ca0002; |
|
23 } |
|
24 #header{ |
|
25 background: #ffffff; |
|
26 border-bottom: 6px solid #cc0000; |
|
27 margin-bottom: 10px; |
|
28 } |
|
29 img{ |
|
30 border: 0; |
|
31 } |
|
32 #logo{ |
|
33 width: 169px; |
|
34 float: left; |
|
35 padding: 12px; |
|
36 } |
|
37 #search{ |
|
38 float: right; |
|
39 text-align: right; |
|
40 margin-bottom: 10px; |
|
41 margin: 12px; |
|
42 } |
|
43 #searchinput{ |
|
44 width: 435px; |
|
45 height: 15px; |
|
46 font-size: 11px; |
|
47 font-weight: bold; |
|
48 padding-top: 3px; |
|
49 padding-right: 0px; |
|
50 padding-bottom: 0px; |
|
51 padding-left: 3px; |
|
52 background-color: #ffffff; |
|
53 border-top-width: 2px; |
|
54 border-right-width: 2px; |
|
55 border-bottom-width: 2px; |
|
56 border-left-width: 2px; |
|
57 border-top-style: solid; |
|
58 border-right-style: solid; |
|
59 border-bottom-style: solid; |
|
60 border-left-style: solid; |
|
61 border-top-color: #646464; |
|
62 border-left-color: #646464; |
|
63 border-right-color: #d9d9d9; |
|
64 border-bottom-color: #d9d9d9; |
|
65 } |
|
66 .wnnNavStretch{ |
|
67 border-width:1px 0; |
|
68 border-style:solid; |
|
69 border-color:#e6e6e6; |
|
70 clear: both; |
|
71 padding-left: 12px; |
|
72 margin-bottom: 7px; |
|
73 } |
|
74 .wnnHeaderNav{ |
|
75 height:27px; |
|
76 position:relative; |
|
77 min-width:984px; |
|
78 margin:0 auto; |
|
79 } |
|
80 .wnnHeaderNav li{ |
|
81 font-weight:bold; |
|
82 font-size: 10px; |
|
83 } |
|
84 .wnnHeaderNav li a, |
|
85 .wnnHeaderNav li a:visited{ |
|
86 color:#ca0002; |
|
87 text-decoration:none; |
|
88 text-transform:uppercase; |
|
89 line-height:25px; |
|
90 } |
|
91 .wnnHeaderNav li a:hover{ |
|
92 color:#fff; |
|
93 background:#ca0002; |
|
94 } |
|
95 .wnnHeaderNav li a.wnnCurPage{ |
|
96 color:#fff; |
|
97 background:#ca0002; |
|
98 } |
|
99 .wnnHeaderNav li a.wnnCurPage:visited{ |
|
100 color:#fff; |
|
101 } |
|
102 .wnnHeaderNav ul.wnnUtilityNavigation, |
|
103 .wnnHeaderNav ul.wnnNavigation{ |
|
104 margin:0; |
|
105 padding:0; |
|
106 list-style:none; |
|
107 position:absolute; |
|
108 white-space:nowrap; |
|
109 } |
|
110 .wnnHeaderNav ul.wnnNavigation{ |
|
111 left:0; |
|
112 } |
|
113 .wnnHeaderNav ul.wnnNavigation li{ |
|
114 float:left; |
|
115 border-width:0 1px 0 0; |
|
116 border-style:solid; |
|
117 border-color:#e6e6e6; |
|
118 } |
|
119 .wnnHeaderNav ul.wnnNavigation li a{ |
|
120 padding:0 6px; |
|
121 width:auto; |
|
122 height:25px; |
|
123 margin:1px; |
|
124 display:block; |
|
125 vertical-align:middle; |
|
126 } |
|
127 * html .wnnHeaderNav ul.wnnNavigation li a{ |
|
128 width:25px; |
|
129 } |
|
130 * html .wnnHeaderNav li{ |
|
131 font-size:11px; |
|
132 } |
|
133 * html .wnnHeaderNav ul.wnnNavigation li a{ |
|
134 padding:0 4px 0 5px; |
|
135 } |
|
136 * html .wnnHeaderNav ul.wnnUtilityNavigation li a{ |
|
137 padding:0 12px 0 7px; |
|
138 } |
|
139 #leftt{ |
|
140 width: 12px; |
|
141 } |
|
142 #rss{ |
|
143 margin-left: 6px; |
|
144 } |
|
145 #pages{ |
|
146 padding-left: 12px; |
|
147 font-size: 11pt; |
|
148 margin-bottom: 12px; |
|
149 } |
|
150 #pages ul{ |
|
151 padding: 0; |
|
152 margin: 0; |
|
153 } |
|
154 #pages ul li{ |
|
155 display: inline; |
|
156 list-style: none; |
|
157 padding: 0 3px; |
|
158 } |
|
159 #pages ul li a{ |
|
160 color: #004276; |
|
161 font-weight: bold; |
|
162 font-size: 10pt; |
|
163 text-decoration: none; |
|
164 } |
|
165 #pages ul li a:hover{ |
|
166 color: #004276; |
|
167 font-weight: bold; |
|
168 font-size: 10pt; |
|
169 text-decoration: underline; |
|
170 } |
|
171 #pgtitle{ |
|
172 color: #ca0002; |
|
173 font-weight: bold; |
|
174 font-size: 10pt; |
|
175 } |
|
176 #main{ |
|
177 width: 985px; |
|
178 margin-left: auto; |
|
179 margin-right: auto; |
|
180 clear: both; |
|
181 } |
|
182 #left{ |
|
183 width: 622px; |
|
184 float: left; |
|
185 margin-bottom: 25px; |
|
186 } |
|
187 #right{ |
|
188 width: 355px; |
|
189 float: right; |
|
190 margin-bottom: 25px; |
|
191 } |
|
192 #exctop{ |
|
193 width: 602px; |
|
194 height: 24px; |
|
195 background: url("images/exctop.jpg") no-repeat; |
|
196 padding: 10px 10px 0 10px; |
|
197 font-size: 12px; |
|
198 font-weight: bold; |
|
199 } |
|
200 #info{ |
|
201 color: #949494; |
|
202 width: 330px; |
|
203 float: left; |
|
204 } |
|
205 #homepage{ |
|
206 color: #004276; |
|
207 width: 265px; |
|
208 float: right; |
|
209 text-align: right; |
|
210 } |
|
211 #exccontent{ |
|
212 background: url("images/featuredbg.jpg") repeat-y; |
|
213 width: 603px; |
|
214 padding: 18px; |
|
215 padding-right: 0; |
|
216 } |
|
217 #excpost{ |
|
218 width: 267px; |
|
219 margin-right: 18px; |
|
220 float: left; |
|
221 } |
|
222 #recentposts{ |
|
223 width: 285px; |
|
224 float: right; |
|
225 margin-left: 18px; |
|
226 } |
|
227 h3 a{ |
|
228 color: #004276; |
|
229 font-family: Arial; |
|
230 font-weight: bold; |
|
231 font-size: 22px; |
|
232 } |
|
233 #excpost p{ |
|
234 font-size: 12px; |
|
235 font-weight: lighter; |
|
236 } |
|
237 #full{ |
|
238 color: #004276; |
|
239 font-size: 12px; |
|
240 } |
|
241 #h4{ |
|
242 color: #000000; |
|
243 font-weight: bold; |
|
244 font-size: 16px; |
|
245 } |
|
246 #recentposts ul{ |
|
247 list-style: url("images/bullet2.jpg"); |
|
248 margin: 0px; |
|
249 } |
|
250 #recentposts li{ |
|
251 margin: 0; |
|
252 } |
|
253 #recentposts ul li a{ |
|
254 color: #004276; |
|
255 font-weight: bolder; |
|
256 font-size: 13px; |
|
257 text-decoration: none; |
|
258 } |
|
259 #recentposts ul li a:hover{ |
|
260 text-decoration: underline; |
|
261 } |
|
262 #clear{ |
|
263 clear: both; |
|
264 } |
|
265 #adsfooter{ |
|
266 clear: both; |
|
267 background: url("images/adsfooter.jpg") no-repeat; |
|
268 width: 468px; |
|
269 height: 89px; |
|
270 padding: 29px 81px 0 73px; |
|
271 } |
|
272 #featured_video{ |
|
273 background: url("images/featuredvideo.jpg") no-repeat; |
|
274 width: 333px; |
|
275 height: 333px; |
|
276 padding: 11px; |
|
277 } |
|
278 #rtop{ |
|
279 width: 354px; |
|
280 height: 11px; |
|
281 background: url("images/rtop.jpg") no-repeat; |
|
282 margin-top: 15px; |
|
283 } |
|
284 #rmid{ |
|
285 width: 335px; |
|
286 background: #ffffff; |
|
287 padding-left: 9px; |
|
288 padding-right: 9px; |
|
289 border-left: 1px solid #dadada; |
|
290 } |
|
291 #ourlinkstop{ |
|
292 background: url("images/ourlinkstop.jpg") no-repeat; |
|
293 width: 336px; |
|
294 height: 45px; |
|
295 } |
|
296 #links{ |
|
297 width: 336px; |
|
298 background: url("images/rmid.jpg") repeat-y; |
|
299 } |
|
300 #links ul{ |
|
301 list-style: none; |
|
302 padding: 0; |
|
303 margin: 0; |
|
304 padding-bottom: 20px; |
|
305 } |
|
306 #links li{ |
|
307 list-style: none; |
|
308 padding-top: 5px; |
|
309 padding-bottom: 10px; |
|
310 margin-left: 10px; |
|
311 margin-right: 10px; |
|
312 /*border-top: solid 1px #dfdfdf; |
|
313 border-bottom: solid 1px #ffffff;*/ |
|
314 background: url("images/border-bottom-li.jpg") repeat-x; |
|
315 background-position: bottom; |
|
316 } |
|
317 #links li a{ |
|
318 color: #4b4b4b; |
|
319 text-decoration: none; |
|
320 font-size: 14px; |
|
321 font-weight: normal; |
|
322 } |
|
323 #links li a:hover{ |
|
324 color: #ca0002; |
|
325 text-decoration: underline; |
|
326 font-size: 14px; |
|
327 font-weight: normal; |
|
328 } |
|
329 #bottomm{ |
|
330 background: url("images/lbottom.jpg") no-repeat; |
|
331 width: 335px; |
|
332 height: 23px; |
|
333 } |
|
334 #topp{ |
|
335 background: url("images/topp.jpg") no-repeat; |
|
336 width: 335px; |
|
337 height: 23px; |
|
338 } |
|
339 #rbottom{ |
|
340 background: url(images/rbottom.jpg) no-repeat; |
|
341 width: 354px; |
|
342 height: 11px; |
|
343 } |
|
344 #midd{ |
|
345 width: 336px; |
|
346 background: url("images/rmid.jpg") repeat-y; |
|
347 } |
|
348 #midda table{ |
|
349 text-align: center; |
|
350 padding: 15px; |
|
351 width: 336px; |
|
352 } |
|
353 #midda table td{ |
|
354 padding: 10px; |
|
355 } |
|
356 #midda{ |
|
357 width: 336px; |
|
358 background: url("images/rmida.jpg") repeat-y; |
|
359 } |
|
360 #archivestop{ |
|
361 background: url("images/archivestop.jpg") no-repeat; |
|
362 width: 336px; |
|
363 height: 45px; |
|
364 } |
|
365 #rcomments{ |
|
366 background: url("images/rcommentstop.jpg") no-repeat; |
|
367 width: 336px; |
|
368 height: 45px; |
|
369 } |
|
370 #metatop{ |
|
371 background: url("images/metatop.jpg") no-repeat; |
|
372 width: 336px; |
|
373 height: 45px; |
|
374 } |
|
375 #postinfotop{ |
|
376 background: url("images/postinfotop.jpg") no-repeat; |
|
377 width: 602px; |
|
378 height: 24px; |
|
379 font-size: 12px; |
|
380 font-weight: bold; |
|
381 color: #949494; |
|
382 padding: 10px 10px 0 10px; |
|
383 } |
|
384 #post{ |
|
385 margin-top: 10px; |
|
386 color: #414141; |
|
387 font-size: 12px; |
|
388 } |
|
389 #postcontent{ |
|
390 width: 591px; |
|
391 border-left: 1px #dadada solid; |
|
392 background: #ffffff; |
|
393 padding: 15px; |
|
394 clear: both; |
|
395 } |
|
396 #h3 a{ |
|
397 font-weight: bold; |
|
398 font-size: 24px; |
|
399 color: #cc0000; |
|
400 text-decoration: none; |
|
401 } |
|
402 #h3 a:hover{ |
|
403 text-decoration: underline; |
|
404 } |
|
405 #postbottom{ |
|
406 background: url("images/postbottom.jpg") no-repeat; |
|
407 width: 601px; |
|
408 height: 21px; |
|
409 text-align: right; |
|
410 font-size: 11px; |
|
411 font-weight: bold; |
|
412 padding-top: 7px; |
|
413 padding-right: 20px; |
|
414 border-left: 1px #dadada solid; |
|
415 color: #949494; |
|
416 clear: both; |
|
417 } |
|
418 #postbottom a{ |
|
419 color: #cc0000; |
|
420 text-decoration: none; |
|
421 } |
|
422 #postbottom a:hover{ |
|
423 text-decoration: underline; |
|
424 } |
|
425 #footer{ |
|
426 clear: both; |
|
427 width: 984px; |
|
428 text-align: center; |
|
429 margin-left: auto; |
|
430 margin-right: auto; |
|
431 color: #aaaaaa; |
|
432 font-size: 12px; |
|
433 } |
|
434 #footertop{ |
|
435 width: 984px; |
|
436 height: 56px; |
|
437 background: url("images/footertop.jpg") no-repeat; |
|
438 padding-top: 17px; |
|
439 } |
|
440 #footer a{ |
|
441 color: #004276; |
|
442 text-decoration: none; |
|
443 } |
|
444 #footer a:hover{ |
|
445 color: #ca0002; |
|
446 } |
|
447 |
|
448 #footer a:focus{ |
|
449 outline-style: none; |
|
450 outline-width: medium; |
|
451 } |
|
452 #footerbottom{ |
|
453 width: 744px; |
|
454 height: 42px; |
|
455 background: url(images/footerbottom.jpg) no-repeat; |
|
456 margin-bottom: 20px; |
|
457 padding-left: 240px; |
|
458 padding-top: 10px; |
|
459 } |
|
460 #commentss{ |
|
461 margin-left: 5px; |
|
462 background: #fafafa; |
|
463 padding: 15px; |
|
464 margin-top: 25px; |
|
465 border-left: solid 5px #004276; |
|
466 } |
|
467 .commentlist li{ |
|
468 background: #f3f3f3; |
|
469 list-style: none; |
|
470 padding: 8px; |
|
471 border: 1px solid #bfbfbf; |
|
472 } |