Ticket #14298: style.css-cleanup.diff

File style.css-cleanup.diff, 15.2 KB (added by lancewillett, 3 years ago)
Line 
1Index: style.css
2===================================================================
3--- style.css   (revision 15401)
4+++ style.css   (working copy)
5@@ -8,7 +8,7 @@
6 */
7 
8 
9-/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
10+/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
11 -------------------------------------------------------------- */
12 
13 html, body, div, span, applet, object, iframe,
14@@ -20,18 +20,18 @@
15 dl, dt, dd, ol, ul, li,
16 fieldset, form, label, legend,
17 table, caption, tbody, tfoot, thead, tr, th, td {
18+       background: transparent;
19+       border: 0;
20        margin: 0;
21        padding: 0;
22-       border: 0;
23        vertical-align: baseline;
24-       background: transparent;
25 }
26 body {
27        line-height: 1;
28 }
29 h1, h2, h3, h4, h5, h6 {
30-       font-weight: normal;
31        clear: both;
32+       font-weight: normal;
33 }
34 ol, ul {
35        list-style: none;
36@@ -51,10 +51,13 @@
37        border-collapse: collapse;
38        border-spacing: 0;
39 }
40-a img { border: none; }
41+a img {
42+       border: none;
43+}
44 
45+/* =Layout
46+-------------------------------------------------------------- */
47 
48-
49 /*
50 LAYOUT: Two columns
51 DESCRIPTION: Two-column fixed layout with one sidebar right of content
52@@ -112,7 +115,6 @@
53 .pingback a.url {
54        font-family: Georgia, "Bitstream Charter", serif;
55 }
56-
57 h3#comments-title,
58 h3#reply-title,
59 #access .menu,
60@@ -138,8 +140,7 @@
61 .reply,
62 .widget-title,
63 .wp-caption-text,
64-input[type=submit]
65-{
66+input[type=submit] {
67        font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
68 }
69 pre {
70@@ -150,7 +151,6 @@
71 }
72 
73 
74-
75 /* =Structure
76 -------------------------------------------------------------- */
77 
78@@ -165,8 +165,8 @@
79        width: 940px;
80 }
81 #wrapper {
82-       margin-top: 20px;
83        background: #fff;
84+       margin-top: 20px;
85        padding: 0 20px;
86 }
87 
88@@ -184,9 +184,9 @@
89 }
90 #site-info {
91        float: left;
92-       width: 700px;
93-       font-weight: bold;
94        font-size: 14px;
95+       font-weight: bold;
96+       width: 700px;
97 }
98 #site-generator {
99        float: right;
100@@ -194,15 +194,13 @@
101 }
102 
103 
104-
105 /* =Global Elements
106 -------------------------------------------------------------- */
107 
108-/* Main global 'theme' and typographic styles  */
109+/* Main global 'theme' and typographic styles */
110 body {
111        background: #f1f1f1;
112 }
113-
114 body,
115 input,
116 textarea {
117@@ -212,10 +210,10 @@
118 }
119 hr {
120        background-color: #e7e7e7;
121-       border:0;
122+       border: 0;
123+       clear: both;
124        height: 1px;
125        margin-bottom: 18px;
126-       clear:both;
127 }
128 
129 /* Text elements */
130@@ -231,22 +229,22 @@
131        margin: 0 0 18px 1.5em;
132 }
133 ol ol {
134-       list-style:upper-alpha;
135+       list-style: upper-alpha;
136 }
137 ol ol ol {
138-       list-style:lower-roman;
139+       list-style: lower-roman;
140 }
141 ol ol ol ol {
142-       list-style:lower-alpha;
143+       list-style: lower-alpha;
144 }
145 ul ul,
146 ol ol,
147 ul ol,
148 ol ul {
149-       margin-bottom:0;
150+       margin-bottom: 0;
151 }
152 dl {
153-       margin:0 0 24px 0;
154+       margin: 0 0 24px 0;
155 }
156 dt {
157        font-weight: bold;
158@@ -290,13 +288,12 @@
159        border-bottom: 1px dotted #666;
160        cursor: help;
161 }
162-
163 sup,
164 sub {
165        height: 0;
166        line-height: 1;
167-       vertical-align: baseline;
168        position: relative;
169+       vertical-align: baseline;
170 }
171 sup {
172        bottom: 1ex;
173@@ -306,18 +303,18 @@
174 }
175 input[type="text"],
176 textarea {
177-       padding: 2px;
178        background: #f9f9f9;
179        border: 1px solid #ccc;
180        box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
181        -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
182        -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
183+       padding: 2px;
184 }
185 a:link {
186-       color:#0066cc;
187+       color: #0066cc;
188 }
189 a:visited {
190-       color:#743399;
191+       color: #743399;
192 }
193 a:active,
194 a:hover {
195@@ -331,7 +328,6 @@
196 }
197 
198 
199-
200 /* =Header
201 -------------------------------------------------------------- */
202 
203@@ -340,10 +336,10 @@
204 }
205 #site-title {
206        float: left;
207-       margin: 0 0 18px 0;
208-       width: 700px;
209        font-size: 30px;
210        line-height: 36px;
211+       margin: 0 0 18px 0;
212+       width: 700px;
213 }
214 #site-title a {
215        color: #000;
216@@ -360,23 +356,22 @@
217 
218 /* This is the custom header image */
219 #branding img {
220-       clear: both;
221        border-top: 4px solid #000;
222-       display: block;
223        border-bottom: 1px solid #000;
224+       clear: both;
225+       display: block;
226 }
227 
228 
229-
230 /* =Menu
231 -------------------------------------------------------------- */
232 
233 #access {
234        background: #000;
235+       display: block;
236+       float: left;
237        margin: 0 auto;
238        width: 940px;
239-       display:block;
240-       float:left;
241 }
242 #access .menu-header,
243 div.menu {
244@@ -391,49 +386,49 @@
245 }
246 #access .menu-header li,
247 div.menu li {
248-       float:left;
249+       float: left;
250        position: relative;
251 }
252 #access a {
253-       display:block;
254-       text-decoration:none;
255-       color:#aaa;
256-       padding:0 10px;
257-       line-height:38px;
258+       color: #aaa;
259+       display: block;
260+       line-height: 38px;
261+       padding: 0 10px;
262+       text-decoration: none;
263 }
264 #access ul ul {
265-       display:none;
266-       position:absolute;
267-       top:38px;
268-       left:0;
269-       float:left;
270        box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
271        -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
272        -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
273+       display: none;
274+       position: absolute;
275+       top: 38px;
276+       left: 0;
277+       float: left;
278        width: 180px;
279        z-index: 99999;
280 }
281 #access ul ul li {
282-       min-width: 180px;       
283+       min-width: 180px;
284 }
285 #access ul ul ul {
286-       left:100%;
287-       top:0;
288+       left: 100%;
289+       top: 0;
290 }
291 #access ul ul a {
292-       background:#333;
293-       height:auto;
294-       line-height:1em;
295-       padding:10px;
296+       background: #333;
297+       line-height: 1em;
298+       padding: 10px;
299        width: 160px;
300+       height: auto;
301 }
302 #access li:hover > a,
303 #access ul ul :hover > a {
304-       color:#fff;
305-       background:#333;
306+       background: #333;
307+       color: #fff;
308 }
309 #access ul li:hover > ul {
310-       display:block;
311+       display: block;
312 }
313 #access ul li.current_page_item > a,
314 #access ul li.current-menu-ancestor > a,
315@@ -441,17 +436,15 @@
316 #access ul li.current-menu-parent > a {
317        color: #fff;
318 }
319-
320 * html #access ul li.current_page_item a,
321 * html #access ul li.current-menu-ancestor a,
322 * html #access ul li.current-menu-item a,
323 * html #access ul li.current-menu-parent a,
324 * html #access ul li a:hover {
325-       color:#fff;
326+       color: #fff;
327 }
328 
329 
330-
331 /* =Content
332 -------------------------------------------------------------- */
333 
334@@ -475,13 +468,13 @@
335 #content dd,
336 #content pre,
337 #content hr {
338-       margin-bottom:24px;
339+       margin-bottom: 24px;
340 }
341 #content ul ul,
342 #content ol ol,
343 #content ul ol,
344 #content ol ul {
345-       margin-bottom:0;
346+       margin-bottom: 0;
347 }
348 #content pre,
349 #content kbd,
350@@ -504,13 +497,13 @@
351 #content h5,
352 #content h6 {
353        color: #000;
354-       margin: 0 0 20px 0;
355        line-height: 1.5em;
356+       margin: 0 0 20px 0;
357 }
358 #content table {
359        border: 1px solid #e7e7e7;
360-       text-align: left;
361        margin: 0 -1px 24px 0;
362+       text-align: left;
363        width: 100%;
364 }
365 #content tr th,
366@@ -534,9 +527,9 @@
367 .home .sticky {
368        background: #f2f7fc;
369        border-top: 4px solid #000;
370-       padding: 18px 20px;
371        margin-left: -20px;
372        margin-right: -20px;
373+       padding: 18px 20px;
374 }
375 .single .hentry {
376        margin: 0 0 36px 0;
377@@ -555,7 +548,7 @@
378 }
379 .page-title a:link,
380 .page-title a:visited {
381-       color:#888;
382+       color: #888;
383        text-decoration: none;
384 }
385 .page-title a:active,
386@@ -565,13 +558,13 @@
387 #content .entry-title {
388        color: #000;
389        font-size: 21px;
390-       line-height: 1.3em;
391        font-weight: bold;
392+       line-height: 1.3em;
393        margin-bottom: 0;
394 }
395 .entry-title a:link,
396 .entry-title a:visited {
397-       color:#000;
398+       color: #000;
399        text-decoration: none;
400 }
401 .entry-title a:active,
402@@ -643,17 +636,17 @@
403 }
404 .page-link {
405        color: #000;
406-       font-weight:bold;
407-       margin:0 0 22px 0;
408-       word-spacing:0.5em;
409+       font-weight: bold;
410+       margin: 0 0 22px 0;
411+       word-spacing: 0.5em;
412 }
413 .page-link a:link,
414 .page-link a:visited {
415        background: #f1f1f1;
416-       color:#333;
417-       font-weight:normal;
418-       padding:0.5em 0.75em;
419-       text-decoration:none;
420+       color: #333;
421+       font-weight: normal;
422+       padding: 0.5em 0.75em;
423+       text-decoration: none;
424 }
425 .home .sticky .page-link a {
426        background: #d9e8f7;
427@@ -669,20 +662,20 @@
428 #entry-author-info {
429        background: #f2f7fc;
430        border-top: 4px solid #000;
431-       padding: 18px 20px;
432-       margin: 24px 0;
433-       overflow: hidden;
434        clear: both;
435        font-size: 14px;
436        line-height: 20px;
437+       margin: 24px 0;
438+       overflow: hidden;
439+       padding: 18px 20px;
440 }
441 #entry-author-info #author-avatar {
442        background: #fff;
443        border: 1px solid #e7e7e7;
444        float: left;
445+       height: 60px;
446        margin: 0 -104px 0 0;
447        padding: 11px;
448-       height: 60px;
449 }
450 #entry-author-info #author-description {
451        float: left;
452@@ -690,15 +683,15 @@
453 }
454 #entry-author-info h2 {
455        color: #000;
456-       font-weight: bold;
457        font-size: 100%;
458+       font-weight: bold;
459        margin-bottom: 0;
460 }
461 .entry-utility {
462+       clear: both;
463        color: #888;
464        font-size: 12px;
465        line-height: 18px;
466-       clear: both;
467 }
468 .entry-meta a,
469 .entry-utility a {
470@@ -713,15 +706,14 @@
471 }
472 
473 
474-
475-/* Asides
476+/* =Asides
477 -------------------------------------------------------------- */
478 
479 .home #content .category-asides p {
480        font-size: 14px;
481        line-height: 20px;
482        margin-bottom: 10px;
483-       margin-top:0;
484+       margin-top: 0;
485 }
486 .home .hentry.category-asides {
487        padding: 0;
488@@ -731,9 +723,7 @@
489 }
490 
491 
492-
493-
494-/* Gallery listing
495+/* =Gallery listing
496 -------------------------------------------------------------- */
497 
498 .category-gallery .size-thumbnail img {
499@@ -742,15 +732,15 @@
500 }
501 .category-gallery .gallery-thumb {
502        float: left;
503-       margin-right:20px;
504+       margin-right: 20px;
505        margin-top: -4px;
506 }
507 .home #content .category-gallery .entry-utility {
508-       padding-top:4px;
509+       padding-top: 4px;
510 }
511 
512 
513-/* Attachment pages
514+/* =Attachment pages
515 -------------------------------------------------------------- */
516 
517 .attachment .entry-content .entry-caption {
518@@ -765,8 +755,7 @@
519 }
520 
521 
522-
523-/* Images
524+/* =Images
525 -------------------------------------------------------------- */
526 
527 #content img {
528@@ -798,28 +787,28 @@
529        margin-left: auto;
530        margin-right: auto;
531 }
532-#content img.alignleft,
533-#content img.alignright,
534+#content img.alignleft,
535+#content img.alignright,
536 #content img.aligncenter {
537        margin-bottom: 12px;
538 }
539 #content .wp-caption {
540        background: #f1f1f1;
541        line-height: 18px;
542-       text-align: center;
543        margin-bottom: 20px;
544        padding: 4px;
545+       text-align: center;
546 }
547 #content .wp-caption img {
548        margin: 5px 5px 0;
549 }
550 #content .wp-caption p.wp-caption-text {
551-       margin: 5px;
552        color: #888;
553        font-size: 12px;
554+       margin: 5px;
555 }
556 #content .wp-smiley {
557-       margin:0;
558+       margin: 0;
559 }
560 #content .gallery {
561        margin: 0 auto 18px;
562@@ -857,10 +846,10 @@
563 -------------------------------------------------------------- */
564 
565 .navigation {
566-       font-size:  12px;
567+       color: #888;
568+       font-size: 12px;
569        line-height: 18px;
570        overflow: hidden;
571-       color: #888;
572 }
573 .navigation a:link,
574 .navigation a:visited {
575@@ -877,8 +866,8 @@
576 }
577 .nav-next {
578        float: right;
579+       text-align: right;
580        width: 50%;
581-       text-align:right;
582 }
583 #nav-above {
584        margin: 0 0 18px 0;
585@@ -895,7 +884,6 @@
586 }
587 
588 
589-
590 /* =Comments
591 -------------------------------------------------------------- */
592 #comments {
593@@ -907,8 +895,8 @@
594 h3#comments-title,
595 h3#reply-title {
596        color: #000;
597-       font-weight: bold;
598        font-size: 20px;
599+       font-weight: bold;
600        margin-bottom: 0;
601 }
602 h3#comments-title {
603@@ -926,8 +914,8 @@
604        position: relative;
605 }
606 .commentlist li:last-child {
607-       border-bottom:none;
608-       margin-bottom:0;
609+       border-bottom: none;
610+       margin-bottom: 0;
611 }
612 #comments .comment-body ul,
613 #comments .comment-body ol {
614@@ -999,34 +987,32 @@
615        display: none;
616 }
617 #comments .pingback {
618+       border-bottom: 1px solid #e7e7e7;
619        margin-bottom: 18px;
620        padding-bottom: 18px;
621-       border-bottom: 1px solid #e7e7e7;
622 }
623 .commentlist li.comment+li.pingback {
624        margin-top: -6px;
625 }
626 #comments .pingback p {
627        color: #888;
628+       display: block;
629        font-size: 12px;
630        line-height: 18px;
631-       display:block;
632        margin: 0;
633 }
634 #comments .pingback .url {
635-       font-style: italic;
636        font-size: 13px;
637+       font-style: italic;
638 }
639 
640-
641-
642 /* Comments form */
643 input[type=submit] {
644        color: #333;
645 }
646 #respond {
647-       margin: 24px 0;
648        border-top: 1px solid #e7e7e7;
649+       margin: 24px 0;
650        overflow: hidden;
651        position: relative;
652 }
653@@ -1053,23 +1039,23 @@
654 }
655 #cancel-comment-reply-link {
656        font-size: 12px;
657-       line-height: 18px;
658        font-weight: normal;
659+       line-height: 18px;
660 }
661 #respond .required {
662-       color:#ff4b33;
663-       font-weight:bold;
664+       color: #ff4b33;
665+       font-weight: bold;
666 }
667 #respond label {
668        color: #888;
669        font-size: 12px;
670 }
671 #respond input {
672-       margin:0 0 9px;
673-       width:98%;
674+       margin: 0 0 9px;
675+       width: 98%;
676 }
677 #respond textarea {
678-       width:98%;
679+       width: 98%;
680 }
681 #respond .form-allowed-tags {
682        color: #888;
683@@ -1083,8 +1069,8 @@
684        margin: 12px 0;
685 }
686 #respond .form-submit input {
687-       width: auto;
688        font-size: 14px;
689+       width: auto;
690 }
691 
692 
693@@ -1099,11 +1085,11 @@
694        list-style: square;
695        margin-left: 1.3em;
696 }
697-.widget_search #s { /* This keeps the search inputs in line */
698+.widget_search #s {/* This keeps the search inputs in line */
699        width: 60%;
700 }
701 .widget_search label {
702-       display:none;
703+       display: none;
704 }
705 .widget-container {
706        margin: 0 0 18px 0;
707@@ -1127,17 +1113,17 @@
708        line-height: 1.6em;
709 }
710 #wp-calendar {
711-       width:100%;
712+       width: 100%;
713 }
714 #wp-calendar caption {
715-       font-weight: bold;
716        color: #222;
717-       text-align: left;
718-       font-size:14px;
719+       font-size: 14px;
720+       font-weight: bold;
721        padding-bottom: 4px;
722+       text-align: left;
723 }
724 #wp-calendar thead {
725-       font-size:11px;
726+       font-size: 11px;
727 }
728 #wp-calendar thead th {
729 }
730@@ -1145,9 +1131,9 @@
731        color: #aaa;
732 }
733 #wp-calendar tbody td {
734-       padding: 3px 0 2px;
735        background: #f5f5f5;
736-       border:1px solid #fff;
737+       border: 1px solid #fff;
738+       padding: 3px 0 2px;
739        text-align: center;
740 }
741 #wp-calendar tbody .pad {
742@@ -1163,8 +1149,8 @@
743        color: #ff4b33;
744 }
745 .widget_rss .widget-title img {
746-       height: 11px;
747        width: 11px;
748+       height: 11px;
749 }
750 
751 /* Main sidebars */
752@@ -1187,7 +1173,6 @@
753 }
754 
755 
756-
757 /* =Footer
758 -------------------------------------------------------------- */
759 
760@@ -1197,8 +1182,8 @@
761 #colophon {
762        border-top: 4px solid #000;
763        margin-top: -4px;
764-       padding: 18px 0;
765        overflow: hidden;
766+       padding: 18px 0;
767 }
768 #site-info {
769        font-weight: bold;
770@@ -1208,28 +1193,27 @@
771        text-decoration: none;
772 }
773 #site-generator {
774-       position: relative;
775        font-style: italic;
776+       position: relative;
777 }
778 #site-generator a {
779-       color: #666;
780-       display:inline-block;
781-       text-decoration: none;
782        background: url(images/wordpress.png) center left no-repeat;
783-       padding-left: 20px;
784+       color: #666;
785+       display: inline-block;
786        line-height: 16px;
787+       padding-left: 20px;
788+       text-decoration: none;
789 }
790 #site-generator a:hover {
791        text-decoration: underline;
792 }
793 img#wpstats {
794-       display:block;
795+       display: block;
796        margin: 0 auto 10px;
797 }
798 
799 
800-
801-/* Mobile Safari ( iPad, iPhone and iPod Touch )
802+/* =Mobile Safari ( iPad, iPhone and iPod Touch )
803 -------------------------------------------------------------- */
804 
805 pre {
806@@ -1250,18 +1234,17 @@
807 }
808 
809 
810-
811 /* =Print Style
812 -------------------------------------------------------------- */
813 
814 @media print {
815        body {
816-               background:none !important;
817+               background: none !important;
818        }
819        #wrapper {
820-               float: none !important;
821                clear: both !important;
822                display: block !important;
823+               float: none !important;
824                position: relative !important;
825        }
826        #header {
827@@ -1274,9 +1257,9 @@
828        #site-title,
829        #site-description {
830                float: none;
831-               margin: 0;
832-               padding:0;
833                line-height: 1.4em;
834+               margin: 0;
835+               padding: 0;
836        }
837        #site-title {
838                font-size: 13pt;
839@@ -1301,13 +1284,13 @@
840        #container,
841        #header,
842        #footer {
843-               width: 100%;
844                margin: 0;
845+               width: 100%;
846        }
847        #content,
848        .one-column #content {
849-               width: 100%;
850                margin: 24pt 0 0;
851+               width: 100%;
852        }
853        .wp-caption p {
854                font-size: 11pt;
855@@ -1321,19 +1304,19 @@
856                width: auto;
857        }
858        img#wpstats {
859-               display:none
860+               display: none;
861        }
862        #site-generator a {
863+               margin: 0;
864                padding: 0;
865-       margin: 0;
866        }
867        #entry-author-info {
868                border: 1px solid #e7e7e7;
869        }
870        #main {
871-               display:inline;
872+               display: inline;
873        }
874        .home .sticky {
875                border: none;
876        }
877-}
878+}
879\ No newline at end of file