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