Start re-working admin styles in SASS.
darkmorford -
cb8490c8fb1e
Not Reviewed
Show More
Add another comment
TODOs: 0 unresolved 0 Resolved
COMMENTS: 0 General 0 Inline
@@ -0,0 +1,6
1 @charset "utf-8";
2
3 $fonts-main: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
4 $fonts-news: Georgia, "Times New Roman", Times, serif;
5 $fonts-input: Verdana, Arial, Helvetica, sans-serif;
6 $fonts-code: "Courier New", Courier, monospace;
@@ -0,0 +1,12
1 @charset "utf-8";
2
3 $background-color: #F9FCFE;
4 $input-background: #F4F4F4;
5
6 $font-color-normal: #000000;
7
8 $input-border: #B2B2B2;
9 $button-normal-border: #CCCCCC;
10 $button-down-border: #999999;
11
12 $button-label: #333333;
@@ -1,2 +1,7
1 1 # Composer dependencies
2 2 vendor
3
4 # Stylesheet artifacts
5 *.css
6 *.css.map
7 .sass-cache
@@ -1,3 +1,7
1 @charset "utf-8";
2 @import "fonts";
3 @import "palette";
4
1 5 * html #poststuff {
2 6 height: 100%; /* kill peekaboo bug in IE */
3 7 }
@@ -9,6 +13,7
9 13 body {
10 14 border: none;
11 15 }
16
12 17 a {
13 18 border-bottom: 1px solid #69c;
14 19 color: #00019b;
@@ -21,45 +26,47 a.delete:hover {
21 26 }
22 27
23 28 #devnews h4 {
24 font-family: Georgia, "Times New Roman", Times, serif;
29 font-family: $fonts-news;
25 30 font-size: 18px;
26 31 font-weight: normal;
27 32 }
28 33
29 #planetnews ul {
30 list-style: none;
31 margin: 0;
32 padding: 0;
33 }
34
35 #planetnews li {
36 width: 17%;
37 margin: 1%;
38 float: left;
39 }
40
41 #planetnews li a {
42 display: block;
43 padding: .5em;
44 background: #ddd;
45 height: 6em;
46 overflow: hidden;
47 }
48
49 #planetnews cite {
50 font-size: 11px;
51 }
52
53 #planetnews li .post {
54 font-family: Georgia, "Times New Roman", Times, serif;
55 font-size: 18px;
56 display: block;
57 height: 60px;
58 overflow: hidden;
59 }
60
61 #planetnews .hidden {
62 display: none;
34 #planetnews {
35 ul {
36 list-style: none;
37 margin: 0;
38 padding: 0;
39 }
40
41 li {
42 width: 17%;
43 margin: 1%;
44 float: left;
45
46 a {
47 display: block;
48 padding: .5em;
49 background: #ddd;
50 height: 6em;
51 overflow: hidden;
52 }
53
54 .post {
55 font-family: $fonts-news;
56 font-size: 18px;
57 display: block;
58 height: 60px;
59 overflow: hidden;
60 }
61 }
62
63 cite {
64 font-size: 11px;
65 }
66
67 .hidden {
68 display: none;
69 }
63 70 }
64 71
65 72 .readmore {
@@ -125,43 +132,43 a:hover {
125 132 }
126 133
127 134 body {
128 background: #f9fcfe;
129 color: #000;
135 background: $background-color;
136 color: $font-color-normal;
130 137 margin: 0;
131 138 padding: 0;
132 139 }
133 140
134 141 body, td {
135 font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
142 font: 13px $fonts-main;
136 143 }
137 144
138 145 fieldset {
139 146 border: none;
140 147 padding: 3px;
141 }
142 148
143 fieldset label.selectit {
144 display: block;
145 font-size: 11px;
146 padding: 0 2px;
147 }
149 label.selectit {
150 display: block;
151 font-size: 11px;
152 padding: 0 2px;
148 153
149 fieldset label.selectit:hover {
150 background: #e9e9e9;
151 }
154 &:hover {
155 background: #e9e9e9;
156 }
157 }
152 158
153 fieldset legend {
154 padding: .1em .3em;
155 }
159 legend {
160 padding: .1em .3em;
161 }
156 162
157 fieldset.options {
158 padding: 1em;
159 }
163 &.options {
164 padding: 1em;
160 165
161 fieldset.options legend {
162 font-size: 1.5em;
163 font-weight: bold;
164 font-family: Georgia, "Times New Roman", Times, serif;
166 legend {
167 font-size: 1.5em;
168 font-weight: bold;
169 font-family: $fonts-news;
170 }
171 }
165 172 }
166 173
167 174 form, label input {
@@ -198,10 +205,10 p, li, dl, dd, dt {
198 205 }
199 206
200 207 textarea, input, select {
201 background: #f4f4f4;
202 border: 1px solid #b2b2b2;
203 color: #000;
204 font: 13px Verdana, Arial, Helvetica, sans-serif;
208 background: $input-background;
209 border: 1px solid $input-border;
210 color: $font-color-normal;
211 font: 13px $fonts-input;
205 212 margin: 1px;
206 213 padding: 3px;
207 214 }
@@ -283,7 +290,7 form#upload #post_content {
283 290 }
284 291
285 292 .code {
286 font-family: "Courier New", Courier, monospace;
293 font-family: $fonts-code;
287 294 }
288 295
289 296 .commentlist li {
@@ -325,24 +332,24 form#upload #post_content {
325 332
326 333 .quicktags, .search {
327 334 background: #ccc;
328 color: #000;
329 font: 12px Georgia, "Times New Roman", Times, serif;
335 color: $font-color-normal;
336 font: 12px $fonts-news;
330 337 }
331 338
332 339 .submit input, .submit input:focus, .button, .button:focus {
333 340 background: url( images/fade-butt.png );
334 border: 3px double #999;
335 border-left-color: #ccc;
336 border-top-color: #ccc;
337 color: #333;
341 border: 3px double $button-down-border;
342 border-left-color: $button-normal-border;
343 border-top-color: $button-normal-border;
344 color: $button-label;
338 345 padding: 0.25em;
339 346 }
340 347
341 348 .submit input:active, .button:active {
342 background: #f4f4f4;
343 border: 3px double #ccc;
344 border-left-color: #999;
345 border-top-color: #999;
349 background: $input-background;
350 border: 3px double $button-normal-border;
351 border-left-color: $button-down-border;
352 border-top-color: $button-down-border;
346 353 }
347 354
348 355 .button, .button:focus {
@@ -466,7 +473,7 input.disabled, textarea.disabled {
466 473 }
467 474
468 475 #adminmenu a {
469 color: #000;
476 color: $font-color-normal;
470 477 font-size: 14px;
471 478 font-weight: normal;
472 479 margin: 0;
@@ -506,7 +513,7 input.disabled, textarea.disabled {
506 513 }
507 514
508 515 #submenu .current {
509 background: #f9fcfe;
516 background: $background-color;
510 517 border-top: 1px solid #045290;
511 518 border-right: 2px solid #045290;
512 519 color: #000;
@@ -619,7 +626,7 input.delete:hover {
619 626 }
620 627
621 628 #quicktags #ed_code {
622 font-family: "Courier New", Courier, mono;
629 font-family: $fonts-code;
623 630 margin-bottom: 3px;
624 631 }
625 632
@@ -697,11 +704,11 input.delete:hover {
697 704 text-align: center;
698 705 }
699 706
700 #login p {
707 #login p {
701 708 font-size: 12px;
702 709 }
703 710
704 #login p.message {
711 #login p.message {
705 712 width: 310px;
706 713 margin: 0 auto 1em;
707 714 }
@@ -773,12 +780,12 input.delete:hover {
773 780 width: 97%;
774 781 }
775 782
776 #login p label {
783 #login p label {
777 784 font-size: 11px;
778 785 }
779 786
780 787 #login input#rememberme {
781 background-color: 0e3757;
788 background-color: #0e3757;
782 789 }
783 790
784 791 #login #submit {
@@ -846,7 +853,7 input.delete:hover {
846 853 }
847 854
848 855 #template textarea {
849 font: small 'Courier New', Courier, monospace;
856 font: small $fonts-code;
850 857 width: 97%;
851 858 }
852 859
@@ -893,7 +900,7 input.delete:hover {
893 900 font-weight: normal;
894 901 letter-spacing: -.05em;
895 902 margin: 0;
896 font-family: Georgia, "Times New Roman", Times, serif
903 font-family: $fonts-news;
897 904 }
898 905
899 906 #wphead h1 span {
@@ -1098,7 +1105,7 overall, dbx-box is best left as visually unstyled as possible
1098 1105 }
1099 1106
1100 1107 #your-profile legend {
1101 font-family: Georgia, "Times New Roman", Times, serif;
1108 font-family: $fonts-news;
1102 1109 font-size: 22px;
1103 1110 }
1104 1111
@@ -1336,6 +1343,6 a.page-numbers:hover {
1336 1343 margin: 0 6px;
1337 1344 }
1338 1345
1339 ul.historic {
1346 ul.historic {
1340 1347 margin-bottom: 1em;
1341 } No newline at end of file
1348 }
Comments 0
You need to be logged in to leave comments. Login now