Fix specs for Themes controller
[shapado:piglops-shapado.git] / app / old-stylesheets / _base.sass
1 *
2   margin: 0
3   padding: 0
4
5
6 .clear
7   clear: both
8   height: 0
9
10
11 h1
12   margin: 15px 0
13   font-size: 22px
14   font-weight: normal
15
16
17 h2
18   font-size: 22px
19   margin: 15px 0
20   font-weight: normal
21
22
23 h3
24   font-size: 18px
25   margin: 10px 0
26   font-weight: normal
27
28
29 h4
30   font-size: 16px
31   margin: 10px 0
32   font-weight: normal
33
34
35 hr
36   height: 1px
37   border: 0
38
39
40 p
41   margin: 15px 0
42
43
44 a img
45   border: none
46
47
48 body
49   font-size: 12px
50   font-family: sans-serif
51
52
53 #container
54   min-width: 960px
55
56
57 #header, #wrapper
58   padding: 0 20px
59
60
61 #header
62   position: relative
63   padding-top: 1px
64
65   h1
66     margin: 0
67     padding: 10px 0
68     font-size: 30px
69
70     a
71       &:link, &:active, &:hover, &:visited
72         text-decoration: none
73
74   .group_logo
75     padding: 2px
76
77 #main
78   width: 70%
79   float: left
80
81
82 .actions-bar
83   padding: 10px 1px
84
85   .actions
86     float: left
87
88   .pagination
89     float: right
90     padding: 1px 0
91
92
93 #sidebar
94   width: 25%
95   float: right
96
97   h3
98     padding: 10px 15px
99     margin: 0
100     margin-bottom: 3px
101     font-size: 13px
102
103   .block
104     margin-bottom: 20px
105     padding-bottom: 10px
106
107     .content
108       padding: 0 15px
109
110   ul.navigation li a
111     &:link, &:visited
112       display: block
113       padding: 10px 15px
114
115   .block .sidebar-block, .notice, .help
116     padding: 10px
117
118   .help
119     h4
120       margin: 5px 0
121       font-size: 17px
122       font-weight: bold
123
124
125 #wrapper
126   padding-top: 20px
127
128
129 #main
130   .block
131     margin-bottom: 20px
132     padding-top: 1px
133
134     .content .inner
135       padding: 0 15px 15px
136
137   .main p.first
138     margin-top: 0
139
140
141 #user-navigation
142   position: absolute
143   top: 0px
144   right: 20px
145
146
147 #main-navigation
148   width: 100%
149
150
151 #user-navigation ul, #main-navigation ul, .secondary-navigation ul, #sidebar ul.navigation
152   margin: 0
153   padding: 0
154   list-style-type: none
155
156
157 #user-navigation ul li, #main-navigation ul li, .secondary-navigation ul li
158   float: left
159
160 #main-navigation ul li
161   margin-right: 5px
162
163
164 #user-navigation ul li
165   padding: 5px 10px
166
167
168 #main-navigation ul li a
169   &:link, &:visited, &:hover, &:active
170     text-decoration: none
171
172
173 .secondary-navigation ul li a
174   &:link, &:visited, &:hover, &:active
175     text-decoration: none
176
177 h1.navtitle
178   margin: 0
179   padding: 1px 0
180   color: inherit
181
182 .secondary-navigation .navtitle
183   float: left
184   padding: 0px 15px
185   font-weight: bold
186   font-size: 24px
187   font-family: Trebuchet MS, Helvetica, sans-serif
188   margin-top: -4px
189
190 #main .content .secondary-navigation .navtitle
191   text-transform: capitalize
192   line-height: 14px
193   margin-top: 8px
194
195 #user-navigation ul li a
196   &:link, &:visited, &:hover, &:active
197     text-decoration: none
198
199
200 #main-navigation ul li a
201   font-size: 15px
202   display: block
203   padding: 8px 15px
204
205
206 .secondary-navigation
207   font-size: 13px
208   border-bottom-width: 10px
209   border-bottom-style: solid
210   padding-top: 2px
211
212   ul li a
213     display: block
214     padding: 10px 15px
215
216
217 #footer
218   padding-bottom: 20px
219   padding-top: 1em
220
221 .pagination
222   a
223     padding: 2px 5px
224     margin-right: 5px
225     display: block
226     float: left
227     border-style: solid
228     border-width: 1px
229
230   span
231     padding: 2px 5px
232     margin-right: 5px
233     display: block
234     float: left
235     border-style: solid
236     border-width: 1px
237
238     &.current
239       font-weight: bold
240
241   a
242     text-decoration: none
243
244 .title
245   .counter
246     font-size: 25px
247     color: #666
248     display: inline
249
250 .table
251   width: 100%
252   border-collapse: collapse
253   margin-bottom: 15px
254
255   th
256     padding: 10px
257     font-weight: bold
258     text-align: left
259
260     &.first
261       width: 30px
262
263     &.last
264       width: 200px
265
266   .checkbox
267     margin-left: 10px
268
269   td
270     padding: 10px
271
272     &.last
273       text-align: right
274
275
276 input.checkbox
277   margin: 0
278   padding: 0
279
280
281 .form
282   .group
283     margin-bottom: 15px
284
285   div
286     &.left
287       width: 20%
288       float: left
289
290     &.right
291       width: 75%
292       float: right
293
294   .columns
295     .column
296       width: 48%
297
298     .left
299       float: left
300
301     .right
302       float: right
303
304   textarea.comment_text_area
305     font-size: 12px
306     padding: 1px 0
307     margin: 0
308
309   label.label, input.text_field, textarea.text_area
310     font-size: 1.2em
311     padding: 1px 0
312     margin: 0
313
314   label.right
315     text-align: right
316
317   input
318     &.checkbox, &.radio
319       margin-right: 5px
320
321   label
322     &.checkbox, &.radio
323       line-height: 1.5em
324
325     &.label
326       display: block
327       padding-bottom: 2px
328       font-weight: bold
329
330   div.fieldWithErrors label.label
331     display: inline
332
333   .fieldWithErrors .error
334     color: red
335
336   input.text_field, textarea.text_area
337     width: 100%
338     border-width: 1px
339     border-style: solid
340     &.filter_field
341       width: 30%
342
343 ul.share
344   margin: 0
345   padding: 0
346   list-style-type: none
347   li
348     margin: 0 4px 0 0
349     list-style-type: none
350     display: inline
351
352 ul.list
353   margin: 0
354   padding: 0
355   list-style-type: none
356
357   li
358     clear: left
359     padding-bottom: 5px
360
361     .left
362       float: left
363
364       .avatar
365         width: 50px
366         height: 50px
367
368     .item
369       margin-left: 80px
370
371       .avatar
372         float: left
373         margin: 0 5px 5px 0
374         width: 30px
375         height: 30px
376
377
378 #box
379   width: 500px
380   margin: 50px auto
381
382   .block
383     margin-bottom: 20px
384
385     h2
386       padding: 10px 15px
387       margin: 0
388
389     .content
390       padding: 10px 20px
391
392
393
394 // TODO: move to theme
395 #additional_info, .additional_info
396   margin-top: 10px
397
398   .pagination
399     float: left
400     width: 50%
401     font-size: 12px
402
403   #help_us
404     float: left
405     width: 50%
406
407     font-family: Trebuchet MS, Helvetica, sans-serif
408     font-size: 16px
409     font-weight: bold
410
411 .microblogging
412   float: left
413   margin: 5px 5px 5px 0px
414
415 .video_thumbnail
416   width: 130px
417   height: 97px
418   cursor: pointer
419
420 .thumb
421   position: relative
422
423 .play_button
424   opacity: 0.7
425   position: absolute
426   left: 50px
427   top: 35px
428   border: medium none
429   cursor: pointer
430
431 .highlight
432   background: #FFFFE3
433
434 ol.manage-domain
435   margin-left: 3em
436   margin-bottom: 2em
437   li
438     font-size: 18px
439