werc-1.5.0-tweaks

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

style_old.css (5111B)


      1 /* Old Default style */
      2 /* ##### Common Styles ##### */
      3 
      4 body {
      5   color: black;
      6   XXXbackground-color: rgb(240,240,240);
      7   background-color: white;
      8   font-family: verdana, helvetica, arial, sans-serif;
      9   font-size: 71%;  /* Enables font size scaling in MSIE */
     10   margin: 0;
     11   padding: 0;
     12 }
     13 
     14 html > body {
     15   font-size: 8.5pt;
     16 }
     17 
     18 acronym, .titleTip {
     19   border-bottom: 1px dotted rgb(153,153,153);
     20   cursor: help;
     21   margin: 0;
     22   padding: 0 0 0.4px 0;
     23 }
     24 
     25 .doNotDisplay {
     26   display: none;
     27 }
     28 
     29 .smallCaps {
     30   font-size: 110%;
     31   font-variant: small-caps;
     32 }
     33 
     34 
     35 /* ##### Header ##### */
     36 
     37 .superHeader {
     38   color: white;
     39   background-color: rgb(100,135,220);
     40   height: 2em;
     41 }
     42 
     43 .superHeader a {
     44   color: white;
     45   background-color: transparent;
     46   text-decoration: none;
     47   font-size: 91%;
     48   margin: 0;
     49   padding: 0 0.5ex 0 0.25ex;
     50 }
     51 
     52 .superHeader a:hover {
     53   text-decoration: underline;
     54 }
     55 
     56 .superHeader .left {
     57   position: absolute;
     58   left: 1.5mm;
     59   top: 0.75ex;
     60 }
     61 
     62 .superHeader .right {
     63   position: absolute;
     64   right: 1.5mm;
     65   top: 0.75ex;
     66 }
     67 
     68 .midHeader {
     69   color: rgb(39,78,144);
     70   background-color: rgb(140,170,230);
     71   border: solid 0 black;
     72   border-width: 0.3em 0;
     73 }
     74 
     75 .headerTitle {
     76   color: black;
     77   font-size: 337%;
     78   font-weight: normal;
     79   margin: 0 0 0 4mm;
     80   padding: 0.25ex 0;
     81 }
     82 #headerSubTitle {
     83   font-size: 50%;
     84   font-style: italic;
     85 }
     86 
     87 .subHeader {
     88 display: none;
     89   color: white;
     90   background-color: rgb(0,51,153);
     91   margin: 0;
     92   padding: 1ex 1ex 1ex 1.5mm;
     93 }
     94 
     95 .subHeader a {
     96   color: white;
     97   background-color: transparent;
     98   text-decoration: none;
     99   font-weight: bold;
    100   margin: 0;
    101   padding: 0 0.75ex 0 0.5ex;
    102 }  
    103 
    104 .subHeader a:hover {
    105   text-decoration: underline;
    106 }
    107 
    108 .superHeader .highlight, .subHeader .highlight {
    109   color: rgb(253,160,91);
    110   background-color: transparent;
    111 }
    112 
    113 
    114 /* ##### Side Bar ##### */
    115 
    116 #side-bar {
    117   width: 15em;
    118   float: left;
    119   clear: left;
    120   border-right: 1px solid rgb(153,153,153);
    121 }
    122 
    123 #side-bar div {
    124   border-bottom: 1px solid rgb(153,153,153);
    125 }
    126 
    127 .sideBarTitle {
    128   font-weight: bold;
    129   margin: 0 0 0.5em 2.5mm;
    130   padding: 1em 0 0 0;
    131 }
    132 
    133 #side-bar ul {
    134   list-style-type: none;
    135   list-style-position: outside;
    136   margin: 0;
    137   padding: 0 0 1.1em 0;
    138 }
    139 
    140 #side-bar li {
    141   margin: 0;
    142   padding: 0.1ex 0;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
    143 }
    144 
    145 #side-bar a, .thisPage {
    146   color: rgb(0,102,204);
    147   background-color: transparent;
    148   XXXtext-decoration: none;
    149   margin: 0;
    150   padding: 0.55em 1ex 0.55em 5mm;
    151   display: block;
    152 }
    153 
    154 .thisPage {
    155   color: black;
    156   background-color: white;
    157   padding-left: 5mm;
    158   XXXborder-top: 1px solid rgb(153,153,153);
    159   XXXborder-bottom: 1px solid rgb(153,153,153);
    160   font-weight: 600;
    161 }
    162 
    163 #side-bar a:hover {
    164   color: white;
    165   background-color: rgb(100,135,220);
    166   text-decoration: none;
    167 }
    168 
    169 .sideBarText {
    170   line-height: 1.5em;
    171   margin: 0 0 1em 0;
    172   padding: 0 1.5ex 0 2.5mm;
    173   display: block;
    174 }
    175 
    176 #side-bar .sideBarText a {
    177   text-decoration: underline;
    178   margin: 0;
    179   padding: 0;
    180   display: inline;
    181 }
    182 
    183 #side-bar .sideBarText a:hover {
    184   color: rgb(0,102,204);
    185   background-color: transparent;
    186   text-decoration: none;
    187 }
    188 
    189 .lighterBackground {
    190   color: inherit;
    191   background-color: white;
    192 }
    193 
    194 
    195 /* ##### Main Copy ##### */
    196 
    197 #main-copy {
    198   max-width: 90em;
    199   color: black;
    200   background-color: white;
    201   text-align: justify;
    202   line-height: 1.5em;
    203   margin: 0 0 0 15em;
    204   padding: 0.5mm 5mm 5mm 5mm;
    205   border-left: 1px solid rgb(153,153,153);
    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: white;
    225   background-color: rgb(100,135,220);
    226   font-size: 100%;
    227   font-weight: bold;
    228   margin: 3em 0 0 0;
    229   padding: 0.5ex 0 0.5ex 1ex;
    230 }
    231 
    232 #main-copy .topOfPage {
    233   color: white;
    234   background-color: transparent;
    235   font-size: 91%;
    236   font-weight: bold;
    237   text-decoration: none;
    238   margin: 2.5ex 1ex 0 0;  /* For MSIE */
    239   padding: 0;
    240   float: right;
    241 }
    242 
    243 #main-copy > .topOfPage {
    244   margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
    245 }
    246 
    247 dl {
    248   margin: 1em 1ex 2em 1ex;
    249   padding: 0;
    250 }
    251 
    252 dt {
    253   font-weight: bold;
    254   margin: 0 0 0 0;
    255   padding: 0;
    256 }
    257 
    258 dd {
    259   margin: 0 0 2em 2em;
    260   padding: 0;
    261 }
    262 
    263 
    264 /* ##### Footer ##### */
    265 
    266 #footer {
    267   color: white;
    268   background-color: rgb(100,135,220);
    269   font-size: 91%;
    270   margin: 0;
    271   padding: 1em 2.5mm 2.5ex 2.5mm;
    272   clear: both;
    273 }
    274 
    275 #footer .left {
    276   line-height: 1.45em;
    277   float: left;
    278   clear: left;
    279 }
    280 
    281 #footer .right {
    282   text-align: right;
    283   line-height: 1.45em;
    284 }
    285 
    286 #footer a {
    287   color: white;
    288   background-color: transparent;
    289   text-decoration: underline;
    290 }
    291 
    292 #footer a:hover {
    293   text-decoration: none;
    294 }
    295 
    296 
    297 /* GENERAL */
    298 /* Spam */
    299 .spam {
    300     text-align: center;
    301 }
    302 
    303 /* Tables */
    304 table {
    305     border: solid 1px black;
    306 }
    307 th {
    308     background-color: #abc;
    309     border: solid 1px black;
    310 }
    311 td {
    312     background-color: #def;
    313     border: solid 1px black;
    314 }
    315 
    316 hr {
    317     border-width: 0px 0px 0.1em 0px;
    318     border-color: black;
    319 }
    320 
    321 .spam table, .spam th, .spam td {
    322 	border: none;
    323 }
    324 
    325 /* Code */
    326 pre {
    327     margin-left: 2em; 
    328 }
    329 
    330