sidebar menu luv
[gitorious:mainline.git] / public / stylesheets / base.css
1 /* reset */
2 /*
3 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
4 Code licensed under the BSD License:
5 http://developer.yahoo.net/yui/license.txt
6 version: 2.3.1
7 */
8 body { color:#000;background:#FFF; }
9 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
10  input,textarea,p,blockquote,th,td { margin:0;padding:0; } 
11 table { border-collapse:collapse;border-spacing:0; }
12 fieldset,img { border:0; }
13 address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal; }
14 li { list-style:none;} 
15 caption,th { text-align:left; }
16 h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; } 
17 q:before,q:after{ content:''; }
18 abbr,acronym { border:0;font-variant:normal; }
19 sup,sub { line-height:-1px;vertical-align:text-top; }
20 sub{ vertical-align:text-bottom; } 
21 input, textarea, select { font-family:inherit;font-size:inherit;font-weight:inherit; }
22
23 /**/
24
25 body {
26         font-size: 13px;
27         line-height: 1.461em;
28   background: #fff;
29   color: #000;
30         font-family: Georgia, Times, serif;
31   margin: 0;
32   padding: 0;
33 }
34 h1, h2, h3, h4, h5, h6 {
35   color: #09460f;
36   font-weight:  normal;
37 }
38 h1 {
39         margin: 0;
40         font-size: 1.615em;
41         line-height: 0.904em;
42         margin-bottom: 0.904em;
43 }
44 h2 {
45         margin: 0;
46         font-size: 1.461em;
47         line-height: 1em;
48         margin-bottom: 1em;
49 }
50 h3 {
51         margin: 0;
52         font-size: 1.307em;
53         line-height: 1.117em;
54         margin-bottom: 1.117em;
55 }
56 h4 {
57         margin: 0;
58         font-size: 1.153em;
59         line-height: 1.266em;
60         margin-bottom: 1.266em;
61 }
62 p, ul, blockquote, pre, td, th, label {
63         margin: 0;
64         font-size: 1em;
65         line-height: 1.461em;
66         margin-bottom: 1.461em;
67 }
68 p.small {
69         margin: 0;
70         font-size: 0.846em;
71         line-height: 1.727em;
72         margin-bottom: 1.727em;
73 }
74 table {
75         border-collapse: collapse;
76         margin-bottom: 1.461em;
77 }
78 code, pre, tt {
79   font-family: monospace;
80   line-height: 90%;
81 }
82 a {
83   color: #630;
84   text-decoration: none;
85 }
86 a:hover {
87   text-decoration: underline;
88 }
89 strong, b {
90   font-weight: bold;
91 }
92 em, i {
93   font-style: italic;
94 }
95 ul {
96   margin-left: 0.5em;
97   margin-right: 0.5em;
98 }
99 pre {
100   margin-left: 2em;
101   margin-right: 2em;
102 }
103
104 /* boxes */
105
106 .clear {
107   clear: both;
108   height: 0;
109 }
110
111 #container {
112   width: 90%;
113 }
114
115 #header {
116   /*background: #C7BA99;*/
117   padding-left: 0.5em;
118 }
119
120 #container #logo {
121   margin: 5px 0 5px 0;
122 }
123
124 #container #logo h1   { line-height: 100%; }
125 #container #logo h1 a { color: #666; }
126
127 .login-logout {
128   float: right;
129 }
130
131 #container #menu {
132   height: 21px;
133   border-bottom: 1px solid #333;
134 }
135
136 #container #main {
137   min-height: 300px;
138   width:100%;
139   float:left;
140   margin-right: -160px;
141 }
142 #container #main #content {
143   margin-right: 160px;
144   margin-top: 20px;
145   padding: 0 1em 1em 2em;
146 }
147
148 #container #sidebar {
149   margin-top: 20px;
150   padding-left: 5px;
151   min-height: 300px;
152   width: 150px;
153   float:right;
154   border-left: 1px dotted #333;
155 }
156
157 #sidebar ul.links {
158   margin-left: -5px;
159   padding:0;
160 }
161 #sidebar ul.links li {
162   border-bottom: 1px dotted #888;
163 }
164 #sidebar ul.links li a {
165   display:block;
166   padding: 5px 5px 5px 10px; 
167 }
168 #sidebar ul.links li a:hover {
169   color: #fff;
170   background: #630;
171   text-decoration: none;
172 }
173
174 #container #footer {
175   padding: 10px 30px 0 10px;
176   font-size: 11px;
177   color: #666;
178   text-align: center;
179   clear:both;
180 }
181
182 .flash_message {
183   clear: both;
184   padding: 5px 5px 5px 20px;
185   margin-bottom: 20px;
186   border-top:1px solid #ccc;
187   border-bottom:1px solid #ccc;
188 }
189 .flash_message.notice {
190   color: #588e03;
191   background: #e9fad9;
192   border-color: #588e03; 
193 }
194
195 .flash_message.error {
196   color: #c30000;
197   background: #f2dcdc;
198   border-color: #c30000;
199 }
200
201 /* menu */
202
203 #menu ul {
204   list-style: none;
205   margin-left: 20px;
206   padding-top: 2px;
207 }
208
209 #menu ul li {
210   display: inline;
211   margin-right: 20px;
212 }
213
214 #menu ul li a { 
215   font-size: 16px;
216 }
217
218 #menu ul li a:hover {
219   text-decoration: none;
220   border-bottom: 3px solid #630;
221 }
222
223 /* Forms */
224
225 textarea {
226   width: 90%;
227 }
228
229 fieldset { 
230   padding: 3px; 
231   margin: 0 0 10px 0; 
232   width: 100%;
233 }
234
235 legend { 
236   font-weight: bold; 
237   font-size:12px; 
238 }
239
240 label { 
241   font-weight: bold; 
242 }
243
244 .required {
245   color: #aaa;
246   font-size: 10px;
247   font-weight: normal;
248 }
249
250 input.text { 
251   padding: 3px; 
252   width: 350px; 
253 }
254
255 textarea { 
256   width: 350px; 
257   height: 150px; 
258   padding: 3px; 
259 }
260 textarea.text { height: 60px; }
261 textarea.wide { width: 100%; }
262 textarea.tall { height: 500px; }
263 textarea.medium { width: 450px; height: 250px; }
264 select        { width: 200px; }
265
266 input.text, textarea, select {
267   margin: 5px 0 10px 0;
268   border: 1px solid #bbb;
269 }
270
271 input.text:focus, input.title:focus,
272 textarea:focus, select:focus {
273   border: 1px solid #666;
274 }
275
276 .fieldWithErrors { margin: 0; display: inline;}
277 .fieldWithErrors input, .fieldWithErrors textarea,
278 .fieldWithErrors select {
279   border: 1px solid #c30000;
280 }
281
282 .errorExplanation {
283   background: #fbe3e4; 
284   border: 1px solid #c30000;
285   width: 400px;
286   margin: 0 0 10px 0;
287 }
288
289 .errorExplanation h2 {
290   font-size: 120%;
291   line-height: 120%;
292   font-weight: normal;
293   padding: 5px;
294   color: #fff;
295   background: #c30000;
296 }
297 .errorExplanation p { padding: 2px 2px 2px 5px;}
298 .errorExplanation ul {
299   padding: 5px 10px 10px 25px;
300 }
301 .errorExplanation ul li{
302     list-style-type: disc;
303 }
304
305 table.listing {
306   width: 100%;
307 }
308
309 table.listing tr.odd {
310   background: #efefef;
311 }
312 table.listing thead th {
313   font-weight: bold;
314   padding: 3px;
315   border-bottom: 2px solid #222;
316 }
317
318 table.repository_list tr.mainline {
319   margin: 10px 0 0 0;
320   padding: 10px;
321 }
322 table.repository_list tr.mainline td { 
323   border-top: 1px solid #408000;
324   border-bottom: 1px solid #408000;
325   background: #dbf7b3;
326   font-weight: bold;
327 }
328 table.repository_list td {
329   margin: 0;
330   padding: 5px;
331   border-bottom: 1px solid #ccc;
332 }
333 .infobox {
334   background: #efefef;
335   padding: 10px;
336   border: 1px solid #ccc;
337 }