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