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

b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
4931 4931
  height: 100%;
4932 4932
  width: 100%;
4933 4933
  background: black;
4934
  background: rgba(0, 0, 0, 0.45);
4934
  background: rgba(0, 0, 0, 0.6);
4935 4935
  z-index: 98;
4936 4936
  display: none;
4937 4937
  top: 0;
......
6967 6967
}
6968 6968
/* line 222, ../sass/app.scss */
6969 6969
.header .actions .main-actions {
6970
  display: none;
6970
  position: relative;
6971
  top: 95px;
6971 6972
}
6972
/* line 225, ../sass/app.scss */
6973
/* line 226, ../sass/app.scss */
6973 6974
.header .actions ul {
6974 6975
  margin: 0;
6975 6976
}
6976
/* line 227, ../sass/app.scss */
6977
/* line 228, ../sass/app.scss */
6977 6978
.header .actions ul li {
6978 6979
  list-style: none outside none;
6979 6980
  display: inline-block;
6980 6981
  margin: 0 5px;
6981 6982
}
6982
/* line 231, ../sass/app.scss */
6983
/* line 232, ../sass/app.scss */
6983 6984
.header .actions ul li a {
6984 6985
  display: block;
6986
  color: #dfdfdf;
6985 6987
  width: 100%;
6986 6988
  padding: 8px 20px;
6987 6989
  border: 1px solid transparent;
6988 6990
}
6989
/* line 236, ../sass/app.scss */
6990
.header .actions ul li a:hover {
6991
/* line 238, ../sass/app.scss */
6992
.header .actions ul li a.active {
6993
  color: #919194;
6994
}
6995
/* line 240, ../sass/app.scss */
6996
.header .actions ul li a.active:hover {
6991 6997
  border: 1px solid #ff7bac;
6998
  cursor: pointer;
6992 6999
}
6993
/* line 243, ../sass/app.scss */
7000
/* line 245, ../sass/app.scss */
7001
.header .actions ul li a:hover {
7002
  cursor: default;
7003
}
7004
/* line 253, ../sass/app.scss */
6994 7005
.header .new-btn {
6995 7006
  position: absolute;
6996 7007
  left: 0;
6997 7008
  bottom: 0;
6998 7009
}
6999
/* line 249, ../sass/app.scss */
7010
/* line 259, ../sass/app.scss */
7000 7011
.header .new-btn a span {
7001 7012
  font-size: 1.25em;
7002 7013
}
7003 7014

  
7004
/* line 255, ../sass/app.scss */
7015
/* line 265, ../sass/app.scss */
7005 7016
.login {
7006 7017
  position: absolute;
7007 7018
  right: 2.5em;
7008 7019
  top: 1.25em;
7009 7020
}
7010 7021

  
7011
/* line 261, ../sass/app.scss */
7022
/* line 271, ../sass/app.scss */
7012 7023
.top-nav {
7013 7024
  position: absolute;
7014 7025
  left: 2.5em;
7015 7026
  top: 1.25em;
7016 7027
}
7017
/* line 265, ../sass/app.scss */
7028
/* line 275, ../sass/app.scss */
7018 7029
.top-nav ul {
7019 7030
  margin: 0;
7020 7031
  padding: 0;
7021 7032
}
7022
/* line 267, ../sass/app.scss */
7033
/* line 277, ../sass/app.scss */
7023 7034
.top-nav ul li {
7024 7035
  display: inline-block;
7025 7036
  margin-right: 15px;
7026 7037
}
7027
/* line 270, ../sass/app.scss */
7038
/* line 280, ../sass/app.scss */
7028 7039
.top-nav ul li a {
7029 7040
  padding-bottom: 5px;
7030 7041
}
7031 7042

  
7032
/* line 281, ../sass/app.scss */
7043
/* line 291, ../sass/app.scss */
7033 7044
.top-info {
7034 7045
  padding: 50px 100px;
7035 7046
  position: relative;
7047
  display: none;
7036 7048
}
7037
/* line 284, ../sass/app.scss */
7049
/* line 295, ../sass/app.scss */
7038 7050
.top-info .close {
7039 7051
  position: absolute;
7040 7052
  right: 2.5em;
......
7047 7059
  overflow: hidden;
7048 7060
}
7049 7061

  
7050
/* line 293, ../sass/app.scss */
7062
/* line 304, ../sass/app.scss */
7051 7063
.info.error {
7052 7064
  background: #ff5c58;
7053 7065
  color: white;
7054 7066
}
7055 7067

  
7056
/* line 299, ../sass/app.scss */
7068
/* line 310, ../sass/app.scss */
7057 7069
.info.alert {
7058 7070
  background: #ff7bac;
7059 7071
  color: white;
7060 7072
}
7061 7073

  
7062
/* line 304, ../sass/app.scss */
7074
/* line 315, ../sass/app.scss */
7063 7075
.info.warning {
7064 7076
  background: #919194;
7065 7077
  color: white;
7066 7078
}
7067 7079

  
7068
/* line 309, ../sass/app.scss */
7080
/* line 320, ../sass/app.scss */
7069 7081
.info.success {
7070 7082
  background: #00a551;
7071 7083
  color: white;
7072 7084
}
7073 7085

  
7074
/* line 314, ../sass/app.scss */
7086
/* line 325, ../sass/app.scss */
7075 7087
.items-list {
7076
  padding: 50px 0;
7088
  padding: 25px 0;
7077 7089
}
7078
/* line 316, ../sass/app.scss */
7090
/* line 327, ../sass/app.scss */
7079 7091
.items-list li {
7080 7092
  text-align: center;
7081 7093
  padding: 20px;
7082 7094
}
7083
/* line 320, ../sass/app.scss */
7095
/* line 331, ../sass/app.scss */
7084 7096
.items-list li .visible-info span {
7085 7097
  display: block;
7086 7098
}
7087 7099

  
7088
/* line 330, ../sass/app.scss */
7100
/* line 342, ../sass/app.scss */
7101
.vms .items-list li .add-new a {
7102
  margin: 0 20px;
7103
  display: block;
7104
  font-weight: bold;
7105
  height: 190px;
7106
  padding: 65px 30px 15px;
7107
  border: 2px dashed #919194;
7108
}
7109
/* line 349, ../sass/app.scss */
7110
.vms .items-list li .add-new a:hover {
7111
  border-color: #ff7bac;
7112
  color: #ff7bac;
7113
}
7114
/* line 355, ../sass/app.scss */
7089 7115
.vms .items-list li .img {
7090 7116
  background: url("../images/vm-on.png") no-repeat center center;
7091 7117
  width: 56px;
......
7096 7122
  margin-bottom: 20px;
7097 7123
  position: relative;
7098 7124
}
7099
/* line 334, ../sass/app.scss */
7125
/* line 359, ../sass/app.scss */
7100 7126
.vms .items-list li .img.stopped {
7101 7127
  background-image: url("../images/vm-stopped.png");
7102 7128
}
7103
/* line 337, ../sass/app.scss */
7129
/* line 362, ../sass/app.scss */
7104 7130
.vms .items-list li .img .os {
7105 7131
  background: url("../images/os-unknown.png") no-repeat center center;
7106 7132
  width: 22px;
......
7112 7138
  top: 8px;
7113 7139
  left: 18px;
7114 7140
}
7115
/* line 342, ../sass/app.scss */
7141
/* line 367, ../sass/app.scss */
7116 7142
.vms .items-list li .img .os.windows {
7117 7143
  background-image: url("../images/os-windows.png");
7118 7144
}
7119
/* line 343, ../sass/app.scss */
7145
/* line 368, ../sass/app.scss */
7120 7146
.vms .items-list li .img .os.kubuntu {
7121 7147
  background-image: url("../images/os-kubuntu.png");
7122 7148
}
7123
/* line 344, ../sass/app.scss */
7149
/* line 369, ../sass/app.scss */
7124 7150
.vms .items-list li .img .os.fedora {
7125 7151
  background-image: url("../images/os-fedora.png");
7126 7152
}
7153
/* line 374, ../sass/app.scss */
7154
.vms .items-list li .container {
7155
  border: 1px solid transparent;
7156
  margin: 0 20px;
7157
  padding: 20px 0;
7158
  position: relative;
7159
}
7160
/* line 379, ../sass/app.scss */
7161
.vms .items-list li .container .options {
7162
  width: 100%;
7163
  height: 100%;
7164
  background: white;
7165
  position: absolute;
7166
  top: 0;
7167
  left: 0;
7168
  display: none;
7169
  z-index: 1;
7170
}
7171
/* line 389, ../sass/app.scss */
7172
.vms .items-list li .container .options .wrap {
7173
  height: 190px;
7174
  padding: 15px 30px;
7175
  text-align: left;
7176
  border: 1px solid #ff7bac;
7177
}
7178
/* line 394, ../sass/app.scss */
7179
.vms .items-list li .container .options .wrap a {
7180
  font-size: 1.6875em;
7181
  color: #919194;
7182
  line-height: 45px;
7183
  font-weight: bold;
7184
}
7185
/* line 399, ../sass/app.scss */
7186
.vms .items-list li .container .options .wrap a .custom_checkbox {
7187
  color: #ff7bac;
7188
  position: relative;
7189
  top: 5px;
7190
}
7191
/* line 404, ../sass/app.scss */
7192
.vms .items-list li .container .options .wrap a span {
7193
  float: right;
7194
}
7195
/* line 407, ../sass/app.scss */
7196
.vms .items-list li .container .options .wrap a:hover {
7197
  color: #ff7bac;
7198
}
7199
/* line 414, ../sass/app.scss */
7200
.vms .items-list li .more_checkbox {
7201
  position: absolute;
7202
  right: 31px;
7203
  top: 15px;
7204
  color: #ff7bac;
7205
  font-weight: bold;
7206
  font-size: 1.6875em;
7207
}
7127 7208

  
7128
/* line 351, ../sass/app.scss */
7209
/* line 428, ../sass/app.scss */
7129 7210
.lt-sidebar.vms {
7130 7211
  overflow: scroll;
7131 7212
  height: 300px;
7132 7213
  font-size: 0.75em;
7133 7214
}
7134
/* line 355, ../sass/app.scss */
7215
/* line 432, ../sass/app.scss */
7135 7216
.lt-sidebar.vms .items-list {
7136 7217
  padding: 0;
7137 7218
}
7138
/* line 359, ../sass/app.scss */
7219
/* line 436, ../sass/app.scss */
7139 7220
.lt-sidebar.vms .items-list li .img,
7140 7221
.lt-sidebar.vms .items-list li .os {
7141 7222
  background-size: 80%;
7142 7223
}
7143
/* line 363, ../sass/app.scss */
7224
/* line 440, ../sass/app.scss */
7144 7225
.lt-sidebar.vms li:hover,
7145 7226
.lt-sidebar.vms li.current {
7146 7227
  background: #dfdfdf;
7147 7228
  cursor: pointer;
7148 7229
}
7149 7230

  
7150
/* line 370, ../sass/app.scss */
7231
/* line 447, ../sass/app.scss */
7151 7232
.vm .img {
7152 7233
  background: url("../images/vm-on.png") no-repeat center center;
7153 7234
  width: 56px;
......
7158 7239
  margin-bottom: 20px;
7159 7240
  position: relative;
7160 7241
}
7161
/* line 374, ../sass/app.scss */
7242
/* line 451, ../sass/app.scss */
7162 7243
.vm .img.stopped {
7163 7244
  background-image: url("../images/vm-stopped.png");
7164 7245
}
7165
/* line 377, ../sass/app.scss */
7246
/* line 454, ../sass/app.scss */
7166 7247
.vm .img .os {
7167 7248
  background: url("../images/os-unknown.png") no-repeat center center;
7168 7249
  width: 22px;
......
7174 7255
  top: 8px;
7175 7256
  left: 18px;
7176 7257
}
7177
/* line 382, ../sass/app.scss */
7258
/* line 459, ../sass/app.scss */
7178 7259
.vm .img .os.windows {
7179 7260
  background-image: url("../images/os-windows.png");
7180 7261
}
7181
/* line 383, ../sass/app.scss */
7262
/* line 460, ../sass/app.scss */
7182 7263
.vm .img .os.kubuntu {
7183 7264
  background-image: url("../images/os-kubuntu.png");
7184 7265
}
7185
/* line 384, ../sass/app.scss */
7266
/* line 461, ../sass/app.scss */
7186 7267
.vm .img .os.fedora {
7187 7268
  background-image: url("../images/os-fedora.png");
7188 7269
}
7189 7270

  
7190
/* line 389, ../sass/app.scss */
7271
/* line 466, ../sass/app.scss */
7191 7272
.details {
7192 7273
  position: relative;
7193 7274
}
7194
/* line 392, ../sass/app.scss */
7275
/* line 469, ../sass/app.scss */
7195 7276
.details .top {
7196 7277
  padding: 100px 2.5em;
7197 7278
  text-align: center;
7198 7279
}
7199
/* line 395, ../sass/app.scss */
7280
/* line 472, ../sass/app.scss */
7200 7281
.details .top .img {
7201 7282
  background: url("../images/vm-on.png") no-repeat center center;
7202 7283
  width: 112px;
......
7206 7287
  overflow: hidden;
7207 7288
  background-size: 100%;
7208 7289
}
7209
/* line 399, ../sass/app.scss */
7290
/* line 476, ../sass/app.scss */
7210 7291
.details .top .os {
7211 7292
  background-size: 100%;
7212 7293
  width: 44px;
......
7214 7295
  left: 36px;
7215 7296
  top: 16px;
7216 7297
}
7217
/* line 407, ../sass/app.scss */
7298
/* line 484, ../sass/app.scss */
7218 7299
.details .top .actions ul {
7219 7300
  padding: 1em;
7220 7301
  text-align: center;
7221 7302
}
7222
/* line 410, ../sass/app.scss */
7303
/* line 487, ../sass/app.scss */
7223 7304
.details .top .actions ul li {
7224 7305
  list-style: none outside none;
7225 7306
  display: inline-block;
7226 7307
  margin: 0 10px;
7227 7308
  min-width: 112px;
7228 7309
}
7229
/* line 425, ../sass/app.scss */
7310
/* line 502, ../sass/app.scss */
7230 7311
.details .info dl {
7231 7312
  margin: 0;
7232 7313
}
7233
/* line 427, ../sass/app.scss */
7314
/* line 504, ../sass/app.scss */
7234 7315
.details .info dl dt {
7235 7316
  display: inline-block;
7236 7317
  width: 25%;
7237 7318
  float: left;
7238 7319
}
7239
/* line 434, ../sass/app.scss */
7320
/* line 511, ../sass/app.scss */
7240 7321
.details .close {
7241 7322
  position: absolute;
7242 7323
  right: 2.5em;
......
7249 7330
  overflow: hidden;
7250 7331
}
7251 7332

  
7252
/* line 442, ../sass/app.scss */
7333
/* line 519, ../sass/app.scss */
7253 7334
.border-bottom-style1 {
7254 7335
  padding-bottom: 20px;
7255 7336
  margin-bottom: 20px;
7256 7337
  border-bottom: 2px dashed #919194;
7257 7338
}
7258 7339

  
7259
/* line 448, ../sass/app.scss */
7340
/* line 525, ../sass/app.scss */
7260 7341
.overlay {
7261 7342
  background: #ff7bac;
7262 7343
}
7263
/* line 450, ../sass/app.scss */
7344
/* line 527, ../sass/app.scss */
7264 7345
.overlay .lt-sidebar {
7265 7346
  border-right: 1px solid white;
7266 7347
}
7267
/* line 453, ../sass/app.scss */
7348
/* line 530, ../sass/app.scss */
7268 7349
.overlay .lt-sidebar ul li {
7269 7350
  list-style: none outside none;
7270 7351
}
7271
/* line 455, ../sass/app.scss */
7352
/* line 532, ../sass/app.scss */
7272 7353
.overlay .lt-sidebar ul li a {
7273 7354
  color: white;
7274 7355
}
7275
/* line 457, ../sass/app.scss */
7356
/* line 534, ../sass/app.scss */
7276 7357
.overlay .lt-sidebar ul li a span {
7277 7358
  float: right;
7278 7359
  display: none;
7279 7360
}
7280
/* line 459, ../sass/app.scss */
7361
/* line 536, ../sass/app.scss */
7281 7362
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
7282 7363
  text-decoration: none;
7283 7364
}
7284
/* line 462, ../sass/app.scss */
7365
/* line 539, ../sass/app.scss */
7285 7366
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
7286 7367
  display: inline;
7287 7368
}
7288
/* line 473, ../sass/app.scss */
7369
/* line 550, ../sass/app.scss */
7289 7370
.overlay .lt-sidebar,
7290 7371
.overlay .main {
7291 7372
  padding: 100px 2.5em;
7292 7373
  position: relative;
7293 7374
}
7294
/* line 478, ../sass/app.scss */
7375
/* line 555, ../sass/app.scss */
7295 7376
.overlay .navigation .rt {
7296 7377
  float: right;
7297 7378
}
7298
/* line 482, ../sass/app.scss */
7379
/* line 559, ../sass/app.scss */
7299 7380
.overlay .close {
7300 7381
  position: absolute;
7301 7382
  right: 2.5em;
......
7308 7389
  overflow: hidden;
7309 7390
}
7310 7391

  
7311
/* line 492, ../sass/app.scss */
7392
/* line 569, ../sass/app.scss */
7312 7393
.create-vm .select-os li {
7313 7394
  width: 23%;
7314 7395
  padding: 20px;
......
7318 7399
  height: 200px;
7319 7400
  margin: 0 10px 10px 0;
7320 7401
}
7321
/* line 501, ../sass/app.scss */
7402
/* line 578, ../sass/app.scss */
7322 7403
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
7323 7404
  background: white;
7324 7405
}
7325
/* line 503, ../sass/app.scss */
7406
/* line 580, ../sass/app.scss */
7326 7407
.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 {
7327 7408
  color: #ff7bac;
7328 7409
}
7329
/* line 507, ../sass/app.scss */
7410
/* line 584, ../sass/app.scss */
7330 7411
.create-vm .select-os li a {
7331 7412
  color: white;
7332 7413
}
7333
/* line 510, ../sass/app.scss */
7414
/* line 587, ../sass/app.scss */
7334 7415
.create-vm .select-os li .os {
7335 7416
  background: url("../images/os-unknown.png") no-repeat center center;
7336 7417
  width: 30px;
......
7341 7422
  background-size: 100%;
7342 7423
  margin-bottom: 2em;
7343 7424
}
7344
/* line 514, ../sass/app.scss */
7425
/* line 591, ../sass/app.scss */
7345 7426
.create-vm .select-os li .os.windows {
7346 7427
  background-image: url("../images/os-windows.png");
7347 7428
}
7348
/* line 515, ../sass/app.scss */
7429
/* line 592, ../sass/app.scss */
7349 7430
.create-vm .select-os li .os.kubuntu {
7350 7431
  background-image: url("../images/os-kubuntu.png");
7351 7432
}
7352
/* line 516, ../sass/app.scss */
7433
/* line 593, ../sass/app.scss */
7353 7434
.create-vm .select-os li .os.fedora {
7354 7435
  background-image: url("../images/os-fedora.png");
7355 7436
}
7356
/* line 518, ../sass/app.scss */
7437
/* line 595, ../sass/app.scss */
7357 7438
.create-vm .select-os li h2 {
7358 7439
  font-size: 1em;
7359 7440
  font-weight: normal;
7360 7441
  color: white;
7361 7442
}
7362
/* line 523, ../sass/app.scss */
7443
/* line 600, ../sass/app.scss */
7363 7444
.create-vm .select-os li .details {
7364 7445
  font-weight: bold;
7365 7446
  font-size: 0.875em;
7366 7447
}
7367
/* line 530, ../sass/app.scss */
7448
/* line 607, ../sass/app.scss */
7368 7449
.create-vm .select-flavor dl {
7369 7450
  color: white;
7370 7451
  font-size: 1.25em;
7371 7452
  margin-bottom: 10px;
7372 7453
}
7373
/* line 534, ../sass/app.scss */
7454
/* line 611, ../sass/app.scss */
7374 7455
.create-vm .select-flavor dl dd {
7375 7456
  width: 23%;
7376 7457
  display: inline-block;
7377 7458
}
7378
/* line 538, ../sass/app.scss */
7459
/* line 615, ../sass/app.scss */
7379 7460
.create-vm .select-flavor dl dt {
7380 7461
  width: 70%;
7381 7462
  display: inline-block;
7382 7463
  font-weight: normal;
7383 7464
}
7384
/* line 542, ../sass/app.scss */
7465
/* line 619, ../sass/app.scss */
7385 7466
.create-vm .select-flavor dl dt span {
7386 7467
  min-width: 90px;
7387 7468
  margin: 0 10px;
7388 7469
}
7389
/* line 546, ../sass/app.scss */
7470
/* line 623, ../sass/app.scss */
7390 7471
.create-vm .select-flavor dl dt span:first-child {
7391 7472
  margin-left: 0;
7392 7473
}
7474

  
7475
/* line 633, ../sass/app.scss */
7476
#vm-connect .info {
7477
  font-style: italic;
7478
  font-size: 0.8125em;
7479
  color: #9e9ea1;
7480
}
7481
/* line 638, ../sass/app.scss */
7482
#vm-connect .ssh {
7483
  text-align: center;
7484
}
7485
/* line 640, ../sass/app.scss */
7486
#vm-connect .ssh span {
7487
  padding: 10px 30px;
7488
  background: #ff7bac;
7489
  color: white;
7490
}
7491
/* line 646, ../sass/app.scss */
7492
#vm-connect a:hover {
7493
  color: #ff7bac;
7494
}

Also available in: Unified diff