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