Adding CSS to languajes filter at top
[shapado:jdanyluks-shapado.git] / app / stylesheets / app / _topBar.sass
1 .top-bar
2   margin: 0 0 5px 0
3   padding: 0
4   background-color: #5E5E5E
5   height: 40px
6
7
8   .searcher
9     float: left
10     border-right: 1px solid #333
11     height: 40px
12
13     form#search
14       padding: 0
15       margin: 0px 0 0 10px
16       overflow: hidden
17       width: auto
18
19       .field
20         float: left
21         margin: 8px 0 0 0
22         width: 250px
23
24         input
25           margin: 0 !important
26           float: left
27           width: 210px
28           padding: 3px 28px 3px 3px
29           border: none
30           +small-radius
31           background: white url("/images/search-icon.png") 219px 50% no-repeat
32
33       .buttons
34         float: left
35         padding: 0
36         margin: 0 0 0 1px
37
38         .save
39           width: 30px
40           margin: 6px 0 0 0
41           padding: 2px 0 3px 0
42
43   .languages_filter
44     float: left
45     padding: 6px 6px 6px 10px
46     border-left: 1px solid #777
47     width: 275px
48     height: 28px        
49     span
50       color: #fff
51       background-image: none
52       font-size: 12px
53       float: left
54       margin: 6px 10px 0 0      
55     form
56       display: inline
57       padding: 0
58       margin: 0px 0 0 10px
59       overflow: hidden
60       width: 300px !important    
61       .field
62         background-color: #c00
63         overflow: hidden
64         width: 111px
65         height: 27px
66         float: left
67         select
68           width: auto !important
69           padding: 5px 4px 4px 4px !important
70         
71
72   ul.group-list, ul.user-list, ul.drop-menu, ul.auth-list
73     float: left
74     border-left: 1px solid #777
75     border-right: 1px solid #333
76
77     li
78       float: left
79       display: inline
80
81       small
82         position: absolute
83         font-size: 9px
84         color: #bbb
85         top: 2px
86         left: 20px
87       &:hover small, &:hover a small
88         color: #000
89
90       a
91         display: block
92         color: #fff
93         padding: 14px 20px 13px 20px
94         background-image: none
95         border-right: 1px solid #777
96         border-left: 1px solid #333
97         font-weight: bold
98         &:hover
99           background-color: #ddd
100           color: #000
101           small
102             color: #000
103
104     li.group
105       position: relative
106       a
107         text-transform: uppercase
108         font-size: 12px
109       ul
110         width: 204px
111         left: 2px
112
113   ul.user-list, ul.auth-list
114     float: right
115
116     li.user
117       position: relative
118       img
119         position: absolute
120         top: 5px
121         left: 13px
122         border: 3px solid #666
123         +small-radius
124       a
125         padding-left: 50px
126
127     li.logout
128       a:hover
129         background-color: #c00
130         color: #fff
131
132   ul li a
133     ul
134       display: none
135   ul li a:hover
136     ul
137       display: block