Revision 03bcb595 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 53 | 53 |
position: absolute; |
| 54 | 54 |
right:$header-padding-horizontal; |
| 55 | 55 |
top:50px; |
| 56 |
@include sprite('../images/info-close.png', 31px, 30px);
|
|
| 56 |
font-size:25px; |
|
| 57 |
color:$primary-color; |
|
| 58 |
&:hover {
|
|
| 59 |
color:white; |
|
| 60 |
} |
|
| 61 |
} |
|
| 62 |
.row {
|
|
| 63 |
.close {
|
|
| 64 |
position:static; |
|
| 65 |
float:right; |
|
| 66 |
padding-top:5px; |
|
| 67 |
} |
|
| 57 | 68 |
} |
| 58 | 69 |
.overlay-div {
|
| 59 | 70 |
display: none; |
| ... | ... | |
| 77 | 88 |
border:1px solid white; |
| 78 | 89 |
} |
| 79 | 90 |
&.wizard {
|
| 80 |
background:transparent;
|
|
| 91 |
background:$overlay-color;
|
|
| 81 | 92 |
padding:0; |
| 82 | 93 |
width:100%; |
| 83 | 94 |
top:0; |
| ... | ... | |
| 151 | 162 |
margin:0; |
| 152 | 163 |
padding:0; |
| 153 | 164 |
list-style: none outside none; |
| 165 |
font-size:emCalc(12px); |
|
| 154 | 166 |
li {
|
| 155 | 167 |
display: inline; |
| 156 | 168 |
margin-right:10px; |
| ... | ... | |
| 167 | 179 |
} |
| 168 | 180 |
} |
| 169 | 181 |
.middle {
|
| 170 |
|
|
| 182 |
.step {
|
|
| 183 |
padding:50px 30px; |
|
| 184 |
float:left; |
|
| 185 |
position:relative; |
|
| 186 |
width:$row-width; |
|
| 187 |
.os {
|
|
| 188 |
li {
|
|
| 189 |
list-style: none outside none; |
|
| 190 |
@extend .clearfix; |
|
| 191 |
margin-bottom:1.5em; |
|
| 192 |
.img-col {
|
|
| 193 |
float:left; |
|
| 194 |
width:10%; |
|
| 195 |
} |
|
| 196 |
.name-col {
|
|
| 197 |
float: left; |
|
| 198 |
width:70%; |
|
| 199 |
} |
|
| 200 |
.size-col {
|
|
| 201 |
float:left; |
|
| 202 |
width:10%; |
|
| 203 |
} |
|
| 204 |
.btn-col {
|
|
| 205 |
float:left; |
|
| 206 |
width:10%; |
|
| 207 |
a {
|
|
| 208 |
@extend .btn5; |
|
| 209 |
&.current {
|
|
| 210 |
color:$overlay-color; |
|
| 211 |
} |
|
| 212 |
} |
|
| 213 |
} |
|
| 214 |
.details {
|
|
| 215 |
display: none; |
|
| 216 |
background:white; |
|
| 217 |
padding:30px 10%; |
|
| 218 |
clear: both; |
|
| 219 |
position: relative; |
|
| 220 |
top: 20px; |
|
| 221 |
margin-bottom:3em; |
|
| 222 |
color: $body-font-color; |
|
| 223 |
h3 {
|
|
| 224 |
font-size: 1em; |
|
| 225 |
} |
|
| 226 |
dl {
|
|
| 227 |
dt {
|
|
| 228 |
width: 20%; |
|
| 229 |
float:left; |
|
| 230 |
font-weight:normal; |
|
| 231 |
} |
|
| 232 |
dd {
|
|
| 233 |
margin:0 0 5px; |
|
| 234 |
} |
|
| 235 |
} |
|
| 236 |
} |
|
| 237 |
} |
|
| 238 |
} |
|
| 239 |
} |
|
| 171 | 240 |
} |
| 172 | 241 |
.bottom {
|
| 173 | 242 |
position: fixed; |
| ... | ... | |
| 176 | 245 |
bottom:0; |
| 177 | 246 |
border-top:1px solid $black; |
| 178 | 247 |
padding:10px 0; |
| 248 |
background:$overlay-color; |
|
| 179 | 249 |
.nav {
|
| 180 | 250 |
height: 30px; |
| 181 | 251 |
line-height:30px; |
| ... | ... | |
| 256 | 326 |
} |
| 257 | 327 |
} |
| 258 | 328 |
} |
| 329 |
|
|
| 330 |
.wizard-content {
|
|
| 331 |
overflow: hidden; |
|
| 332 |
} |
|
| 333 |
|
|
| 334 |
.vm-wizard-carousel {
|
|
| 335 |
width: 20000px; |
|
| 336 |
position:relative; |
|
| 337 |
} |
|
Also available in: Unified diff