Mercurial > eldonilo > blog

comparison theme.css @ 0:f62b5c395a48

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Initial commit.
author Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
date Sat, 04 Jun 2011 05:02:47 +0200
parents
children 82905edac9d8
comparison
equal deleted inserted replaced
-1:000000000000 0:f62b5c395a48
1 body {
2 font-family: sans-serif;
3 -moz-box-shadow: 0px 0px 20px #e5e5e5;
4 box-shadow: 0px 0px 20px #e5e5e5;
5 width: 540px;
6 margin: 56px auto;
7 padding: 32px 64px 64px;
8 font-size: 0.76em;
9 line-height: 1.5em;
10 }
11
12 *[hidden] {
13 display: none;
14 }
15
16 a {
17 color: #999;
18 text-decoration: none;
19 }
20
21 body > header {
22 float: left;
23 line-height: 20px;
24 margin: 0 auto;
25 min-height: 75px;
26 overflow: auto;
27 padding-top: 20px;
28 }
29
30 body > header > h1 > a {
31 font-size: 2em;
32 font-weight: normal;
33 font-family: serif;
34 }
35
36 body > header > p {
37 margin-top: -16px;
38 color: #aaa;
39 }
40
41 body > nav {
42 line-height: 20px;
43 padding: 20px 10px;
44 }
45
46 body > nav > ul {
47 font-variant: small-caps;
48 list-style: none outside none;
49 text-align: right;
50 }
51
52 body > nav > ul > li {
53 display: inline;
54 }
55
56 body > nav > ul > li > a {
57 padding: 3px 0 3px 10px;
58 }
59
60 body > hr {
61 background-color: #F5F5F5;
62 clear: both;
63 height: 5px;
64 border: none;
65 }
66
67 body > section {
68 margin-top: 42px;
69 }
70
71 body > section:empty {
72 background-image: url(throbber.svg);
73 min-height: 400px;
74 }
75
76 body > section > div > article {
77 clear: right;
78 margin: 1.5em 0;
79 border-bottom: 1px dotted #ccc;
80 min-height: 64px;
81 }
82
83 body > section > div > article > h2 {
84 font-size: 1.5em;
85 font-weight: normal;
86 color: #999;
87 white-space: nowrap;
88 overflow: hidden;
89 }
90
91 body > section > div > article > aside {
92 float: right;
93 }
94
95 body > section > div > article > aside > img {
96 width: 64px;
97 height: 64px;
98 }
99
100 body > section > div > article > footer {
101 display: block;
102 color: #999;
103 line-height: 1em;
104 padding-bottom: 10px;
105 }
106
107 body > section > div > article > p {
108 font-size: 16px;
109 line-height: 140%;
110 padding: 10px 5px 30px;
111 }
112
113 body > section > div > article > a {
114 background: url(throbber.svg) no-repeat scroll left center transparent;
115 background-size: 16px 16px;
116 padding-left: 20px;
117 color: #aaa;
118 font-size: 1em;
119 font-weight: bold;
120 }
121
122 body > footer > p {
123 float: left;
124 }
125
126 body > footer > p + p {
127 float: right;
128 }