source/blog/style.css

   1 body {
   2         font-family: sans-serif;
   3         font-size: small;
   4         width: 52em;
   5 }
   6
   7 a {
   8         text-decoration: none;
   9         color: #339;
  10 }
  11
  12 a:hover {
  13         text-decoration: none;
  14         color: blue;
  15 }
  16
  17 div.content {
  18         width: 96%;
  19 }
  20
  21 h1 {
  22         font-size: large;
  23         border-bottom: 2px solid #99F;
  24         width: 100%;
  25         margin-bottom: 1em;
  26 }
  27
  28 h2 {
  29         font-size: medium;
  30         font-weight: none;
  31         margin-bottom: 1pt;
  32         border-bottom: 1px solid #99C;
  33 }
  34
  35 h3 {
  36         font-size: small;
  37         font-weight: none;
  38         margin-bottom: 1pt;
  39         border-bottom: 1px solid #99C;
  40 }
  41
  42 h1 a, h2 a, h3 a {
  43         text-decoration: none;
  44         color: black;
  45 }
  46
  47 span.artinfo {
  48         font-size: xx-small;
  49 }
  50
  51 div.artbody {
  52         margin-left: 1em;
  53         width: 96%;
  54         text-align: justify;
  55 }
  56
  57 div.article {
  58         margin-bottom: 2em;
  59         clear: both;
  60 }
  61
  62 span.cominfo {
  63         font-size: xx-small;
  64 }
  65
  66 div.combody {
  67         margin-left: 2em;
  68         width: 94%;
  69         text-align: justify;
  70 }
  71
  72 div.comment {
  73         margin-left: 1em;
  74         margin-bottom: 1em;
  75 }
  76
  77 div.comforminner {
  78         margin-left: 2em;
  79 }
  80
  81 div.comform {
  82         margin-left: 1em;
  83         margin-bottom: 1em;
  84 }
  85
  86 div.comform label {
  87         display: block;
  88         border-bottom: 1px solid #99C;
  89         margin-top: 0.5em;
  90         clear: both;
  91 }
  92
  93 div.comform span.comformoptional {
  94         font-size: xx-small;
  95         color: #666;
  96 }
  97
  98 div.comform input {
  99         font-size: small;
 100         width: 99%;
 101 }
 102
 103 div.comformhelp {
 104         font-size: xx-small;
 105         text-align: right;
 106         float: right;
 107 }
 108
 109 span.formurlexample {
 110         color: #111;
 111         background-color: #EEF;
 112         font-family: monospace;
 113         padding-left: 0.2em;
 114         padding-right: 0.2em;
 115 }
 116
 117 textarea.comformbody {
 118         font-family: monospace;
 119         font-size: small;
 120         width: 99%;
 121         height: 15em;
 122 }
 123
 124 button.comformsend {
 125         margin-top: 0.5em;
 126 }
 127
 128 span.comformerror {
 129         color: #900;
 130         font-size: xx-small;
 131         margin-left: 0.5em;
 132 }
 133
 134 div.grooveshark {
 135         float: right;
 136         margin-left: 1em;
 137         margin-right: auto;
 138 }
 139
 140 hr {
 141         float: left;
 142         height: 2px;
 143         border: 0;
 144         background-color: #99F;
 145         width: 60%;
 146 }
 147
 148 div.footer {
 149         margin-top: 1em;
 150         padding-top: 0.4em;
 151         width: 100%;
 152         border-top: 2px solid #99F;
 153         font-size: x-small;
 154 }
 155
 156 /* Articles are enclosed in <div class="section"> */
 157 div.section h1, div.section h2 {
 158         font-size: small;
 159         margin-bottom: 1pt;
 160         border-bottom: 1px dotted #99C;
 161         width: 100%;
 162 }
 163
 164 div.section h2 {
 165         border-bottom: 1px dashed #99C;
 166 }
 167
 168
 169 /* Custom styles */
 170 /* note */
 171 div.note {
 172         color: #446;
 173         background-color: #F9F9FF;
 174         padding: 0.5em;
 175         border: 1px dashed #99C;
 176 }
 177
 178 div.note a {
 179         color: #66E;
 180 }
 181
 182 div.note a:hover {
 183         color: blue;
 184 }
 185
 186 div.note p.first {
 187         font-weight: bold;
 188         margin: 0em;
 189         margin-bottom: 0.3em;
 190 }
 191
 192 div.note p.last {
 193         font-size: smaller;
 194         margin: 0em;
 195         margin-left: 2em;
 196 }
 197
 198 /* warning */
 199 div.warning {
 200         color: #633;
 201         background-color: #FEE;
 202         padding: 0.5em;
 203         border: 1px dashed #C99;
 204 }
 205
 206 div.warning a {
 207         color: #E66;
 208 }
 209
 210 div.warning a:hover {
 211         color: red;
 212 }
 213
 214 div.warning p.first {
 215         font-weight: bold;
 216         margin: 0em;
 217         margin-bottom: 0.3em;
 218 }
 219
 220 div.warning p.last {
 221         font-size: smaller;
 222         margin: 0em;
 223         margin-left: 2em;
 224 }
 225
 226 /* admonition */
 227 div.admonition p.first {
 228         text-decoration: underline;
 229 }
 230
 231 /* mental note */
 232 div.admonition-mental-note {
 233         color: #565;
 234         background-color: #F3FFF3;
 235         padding: 0.5em;
 236         border: 1px dashed #99C;
 237 }
 238
 239 div.admonition-mental-note a {
 240         color: #66E;
 241 }
 242
 243 div.admonition-mental-note a:hover {
 244         color: blue;
 245 }
 246
 247 div.admonition-mental-note p.first {
 248         font-weight: bold;
 249         margin: 0em;
 250         margin-bottom: 0.3em;
 251 }
 252
 253 /* update */
 254 div.admonition-update {
 255         color: #565;
 256         background-color: #F3FFF3;
 257         padding: 0.5em;
 258         border: 1px dashed #99C;
 259 }
 260
 261 div.admonition-update a {
 262         color: #66E;
 263 }
 264
 265 div.admonition-update a:hover {
 266         color: blue;
 267 }
 268
 269 div.admonition-update p.first {
 270         font-weight: bold;
 271         margin: 0em;
 272         margin-bottom: 0.3em;
 273 }
 274
 275 img {
 276         margin: 1pt;
 277         border: none;
 278 }
 279
 280 img.center, img.align-center {
 281         display: block;
 282         margin-left: auto;
 283         margin-right: auto;
 284 }
 285
 286 .align-center {
 287         text-align: center;
 288 }
 289
 290 img.align-right {
 291         margin-left: 1em;
 292         margin-right: auto;
 293 }
 294
 295 img.pic {
 296         display: block;
 297         margin-left: auto;
 298         margin-right: auto;
 299         border: 8pt solid black;
 300         padding: 1px;
 301 }
 302
 303 div.figure {
 304         margin-bottom: 20pt;
 305         border-bottom: thin dotted #99F;
 306 }
 307
 308 p.caption {
 309         color: #336;
 310         font-weight: bold;
 311         text-align: center;
 312 }
 313
 314 div.legend {
 315         font-size: smaller;
 316         color: gray;
 317         text-align: center;
 318 }
 319
 320 blockquote {
 321         color: #445;
 322         font-family: serif;
 323         border-left: 0.2em solid #99C;
 324         padding-left: 0.5em;
 325         margin-left: 0.5em;
 326         margin-right: 2em;
 327 }
 328
 329 pre.literal-block {
 330         background-color: #EEE;
 331         padding: 0.5em;
 332         border: 1px solid #CCC;
 333         width: 80ex;
 334         font-size: larger;
 335         text-wrap: normal;
 336 }
 337
 338 dt {
 339         text-decoration: underline;
 340 }
 341
 342 div.center {
 343         text-align: center;
 344 }
 345
 346 table.docutils {
 347         margin: auto;
 348 }
 349
 350 th.head {
 351         text-align: center;
 352 }
 353
 354 table.footnote {
 355         font-size: smaller;
 356 }
 357
 358
 359 /* custom roles */
 360
 361 .del {
 362         text-decoration: line-through;
 363 }
 364