hgbook

annotate web/support/styles/styles.css @ 1013:44946b10a4b3

merge with André Sintzoff
author Romain PELISSE <belaran@gmail.com>
date Tue Nov 24 11:44:49 2009 +0100 (2009-11-24)
parents a9e6eca8bfc5
children
rev   line source
bos@576 1 body {
dukebody@897 2 background: #F2F1F0;
bos@576 3 font-family: verdana,sans-serif;
bos@576 4 }
bos@576 5
bos@576 6 .navheader, .book, .preface, .chapter, .appendix, .bibliography, .navfooter, .basetemplate {
bos@576 7 width: 50em;
bos@576 8 margin-left: auto;
bos@576 9 margin-right: auto;
bos@576 10 }
bos@576 11
bos@576 12 a.commenttoggle:hover, a.commenttoggle:active {
bos@576 13 opacity: 0.7;
bos@576 14 }
bos@576 15
bos@576 16 .book, .preface, .chapter, .appendix, .bibliography, .basetemplate {
bos@576 17 background: white;
bos@576 18 padding: 2em;
bos@576 19 }
bos@576 20
bos@576 21 h1 {
bos@576 22 margin-top: 1.5em;
bos@576 23 }
bos@576 24
bos@576 25 span.beta {
bos@576 26 font-size: 80%;
bos@576 27 font-style: italic;
bos@576 28 opacity: 0.4;
bos@576 29 }
bos@576 30
bos@576 31 h2, h3 {
bos@576 32 margin-top: 2em;
bos@576 33 }
bos@576 34
bos@576 35 h1, h2, h3 {
bos@576 36 font-family: georgia,serif;
bos@576 37 font-weight: normal;
bos@576 38 margin-bottom: 0.5em;
bos@576 39 }
bos@576 40
bos@576 41 h1.booktitle {
bos@576 42 margin-bottom: 0px;
bos@576 43 }
bos@576 44
bos@576 45 h2.booktitle {
bos@576 46 text-align: center;
bos@576 47 }
bos@576 48
bos@576 49 h2.booktitle > a {
bos@576 50 color: black;
bos@576 51 }
bos@576 52
dukebody@898 53 .authors {
bos@576 54 font-size: 80%;
bos@576 55 opacity: 0.55;
bos@576 56 padding-left: 0.5em;
bos@576 57 }
bos@576 58
bos@576 59 div.note th, div.tip th, div.warning th {
bos@576 60 font-family: georgia,serif;
bos@576 61 font-weight: normal;
bos@576 62 font-size: 110%;
bos@576 63 }
bos@576 64
bos@576 65 div.navheader th, div.navfooter td {
bos@576 66 font-family: georgia,serif;
bos@576 67 }
bos@576 68
bos@576 69 div.navheader th {
bos@576 70 opacity: 0;
bos@576 71 font-size: 0;
bos@576 72 }
bos@576 73
bos@576 74 pre.screen {
dukebody@916 75 background-image: url(/support/icons/shell.png);
bos@576 76 }
bos@576 77
bos@576 78 pre.programlisting {
dukebody@916 79 background-image: url(/support/icons/source.png);
bos@576 80 }
bos@576 81
bos@576 82 pre.programlisting, pre.screen, p.remark {
bos@576 83 border-style: solid;
bos@576 84 border-width: 1px;
bos@576 85 font-size: medium;
bos@576 86 padding: 1em;
bos@576 87 background-repeat: no-repeat;
bos@576 88 background-position: 10px 10px;
bos@576 89 padding-left: 70px;
bos@576 90 }
bos@576 91
bos@576 92 strong.command, code, pre, span.type {
bos@576 93 font-family: monospace;
bos@576 94 font-weight: normal;
bos@576 95 }
bos@576 96
bos@576 97 strong.userinput > code {
bos@576 98 font-weight: bolder;
bos@576 99 color: #303030;
bos@576 100 }
bos@576 101
bos@576 102 div.toc > p {
bos@576 103 opacity: 0.35;
bos@576 104 font-family: georgia,serif;
bos@576 105 cursor: pointer;
bos@576 106 }
bos@576 107
bos@576 108 div.toc b {
bos@576 109 font-weight: normal;
bos@576 110 font-size: large;
bos@576 111 }
bos@576 112
bos@576 113 ul.booktoc {
bos@576 114 padding-left: 0px;
bos@576 115 list-style-type: none;
bos@576 116 }
bos@576 117
bos@576 118 .booktoc > li {
bos@576 119 padding: 0.5em;
bos@576 120 }
bos@576 121
bos@576 122 .chapinfo {
bos@576 123 float: right;
bos@576 124 color: #a0a0a0;
bos@576 125 }
bos@576 126
bos@576 127 .unpublished {
bos@576 128 color: #a0a0a0;
bos@576 129 }
bos@576 130
bos@576 131 .chapinfo img {
bos@576 132 vertical-align: -35%;
bos@576 133 border: 0px;
bos@576 134 }
bos@576 135
bos@576 136 .zebra_b {
bos@576 137 background: #f4f4f4;
bos@576 138 }
bos@576 139
bos@576 140 .book .titlepage {
bos@576 141 display: none;
bos@576 142 }
bos@576 143
bos@576 144 .chapter div.toc > dl {
bos@576 145 display: none;
bos@576 146 }
bos@576 147
bos@576 148 pre.programlisting, pre.screen, p.remark {
bos@576 149 overflow: hidden;
bos@576 150 }
bos@576 151
bos@576 152 p.remark {
dukebody@916 153 background-image: url(/support/icons/remark.png);
bos@576 154 }
bos@576 155
bos@576 156 div.warning, p.remark {
bos@576 157 background-color: #FFEFE8;
bos@576 158 border-color: #e0a8a0;
bos@576 159 }
bos@576 160
bos@576 161 span.remark {
bos@576 162 font-style: normal;
bos@576 163 color: #707070;
bos@576 164 }
bos@576 165
bos@576 166 .screen {
bos@576 167 background: #e7ffc7 none repeat scroll 0% 50%;
bos@576 168 border-color: #94DA3A;
bos@576 169 }
bos@576 170
bos@576 171 .programlisting {
bos@576 172 background: #F0F4FF none repeat scroll 0% 50%;
bos@576 173 border-color: #B4BAEA;
bos@576 174 }
bos@576 175
bos@576 176 .prompt {
bos@576 177 color: #448844;
bos@576 178 }
bos@576 179
bos@576 180 div.note, div.tip {
bos@576 181 background: #ffffc9;
bos@576 182 border-color: #B4BAEA;
bos@576 183 }
bos@576 184
bos@576 185 div.note, div.warning, div.tip {
bos@576 186 border-style: solid;
bos@576 187 border-width: 1px;
bos@576 188 padding: 1em;
bos@576 189 }
bos@576 190
bos@576 191 .note .title {
bos@576 192 font-size: 90%;
bos@576 193 }
bos@576 194
bos@576 195 .comment {
bos@576 196 font-size: 80%;
bos@576 197 }
bos@576 198
bos@576 199 div.comment, div.new_comment {
bos@576 200 padding: 0.5em;
bos@576 201 margin: 0.5em;
bos@576 202 margin-left: 2em;
bos@576 203 border-style: solid;
bos@576 204 border-width: 1px;
bos@576 205 border-color: #aaaaff;
bos@576 206 }
bos@576 207
bos@576 208 div.comment {
bos@576 209 background: #eeeeff;
bos@576 210 }
bos@576 211
bos@576 212 div.new_comment {
bos@576 213 background: #d0d0ff;
bos@576 214 }
bos@576 215
bos@576 216 .commenttoggle {
bos@576 217 opacity: 0.35;
bos@576 218 }
bos@576 219
bos@576 220 .comment_help {
bos@576 221 font-size: 80%;
bos@576 222 }
bos@576 223
bos@576 224 .comment_header {
bos@576 225 opacity: 0.75;
bos@576 226 }
bos@576 227
bos@576 228 .comment_id {
bos@576 229 float: right;
bos@576 230 opacity: 0.3;
bos@576 231 font-size: 60%;
bos@576 232 }
bos@576 233
bos@576 234 .comment_name {
bos@576 235 font-weight: bolder;
bos@576 236 }
bos@576 237
bos@576 238 .comment_reviewed {
bos@576 239 color: darkgreen;
bos@576 240 margin-left: 1em;
bos@576 241 font-style: italic;
bos@576 242 }
bos@576 243
bos@576 244 .comment_date {
bos@576 245 opacity: 0.75;
bos@576 246 }
bos@576 247
bos@576 248 .comment_thanks {
bos@576 249 color: darkblue;
bos@576 250 margin-left: 1em;
bos@576 251 font-style: italic;
bos@576 252 font-weight: bolder;
bos@576 253 }
bos@576 254
bos@576 255 .comment_error {
bos@576 256 padding-left: 1em;
bos@576 257 font-weight: bolder;
bos@576 258 font-size: 80%;
bos@576 259 color: darkred;
bos@576 260 }
bos@576 261
dukebody@914 262 .hgbookfooter {
bos@576 263 width: 60em;
bos@576 264 margin-left: auto;
bos@576 265 margin-right: auto;
bos@576 266 margin-top: 2em;
dukebody@914 267 padding: 2em;
bos@576 268 margin-bottom: 2em;
bos@576 269 font-size: 80%;
bos@576 270 color: #727272;
dukebody@914 271 border-top: 1px solid grey;
dukebody@914 272 }
dukebody@914 273
dukebody@914 274 .hgbookfooter a {
bos@576 275 color: #5555ff;
bos@576 276 }
bos@576 277
dukebody@914 278 .hgbookfooter a:visited {
bos@576 279 opacity: 0.7;
bos@576 280 }
bos@576 281
dukebody@914 282 .hgbookfooter img {
bos@576 283 vertical-align: -45%;
bos@576 284 }
dukebody@909 285
dukebody@909 286 table.equation a.commenttoggle {
dukebody@909 287 text-align: right;
dukebody@909 288 display: block;
dukebody@909 289 }
dukebody@910 290
dukebody@912 291 div.comment, div.new_comment, form.comment {
dukebody@910 292 text-align: left;
dukebody@910 293 }