Revision f8f24db6
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/index.html | ||
|---|---|---|
| 6 | 6 |
<head> |
| 7 | 7 |
<meta charset="utf-8" /> |
| 8 | 8 |
<meta name="viewport" content="width=device-width" /> |
| 9 |
<title>Foundation 4</title>
|
|
| 9 |
<title>New ui mocks</title>
|
|
| 10 | 10 |
|
| 11 | 11 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
| 12 | 12 |
|
| ... | ... | |
| 30 | 30 |
<li><a href="vm_create_a_v1.html">Create new machine</a> (kpal original design)</li> |
| 31 | 31 |
|
| 32 | 32 |
</ul> |
| 33 |
<!-- |
|
| 33 |
|
|
| 34 | 34 |
<h2>Kpal designs with our suggestions</h2> |
| 35 | 35 |
<ul> |
| 36 |
<li><a href="vm_list_v2.html">VMs list page</a> (kpal original design)</li> |
|
| 37 |
<li><a href="vm_details_v2.html">VM details page</a> (kpal original design)</li> |
|
| 38 |
<li><a href="vm_create_a_v2.html">Create new machine</a> (kpal original design)</li> |
|
| 39 |
|
|
| 36 |
<li><a href="vm_list_v2.html">VMs list page</a> (kpal with our suggestions)</li> |
|
| 37 |
|
|
| 40 | 38 |
</ul> |
| 41 |
--> |
|
| 42 | 39 |
|
| 43 | 40 |
</div> |
| 44 | 41 |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 16 | 16 |
$('.lt-sidebar').height(ltSidebarHeight);
|
| 17 | 17 |
} |
| 18 | 18 |
|
| 19 |
ui.CntCheckedVms = function(){
|
|
| 20 |
return $('.vm_container .checkbox-checked').length;
|
|
| 21 |
} |
|
| 22 |
|
|
| 19 | 23 |
$(document).ready(function(){
|
| 20 | 24 |
|
| 21 | 25 |
ui.closeDiv($('.info .close'), '.info');
|
| ... | ... | |
| 43 | 47 |
$('body').addClass('with-overlay');
|
| 44 | 48 |
} |
| 45 | 49 |
|
| 50 |
$('.new-btn a.current').click(function(e){
|
|
| 51 |
e.preventDefault(); |
|
| 52 |
}) |
|
| 53 |
|
|
| 54 |
$('.vm_container .vm_options .select').click(function(e){
|
|
| 55 |
//var totalSelects = ui.CntCheckedVms(); |
|
| 56 |
//console.log(totalSelects); |
|
| 57 |
}) |
|
| 58 |
|
|
| 59 |
|
|
| 46 | 60 |
}) |
| 47 | 61 |
|
| 48 | 62 |
$(window).resize(function(e){
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss | ||
|---|---|---|
| 34 | 34 |
$white:#fff; |
| 35 | 35 |
|
| 36 | 36 |
$alert-color: $secondary-color; |
| 37 |
$success-color: #5da423;
|
|
| 37 |
$success-color: #00a551;
|
|
| 38 | 38 |
$warning-color: #49DDC5; |
| 39 |
$error-color: #ff5c58; |
|
| 39 | 40 |
|
| 40 | 41 |
// We use these to make sure border radius matches unless we want it different. |
| 41 | 42 |
$global-radius: 1px; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
|---|---|---|
| 97 | 97 |
background:$secondary-color; |
| 98 | 98 |
color:$white; |
| 99 | 99 |
} |
| 100 |
&.current {
|
|
| 101 |
cursor:default; |
|
| 102 |
} |
|
| 100 | 103 |
} |
| 101 | 104 |
|
| 102 | 105 |
// white background, on hover transparent |
| ... | ... | |
| 107 | 110 |
border-color:$secondary-color; |
| 108 | 111 |
&:hover, |
| 109 | 112 |
&.current {
|
| 110 |
color:$white; |
|
| 111 | 113 |
background:transparent; |
| 112 | 114 |
border-color:$white; |
| 113 | 115 |
} |
| ... | ... | |
| 127 | 129 |
} |
| 128 | 130 |
|
| 129 | 131 |
|
| 132 |
// reverse btn2 |
|
| 133 |
.btn4 {
|
|
| 134 |
@extend .btn1; |
|
| 135 |
color:$white; |
|
| 136 |
border-color:$white; |
|
| 137 |
background:$success-color; |
|
| 138 |
&:hover, |
|
| 139 |
&.current {
|
|
| 140 |
border-color:$white; |
|
| 141 |
background:darken($success-color,15%); |
|
| 142 |
|
|
| 143 |
} |
|
| 144 |
} |
|
| 145 |
|
|
| 130 | 146 |
a:hover {
|
| 131 | 147 |
@include transition(background, 300ms, ease-out); |
| 132 | 148 |
} |
| 133 | 149 |
|
| 134 | 150 |
.dummy-navigation {
|
| 151 |
display:none; |
|
| 135 | 152 |
position: fixed; |
| 136 | 153 |
right:0; |
| 137 | 154 |
top:100px; |
| ... | ... | |
| 168 | 185 |
|
| 169 | 186 |
.row-full {
|
| 170 | 187 |
width:$row-top-width; |
| 188 |
margin:0 auto; |
|
| 171 | 189 |
} |
| 172 | 190 |
|
| 173 | 191 |
.lt-sidebar {
|
| 174 | 192 |
width:250px; |
| 175 | 193 |
float:left; |
| 176 |
overflow:scroll; |
|
| 177 |
height:300px; |
|
| 194 |
|
|
| 178 | 195 |
&+.main {
|
| 179 | 196 |
overflow:hidden; |
| 180 | 197 |
} |
| ... | ... | |
| 198 | 215 |
} |
| 199 | 216 |
.actions {
|
| 200 | 217 |
text-align:center; |
| 218 |
height:45px; |
|
| 219 |
line-height:45px; |
|
| 220 |
position:relative; |
|
| 221 |
margin:2*$header-padding-vertical 0 $header-padding-vertical; |
|
| 222 |
.main-actions {
|
|
| 223 |
display: none; |
|
| 224 |
} |
|
| 201 | 225 |
ul {
|
| 202 |
margin:$header-padding-vertical 0 0;
|
|
| 226 |
margin:0; |
|
| 203 | 227 |
li {
|
| 204 | 228 |
list-style: none outside none; |
| 205 | 229 |
display: inline-block; |
| ... | ... | |
| 218 | 242 |
} |
| 219 | 243 |
.new-btn {
|
| 220 | 244 |
position: absolute; |
| 221 |
left:$header-padding-horizontal;
|
|
| 222 |
bottom:$header-padding-vertical;
|
|
| 245 |
left:0;
|
|
| 246 |
bottom:0;
|
|
| 223 | 247 |
a {
|
| 224 | 248 |
@extend .btn1; |
| 225 | 249 |
span {
|
| ... | ... | |
| 264 | 288 |
@include sprite('../images/info-close.png', 31px, 30px);
|
| 265 | 289 |
} |
| 266 | 290 |
} |
| 291 |
|
|
| 292 |
|
|
| 293 |
.info.error {
|
|
| 294 |
background:$error-color; |
|
| 295 |
color:$white; |
|
| 296 |
} |
|
| 297 |
|
|
| 298 |
|
|
| 267 | 299 |
.info.alert {
|
| 268 |
background:$secondary-color;
|
|
| 300 |
background:$alert-color;
|
|
| 269 | 301 |
color:$white; |
| 270 | 302 |
} |
| 271 | 303 |
|
| 272 | 304 |
.info.warning {
|
| 273 |
background:$warning-color;
|
|
| 274 |
color:$black;
|
|
| 305 |
background:$primary-color;
|
|
| 306 |
color:$white;
|
|
| 275 | 307 |
} |
| 276 | 308 |
|
| 277 | 309 |
.info.success {
|
| ... | ... | |
| 317 | 349 |
} |
| 318 | 350 |
|
| 319 | 351 |
.lt-sidebar.vms {
|
| 352 |
overflow:scroll; |
|
| 353 |
height:300px; |
|
| 320 | 354 |
font-size:emCalc(12px); |
| 355 |
.items-list {
|
|
| 356 |
padding:0; |
|
| 357 |
} |
|
| 321 | 358 |
.items-list li .img, |
| 322 | 359 |
.items-list li .os {
|
| 323 | 360 |
background-size:80%; |
| 324 | 361 |
} |
| 362 |
li:hover, |
|
| 363 |
li.current {
|
|
| 364 |
background:lighten($primary-color,30%); |
|
| 365 |
cursor: pointer; |
|
| 366 |
} |
|
| 325 | 367 |
} |
| 326 | 368 |
|
| 327 | 369 |
.vm {
|
| ... | ... | |
| 345 | 387 |
} |
| 346 | 388 |
|
| 347 | 389 |
.details {
|
| 390 |
position:relative; |
|
| 391 |
|
|
| 348 | 392 |
.top {
|
| 393 |
padding:100px $header-padding-horizontal; |
|
| 349 | 394 |
text-align: center; |
| 350 | 395 |
.img {
|
| 351 | 396 |
@include sprite('../images/vm-on.png', 112px, 116px);
|
| ... | ... | |
| 386 | 431 |
} |
| 387 | 432 |
} |
| 388 | 433 |
} |
| 434 |
.close {
|
|
| 435 |
position: absolute; |
|
| 436 |
right:$header-padding-horizontal; |
|
| 437 |
top:50px; |
|
| 438 |
@include sprite('../images/info-close-grey.png', 31px, 30px);
|
|
| 439 |
} |
|
| 389 | 440 |
} |
| 390 | 441 |
|
| 391 | 442 |
.border-bottom-style1 {
|
| ... | ... | |
| 413 | 464 |
} |
| 414 | 465 |
} |
| 415 | 466 |
} |
| 467 |
|
|
| 416 | 468 |
} |
| 417 | 469 |
} |
| 418 | 470 |
|
| ... | ... | |
| 420 | 472 |
.lt-sidebar, |
| 421 | 473 |
.main {
|
| 422 | 474 |
padding:100px $header-padding-horizontal; |
| 475 |
position:relative; |
|
| 423 | 476 |
} |
| 424 | 477 |
.navigation {
|
| 425 | 478 |
.rt {
|
| 426 | 479 |
float:right; |
| 427 | 480 |
} |
| 428 | 481 |
} |
| 482 |
.close {
|
|
| 483 |
position: absolute; |
|
| 484 |
right:$header-padding-horizontal; |
|
| 485 |
top:50px; |
|
| 486 |
@include sprite('../images/info-close.png', 31px, 30px);
|
|
| 487 |
} |
|
| 429 | 488 |
} |
| 430 | 489 |
|
| 431 | 490 |
.create-vm {
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/v2_app.scss | ||
|---|---|---|
| 1 |
// Global Foundation Settings |
|
| 2 |
@import "settings"; |
|
| 3 |
|
|
| 4 |
// Comment out this import if you are customizing you imports below |
|
| 5 |
@import "foundation"; |
|
| 6 |
|
|
| 7 |
// Import specific parts of Foundation by commenting the import "foundation" |
|
| 8 |
// and uncommenting what you want below. You must uncomment the following if customizing |
|
| 9 |
|
|
| 10 |
// @import "foundation/foundation-global"; // *always required |
|
| 11 |
// @import "foundation/components/global"; // *always required |
|
| 12 |
// @import "foundation/components/grid"; |
|
| 13 |
// @import "foundation/components/visibility"; |
|
| 14 |
// @import "foundation/components/block-grid"; |
|
| 15 |
// @import "foundation/components/type"; |
|
| 16 |
// @import "foundation/components/buttons"; |
|
| 17 |
// @import "foundation/components/forms"; // *requires components/buttons |
|
| 18 |
// @import "foundation/components/custom-forms"; // *requires components/buttons, components/forms |
|
| 19 |
// @import "foundation/components/button-groups"; // *requires components/buttons |
|
| 20 |
// @import "foundation/components/dropdown-buttons"; // *requires components/buttons |
|
| 21 |
// @import "foundation/components/split-buttons"; // *requires components/buttons |
|
| 22 |
// @import "foundation/components/flex-video"; |
|
| 23 |
// @import "foundation/components/section"; |
|
| 24 |
// @import "foundation/components/top-bar"; // *requires components/grid |
|
| 25 |
// @import "foundation/components/orbit"; |
|
| 26 |
// @import "foundation/components/reveal"; |
|
| 27 |
// @import "foundation/components/joyride"; |
|
| 28 |
// @import "foundation/components/clearing"; |
|
| 29 |
// @import "foundation/components/alert-boxes"; |
|
| 30 |
// @import "foundation/components/breadcrumbs"; |
|
| 31 |
// @import "foundation/components/keystrokes"; |
|
| 32 |
// @import "foundation/components/labels"; |
|
| 33 |
// @import "foundation/components/inline-lists"; |
|
| 34 |
// @import "foundation/components/pagination"; |
|
| 35 |
// @import "foundation/components/panels"; |
|
| 36 |
// @import "foundation/components/pricing-tables"; |
|
| 37 |
// @import "foundation/components/progress-bars"; |
|
| 38 |
// @import "foundation/components/side-nav"; |
|
| 39 |
// @import "foundation/components/sub-nav"; |
|
| 40 |
// @import "foundation/components/switch"; |
|
| 41 |
// @import "foundation/components/magellan"; |
|
| 42 |
// @import "foundation/components/tables"; |
|
| 43 |
// @import "foundation/components/thumbs"; |
|
| 44 |
// @import "foundation/components/tooltips"; |
|
| 45 |
// @import "foundation/components/dropdown"; |
|
| 46 |
|
|
| 47 |
.clearfix:before, |
|
| 48 |
.clearfix:after { content:" "; display:block; height:0; visibility:hidden; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */
|
|
| 49 |
.clearfix:after { clear:both; }
|
|
| 50 |
// Set margin and padding to zero |
|
| 51 |
@mixin marginPaddingZero() {
|
|
| 52 |
margin: 0; |
|
| 53 |
padding: 0; |
|
| 54 |
} |
|
| 55 |
|
|
| 56 |
|
|
| 57 |
// Establishes the prequisits for sprite with background-image. |
|
| 58 |
// Background-position for normal and hover states need to |
|
| 59 |
// be declared separetely |
|
| 60 |
@mixin sprite($image, $width, $height){
|
|
| 61 |
background:url($image) no-repeat center center; |
|
| 62 |
width: $width; |
|
| 63 |
height:$height; |
|
| 64 |
display: inline-block; |
|
| 65 |
text-indent: -2000px; |
|
| 66 |
overflow: hidden; |
|
| 67 |
|
|
| 68 |
} |
|
| 69 |
|
|
| 70 |
// Transition for css properties |
|
| 71 |
@mixin transition($transition-property, $transition-time, $method) {
|
|
| 72 |
-webkit-transition: $transition-property $transition-time $method; |
|
| 73 |
-moz-transition: $transition-property $transition-time $method; |
|
| 74 |
-ms-transition: $transition-property $transition-time $method; |
|
| 75 |
-o-transition: $transition-property $transition-time $method; |
|
| 76 |
transition: $transition-property $transition-time $method; |
|
| 77 |
} |
|
| 78 |
|
|
| 79 |
// Box-shadow property. For no box-shadow use box-shadow(none) |
|
| 80 |
@mixin box-shadow($shadows...) {
|
|
| 81 |
-moz-box-shadow: $shadows; |
|
| 82 |
-webkit-box-shadow: $shadows; |
|
| 83 |
box-shadow: $shadows; |
|
| 84 |
} |
|
| 85 |
|
|
| 86 |
// border grey, on hover pink |
|
| 87 |
.btn1 {
|
|
| 88 |
border:1px solid $primary-color; |
|
| 89 |
color:$primary-color; |
|
| 90 |
display:inline-block; |
|
| 91 |
padding:10px 20px; |
|
| 92 |
line-height:1em; |
|
| 93 |
text-align:center; |
|
| 94 |
&:hover, |
|
| 95 |
&.current {
|
|
| 96 |
border-color:$secondary-color; |
|
| 97 |
background:$secondary-color; |
|
| 98 |
color:$white; |
|
| 99 |
} |
|
| 100 |
&.current {
|
|
| 101 |
cursor:default; |
|
| 102 |
} |
|
| 103 |
} |
|
| 104 |
|
|
| 105 |
// white background, on hover transparent |
|
| 106 |
.btn2 {
|
|
| 107 |
@extend .btn1; |
|
| 108 |
color:$secondary-color; |
|
| 109 |
background:$white; |
|
| 110 |
border-color:$secondary-color; |
|
| 111 |
&:hover, |
|
| 112 |
&.current {
|
|
| 113 |
background:transparent; |
|
| 114 |
border-color:$white; |
|
| 115 |
} |
|
| 116 |
} |
|
| 117 |
|
|
| 118 |
// reverse btn2 |
|
| 119 |
.btn3 {
|
|
| 120 |
@extend .btn1; |
|
| 121 |
color:$white; |
|
| 122 |
border-color:$white; |
|
| 123 |
&:hover, |
|
| 124 |
&.current {
|
|
| 125 |
color:$secondary-color; |
|
| 126 |
background:$white; |
|
| 127 |
border-color:$white; |
|
| 128 |
} |
|
| 129 |
} |
|
| 130 |
|
|
| 131 |
|
|
| 132 |
// reverse btn2 |
|
| 133 |
.btn4 {
|
|
| 134 |
@extend .btn1; |
|
| 135 |
color:$white; |
|
| 136 |
border-color:$white; |
|
| 137 |
background:$success-color; |
|
| 138 |
&:hover, |
|
| 139 |
&.current {
|
|
| 140 |
border-color:$white; |
|
| 141 |
background:darken($success-color,15%); |
|
| 142 |
|
|
| 143 |
} |
|
| 144 |
} |
|
| 145 |
|
|
| 146 |
a:hover {
|
|
| 147 |
@include transition(background, 300ms, ease-out); |
|
| 148 |
} |
|
| 149 |
|
|
| 150 |
.dummy-navigation {
|
|
| 151 |
position: fixed; |
|
| 152 |
right:0; |
|
| 153 |
top:100px; |
|
| 154 |
padding:20px; |
|
| 155 |
background:#cc0; |
|
| 156 |
z-index:100; |
|
| 157 |
line-height:160%; |
|
| 158 |
a {
|
|
| 159 |
color:$black; |
|
| 160 |
&:hover { color:$white }
|
|
| 161 |
&.open { color:$white;}
|
|
| 162 |
&.close {
|
|
| 163 |
float:right; |
|
| 164 |
font-weight:bold; |
|
| 165 |
font-size:20px; |
|
| 166 |
} |
|
| 167 |
} |
|
| 168 |
} |
|
| 169 |
|
|
| 170 |
.ours {
|
|
| 171 |
padding:8px 15px; |
|
| 172 |
color:$white; |
|
| 173 |
font-size:20px; |
|
| 174 |
font-weight:bold; |
|
| 175 |
background:#cc0; |
|
| 176 |
display:none; |
|
| 177 |
position: absolute; |
|
| 178 |
&.questions { background:orange;}
|
|
| 179 |
&.problems { background:red;}
|
|
| 180 |
&.suggestions { background:#3EC9FF;}
|
|
| 181 |
|
|
| 182 |
} |
|
| 183 |
|
|
| 184 |
|
|
| 185 |
.row-full {
|
|
| 186 |
width:$row-top-width; |
|
| 187 |
margin:0 auto; |
|
| 188 |
} |
|
| 189 |
|
|
| 190 |
.lt-sidebar {
|
|
| 191 |
width:250px; |
|
| 192 |
float:left; |
|
| 193 |
|
|
| 194 |
&+.main {
|
|
| 195 |
overflow:hidden; |
|
| 196 |
} |
|
| 197 |
} |
|
| 198 |
|
|
| 199 |
.main {
|
|
| 200 |
padding:20px 40px; |
|
| 201 |
} |
|
| 202 |
|
|
| 203 |
body.with-overlay {
|
|
| 204 |
background:$secondary-color; |
|
| 205 |
} |
|
| 206 |
|
|
| 207 |
.header {
|
|
| 208 |
position:relative; |
|
| 209 |
padding:$header-padding-vertical $header-padding-horizontal; |
|
| 210 |
border-bottom:1px solid $primary-color; |
|
| 211 |
background:$white; |
|
| 212 |
.logo {
|
|
| 213 |
text-align: center; |
|
| 214 |
} |
|
| 215 |
.actions {
|
|
| 216 |
text-align:center; |
|
| 217 |
ul {
|
|
| 218 |
margin:$header-padding-vertical 0 0; |
|
| 219 |
li {
|
|
| 220 |
list-style: none outside none; |
|
| 221 |
display: inline-block; |
|
| 222 |
margin:0 5px; |
|
| 223 |
a {
|
|
| 224 |
display: block; |
|
| 225 |
width:100%; |
|
| 226 |
padding:8px 20px; |
|
| 227 |
border:1px solid transparent; |
|
| 228 |
&:hover {
|
|
| 229 |
border:1px solid $secondary-color; |
|
| 230 |
} |
|
| 231 |
} |
|
| 232 |
} |
|
| 233 |
} |
|
| 234 |
} |
|
| 235 |
.new-btn {
|
|
| 236 |
position: absolute; |
|
| 237 |
left:$header-padding-horizontal; |
|
| 238 |
bottom:$header-padding-vertical; |
|
| 239 |
a {
|
|
| 240 |
@extend .btn4; |
|
| 241 |
span {
|
|
| 242 |
font-size:emCalc(20px); |
|
| 243 |
} |
|
| 244 |
} |
|
| 245 |
} |
|
| 246 |
} |
|
| 247 |
.login {
|
|
| 248 |
position:absolute; |
|
| 249 |
right:$header-padding-horizontal; |
|
| 250 |
top:$header-padding-vertical; |
|
| 251 |
} |
|
| 252 |
|
|
| 253 |
.top-nav {
|
|
| 254 |
position:absolute; |
|
| 255 |
left:$header-padding-horizontal; |
|
| 256 |
top:$header-padding-vertical; |
|
| 257 |
ul {
|
|
| 258 |
@include marginPaddingZero(); |
|
| 259 |
li {
|
|
| 260 |
display: inline-block; |
|
| 261 |
margin-right:15px; |
|
| 262 |
a {
|
|
| 263 |
padding-bottom:5px; |
|
| 264 |
} |
|
| 265 |
} |
|
| 266 |
} |
|
| 267 |
|
|
| 268 |
} |
|
| 269 |
|
|
| 270 |
|
|
| 271 |
// info styling |
|
| 272 |
|
|
| 273 |
.top-info {
|
|
| 274 |
padding:50px 100px; |
|
| 275 |
position: relative; |
|
| 276 |
.close {
|
|
| 277 |
position: absolute; |
|
| 278 |
right:$header-padding-horizontal; |
|
| 279 |
top:50px; |
|
| 280 |
@include sprite('../images/info-close.png', 31px, 30px);
|
|
| 281 |
} |
|
| 282 |
} |
|
| 283 |
.info.alert {
|
|
| 284 |
background:$secondary-color; |
|
| 285 |
color:$white; |
|
| 286 |
} |
|
| 287 |
|
|
| 288 |
.info.warning {
|
|
| 289 |
background:$warning-color; |
|
| 290 |
color:$black; |
|
| 291 |
} |
|
| 292 |
|
|
| 293 |
.info.success {
|
|
| 294 |
background:$success-color; |
|
| 295 |
color:$white; |
|
| 296 |
} |
|
| 297 |
|
|
| 298 |
.items-list {
|
|
| 299 |
padding:50px 0; |
|
| 300 |
li {
|
|
| 301 |
text-align:center; |
|
| 302 |
padding:20px; |
|
| 303 |
.visible-info {
|
|
| 304 |
span {
|
|
| 305 |
display: block; |
|
| 306 |
} |
|
| 307 |
} |
|
| 308 |
} |
|
| 309 |
} |
|
| 310 |
|
|
| 311 |
.vms {
|
|
| 312 |
.items-list {
|
|
| 313 |
li {
|
|
| 314 |
.more {
|
|
| 315 |
float:right; |
|
| 316 |
} |
|
| 317 |
.more-info {
|
|
| 318 |
position:relative; |
|
| 319 |
.content {
|
|
| 320 |
position:absolute; |
|
| 321 |
top:0; |
|
| 322 |
right:0; |
|
| 323 |
border:2px solid #ccc; |
|
| 324 |
} |
|
| 325 |
} |
|
| 326 |
.img {
|
|
| 327 |
@include sprite('../images/vm-on.png', 56px, 58px);
|
|
| 328 |
margin-bottom: 20px; |
|
| 329 |
position: relative; |
|
| 330 |
&.stopped {
|
|
| 331 |
background-image:url('../images/vm-stopped.png');
|
|
| 332 |
} |
|
| 333 |
.os {
|
|
| 334 |
@include sprite('../images/os-unknown.png', 22px, 22px);
|
|
| 335 |
position: absolute; |
|
| 336 |
top:8px; |
|
| 337 |
left:18px; |
|
| 338 |
&.windows { background-image:url('../images/os-windows.png'); }
|
|
| 339 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
|
|
| 340 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
|
| 341 |
} |
|
| 342 |
} |
|
| 343 |
} |
|
| 344 |
} |
|
| 345 |
} |
|
| 346 |
|
|
| 347 |
.lt-sidebar.vms {
|
|
| 348 |
overflow:scroll; |
|
| 349 |
height:300px; |
|
| 350 |
font-size:emCalc(12px); |
|
| 351 |
.items-list {
|
|
| 352 |
padding:0; |
|
| 353 |
} |
|
| 354 |
.items-list li .img, |
|
| 355 |
.items-list li .os {
|
|
| 356 |
background-size:80%; |
|
| 357 |
} |
|
| 358 |
li:hover, |
|
| 359 |
li.current {
|
|
| 360 |
background:lighten($primary-color,30%); |
|
| 361 |
cursor: pointer; |
|
| 362 |
} |
|
| 363 |
} |
|
| 364 |
|
|
| 365 |
.vm {
|
|
| 366 |
.img {
|
|
| 367 |
@include sprite('../images/vm-on.png', 56px, 58px);
|
|
| 368 |
margin-bottom: 20px; |
|
| 369 |
position: relative; |
|
| 370 |
&.stopped {
|
|
| 371 |
background-image:url('../images/vm-stopped.png');
|
|
| 372 |
} |
|
| 373 |
.os {
|
|
| 374 |
@include sprite('../images/os-unknown.png', 22px, 22px);
|
|
| 375 |
position: absolute; |
|
| 376 |
top:8px; |
|
| 377 |
left:18px; |
|
| 378 |
&.windows { background-image:url('../images/os-windows.png'); }
|
|
| 379 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
|
|
| 380 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
|
| 381 |
} |
|
| 382 |
} |
|
| 383 |
} |
|
| 384 |
|
|
| 385 |
.details {
|
|
| 386 |
position:relative; |
|
| 387 |
|
|
| 388 |
.top {
|
|
| 389 |
padding:100px $header-padding-horizontal; |
|
| 390 |
text-align: center; |
|
| 391 |
.img {
|
|
| 392 |
@include sprite('../images/vm-on.png', 112px, 116px);
|
|
| 393 |
background-size:100%; |
|
| 394 |
} |
|
| 395 |
.os {
|
|
| 396 |
background-size:100%; |
|
| 397 |
width:44px; |
|
| 398 |
height:44px; |
|
| 399 |
left:36px; |
|
| 400 |
top:16px; |
|
| 401 |
} |
|
| 402 |
.actions {
|
|
| 403 |
ul {
|
|
| 404 |
padding:1em; |
|
| 405 |
text-align:center; |
|
| 406 |
li {
|
|
| 407 |
list-style: none outside none; |
|
| 408 |
display: inline-block; |
|
| 409 |
margin:0 10px; |
|
| 410 |
min-width: 112px; |
|
| 411 |
a {
|
|
| 412 |
@extend .btn1; |
|
| 413 |
} |
|
| 414 |
|
|
| 415 |
} |
|
| 416 |
} |
|
| 417 |
} |
|
| 418 |
|
|
| 419 |
} |
|
| 420 |
.info {
|
|
| 421 |
dl {
|
|
| 422 |
margin:0; |
|
| 423 |
dt {
|
|
| 424 |
display: inline-block; |
|
| 425 |
width:25%; |
|
| 426 |
float:left; |
|
| 427 |
} |
|
| 428 |
} |
|
| 429 |
} |
|
| 430 |
.close {
|
|
| 431 |
position: absolute; |
|
| 432 |
right:$header-padding-horizontal; |
|
| 433 |
top:50px; |
|
| 434 |
@include sprite('../images/info-close-grey.png', 31px, 30px);
|
|
| 435 |
} |
|
| 436 |
} |
|
| 437 |
|
|
| 438 |
.border-bottom-style1 {
|
|
| 439 |
padding-bottom:20px; |
|
| 440 |
margin-bottom:20px; |
|
| 441 |
border-bottom:2px dashed $primary-color; |
|
| 442 |
} |
|
| 443 |
|
|
| 444 |
.overlay {
|
|
| 445 |
background:$secondary-color; |
|
| 446 |
.lt-sidebar {
|
|
| 447 |
border-right:1px solid $white; |
|
| 448 |
ul {
|
|
| 449 |
li {
|
|
| 450 |
list-style:none outside none; |
|
| 451 |
a {
|
|
| 452 |
color:$white; |
|
| 453 |
span { float:right; display:none;}
|
|
| 454 |
&:hover, |
|
| 455 |
&.current {
|
|
| 456 |
|
|
| 457 |
text-decoration: none; |
|
| 458 |
span {
|
|
| 459 |
display:inline; |
|
| 460 |
} |
|
| 461 |
} |
|
| 462 |
} |
|
| 463 |
|
|
| 464 |
} |
|
| 465 |
} |
|
| 466 |
|
|
| 467 |
} |
|
| 468 |
.lt-sidebar, |
|
| 469 |
.main {
|
|
| 470 |
padding:100px $header-padding-horizontal; |
|
| 471 |
position:relative; |
|
| 472 |
} |
|
| 473 |
.navigation {
|
|
| 474 |
.rt {
|
|
| 475 |
float:right; |
|
| 476 |
} |
|
| 477 |
} |
|
| 478 |
.close {
|
|
| 479 |
position: absolute; |
|
| 480 |
right:$header-padding-horizontal; |
|
| 481 |
top:50px; |
|
| 482 |
@include sprite('../images/info-close.png', 31px, 30px);
|
|
| 483 |
} |
|
| 484 |
} |
|
| 485 |
|
|
| 486 |
.create-vm {
|
|
| 487 |
.select-os {
|
|
| 488 |
li {
|
|
| 489 |
width:23%; |
|
| 490 |
padding:20px; |
|
| 491 |
list-style:none outside none; |
|
| 492 |
display: inline-block; |
|
| 493 |
float: left; |
|
| 494 |
height: 200px; |
|
| 495 |
margin:0 10px 10px 0; |
|
| 496 |
&:hover, |
|
| 497 |
&.selected {
|
|
| 498 |
background:$white; |
|
| 499 |
h2, p, a {
|
|
| 500 |
color:$secondary-color; |
|
| 501 |
} |
|
| 502 |
} |
|
| 503 |
a {
|
|
| 504 |
color:$white; |
|
| 505 |
} |
|
| 506 |
.os {
|
|
| 507 |
@include sprite('../images/os-unknown.png', 30px, 30px);
|
|
| 508 |
background-size:100%; |
|
| 509 |
margin-bottom:2em; |
|
| 510 |
&.windows { background-image:url('../images/os-windows.png'); }
|
|
| 511 |
&.kubuntu { background-image:url('../images/os-kubuntu.png'); }
|
|
| 512 |
&.fedora { background-image:url('../images/os-fedora.png'); }
|
|
| 513 |
} |
|
| 514 |
h2 {
|
|
| 515 |
font-size:emCalc(16px); |
|
| 516 |
font-weight:normal; |
|
| 517 |
color:$white; |
|
| 518 |
} |
|
| 519 |
.details {
|
|
| 520 |
font-weight:bold; |
|
| 521 |
font-size:emCalc(14px); |
|
| 522 |
} |
|
| 523 |
} |
|
| 524 |
} |
|
| 525 |
.select-flavor {
|
|
| 526 |
dl {
|
|
| 527 |
color:$white; |
|
| 528 |
font-size:emCalc(20px); |
|
| 529 |
margin-bottom:10px; |
|
| 530 |
dd {
|
|
| 531 |
width:23%; |
|
| 532 |
display: inline-block; |
|
| 533 |
} |
|
| 534 |
dt {
|
|
| 535 |
width:70%; |
|
| 536 |
display: inline-block; |
|
| 537 |
font-weight: normal; |
|
| 538 |
span {
|
|
| 539 |
@extend .btn3; |
|
| 540 |
min-width: 90px; |
|
| 541 |
margin:0 10px; |
|
| 542 |
&:first-child {
|
|
| 543 |
margin-left:0; |
|
| 544 |
} |
|
| 545 |
} |
|
| 546 |
} |
|
| 547 |
} |
|
| 548 |
} |
|
| 549 |
} |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 2028 | 2028 |
} |
| 2029 | 2029 |
/* line 178, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_buttons.scss */ |
| 2030 | 2030 |
button.success, .button.success {
|
| 2031 |
background-color: #5da423;
|
|
| 2032 |
border-color: #457a1a;
|
|
| 2031 |
background-color: #00a551;
|
|
| 2032 |
border-color: #007238;
|
|
| 2033 | 2033 |
color: white; |
| 2034 | 2034 |
} |
| 2035 | 2035 |
/* line 123, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_buttons.scss */ |
| 2036 | 2036 |
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
|
| 2037 |
background-color: #457a1a;
|
|
| 2037 |
background-color: #007238;
|
|
| 2038 | 2038 |
} |
| 2039 | 2039 |
/* line 134, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_buttons.scss */ |
| 2040 | 2040 |
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
|
| ... | ... | |
| 2140 | 2140 |
} |
| 2141 | 2141 |
/* line 191, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_buttons.scss */ |
| 2142 | 2142 |
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
|
| 2143 |
background-color: #5da423;
|
|
| 2144 |
border-color: #457a1a;
|
|
| 2143 |
background-color: #00a551;
|
|
| 2144 |
border-color: #007238;
|
|
| 2145 | 2145 |
color: white; |
| 2146 | 2146 |
cursor: default; |
| 2147 | 2147 |
opacity: 0.6; |
| ... | ... | |
| 2150 | 2150 |
} |
| 2151 | 2151 |
/* line 123, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_buttons.scss */ |
| 2152 | 2152 |
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
|
| 2153 |
background-color: #457a1a;
|
|
| 2153 |
background-color: #007238;
|
|
| 2154 | 2154 |
} |
| 2155 | 2155 |
/* line 134, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_buttons.scss */ |
| 2156 | 2156 |
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
|
| ... | ... | |
| 2158 | 2158 |
} |
| 2159 | 2159 |
/* line 147, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_buttons.scss */ |
| 2160 | 2160 |
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
|
| 2161 |
background-color: #5da423;
|
|
| 2161 |
background-color: #00a551;
|
|
| 2162 | 2162 |
} |
| 2163 | 2163 |
/* line 192, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_buttons.scss */ |
| 2164 | 2164 |
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
|
| ... | ... | |
| 2943 | 2943 |
} |
| 2944 | 2944 |
/* line 79, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_split-buttons.scss */ |
| 2945 | 2945 |
.split.button.success span {
|
| 2946 |
border-left-color: #396516;
|
|
| 2946 |
border-left-color: #00592b;
|
|
| 2947 | 2947 |
} |
| 2948 | 2948 |
/* line 156, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_split-buttons.scss */ |
| 2949 | 2949 |
.split.button.tiny {
|
| ... | ... | |
| 4300 | 4300 |
} |
| 4301 | 4301 |
/* line 259, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_top-bar.scss */ |
| 4302 | 4302 |
.top-bar-section ul li > a.button.success {
|
| 4303 |
background: #5da423;
|
|
| 4303 |
background: #00a551;
|
|
| 4304 | 4304 |
} |
| 4305 | 4305 |
/* line 261, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_top-bar.scss */ |
| 4306 | 4306 |
.top-bar-section ul li > a.button.success.hover {
|
| 4307 |
background: #457a1a;
|
|
| 4307 |
background: #007238;
|
|
| 4308 | 4308 |
} |
| 4309 | 4309 |
/* line 265, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_top-bar.scss */ |
| 4310 | 4310 |
.top-bar-section ul li > a.button.alert {
|
| ... | ... | |
| 5484 | 5484 |
} |
| 5485 | 5485 |
/* line 102, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_alert-boxes.scss */ |
| 5486 | 5486 |
.alert-box.success {
|
| 5487 |
background-color: #5da423;
|
|
| 5488 |
border-color: #457a1a;
|
|
| 5487 |
background-color: #00a551;
|
|
| 5488 |
border-color: #007238;
|
|
| 5489 | 5489 |
color: white; |
| 5490 | 5490 |
} |
| 5491 | 5491 |
/* line 103, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_alert-boxes.scss */ |
| ... | ... | |
| 5893 | 5893 |
} |
| 5894 | 5894 |
/* line 81, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_labels.scss */ |
| 5895 | 5895 |
.label.success {
|
| 5896 |
background-color: #5da423;
|
|
| 5896 |
background-color: #00a551;
|
|
| 5897 | 5897 |
color: white; |
| 5898 | 5898 |
} |
| 5899 | 5899 |
/* line 82, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_labels.scss */ |
| ... | ... | |
| 6136 | 6136 |
} |
| 6137 | 6137 |
/* line 58, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_progress-bars.scss */ |
| 6138 | 6138 |
.progress.success .meter {
|
| 6139 |
background: #5da423;
|
|
| 6139 |
background: #00a551;
|
|
| 6140 | 6140 |
height: 100%; |
| 6141 | 6141 |
display: block; |
| 6142 | 6142 |
} |
| ... | ... | |
| 6367 | 6367 |
background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); |
| 6368 | 6368 |
background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%); |
| 6369 | 6369 |
background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%); |
| 6370 |
-webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
|
|
| 6371 |
box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
|
|
| 6370 |
-webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #a5ffd1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
|
|
| 6371 |
box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #a5ffd1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke;
|
|
| 6372 | 6372 |
} |
| 6373 | 6373 |
/* line 196, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_switch.scss */ |
| 6374 | 6374 |
div.switch:hover span:last-child, div.switch:focus span:last-child {
|
| ... | ... | |
| 6803 | 6803 |
} |
| 6804 | 6804 |
|
| 6805 | 6805 |
/* line 87, ../sass/app.scss */ |
| 6806 |
.btn1, .btn2, .btn3, .create-vm .select-flavor dl dt span, .header .new-btn a, .details .top .actions ul li a {
|
|
| 6806 |
.btn1, .btn2, .btn3, .create-vm .select-flavor dl dt span, .btn4, .header .new-btn a, .details .top .actions ul li a {
|
|
| 6807 | 6807 |
border: 1px solid #919194; |
| 6808 | 6808 |
color: #919194; |
| 6809 | 6809 |
display: inline-block; |
| ... | ... | |
| 6812 | 6812 |
text-align: center; |
| 6813 | 6813 |
} |
| 6814 | 6814 |
/* line 95, ../sass/app.scss */ |
| 6815 |
.btn1:hover, .btn2:hover, .btn3:hover, .create-vm .select-flavor dl dt span:hover, .header .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6815 |
.btn1:hover, .btn2:hover, .btn3:hover, .create-vm .select-flavor dl dt span:hover, .btn4:hover, .header .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .current.btn4, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6816 | 6816 |
border-color: #ff7bac; |
| 6817 | 6817 |
background: #ff7bac; |
| 6818 | 6818 |
color: white; |
| 6819 | 6819 |
} |
| 6820 |
/* line 100, ../sass/app.scss */ |
|
| 6821 |
.btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .current.btn4, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6822 |
cursor: default; |
|
| 6823 |
} |
|
| 6820 | 6824 |
|
| 6821 |
/* line 103, ../sass/app.scss */
|
|
| 6825 |
/* line 106, ../sass/app.scss */
|
|
| 6822 | 6826 |
.btn2 {
|
| 6823 | 6827 |
color: #ff7bac; |
| 6824 | 6828 |
background: white; |
| 6825 | 6829 |
border-color: #ff7bac; |
| 6826 | 6830 |
} |
| 6827 |
/* line 109, ../sass/app.scss */
|
|
| 6831 |
/* line 112, ../sass/app.scss */
|
|
| 6828 | 6832 |
.btn2:hover, .btn2.current {
|
| 6829 |
color: white; |
|
| 6830 | 6833 |
background: transparent; |
| 6831 | 6834 |
border-color: white; |
| 6832 | 6835 |
} |
| 6833 | 6836 |
|
| 6834 |
/* line 117, ../sass/app.scss */
|
|
| 6837 |
/* line 119, ../sass/app.scss */
|
|
| 6835 | 6838 |
.btn3, .create-vm .select-flavor dl dt span {
|
| 6836 | 6839 |
color: white; |
| 6837 | 6840 |
border-color: white; |
| 6838 | 6841 |
} |
| 6839 |
/* line 122, ../sass/app.scss */
|
|
| 6842 |
/* line 124, ../sass/app.scss */
|
|
| 6840 | 6843 |
.btn3:hover, .create-vm .select-flavor dl dt span:hover, .btn3.current, .create-vm .select-flavor dl dt span.current {
|
| 6841 | 6844 |
color: #ff7bac; |
| 6842 | 6845 |
background: white; |
| 6843 | 6846 |
border-color: white; |
| 6844 | 6847 |
} |
| 6845 | 6848 |
|
| 6846 |
/* line 130, ../sass/app.scss */ |
|
| 6849 |
/* line 133, ../sass/app.scss */ |
|
| 6850 |
.btn4 {
|
|
| 6851 |
color: white; |
|
| 6852 |
border-color: white; |
|
| 6853 |
background: #00a551; |
|
| 6854 |
} |
|
| 6855 |
/* line 139, ../sass/app.scss */ |
|
| 6856 |
.btn4:hover, .btn4.current {
|
|
| 6857 |
border-color: white; |
|
| 6858 |
background: #00592b; |
|
| 6859 |
} |
|
| 6860 |
|
|
| 6861 |
/* line 146, ../sass/app.scss */ |
|
| 6847 | 6862 |
a:hover {
|
| 6848 | 6863 |
-webkit-transition: background 300ms ease-out; |
| 6849 | 6864 |
-moz-transition: background 300ms ease-out; |
| ... | ... | |
| 6852 | 6867 |
transition: background 300ms ease-out; |
| 6853 | 6868 |
} |
| 6854 | 6869 |
|
| 6855 |
/* line 134, ../sass/app.scss */
|
|
| 6870 |
/* line 150, ../sass/app.scss */
|
|
| 6856 | 6871 |
.dummy-navigation {
|
| 6872 |
display: none; |
|
| 6857 | 6873 |
position: fixed; |
| 6858 | 6874 |
right: 0; |
| 6859 | 6875 |
top: 100px; |
| ... | ... | |
| 6862 | 6878 |
z-index: 100; |
| 6863 | 6879 |
line-height: 160%; |
| 6864 | 6880 |
} |
| 6865 |
/* line 142, ../sass/app.scss */
|
|
| 6881 |
/* line 159, ../sass/app.scss */
|
|
| 6866 | 6882 |
.dummy-navigation a {
|
| 6867 | 6883 |
color: black; |
| 6868 | 6884 |
} |
| 6869 |
/* line 144, ../sass/app.scss */
|
|
| 6885 |
/* line 161, ../sass/app.scss */
|
|
| 6870 | 6886 |
.dummy-navigation a:hover {
|
| 6871 | 6887 |
color: white; |
| 6872 | 6888 |
} |
| 6873 |
/* line 145, ../sass/app.scss */
|
|
| 6889 |
/* line 162, ../sass/app.scss */
|
|
| 6874 | 6890 |
.dummy-navigation a.open {
|
| 6875 | 6891 |
color: white; |
| 6876 | 6892 |
} |
| 6877 |
/* line 146, ../sass/app.scss */
|
|
| 6893 |
/* line 163, ../sass/app.scss */
|
|
| 6878 | 6894 |
.dummy-navigation a.close {
|
| 6879 | 6895 |
float: right; |
| 6880 | 6896 |
font-weight: bold; |
| 6881 | 6897 |
font-size: 20px; |
| 6882 | 6898 |
} |
| 6883 | 6899 |
|
| 6884 |
/* line 154, ../sass/app.scss */
|
|
| 6900 |
/* line 171, ../sass/app.scss */
|
|
| 6885 | 6901 |
.ours {
|
| 6886 | 6902 |
padding: 8px 15px; |
| 6887 | 6903 |
color: white; |
| ... | ... | |
| 6891 | 6907 |
display: none; |
| 6892 | 6908 |
position: absolute; |
| 6893 | 6909 |
} |
| 6894 |
/* line 162, ../sass/app.scss */
|
|
| 6910 |
/* line 179, ../sass/app.scss */
|
|
| 6895 | 6911 |
.ours.questions {
|
| 6896 | 6912 |
background: orange; |
| 6897 | 6913 |
} |
| 6898 |
/* line 163, ../sass/app.scss */
|
|
| 6914 |
/* line 180, ../sass/app.scss */
|
|
| 6899 | 6915 |
.ours.problems {
|
| 6900 | 6916 |
background: red; |
| 6901 | 6917 |
} |
| 6902 |
/* line 164, ../sass/app.scss */
|
|
| 6918 |
/* line 181, ../sass/app.scss */
|
|
| 6903 | 6919 |
.ours.suggestions {
|
| 6904 | 6920 |
background: #3EC9FF; |
| 6905 | 6921 |
} |
| 6906 | 6922 |
|
| 6907 |
/* line 169, ../sass/app.scss */
|
|
| 6923 |
/* line 186, ../sass/app.scss */
|
|
| 6908 | 6924 |
.row-full {
|
| 6909 | 6925 |
width: 100%; |
| 6926 |
margin: 0 auto; |
|
| 6910 | 6927 |
} |
| 6911 | 6928 |
|
| 6912 |
/* line 173, ../sass/app.scss */
|
|
| 6929 |
/* line 191, ../sass/app.scss */
|
|
| 6913 | 6930 |
.lt-sidebar {
|
| 6914 | 6931 |
width: 250px; |
| 6915 | 6932 |
float: left; |
| 6916 |
overflow: scroll; |
|
| 6917 |
height: 300px; |
|
| 6918 | 6933 |
} |
| 6919 |
/* line 178, ../sass/app.scss */
|
|
| 6934 |
/* line 195, ../sass/app.scss */
|
|
| 6920 | 6935 |
.lt-sidebar + .main {
|
| 6921 | 6936 |
overflow: hidden; |
| 6922 | 6937 |
} |
| 6923 | 6938 |
|
| 6924 |
/* line 183, ../sass/app.scss */
|
|
| 6939 |
/* line 200, ../sass/app.scss */
|
|
| 6925 | 6940 |
.main {
|
| 6926 | 6941 |
padding: 20px 40px; |
| 6927 | 6942 |
} |
| 6928 | 6943 |
|
| 6929 |
/* line 187, ../sass/app.scss */
|
|
| 6944 |
/* line 204, ../sass/app.scss */
|
|
| 6930 | 6945 |
body.with-overlay {
|
| 6931 | 6946 |
background: #ff7bac; |
| 6932 | 6947 |
} |
| 6933 | 6948 |
|
| 6934 |
/* line 191, ../sass/app.scss */
|
|
| 6949 |
/* line 208, ../sass/app.scss */
|
|
| 6935 | 6950 |
.header {
|
| 6936 | 6951 |
position: relative; |
| 6937 | 6952 |
padding: 1.25em 2.5em; |
| 6938 | 6953 |
border-bottom: 1px solid #919194; |
| 6939 | 6954 |
background: white; |
| 6940 | 6955 |
} |
| 6941 |
/* line 196, ../sass/app.scss */
|
|
| 6956 |
/* line 213, ../sass/app.scss */
|
|
| 6942 | 6957 |
.header .logo {
|
| 6943 | 6958 |
text-align: center; |
| 6944 | 6959 |
} |
| 6945 |
/* line 199, ../sass/app.scss */
|
|
| 6960 |
/* line 216, ../sass/app.scss */
|
|
| 6946 | 6961 |
.header .actions {
|
| 6947 | 6962 |
text-align: center; |
| 6963 |
height: 45px; |
|
| 6964 |
line-height: 45px; |
|
| 6965 |
position: relative; |
|
| 6966 |
margin: 2.5em 0 1.25em; |
|
| 6948 | 6967 |
} |
| 6949 |
/* line 201, ../sass/app.scss */ |
|
| 6968 |
/* line 222, ../sass/app.scss */ |
|
| 6969 |
.header .actions .main-actions {
|
|
| 6970 |
display: none; |
|
| 6971 |
} |
|
| 6972 |
/* line 225, ../sass/app.scss */ |
|
| 6950 | 6973 |
.header .actions ul {
|
| 6951 |
margin: 1.25em 0 0;
|
|
| 6974 |
margin: 0; |
|
| 6952 | 6975 |
} |
| 6953 |
/* line 203, ../sass/app.scss */
|
|
| 6976 |
/* line 227, ../sass/app.scss */
|
|
| 6954 | 6977 |
.header .actions ul li {
|
| 6955 | 6978 |
list-style: none outside none; |
| 6956 | 6979 |
display: inline-block; |
| 6957 | 6980 |
margin: 0 5px; |
| 6958 | 6981 |
} |
| 6959 |
/* line 207, ../sass/app.scss */
|
|
| 6982 |
/* line 231, ../sass/app.scss */
|
|
| 6960 | 6983 |
.header .actions ul li a {
|
| 6961 | 6984 |
display: block; |
| 6962 | 6985 |
width: 100%; |
| 6963 | 6986 |
padding: 8px 20px; |
| 6964 | 6987 |
border: 1px solid transparent; |
| 6965 | 6988 |
} |
| 6966 |
/* line 212, ../sass/app.scss */
|
|
| 6989 |
/* line 236, ../sass/app.scss */
|
|
| 6967 | 6990 |
.header .actions ul li a:hover {
|
| 6968 | 6991 |
border: 1px solid #ff7bac; |
| 6969 | 6992 |
} |
| 6970 |
/* line 219, ../sass/app.scss */
|
|
| 6993 |
/* line 243, ../sass/app.scss */
|
|
| 6971 | 6994 |
.header .new-btn {
|
| 6972 | 6995 |
position: absolute; |
| 6973 |
left: 2.5em;
|
|
| 6974 |
bottom: 1.25em;
|
|
| 6996 |
left: 0;
|
|
| 6997 |
bottom: 0;
|
|
| 6975 | 6998 |
} |
| 6976 |
/* line 225, ../sass/app.scss */
|
|
| 6999 |
/* line 249, ../sass/app.scss */
|
|
| 6977 | 7000 |
.header .new-btn a span {
|
| 6978 | 7001 |
font-size: 1.25em; |
| 6979 | 7002 |
} |
| 6980 | 7003 |
|
| 6981 |
/* line 231, ../sass/app.scss */
|
|
| 7004 |
/* line 255, ../sass/app.scss */
|
|
| 6982 | 7005 |
.login {
|
| 6983 | 7006 |
position: absolute; |
| 6984 | 7007 |
right: 2.5em; |
| 6985 | 7008 |
top: 1.25em; |
| 6986 | 7009 |
} |
| 6987 | 7010 |
|
| 6988 |
/* line 237, ../sass/app.scss */
|
|
| 7011 |
/* line 261, ../sass/app.scss */
|
|
| 6989 | 7012 |
.top-nav {
|
| 6990 | 7013 |
position: absolute; |
| 6991 | 7014 |
left: 2.5em; |
| 6992 | 7015 |
top: 1.25em; |
| 6993 | 7016 |
} |
| 6994 |
/* line 241, ../sass/app.scss */
|
|
| 7017 |
/* line 265, ../sass/app.scss */
|
|
| 6995 | 7018 |
.top-nav ul {
|
| 6996 | 7019 |
margin: 0; |
| 6997 | 7020 |
padding: 0; |
| 6998 | 7021 |
} |
| 6999 |
/* line 243, ../sass/app.scss */
|
|
| 7022 |
/* line 267, ../sass/app.scss */
|
|
| 7000 | 7023 |
.top-nav ul li {
|
| 7001 | 7024 |
display: inline-block; |
| 7002 | 7025 |
margin-right: 15px; |
| 7003 | 7026 |
} |
| 7004 |
/* line 246, ../sass/app.scss */
|
|
| 7027 |
/* line 270, ../sass/app.scss */
|
|
| 7005 | 7028 |
.top-nav ul li a {
|
| 7006 | 7029 |
padding-bottom: 5px; |
| 7007 | 7030 |
} |
| 7008 | 7031 |
|
| 7009 |
/* line 257, ../sass/app.scss */
|
|
| 7032 |
/* line 281, ../sass/app.scss */
|
|
| 7010 | 7033 |
.top-info {
|
| 7011 | 7034 |
padding: 50px 100px; |
| 7012 | 7035 |
position: relative; |
| 7013 | 7036 |
} |
| 7014 |
/* line 260, ../sass/app.scss */
|
|
| 7037 |
/* line 284, ../sass/app.scss */
|
|
| 7015 | 7038 |
.top-info .close {
|
| 7016 | 7039 |
position: absolute; |
| 7017 | 7040 |
right: 2.5em; |
| ... | ... | |
| 7024 | 7047 |
overflow: hidden; |
| 7025 | 7048 |
} |
| 7026 | 7049 |
|
| 7027 |
/* line 267, ../sass/app.scss */ |
|
| 7050 |
/* line 293, ../sass/app.scss */ |
|
| 7051 |
.info.error {
|
|
| 7052 |
background: #ff5c58; |
|
| 7053 |
color: white; |
|
| 7054 |
} |
|
| 7055 |
|
|
| 7056 |
/* line 299, ../sass/app.scss */ |
|
| 7028 | 7057 |
.info.alert {
|
| 7029 | 7058 |
background: #ff7bac; |
| 7030 | 7059 |
color: white; |
| 7031 | 7060 |
} |
| 7032 | 7061 |
|
| 7033 |
/* line 272, ../sass/app.scss */
|
|
| 7062 |
/* line 304, ../sass/app.scss */
|
|
| 7034 | 7063 |
.info.warning {
|
| 7035 |
background: #49ddc5;
|
|
| 7036 |
color: black;
|
|
| 7064 |
background: #919194;
|
|
| 7065 |
color: white;
|
|
| 7037 | 7066 |
} |
| 7038 | 7067 |
|
| 7039 |
/* line 277, ../sass/app.scss */
|
|
| 7068 |
/* line 309, ../sass/app.scss */
|
|
| 7040 | 7069 |
.info.success {
|
| 7041 |
background: #5da423;
|
|
| 7070 |
background: #00a551;
|
|
| 7042 | 7071 |
color: white; |
| 7043 | 7072 |
} |
| 7044 | 7073 |
|
| 7045 |
/* line 282, ../sass/app.scss */
|
|
| 7074 |
/* line 314, ../sass/app.scss */
|
|
| 7046 | 7075 |
.items-list {
|
| 7047 | 7076 |
padding: 50px 0; |
| 7048 | 7077 |
} |
| 7049 |
/* line 284, ../sass/app.scss */
|
|
| 7078 |
/* line 316, ../sass/app.scss */
|
|
| 7050 | 7079 |
.items-list li {
|
| 7051 | 7080 |
text-align: center; |
| 7052 | 7081 |
padding: 20px; |
| 7053 | 7082 |
} |
| 7054 |
/* line 288, ../sass/app.scss */
|
|
| 7083 |
/* line 320, ../sass/app.scss */
|
|
| 7055 | 7084 |
.items-list li .visible-info span {
|
| 7056 | 7085 |
display: block; |
| 7057 | 7086 |
} |
| 7058 | 7087 |
|
| 7059 |
/* line 298, ../sass/app.scss */
|
|
| 7088 |
/* line 330, ../sass/app.scss */
|
|
| 7060 | 7089 |
.vms .items-list li .img {
|
| 7061 | 7090 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7062 | 7091 |
width: 56px; |
| ... | ... | |
| 7067 | 7096 |
margin-bottom: 20px; |
| 7068 | 7097 |
position: relative; |
| 7069 | 7098 |
} |
| 7070 |
/* line 302, ../sass/app.scss */
|
|
| 7099 |
/* line 334, ../sass/app.scss */
|
|
| 7071 | 7100 |
.vms .items-list li .img.stopped {
|
| 7072 | 7101 |
background-image: url("../images/vm-stopped.png");
|
| 7073 | 7102 |
} |
| 7074 |
/* line 305, ../sass/app.scss */
|
|
| 7103 |
/* line 337, ../sass/app.scss */
|
|
| 7075 | 7104 |
.vms .items-list li .img .os {
|
| 7076 | 7105 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7077 | 7106 |
width: 22px; |
| ... | ... | |
| 7083 | 7112 |
top: 8px; |
| 7084 | 7113 |
left: 18px; |
| 7085 | 7114 |
} |
| 7086 |
/* line 310, ../sass/app.scss */
|
|
| 7115 |
/* line 342, ../sass/app.scss */
|
|
| 7087 | 7116 |
.vms .items-list li .img .os.windows {
|
| 7088 | 7117 |
background-image: url("../images/os-windows.png");
|
| 7089 | 7118 |
} |
| 7090 |
/* line 311, ../sass/app.scss */
|
|
| 7119 |
/* line 343, ../sass/app.scss */
|
|
| 7091 | 7120 |
.vms .items-list li .img .os.kubuntu {
|
| 7092 | 7121 |
background-image: url("../images/os-kubuntu.png");
|
| 7093 | 7122 |
} |
| 7094 |
/* line 312, ../sass/app.scss */
|
|
| 7123 |
/* line 344, ../sass/app.scss */
|
|
| 7095 | 7124 |
.vms .items-list li .img .os.fedora {
|
| 7096 | 7125 |
background-image: url("../images/os-fedora.png");
|
| 7097 | 7126 |
} |
| 7098 | 7127 |
|
| 7099 |
/* line 319, ../sass/app.scss */
|
|
| 7128 |
/* line 351, ../sass/app.scss */
|
|
| 7100 | 7129 |
.lt-sidebar.vms {
|
| 7130 |
overflow: scroll; |
|
| 7131 |
height: 300px; |
|
| 7101 | 7132 |
font-size: 0.75em; |
| 7102 | 7133 |
} |
| 7103 |
/* line 322, ../sass/app.scss */ |
|
| 7134 |
/* line 355, ../sass/app.scss */ |
|
| 7135 |
.lt-sidebar.vms .items-list {
|
|
| 7136 |
padding: 0; |
|
| 7137 |
} |
|
| 7138 |
/* line 359, ../sass/app.scss */ |
|
| 7104 | 7139 |
.lt-sidebar.vms .items-list li .img, |
| 7105 | 7140 |
.lt-sidebar.vms .items-list li .os {
|
| 7106 | 7141 |
background-size: 80%; |
| 7107 | 7142 |
} |
| 7143 |
/* line 363, ../sass/app.scss */ |
|
| 7144 |
.lt-sidebar.vms li:hover, |
|
| 7145 |
.lt-sidebar.vms li.current {
|
|
| 7146 |
background: #dfdfdf; |
|
| 7147 |
cursor: pointer; |
|
| 7148 |
} |
|
| 7108 | 7149 |
|
| 7109 |
/* line 328, ../sass/app.scss */
|
|
| 7150 |
/* line 370, ../sass/app.scss */
|
|
| 7110 | 7151 |
.vm .img {
|
| 7111 | 7152 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7112 | 7153 |
width: 56px; |
| ... | ... | |
| 7117 | 7158 |
margin-bottom: 20px; |
| 7118 | 7159 |
position: relative; |
| 7119 | 7160 |
} |
| 7120 |
/* line 332, ../sass/app.scss */
|
|
| 7161 |
/* line 374, ../sass/app.scss */
|
|
| 7121 | 7162 |
.vm .img.stopped {
|
| 7122 | 7163 |
background-image: url("../images/vm-stopped.png");
|
| 7123 | 7164 |
} |
| 7124 |
/* line 335, ../sass/app.scss */
|
|
| 7165 |
/* line 377, ../sass/app.scss */
|
|
| 7125 | 7166 |
.vm .img .os {
|
| 7126 | 7167 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7127 | 7168 |
width: 22px; |
| ... | ... | |
| 7133 | 7174 |
top: 8px; |
| 7134 | 7175 |
left: 18px; |
| 7135 | 7176 |
} |
| 7136 |
/* line 340, ../sass/app.scss */
|
|
| 7177 |
/* line 382, ../sass/app.scss */
|
|
| 7137 | 7178 |
.vm .img .os.windows {
|
| 7138 | 7179 |
background-image: url("../images/os-windows.png");
|
| 7139 | 7180 |
} |
| 7140 |
/* line 341, ../sass/app.scss */
|
|
| 7181 |
/* line 383, ../sass/app.scss */
|
|
| 7141 | 7182 |
.vm .img .os.kubuntu {
|
| 7142 | 7183 |
background-image: url("../images/os-kubuntu.png");
|
| 7143 | 7184 |
} |
| 7144 |
/* line 342, ../sass/app.scss */
|
|
| 7185 |
/* line 384, ../sass/app.scss */
|
|
| 7145 | 7186 |
.vm .img .os.fedora {
|
| 7146 | 7187 |
background-image: url("../images/os-fedora.png");
|
| 7147 | 7188 |
} |
| 7148 | 7189 |
|
| 7149 |
/* line 348, ../sass/app.scss */ |
|
| 7190 |
/* line 389, ../sass/app.scss */ |
|
| 7191 |
.details {
|
|
| 7192 |
position: relative; |
|
| 7193 |
} |
|
| 7194 |
/* line 392, ../sass/app.scss */ |
|
| 7150 | 7195 |
.details .top {
|
| 7196 |
padding: 100px 2.5em; |
|
| 7151 | 7197 |
text-align: center; |
| 7152 | 7198 |
} |
| 7153 |
/* line 350, ../sass/app.scss */
|
|
| 7199 |
/* line 395, ../sass/app.scss */
|
|
| 7154 | 7200 |
.details .top .img {
|
| 7155 | 7201 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7156 | 7202 |
width: 112px; |
| ... | ... | |
| 7160 | 7206 |
overflow: hidden; |
| 7161 | 7207 |
background-size: 100%; |
| 7162 | 7208 |
} |
| 7163 |
/* line 354, ../sass/app.scss */
|
|
| 7209 |
/* line 399, ../sass/app.scss */
|
|
| 7164 | 7210 |
.details .top .os {
|
| 7165 | 7211 |
background-size: 100%; |
| 7166 | 7212 |
width: 44px; |
| ... | ... | |
| 7168 | 7214 |
left: 36px; |
| 7169 | 7215 |
top: 16px; |
| 7170 | 7216 |
} |
| 7171 |
/* line 362, ../sass/app.scss */
|
|
| 7217 |
/* line 407, ../sass/app.scss */
|
|
| 7172 | 7218 |
.details .top .actions ul {
|
| 7173 | 7219 |
padding: 1em; |
| 7174 | 7220 |
text-align: center; |
| 7175 | 7221 |
} |
| 7176 |
/* line 365, ../sass/app.scss */
|
|
| 7222 |
/* line 410, ../sass/app.scss */
|
|
| 7177 | 7223 |
.details .top .actions ul li {
|
| 7178 | 7224 |
list-style: none outside none; |
| 7179 | 7225 |
display: inline-block; |
| 7180 | 7226 |
margin: 0 10px; |
| 7181 | 7227 |
min-width: 112px; |
| 7182 | 7228 |
} |
| 7183 |
/* line 380, ../sass/app.scss */
|
|
| 7229 |
/* line 425, ../sass/app.scss */
|
|
| 7184 | 7230 |
.details .info dl {
|
| 7185 | 7231 |
margin: 0; |
| 7186 | 7232 |
} |
| 7187 |
/* line 382, ../sass/app.scss */
|
|
| 7233 |
/* line 427, ../sass/app.scss */
|
|
| 7188 | 7234 |
.details .info dl dt {
|
| 7189 | 7235 |
display: inline-block; |
| 7190 | 7236 |
width: 25%; |
| 7191 | 7237 |
float: left; |
| 7192 | 7238 |
} |
| 7239 |
/* line 434, ../sass/app.scss */ |
|
| 7240 |
.details .close {
|
|
| 7241 |
position: absolute; |
|
| 7242 |
right: 2.5em; |
|
| 7243 |
top: 50px; |
|
| 7244 |
background: url("../images/info-close-grey.png") no-repeat center center;
|
|
| 7245 |
width: 31px; |
|
| 7246 |
height: 30px; |
|
| 7247 |
display: inline-block; |
|
| 7248 |
text-indent: -2000px; |
|
| 7249 |
overflow: hidden; |
|
| 7250 |
} |
|
| 7193 | 7251 |
|
| 7194 |
/* line 391, ../sass/app.scss */
|
|
| 7252 |
/* line 442, ../sass/app.scss */
|
|
| 7195 | 7253 |
.border-bottom-style1 {
|
| 7196 | 7254 |
padding-bottom: 20px; |
| 7197 | 7255 |
margin-bottom: 20px; |
| 7198 | 7256 |
border-bottom: 2px dashed #919194; |
| 7199 | 7257 |
} |
| 7200 | 7258 |
|
| 7201 |
/* line 397, ../sass/app.scss */
|
|
| 7259 |
/* line 448, ../sass/app.scss */
|
|
| 7202 | 7260 |
.overlay {
|
| 7203 | 7261 |
background: #ff7bac; |
| 7204 | 7262 |
} |
| 7205 |
/* line 399, ../sass/app.scss */
|
|
| 7263 |
/* line 450, ../sass/app.scss */
|
|
| 7206 | 7264 |
.overlay .lt-sidebar {
|
| 7207 | 7265 |
border-right: 1px solid white; |
| 7208 | 7266 |
} |
| 7209 |
/* line 402, ../sass/app.scss */
|
|
| 7267 |
/* line 453, ../sass/app.scss */
|
|
| 7210 | 7268 |
.overlay .lt-sidebar ul li {
|
| 7211 | 7269 |
list-style: none outside none; |
| 7212 | 7270 |
} |
| 7213 |
/* line 404, ../sass/app.scss */
|
|
| 7271 |
/* line 455, ../sass/app.scss */
|
|
| 7214 | 7272 |
.overlay .lt-sidebar ul li a {
|
| 7215 | 7273 |
color: white; |
| 7216 | 7274 |
} |
| 7217 |
/* line 406, ../sass/app.scss */
|
|
| 7275 |
/* line 457, ../sass/app.scss */
|
|
| 7218 | 7276 |
.overlay .lt-sidebar ul li a span {
|
| 7219 | 7277 |
float: right; |
| 7220 | 7278 |
display: none; |
| 7221 | 7279 |
} |
| 7222 |
/* line 408, ../sass/app.scss */
|
|
| 7280 |
/* line 459, ../sass/app.scss */
|
|
| 7223 | 7281 |
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
|
| 7224 | 7282 |
text-decoration: none; |
| 7225 | 7283 |
} |
| 7226 |
/* line 411, ../sass/app.scss */
|
|
| 7284 |
/* line 462, ../sass/app.scss */
|
|
| 7227 | 7285 |
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
|
| 7228 | 7286 |
display: inline; |
| 7229 | 7287 |
} |
| 7230 |
/* line 421, ../sass/app.scss */
|
|
| 7288 |
/* line 473, ../sass/app.scss */
|
|
| 7231 | 7289 |
.overlay .lt-sidebar, |
| 7232 | 7290 |
.overlay .main {
|
| 7233 | 7291 |
padding: 100px 2.5em; |
| 7292 |
position: relative; |
|
Also available in: Unified diff