werc-1.5.0-tweaks

Tweaks for the werc website builder created by the mad architect Uriel
Log | Files | Refs | README

sinorca-screen-alt.css (5002B)


      1 /***********************************************
      2  * TITLE: Sinorca Alterative Screen Stylesheet *
      3  * URI  : sinorca/sinorca-screen-alt.css       *
      4  * MODIF: 2003-May-13 18:48 +0800              *
      5  ***********************************************/
      6 
      7 
      8 /* ##### Common Styles ##### */
      9 
     10 body {
     11   color: black;
     12   background-color: white;
     13   font-family: verdana, helvetica, arial, sans-serif;
     14   font-size: 71%;  /* Enables font size scaling in MSIE */
     15   margin: 0;
     16   padding: 0;
     17 }
     18 
     19 html > body {
     20   font-size: 8.5pt;
     21 }
     22 
     23 acronym, .titleTip {
     24   border-bottom: 1px dotted rgb(153,153,153);
     25   cursor: help;
     26   margin: 0;
     27   padding: 0 0 0.4px 0;
     28 }
     29 
     30 .doNotDisplay {
     31   display: none;
     32 }
     33 
     34 .smallCaps {
     35   font-size: 110%;
     36   font-variant: small-caps;
     37 }
     38 
     39 
     40 /* ##### Header ##### */
     41 
     42 .superHeader {
     43   color: white;
     44   background-color: rgb(100,135,220);
     45   height: 2em;
     46 }
     47 
     48 .superHeader a {
     49   color: white;
     50   background-color: transparent;
     51   text-decoration: none;
     52   font-size: 91%;
     53   margin: 0;
     54   padding: 0 0.5ex 0 0.25ex;
     55 }
     56 
     57 .superHeader a:hover {
     58   text-decoration: underline;
     59 }
     60 
     61 .superHeader .left {
     62   position: absolute;
     63   left: 1.5mm;
     64   top: 0.75ex;
     65 }
     66 
     67 .superHeader .right {
     68   position: absolute;
     69   right: 1.5mm;
     70   top: 0.75ex;
     71 }
     72 
     73 .midHeader {
     74   color: rgb(39,78,144);
     75   background-color: rgb(140,170,230);
     76 }
     77 
     78 .headerTitle {
     79   font-size: 337%;
     80   font-weight: normal;
     81   margin: 0 0 0 4mm;
     82   padding: 0.25ex 0;
     83 }
     84 
     85 .subHeader {
     86   color: white;
     87   background-color: rgb(0,51,153);
     88   margin: 0;
     89   padding: 1ex 1ex 1ex 1.5mm;
     90 }
     91 
     92 .subHeader a {
     93   color: white;
     94   background-color: transparent;
     95   text-decoration: none;
     96   font-weight: bold;
     97   margin: 0;
     98   padding: 0 0.75ex 0 0.5ex;
     99 }  
    100 
    101 .subHeader a:hover {
    102   text-decoration: underline;
    103 }
    104 
    105 .superHeader .highlight, .subHeader .highlight {
    106   color: rgb(253,160,91);
    107   background-color: transparent;
    108 }
    109 
    110 
    111 /* ##### Side Boxes ##### */
    112 
    113 #side-bar {
    114   width: 14em;
    115   margin: 2.5em 0 0 1.25mm;
    116   float: left;
    117   clear: left;
    118 }
    119 
    120 body > #side-bar {
    121   margin-left: 2.5mm;  /* Circumvents a rendering bug in MSIE (6.0) */
    122 }
    123 
    124 .sideBarTitle {
    125   color: white;
    126   background-color: rgb(100,135,220);
    127   font-weight: bold;
    128   margin: 0;
    129   padding: 0.4ex 0 0.4ex 0.6ex;
    130 }
    131 
    132 #side-bar ul {
    133   list-style-type: none;
    134   list-style-position: outside;
    135   margin: 0;
    136   padding: 0 0 2.25em 0;
    137 }
    138 
    139 #side-bar li {
    140   margin: 0;
    141   padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE (6.0) */
    142 }
    143 
    144 #side-bar a, .thisPage {
    145   color: rgb(0,102,204);
    146   background-color: transparent;
    147   text-decoration: none;
    148   font-weight: bold;
    149   margin: 0;
    150   padding: 1.3ex 2ex;
    151   display: block;
    152 }
    153 
    154 .thisPage {
    155   color: black;
    156   background-color: transparent;
    157 }
    158 
    159 #side-bar a:hover {
    160   color: white;
    161   background-color: rgb(100,135,220);
    162   text-decoration: none;
    163 }
    164 
    165 .sideBarText {
    166   line-height: 1.5em;
    167   margin: 0 0 2.5em 0;
    168   padding: 1ex 0.5ex 0 0.5ex;
    169   display: block;
    170 }
    171 
    172 .sideBarText + .sideBarText {  /* Not recognised by MSIE (6.0) */
    173   margin-top: -1.5em;
    174 }
    175 
    176 #side-bar .sideBarText a {
    177   text-decoration: underline;
    178   font-weight: normal;
    179   margin: 0;
    180   padding: 0;
    181   display: inline;
    182 }
    183 
    184 #side-bar .sideBarText a:hover {
    185   color: rgb(0,102,204);
    186   background-color: transparent;
    187   text-decoration: none;
    188 }
    189 
    190 
    191 /* ##### Main Copy ##### */
    192 
    193 #main-copy {
    194   color: black;
    195   background-color: transparent;
    196   text-align: justify;
    197   line-height: 1.5em;
    198   margin: -1em 0 0 15em;
    199   padding: 0.5mm 5mm 5mm 5mm;
    200 }
    201 
    202 #bodyText {
    203   margin: 0 0 0 15.5em;
    204   padding: 2mm 5mm 2mm 5mm;
    205 }
    206 
    207 
    208 #main-copy p {
    209   margin: 1em 1ex 2em 1ex;
    210   padding: 0;
    211 }
    212 
    213 #main-copy a {
    214   color: rgb(0,102,204);
    215   background-color: transparent;
    216   text-decoration: underline;
    217 }
    218 
    219 #main-copy a:hover {
    220   text-decoration: none;
    221 }
    222 
    223 #main-copy h1 {
    224   color: rgb(0,102,204);
    225   background-color: transparent;
    226   font-size: 145.5%;
    227   font-weight: bold;
    228   margin: 2em 0 0 0;
    229   padding: 0.5ex 0 0.5ex 0.6ex;
    230   border-bottom: 1px solid rgb(0,102,204);
    231 }
    232 
    233 #main-copy .topOfPage {
    234   color: rgb(0,102,204);
    235   background-color: transparent;
    236   font-size: 91%;
    237   font-weight: bold;
    238   text-decoration: none;
    239   margin: 3ex 1ex 0 0;
    240   padding: 0;
    241   float: right;
    242 }
    243 
    244 dl {
    245   margin: 1em 1ex 2em 1ex;
    246   padding: 0;
    247 }
    248 
    249 dt {
    250   font-weight: bold;
    251   margin: 0 0 0 0;
    252   padding: 0;
    253 }
    254 
    255 dd {
    256   margin: 0 0 2em 2em;
    257   padding: 0;
    258 }
    259 
    260 
    261 /* ##### Footer ##### */
    262 
    263 #footer {
    264   color: white;
    265   background-color: rgb(100,135,220);
    266   font-size: 91%;
    267   margin: 0;
    268   padding: 1em 2.5mm 2.5ex 2.5mm;
    269   clear: both;
    270 }
    271 
    272 #footer .left {
    273   text-align: left;
    274   line-height: 1.45em;
    275   float: left;
    276   clear: left;
    277 }
    278 
    279 #footer .right {
    280   text-align: right;
    281   line-height: 1.45em;
    282 }
    283 
    284 #footer a {
    285   color: white;
    286   background-color: transparent;
    287   text-decoration: underline;
    288 }
    289 
    290 #footer a:hover {
    291   text-decoration: none;
    292 }