comparison: example/src/style/default.css
example/src/style/default.css
- changeset 10
- 118ab361da29
- child 14
- bbf5bbd72f48
equal
deleted
inserted
replaced
| 9:751216807683 | 10:118ab361da29 |
|---|---|
| 1 | |
| 2 body { | |
| 3 font-family: Optima, Linux Biolinum, Candara, sans-serif; | |
| 4 #font-weight: 300; | |
| 5 background: #ffffff; | |
| 6 color: #000000; | |
| 7 margin: 10px 40px 40px 40px; | |
| 8 max-width: 80ex; | |
| 9 text-align: left; | |
| 10 } | |
| 11 | |
| 12 | |
| 13 a { color: #3399ee; text-decoration: none; } | |
| 14 a:link { color: #3399ee; } | |
| 15 a:visited { color: #2288dd; } | |
| 16 a:active { color: #2288dd; } | |
| 17 a:hover { color: #2288dd; } | |
| 18 | |
| 19 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .header a | |
| 20 { text-decoration: none; } | |
| 21 | |
| 22 | |
| 23 h1 { | |
| 24 margin: 1em 0em; | |
| 25 /*color: #45a9b0;*/ | |
| 26 border-bottom: 1px solid #000000; | |
| 27 font-weight: bolder; | |
| 28 color: #000000; | |
| 29 font-size: xx-large; | |
| 30 /*font-variant: small-caps;*/ | |
| 31 text-align: left; | |
| 32 } | |
| 33 | |
| 34 h2, .inlinepage h1 { | |
| 35 /*color: #84c7c0;*/ | |
| 36 color: #3399ee; | |
| 37 margin-bottom: 1em; | |
| 38 margin-top: 1.5em; | |
| 39 padding: 0; | |
| 40 /*text-transform: uppercase;*/ | |
| 41 font-size: large; | |
| 42 font-variant: normal; | |
| 43 font-weight: bolder; | |
| 44 } | |
| 45 | |
| 46 h3, h4, h5, h6 { | |
| 47 margin-top: 1em; | |
| 48 margin-bottom: 0.05em; | |
| 49 font-size: medium; | |
| 50 color: #ffffff; | |
| 51 } | |
| 52 | |
| 53 blockquote { | |
| 54 /*font-style: italic;*/ | |
| 55 padding: 0 1ex; | |
| 56 border-left: 1px solid #3399ee; | |
| 57 } | |
| 58 | |
| 59 blockquote p { | |
| 60 margin: 0.9ex 0; | |
| 61 } | |
| 62 | |
| 63 blockquote em { | |
| 64 font-style: normal; | |
| 65 } | |
| 66 | |
| 67 pre { | |
| 68 /*background-color: #a0a0a0;*/ | |
| 69 padding: 0 1ex; | |
| 70 border-left: 2px dashed #3399ee; | |
| 71 } | |
| 72 | |
| 73 /*p.note { | |
| 74 font-size: small; | |
| 75 }*/ | |
| 76 | |
| 77 hr { | |
| 78 border: none 0; | |
| 79 border-top: 2px dashed #84c7c0; | |
| 80 height: 1px; | |
| 81 width: 10ex; | |
| 82 margin: 1ex auto 1ex 0; | |
| 83 } | |
| 84 | |
| 85 table { | |
| 86 /*border: none 0;*/ | |
| 87 border-collapse: collapse; | |
| 88 padding: 0.5ex; | |
| 89 } | |
| 90 | |
| 91 thead { | |
| 92 border-bottom: 2px dashed #84c7c0; | |
| 93 } | |
| 94 | |
| 95 tr, td { | |
| 96 border: 0px solid #aaaac0; | |
| 97 padding: 0ex 1ex; | |
| 98 } | |
| 99 | |
| 100 table[border="1"] tr, table[border="1"] tr td { | |
| 101 border: 1px solid #aaaac0; | |
| 102 } | |
| 103 | |
| 104 /*.note { | |
| 105 font-size: small; | |
| 106 }*/ | |
| 107 | |
| 108 | |
| 109 key { | |
| 110 font-family: monospace; | |
| 111 } | |
| 112 | |
| 113 code { | |
| 114 font-family: monospace; | |
| 115 font-size: medium; | |
| 116 } | |
| 117 | |
| 118 li { | |
| 119 margin-top: 1em; | |
| 120 } | |
| 121 | |
| 122 .illustr-left { | |
| 123 float: left; | |
| 124 padding-right: 1ex; | |
| 125 padding-bottom: 1ex; | |
| 126 padding-top: 1ex; | |
| 127 } | |
| 128 | |
| 129 .illustr-right { | |
| 130 float: right; | |
| 131 padding-left: 1ex; | |
| 132 padding-bottom: 1ex; | |
| 133 padding-top: 1ex; | |
| 134 } | |
| 135 | |
| 136 b{ | |
| 137 font-weight: bolder; | |
| 138 } | |
| 139 | |
| 140 .bibtex2html td { | |
| 141 padding-bottom: 5px ; | |
| 142 } | |
| 143 | |
| 144 .bibtex2html .bibtexitem .me { | |
| 145 font-style: normal; | |
| 146 } | |
| 147 | |
| 148 .bibtex2html .bibtexitem .author { | |
| 149 font-style: normal; | |
| 150 font-variant: small-caps; | |
| 151 } | |
| 152 | |
| 153 img.copy-cc { | |
| 154 height: 1em; | |
| 155 margin: 1pt; | |
| 156 padding-right: 1pt; | |
| 157 margin-top: 4pt; | |
| 158 padding-top: 2pt; | |
| 159 } | |
| 160 | |
| 161 /* main */ | |
| 162 | |
| 163 body { | |
| 164 margin: 0; | |
| 165 padding: 0; | |
| 166 max-width: none; | |
| 167 background-image: url('banner2x.jpg'); | |
| 168 background-repeat: no-repeat; | |
| 169 background-size: 100%; | |
| 170 } | |
| 171 | |
| 172 body> .header { | |
| 173 margin: 0px; | |
| 174 margin-left: 60px; | |
| 175 padding: 120px 0px 20px 0px; | |
| 176 font-size: large; | |
| 177 font-weight: bolder; | |
| 178 line-height: 1em; | |
| 179 display: block; | |
| 180 /*height: 130px;*/ | |
| 181 } | |
| 182 | |
| 183 body> .header a, | |
| 184 body> .header a:link, | |
| 185 body> .header a:visited, | |
| 186 body> .header a:active, | |
| 187 body> .header a:hover { | |
| 188 /*color: #3377ee;*/ | |
| 189 color: #000000; | |
| 190 text-decoration: none; | |
| 191 } | |
| 192 | |
| 193 | |
| 194 #content { | |
| 195 margin: 0; /*1em 40px 10px 40px;*/ | |
| 196 padding: 0; | |
| 197 margin-left: 36ex; | |
| 198 max-width: 80ex; | |
| 199 text-align: left; | |
| 200 display: block; | |
| 201 } | |
| 202 | |
| 203 #sidebar { | |
| 204 line-height: 3ex; | |
| 205 float: left; | |
| 206 margin: 0; | |
| 207 padding: 4ex 0px; | |
| 208 margin-left: 11ex; | |
| 209 padding-top: 2ex; | |
| 210 line-height: 150%; | |
| 211 } | |
| 212 | |
| 213 .sidetitle { | |
| 214 color: #000000; | |
| 215 margin-top: 3ex; | |
| 216 font-weight: bolder; | |
| 217 /*margin-left: -1.5ex;*/ | |
| 218 } | |
| 219 | |
| 220 .extra { | |
| 221 color: #ffffff !important; | |
| 222 display: inline; | |
| 223 } | |
| 224 | |
| 225 .extra a { | |
| 226 color: #ffffff !important; | |
| 227 } | |
| 228 | |
| 229 #sidebar a { | |
| 230 text-decoration: none; | |
| 231 font-weight: bolder; | |
| 232 color: #3388ee; | |
| 233 } | |
| 234 | |
| 235 #sidebar ul { | |
| 236 list-style-type: none; | |
| 237 } | |
| 238 | |
| 239 #sidebar LI { | |
| 240 display: block; | |
| 241 } | |
| 242 | |
| 243 .side { | |
| 244 padding-left: 1.5ex; | |
| 245 text-align: left; | |
| 246 font-size: medium; /* feed to compliant browsers */ | |
| 247 } | |
| 248 | |
| 249 | |
| 250 @media only screen and (max-device-width: 480px) { | |
| 251 | |
| 252 body> .header { | |
| 253 padding: 0px; | |
| 254 } | |
| 255 | |
| 256 .sidetitle { | |
| 257 font-size: x-large; | |
| 258 } | |
| 259 | |
| 260 .side { | |
| 261 padding-left: 1.5ex; | |
| 262 padding-top: 2ex; | |
| 263 text-align: left; | |
| 264 font-size: x-large; /* feed to compliant browsers */ | |
| 265 line-height: 300%; | |
| 266 } | |
| 267 | |
| 268 #sidebar { | |
| 269 margin: 1ex 2ex; | |
| 270 padding: 0ex 2ex; | |
| 271 float: none; | |
| 272 } | |
| 273 | |
| 274 #content { | |
| 275 margin: 1ex 2ex; | |
| 276 padding: 0ex 2ex; | |
| 277 max-width: none; | |
| 278 display: block; | |
| 279 } | |
| 280 } | |
| 281 | |
| 282 | |
| 283 .inlinepage { | |
| 284 padding: 0px 0px; | |
| 285 border: none; | |
| 286 /*border-top: 1px solid #aaaac0;*/ | |
| 287 padding-top: 2ex; | |
| 288 margin-top: 2ex; | |
| 289 margin-bottom: 4ex; | |
| 290 } | |
| 291 | |
| 292 .inlinepage .header { | |
| 293 color: red; | |
| 294 font-size: large; | |
| 295 font-weight: bolder; | |
| 296 text-transform: uppercase; | |
| 297 } | |
| 298 | |
| 299 .posted-header { | |
| 300 color: #000; | |
| 301 margin-bottom: 10x; | |
| 302 text-align: left; | |
| 303 line-height: 1.7em; | |
| 304 font-weight: bolder; | |
| 305 /*font-size: small;*/ /* for compliant browsers */ | |
| 306 border-bottom: 1px solid #000000; | |
| 307 } | |
| 308 | |
| 309 .posted { | |
| 310 } | |
| 311 | |
| 312 body> #footer .tags { | |
| 313 margin: 1em 0ex; | |
| 314 } | |
| 315 | |
| 316 body> #footer #backlinks { | |
| 317 margin: 1em 0ex; | |
| 318 } | |
| 319 | |
| 320 body> #footer .pageinfo { | |
| 321 margin: 1em 0ex; | |
| 322 } | |
| 323 | |
| 324 body> #footer { | |
| 325 padding: 4ex 0ex; | |
| 326 margin: 1em 0ex; | |
| 327 clear: both; | |
| 328 } | |
| 329 | |
| 330 .pageinfo { | |
| 331 clear: both; | |
| 332 font-style: italic; | |
| 333 display: block; | |
| 334 } | |
| 335 | |
| 336 /* Orange feed button. */ | |
| 337 .feedbutton { | |
| 338 background: #ff6600; | |
| 339 color: white !important; | |
| 340 border-left: 1px solid #cc9966; | |
| 341 border-top: 1px solid #ccaa99; | |
| 342 border-right: 1px solid #993300; | |
| 343 border-bottom: 1px solid #331100; | |
| 344 padding: 0px 0.5em 0px 0.5em; | |
| 345 font-weight: bolder; | |
| 346 /*font-size: small;*/ | |
| 347 text-decoration: none; | |
| 348 margin-top: 1em; | |
| 349 } | |
| 350 .feedbutton:hover { | |
| 351 color: white !important; | |
| 352 background: #ff9900; | |
| 353 } | |
| 354 |
