hgbook

diff web/styles.css @ 576:846a41c4fd46

Snapshot.
author Bryan O'Sullivan <bos@serpentine.com>
date Tue Mar 10 21:58:22 2009 -0700 (2009-03-10)
parents
children e0d9eb01e4c2
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/web/styles.css	Tue Mar 10 21:58:22 2009 -0700
     1.3 @@ -0,0 +1,292 @@
     1.4 +body {
     1.5 +  background: #f2f1f0;
     1.6 +  font-family: verdana,sans-serif;
     1.7 +}
     1.8 +
     1.9 +.navheader, .book, .preface, .chapter, .appendix, .bibliography, .navfooter, .basetemplate {
    1.10 +  width: 50em;
    1.11 +  margin-left: auto;
    1.12 +  margin-right: auto;
    1.13 +}
    1.14 +
    1.15 +a.commenttoggle:hover, a.commenttoggle:active {
    1.16 +  opacity: 0.7;
    1.17 +}
    1.18 +
    1.19 +a:hover, a:active {
    1.20 +  border-bottom: 1px solid #aaaaaa;
    1.21 +}
    1.22 +
    1.23 +.book, .preface, .chapter, .appendix, .bibliography, .basetemplate {
    1.24 +  background: white;
    1.25 +  padding: 2em;
    1.26 +}
    1.27 +
    1.28 +h1 {
    1.29 +  margin-top: 1.5em;
    1.30 +}
    1.31 +
    1.32 +span.beta {
    1.33 +  font-size: 80%;
    1.34 +  font-style: italic;
    1.35 +  opacity: 0.4;
    1.36 +}
    1.37 +
    1.38 +h2, h3 {
    1.39 +  margin-top: 2em;
    1.40 +}
    1.41 +
    1.42 +h1, h2, h3 {
    1.43 +  font-family: georgia,serif;
    1.44 +  font-weight: normal;
    1.45 +  margin-bottom: 0.5em;
    1.46 +}
    1.47 +
    1.48 +h1.booktitle {
    1.49 +  margin-bottom: 0px;
    1.50 +}
    1.51 +
    1.52 +h2.booktitle {
    1.53 +  text-align: center;
    1.54 +}
    1.55 +
    1.56 +h2.booktitle > a {
    1.57 +  color: black;
    1.58 +}
    1.59 +
    1.60 +div.authors {
    1.61 +  font-size: 80%;
    1.62 +  margin-bottom: 1em;
    1.63 +  padding-left: 0.25em;
    1.64 +}
    1.65 +
    1.66 +span.authors {
    1.67 +  font-size: 80%;
    1.68 +  opacity: 0.55;
    1.69 +  padding-left: 0.5em;
    1.70 +}
    1.71 +
    1.72 +div.note th, div.tip th, div.warning th {
    1.73 +  font-family: georgia,serif;
    1.74 +  font-weight: normal;
    1.75 +  font-size: 110%;
    1.76 +}
    1.77 +
    1.78 +div.navheader th, div.navfooter td {
    1.79 +  font-family: georgia,serif;
    1.80 +}
    1.81 +
    1.82 +div.navheader th {
    1.83 +  opacity: 0;
    1.84 +  font-size: 0;
    1.85 +}
    1.86 +
    1.87 +pre.screen {
    1.88 +  background-image: url(figs/shell.png);
    1.89 +}
    1.90 +
    1.91 +pre.programlisting {
    1.92 +  background-image: url(figs/source.png);
    1.93 +}
    1.94 +
    1.95 +pre.programlisting, pre.screen, p.remark {
    1.96 +  border-style: solid;
    1.97 +  border-width: 1px;
    1.98 +  font-size: medium;
    1.99 +  padding: 1em;
   1.100 +  background-repeat: no-repeat;
   1.101 +  background-position: 10px 10px;
   1.102 +  padding-left: 70px;
   1.103 +}
   1.104 +
   1.105 +strong.command, code, pre, span.type {
   1.106 +  font-family: monospace;
   1.107 +  font-weight: normal;
   1.108 +}
   1.109 +
   1.110 +strong.userinput > code {
   1.111 +  font-weight: bolder;
   1.112 +  color: #303030;
   1.113 +}
   1.114 +
   1.115 +div.toc > p {
   1.116 +  opacity: 0.35;
   1.117 +  font-family: georgia,serif;
   1.118 +  cursor: pointer;
   1.119 +}
   1.120 +
   1.121 +div.toc b {
   1.122 +  font-weight: normal;
   1.123 +  font-size: large;
   1.124 +}
   1.125 +
   1.126 +ul.booktoc {
   1.127 +  padding-left: 0px;
   1.128 +  list-style-type: none;
   1.129 +}
   1.130 +
   1.131 +.booktoc > li {
   1.132 +  padding: 0.5em;
   1.133 +}
   1.134 +
   1.135 +.chapinfo {
   1.136 +  float: right;
   1.137 +  color: #a0a0a0;
   1.138 +}
   1.139 +
   1.140 +.unpublished {
   1.141 +  color: #a0a0a0;
   1.142 +}
   1.143 +
   1.144 +.chapinfo img {
   1.145 +  vertical-align: -35%;
   1.146 +  border: 0px;
   1.147 +}
   1.148 +
   1.149 +.zebra_b {
   1.150 +  background: #f4f4f4;
   1.151 +}
   1.152 +
   1.153 +.book .titlepage {
   1.154 +  display: none;
   1.155 +}
   1.156 +
   1.157 +.chapter div.toc > dl {
   1.158 +  display: none;
   1.159 +}
   1.160 +
   1.161 +pre.programlisting, pre.screen, p.remark {
   1.162 +  overflow: hidden;
   1.163 +}
   1.164 +
   1.165 +p.remark {
   1.166 +  background-image: url(figs/remark.png);
   1.167 +}
   1.168 +
   1.169 +div.warning, p.remark {
   1.170 +  background-color: #FFEFE8;
   1.171 +  border-color: #e0a8a0;
   1.172 +}
   1.173 +
   1.174 +span.remark {
   1.175 +  font-style: normal;
   1.176 +  color: #707070;
   1.177 +}
   1.178 +
   1.179 +.screen {
   1.180 +  background: #e7ffc7 none repeat scroll 0% 50%;
   1.181 +  border-color: #94DA3A;
   1.182 +}
   1.183 +
   1.184 +.programlisting {
   1.185 +  background: #F0F4FF none repeat scroll 0% 50%;
   1.186 +  border-color: #B4BAEA;
   1.187 +}
   1.188 +
   1.189 +.prompt {
   1.190 +  color: #448844;
   1.191 +}
   1.192 +
   1.193 +div.note, div.tip {
   1.194 +  background: #ffffc9;
   1.195 +  border-color: #B4BAEA;
   1.196 +}
   1.197 +
   1.198 +div.note, div.warning, div.tip {
   1.199 +  border-style: solid;
   1.200 +  border-width: 1px;
   1.201 +  padding: 1em;
   1.202 +}
   1.203 +
   1.204 +.note .title {
   1.205 +  font-size: 90%;
   1.206 +}
   1.207 +
   1.208 +.comment {
   1.209 +  font-size: 80%;
   1.210 +}
   1.211 +
   1.212 +div.comment, div.new_comment {
   1.213 +  padding: 0.5em;
   1.214 +  margin: 0.5em;
   1.215 +  margin-left: 2em;
   1.216 +  border-style: solid;
   1.217 +  border-width: 1px;
   1.218 +  border-color: #aaaaff;
   1.219 +}
   1.220 +
   1.221 +div.comment {
   1.222 +  background: #eeeeff;
   1.223 +}
   1.224 +
   1.225 +div.new_comment {
   1.226 +  background: #d0d0ff;
   1.227 +}
   1.228 +
   1.229 +.commenttoggle {
   1.230 +  opacity: 0.35;
   1.231 +}
   1.232 +
   1.233 +.comment_help {
   1.234 +  font-size: 80%;
   1.235 +}
   1.236 +
   1.237 +.comment_header {
   1.238 +  opacity: 0.75;
   1.239 +}
   1.240 +
   1.241 +.comment_id {
   1.242 +  float: right;
   1.243 +  opacity: 0.3;
   1.244 +  font-size: 60%;
   1.245 +}
   1.246 +
   1.247 +.comment_name {
   1.248 +  font-weight: bolder;
   1.249 +}
   1.250 +
   1.251 +.comment_reviewed {
   1.252 +  color: darkgreen;
   1.253 +  margin-left: 1em;
   1.254 +  font-style: italic;
   1.255 +}
   1.256 +
   1.257 +.comment_date {
   1.258 +  opacity: 0.75;
   1.259 +}
   1.260 +
   1.261 +.comment_thanks {
   1.262 +  color: darkblue;
   1.263 +  margin-left: 1em;
   1.264 +  font-style: italic;
   1.265 +  font-weight: bolder;
   1.266 +}
   1.267 +
   1.268 +.comment_error {
   1.269 +  padding-left: 1em;
   1.270 +  font-weight: bolder;
   1.271 +  font-size: 80%;
   1.272 +  color: darkred;
   1.273 +}
   1.274 +
   1.275 +.rwhfooter {
   1.276 +  width: 60em;
   1.277 +  margin-left: auto;
   1.278 +  margin-right: auto;
   1.279 +  margin-top: 2em;
   1.280 +  margin-bottom: 2em;
   1.281 +  font-size: 80%;
   1.282 +  color: #727272;
   1.283 +}
   1.284 +
   1.285 +.rwhfooter a {
   1.286 +  color: #5555ff;
   1.287 +}
   1.288 +
   1.289 +.rwhfooter a:visited {
   1.290 +  opacity: 0.7;
   1.291 +}
   1.292 +
   1.293 +.rwhfooter img {
   1.294 +  vertical-align: -45%;
   1.295 +}