Mercurial > pidgin-twitter-web
comparison default.css @ 0:c431c84afae5
initial import
author | Yoshiki Yazawa <yaz@honeyplanet.jp> |
---|---|
date | Mon, 28 Jul 2008 04:33:28 +0900 |
parents | |
children | 4e7b40140f58 |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:c431c84afae5 |
---|---|
1 /*############################################################# | |
2 Name: Transparentia | |
3 Date: 2006-08-20 | |
4 Description: Simple, lightweight and slightly blue. | |
5 Author: Viktor Persson | |
6 URL: http://templates.arcsin.se | |
7 | |
8 Feel free to use and modify but please provide credits. | |
9 | |
10 Modified by @mojin | |
11 #############################################################*/ | |
12 | |
13 /* standard elements */ | |
14 * { | |
15 margin: 0; | |
16 padding: 0; | |
17 } | |
18 | |
19 a { | |
20 color: #149; | |
21 } | |
22 | |
23 a:hover { | |
24 color: #04C; | |
25 } | |
26 | |
27 body { | |
28 background: #EEE url(img/bg.gif); | |
29 color: #444; | |
30 font: normal 100% "Lucida Sans Unicode",sans-serif; | |
31 margin: 0; | |
32 } | |
33 | |
34 input { | |
35 color: #555; | |
36 font: normal 1.1em "Lucida Sans Unicode",sans-serif; | |
37 } | |
38 | |
39 p { | |
40 font-size: medium; | |
41 } | |
42 | |
43 cite,code,ul { | |
44 font-size: 1.2em; | |
45 padding-bottom: 1.2em; | |
46 } | |
47 | |
48 h1 { | |
49 font-size: 1.4em; | |
50 margin-bottom: 4px; | |
51 } | |
52 | |
53 h2 { | |
54 font-size: 1.2em; | |
55 } | |
56 | |
57 code { | |
58 background: url(img/bgcode.gif); | |
59 border: 1px solid #F0F0F0; | |
60 border-left: 6px solid #39F; | |
61 color: #555; | |
62 display: block; | |
63 font: normal 1.1em "Lucida Sans Unicode",serif; | |
64 margin-bottom: 12px; | |
65 padding: 8px 10px; | |
66 white-space: pre; | |
67 } | |
68 | |
69 cite { | |
70 background: url(img/quote.gif) no-repeat; | |
71 color: #666; | |
72 display: block; | |
73 font: normal 1.3em "Lucida Sans Unicode",serif; | |
74 padding-left: 28px; | |
75 } | |
76 | |
77 h1,h2,h3 { | |
78 color: #367EA6; | |
79 padding-top: 6px; | |
80 } | |
81 | |
82 /* misc */ | |
83 .clearer { | |
84 clear: both; | |
85 } | |
86 | |
87 /* structure */ | |
88 .container { | |
89 background: url(img/bgcontainer.gif) repeat-y; | |
90 margin: 0 auto; | |
91 padding-bottom: 6px; | |
92 width: 767px; | |
93 } | |
94 | |
95 .header { | |
96 background: url(img/header.gif) repeat-x; | |
97 } | |
98 | |
99 /* title */ | |
100 .title h1 { | |
101 color: #FFF; | |
102 font: normal 2em Verdana,sans-serif; | |
103 height: 150px; | |
104 line-height: 150px; | |
105 margin-bottom: 8px; | |
106 text-align: center; | |
107 } | |
108 | |
109 /* navigation */ | |
110 .navigation { | |
111 margin-bottom: 4px; | |
112 } | |
113 | |
114 .navigation a { | |
115 background-color: #4A91C3; | |
116 color: #FFF; | |
117 float: left; | |
118 font: bold 1.2em "Trebuchet MS",sans-serif; | |
119 padding: 8px 0; | |
120 width: 19%; | |
121 border-right: 1px solid #FFF; | |
122 text-align: center; | |
123 text-decoration: none; | |
124 } | |
125 | |
126 .navigation a:hover { | |
127 background-color: #000; | |
128 color: #FFF; | |
129 } | |
130 | |
131 /* main */ | |
132 .main { | |
133 clear: both; | |
134 padding: 8px 18px; | |
135 } | |
136 | |
137 /* main left */ | |
138 .sidenav h1,.sidenav ul { | |
139 padding-left: 12px; | |
140 } | |
141 | |
142 .sidenav { | |
143 background: #EEE; | |
144 border: 1px solid #E5E5E5; | |
145 float: left; | |
146 width: 200px; | |
147 } | |
148 | |
149 .sidenav h1 { | |
150 color: #666; | |
151 font-size: 1.2em; | |
152 height: 20px; | |
153 margin-top: 1.2em; | |
154 } | |
155 | |
156 .sidenav ul { | |
157 border-top: 1px solid #FAFAFA; | |
158 background: url(img/bgul.gif) repeat-x; | |
159 margin: 0; | |
160 padding: 0; | |
161 font-size: small; | |
162 } | |
163 | |
164 .sidenav li { | |
165 color: #777; | |
166 display: block; | |
167 font-size: 0.9em; | |
168 padding: 3px 6px 3px 14px; | |
169 | |
170 border: 1px solid #FAFAFA; | |
171 border-top: none; | |
172 list-style: none; | |
173 margin: 0; | |
174 } | |
175 | |
176 .sidenav li a { | |
177 color: #777; | |
178 text-decoration: none; | |
179 } | |
180 | |
181 .sidenav li a:hover { | |
182 color: #111; | |
183 } | |
184 | |
185 /* content */ | |
186 .content { | |
187 float: right; | |
188 width: 520px; | |
189 } | |
190 | |
191 .content .item { | |
192 padding: 6px 12px; | |
193 border: 1px solid #EEE; | |
194 background: #FFF; | |
195 margin-bottom: 8px; | |
196 } | |
197 | |
198 .content .descr { | |
199 color: #333; | |
200 margin-bottom: 6px; | |
201 } | |
202 | |
203 .content li { | |
204 list-style: url(img/li.gif); | |
205 margin-left: 18px; | |
206 } | |
207 | |
208 /* search form */ | |
209 form { | |
210 padding: 0 0 6px 8px; | |
211 } | |
212 | |
213 .styled { | |
214 border: 1px solid #DDD; | |
215 padding: 4px; | |
216 } | |
217 | |
218 .button { | |
219 background: url(img/search.gif) no-repeat left bottom; | |
220 border: none; | |
221 height: 27px; | |
222 width: 27px; | |
223 } | |
224 | |
225 /* footer */ | |
226 .footer { | |
227 background: #FFF; | |
228 border: 1px solid #EEE; | |
229 color: #666; | |
230 font-size: 1.1em; | |
231 margin: 0 auto; | |
232 text-align: center; | |
233 padding: 6px; | |
234 width: 720px; | |
235 clear: both; | |
236 } | |
237 | |
238 .footer a { | |
239 color: #36C; | |
240 text-decoration: none; | |
241 } | |
242 | |
243 .footer a:hover { | |
244 color: #06F; | |
245 text-decoration: underline; | |
246 } |