Revision 15948f00 snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 1 | 1 |
/* Table of Contents |
| 2 |
|
|
| 2 | 3 |
- Clearfix |
| 3 | 4 |
- Mixins |
| 4 |
- Buttons and links
|
|
| 5 |
- Buttons and Links
|
|
| 5 | 6 |
- Layout |
| 6 | 7 |
- Header |
| 8 |
- Icon Navigation |
|
| 9 |
- Top Info |
|
| 10 |
- Progress Bar |
|
| 7 | 11 |
|
| 8 | 12 |
*/ |
| 9 | 13 |
|
| ... | ... | |
| 26 | 30 |
|
| 27 | 31 |
/* Mixins ----------------------------------------------- */ |
| 28 | 32 |
|
| 29 |
// Set margin and padding to zero |
|
| 30 | 33 |
@mixin marginPaddingZero() {
|
| 31 | 34 |
margin: 0; |
| 32 | 35 |
padding: 0; |
| ... | ... | |
| 76 | 79 |
} |
| 77 | 80 |
} |
| 78 | 81 |
|
| 79 |
// border grey, on hover $secondary-color |
|
| 80 | 82 |
.btn1 {
|
| 81 | 83 |
border:1px solid $primary-color; |
| 82 | 84 |
color:$primary-color; |
| ... | ... | |
| 95 | 97 |
} |
| 96 | 98 |
} |
| 97 | 99 |
|
| 98 |
// white background, on hover transparent |
|
| 99 | 100 |
.btn2 {
|
| 100 | 101 |
@extend .btn1; |
| 101 | 102 |
color:$secondary-color; |
| ... | ... | |
| 108 | 109 |
} |
| 109 | 110 |
} |
| 110 | 111 |
|
| 111 |
// reverse btn2 |
|
| 112 | 112 |
.btn3 {
|
| 113 | 113 |
@extend .btn1; |
| 114 | 114 |
color:#fff; |
| ... | ... | |
| 130 | 130 |
&.current {
|
| 131 | 131 |
color: $secondary-color; |
| 132 | 132 |
border-color: $secondary-color; |
| 133 |
background: white;
|
|
| 133 |
background: #fff;
|
|
| 134 | 134 |
} |
| 135 | 135 |
} |
| 136 | 136 |
|
| 137 |
|
|
| 138 |
|
|
| 139 |
// btn with image on the right |
|
| 140 | 137 |
.btn-img {
|
| 141 | 138 |
@extend .btn1; |
| 142 | 139 |
border-color:$secondary-color; |
| ... | ... | |
| 151 | 148 |
} |
| 152 | 149 |
|
| 153 | 150 |
|
| 154 |
.row-full {
|
|
| 155 |
max-width:$row-full-width; |
|
| 156 |
margin:0 auto; |
|
| 157 |
} |
|
| 158 |
|
|
| 159 |
.onecol {
|
|
| 160 |
max-width:$row-width; |
|
| 161 |
margin:0 auto; |
|
| 162 |
} |
|
| 151 |
/* Layout ----------------------------------------------- */ |
|
| 163 | 152 |
|
| 164 | 153 |
.lt-sidebar {
|
| 165 | 154 |
width:250px; |
| ... | ... | |
| 176 | 165 |
|
| 177 | 166 |
.main {
|
| 178 | 167 |
padding:43px 40px; |
| 168 |
overflow:hidden; |
|
| 179 | 169 |
} |
| 180 | 170 |
|
| 171 |
|
|
| 172 |
|
|
| 173 |
/* Header ----------------------------------------------- */ |
|
| 174 |
|
|
| 181 | 175 |
.header {
|
| 182 | 176 |
position:relative; |
| 183 | 177 |
padding:$header-padding-vertical $header-padding-horizontal; |
| ... | ... | |
| 257 | 251 |
} |
| 258 | 252 |
} |
| 259 | 253 |
|
| 254 |
|
|
| 255 |
/* Icons Navigation ----------------------------------------------- */ |
|
| 256 |
|
|
| 260 | 257 |
.icons-nav {
|
| 261 | 258 |
@include marginPaddingZero(); |
| 262 | 259 |
li {
|
| ... | ... | |
| 276 | 273 |
|
| 277 | 274 |
|
| 278 | 275 |
|
| 279 |
// info styling |
|
| 276 |
|
|
| 277 |
/* Top info ----------------------------------------------- */ |
|
| 280 | 278 |
|
| 281 | 279 |
.top-info {
|
| 282 | 280 |
padding:50px 100px; |
| ... | ... | |
| 320 | 318 |
} |
| 321 | 319 |
|
| 322 | 320 |
|
| 321 |
/* Progress Bar ----------------------------------------------- */ |
|
| 322 |
|
|
| 323 | 323 |
.progress-bar {
|
| 324 | 324 |
position: fixed; |
| 325 | 325 |
bottom:0; |
| ... | ... | |
| 347 | 347 |
span.more {
|
| 348 | 348 |
display: inline-block; |
| 349 | 349 |
} |
| 350 |
} |
|
| 351 |
|
|
| 352 |
|
|
| 350 |
} |
|
Also available in: Unified diff