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