Mercurial > eldonilo > blog

comparison theme.css @ 3:2e2a2154efbb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Use a better XHTML semantic and fix the theme a bit.
author Emmanuel Gil Peyrot <linkmauve@linkmauve.fr>
date Mon, 19 Sep 2011 01:46:42 -0700
parents eb5b6d3ab09b
children 7ab6b48122af
comparison
equal deleted inserted replaced
2:eb5b6d3ab09b 3:2e2a2154efbb
16 a { 16 a {
17 color: #999; 17 color: #999;
18 text-decoration: none; 18 text-decoration: none;
19 } 19 }
20 20
21 a:visited {
22 color: #bbb;
23 }
24
21 body > header { 25 body > header {
22 float: left;
23 line-height: 20px; 26 line-height: 20px;
24 margin: 0 auto; 27 margin: 0 auto;
25 min-height: 75px; 28 min-height: 75px;
26 overflow: auto; 29 overflow: auto;
27 padding-top: 20px; 30 padding-top: 20px;
31 border-bottom: 5px solid #F5F5F5;
28 } 32 }
29 33
30 body > header > h1 > a { 34 body > header > h1 > a {
31 font-size: 2em; 35 font-size: 2em;
32 font-weight: normal; 36 font-weight: normal;
36 body > header > p { 40 body > header > p {
37 margin-top: -16px; 41 margin-top: -16px;
38 color: #aaa; 42 color: #aaa;
39 } 43 }
40 44
41 body > nav { 45 body > header > nav {
42 line-height: 20px; 46 float: right;
43 padding: 20px 10px; 47 margin-top: -100px;
44 } 48 }
45 49
46 body > nav > ul { 50 body > header > nav > ul {
47 font-variant: small-caps; 51 font-variant: small-caps;
48 list-style: none outside none; 52 list-style: none outside none;
49 text-align: right; 53 text-align: right;
50 } 54 }
51 55
52 body > nav > ul > li { 56 body > header > nav > ul > li {
53 display: inline; 57 display: inline;
54 } 58 }
55 59
56 body > nav > ul > li > a { 60 body > header > nav > ul > li > a {
57 padding: 3px 0 3px 10px; 61 padding: 3px 0 3px 10px;
58 } 62 }
59 63
60 body > hr { 64 body > hr {
61 background-color: #F5F5F5; 65 background-color: #F5F5F5;
68 margin-top: 42px; 72 margin-top: 42px;
69 } 73 }
70 74
71 body > section:empty { 75 body > section:empty {
72 background-image: url(throbber.svg); 76 background-image: url(throbber.svg);
77 background-repeat: no-repeat;
78 background-position: center;
73 min-height: 400px; 79 min-height: 400px;
74 } 80 }
75 81
76 body > section > div > article { 82 body > section > div > article {
77 clear: right; 83 clear: right;
81 } 87 }
82 88
83 body > section > div > article > h2 { 89 body > section > div > article > h2 {
84 font-size: 1.5em; 90 font-size: 1.5em;
85 font-weight: normal; 91 font-weight: normal;
86 color: #999; 92 color: #777;
87 white-space: nowrap; 93 white-space: nowrap;
88 overflow: hidden; 94 overflow: hidden;
89 text-overflow: ellipsis; 95 text-overflow: ellipsis;
90 } 96 }
91 97
98 height: 64px; 104 height: 64px;
99 } 105 }
100 106
101 body > section > div > article > footer { 107 body > section > div > article > footer {
102 display: block; 108 display: block;
103 color: #999; 109 color: #777;
104 line-height: 1em; 110 line-height: 1em;
105 padding-bottom: 10px; 111 padding-bottom: 10px;
106 } 112 }
107 113
108 body > section > div > article > p { 114 body > section > div > article > p {
113 119
114 body > section > div > article > a { 120 body > section > div > article > a {
115 background: url(throbber.svg) no-repeat scroll left center transparent; 121 background: url(throbber.svg) no-repeat scroll left center transparent;
116 background-size: 16px 16px; 122 background-size: 16px 16px;
117 padding-left: 20px; 123 padding-left: 20px;
118 color: #aaa;
119 font-size: 1em; 124 font-size: 1em;
120 font-weight: bold; 125 font-weight: bold;
121 } 126 }
122 127
123 body > footer > p { 128 body > footer > p {