Revision d3bfabe8 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7098 7098
  text-align: center;
7099 7099
  padding: 20px;
7100 7100
}
7101
/* line 336, ../sass/app.scss */
7101
/* line 335, ../sass/app.scss */
7102
.items-list li .visible-info {
7103
  margin: 0 25px;
7104
  position: relative;
7105
  color: #919194;
7106
}
7107
/* line 339, ../sass/app.scss */
7102 7108
.items-list li .visible-info span {
7103 7109
  display: block;
7110
  position: relative;
7111
}
7112
/* line 342, ../sass/app.scss */
7113
.items-list li .visible-info span em {
7114
  font-style: normal;
7115
  position: relative;
7104 7116
}
7105 7117

  
7106
/* line 347, ../sass/app.scss */
7118
/* line 355, ../sass/app.scss */
7107 7119
.vms .items-list li .add-new a {
7108 7120
  margin: 0 20px;
7109 7121
  display: block;
......
7112 7124
  padding: 65px 30px 15px;
7113 7125
  border: 2px dashed #919194;
7114 7126
}
7115
/* line 354, ../sass/app.scss */
7127
/* line 362, ../sass/app.scss */
7116 7128
.vms .items-list li .add-new a:hover {
7117 7129
  border-color: #ff7bac;
7118 7130
  color: #ff7bac;
7119 7131
}
7120
/* line 360, ../sass/app.scss */
7132
/* line 368, ../sass/app.scss */
7121 7133
.vms .items-list li .img {
7122 7134
  background: url("../images/vm-on.png") no-repeat center center;
7123 7135
  width: 56px;
......
7128 7140
  margin-bottom: 20px;
7129 7141
  position: relative;
7130 7142
}
7131
/* line 364, ../sass/app.scss */
7143
/* line 372, ../sass/app.scss */
7132 7144
.vms .items-list li .img.stopped {
7133 7145
  background-image: url("../images/vm-stopped.png");
7134 7146
}
7135
/* line 367, ../sass/app.scss */
7147
/* line 375, ../sass/app.scss */
7136 7148
.vms .items-list li .img .os {
7137 7149
  background: url("../images/os-unknown.png") no-repeat center center;
7138 7150
  width: 22px;
......
7144 7156
  top: 8px;
7145 7157
  left: 18px;
7146 7158
}
7147
/* line 372, ../sass/app.scss */
7159
/* line 380, ../sass/app.scss */
7148 7160
.vms .items-list li .img .os.windows {
7149 7161
  background-image: url("../images/os-windows.png");
7150 7162
}
7151
/* line 373, ../sass/app.scss */
7163
/* line 381, ../sass/app.scss */
7152 7164
.vms .items-list li .img .os.kubuntu {
7153 7165
  background-image: url("../images/os-kubuntu.png");
7154 7166
}
7155
/* line 374, ../sass/app.scss */
7167
/* line 382, ../sass/app.scss */
7156 7168
.vms .items-list li .img .os.fedora {
7157 7169
  background-image: url("../images/os-fedora.png");
7158 7170
}
7159
/* line 379, ../sass/app.scss */
7171
/* line 387, ../sass/app.scss */
7160 7172
.vms .items-list li .container {
7161 7173
  border: 1px solid transparent;
7162 7174
  margin: 0 20px;
7163 7175
  padding: 25px 0;
7164 7176
  position: relative;
7165 7177
}
7166
/* line 380, ../sass/app.scss */
7178
/* line 388, ../sass/app.scss */
7167 7179
.vms .items-list li .container.set-bg {
7168 7180
  background: #dfdfdf;
7169 7181
}
7170
/* line 387, ../sass/app.scss */
7182
/* line 389, ../sass/app.scss */
7183
.vms .items-list li .container.set-border {
7184
  border-color: #ff7bac;
7185
}
7186
/* line 394, ../sass/app.scss */
7171 7187
.vms .items-list li .container .options {
7172 7188
  width: 100%;
7173
  height: 100%;
7174
  background: white;
7189
  text-align: center;
7175 7190
  position: absolute;
7176
  top: 0;
7191
  top: -3px;
7177 7192
  left: 0;
7178 7193
  display: none;
7179 7194
  z-index: 1;
7180 7195
}
7181
/* line 396, ../sass/app.scss */
7196
/* line 402, ../sass/app.scss */
7182 7197
.vms .items-list li .container .options .wrap {
7183 7198
  height: 100%;
7184 7199
  padding: 25px;
7185 7200
  text-align: left;
7186
  border: 1px solid #ff7bac;
7187 7201
}
7188
/* line 401, ../sass/app.scss */
7202
/* line 406, ../sass/app.scss */
7189 7203
.vms .items-list li .container .options .wrap a {
7190 7204
  font-size: 1.6875em;
7191 7205
  display: block;
7192 7206
  color: #919194;
7193 7207
  line-height: 1em;
7194
  margin-bottom: 0.5em;
7208
  margin-bottom: 10px;
7195 7209
  font-weight: bold;
7196 7210
}
7197
/* line 408, ../sass/app.scss */
7198
.vms .items-list li .container .options .wrap a .custom_checkbox {
7199
  color: #ff7bac;
7200
  position: relative;
7201
}
7202
/* line 413, ../sass/app.scss */
7203
.vms .items-list li .container .options .wrap a span {
7204
  float: right;
7205
}
7206
/* line 416, ../sass/app.scss */
7211
/* line 414, ../sass/app.scss */
7207 7212
.vms .items-list li .container .options .wrap a:hover {
7208 7213
  color: #ff7bac;
7209 7214
}
7210
/* line 423, ../sass/app.scss */
7211
.vms .items-list li .more_checkbox {
7215
/* line 421, ../sass/app.scss */
7216
.vms .items-list li .check {
7212 7217
  position: absolute;
7213
  right: 25px;
7214
  top: 20px;
7218
  right: 10px;
7219
  top: 5px;
7220
  display: none;
7215 7221
  color: #ff7bac;
7216 7222
  font-weight: bold;
7217 7223
  font-size: 1.6875em;
7218 7224
  cursor: pointer;
7225
  z-index: 10;
7226
}
7227
/* line 431, ../sass/app.scss */
7228
.vms .items-list li .check span {
7229
  position: relative;
7230
  z-index: 10;
7219 7231
}
7220 7232

  
7221
/* line 437, ../sass/app.scss */
7233
/* line 438, ../sass/app.scss */
7222 7234
.lt-sidebar.vms {
7223 7235
  overflow: scroll;
7224 7236
  height: 300px;
7225 7237
  font-size: 0.75em;
7226 7238
}
7227
/* line 441, ../sass/app.scss */
7239
/* line 442, ../sass/app.scss */
7228 7240
.lt-sidebar.vms .items-list {
7229 7241
  padding: 0;
7230 7242
}
7231
/* line 445, ../sass/app.scss */
7243
/* line 446, ../sass/app.scss */
7232 7244
.lt-sidebar.vms .items-list li .img,
7233 7245
.lt-sidebar.vms .items-list li .os {
7234 7246
  background-size: 80%;
7235 7247
}
7236
/* line 448, ../sass/app.scss */
7248
/* line 449, ../sass/app.scss */
7237 7249
.lt-sidebar.vms li:hover {
7238 7250
  background: #ebebec;
7239 7251
}
7240
/* line 451, ../sass/app.scss */
7252
/* line 452, ../sass/app.scss */
7241 7253
.lt-sidebar.vms li.current {
7242 7254
  background: #dfdfdf;
7243 7255
  cursor: pointer;
7244 7256
}
7245 7257

  
7246
/* line 460, ../sass/app.scss */
7258
/* line 461, ../sass/app.scss */
7247 7259
.vm .img {
7248 7260
  background: url("../images/vm-on.png") no-repeat center center;
7249 7261
  width: 56px;
......
7254 7266
  margin-bottom: 20px;
7255 7267
  position: relative;
7256 7268
}
7257
/* line 464, ../sass/app.scss */
7269
/* line 465, ../sass/app.scss */
7258 7270
.vm .img.stopped {
7259 7271
  background-image: url("../images/vm-stopped.png");
7260 7272
}
7261
/* line 467, ../sass/app.scss */
7273
/* line 468, ../sass/app.scss */
7262 7274
.vm .img .os {
7263 7275
  background: url("../images/os-unknown.png") no-repeat center center;
7264 7276
  width: 22px;
......
7270 7282
  top: 8px;
7271 7283
  left: 18px;
7272 7284
}
7273
/* line 472, ../sass/app.scss */
7285
/* line 473, ../sass/app.scss */
7274 7286
.vm .img .os.windows {
7275 7287
  background-image: url("../images/os-windows.png");
7276 7288
}
7277
/* line 473, ../sass/app.scss */
7289
/* line 474, ../sass/app.scss */
7278 7290
.vm .img .os.kubuntu {
7279 7291
  background-image: url("../images/os-kubuntu.png");
7280 7292
}
7281
/* line 474, ../sass/app.scss */
7293
/* line 475, ../sass/app.scss */
7282 7294
.vm .img .os.fedora {
7283 7295
  background-image: url("../images/os-fedora.png");
7284 7296
}
7285 7297

  
7286
/* line 479, ../sass/app.scss */
7298
/* line 480, ../sass/app.scss */
7287 7299
.details {
7288 7300
  position: relative;
7289 7301
}
7290
/* line 482, ../sass/app.scss */
7302
/* line 483, ../sass/app.scss */
7291 7303
.details .top {
7292 7304
  padding: 100px 2.5em;
7293 7305
  text-align: center;
7294 7306
}
7295
/* line 485, ../sass/app.scss */
7307
/* line 486, ../sass/app.scss */
7296 7308
.details .top .img {
7297 7309
  background: url("../images/vm-on.png") no-repeat center center;
7298 7310
  width: 112px;
......
7302 7314
  overflow: hidden;
7303 7315
  background-size: 100%;
7304 7316
}
7305
/* line 489, ../sass/app.scss */
7317
/* line 490, ../sass/app.scss */
7306 7318
.details .top .os {
7307 7319
  background-size: 100%;
7308 7320
  width: 44px;
......
7310 7322
  left: 36px;
7311 7323
  top: 16px;
7312 7324
}
7313
/* line 497, ../sass/app.scss */
7325
/* line 498, ../sass/app.scss */
7314 7326
.details .top .actions ul {
7315 7327
  padding: 1em;
7316 7328
  text-align: center;
7317 7329
}
7318
/* line 500, ../sass/app.scss */
7330
/* line 501, ../sass/app.scss */
7319 7331
.details .top .actions ul li {
7320 7332
  list-style: none outside none;
7321 7333
  display: inline-block;
7322 7334
  margin: 0 10px;
7323 7335
  min-width: 112px;
7324 7336
}
7325
/* line 515, ../sass/app.scss */
7337
/* line 516, ../sass/app.scss */
7326 7338
.details .info dl {
7327 7339
  margin: 0;
7328 7340
}
7329
/* line 517, ../sass/app.scss */
7341
/* line 518, ../sass/app.scss */
7330 7342
.details .info dl dt {
7331 7343
  display: inline-block;
7332 7344
  width: 25%;
7333 7345
  float: left;
7334 7346
}
7335
/* line 524, ../sass/app.scss */
7347
/* line 525, ../sass/app.scss */
7336 7348
.details .close {
7337 7349
  position: absolute;
7338 7350
  right: 2.5em;
......
7345 7357
  overflow: hidden;
7346 7358
}
7347 7359

  
7348
/* line 532, ../sass/app.scss */
7360
/* line 533, ../sass/app.scss */
7349 7361
.border-bottom-style1 {
7350 7362
  padding-bottom: 20px;
7351 7363
  margin-bottom: 20px;
7352 7364
  border-bottom: 1px dashed #919194;
7353 7365
}
7354 7366

  
7355
/* line 538, ../sass/app.scss */
7367
/* line 539, ../sass/app.scss */
7356 7368
.overlay {
7357 7369
  background: #ff7bac;
7358 7370
  position: relative;
7359 7371
  z-index: 1;
7360 7372
}
7361
/* line 542, ../sass/app.scss */
7373
/* line 543, ../sass/app.scss */
7362 7374
.overlay .lt-sidebar {
7363 7375
  border-right: 1px solid white;
7364 7376
}
7365
/* line 545, ../sass/app.scss */
7377
/* line 546, ../sass/app.scss */
7366 7378
.overlay .lt-sidebar ul li {
7367 7379
  list-style: none outside none;
7368 7380
}
7369
/* line 547, ../sass/app.scss */
7381
/* line 548, ../sass/app.scss */
7370 7382
.overlay .lt-sidebar ul li a {
7371 7383
  color: white;
7372 7384
}
7373
/* line 549, ../sass/app.scss */
7385
/* line 550, ../sass/app.scss */
7374 7386
.overlay .lt-sidebar ul li a span {
7375 7387
  float: right;
7376 7388
  display: none;
7377 7389
}
7378
/* line 551, ../sass/app.scss */
7390
/* line 552, ../sass/app.scss */
7379 7391
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
7380 7392
  text-decoration: none;
7381 7393
}
7382
/* line 554, ../sass/app.scss */
7394
/* line 555, ../sass/app.scss */
7383 7395
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
7384 7396
  display: inline;
7385 7397
}
7386
/* line 565, ../sass/app.scss */
7398
/* line 566, ../sass/app.scss */
7387 7399
.overlay .lt-sidebar,
7388 7400
.overlay .main {
7389 7401
  padding: 100px 2.5em;
7390 7402
  position: relative;
7391 7403
}
7392
/* line 570, ../sass/app.scss */
7404
/* line 571, ../sass/app.scss */
7393 7405
.overlay .navigation .rt {
7394 7406
  float: right;
7395 7407
}
7396
/* line 574, ../sass/app.scss */
7408
/* line 575, ../sass/app.scss */
7397 7409
.overlay .close {
7398 7410
  position: absolute;
7399 7411
  right: 2.5em;
......
7406 7418
  overflow: hidden;
7407 7419
}
7408 7420

  
7409
/* line 584, ../sass/app.scss */
7421
/* line 585, ../sass/app.scss */
7410 7422
.create-vm .select-os li {
7411 7423
  width: 23%;
7412 7424
  padding: 20px;
......
7416 7428
  height: 200px;
7417 7429
  margin: 0 10px 10px 0;
7418 7430
}
7419
/* line 593, ../sass/app.scss */
7431
/* line 594, ../sass/app.scss */
7420 7432
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
7421 7433
  background: white;
7422 7434
}
7423
/* line 595, ../sass/app.scss */
7435
/* line 596, ../sass/app.scss */
7424 7436
.create-vm .select-os li:hover h2, .create-vm .select-os li:hover p, .create-vm .select-os li:hover a, .create-vm .select-os li.selected h2, .create-vm .select-os li.selected p, .create-vm .select-os li.selected a {
7425 7437
  color: #ff7bac;
7426 7438
}
7427
/* line 599, ../sass/app.scss */
7439
/* line 600, ../sass/app.scss */
7428 7440
.create-vm .select-os li a {
7429 7441
  color: white;
7430 7442
}
7431
/* line 602, ../sass/app.scss */
7443
/* line 603, ../sass/app.scss */
7432 7444
.create-vm .select-os li .os {
7433 7445
  background: url("../images/os-unknown.png") no-repeat center center;
7434 7446
  width: 30px;
......
7439 7451
  background-size: 100%;
7440 7452
  margin-bottom: 2em;
7441 7453
}
7442
/* line 606, ../sass/app.scss */
7454
/* line 607, ../sass/app.scss */
7443 7455
.create-vm .select-os li .os.windows {
7444 7456
  background-image: url("../images/os-windows.png");
7445 7457
}
7446
/* line 607, ../sass/app.scss */
7458
/* line 608, ../sass/app.scss */
7447 7459
.create-vm .select-os li .os.kubuntu {
7448 7460
  background-image: url("../images/os-kubuntu.png");
7449 7461
}
7450
/* line 608, ../sass/app.scss */
7462
/* line 609, ../sass/app.scss */
7451 7463
.create-vm .select-os li .os.fedora {
7452 7464
  background-image: url("../images/os-fedora.png");
7453 7465
}
7454
/* line 610, ../sass/app.scss */
7466
/* line 611, ../sass/app.scss */
7455 7467
.create-vm .select-os li h2 {
7456 7468
  font-size: 1em;
7457 7469
  font-weight: normal;
7458 7470
  color: white;
7459 7471
}
7460
/* line 615, ../sass/app.scss */
7472
/* line 616, ../sass/app.scss */
7461 7473
.create-vm .select-os li .details {
7462 7474
  font-weight: bold;
7463 7475
  font-size: 0.875em;
7464 7476
}
7465
/* line 622, ../sass/app.scss */
7477
/* line 623, ../sass/app.scss */
7466 7478
.create-vm .select-flavor dl {
7467 7479
  color: white;
7468 7480
  font-size: 1.25em;
7469 7481
  margin-bottom: 10px;
7470 7482
}
7471
/* line 626, ../sass/app.scss */
7483
/* line 627, ../sass/app.scss */
7472 7484
.create-vm .select-flavor dl dd {
7473 7485
  width: 23%;
7474 7486
  display: inline-block;
7475 7487
}
7476
/* line 630, ../sass/app.scss */
7488
/* line 631, ../sass/app.scss */
7477 7489
.create-vm .select-flavor dl dt {
7478 7490
  width: 70%;
7479 7491
  display: inline-block;
7480 7492
  font-weight: normal;
7481 7493
}
7482
/* line 634, ../sass/app.scss */
7494
/* line 635, ../sass/app.scss */
7483 7495
.create-vm .select-flavor dl dt span {
7484 7496
  min-width: 90px;
7485 7497
  margin: 0 10px;
7486 7498
}
7487
/* line 638, ../sass/app.scss */
7499
/* line 639, ../sass/app.scss */
7488 7500
.create-vm .select-flavor dl dt span:first-child {
7489 7501
  margin-left: 0;
7490 7502
}
7491 7503

  
7492
/* line 648, ../sass/app.scss */
7504
/* line 649, ../sass/app.scss */
7493 7505
#vm-connect .info {
7494 7506
  font-style: italic;
7495 7507
  font-size: 0.8125em;
7496 7508
  color: #9e9ea1;
7497 7509
}
7498
/* line 653, ../sass/app.scss */
7510
/* line 654, ../sass/app.scss */
7499 7511
#vm-connect .ssh {
7500 7512
  text-align: center;
7501 7513
}
7502
/* line 655, ../sass/app.scss */
7514
/* line 656, ../sass/app.scss */
7503 7515
#vm-connect .ssh span {
7504 7516
  padding: 10px 30px;
7505 7517
  background: #ff7bac;
7506 7518
  color: white;
7507 7519
}
7508
/* line 661, ../sass/app.scss */
7520
/* line 662, ../sass/app.scss */
7509 7521
#vm-connect a:hover {
7510 7522
  color: #ff7bac;
7511 7523
}
7524

  
7525
/* line 665, ../sass/app.scss */
7526
.editable {
7527
  text-align: center;
7528
}
7529
/* line 667, ../sass/app.scss */
7530
.editable input, .editable em {
7531
  width: 70%;
7532
  padding: 5px 10px;
7533
  height: auto;
7534
  display: block;
7535
  margin: 0 auto;
7536
  font-size: inherit;
7537
}
7538
/* line 675, ../sass/app.scss */
7539
.editable input {
7540
  display: none;
7541
}
7542
/* line 678, ../sass/app.scss */
7543
.editable em {
7544
  overflow: hidden;
7545
  white-space: nowrap;
7546
  font-style: normal;
7547
}

Also available in: Unified diff