Ignore:
Timestamp:
Apr 16, 2008, 9:21:29 PM (17 years ago)
Author:
price
Message:

clean up CSS, and add blue border.

More targeted changes to the style will follow.

The border style is taken from Debathena, but the color changed;
the heading color is also changed to blue from purple.

Location:
trunk/packages/sipb-xen-www/code
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/packages/sipb-xen-www/code/static/layout.css

    r210 r415  
    1 html,body {
    2         height: 100%;
     1/*
     2  Good layout ideas stolen from Debathena.
     3  Hey, we use some different fonts (in style.css.)
     4  And the background color is unmistakably different.
     5  Some other things are tweaked too.
     6*/
     7
     8/* This file contains screen-only layout declarations that won't be
     9   used for printing. */
     10
     11/* Make <body /> show up as a centered white box with rounded border,
     12   over the darker enclosing <html />. */
     13html {
     14    padding: .75em;
     15    background: #09c;
    316}
     17body {
     18    position: relative;
     19    margin: 0 auto;
     20    padding: 1.2em;
     21    border: 1px solid black;
     22    -moz-border-radius: .4em;
     23    -webkit-border-radius: .4em;
     24    border-radius: .4em;
     25    background: #fff;
     26}
     27
     28/* Limit the <body /> width for readability. */
     29body {
     30    max-width: 60em;
     31}
     32
     33/* Increase line heights for better screen readability. */
     34p, li, dt, dd, address {
     35    line-height: 1.5em;
     36}
     37pre {
     38    line-height: 1.25em;
     39}

  • trunk/packages/sipb-xen-www/code/static/style.css

    r205 r415  
    1 h1 {
    2     border-bottom: 1px dashed black;
    3     margin-top: 0;
    4     overflow: auto;
    5 }
    6 h1, h2, h3, h4, h5, h6 {
    7     font-family: "Trebuchet MS", Trebuchet, Sans, sans-serif;
    8     font-weight: bold;
    9     color: #529;
    10 }
    11 kbd, dt {
    12     font-weight: bold;
    13 }
     1/*
     2  Good style ideas stolen from Debathena.
     3  Hey, we use some different fonts.
     4  And the colors are unmistakably different.
     5*/
     6
     7/* Basic fonts and sizes. */
    148html {
    159    font-size: 87.5%;
    … …  
    1812    font-family: Tahoma, Sans, sans-serif;
    1913}
     14h1, h2, h3, h4, h5, h6 {
     15    font-family: "Trebuchet MS", Trebuchet, Sans, sans-serif;
     16    font-weight: bold;
     17}
    2018pre, code, samp, kbd, tt {
    2119    font-family: "Bitstream Vera Sans Mono", "Luxi Mono", "Courier New", monospace;
    2220    font-size: 100%;
    2321}
    24 #logo {
    25     float: right;
    26     margin: -1em -1em 0 0;
     22
     23/* Blue headings. */
     24h1, h2, h3, h4, h5, h6 {
     25    color: #13a;
    2726}
    28 #logo img {
    29     border: none;
     27
     28/* Dashed line under the header. */
     29h1 {
     30    border-bottom: 1px dashed black;
     31    margin-top: 0;
     32    overflow: auto;
    3033}
    31 p, li {
    32     line-height: 1.5em;
    33 }
    34 .long li, .long dd {
    35     margin-bottom: .5em;
    36 }
     34
    3735pre {
    3836    background: #f6f6f6;
    3937    border: 1px solid #ddd;
    4038    padding: .125em;
    41     line-height: 1.25em;
    42 }
    43 .note {
    44     border: 1px solid #eea;
    45     background: #ffd;
    46     padding: .25em;
    4739}
    4840a:link, a:visited {
    … …  
    5244    text-decoration: underline;
    5345}
    54 var {
    55     color: #090;
    56 }
    57 .index h1 tt {
    58     font-size: 83%;
    59 }
    60 .index table {
    61     border-collapse: collapse;
    62 }
    63 .index table td {
    64     padding: 0 0.5em;
    65 }
    66 .index table td a {
    67     font-family: "Bitstream Vera Sans Mono", "Luxi Mono", "Courier New", monospace;
    68 }
    6946
    70 #loadingnotice {
    71     padding: 2px;
    72     display: none;
    73     color: #FFFFFF;
    74     background: #CC2200;
    75     position: fixed;
    76     right: 10px;
    77     top: 5px;
    78 }
    79 
     47/* Highlight error messages in bright red. */
    8048.error {
    8149  color: #FF0000;
    8250  padding: 0.25em;
    8351}
    84 
    8552td.error {
    8653  border: 1px solid red;

  • trunk/packages/sipb-xen-www/code/templates/skeleton.tmpl

    r267 r415  
    5757</div>
    5858
    59 <div id="loadingnotice" class="loadingnotice">LOADING</div>
    6059<div id="result" class="result">
    6160#if $varExists('result')
Note: See TracChangeset for help on using the changeset viewer.