Line | |
---|
1 | /* -- BEGIN LICENSE BLOCK --------------------------------------- |
---|
2 | # This file is part of Ductile, a theme for Dotclear |
---|
3 | # |
---|
4 | # Copyright (c) 2011 - Association Dotclear |
---|
5 | # Licensed under the GPL version 2.0 license. |
---|
6 | # See LICENSE file or |
---|
7 | # http://www.gnu.org/licenses/old-licenses/gpl-2.0.html |
---|
8 | # |
---|
9 | # -- END LICENSE BLOCK ----------------------------------------- */ |
---|
10 | |
---|
11 | |
---|
12 | @charset "UTF-8"; |
---|
13 | /* special Internet Explorer, 8 and before */ |
---|
14 | |
---|
15 | .nobig { |
---|
16 | display: none; |
---|
17 | } |
---|
18 | #sn-bottom { |
---|
19 | display: none; |
---|
20 | } |
---|
21 | /* layout */ |
---|
22 | #wrapper { |
---|
23 | padding: 0 13%; |
---|
24 | } |
---|
25 | #stickers { |
---|
26 | padding-right: 13%; |
---|
27 | } |
---|
28 | #main { |
---|
29 | width : 100%; |
---|
30 | } |
---|
31 | #blognav, #blogextra { |
---|
32 | margin : 0; |
---|
33 | width: 48%; |
---|
34 | float:left; |
---|
35 | } |
---|
36 | |
---|
37 | /* header - prelude */ |
---|
38 | #prelude { |
---|
39 | position: absolute; |
---|
40 | margin: 0; |
---|
41 | top: 0; |
---|
42 | left: 3px; |
---|
43 | color: #fff; |
---|
44 | font-size: .875em; |
---|
45 | list-style-type: none; |
---|
46 | } |
---|
47 | #prelude li { |
---|
48 | display: inline; |
---|
49 | text-transform: none !important; |
---|
50 | } |
---|
51 | #prelude a, #prelude a:hover, #prelude a:visited { |
---|
52 | position:absolute; |
---|
53 | left:0; |
---|
54 | top:-500px; |
---|
55 | width:1px; |
---|
56 | height:1px; |
---|
57 | overflow:hidden; |
---|
58 | background-image: none !important; |
---|
59 | } |
---|
60 | #prelude a:active, #prelude a:focus { |
---|
61 | position:static; |
---|
62 | width:auto; |
---|
63 | height:auto; |
---|
64 | } |
---|
65 | /* header - top */ |
---|
66 | #top { |
---|
67 | padding-top: 24px; |
---|
68 | } |
---|
69 | #logo { |
---|
70 | float:left; |
---|
71 | margin:0 1.5em 0 1em; |
---|
72 | } |
---|
73 | #logo a { |
---|
74 | border: none; |
---|
75 | background: transparent; |
---|
76 | text-decoration: none; |
---|
77 | } |
---|
78 | h1 { |
---|
79 | font-size: 2em; |
---|
80 | padding-right: 240px; |
---|
81 | padding-bottom: 4px; |
---|
82 | margin-left: 32px; |
---|
83 | } |
---|
84 | /* header - menu */ |
---|
85 | .supranav { |
---|
86 | margin: 36px 0 0; |
---|
87 | border-bottom: 1px solid #ccc; |
---|
88 | } |
---|
89 | .supranav li { |
---|
90 | display: inline; |
---|
91 | padding: 8px 0; |
---|
92 | } |
---|
93 | .supranav li a { |
---|
94 | display: inline-block; |
---|
95 | padding: 8px 32px 8px 28px; |
---|
96 | border-right: 1px solid #ccc; |
---|
97 | min-height: 2.5em; |
---|
98 | } |
---|
99 | .supranav li a span { |
---|
100 | display: block; |
---|
101 | } |
---|
102 | /* post */ |
---|
103 | .post-title { |
---|
104 | font-size: 2.5em; |
---|
105 | font-weight: normal; |
---|
106 | } |
---|
107 | .post-title a { |
---|
108 | font-style: italic; |
---|
109 | font-weight: normal; |
---|
110 | } |
---|
111 | /* stickers */ |
---|
112 | #stickers { |
---|
113 | position: absolute; |
---|
114 | top: 0; |
---|
115 | right: 0; |
---|
116 | font-size: .75em; |
---|
117 | } |
---|
118 | #stickers li { |
---|
119 | display: block; |
---|
120 | float: left; |
---|
121 | text-align: center; |
---|
122 | width: 60px; |
---|
123 | padding: 0; |
---|
124 | } |
---|
125 | #stickers li span { |
---|
126 | display: block; |
---|
127 | text-align: center; |
---|
128 | } |
---|
129 | #stickers li a:hover, |
---|
130 | #stickers li a:active, |
---|
131 | #stickers li a:focus { |
---|
132 | background-color: #fff; |
---|
133 | } |
---|
134 | #stickers a:hover, #stickers a:focus { |
---|
135 | color: #666; |
---|
136 | background: #fff; |
---|
137 | } |
---|
138 | /* sidebar */ |
---|
139 | #blognav { |
---|
140 | margin-right: 4%; |
---|
141 | } |
---|
142 | #sidebar #blognav div:first-child { |
---|
143 | margin-top: 4.66em; |
---|
144 | } |
---|
145 | #sidebar div#search:first-child { |
---|
146 | background: none; |
---|
147 | margin-top: 0; |
---|
148 | margin-bottom: 2em; |
---|
149 | padding-bottom: 2px; |
---|
150 | font-size: 1em; |
---|
151 | border: 1px solid #ddd; |
---|
152 | border-top: none 0; |
---|
153 | } |
---|
154 | #sidebar div#search:first-child h2 { |
---|
155 | font-size: 1em; |
---|
156 | text-transform: uppercase; |
---|
157 | text-shadow: 0 1px 1px rgba(0,0,0,.2); |
---|
158 | vertical-align: top; |
---|
159 | color: #666; |
---|
160 | } |
---|
161 | #sidebar div#search:first-child p { |
---|
162 | margin: .33em 0; |
---|
163 | } |
---|
164 | /* special archive */ |
---|
165 | .dc-archive #content { |
---|
166 | margin: 0 17em 0 0; |
---|
167 | } |
---|
Note: See
TracBrowser
for help on using the repository browser.