Revision e5c8c342 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
---|---|---|
38 | 38 |
|
39 | 39 |
.overlay-wrapper { |
40 | 40 |
position: relative; |
41 |
|
|
42 | 41 |
.overlay-area { |
43 | 42 |
display:none; |
44 | 43 |
position:absolute; |
... | ... | |
47 | 46 |
top:0; |
48 | 47 |
width:100%; |
49 | 48 |
height:100%; |
50 |
background:$secondary-color;
|
|
49 |
background:$overlay-color;
|
|
51 | 50 |
z-index:20; |
52 | 51 |
} |
53 | 52 |
.close { |
... | ... | |
77 | 76 |
left:10%; |
78 | 77 |
border:1px solid white; |
79 | 78 |
} |
80 |
|
|
79 |
&.wizard { |
|
80 |
background:transparent; |
|
81 |
padding:0; |
|
82 |
width:100%; |
|
83 |
top:0; |
|
84 |
left:0; |
|
85 |
} |
|
81 | 86 |
} |
82 |
|
|
83 | 87 |
} |
84 | 88 |
|
85 | 89 |
|
86 |
|
|
87 | 90 |
.overlay { |
88 | 91 |
background:$secondary-color; |
89 | 92 |
position: relative; |
90 | 93 |
z-index:10; |
91 |
|
|
92 | 94 |
.lt-sidebar { |
93 | 95 |
border-right:1px solid #fff; |
94 | 96 |
color:#fff; |
... | ... | |
102 | 104 |
span { float:right; display:none;} |
103 | 105 |
&:hover, |
104 | 106 |
&.current { |
105 |
|
|
106 | 107 |
text-decoration: none; |
107 | 108 |
span { |
108 | 109 |
display:inline; |
... | ... | |
137 | 138 |
color: white; |
138 | 139 |
} |
139 | 140 |
} |
141 |
|
|
142 |
.wizard { |
|
143 |
position: relative; |
|
144 |
top:0; |
|
145 |
color:white; |
|
146 |
.top { |
|
147 |
background:$overlay-color-top; |
|
148 |
.sub-menu { |
|
149 |
padding:10px 0; |
|
150 |
ul { |
|
151 |
margin:0; |
|
152 |
padding:0; |
|
153 |
list-style: none outside none; |
|
154 |
li { |
|
155 |
display: inline; |
|
156 |
margin-right:10px; |
|
157 |
list-style: none outside none; |
|
158 |
a { |
|
159 |
color:$black; |
|
160 |
&:hover, &.current { |
|
161 |
color:white; |
|
162 |
text-decoration: underline; |
|
163 |
} |
|
164 |
} |
|
165 |
} |
|
166 |
} |
|
167 |
} |
|
168 |
} |
|
169 |
.middle { |
|
170 |
|
|
171 |
} |
|
172 |
.bottom { |
|
173 |
position: fixed; |
|
174 |
left:0; |
|
175 |
right:0; |
|
176 |
bottom:0; |
|
177 |
border-top:1px solid $black; |
|
178 |
padding:10px 0; |
|
179 |
.nav { |
|
180 |
height: 30px; |
|
181 |
line-height:30px; |
|
182 |
color:white; |
|
183 |
span { |
|
184 |
display: inline-block; |
|
185 |
height: 30px; |
|
186 |
line-height: 30px; |
|
187 |
} |
|
188 |
} |
|
189 |
.prev { |
|
190 |
float:left; |
|
191 |
display: inline-block; |
|
192 |
padding-left:11px; |
|
193 |
background:url('../images/nav-edge-lt.png') no-repeat left center; |
|
194 |
span { |
|
195 |
padding:0 12px 0 10px; |
|
196 |
border:1px solid white; |
|
197 |
border-left:0 none; |
|
198 |
height: 30px; |
|
199 |
line-height: 30px; |
|
200 |
} |
|
201 |
&:hover { |
|
202 |
background-image:url('../images/nav-edge-lt-hover.png'); |
|
203 |
span { |
|
204 |
border-width:2px; |
|
205 |
line-height:28px; |
|
206 |
} |
|
207 |
} |
|
208 |
} |
|
209 |
.next { |
|
210 |
float:right; |
|
211 |
display: inline-block; |
|
212 |
padding-right:11px; |
|
213 |
background:url('../images/nav-edge-rt.png') no-repeat right center; |
|
214 |
span { |
|
215 |
padding:0 10px 0 12px; |
|
216 |
border:1px solid white; |
|
217 |
border-right:0 none; |
|
218 |
} |
|
219 |
&:hover { |
|
220 |
background-image:url('../images/nav-edge-rt-hover.png'); |
|
221 |
span { |
|
222 |
border-width:2px; |
|
223 |
line-height:28px; |
|
224 |
} |
|
225 |
} |
|
226 |
} |
|
227 |
.nums { |
|
228 |
text-align: center; |
|
229 |
list-style:none outside none; |
|
230 |
margin:0; |
|
231 |
li { |
|
232 |
list-style:none outside none; |
|
233 |
display: inline-block; |
|
234 |
border-radius:50%; |
|
235 |
border:1px solid $primary-color; |
|
236 |
width:25px; |
|
237 |
height:25px; |
|
238 |
line-height: 25px; |
|
239 |
margin:0 3px; |
|
240 |
a { |
|
241 |
color:$primary-color; |
|
242 |
display: block; |
|
243 |
} |
|
244 |
&:hover,&.current{ |
|
245 |
border-color:white; |
|
246 |
a { |
|
247 |
color:white; |
|
248 |
} |
|
249 |
} |
|
250 |
&.current { |
|
251 |
font-size:emCalc(20px); |
|
252 |
width:30px; |
|
253 |
height:30px; |
|
254 |
} |
|
255 |
} |
|
256 |
} |
|
257 |
} |
|
258 |
} |
Also available in: Unified diff