src/dom/sandb1.css

   1 @import url(base.css);
   2
   3 /*
   4 All images:
   5 Copyright 2003 - Swartz & Bivens, P.L.L.C.
   6 */
   7
   8 html, body {width: 100%; height: 100% !important; font-size: 1em;}
   9 body {margin: 0; padding: 0; font: 1em Verdana, Arial, Helvetica, sans-serif; position: relative;}
  10
  11 #header {margin: 0; padding: 0 0 0.75em 0; border-bottom: 1px solid;
  12   border-left: 1.5em solid;}
  13 #header h1 {margin: 0; padding: 0.75em 0.5em 0 0; font-size: 1.5em;
  14  font-family: Verdana, sans-serif; line-height: 0.8em; letter-spacing: -0.13em;}
  15
  16 #main {padding: 0.6em 0 5em 25px; margin-right: 21%;}
  17 #main h2, #main h3, #main h4, #main h5, #main h6 {line-height: 0.8em; margin: 1em 0 0;
  18  border-bottom: 1px solid; }
  19
  20
  21 #main p, #main ul, #main ol, #main dl {margin-right: 6%;}
  22
  23
  24 p.desc {margin: 0.5em 0 1em 95px;}
  25 a.pic {float: left; margin: -21px 0 0.5em; width: 80px;}
  26 a.hlinks {text-decoration: none; border-bottom: 0.25em solid;}
  27
  28 #nav {position: absolute; right: 0%; top: 3.2em; width: 20%; max-width: 200px;
  29   padding: 0; margin: 0 0 0 1px;
  30   font-family: Arial, sans-serif;
  31   border-style: solid;
  32   background-color: #4682B4;
  33   border-width: 1px 2px 2px 1px;
  34 }
  35 #nav h4 {margin: 0; padding: 0.25em 0.5em 1px 0.25em;
  36   font-size: 0.9em; font-style: italic; line-height: 0.7em;
  37   letter-spacing: 1px; text-transform: lowercase;
  38   border-style: dotted; border-width: 0px 0 1px 2px;}
  39 #nav ul {margin: 0 0 1.5em 0; padding: 0.25em 0 0.5em 0;
  40    list-style: none; font-size: 85%;}
  41 #nav ul li {padding: 0.15em 0 0.1em 0.5em;}
  42 #nav ul ul {padding: 0 0 0 1em; margin: 0; border-left: none; font-size: 90%; font-style: italic;}
  43 #nav ul ul li {padding-top: 1px; text-indent: -0.5em;}
  44 #nav ul li em {font-weight: bold; padding: 0; margin: 0; border-bottom: 1px dotted red; width: .5em; }
  45 #nav ul ul em {font-weight: bold; padding: 0; margin: 0; border-bottom: 1px dotted red; width: .5em; }
  46 #nav ul ul li em {font-weight: bold; padding: 0; margin: 0; border-bottom: 1px dotted red; width: .5em; }
  47 #nav #select {font-weight: bold; font-style: italic; letter-spacing: 1px; text-transform: lowercase;
  48     border-style: dotted; border-width: 1px 3px 1px 2px; border-right: none; margin-left: -1px;}
  49
  50 #style li.sub:hover {margin-left: -10.2em; border: 1px solid gray; background: #DDB;}
  51 #style li.sub:hover > a {color: #330;}
  52 #style li.sub:hover > ul {top: 1.75em; left: -1px; background: #FEFEFC;}
  53
  54 #style {position: absolute; right: 0%; top: 1.0em;
  55   padding: 0; margin: 0;
  56   font-family: Arial, sans-serif;}
  57 #style h4 {margin: 0; padding: 0.25em 0.5em 1px 0.25em;
  58   font-size: 0.9em; font-style: italic; line-height: 0.7em;
  59   letter-spacing: 1px; text-transform: lowercase;
  60   border-style: solid solid dotted; border-width: 1px 0 1px 2px;}
  61 #style #sandb1 {font-weight: bold; font-style: italic; letter-spacing: 1px; text-transform: lowercase;
  62   border: 1px dotted; border-top: none; margin-left: -1px;}
  63
  64 #style li.sub:hover {margin-left: -10.2em; border: 1px solid gray; background: #DDB;}
  65 #style li.sub:hover > a {color: #330;}
  66 #style li.sub:hover > ul {top: 1.75em; left: -1px; background: #FEFEFC;}
  67
  68 #footer {border-top: 2.5px double; margin: 0; padding: 0.25em; text-align: left; font-size: 75%;}
  69 #footer p {margin: 0; padding: 0; text-align: center}
  70 #footer img, #nav img {padding:0; margin: 0; border:0;  vertical-align: middle; }
  71
  72 img {border:0;}
  73
  74 /* home styles */
  75
  76 body.home #main {padding-left: 120px;}
  77 body.home #main img.pic {position: absolute; left: -1em; top: 6.25em; z-index: 100;}
  78
  79
  80 /* colors and backgrounds */
  81
  82 body {background: #FFFFFF url(bigsbbg.gif) no-repeat fixed center;
  83   color: #42384C;}
  84
  85 #header, #nav ul, #nav #sandb1, #footer {border-color: #738CA6;}
  86 #main h2, #main h2 a {border-color: #414066;}
  87 #thoughts * {border-color: #5B5980;}
  88
  89 #main a:link {color: #006691;}
  90 #main a:hover {color: #006691; background-color: #ddeeff;}
  91
  92 #header {background: #BAC5D1;}
  93 #header h1 {background: #738CA6;}
  94 #header h1 a {color: #343366;}
  95
  96 #main h2 a {color: #00294C;}
  97
  98 #nav {background: #BCCAE0;}
  99 #nav h4 {border-color: #667F99; color: #343366; background: #B2BFD9;}
 100 #nav ul {background: none;}
 101 #nav ul ul {background: none;}
 102
 103 #navlinks a:link {color: #4C6580;}
 104 #navlinks a:visited, #stylelinks a {color: #818099;}
 105 #nav a:hover {color: #334180;}
 106 #style #sandb1 {background: #C7D4E6;}
 107 #style #sandb1 a {color: #4D4C66;}
 108
 109 #style a {font-size: 70%; background: transparent; color: #FFFFFF}
 110 #style a:hover {font-size:70%; background: transparent; color: #683399}
 111 #style a:visited {font-size:70%; background: transparent; color: #FFFFFF}
 112 #style a span {display: none;}
 113 #style a:hover span {display: block; position: absolute; bottom: 2px; left: 0; width: 265px; padding: 1px; margin: 1px; z-index: 100; color: #ffffff; background: #000066; font: 10px Verdana, sans-serif; text-align: center;}
 114
 115 .sField { border-width:1px; border-style:solid; border-color:#ffffff; background-color:#333399;font-family: Arial, Helvetica, sans-serif;color: #ffffff;  margin: 0;  padding: 0;    }
 116 .sButton { border-width:1px; border-style:solid; border-color:#ffffff; background-color:#333399;font-family: Arial, Helvetica, sans-serif;color: #ffffff;  margin: 0;  padding: 0;  }
 117 .eField { border-width:1px; border-style:solid; border-color:#6495ED; background-color:#F0F8FF;font-family: Arial, Helvetica, sans-serif;color: #000000;  }
 118 .eButton { border-width:1px; border-style:solid; border-color:#6495ED; background-color:#F0F8FF;font-family: Arial, Helvetica, sans-serif;color: #000000;}
 119 .mid { vertical-align: middle; }
 120 .line { color: #6495ED; border-top: 3px solid #6495ED; border-bottom: 2px solid #000080; height: 5px;  border-left: none;    }
 121
 122 input { font: 60% verdana,sans-serif; vertical-align: middle; }
 123 .sField:hover, .sField:focus { background-color: #336699 }
 124 .sButton:hover, .sButton:focus { background-color: #336699 }
 125 .eField:hover, .eField:focus { background-color: #DFEFFF}
 126 .eButton:hover, .eButton:focus { background-color: #DFEFFF }
 127
 128 #bt {position: absolute; right: 0%;  margin-right: 24%;}
 129
 130 #gl { text-align: center; vertical-align: middle;  margin: 0;  padding: 0; }
 131
 132
 133 #footer {color: #343366; background: #BAC5D1;}
 134
 135
 136 a:visited {color: #4C6580; background: transparent;}
 137
 138 #navlinks li a:hover:after, #navlinks li a:focus:after {content: " [" attr(accesskey) "] ";}
 139
 140 acronym {border-bottom: 1px dashed #0063CC; cursor: help;}
 141
 142
 143
 144 /* fix IE6 rendering bugs */
 145
 146 #header h1 {position: relative;}
 147 #header>h1 {position: static;}
 148
 149 html>body #main p, html>body #main h3, html>body #main dt, html>body #main ul, html>body #main li, html>body #main ol {background: url(bigsbbg2.gif) no-repeat fixed center;}