[wp-trac] [WordPress Trac] #18211: Paint the Tracshed

[WordPress Trac]

#18211: Paint the Tracshed
----------------------------+----------------------------
 Reporter:  nacin           |       Owner:
     Type:  enhancement     |      Status:  new
 Priority:  normal          |   Milestone:  WordPress.org
Component:  Graphic Design  |     Version:
 Severity:  normal          |  Resolution:
 Keywords:                  |
----------------------------+----------------------------

Comment (by helenyhou):

 I like where @ocean90 went with the top nav, so I went with it:
 http://cl.ly/282Q2J0f1o1U03471P1L/o

 What are thoughts on jumping to sans-serif with a nice line-height on Trac
 to match wp-admin? Or is that too hot pink, I don't know. Going with sans-
 serif as opposed to Verdana meant that I generally upped any percentage
 sizes by about 5, some/most of which I didn't include below.

 Added some hits of WP orange, and link hovers would also be that orange
 without the gray background. Lots of other places to get rid of the yellow
 tinge (code, hovers in timeline, etc.), but I did give pre areas a little
 yellow. Can work on other views. Also added some padding and fixed some
 alignment issues under modify, especially the CC: checkbox that was
 floating out in the middle of nowhere, at least for me.

 Some of the CSS:
 {{{
 body, th, tr {
     font: 13px/1.5 sans-serif;
 }
 h1, h2, h3, h4 {
     font-family: sans-serif;
 }
 :link:hover, *:visited:hover {
     color: #D54E21;
 }
 input[type="button"], input[type="submit"], input[type="reset"] {
     background: #EEEEEE;
     border: 1px outset #CCCCCC;
     color: #222222;
     font-size: 0.9em;
     padding: 0.1em 0.5em;
 }
 input[type="button"]:hover, input[type="submit"]:hover,
 input[type="reset"]:hover {
     background: #CCCCCC;
 }
 input[type="text"]:focus, input.textwidget:focus, textarea:focus {
     border: 1px solid #888;
 }
 legend {
     color: #D54E21;
     font-size: 95%;
     font-weight: bold;
     padding: 0 0.25em;
 }
 #search input {
     font-size: 11px;
 }
 .nav ul {
     font-size: 11px;
 }
 #mainnav {
     background: #F9F9F9;
     border: 1px solid #CCC;
     font: 12px sans-serif;
     margin: 0.66em 0 0.33em;
     padding: 0.2em 0;
 }
 #mainnav *:link, #mainnav *:visited {
     border-left: 1px solid #CCC;
     border-right: 1px solid #FFF;
 }
 #mainnav .active *:link, #mainnav .active *:visited {
     background: #D54E21;
     border-right: 1px solid #D54E21;
     color: #F9F9F9;
     font-weight: bold;
 }

 #ticket {
     background: #F9F9F9;
     border: 1px solid #D7D7D7;
 }
 #ticket .date {
     color: #888888;
     font-size: 85%;
 }
 #ticket table.properties td, #ticket table.properties th {
     font-size: 85%;
 }
 #ticket table.properties th {
     color: #666666;
 }
 #ticket .description h3 {
     border-bottom: 1px solid #DDDDDD;
     color: #666666;
 }
 #ticket .description h3 .lastmod {
     font-size: 90%;
 }
 #action div {
     padding: 0.3em 0;
 }
 p.hint, span.hint {
     color: #666666;
     font-size: 90%;
 }
 #properties table td {
     padding: 0.4em;
     vertical-align: top;
 }
 #ticket table.properties td, #ticket table.properties th {
     font-size: 85%;
 }
 #properties .col2 #field-cc {
     width: 2em;
 }
 }}}

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/18211#comment:4>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software