blob: 02bcbf6ea0603ddd72fe8dfc5a72fc5de9f3e351 [file] [log] [blame]
Yingdi Yu0b0a7362014-08-05 16:31:30 -07001@import url("base.css");
2
3@import url("foundation.css");
4
5table {
6 border: 0;
7}
8
9pre {
10 padding: 10px;
11 background-color: #fafafa;
12 color: #222;
13 line-height: 1.0em;
14 border: 2px solid #C6C9CB;
15 font-size: 0.9em;
16 /* margin: 1.5em 0 1.5em 0; */
17 margin: 0;
18 border-right-style: none;
19 border-left-style: none;
20}
21
22/* General */
23/*////////////////////////////////////////////////////////////////////////////////////////////*/
24
25a:link {
26 text-decoration: none;
27}
28a:visited {
29 text-decoration: none;
30}
31a:active,
32a:hover {
33 text-decoration: none;
34}
35
36h1,h2,h3,h4,h5,h6 {
37 color: #000;
38 margin-bottom: 18px;
39}
40
41h1 { font-weight: normal; font-size: 24px; line-height: 24px; }
42h2 { font-weight: normal; font-size: 18px; line-height: 18px; }
43h3 { font-weight: bold; font-size: 18px; line-height: 18px; }
44h4 { font-weight: normal; font-size: 18px; line-height: 178px; }
45
46hr {
47 background-color: #c6c6c6;
48 border:0;
49 height: 1px;
50 margin-bottom: 18px;
51 clear:both;
52}
53
54div.hr {
55 height: 1px;
56 background: #c6c6c6;
57}
58
59div.hr2 {
60 height: 1px;
61 background: #c6c6c6;
62}
63
64div.hr hr, div.hr2 hr {
65 display: none;
66}
67
68p {
69 padding: 0 0 0.5em;
70 line-height:1.6em;
71}
72ul {
73 list-style: square;
74 margin: 0 0 18px 0;
75}
76ol {
77 list-style: decimal;
78 margin: 0 0 18px 1.5em;
79}
80ol ol {
81 list-style:upper-alpha;
82}
83ol ol ol {
84 list-style:lower-roman;
85}
86ol ol ol ol {
87 list-style:lower-alpha;
88}
89ul ul,
90ol ol,
91ul ol,
92ol ul {
93 margin-bottom:0;
94}
95dl {
96 margin:0 0 24px 0;
97}
98dt {
99 font-weight: bold;
100}
101dd {
102 margin-bottom: 18px;
103}
104strong {
105 font-weight: bold;
106 color: #000;
107}
108cite,
109em,
110i {
111 font-style: italic;
112 border: none;
113}
114big {
115 font-size: 131.25%;
116}
117ins {
118 background: #FFFFCC;
119 border: none;
120 color: #333;
121}
122del {
123 text-decoration: line-through;
124 color: #555;
125}
126blockquote {
127 font-style: italic;
128 padding: 0 3em;
129}
130blockquote cite,
131blockquote em,
132blockquote i {
133 font-style: normal;
134}
135pre {
136 background: #f7f7f7;
137 color: #222;
138 padding: 1.5em;
139}
140abbr,
141acronym {
142 border-bottom: 1px solid #666;
143 cursor: help;
144}
145ins {
146 text-decoration: none;
147}
148sup,
149sub {
150 height: 0;
151 line-height: 1;
152 vertical-align: baseline;
153 position: relative;
154 font-size: 10px;
155}
156sup {
157 bottom: 1ex;
158}
159sub {
160 top: .5ex;
161}
162
163p,
164ul,
165ol,
166dd,
167hr {
168 margin-bottom:10px;
169}
170ul ul,
171ol ol,
172ul ol,
173ol ul {
174 margin-bottom:0;
175}
176pre,
177kbd,
178tt,
179var {
180}
181code {
182 font-size: 13px;
183}
184strong,
185b,
186dt,
187th {
188 color: #000;
189}
190
191
192/* main_container */
193/*////////////////////////////////////////////////////////////////////////////////////////////*/
194
195#wrapper {
196 padding: 0px 0px;
197 margin-top: 20px;
198}
199
200/* header*/
201/*////////////////////////////////////////////////////////////////////////////////////////////*/
202
203#search-header{
204 margin-top:15px;
205 padding-bottom:13px;
206}
207
208#search-header #search{
209 background: #222;
210
211}
212
213#search-header #search #s{
214 background: #222;
215 font-size:12px;
216 color: #aaa;
217}
218
219#header_container{
220 padding-bottom: 25px;
221 padding-top: 0px;
222 background: #fff;
223}
224
225#header {
226
227}
228
229#header2 {
230
231}
232
233#content_container{
234 padding-top: 15px;
235}
236
237#left-col {
238 padding: 10px 20px;
239 padding-left: 0px;
240 background: #fff;
241
242}
243
244
245/*footer*/
246/*////////////////////////////////////////////////////////////////////////////////////////////*/
247
248
249#footer {
250 padding: 5px 20px;
251 background: #ddd;
252}
253
254#footer-container{
255 padding: 5px 20px;
256 background: #303030;
257 border-top: 8px solid #000;
258 font-size:11px;
259}
260
261#footer-info {
262 color:#ccc;
263 text-align:left;
264 background: #1b1b1b;
265 padding: 20px 0;
266}
267
268
269#footer-info a{
270 text-decoration:none;
271 color: #fff;
272}
273
274#footer-info a:hover{
275 color: #ebebeb;
276}
277
278#copyright{float: left;}
279
280.scroll-top {
281 text-align:right;
282}
283
284#footer-widget{
285 padding: 8px 0px 8px 0px;
286 color:#6f6f6f;
287}
288
289#footer-widget #search {
290 width:120px;
291 height:28px;
292 background: #222;
293 margin-left: 0px;
294 position: relative;
295 border: 1px solid #666;
296}
297
298#footer-widget #search #s {
299 width:110px;
300 height:23px;
301 border:0px;
302 margin-left:7px;
303 margin-right:10px;
304 margin-top:3px;
305 color:#fff;
306 display: inline;
307 background: #222;
308 float: left;
309}
310
311#footer-widget #calendar_wrap {
312 padding: 8px 0px;
313}
314
315#footer-widget #wp-calendar td{
316 padding:2px;
317}
318
319
320#footer-widget .textwidget {
321 padding: 5px 0px;
322 line-height: 23px;
323}
324
325
326#footer-widget .widget_tag_cloud a{
327 text-decoration: none;
328 margin: 5px;
329 line-height: 24px;
330 margin-left: 0px;
331 color: #6f6f6f;
332}
333
334#footer-widget .widget_tag_cloud a:hover{
335 color: #fff;
336}
337
338#footer-widget .widget-container ul li a {
339 color:#fd7800;
340}
341
342#footer-widget .widget-container ul li a:hover {
343 color: #ccc;
344}
345
346#footer-widget .widget-container h3 {
347 color: #a5a5a5;
348 text-transform: uppercase;
349 margin-bottom: 0px;
350 padding-top: 10px;
351 padding-left: 0px;
352 font-size: 25px;
353 padding-bottom: 8px;
354 font-weight: bold;
355}
356
357#footer-widget .widget-container ul li {
358 padding: 5px 0px;
359 background: none;
360 }
361
362#footer-widget ul {
363 margin-left: 0px;
364 }
365
366#footer-bar1 {
367 padding-right: 40px;
368}
369#footer-bar2 {
370 padding-right: 40px;
371}
372#footer-bar3 {
373}
374#footer-bar4 {
375}
376
377span#follow-box{
378 position: absolute;
379 right: 100px;
380}
381
382span#follow-box img{
383 margin: 0 2px;
384}
385
386/*logo*/
387/*////////////////////////////////////////////////////////////////////////////////////////////*/
388
389#logo {
390 margin: 0px 0px 0px 0px;
391}
392
393#logo2 {
394 margin: 0px 0px 0px 0px;
395}
396
397#logo img{
398 border: none;
399}
400
401#logo2{
402 text-decoration: none;
403 font-size: 42px;
404 letter-spacing: -1pt;
405 font-weight: bold;
406 font-family:arial, "Times New Roman", Times, serif;
407 text-align: left;
408 line-height: 57px;
409 padding-left: 0px;
410}
411
412#logo2 a, #slogan{
413 color: #fd7800;
414}
415
416#slogan{
417 text-align: left;
418 padding-left: 0px;
419}
420
421/*search*/
422/*////////////////////////////////////////////////////////////////////////////////////////////*/
423
424#search {
425 width:180px;
426 height:28px;
427 border: 1px solid #ccc;
428 margin-left: 10px;
429 position: relative;
430}
431
432#sidebar #search {
433 margin-top: 20px;
434}
435
436#search #searchsubmit {
437 background:url(images/go-btn.png) no-repeat top right;
438 width:28px;
439 height:28px;
440 border:0px;
441 position:absolute;
442 right: -35px;
443}
444
445#search #s {
446 width:170px;
447 height:23px;
448 border:0px;
449 margin-left:7px;
450 margin-right:10px;
451 margin-top:3px;
452 color:#000;
453 display: inline;
454 float: left;
455}
456
457/*menu bar*/
458/*////////////////////////////////////////////////////////////////////////////////////////////*/
459
460#menu_container{
461 padding-top: 0px;
462}
463
464
465/*responsive menu*/
466/*////////////////////////////////////////////////////////////////////////////////////////////*/
467
468/* default style */
469.selectnav { display: none; }
470
471/* small screen */
472@media screen and (max-width: 600px) {
473 .js #nav { display: none; }
474 .js #nav2 { display: none; }
475 .js .selectnav { display: block; }
476}
477
478
479/*welcome*/
480/*////////////////////////////////////////////////////////////////////////////////////////////*/
481#welcome_container h1{
482 margin-top: 0px;
483}
484
485/*homepage boxes*/
486/*////////////////////////////////////////////////////////////////////////////////////////////*/
487
488#box_container{
489 padding-top: 35px;
490 padding-bottom: 15px;
491}
492
493.box-head {
494 float: left;
495 padding-bottom: 20px;
496}
497
498.box-head img{
499
500}
501
502.title-head{
503 padding-top:2px;
504}
505
506.title-box{
507 color: #333;
508 line-height: 15px;
509 text-transform: uppercase;
510}
511
512.title-box h1 {
513 font-size: 18px;
514 margin-bottom: 3px;
515}
516
517.box-content {
518 float: left;
519 padding-top: 10px;
520 line-height: 20px;
521}
522
523
524/* POST */
525/*////////////////////////////////////////////////////////////////////////////////////////////*/
526
527
528.post {
529 overflow: hidden;
530
531}
532
533.post-shadow{
534 background: url("images/post_shadow.png") no-repeat bottom;
535 height: 9px;
536 margin-bottom: 25px;
537}
538
539.post ol{
540 margin-left: 20px;
541}
542
543.post ul {
544 margin-left: 15px;
545}
546.post-entry ul { margin: 0 0 10px 10px; }
547.post-entry ul li {
548 display: block;
549 margin: 5px 0;
550 padding: 0 0 0 20px;
551 /*background: url(images/bullet.png) no-repeat 0 7px;*/
552}
553
554.post-entry ol {
555 list-style: decimal;
556 margin: 0 0 18px 1.6em;
557}
558.post-entry ol li {
559 list-style: decimal;
560 }
561
562.post-entry {
563 padding-bottom: 10px;
564 padding-top: 10px;
565 overflow: hidden;
566
567}
568
569.post-head {
570 margin-bottom: 5px;
571 padding-top: 15px;
572}
573
574.post-head h1 a, .post-head h1 {
575 text-decoration:none;
576 color:#000;
577 margin: 0px;
578 font-size: 27px;
579}
580
581.post-head h1 a:hover {
582 color:#777;
583}
584
585
586.post-head-notfound h1, .post-head-404 h1, .post-head-archive h1, .post-head-search h1 {
587 margin-bottom: 10px;
588 font-weight:normal;
589 text-decoration:none;
590 color:#000;
591 font-size: 27px;
592}
593
594.post-thumb img {
595 border: 0px solid #ebebeb;
596}
597
598.post-entry img{
599 margin-bottom: 10px;
600 height:auto;
601 max-width:100% !important;
602}
603
604.meta-data{
605 line-height: 16px;
606 padding: 6px 3px;
607 margin-bottom: 3px;
608 font-size: 11px;
609 border-bottom: 1px solid #e9e9e9;
610}
611
612.meta-data a{
613 color: #fd7800;
614}
615
616.meta-data a:hover{
617 color: #777;
618}
619
620.read-more {
621color: #000;
622 background: #fff;
623 padding: 4px 8px;
624 border-radius: 3px;
625 display: inline-block;
626 font-size: 11px;
627 font-weight: bold;
628 text-decoration: none;
629 text-transform: capitalize;
630 cursor: pointer;
631 margin-top: 20px;
632}
633
634.read-more:hover{
635 background: #fff;
636 color: #666;
637}
638
639.clear {
640 clear:both;
641}
642
643.sticky {
644
645}
646
647/* content */
648/*////////////////////////////////////////////////////////////////////////////////////////////*/
649#content_container table {
650 border: 1px solid #e7e7e7;
651 margin: 0 -1px 24px 0;
652 text-align: left;
653 width: 100%;
654
655}
656#content_container tr th,
657#content_container thead th {
658 color: #888;
659 font-size: 12px;
660 font-weight: bold;
661 line-height: 18px;
662 padding: 9px 10px;
663}
664#content_container tr td {
665
666 padding: 6px 10px;
667}
668#content_container tr.odd td {
669 background: #f2f7fc;
670}
671
672/*--navigation--*/
673/*////////////////////////////////////////////////////////////////////////////////////////////*/
674
675.navigation {
676 float: left;
677 width: 100%;
678 margin: 20px 0;
679}
680
681
682.navigation .alignleft a {
683 float: left;
684}
685
686.navigation .alignright a {
687 float: right;
688}
689
690#nav-single {
691 overflow:hidden;
692 margin-top:20px;
693 margin-bottom:10px;
694}
695.nav-previous {
696 float: left;
697 width: 50%;
698}
699.nav-next {
700 float: right;
701 text-align: right;
702 width: 50%;
703}
704
705/*--sub head and breadcrumbs--*/
706/*////////////////////////////////////////////////////////////////////////////////////////////*/
707
708#subhead_container{
709 padding: 7px 0px;
710}
711
712#subhead h1{
713 color: #000;
714 padding-top: 10px;
715 padding-left: 0px;
716 font-size: 30px;
717}
718
719#breadcrumbs {
720 padding-left: 25px;
721 margin-bottom: 15px;
722 color: #9e9e9e;
723 margin:0 auto;
724 width: 964px;
725 font-size: 10px;
726}
727
728#breadcrumbs a{
729 text-decoration: none;
730 color: #9e9e9e;
731}
732
733/*Alignments */
734/*////////////////////////////////////////////////////////////////////////////////////////////*/
735
736.alignleft,
737img.alignleft {
738 display: inline;
739 float: left;
740 margin-right: 22px;
741 margin-top: 9px;
742}
743
744.alignright,
745img.alignright {
746 display: inline;
747 float: right;
748 margin-left: 22px;
749 margin-top: 8px;
750}
751.aligncenter,
752img.aligncenter {
753 clear: both;
754 display: block;
755 margin-left: auto;
756 margin-right: auto;
757}
758
759.alignleft,
760.alignright,
761.aligncenter,
762img.alignleft,
763img.alignright,
764img.aligncenter
765{
766 margin-bottom: 10px;
767}
768
769
770a img.aligncenter {
771 display:block;
772 margin-left:auto;
773 margin-right:auto;
774}
775
776img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }