source: trunk/src/sass/_uielements.sass

Last change on this file was 1430, checked in by work@…, 11 years ago
  • set keyword expansion
  • Property svn:keywords set to Rev Author Date
File size: 5.2 KB
Line 
1@import compass/utilities/lists.sass
2@import yui/modules/fonts.sass
3
4@import rounded.sass
5
6!color_button = #f2f2f2
7!color_button_text = #363636
8!color_button_border = #ccc
9!color_button_border_highlight = #eee
10
11!color_button2 = #363636
12!color_button2_text = #f2f2f2
13!color_button2_border = #666
14!color_button2_border_highlight = #868686
15
16!link_color = #363636
17
18!button_padding = 6px
19
20!yui_default_base_font_size = 12px
21
22=nomargin
23  margin = 0px
24
25=automargin
26  :margin
27    :left = "auto"
28    :right = "auto"
29
30=nopadding
31  padding = 0px
32
33=noborder
34  border = "none"
35
36=left
37  float = "left"
38
39=right
40  float = "right"
41
42=clearleft
43  clear = "left"
44
45=clearright
46  clear = "right"
47
48=clear
49  clear = "all"
50
51=bold
52  font-weight = "bold"
53
54=italic
55  font-style = "italic" 
56
57=easyinput
58  padding = 5px
59
60  :font
61    :size = 1.2em
62
63=cleanlist
64  ul
65    list-style-type = "none" 
66
67    li
68      list-style-type = "none"
69
70
71=link(!color = !link_color, !hover_decoration = "underline", !nonhover_decoration = "none")
72  color = !color
73  cursor = "pointer"
74  text-decoration = !nonhover_decoration
75
76  &:hover
77    :text-decoration = !hover_decoration
78
79=datatable(!margin = 0px, !width = 25%, !odd_bg_color = "#fff", !even_bg_color = "#fbfbfb", !head_bg_color = "#fff")
80  margin = !margin
81  width = !width
82
83  h3
84    +nomargin
85    +nopadding
86
87    :margin
88      :bottom = 3px
89
90  thead
91    tr
92      th
93        :background
94          :color = !head_bg_color
95
96        a
97          +link
98
99  tbody
100    tr
101      &.odd
102        td
103          :background
104            :color = !odd_bg_color
105
106      &.even
107        td
108          :background
109            :color = !even_bg_color
110
111      td
112        &.name
113          :font
114            :weight = "bold"
115
116=datatablewithbuttons
117  tbody
118    tr
119      td
120        padding = !button_padding + 3
121
122=popup
123  +nomargin
124  +nopadding
125
126  .banner
127    +font-size(14px)
128    padding = 9px
129
130    text-align = "center"
131
132  .content
133    padding = 18px
134
135  .buttons
136    +right
137    padding = 18px
138
139=button(!radius=5px)
140  +nomargin
141  +rounded(!radius)
142  +link(!link_color, "none")
143
144  padding = 6px
145
146  :background
147    :color = !color_button
148
149  border = 1px "solid" !color_button_border
150  :border
151    :top = 1px "solid" !color_button_border_highlight
152    :left = 1px "solid" !color_button_border_highlight
153
154  color = !color_button_text
155
156  :font
157    :size = 1.1em
158    :weight = "normal"
159
160=button2(!radius=5px)
161  +button(!radius)
162
163  :background
164    :color = !color_button2
165
166  border = 1px "solid" !color_button2_border
167  :border
168    :top = 1px "solid" !color_button2_border_highlight
169    :left = 1px "solid" !color_button2_border_highlight
170
171  a
172    color = !color_button2_text
173
174=notification
175  +rounded
176  +font-size(14px)
177
178  margin = 3px
179  padding = 6px
180  :font
181    :weight = "normal"
182
183  p
184    margin = 2px
185
186=paginatebuttons
187  margin = 5px
188  padding = 5px
189
190  a
191    +link
192
193=paginatebutton
194  margin = 5px
195  padding = 5px
196
197=paginatebuttoncurrent
198  +paginatebutton
199
200  :font
201    :weight = "bold"
202
203=paginatebuttonprevious
204  +paginatebutton
205
206  padding-left: 24px
207
208  :background
209    :repeat = "no-repeat"
210    :position = "left center"
211    :image = url("icons/arrow_left.png")
212
213=paginatebuttonnext
214  +paginatebutton
215
216  padding-right: 24px
217
218  :background
219    :repeat = "no-repeat"
220    :position = "right center"
221    :image = url("icons/arrow_right.png")
222
223=horizontallist
224  +nomargin
225  +nopadding
226
227  list-style-type = "none"
228
229  li
230    +nomargin
231    +nopadding
232    display = "inline"
233
234    list-style-type = "none"
235
236=horizontalmenu(!background = "images/horizontalmenubg.png", !color = "#e2e2e2")
237  +horizontallist
238  height = 42px
239  width = 100%
240  position = "relative"
241
242  :background
243    :image = url(!background)
244    :color = !color
245    :position = "top left"
246    :repeat = "repeat-x"
247
248
249  li
250    +left
251    minheight = 42px
252    overflow = "visible"
253
254    :margin
255      :right = 6px
256
257    :padding
258      :left = 12px
259      :right = 12px
260
261    a
262      +link
263      +left
264      height = 42px
265      line-height = 42px
266      display = "block"
267      :font
268        :weight = "normal"
269        :size = 1.2em
270
271    &.current
272      :background
273        :color = #3e3e3e
274        :position = "bottom left"
275        :repeat = "repeat-x"
276
277      a
278        +link("#fff")
279
280=horizontalsubmenu(!background = "images/horizontalsubmenubg.png", !color = "#000")
281  +horizontallist
282  position = absolute
283  top = 42px
284  left = -9999px
285  z-index = 100
286  width = 100%
287
288  :background
289    :image = url(!background)
290    :color = !color
291    :position = "top left"
292    :repeat = "repeat-x"
293
294  li
295    :margin
296      :right = 6px
297
298    :padding
299      :left = 12px
300      :right = 12px
301
302    a
303      +link("#fff")
304
305
306// Generic UI classes
307.error
308  +notification
309
310  background-color = #FFBABA
311  border = 1px "solid" #FFBABA
312  color = "#D8000C"
313
314.information
315  +notification
316
317  background-color = #BDE5F8
318  border = 1px "solid" #BDE5F8
319  color = "#00529B"
320
321.success
322  +notification
323
324  background-color = #DFF2BF
325  border = 1px "solid" #DFF2BF
326  color = "#4F8A10"
327
328.easyinput
329  +easyinput
330
331.helppopup
332  +popup
333
334  .banner
335    :background
336      :color =  #1B4366
337
338    color = #fbfbfb
339
340.errorpopup
341  +popup
342
343  .banner
344    :background
345      :color =  #870000
346
347    color = #fbfbfb
348
349.deletepopup
350  +popup
351
352  .banner
353    :background
354      :color =  #870000
355
356    color = #fbfbfb
Note: See TracBrowser for help on using the repository browser.