Revision f66d5dd8

b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
77 77
	&::-webkit-input-placeholder { @content; }
78 78
}
79 79

  
80

  
80
// keyframes mixin
81
@mixin keyframes($name) {
82
  @-webkit-keyframes #{$name} {
83
    @content;
84
  }
85
  @-moz-keyframes #{$name} {
86
    @content;
87
  }
88
  @-ms-keyframes #{$name} {
89
    @content;
90
  }
91
  @keyframes #{$name} {
92
    @content;
93
  }
94
}
81 95
/* Circle and Tags ----------------------------------------------- */
82 96
.circle {
83 97
	display:inline-block;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_machines.scss
1 1
/* Machines (VMs)  related styles  */
2 2

  
3 3
.build-progress {
4
	animation: progress_animation 5s infinite;
5
	-webkit-animation: progress_animation 5s infinite;
4
	animation:
5
		progress_animation 5s infinite,
6
		pulse 1s infinite;
7
	-webkit-animation:
8
		progress_animation 5s infinite,
9
		pulse 1s infinite;
6 10
}
7 11

  
8
@keyframes progress_animation
9
{
10
from {width: 0%}
11
to {width: 100%}
12
@include keyframes( progress_animation) {
13
	from {
14
		width: 0%
15
	}
16
	to {
17
		width: 100%
18
	}
12 19
}
13 20

  
14
@-webkit-keyframes progress_animation /* Safari and Chrome */
15
{
16
from {width: 0%}
17
to {width: 100%}
21
@include keyframes( pulse) {
22
	from {
23
		color: $secondary-color
24
	}
25
	to {
26
		color: darken($secondary-color,10%)
27
	}
18 28
}
29

  
19 30
.vms .items-list {
20 31
	.img-wrap {
21 32
		width: 60px;
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
6820 6820

  
6821 6821
/* Mixins ----------------------------------------------- */
6822 6822
/* Circle and Tags ----------------------------------------------- */
6823
/* line 82, ../sass/_common.scss */
6823
/* line 96, ../sass/_common.scss */
6824 6824
.circle, .tags a, .tag-demo, .advanced-conf-step #color {
6825 6825
  display: inline-block;
6826 6826
  -webkit-border-radius: 999px;
......
6829 6829
  behavior: url(PIE.htc);
6830 6830
}
6831 6831

  
6832
/* line 90, ../sass/_common.scss */
6832
/* line 104, ../sass/_common.scss */
6833 6833
.tags {
6834 6834
  text-align: center;
6835 6835
}
6836
/* line 92, ../sass/_common.scss */
6836
/* line 106, ../sass/_common.scss */
6837 6837
.tags a {
6838 6838
  width: 12px;
6839 6839
  height: 12px;
6840 6840
  margin: 0 3px;
6841 6841
}
6842
/* line 97, ../sass/_common.scss */
6842
/* line 111, ../sass/_common.scss */
6843 6843
.tags a.tag1 {
6844 6844
  background-color: #30c79e;
6845 6845
}
6846
/* line 98, ../sass/_common.scss */
6846
/* line 112, ../sass/_common.scss */
6847 6847
.tags a.tag2 {
6848 6848
  background-color: #30c79e;
6849 6849
}
6850
/* line 99, ../sass/_common.scss */
6850
/* line 113, ../sass/_common.scss */
6851 6851
.tags a.tag3 {
6852 6852
  background-color: #00a551;
6853 6853
}
6854 6854

  
6855
/* line 103, ../sass/_common.scss */
6855
/* line 117, ../sass/_common.scss */
6856 6856
.tag-demo, .advanced-conf-step #color {
6857 6857
  width: 18px;
6858 6858
  height: 18px;
......
6860 6860
  bottom: -5px;
6861 6861
  margin-right: 20px;
6862 6862
}
6863
/* line 110, ../sass/_common.scss */
6863
/* line 124, ../sass/_common.scss */
6864 6864
.tag-demo.tag4, .advanced-conf-step .tag4#color {
6865 6865
  background-color: #ff5e4d;
6866 6866
}
6867
/* line 111, ../sass/_common.scss */
6867
/* line 125, ../sass/_common.scss */
6868 6868
.tag-demo.tag5, .advanced-conf-step .tag5#color {
6869 6869
  background-color: #25bfda;
6870 6870
}
6871
/* line 112, ../sass/_common.scss */
6871
/* line 126, ../sass/_common.scss */
6872 6872
.tag-demo.tag6, .advanced-conf-step .tag6#color {
6873 6873
  background-color: #fbf7c5;
6874 6874
}
6875
/* line 113, ../sass/_common.scss */
6875
/* line 127, ../sass/_common.scss */
6876 6876
.tag-demo.tag7, .advanced-conf-step .tag7#color {
6877 6877
  background-color: #83a697;
6878 6878
}
6879 6879

  
6880 6880
/* Buttons and Links ----------------------------------------------- */
6881
/* line 121, ../sass/_common.scss */
6881
/* line 135, ../sass/_common.scss */
6882 6882
a {
6883 6883
  color: #919194;
6884 6884
}
6885
/* line 123, ../sass/_common.scss */
6885
/* line 137, ../sass/_common.scss */
6886 6886
a:hover {
6887 6887
  color: #30c79e;
6888 6888
  -webkit-transition: background 300ms ease-out;
......
6892 6892
  transition: background 300ms ease-out;
6893 6893
}
6894 6894

  
6895
/* line 131, ../sass/_common.scss */
6895
/* line 145, ../sass/_common.scss */
6896 6896
.more a .snf-checkbox-checked, .more a .snf-checkbox-unchecked {
6897 6897
  color: #ff948c;
6898 6898
}
6899 6899

  
6900
/* line 135, ../sass/_common.scss */
6900
/* line 149, ../sass/_common.scss */
6901 6901
.btn1, .btn2, .btn3, .upload-widget .btns a, .btn4, .btn-img, .new-btn a, .details .top .actions ul li a {
6902 6902
  border: 1px solid #919194;
6903 6903
  color: #919194;
......
6906 6906
  line-height: 1em;
6907 6907
  text-align: center;
6908 6908
}
6909
/* line 144, ../sass/_common.scss */
6909
/* line 158, ../sass/_common.scss */
6910 6910
.btn1:hover, .btn2:hover, .btn3:hover, .upload-widget .btns a:hover, .btn4:hover, .btn-img:hover, .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current, .btn1:focus, .btn2:focus, .btn3:focus, .upload-widget .btns a:focus, .btn4:focus, .btn-img:focus, .new-btn a:focus, .details .top .actions ul li a:focus {
6911 6911
  border-color: #30c79e;
6912 6912
  background: #30c79e;
6913 6913
  color: #fff;
6914 6914
}
6915
/* line 149, ../sass/_common.scss */
6915
/* line 163, ../sass/_common.scss */
6916 6916
.btn1.current, .current.btn2, .current.btn3, .upload-widget .btns a.current, .current.btn4, .current.btn-img, .new-btn a.current, .details .top .actions ul li a.current {
6917 6917
  cursor: default;
6918 6918
}
6919 6919

  
6920
/* line 154, ../sass/_common.scss */
6920
/* line 168, ../sass/_common.scss */
6921 6921
.btn2 {
6922 6922
  color: #30c79e;
6923 6923
  background: #fff;
6924 6924
  border-color: #30c79e;
6925 6925
}
6926
/* line 161, ../sass/_common.scss */
6926
/* line 175, ../sass/_common.scss */
6927 6927
.btn2:hover, .btn2.current, .btn2:focus {
6928 6928
  background: transparent;
6929 6929
  border-color: #fff;
6930 6930
}
6931 6931

  
6932
/* line 167, ../sass/_common.scss */
6932
/* line 181, ../sass/_common.scss */
6933 6933
.btn3, .upload-widget .btns a {
6934 6934
  color: #fff;
6935 6935
  border-color: #fff;
6936 6936
}
6937
/* line 173, ../sass/_common.scss */
6937
/* line 187, ../sass/_common.scss */
6938 6938
.btn3:hover, .upload-widget .btns a:hover, .btn3.current, .upload-widget .btns a.current, .btn3:focus, .upload-widget .btns a:focus {
6939 6939
  color: #30c79e;
6940 6940
  background: #fff;
6941 6941
  border-color: #fff;
6942 6942
}
6943 6943

  
6944
/* line 180, ../sass/_common.scss */
6944
/* line 194, ../sass/_common.scss */
6945 6945
.btn4 {
6946 6946
  color: #fff;
6947 6947
  border-color: #fff;
6948 6948
  background: #30c79e;
6949 6949
}
6950
/* line 187, ../sass/_common.scss */
6950
/* line 201, ../sass/_common.scss */
6951 6951
.btn4:hover, .btn4.current, .btn4:focus {
6952 6952
  color: #30c79e;
6953 6953
  border-color: #30c79e;
6954 6954
  background: #fff;
6955 6955
}
6956 6956

  
6957
/* line 194, ../sass/_common.scss */
6957
/* line 208, ../sass/_common.scss */
6958 6958
.btn5, .wizard .middle .step .os li .btn-col a, .wizard .middle .step .flavor li .options-bar .options li a {
6959 6959
  border: 1px solid white;
6960 6960
  color: white;
......
6965 6965
  text-align: center;
6966 6966
  font-size: 0.75em;
6967 6967
}
6968
/* line 204, ../sass/_common.scss */
6968
/* line 218, ../sass/_common.scss */
6969 6969
.btn5:hover, .wizard .middle .step .os li .btn-col a:hover, .wizard .middle .step .flavor li .options-bar .options li a:hover, .btn5:focus, .wizard .middle .step .os li .btn-col a:focus, .wizard .middle .step .flavor li .options-bar .options li a:focus {
6970 6970
  border-width: 2px;
6971 6971
  line-height: 26px;
6972 6972
  padding: 0 19px;
6973 6973
  color: white;
6974 6974
}
6975
/* line 210, ../sass/_common.scss */
6975
/* line 224, ../sass/_common.scss */
6976 6976
.btn5.current, .wizard .middle .step .os li .btn-col a.current, .wizard .middle .step .flavor li .options-bar .options li a.current {
6977 6977
  background: white;
6978 6978
  color: #30c79e;
6979 6979
}
6980 6980

  
6981
/* line 216, ../sass/_common.scss */
6981
/* line 230, ../sass/_common.scss */
6982 6982
.btn-img {
6983 6983
  border-color: #30c79e;
6984 6984
}
6985
/* line 220, ../sass/_common.scss */
6985
/* line 234, ../sass/_common.scss */
6986 6986
.btn-img:hover, .btn-img:focus {
6987 6987
  background: transparent;
6988 6988
}
6989
/* line 224, ../sass/_common.scss */
6989
/* line 238, ../sass/_common.scss */
6990 6990
.btn-img a img, .btn-img a span {
6991 6991
  margin-left: 5px;
6992 6992
}
6993 6993

  
6994 6994
/* Layout ----------------------------------------------- */
6995
/* line 232, ../sass/_common.scss */
6995
/* line 246, ../sass/_common.scss */
6996 6996
html, body {
6997 6997
  height: 100%;
6998 6998
}
6999 6999

  
7000
/* line 236, ../sass/_common.scss */
7000
/* line 250, ../sass/_common.scss */
7001 7001
body {
7002 7002
  padding-top: 110px;
7003 7003
}
7004 7004

  
7005
/* line 240, ../sass/_common.scss */
7005
/* line 254, ../sass/_common.scss */
7006 7006
.overlay-wrapper {
7007 7007
  min-height: 100%;
7008 7008
}
7009 7009

  
7010
/* line 244, ../sass/_common.scss */
7010
/* line 258, ../sass/_common.scss */
7011 7011
.lt-sidebar {
7012 7012
  width: 250px;
7013 7013
  float: left;
7014 7014
}
7015
/* line 247, ../sass/_common.scss */
7015
/* line 261, ../sass/_common.scss */
7016 7016
.lt-sidebar.nav {
7017 7017
  margin-top: 0;
7018 7018
  font-size: 1em;
7019 7019
  overflow: auto;
7020 7020
}
7021
/* line 252, ../sass/_common.scss */
7021
/* line 266, ../sass/_common.scss */
7022 7022
.lt-sidebar + .main {
7023 7023
  overflow: hidden;
7024 7024
}
7025 7025

  
7026
/* line 257, ../sass/_common.scss */
7026
/* line 271, ../sass/_common.scss */
7027 7027
.main {
7028 7028
  padding: 0 10px;
7029 7029
}
7030 7030

  
7031 7031
/* Header ----------------------------------------------- */
7032
/* line 263, ../sass/_common.scss */
7032
/* line 277, ../sass/_common.scss */
7033 7033
.header {
7034 7034
  position: fixed;
7035 7035
  top: 0;
......
7042 7042
  background: white;
7043 7043
  z-index: 100;
7044 7044
}
7045
/* line 274, ../sass/_common.scss */
7045
/* line 288, ../sass/_common.scss */
7046 7046
.header .icons-nav {
7047 7047
  position: absolute;
7048 7048
  left: 10px;
......
7050 7050
  line-height: 80px;
7051 7051
  top: 0;
7052 7052
}
7053
/* line 280, ../sass/_common.scss */
7053
/* line 294, ../sass/_common.scss */
7054 7054
.header .icons-nav li {
7055 7055
  line-height: 80px;
7056 7056
}
7057
/* line 284, ../sass/_common.scss */
7057
/* line 298, ../sass/_common.scss */
7058 7058
.header .logo {
7059 7059
  text-align: center;
7060 7060
}
7061
/* line 286, ../sass/_common.scss */
7061
/* line 300, ../sass/_common.scss */
7062 7062
.header .logo a {
7063 7063
  position: relative;
7064 7064
  top: -5px;
7065 7065
}
7066
/* line 289, ../sass/_common.scss */
7066
/* line 303, ../sass/_common.scss */
7067 7067
.header .logo a:focus {
7068 7068
  border: 1px solid #30c79e;
7069 7069
  padding: 10px;
7070 7070
}
7071
/* line 294, ../sass/_common.scss */
7071
/* line 308, ../sass/_common.scss */
7072 7072
.header .logo img {
7073 7073
  max-height: 30px;
7074 7074
}
7075
/* line 297, ../sass/_common.scss */
7075
/* line 311, ../sass/_common.scss */
7076 7076
.header .logo h2 {
7077 7077
  display: none;
7078 7078
  margin: 0;
......
7080 7080
  color: #919194;
7081 7081
  font-weight: normal;
7082 7082
}
7083
/* line 305, ../sass/_common.scss */
7083
/* line 319, ../sass/_common.scss */
7084 7084
.header .login {
7085 7085
  position: absolute;
7086 7086
  top: 25px;
7087 7087
  right: 15px;
7088 7088
}
7089
/* line 309, ../sass/_common.scss */
7089
/* line 323, ../sass/_common.scss */
7090 7090
.header .login a {
7091 7091
  color: #485057;
7092 7092
}
7093
/* line 311, ../sass/_common.scss */
7093
/* line 325, ../sass/_common.scss */
7094 7094
.header .login a:hover {
7095 7095
  color: #30c79e;
7096 7096
}
7097
/* line 315, ../sass/_common.scss */
7097
/* line 329, ../sass/_common.scss */
7098 7098
.header .login .wrap {
7099 7099
  border: 1px solid #485057;
7100 7100
  background: white;
......
7103 7103
  padding: 12px 30px;
7104 7104
  line-height: 100%;
7105 7105
}
7106
/* line 323, ../sass/_common.scss */
7106
/* line 337, ../sass/_common.scss */
7107 7107
.header .login .wrap ul {
7108 7108
  display: none;
7109 7109
  padding: 0;
7110 7110
  margin: 0;
7111 7111
  list-style: none outside none;
7112 7112
}
7113
/* line 328, ../sass/_common.scss */
7113
/* line 342, ../sass/_common.scss */
7114 7114
.header .login .wrap ul li {
7115 7115
  list-style: none outside none;
7116 7116
  padding: 0;
7117 7117
  padding-top: 12px;
7118 7118
}
7119
/* line 337, ../sass/_common.scss */
7119
/* line 351, ../sass/_common.scss */
7120 7120
.header .login .wrap:hover ul {
7121 7121
  display: block;
7122 7122
}
7123 7123

  
7124 7124
/* Actions Bar ----------------------------------------------- */
7125
/* line 348, ../sass/_common.scss */
7125
/* line 362, ../sass/_common.scss */
7126 7126
.actions-bar {
7127 7127
  position: fixed;
7128 7128
  left: 0;
......
7135 7135
  color: #485057;
7136 7136
  background-color: #ebebec;
7137 7137
}
7138
/* line 359, ../sass/_common.scss */
7138
/* line 373, ../sass/_common.scss */
7139 7139
.actions-bar a {
7140 7140
  color: #485057;
7141 7141
}
7142
/* line 362, ../sass/_common.scss */
7142
/* line 376, ../sass/_common.scss */
7143 7143
.actions-bar h2 {
7144 7144
  float: left;
7145 7145
  margin-left: 15px;
......
7148 7148
  line-height: 30px;
7149 7149
  font-weight: normal;
7150 7150
}
7151
/* line 370, ../sass/_common.scss */
7151
/* line 384, ../sass/_common.scss */
7152 7152
.actions-bar .filter-menu {
7153 7153
  float: right;
7154 7154
  position: relative;
7155 7155
}
7156
/* line 373, ../sass/_common.scss */
7156
/* line 387, ../sass/_common.scss */
7157 7157
.actions-bar .filter-menu .filter {
7158 7158
  padding: 0 10px;
7159 7159
  font-size: 0.75em;
7160 7160
  position: relative;
7161 7161
  top: -2px;
7162 7162
}
7163
/* line 379, ../sass/_common.scss */
7163
/* line 393, ../sass/_common.scss */
7164 7164
.actions-bar .filter-menu .options {
7165 7165
  display: none;
7166 7166
  position: absolute;
......
7172 7172
  text-align: left;
7173 7173
  margin: 0;
7174 7174
}
7175
/* line 391, ../sass/_common.scss */
7175
/* line 405, ../sass/_common.scss */
7176 7176
.actions-bar .filter-menu.current .options {
7177 7177
  background-color: #ababad;
7178 7178
  display: inline-block;
7179 7179
}
7180
/* line 394, ../sass/_common.scss */
7180
/* line 408, ../sass/_common.scss */
7181 7181
.actions-bar .filter-menu.current .options a {
7182 7182
  color: white;
7183 7183
}
7184
/* line 403, ../sass/_common.scss */
7184
/* line 417, ../sass/_common.scss */
7185 7185
.actions-bar .row {
7186 7186
  position: relative;
7187 7187
  height: 30px;
7188 7188
}
7189
/* line 408, ../sass/_common.scss */
7189
/* line 422, ../sass/_common.scss */
7190 7190
.actions-bar .hd-search {
7191 7191
  width: 24px;
7192 7192
  overflow: hidden;
......
7198 7198
  transition: width 0.3s;
7199 7199
  -webkit-backface-visibility: hidden;
7200 7200
}
7201
/* line 419, ../sass/_common.scss */
7201
/* line 433, ../sass/_common.scss */
7202 7202
.actions-bar .hd-search .hd-icon-search {
7203 7203
  color: #919194;
7204 7204
  display: block;
......
7210 7210
  position: relative;
7211 7211
  background: #ebebec;
7212 7212
}
7213
/* line 426, ../sass/_common.scss */
7213
/* line 440, ../sass/_common.scss */
7214 7214
.actions-bar .hd-search .hd-icon-search:hover {
7215 7215
  cursor: pointer;
7216 7216
  color: #30c79e;
7217 7217
}
7218
/* line 434, ../sass/_common.scss */
7218
/* line 448, ../sass/_common.scss */
7219 7219
.actions-bar .hd-search .hd-search-input {
7220 7220
  border: transparent;
7221 7221
  background-color: white;
......
7246 7246
.actions-bar .hd-search .hd-search-input::-webkit-input-placeholder {
7247 7247
  color: #485057;
7248 7248
}
7249
/* line 451, ../sass/_common.scss */
7249
/* line 465, ../sass/_common.scss */
7250 7250
.actions-bar .hd-search.hd-open {
7251 7251
  width: 190px;
7252 7252
}
7253
/* line 456, ../sass/_common.scss */
7253
/* line 470, ../sass/_common.scss */
7254 7254
.actions-bar .sb-search {
7255 7255
  float: right;
7256 7256
  margin-top: 3px;
7257 7257
  min-width: 24px;
7258 7258
  height: 24px;
7259 7259
}
7260
/* line 462, ../sass/_common.scss */
7260
/* line 476, ../sass/_common.scss */
7261 7261
.actions-bar .sb-search .sb-icon-search {
7262 7262
  height: 24px;
7263 7263
  width: 24px;
7264 7264
  color: #919194;
7265 7265
}
7266
/* line 467, ../sass/_common.scss */
7266
/* line 481, ../sass/_common.scss */
7267 7267
.actions-bar .sb-search form {
7268 7268
  display: inline-block;
7269 7269
  margin: 0;
7270 7270
}
7271
/* line 470, ../sass/_common.scss */
7271
/* line 484, ../sass/_common.scss */
7272 7272
.actions-bar .sb-search form .input-wrap {
7273 7273
  width: 180px;
7274 7274
  overflow: hidden;
7275 7275
}
7276
/* line 474, ../sass/_common.scss */
7276
/* line 488, ../sass/_common.scss */
7277 7277
.actions-bar .sb-search form input {
7278 7278
  border: transparent;
7279 7279
  background-color: white;
......
7303 7303
.actions-bar .sb-search form input::-webkit-input-placeholder {
7304 7304
  color: #485057;
7305 7305
}
7306
/* line 491, ../sass/_common.scss */
7306
/* line 505, ../sass/_common.scss */
7307 7307
.actions-bar .sb-search.sb-search-open {
7308 7308
  width: 220px;
7309 7309
}
7310
/* line 496, ../sass/_common.scss */
7310
/* line 510, ../sass/_common.scss */
7311 7311
.actions-bar .view-type {
7312 7312
  float: right;
7313 7313
  margin-right: 15px;
7314 7314
}
7315
/* line 500, ../sass/_common.scss */
7315
/* line 514, ../sass/_common.scss */
7316 7316
.actions-bar .view-type .current,
7317 7317
.actions-bar .view-type a:hover {
7318 7318
  color: #30c79e;
7319 7319
}
7320
/* line 503, ../sass/_common.scss */
7320
/* line 517, ../sass/_common.scss */
7321 7321
.actions-bar .view-type .snf-list {
7322 7322
  margin-right: 6px;
7323 7323
  font-size: 17px;
7324 7324
}
7325
/* line 507, ../sass/_common.scss */
7325
/* line 521, ../sass/_common.scss */
7326 7326
.actions-bar .view-type .snf-layout {
7327 7327
  font-size: 1.1em;
7328 7328
}
7329 7329

  
7330
/* line 513, ../sass/_common.scss */
7330
/* line 527, ../sass/_common.scss */
7331 7331
.new-btn {
7332 7332
  position: absolute;
7333 7333
  left: 15px;
7334 7334
  bottom: 0;
7335 7335
  height: 30px;
7336 7336
}
7337
/* line 520, ../sass/_common.scss */
7337
/* line 534, ../sass/_common.scss */
7338 7338
.new-btn a span {
7339 7339
  font-size: 1.25em;
7340 7340
}
7341 7341

  
7342 7342
/* Icons Navigation ----------------------------------------------- */
7343
/* line 528, ../sass/_common.scss */
7343
/* line 542, ../sass/_common.scss */
7344 7344
.icons-nav {
7345 7345
  margin: 0;
7346 7346
  padding: 0;
7347 7347
}
7348
/* line 530, ../sass/_common.scss */
7348
/* line 544, ../sass/_common.scss */
7349 7349
.icons-nav li {
7350 7350
  display: inline-block;
7351 7351
  margin: 0 5px;
......
7356 7356
  text-align: center;
7357 7357
  overflow: hidden;
7358 7358
}
7359
/* line 539, ../sass/_common.scss */
7359
/* line 553, ../sass/_common.scss */
7360 7360
.icons-nav li a {
7361 7361
  color: #1a1a1a;
7362 7362
}
7363
/* line 541, ../sass/_common.scss */
7363
/* line 555, ../sass/_common.scss */
7364 7364
.icons-nav li a:hover, .icons-nav li a.current {
7365 7365
  color: #30c79e;
7366 7366
}
7367 7367

  
7368 7368
/* Top info  ----------------------------------------------- */
7369
/* line 554, ../sass/_common.scss */
7369
/* line 568, ../sass/_common.scss */
7370 7370
.top-info {
7371 7371
  padding: 50px 100px;
7372 7372
  position: relative;
7373 7373
  z-index: 10;
7374 7374
  display: none;
7375 7375
}
7376
/* line 559, ../sass/_common.scss */
7376
/* line 573, ../sass/_common.scss */
7377 7377
.top-info .close {
7378 7378
  position: absolute;
7379 7379
  right: 15px;
......
7386 7386
  overflow: hidden;
7387 7387
}
7388 7388

  
7389
/* line 568, ../sass/_common.scss */
7389
/* line 582, ../sass/_common.scss */
7390 7390
.info.error {
7391 7391
  background: #ff5c58;
7392 7392
  color: #fff;
7393 7393
}
7394 7394

  
7395
/* line 574, ../sass/_common.scss */
7395
/* line 588, ../sass/_common.scss */
7396 7396
.info.alert {
7397 7397
  background: #30c79e;
7398 7398
  color: #fff;
7399 7399
}
7400 7400

  
7401
/* line 579, ../sass/_common.scss */
7401
/* line 593, ../sass/_common.scss */
7402 7402
.info.warning {
7403 7403
  background: #919194;
7404 7404
  color: #fff;
7405 7405
}
7406 7406

  
7407
/* line 584, ../sass/_common.scss */
7407
/* line 598, ../sass/_common.scss */
7408 7408
.info.success {
7409 7409
  background: #00a551;
7410 7410
  color: #fff;
7411 7411
}
7412 7412

  
7413
/* line 589, ../sass/_common.scss */
7413
/* line 603, ../sass/_common.scss */
7414 7414
.border-bottom-style1 {
7415 7415
  padding-bottom: 20px;
7416 7416
  margin-bottom: 20px;
......
7418 7418
}
7419 7419

  
7420 7420
/* Progress Bar ----------------------------------------------- */
7421
/* line 598, ../sass/_common.scss */
7421
/* line 612, ../sass/_common.scss */
7422 7422
.progress-bar {
7423 7423
  position: fixed;
7424 7424
  bottom: 0;
......
7429 7429
  padding: 20px 0 20px 310px;
7430 7430
  color: #919194;
7431 7431
}
7432
/* line 607, ../sass/_common.scss */
7432
/* line 621, ../sass/_common.scss */
7433 7433
.progress-bar span.counter {
7434 7434
  display: inline-block;
7435 7435
  margin-right: 20px;
7436 7436
  float: left;
7437 7437
}
7438
/* line 612, ../sass/_common.scss */
7438
/* line 626, ../sass/_common.scss */
7439 7439
.progress-bar div.progress-wrap {
7440 7440
  display: inline-block;
7441 7441
  float: left;
7442 7442
  width: 40%;
7443 7443
  margin-right: 60px;
7444 7444
}
7445
/* line 617, ../sass/_common.scss */
7445
/* line 631, ../sass/_common.scss */
7446 7446
.progress-bar div.progress-wrap .progress {
7447 7447
  position: relative;
7448 7448
  top: 2px;
7449 7449
}
7450
/* line 622, ../sass/_common.scss */
7450
/* line 636, ../sass/_common.scss */
7451 7451
.progress-bar span.more {
7452 7452
  display: inline-block;
7453 7453
}
7454 7454

  
7455 7455
/* Responive ------------------------------------------------ */
7456 7456
@media only screen and (max-width: 768px) {
7457
  /* line 633, ../sass/_common.scss */
7457
  /* line 647, ../sass/_common.scss */
7458 7458
  body {
7459 7459
    padding-top: 0;
7460 7460
  }
7461 7461

  
7462
  /* line 636, ../sass/_common.scss */
7462
  /* line 650, ../sass/_common.scss */
7463 7463
  .header, .actions-bar {
7464 7464
    position: static;
7465 7465
    z-index: auto;
7466 7466
  }
7467 7467

  
7468
  /* line 640, ../sass/_common.scss */
7468
  /* line 654, ../sass/_common.scss */
7469 7469
  .actions-bar {
7470 7470
    top: 160px;
7471 7471
  }
7472 7472

  
7473
  /* line 643, ../sass/_common.scss */
7473
  /* line 657, ../sass/_common.scss */
7474 7474
  .header {
7475 7475
    height: 120px;
7476 7476
    line-height: 50px;
7477 7477
  }
7478
  /* line 646, ../sass/_common.scss */
7478
  /* line 660, ../sass/_common.scss */
7479 7479
  .header .icons-nav {
7480 7480
    position: static;
7481 7481
  }
......
8054 8054
/* Machines (VMs)  related styles  */
8055 8055
/* line 3, ../sass/_machines.scss */
8056 8056
.build-progress {
8057
  animation: progress_animation 5s infinite;
8058
  -webkit-animation: progress_animation 5s infinite;
8057
  animation: progress_animation 5s infinite, pulse 1s infinite;
8058
  -webkit-animation: progress_animation 5s infinite, pulse 1s infinite;
8059 8059
}
8060 8060

  
8061
@keyframes progress_animation {
8062
  /* line 10, ../sass/_machines.scss */
8061
@-webkit-keyframes progress_animation {
8062
  /* line 13, ../sass/_machines.scss */
8063 8063
  from {
8064 8064
    width: 0%;
8065 8065
  }
8066 8066

  
8067
  /* line 11, ../sass/_machines.scss */
8067
  /* line 16, ../sass/_machines.scss */
8068 8068
  to {
8069 8069
    width: 100%;
8070 8070
  }
8071 8071
}
8072 8072

  
8073
@-webkit-keyframes progress_animation {
8073
@-moz-keyframes progress_animation {
8074
  /* line 13, ../sass/_machines.scss */
8075
  from {
8076
    width: 0%;
8077
  }
8078

  
8074 8079
  /* line 16, ../sass/_machines.scss */
8080
  to {
8081
    width: 100%;
8082
  }
8083
}
8084

  
8085
@-ms-keyframes progress_animation {
8086
  /* line 13, ../sass/_machines.scss */
8075 8087
  from {
8076 8088
    width: 0%;
8077 8089
  }
8078 8090

  
8079
  /* line 17, ../sass/_machines.scss */
8091
  /* line 16, ../sass/_machines.scss */
8080 8092
  to {
8081 8093
    width: 100%;
8082 8094
  }
8083 8095
}
8084 8096

  
8085
/* line 20, ../sass/_machines.scss */
8097
@keyframes progress_animation {
8098
  /* line 13, ../sass/_machines.scss */
8099
  from {
8100
    width: 0%;
8101
  }
8102

  
8103
  /* line 16, ../sass/_machines.scss */
8104
  to {
8105
    width: 100%;
8106
  }
8107
}
8108

  
8109
@-webkit-keyframes pulse {
8110
  /* line 22, ../sass/_machines.scss */
8111
  from {
8112
    color: #30c79e;
8113
  }
8114

  
8115
  /* line 25, ../sass/_machines.scss */
8116
  to {
8117
    color: #269e7d;
8118
  }
8119
}
8120

  
8121
@-moz-keyframes pulse {
8122
  /* line 22, ../sass/_machines.scss */
8123
  from {
8124
    color: #30c79e;
8125
  }
8126

  
8127
  /* line 25, ../sass/_machines.scss */
8128
  to {
8129
    color: #269e7d;
8130
  }
8131
}
8132

  
8133
@-ms-keyframes pulse {
8134
  /* line 22, ../sass/_machines.scss */
8135
  from {
8136
    color: #30c79e;
8137
  }
8138

  
8139
  /* line 25, ../sass/_machines.scss */
8140
  to {
8141
    color: #269e7d;
8142
  }
8143
}
8144

  
8145
@keyframes pulse {
8146
  /* line 22, ../sass/_machines.scss */
8147
  from {
8148
    color: #30c79e;
8149
  }
8150

  
8151
  /* line 25, ../sass/_machines.scss */
8152
  to {
8153
    color: #269e7d;
8154
  }
8155
}
8156

  
8157
/* line 31, ../sass/_machines.scss */
8086 8158
.vms .items-list .img-wrap {
8087 8159
  width: 60px;
8088 8160
}
8089
/* line 23, ../sass/_machines.scss */
8161
/* line 34, ../sass/_machines.scss */
8090 8162
.vms .items-list .img-wrap span:hover {
8091 8163
  cursor: pointer;
8092 8164
  opacity: 0.8;
8093 8165
}
8094
/* line 29, ../sass/_machines.scss */
8166
/* line 40, ../sass/_machines.scss */
8095 8167
.vms .items-list .img-wrap:hover .snf-PC_fill {
8096 8168
  color: #269e7d;
8097 8169
}
8098
/* line 33, ../sass/_machines.scss */
8170
/* line 44, ../sass/_machines.scss */
8099 8171
.vms .items-list .img-wrap .snf-PC_fill {
8100 8172
  font-size: 60px;
8101 8173
  color: #30c79e;
8102 8174
}
8103
/* line 43, ../sass/_machines.scss */
8175
/* line 54, ../sass/_machines.scss */
8104 8176
.vms .items-list .img-wrap .os {
8105 8177
  background: url("../images/os-unknown.png") no-repeat center center;
8106 8178
  width: 22px;
......
8112 8184
  top: 8px;
8113 8185
  left: 19px;
8114 8186
}
8115
/* line 48, ../sass/_machines.scss */
8187
/* line 59, ../sass/_machines.scss */
8116 8188
.vms .items-list .img-wrap .os.windows {
8117 8189
  background-image: url("../images/os-windows.png");
8118 8190
}
8119
/* line 49, ../sass/_machines.scss */
8191
/* line 60, ../sass/_machines.scss */
8120 8192
.vms .items-list .img-wrap .os.kubuntu {
8121 8193
  background-image: url("../images/os-kubuntu.png");
8122 8194
}
8123
/* line 50, ../sass/_machines.scss */
8195
/* line 61, ../sass/_machines.scss */
8124 8196
.vms .items-list .img-wrap .os.fedora {
8125 8197
  background-image: url("../images/os-fedora.png");
8126 8198
}
8127
/* line 55, ../sass/_machines.scss */
8199
/* line 66, ../sass/_machines.scss */
8128 8200
.vms .items-list [data-status="off"] .img-wrap .snf-PC_fill {
8129 8201
  color: #4a5158;
8130 8202
}
8131
/* line 59, ../sass/_machines.scss */
8203
/* line 70, ../sass/_machines.scss */
8132 8204
.vms .items-list [data-status="off"] .status .logs, .vms .items-list [data-status="off"] .status .state a {
8133 8205
  color: #4a5158;
8134 8206
}
8135
/* line 65, ../sass/_machines.scss */
8207
/* line 76, ../sass/_machines.scss */
8136 8208
.vms .items-list [data-status="error"] .img-wrap .snf-PC_fill {
8137 8209
  color: #ff4040;
8138 8210
}
8139
/* line 69, ../sass/_machines.scss */
8211
/* line 80, ../sass/_machines.scss */
8140 8212
.vms .items-list [data-status="error"] .status .logs, .vms .items-list [data-status="error"] .status .state a {
8141 8213
  color: #ff4040;
8142 8214
}
8143
/* line 75, ../sass/_machines.scss */
8215
/* line 86, ../sass/_machines.scss */
8144 8216
.vms .items-list [data-status="shutting"] .img-wrap .snf-PC_fill {
8145 8217
  color: #666c6b;
8146 8218
}
8147
/* line 79, ../sass/_machines.scss */
8219
/* line 90, ../sass/_machines.scss */
8148 8220
.vms .items-list [data-status="shutting"] .status .logs, .vms .items-list [data-status="shutting"] .status .state a {
8149 8221
  color: #666c6b;
8150 8222
}
8151
/* line 85, ../sass/_machines.scss */
8223
/* line 96, ../sass/_machines.scss */
8152 8224
.vms .items-list [data-status="starting"] .img-wrap .snf-PC_fill {
8153 8225
  color: #566db1;
8154 8226
}
8155
/* line 89, ../sass/_machines.scss */
8227
/* line 100, ../sass/_machines.scss */
8156 8228
.vms .items-list [data-status="starting"] .status .logs, .vms .items-list [data-status="starting"] .status .state a {
8157 8229
  color: #566db1;
8158 8230
}
8159
/* line 95, ../sass/_machines.scss */
8231
/* line 106, ../sass/_machines.scss */
8160 8232
.vms .items-list [data-status="rebooting"] .img-wrap .snf-PC_fill {
8161 8233
  color: #ffc54a;
8162 8234
}
8163
/* line 99, ../sass/_machines.scss */
8235
/* line 110, ../sass/_machines.scss */
8164 8236
.vms .items-list [data-status="rebooting"] .status .logs, .vms .items-list [data-status="rebooting"] .status .state a {
8165 8237
  color: #ffc54a;
8166 8238
}
8167
/* line 104, ../sass/_machines.scss */
8239
/* line 115, ../sass/_machines.scss */
8168 8240
.vms .items-list [data-status="building"] .btn5.temp, .vms .items-list [data-status="building"] .wizard .middle .step .os li .btn-col a.temp, .wizard .middle .step .os li .btn-col .vms .items-list [data-status="building"] a.temp, .vms .items-list [data-status="building"] .wizard .middle .step .flavor li .options-bar .options li a.temp, .wizard .middle .step .flavor li .options-bar .options li .vms .items-list [data-status="building"] a.temp {
8169 8241
  color: #5c8fe1;
8170 8242
  border-color: #5c8fe1;
......
8172 8244
  position: absolute;
8173 8245
  right: 0;
8174 8246
}
8175
/* line 112, ../sass/_machines.scss */
8247
/* line 123, ../sass/_machines.scss */
8176 8248
.vms .items-list [data-status="building"] .img-wrap .snf-PC_fill {
8177 8249
  display: block;
8178 8250
  overflow: hidden;
8179 8251
}
8180
/* line 116, ../sass/_machines.scss */
8252
/* line 127, ../sass/_machines.scss */
8181 8253
.vms .items-list [data-status="building"] .img-wrap .incomplete {
8182 8254
  color: #c7eae0;
8183 8255
  width: 60px;
8184 8256
}
8185
/* line 120, ../sass/_machines.scss */
8257
/* line 131, ../sass/_machines.scss */
8186 8258
.vms .items-list [data-status="building"] .img-wrap .complete {
8187 8259
  width: 0%;
8188 8260
  position: relative;
8189 8261
  top: -60px;
8190 8262
}
8191 8263

  
8192
/* line 132, ../sass/_machines.scss */
8264
/* line 143, ../sass/_machines.scss */
8193 8265
.vm .top .img-wrap {
8194 8266
  display: inline-block;
8195 8267
  height: 112px;
8196 8268
}
8197
/* line 136, ../sass/_machines.scss */
8269
/* line 147, ../sass/_machines.scss */
8198 8270
.vm .top .img-wrap .snf-PC_fill {
8199 8271
  font-size: 112px;
8200 8272
  color: #30c79e;
8201 8273
}
8202
/* line 141, ../sass/_machines.scss */
8274
/* line 152, ../sass/_machines.scss */
8203 8275
.vm .top .img-wrap.off .snf-PC_fill {
8204 8276
  color: #4a5158;
8205 8277
}
8206
/* line 146, ../sass/_machines.scss */
8278
/* line 157, ../sass/_machines.scss */
8207 8279
.vm .top .os {
8208 8280
  background: url("../images/os-unknown.png") no-repeat center center;
8209 8281
  width: 44px;
......
8216 8288
  left: 34px;
8217 8289
  top: 11px;
8218 8290
}
8219
/* line 153, ../sass/_machines.scss */
8291
/* line 164, ../sass/_machines.scss */
8220 8292
.vm .top .os.windows {
8221 8293
  background-image: url("../images/os-windows.png");
8222 8294
}
8223
/* line 154, ../sass/_machines.scss */
8295
/* line 165, ../sass/_machines.scss */
8224 8296
.vm .top .os.kubuntu {
8225 8297
  background-image: url("../images/os-kubuntu.png");
8226 8298
}
8227
/* line 155, ../sass/_machines.scss */
8299
/* line 166, ../sass/_machines.scss */
8228 8300
.vm .top .os.fedora {
8229 8301
  background-image: url("../images/os-fedora.png");
8230 8302
}
8231 8303

  
8232
/* line 162, ../sass/_machines.scss */
8304
/* line 173, ../sass/_machines.scss */
8233 8305
#vm-connect .info {
8234 8306
  font-style: italic;
8235 8307
  font-size: 0.8125em;
8236 8308
  color: #9e9ea1;
8237 8309
}
8238
/* line 167, ../sass/_machines.scss */
8310
/* line 178, ../sass/_machines.scss */
8239 8311
#vm-connect .ssh {
8240 8312
  text-align: center;
8241 8313
}
8242
/* line 169, ../sass/_machines.scss */
8314
/* line 180, ../sass/_machines.scss */
8243 8315
#vm-connect .ssh span {
8244 8316
  padding: 10px 30px;
8245 8317
  background: #30c79e;

Also available in: Unified diff