tmonochrome.css - monochromatic - monochromatic blog: http://blog.z3bra.org
HTML git clone git://z3bra.org/monochromatic
DIR Log
DIR Files
DIR Refs
---
tmonochrome.css (1145B)
---
1 body {
2 width:90%;
3 max-width:720px;
4 margin:auto;
5 }
6
7 h1:hover { color: #755; }
8 a:hover { color: #755; }
9
10 article h1, a {
11 border-bottom: 1px dotted grey;
12 }
13
14 a {
15 color: #333;
16 text-decoration: none;
17 font-style: italic;
18 }
19
20 pre {
21 border: 1px dotted grey;
22 padding: 2px;
23 overflow-x: auto;
24 overflow-y: hidden;
25 }
26
27 blockquote, q {
28 color: #666;
29 font-style: italic;
30 }
31
32 blockquote {
33 border-left: 8px solid grey;
34 padding-left: 8px;
35 margin-left: -8px;
36 }
37
38 video, img {
39 display: block;
40 width: 100%;
41 }
42
43 /* article date is a <p> tag following <h1> */
44 h1 + p {
45 color: #666;
46 font-style: italic;
47 text-align: right;
48 }
49
50 /* image captions are <em> tags following <img> or <video> */
51 video + em, img + em {
52 display: block;
53 margin: auto;
54 text-align: center;
55 }
56
57 header {
58 text-align: center;
59 }
60 header h1, header p {
61 display: inline-block;
62 padding: 0 4px;
63 }
64 header h1 a {
65 color: #fff;
66 font-style: normal;
67 border: none;
68 text-shadow: 0px 0px 8px black;
69 }
70 header h1 a:hover {
71 color: #fff;
72 text-shadow: 0px 0px 8px #755;
73 }
74
75 footer {
76 text-align: center;
77 margin: auto;
78 width: 70%;
79 max-width: 720px;
80 border-top:1px solid #aaa;
81 padding: 10px;
82 }