don't capitalize automatically as that's not compatible with languages such as German
[shapado:piglops-shapado.git] / app / stylesheets / themes / shapado / _base.sass
1 a
2   color: #d30
3
4   &:link, &:visited
5     color: #07b
6     text-decoration: none
7
8   &:hover, &:active
9     color: #d30
10
11 h1, h2, h3
12   color: #444
13
14 body
15   color: #333
16   background: #EBEBEB
17   font: normal 12px/1.5em "Lucida Grande", "Helvetica Neue", Arial, sans-serif
18
19
20 hr
21   background: #aaa
22
23
24 p
25   font-size: 12px
26   line-height: 20px
27
28
29 input.checkbox
30   vertical-align: middle
31
32
33 #header h1
34   font-size: 28px
35   padding: 5px 0
36   margin: 5px 0
37
38
39 .hightlight
40   background-color: #ffc
41
42
43 .small
44   font-size: 11px
45
46
47 .gray
48   color: #999
49
50
51 #header
52   h1 a
53     &:link, &:active, &:hover, &:visited
54       color: #eaeaea
55
56
57 #main
58   background: #EBEBEB
59   width: 73%
60
61   .block
62     -moz-border-radius-topleft: 4px
63     -moz-border-radius-topright: 4px
64     padding: 0
65     margin-bottom: 20px
66     padding-bottom: 20px
67     background: transparent
68
69     .content
70       border-left: 1px solid #ddd
71       border-top: 1px solid #ddd
72       border-bottom: 1px solid #ccc
73       border-right: 1px solid #ccc
74       background: #fff
75
76     h2.title
77       margin: 10px 0 5px 0
78       background-color: none
79       padding: 5px 5px 5px 15px
80       font-size: 18px
81       color: #456
82
83 #container
84   margin: auto
85
86 .main_container
87   padding: 10px
88
89 #sidebar
90   .notice
91     background-color: #ffc
92     padding: 0 10px
93     border-bottom: 1px solid #ddd
94     border-right: 1px solid #ddd
95     border-top: 1px solid #fff
96     border-left: 1px solid #fff
97
98     h2
99       font-size: 16px
100       margin: 5px 0
101       border-bottom: 1px solid #456
102
103     p
104       font-size: 12px
105
106   .block
107     padding-bottom: 0
108
109     .content
110       padding: 0 10px
111
112   h3
113     background: #fff
114     border-bottom: 1px solid #ccc
115     border-right: 1px solid #ccc
116     border-left: 1px solid #ddd
117     border-top: 1px solid #ddd
118     padding: 5px 10px
119     color: #333
120     font-weight: bold
121
122   ul
123     li a
124       &:link, &:visited
125         font-size: 12px
126
127       &:hover, &:active
128         background: none
129         color: #444
130         font-size: 12px
131         text-decoration: underline
132
133     &.navigation li
134       &.last a
135         border-bottom: none
136
137       a
138         &:link, &:visited
139           padding: 5px 10px
140           color: #6a6a6a
141           text-decoration: none
142
143         &:hover
144           text-decoration: underline
145
146   .block .sidebar-block h4
147     border-bottom: 1px dotted #aaa
148
149
150 #main-navigation ul li
151   background: #456
152   border-top: 1px solid #5C738A
153   color: #eee
154   border-top-left-radius: 5px
155   border-top-right-radius: 5px
156
157   &:hover
158     border-top-color: #7593B0
159     background-color: #576C82 !important
160     color: #fff
161
162   &.active
163     border-top: 1px solid #fff
164     background-color: #eee !important
165     color: #333
166
167   a
168     &:link, &:visited, &:hover, &:active
169       text-decoration: none
170       color: #F5F5F5
171
172 #user-navigation ul li a
173   &:link, &:visited, &:hover, &:active
174     text-decoration: none
175     color: #F5F5F5
176
177   &:link, &:visited
178     color: #CDE
179     border-bottom: 1px dotted #345
180
181   &:hover
182     color: #fff
183     border-bottom: 1px dotted #CDE
184     text-decoration: none
185
186
187 #main-navigation ul li
188   a
189     font-size: 12px
190     padding: 3px 10px
191
192   &.active a
193     &:link, &:visited, &:hover, &:active
194       color: #364b69
195
196 .secondary-navigation ul li a
197   &:link, &:visited, &:hover, &:active
198     text-decoration: none
199     color: #F5F5F5
200
201 .secondary-navigation
202   background: #eaeaea
203   border-bottom: 0px
204
205   ul
206     padding-right: 20px
207     float: right
208
209   ul li
210     background: #456
211     border-top: 1px solid #5C738A
212     color: #eee
213     margin-right: 5px
214     border-top-left-radius: 5px
215     border-top-right-radius: 5px
216
217     a
218       padding: 3px 10px
219
220     &.active
221       border-top: 1px solid #ddd
222       border-left: 1px solid #ddd
223       border-right: 1px solid #ccc
224       border-bottom: 1px solid #fff
225       margin-bottom: -1px
226       background-color: #fff !important
227       color: #333
228
229       &:hover
230         background: #fff !important
231         border-top: 1px solid #ccc
232         border-right: 1px solid #ccc
233
234       a
235         color: #333
236
237     &:hover
238       border-top-color: #7593B0
239       background-color: #576C82 !important
240       color: #fff
241
242 .pagination
243   span
244     &.current
245       background: #576C82
246       color: #F5F5F5
247       border: 1px solid #7593B0
248       -moz-border-radius: 5px
249
250     &.disabled
251       background: #eee
252       color: #aaa
253       border: 1px solid #ddd
254       -moz-border-radius: 5px
255
256   a
257     color: #364B69
258     border: 1px solid #ddd
259     -moz-border-radius: 5px
260     font-size: 11px
261
262     &:hover
263       color: #444
264       background: #eaeaea
265       border: 1px solid #576C82
266
267
268 .table
269   th
270     background: #576C82
271     color: #F5F5F5
272     font-weight: normal
273     padding: 3px
274
275     a.toggle
276       display: block
277       width: 12px
278       height: 12px
279       background: transparent url(images/tick.png) center no-repeat
280       text-indent: -9999px
281       -moz-outline: none
282
283     &.first
284       width: 30px
285       text-align: center
286
287   td
288     border-bottom: 1px solid #AAA
289
290 .form
291   input.text, textarea.textarea
292     border: 1px solid #ddd
293     padding: 5px
294     width: 99%
295
296   input.text_field, textarea.text_area
297     border-right: 1px solid #ddd
298     border-bottom: 1px solid #ddd
299     border-top: 2px solid #ccc
300     border-left: 2px solid #ccc
301     width: 99%
302
303   .navform
304     padding: 10px
305     background-color: #eee
306     font-size: 14px
307     border-bottom: 1px solid #ddd
308     border-right: 1px solid #ddd
309     border-top: 1px solid #eee
310     border-left: 1px solid #eee
311
312     input
313       font-size: 14px
314   .group
315     .right
316       padding-right: 140px
317
318 .description
319   color: #aaa
320   font-family: Georgia, serif
321
322
323 .flash
324   .message
325     -moz-border-radius: 3px
326     -webkit-border-radius: 3px
327     text-align: center
328     margin: 0 auto 5px
329     width: 80%
330
331     p
332       margin: 8px
333
334   .error
335     border: 1px solid #fbb
336     background-color: #fdd
337
338   .warning
339     border: 1px solid #fffaaa
340     background-color: #ffffcc
341
342   .notice
343     border: 1px solid #ddf
344     background-color: #eef
345
346
347 ul.list li
348   border-bottom-color: #F0F0EE
349
350   .item .avatar
351     border-color: #F0F0EE
352     margin: 3px 10px 0 0
353
354   .left
355     padding: 5px 5px
356
357
358 #box .block
359   background: #F5F5F5
360   border: 1px solid #ddd
361   border-radius: 10px
362
363   h2
364     background: #576C82
365     color: #F5F5F5
366     border-top-left-radius: 5px
367     border-top-right-radius: 5px