src/dom/meyerweb.css

   1 @import url(skel.css);
   2
   3 /* generics */
   4
   5 * {font-size: 100%; padding: 0; margin: 0;}
   6 body {font: 0.84em/1.333 Arial, sans-serif; margin: 0; padding: 0;
   7   color: #202020; background: #FFF;
   8   min-width: 40em; margin: 0 auto;}
   9 a:link {color: #339;}
  10 a:visited {color: #848;}
  11 a img {border: none;}
  12 h1 {font-size: 2em; margin: 2em 0 0.5em; padding: 0.25em 0;}
  13 h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
  14 h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;}
  15 h4 {font-size: 1.1em; margin: 0.5em 0 0;}
  16 h5 {font-size: 1em; margin: 0.5em 0 0;}
  17 h6 {font-size: 0.85em; margin: 0.5em 0 0;}
  18 p {margin: 0.33em 0 1em 0;}
  19 ul, ol {margin: 1em 0; padding-left: 2.5em;}
  20 dt {margin: 0.5em 0 0;}
  21 dd {margin: 0.25em 0 0.5em 2.5em;}
  22 pre, code, tt {font: 110% "Andale Mono", Courier, "Courier New", monospace;}
  23 small {font-size: 85%;}
  24 big {font-size: 115%;}
  25 sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
  26 img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
  27 img.border {border: 3px double;}
  28 img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
  29 p.standalone {text-align: center;}
  30 p.standalone img {display: inline;}
  31 .warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}
  32 .highlight {background: #B4D5FF; font-weight: bold;}
  33
  34 table.chart {margin: 1em auto;}
  35 table.chart caption {font-weight: bold; font-style: italic; font-size: 90%;}
  36 table.chart th {text-align: left;}
  37 table.chart thead th {border-bottom: 1px solid #CCC;}
  38 table.chart th, table.chart td {border-bottom: 1px dotted #DDD;}
  39 table.chart tbody th {padding-right: 1em;}
  40
  41 /* masthead */
  42
  43 #sitemast {padding: 0; margin: 0; overflow: hidden; border-bottom: 1px solid #000;
  44   height: 128px; width: 100%; position: relative; z-index: 1;}
  45 #sitemast h1 {font-size: 2em; line-height: 1em; letter-spacing: 0.13em;
  46   padding: 0; margin: 0;
  47   position: absolute; left: 0; top: 100px;
  48   /* hide-from-IE5/Mac hack \*/
  49   top: auto; bottom: 0;
  50   /* end hack */}
  51 #sitemast h1 a {padding: 0 0.25em;}
  52 #sitemast h1 a, .panel a {text-decoration: none;}
  53
  54 /* main content */
  55
  56 #main {margin: 2.25em 20em 0 12em; padding: 3.5em 0;
  57   min-height: 30em;}
  58 #main h2 {border-bottom: 1px solid #888; margin: 0; padding: 0;
  59   font-size: 1.75em; line-height: 1;}
  60 #main p.contact {margin: 0 1em; text-align: right; font-size: 90%;}
  61
  62 #main p {line-height: 1.4;}
  63 #main li {line-height: 1.33; margin-bottom: 0.33em;}
  64 #main .compact li {line-height: normal; margin-bottom: 0;}
  65 #main ul li {list-style: square;}
  66 #main ol li {list-style: decimal;}
  67
  68 #main blockquote {font-style: normal; margin: 1em 1em 1em 2em;}
  69 #main blockquote em {font-style: italic; font-weight: inherit;}
  70 #main blockquote p {margin: 0.33em 2.5% 0.33em 0 !important;
  71   line-height: 1.2; text-indent: 2em;}
  72 #main blockquote.book p {margin: 0 2.5% 0 0 !important;}
  73 #main blockquote.lyric {font-style: italic; white-space: pre;
  74   border: none; margin-left: 1em;}
  75 #main blockquote.lyric p {text-indent: 0;}
  76 .quoteattrib {margin: -0.75em 3em 0.66em; font-size: 87.5%;}
  77 .quoteattrib cite {font-style: italic;}
  78
  79 /* search bits */
  80
  81 #search {position: absolute; top: 129px; right: 0;
  82   z-index: 10;
  83   text-align: right; padding: 0.25em 0 1.25em 5px;
  84   background: url(pix/logoogle2.gif) no-repeat 0% 100%;}
  85 #search h4 {display: none;}
  86 #search form {margin: 0; padding: 2px 1em 0;}
  87 #search input[type="text"] {width: 14em; border: 2px inset #999;}
  88 #search small {display: block; margin: 0 1.25em; padding: 0;
  89   text-align: right; line-height: 1;}
  90 #search small a {background: #FFF; color: #668; font-style: italic;}
  91
  92 /* navbar */
  93
  94 #navigate {position: absolute; top: 129px; left: 0; right: 0;
  95   padding: 0.25em 0 0.25em 1em;
  96   z-index: 1; overflow: hidden;
  97   height: auto; width: 85%; line-height: 2;}
  98 #navigate h4 {display: none;}
  99 #navigate ul, #navigate li {margin: 0; padding: 0;}
 100 #navigate ul {padding-left: 0.5em;}
 101
 102 #navlinks {float: left; width: 100%;}
 103 #navlinks a {text-decoration: none;}
 104 #navlinks li {float: left; list-style: none; margin-left: 1px;}
 105 #navlinks li a {padding: 0.25em 1em; margin-right: 0.125em;
 106   border-top: 0.75em solid #AAC; border-bottom: 1px dotted #FFF;
 107   font-weight: bold; color: #668;}
 108 #navlinks li ul {display: none; border: none;}
 109 #navlinks li li a {font-weight: normal;}
 110 #navlinks a:hover {border-top-color: #88A;}
 111 #navlinks #otherLink {margin-left: 1.75em;}
 112
 113 .arch #archLink a,
 114 .css #cssLink a,
 115 .tools #toolsLink a,
 116 .write #writeLink a,
 117 .speak #speakLink a,
 118 .other #otherLink a
 119 {border-color: #226 #FFF #FFF; background: #CCE; color: #226; font-style: italic;}
 120
 121 /* 'sidebar' */
 122
 123 #extra {position: absolute; top: 129px; right: 0; z-index: 100; width: 18em;
 124   font-size: 1em; line-height: 1.2;
 125   padding: 1.75em 0 0; margin: 3em 0 0;
 126   color: #5A5A5F;}
 127 #extra a:link {color: #66A;}
 128 #extra a:visited {color: #858;}
 129
 130 #extra .panel {margin: 1em 0 0; padding: 1em 1em 0 3em; border: 1px dotted #FFF;}
 131 #extra .panel h4, #extra .panel h5 {margin: 0 0 0.25em; padding: 0 0.5em 0 0;
 132   font-size: 90%; line-height: 1;
 133   border-bottom: 1px solid #AAA;}
 134 #extra .panel ul {list-style: none; margin: 0 1em 0 0; padding: 0; font-size: 90%;}
 135 #extra .panel li {margin-left: 1em; text-indent: -1em;}
 136 #extra .panel .more {float: right; margin: -1.5em 1px 0 0.5em;
 137   font-style: italic; text-align: right; font-size: smaller;}
 138 #extra .panel .more a {padding-left: 15px; background: url(pix/morearr.gif) 0 66% no-repeat;}
 139
 140 #extra #blogroll h5 {padding-right: 95px;}
 141 #extra #blogroll ul {margin: 0.5em 1em 0 0;}
 142 #extra #xfn-btn {float: right; margin: -20px 1px 0 5px;}
 143
 144 #extra #excuse {text-align: center; padding: 0 0.25em 0.66em; margin:  2em 1em -2em 3em;
 145   border: 1px solid #CCC;}
 146 #extra #excuse h4 {display: inline; position: relative; top: -0.6em;
 147   border: 0; padding: 0 0.25em; margin: 0;
 148   background: #FFF; color: #666;
 149   text-transform: capitalize; font-size: 1em; font-weight: normal;}
 150 #extra #excuse p {margin: 0; padding: 0; color: #444;}
 151
 152 #extra #extras {padding: 1em 0.5em 1em; margin: 2em 1em 0 3em; width: 13em;
 153   color: #666; border: 1px solid #AAA; border-width: 1px 0;}
 154 #extra #extras h4 {display: none;}
 155 #extra #extras ul {margin: 0; text-align: center; list-style: none;}
 156 #extra #extras li {margin-left: 0.25em; display: inline;}
 157 #extra #extras a {margin-right: 0.25em;}
 158
 159 /* miscellaneous */
 160
 161 #footer {margin: 3em 18em 0 12em; padding: 0.5em 0 3.5em;
 162   border-top: 1px solid gray;
 163   text-align: center;
 164   color: gray; background: #FFF;}
 165 #footer a {color: #558;}
 166 #footer a:visited {color: #858;}
 167 #footer p {line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; }
 168
 169 #reading img {border: 1px solid silver;}
 170 #extra #reading img {margin: 0.5em;}
 171
 172 .book #main img.cover {float: right; margin: 1em 0 1em 2em;
 173   border: 1px solid; border-color: #AAA #444 #444 #AAA;}
 174
 175 /* Hack-o-rama! */
 176
 177 * html #navigate {padding-top: 0;}
 178
 179 /*\*//*/
 180 body #search {width: 20em;}
 181 /**/