WordPress.org

Making WordPress.org

Changeset 30


Ignore:
Timestamp:
06/04/2013 08:51:36 PM (8 years ago)
Author:
nacin
Message:

Trac customizations: New CSS file for testing that helps implement the WP.org global header/footer.

File:
1 copied

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/style/trac/shiny.css

    r26 r30  
    44 * Most font sizes are to compensate for sans-serif vs. Verdana
    55 ----------------------------------------------- */
     6
     7/* =WP.org global header & footer */
     8#main {
     9    font-size: 14px;
     10    clear: both;
     11}
     12#main h3, #main dl, #main p, #main ol, #main ul {
     13    margin-top: 1em;
     14    margin-bottom: 1em;
     15}
     16#main ul, #main ol {
     17    padding-left: 40px;
     18}
     19fieldset {
     20    background: #fafafa;
     21    padding: 1em;
     22    border: 1px solid #d7d7d7;
     23}
     24blockquote {
     25    padding: 0;
     26    background: 0;
     27}
     28
     29/* Fixing display of the header */
     30#wporg-header :link, #wporg-header :visited,
     31#wporg-header :link:hover, #wporg-header :visited:hover {
     32    border: 0;
     33}
     34#wporg-header ul :link, #wporg-header ul :visited,
     35#wporg-header ul :link:hover, #wporg-header ul :visited:hover {
     36    background: 0;
     37}
     38#headline .menu {
     39    list-style: none;
     40    float: right;
     41    font-size: 14px;
     42    font-weight: bold;
     43    padding-top: 22px;
     44    margin-right: 15px;
     45}
     46#headline .menu li {
     47    display: inline;
     48    padding-left: 20px;
     49}
     50
     51/* More specific overrides of wp4 */
     52.change h3 a,
     53h3.change a {
     54    font-weight: normal; /* overrides wp4 */
     55    color: inherit;
     56}
     57
     58/* We like the WP button styles, but they need to be a bit smaller sometimes */
     59.inlinebuttons input {
     60    margin: 0 .1em .1em; /* restores Trac's own CSS  */
     61    font-size: 10px;
     62    line-height: 20px;
     63    height: 21px;
     64}
     65
     66/* Trying to position Trac's navigation/header */
     67#ctxtnav {
     68    padding-top: 0;
     69}
     70#ctxtnav ul {
     71    margin: 0 0 .3em;
     72}
     73#content.ticket .trac-topnav {
     74    display: none;
     75}
     76#pagepath {
     77    float: none;
     78    padding: 0;
     79}
     80#banner {
     81    position: relative;
     82}
     83#metanav {
     84    position: absolute;
     85    top: -22px;
     86    right: 0;
     87}
     88form#search {
     89    float: right;
     90    margin-top: .5em;
     91}
     92form#search input {
     93    font-size: 13px;
     94}
     95
     96/* Everything should be 960px width, except for when we could really use the extra space:
     97 * - attachments/patches (but not when uploading)
     98 * - changesets
     99 * - code browser
     100 * - ticket query
     101 * - report views (but not /report)
     102 */
     103#banner, #mainnav, #ctxtnav, #pagepath, #content, #footer, #altlinks, #main > h1 {
     104    width: 960px;
     105    margin: 0 auto;
     106}
     107#banner, #ctxtnav {
     108    width: 930px;
     109}
     110#content.report,
     111#content.browser,
     112#content.query,
     113#content.changeset,
     114#content.attachment {
     115    width: 100%;
     116}
     117#content.report div.reports ~ #help,
     118#content.report div.reports,
     119#content.changeset > #title,
     120#content.changeset #overview,
     121#content.attachment > form,
     122#content.attachment #info,
     123#content.attachment > h1,
     124#content.report > h1,
     125#content.browser > h1,
     126#content.query > h1,
     127#content.query #query,
     128#content.report > form,
     129#content.report #description,
     130#content.report > .buttons,
     131#content.report > .paging {
     132    width: 960px;
     133    margin-left: auto;
     134    margin-right: auto;
     135}
     136#content.changeset #overview {
     137    position: relative;
     138}
     139#content.report form#prefs {
     140    float: none;
     141    border: 0;
     142    background: none;
     143}
    6144
    7145/* =admin.css */
     
    112250/* =ticket.css */
    113251#content.ticket {
    114     margin-left: 20px; /* formerly internal */
    115252    max-width: 58em; /* don't let it get bigger than it was */
    116253    width: auto; /* but allow for flexibility */
     
    129266    background: #ddd;
    130267}
     268#ticket table.properties th.missing {
     269    color: #aaa;
     270}
    131271#ticket table.properties, #ticket table.properties .description {
    132272    border-top: 1px solid #ddd;
     
    187327}
    188328/* =timeline.css */
     329#content.timeline dl {
     330    margin-left: 1em;
     331}
    189332#content.timeline dt :link:hover, dt :visited:hover {
    190333    background-color: #eee;
     
    198341#content.timeline dd {
    199342    color: #777;
     343    margin: 0 0 .75em 5.8em;
     344}
     345#content.timeline :link, #content.timeline :visited {
     346    color: #000;
    200347}
    201348h2 {
     
    212359    border-top: 1px solid #ccc;
    213360}
    214 input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
    215     background: #ccc;
    216 }
    217 input[type=button]:active, input[type=submit]:active, input[type=reset]:active {
    218     border-style: inset; /* make "pressed" state more noticeable */
    219 }
    220361input[type=text]:focus, input.textwidget:focus, textarea:focus {
    221362    border: 1px solid #888;
     
    234375}
    235376#mainnav {
    236     background: #f9f9f9;
    237     border: 1px solid #ccc;
    238     border-radius: 3px;
     377    background: none;
     378    border: 0;
     379    border-radius: 0;
    239380    line-height: 1.1;
    240     overflow: auto; /* magically clear contained floats */
     381    margin-top: 8px;
    241382    padding: 0;
    242     width: 100%; /* for IE, surprise */
     383/*  width: 100%; /* for IE, surprise */
    243384}
    244385#mainnav .first, #mainnav .first :link,
     
    247388}
    248389#mainnav ul {
    249     float: right;
     390    float: left;
    250391    font-size: 11px;
    251392}
     
    280421#mainnav .active :link:hover, #mainnav .active :visited:hover {
    281422    border-right: none;
    282 }
    283 #altlinks {
    284     margin-left: 20px;
    285     max-width: 58em; /* match the max-width for other items, e.g. #ticket */
    286     width: auto;
    287423}
    288424#footer {
     
    493629
    494630/* =Link Colors */
    495 :link,
    496 :visited,
     631a:link,
     632a:visited,
    497633dt em,
    498634.milestone .info h2 em,
Note: See TracChangeset for help on using the changeset viewer.