doc/bluequad.css

   1 /* Copyright (C) 2004-2014 Mike Pall.
   2  *
   3  * You are welcome to use the general ideas of this design for your own sites.
   4  * But please do not steal the stylesheet, the layout or the color scheme.
   5  */
   6 /* colorscheme:
   7  *
   8  * site  |  head   #4162bf/white   | #6078bf/#e6ecff
   9  * ------+------   ----------------+-------------------
  10  * nav   |  main   #bfcfff         | #e6ecff/black
  11  *
  12  * nav:  hiback   loback     #c5d5ff #b9c9f9
  13  *       hiborder loborder   #e6ecff #97a7d7
  14  *       link     hover      #2142bf #ff0000
  15  *
  16  * link: link visited hover  #2142bf #8122bf #ff0000
  17  *
  18  * main: boxback  boxborder  #f0f4ff #bfcfff
  19  */
  20 body {
  21   font-family: Verdana, Arial, Helvetica, sans-serif;
  22   font-size: 10pt;
  23   margin: 0;
  24   padding: 0;
  25   border: none;
  26   background: #e0e0e0;
  27   color: #000000;
  28 }
  29 a:link {
  30   text-decoration: none;
  31   background: transparent;
  32   color: #2142bf;
  33 }
  34 a:visited {
  35   text-decoration: none;
  36   background: transparent;
  37   color: #8122bf;
  38 }
  39 a:hover, a:active {
  40   text-decoration: underline;
  41   background: transparent;
  42   color: #ff0000;
  43 }
  44 h1, h2, h3 {
  45   font-weight: bold;
  46   text-align: left;
  47   margin: 0.5em 0;
  48   padding: 0;
  49   background: transparent;
  50 }
  51 h1 {
  52   font-size: 200%;
  53   line-height: 3em; /* really 6em relative to body, match #site span */
  54   margin: 0;
  55 }
  56 h2 {
  57   font-size: 150%;
  58   color: #606060;
  59 }
  60 h3 {
  61   font-size: 125%;
  62   color: #404040;
  63 }
  64 p {
  65   max-width: 600px;
  66   margin: 0 0 0.5em 0;
  67   padding: 0;
  68 }
  69 b {
  70   color: #404040;
  71 }
  72 ul, ol {
  73   max-width: 600px;
  74   margin: 0.5em 0;
  75   padding: 0 0 0 2em;
  76 }
  77 ul {
  78   list-style: outside square;
  79 }
  80 ol {
  81   list-style: outside decimal;
  82 }
  83 li {
  84   margin: 0;
  85   padding: 0;
  86 }
  87 dl {
  88   max-width: 600px;
  89   margin: 1em 0;
  90   padding: 1em;
  91   border: 1px solid #bfcfff;
  92   background: #f0f4ff;
  93 }
  94 dt {
  95   font-weight: bold;
  96   margin: 0;
  97   padding: 0;
  98 }
  99 dt sup {
 100   float: right;
 101   margin-left: 1em;
 102   color: #808080;
 103 }
 104 dt a:visited {
 105   text-decoration: none;
 106   color: #2142bf;
 107 }
 108 dt a:hover, dt a:active {
 109   text-decoration: none;
 110   color: #ff0000;
 111 }
 112 dd {
 113   margin: 0.5em 0 0 2em;
 114   padding: 0;
 115 }
 116 div.tablewrap { /* for IE *sigh* */
 117   max-width: 600px;
 118 }
 119 table {
 120   table-layout: fixed;
 121   border-spacing: 0;
 122   border-collapse: collapse;
 123   max-width: 600px;
 124   width: 100%;
 125   margin: 1em 0;
 126   padding: 0;
 127   border: 1px solid #bfcfff;
 128 }
 129 tr {
 130   margin: 0;
 131   padding: 0;
 132   border: none;
 133 }
 134 tr.odd {
 135   background: #f0f4ff;
 136 }
 137 tr.separate td {
 138   border-top: 1px solid #bfcfff;
 139 }
 140 td {
 141   text-align: left;
 142   margin: 0;
 143   padding: 0.2em 0.5em;
 144   border: none;
 145 }
 146 tt, code, kbd, samp {
 147   font-family: Courier New, Courier, monospace;
 148   line-height: 1.2;
 149   font-size: 110%;
 150 }
 151 kbd {
 152   font-weight: bolder;
 153 }
 154 blockquote, pre {
 155   max-width: 600px;
 156   margin: 1em 2em;
 157   padding: 0;
 158 }
 159 pre {
 160   line-height: 1.1;
 161 }
 162 pre.code {
 163   line-height: 1.4;
 164   margin: 0.5em 0 1em 0.5em;
 165   padding: 0.5em 1em;
 166   border: 1px solid #bfcfff;
 167   background: #f0f4ff;
 168 }
 169 pre.mark {
 170   padding-left: 2em;
 171 }
 172 span.codemark {
 173   position:absolute;
 174   left: 16em;
 175   color: #4040c0;
 176 }
 177 span.mark {
 178   color: #4040c0;
 179   font-family: Courier New, Courier, monospace;
 180   line-height: 1.1;
 181 }
 182 img {
 183   border: none;
 184   vertical-align: baseline;
 185   margin: 0;
 186   padding: 0;
 187 }
 188 img.left {
 189   float: left;
 190   margin: 0.5em 1em 0.5em 0;
 191 }
 192 img.right {
 193   float: right;
 194   margin: 0.5em 0 0.5em 1em;
 195 }
 196 .indent {
 197   padding-left: 1em;
 198 }
 199 .flush {
 200   clear: both;
 201   visibility: hidden;
 202 }
 203 .hide, .noscreen {
 204   display: none !important;
 205 }
 206 .ext {
 207   color: #ff8000;
 208 }
 209 .new {
 210   font-size: 6pt;
 211   vertical-align: middle;
 212   background: #ff8000;
 213   color: #ffffff;
 214 }
 215 #site {
 216   clear: both;
 217   float: left;
 218   width: 13em;
 219   text-align: center;
 220   font-weight: bold;
 221   margin: 0;
 222   padding: 0;
 223   background: transparent;
 224   color: #ffffff;
 225 }
 226 #site a {
 227   font-size: 200%;
 228 }
 229 #site a:link, #site a:visited {
 230   text-decoration: none;
 231   font-weight: bold;
 232   background: transparent;
 233   color: #ffffff;
 234 }
 235 #site span {
 236   line-height: 3em; /* really 6em relative to body, match h1 */
 237 }
 238 #logo {
 239   color: #ffb380;
 240 }
 241 #head {
 242   margin: 0;
 243   padding: 0 0 0 2em;
 244   border-left: solid 13em #4162bf;
 245   border-right: solid 3em #6078bf;
 246   background: #6078bf;
 247   color: #e6ecff;
 248 }
 249 #nav {
 250   clear: both;
 251   float: left;
 252   overflow: hidden;
 253   text-align: left;
 254   line-height: 1.5;
 255   width: 13em;
 256   padding-top: 1em;
 257   background: transparent;
 258 }
 259 #nav ul {
 260   list-style: none outside;
 261   margin: 0;
 262   padding: 0;
 263 }
 264 #nav li {
 265   margin: 0;
 266   padding: 0;
 267 }
 268 #nav a {
 269   display: block;
 270   text-decoration: none;
 271   font-weight: bold;
 272   margin: 0;
 273   padding: 2px 1em;
 274   border-top: 1px solid transparent;
 275   border-bottom: 1px solid transparent;
 276   background: transparent;
 277   color: #2142bf;
 278 }
 279 #nav a:hover, #nav a:active {
 280   text-decoration: none;
 281   border-top: 1px solid #97a7d7;
 282   border-bottom: 1px solid #e6ecff;
 283   background: #b9c9f9;
 284   color: #ff0000;
 285 }
 286 #nav a.current, #nav a.current:hover, #nav a.current:active {
 287   border-top: 1px solid #e6ecff;
 288   border-bottom: 1px solid #97a7d7;
 289   background: #c5d5ff;
 290   color: #2142bf;
 291 }
 292 #nav ul ul a {
 293   padding: 0 1em 0 1.7em;
 294 }
 295 #nav ul ul ul a {
 296   padding: 0 0.5em 0 2.4em;
 297 }
 298 #main {
 299   line-height: 1.5;
 300   text-align: left;
 301   margin: 0;
 302   padding: 1em 2em;
 303   border-left: solid 13em #bfcfff;
 304   border-right: solid 3em #e6ecff;
 305   background: #e6ecff;
 306 }
 307 #foot {
 308   clear: both;
 309   font-size: 80%;
 310   text-align: center;
 311   margin: 0;
 312   padding: 0.5em;
 313   background: #6078bf;
 314   color: #ffffff;
 315 }
 316 #foot a:link, #foot a:visited {
 317   text-decoration: underline;
 318   background: transparent;
 319   color: #ffffff;
 320 }
 321 #foot a:hover, #foot a:active {
 322   text-decoration: underline;
 323   background: transparent;
 324   color: #bfcfff;
 325 }