Revision e5c8c342 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 5 | 5 |
- Buttons and Links |
| 6 | 6 |
- Layout |
| 7 | 7 |
- Header |
| 8 |
- Actions Bar |
|
| 8 | 9 |
- Icon Navigation |
| 9 | 10 |
- Top Info |
| 10 | 11 |
- Progress Bar |
| ... | ... | |
| 171 | 172 |
|
| 172 | 173 |
|
| 173 | 174 |
/* Layout ----------------------------------------------- */ |
| 175 |
html,body, .overlay-wrapper {
|
|
| 176 |
height:100%; |
|
| 177 |
} |
|
| 174 | 178 |
|
| 175 | 179 |
.lt-sidebar {
|
| 176 | 180 |
width:250px; |
| ... | ... | |
| 186 | 190 |
} |
| 187 | 191 |
|
| 188 | 192 |
.main {
|
| 189 |
padding:43px 40px;
|
|
| 193 |
padding:0 40px;
|
|
| 190 | 194 |
overflow:hidden; |
| 191 | 195 |
} |
| 192 | 196 |
|
| ... | ... | |
| 210 | 214 |
max-height: 30px; |
| 211 | 215 |
} |
| 212 | 216 |
h2 {
|
| 217 |
display: none; |
|
| 218 |
margin:0; |
|
| 213 | 219 |
font-size: 1em; |
| 214 | 220 |
color:$primary-color; |
| 215 | 221 |
font-weight: normal; |
| ... | ... | |
| 220 | 226 |
right:$header-padding-horizontal; |
| 221 | 227 |
top:$header-padding-vertical; |
| 222 | 228 |
} |
| 223 |
.actions {
|
|
| 224 |
text-align:center; |
|
| 225 |
height:45px; |
|
| 226 |
line-height:45px; |
|
| 227 |
position:relative; |
|
| 228 |
margin:2*$header-padding-vertical 0 $header-padding-vertical; |
|
| 229 |
.main-actions {
|
|
| 230 |
position:relative; |
|
| 231 |
top:86px; |
|
| 232 |
margin:0 -40px; |
|
| 233 |
border-bottom:1px solid lighten($primary-color,20%); |
|
| 234 |
z-index: 1; |
|
| 235 |
} |
|
| 236 |
ul {
|
|
| 237 |
margin:0; |
|
| 238 |
li {
|
|
| 239 |
list-style: none outside none; |
|
| 240 |
display: inline-block; |
|
| 241 |
margin:0 5px; |
|
| 242 |
a {
|
|
| 243 |
display: block; |
|
| 244 |
color:lighten($primary-color,30%); |
|
| 245 |
width:100%; |
|
| 246 |
padding:8px 20px; |
|
| 247 |
border:1px solid transparent; |
|
| 248 |
&.active {
|
|
| 249 |
color:$primary-color; |
|
| 250 |
&:hover {
|
|
| 251 |
color:$secondary-color; |
|
| 252 |
cursor: pointer; |
|
| 253 |
} |
|
| 254 |
} |
|
| 229 |
|
|
| 230 |
} |
|
| 231 |
|
|
| 232 |
/* Actions Bar ----------------------------------------------- */ |
|
| 233 |
|
|
| 234 |
.actions-bar {
|
|
| 235 |
text-align:center; |
|
| 236 |
line-height:40px; |
|
| 237 |
position:relative; |
|
| 238 |
padding:$header-padding-vertical/2 0 ; |
|
| 239 |
border-bottom:1px solid $primary-color; |
|
| 240 |
.row {
|
|
| 241 |
position: relative; |
|
| 242 |
} |
|
| 243 |
.main-actions {
|
|
| 244 |
} |
|
| 245 |
ul {
|
|
| 246 |
margin:0; |
|
| 247 |
li {
|
|
| 248 |
list-style: none outside none; |
|
| 249 |
display: inline-block; |
|
| 250 |
margin:0 5px; |
|
| 251 |
a {
|
|
| 252 |
display: block; |
|
| 253 |
color:lighten($primary-color,30%); |
|
| 254 |
width:100%; |
|
| 255 |
padding:8px 20px; |
|
| 256 |
border:1px solid transparent; |
|
| 257 |
&.active {
|
|
| 258 |
color:$primary-color; |
|
| 255 | 259 |
&:hover {
|
| 256 |
cursor:default; |
|
| 260 |
color:$secondary-color; |
|
| 261 |
cursor: pointer; |
|
| 257 | 262 |
} |
| 258 |
|
|
| 259 | 263 |
} |
| 264 |
&:hover {
|
|
| 265 |
cursor:default; |
|
| 266 |
} |
|
| 267 |
|
|
| 260 | 268 |
} |
| 261 | 269 |
} |
| 262 | 270 |
} |
| 263 |
.new-btn {
|
|
| 264 |
position: absolute;
|
|
| 265 |
left:0;
|
|
| 266 |
bottom:0;
|
|
| 267 |
a {
|
|
| 268 |
@extend .btn1;
|
|
| 269 |
span {
|
|
| 270 |
font-size:emCalc(20px);
|
|
| 271 |
}
|
|
| 271 |
}
|
|
| 272 |
.new-btn {
|
|
| 273 |
position: absolute;
|
|
| 274 |
left:0;
|
|
| 275 |
bottom:0;
|
|
| 276 |
a {
|
|
| 277 |
@extend .btn1;
|
|
| 278 |
span {
|
|
| 279 |
font-size:emCalc(20px);
|
|
| 272 | 280 |
} |
| 273 | 281 |
} |
| 274 | 282 |
} |
| 275 | 283 |
|
| 276 |
|
|
| 277 | 284 |
/* Icons Navigation ----------------------------------------------- */ |
| 278 | 285 |
|
| 279 | 286 |
.icons-nav {
|
Also available in: Unified diff