Revision c2c9975a 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.6);
|
|
4934 |
background: rgba(0, 0, 0, 0.8);
|
|
4935 | 4935 |
z-index: 98; |
4936 | 4936 |
display: none; |
4937 | 4937 |
top: 0; |
... | ... | |
6957 | 6957 |
.header .logo { |
6958 | 6958 |
text-align: center; |
6959 | 6959 |
} |
6960 |
/* line 216, ../sass/app.scss */ |
|
6960 |
/* line 215, ../sass/app.scss */ |
|
6961 |
.header .logo img { |
|
6962 |
max-height: 30px; |
|
6963 |
} |
|
6964 |
/* line 219, ../sass/app.scss */ |
|
6961 | 6965 |
.header .actions { |
6962 | 6966 |
text-align: center; |
6963 | 6967 |
height: 45px; |
... | ... | |
6965 | 6969 |
position: relative; |
6966 | 6970 |
margin: 2.5em 0 1.25em; |
6967 | 6971 |
} |
6968 |
/* line 222, ../sass/app.scss */
|
|
6972 |
/* line 225, ../sass/app.scss */
|
|
6969 | 6973 |
.header .actions .main-actions { |
6970 | 6974 |
position: relative; |
6971 |
top: 95px; |
|
6975 |
top: 86px; |
|
6976 |
margin: 0 -40px; |
|
6977 |
border-bottom: 1px solid #c5c5c6; |
|
6972 | 6978 |
} |
6973 |
/* line 226, ../sass/app.scss */
|
|
6979 |
/* line 231, ../sass/app.scss */
|
|
6974 | 6980 |
.header .actions ul { |
6975 | 6981 |
margin: 0; |
6976 | 6982 |
} |
6977 |
/* line 228, ../sass/app.scss */
|
|
6983 |
/* line 233, ../sass/app.scss */
|
|
6978 | 6984 |
.header .actions ul li { |
6979 | 6985 |
list-style: none outside none; |
6980 | 6986 |
display: inline-block; |
6981 | 6987 |
margin: 0 5px; |
6982 | 6988 |
} |
6983 |
/* line 232, ../sass/app.scss */
|
|
6989 |
/* line 237, ../sass/app.scss */
|
|
6984 | 6990 |
.header .actions ul li a { |
6985 | 6991 |
display: block; |
6986 | 6992 |
color: #dfdfdf; |
... | ... | |
6988 | 6994 |
padding: 8px 20px; |
6989 | 6995 |
border: 1px solid transparent; |
6990 | 6996 |
} |
6991 |
/* line 238, ../sass/app.scss */
|
|
6997 |
/* line 243, ../sass/app.scss */
|
|
6992 | 6998 |
.header .actions ul li a.active { |
6993 | 6999 |
color: #919194; |
6994 | 7000 |
} |
6995 |
/* line 240, ../sass/app.scss */
|
|
7001 |
/* line 245, ../sass/app.scss */
|
|
6996 | 7002 |
.header .actions ul li a.active:hover { |
6997 | 7003 |
border: 1px solid #ff7bac; |
6998 | 7004 |
cursor: pointer; |
6999 | 7005 |
} |
7000 |
/* line 245, ../sass/app.scss */
|
|
7006 |
/* line 250, ../sass/app.scss */
|
|
7001 | 7007 |
.header .actions ul li a:hover { |
7002 | 7008 |
cursor: default; |
7003 | 7009 |
} |
7004 |
/* line 253, ../sass/app.scss */
|
|
7010 |
/* line 258, ../sass/app.scss */
|
|
7005 | 7011 |
.header .new-btn { |
7006 | 7012 |
position: absolute; |
7007 | 7013 |
left: 0; |
7008 | 7014 |
bottom: 0; |
7009 | 7015 |
} |
7010 |
/* line 259, ../sass/app.scss */
|
|
7016 |
/* line 264, ../sass/app.scss */
|
|
7011 | 7017 |
.header .new-btn a span { |
7012 | 7018 |
font-size: 1.25em; |
7013 | 7019 |
} |
7014 | 7020 |
|
7015 |
/* line 265, ../sass/app.scss */
|
|
7021 |
/* line 270, ../sass/app.scss */
|
|
7016 | 7022 |
.login { |
7017 | 7023 |
position: absolute; |
7018 | 7024 |
right: 2.5em; |
7019 | 7025 |
top: 1.25em; |
7020 | 7026 |
} |
7021 | 7027 |
|
7022 |
/* line 271, ../sass/app.scss */
|
|
7028 |
/* line 276, ../sass/app.scss */
|
|
7023 | 7029 |
.top-nav { |
7024 | 7030 |
position: absolute; |
7025 | 7031 |
left: 2.5em; |
7026 | 7032 |
top: 1.25em; |
7027 | 7033 |
} |
7028 |
/* line 275, ../sass/app.scss */
|
|
7034 |
/* line 280, ../sass/app.scss */
|
|
7029 | 7035 |
.top-nav ul { |
7030 | 7036 |
margin: 0; |
7031 | 7037 |
padding: 0; |
7032 | 7038 |
} |
7033 |
/* line 277, ../sass/app.scss */
|
|
7039 |
/* line 282, ../sass/app.scss */
|
|
7034 | 7040 |
.top-nav ul li { |
7035 | 7041 |
display: inline-block; |
7036 | 7042 |
margin-right: 15px; |
7037 | 7043 |
} |
7038 |
/* line 280, ../sass/app.scss */
|
|
7044 |
/* line 285, ../sass/app.scss */
|
|
7039 | 7045 |
.top-nav ul li a { |
7040 | 7046 |
padding-bottom: 5px; |
7041 | 7047 |
} |
7042 | 7048 |
|
7043 |
/* line 291, ../sass/app.scss */
|
|
7049 |
/* line 296, ../sass/app.scss */
|
|
7044 | 7050 |
.top-info { |
7045 | 7051 |
padding: 50px 100px; |
7046 | 7052 |
position: relative; |
7047 | 7053 |
display: none; |
7048 | 7054 |
} |
7049 |
/* line 295, ../sass/app.scss */
|
|
7055 |
/* line 300, ../sass/app.scss */
|
|
7050 | 7056 |
.top-info .close { |
7051 | 7057 |
position: absolute; |
7052 | 7058 |
right: 2.5em; |
... | ... | |
7059 | 7065 |
overflow: hidden; |
7060 | 7066 |
} |
7061 | 7067 |
|
7062 |
/* line 304, ../sass/app.scss */
|
|
7068 |
/* line 309, ../sass/app.scss */
|
|
7063 | 7069 |
.info.error { |
7064 | 7070 |
background: #ff5c58; |
7065 | 7071 |
color: white; |
7066 | 7072 |
} |
7067 | 7073 |
|
7068 |
/* line 310, ../sass/app.scss */
|
|
7074 |
/* line 315, ../sass/app.scss */
|
|
7069 | 7075 |
.info.alert { |
7070 | 7076 |
background: #ff7bac; |
7071 | 7077 |
color: white; |
7072 | 7078 |
} |
7073 | 7079 |
|
7074 |
/* line 315, ../sass/app.scss */
|
|
7080 |
/* line 320, ../sass/app.scss */
|
|
7075 | 7081 |
.info.warning { |
7076 | 7082 |
background: #919194; |
7077 | 7083 |
color: white; |
7078 | 7084 |
} |
7079 | 7085 |
|
7080 |
/* line 320, ../sass/app.scss */
|
|
7086 |
/* line 325, ../sass/app.scss */
|
|
7081 | 7087 |
.info.success { |
7082 | 7088 |
background: #00a551; |
7083 | 7089 |
color: white; |
7084 | 7090 |
} |
7085 | 7091 |
|
7086 |
/* line 325, ../sass/app.scss */
|
|
7092 |
/* line 330, ../sass/app.scss */
|
|
7087 | 7093 |
.items-list { |
7088 | 7094 |
padding: 25px 0; |
7089 | 7095 |
} |
7090 |
/* line 327, ../sass/app.scss */
|
|
7096 |
/* line 332, ../sass/app.scss */
|
|
7091 | 7097 |
.items-list li { |
7092 | 7098 |
text-align: center; |
7093 | 7099 |
padding: 20px; |
7094 | 7100 |
} |
7095 |
/* line 331, ../sass/app.scss */
|
|
7101 |
/* line 336, ../sass/app.scss */
|
|
7096 | 7102 |
.items-list li .visible-info span { |
7097 | 7103 |
display: block; |
7098 | 7104 |
} |
7099 | 7105 |
|
7100 |
/* line 342, ../sass/app.scss */
|
|
7106 |
/* line 347, ../sass/app.scss */
|
|
7101 | 7107 |
.vms .items-list li .add-new a { |
7102 | 7108 |
margin: 0 20px; |
7103 | 7109 |
display: block; |
... | ... | |
7106 | 7112 |
padding: 65px 30px 15px; |
7107 | 7113 |
border: 2px dashed #919194; |
7108 | 7114 |
} |
7109 |
/* line 349, ../sass/app.scss */
|
|
7115 |
/* line 354, ../sass/app.scss */
|
|
7110 | 7116 |
.vms .items-list li .add-new a:hover { |
7111 | 7117 |
border-color: #ff7bac; |
7112 | 7118 |
color: #ff7bac; |
7113 | 7119 |
} |
7114 |
/* line 355, ../sass/app.scss */
|
|
7120 |
/* line 360, ../sass/app.scss */
|
|
7115 | 7121 |
.vms .items-list li .img { |
7116 | 7122 |
background: url("../images/vm-on.png") no-repeat center center; |
7117 | 7123 |
width: 56px; |
... | ... | |
7122 | 7128 |
margin-bottom: 20px; |
7123 | 7129 |
position: relative; |
7124 | 7130 |
} |
7125 |
/* line 359, ../sass/app.scss */
|
|
7131 |
/* line 364, ../sass/app.scss */
|
|
7126 | 7132 |
.vms .items-list li .img.stopped { |
7127 | 7133 |
background-image: url("../images/vm-stopped.png"); |
7128 | 7134 |
} |
7129 |
/* line 362, ../sass/app.scss */
|
|
7135 |
/* line 367, ../sass/app.scss */
|
|
7130 | 7136 |
.vms .items-list li .img .os { |
7131 | 7137 |
background: url("../images/os-unknown.png") no-repeat center center; |
7132 | 7138 |
width: 22px; |
... | ... | |
7138 | 7144 |
top: 8px; |
7139 | 7145 |
left: 18px; |
7140 | 7146 |
} |
7141 |
/* line 367, ../sass/app.scss */
|
|
7147 |
/* line 372, ../sass/app.scss */
|
|
7142 | 7148 |
.vms .items-list li .img .os.windows { |
7143 | 7149 |
background-image: url("../images/os-windows.png"); |
7144 | 7150 |
} |
7145 |
/* line 368, ../sass/app.scss */
|
|
7151 |
/* line 373, ../sass/app.scss */
|
|
7146 | 7152 |
.vms .items-list li .img .os.kubuntu { |
7147 | 7153 |
background-image: url("../images/os-kubuntu.png"); |
7148 | 7154 |
} |
7149 |
/* line 369, ../sass/app.scss */
|
|
7155 |
/* line 374, ../sass/app.scss */
|
|
7150 | 7156 |
.vms .items-list li .img .os.fedora { |
7151 | 7157 |
background-image: url("../images/os-fedora.png"); |
7152 | 7158 |
} |
7153 |
/* line 374, ../sass/app.scss */
|
|
7159 |
/* line 379, ../sass/app.scss */
|
|
7154 | 7160 |
.vms .items-list li .container { |
7155 | 7161 |
border: 1px solid transparent; |
7156 | 7162 |
margin: 0 20px; |
7157 | 7163 |
padding: 20px 0; |
7158 | 7164 |
position: relative; |
7159 | 7165 |
} |
7160 |
/* line 379, ../sass/app.scss */
|
|
7166 |
/* line 384, ../sass/app.scss */
|
|
7161 | 7167 |
.vms .items-list li .container .options { |
7162 | 7168 |
width: 100%; |
7163 | 7169 |
height: 100%; |
... | ... | |
7168 | 7174 |
display: none; |
7169 | 7175 |
z-index: 1; |
7170 | 7176 |
} |
7171 |
/* line 389, ../sass/app.scss */
|
|
7177 |
/* line 394, ../sass/app.scss */
|
|
7172 | 7178 |
.vms .items-list li .container .options .wrap { |
7173 | 7179 |
height: 190px; |
7174 | 7180 |
padding: 15px 30px; |
7175 | 7181 |
text-align: left; |
7176 | 7182 |
border: 1px solid #ff7bac; |
7177 | 7183 |
} |
7178 |
/* line 394, ../sass/app.scss */
|
|
7184 |
/* line 399, ../sass/app.scss */
|
|
7179 | 7185 |
.vms .items-list li .container .options .wrap a { |
7180 | 7186 |
font-size: 1.6875em; |
7181 | 7187 |
color: #919194; |
7182 | 7188 |
line-height: 45px; |
7183 | 7189 |
font-weight: bold; |
7184 | 7190 |
} |
7185 |
/* line 399, ../sass/app.scss */
|
|
7191 |
/* line 404, ../sass/app.scss */
|
|
7186 | 7192 |
.vms .items-list li .container .options .wrap a .custom_checkbox { |
7187 | 7193 |
color: #ff7bac; |
7188 | 7194 |
position: relative; |
7189 | 7195 |
top: 5px; |
7190 | 7196 |
} |
7191 |
/* line 404, ../sass/app.scss */
|
|
7197 |
/* line 409, ../sass/app.scss */
|
|
7192 | 7198 |
.vms .items-list li .container .options .wrap a span { |
7193 | 7199 |
float: right; |
7194 | 7200 |
} |
7195 |
/* line 407, ../sass/app.scss */
|
|
7201 |
/* line 412, ../sass/app.scss */
|
|
7196 | 7202 |
.vms .items-list li .container .options .wrap a:hover { |
7197 | 7203 |
color: #ff7bac; |
7198 | 7204 |
} |
7199 |
/* line 414, ../sass/app.scss */
|
|
7205 |
/* line 419, ../sass/app.scss */
|
|
7200 | 7206 |
.vms .items-list li .more_checkbox { |
7201 | 7207 |
position: absolute; |
7202 | 7208 |
right: 31px; |
... | ... | |
7204 | 7210 |
color: #ff7bac; |
7205 | 7211 |
font-weight: bold; |
7206 | 7212 |
font-size: 1.6875em; |
7213 |
cursor: pointer; |
|
7207 | 7214 |
} |
7208 | 7215 |
|
7209 |
/* line 428, ../sass/app.scss */
|
|
7216 |
/* line 433, ../sass/app.scss */
|
|
7210 | 7217 |
.lt-sidebar.vms { |
7211 | 7218 |
overflow: scroll; |
7212 | 7219 |
height: 300px; |
7213 | 7220 |
font-size: 0.75em; |
7214 | 7221 |
} |
7215 |
/* line 432, ../sass/app.scss */
|
|
7222 |
/* line 437, ../sass/app.scss */
|
|
7216 | 7223 |
.lt-sidebar.vms .items-list { |
7217 | 7224 |
padding: 0; |
7218 | 7225 |
} |
7219 |
/* line 436, ../sass/app.scss */
|
|
7226 |
/* line 441, ../sass/app.scss */
|
|
7220 | 7227 |
.lt-sidebar.vms .items-list li .img, |
7221 | 7228 |
.lt-sidebar.vms .items-list li .os { |
7222 | 7229 |
background-size: 80%; |
7223 | 7230 |
} |
7224 |
/* line 440, ../sass/app.scss */ |
|
7225 |
.lt-sidebar.vms li:hover, |
|
7231 |
/* line 444, ../sass/app.scss */ |
|
7232 |
.lt-sidebar.vms li:hover { |
|
7233 |
background: #ebebec; |
|
7234 |
} |
|
7235 |
/* line 447, ../sass/app.scss */ |
|
7226 | 7236 |
.lt-sidebar.vms li.current { |
7227 | 7237 |
background: #dfdfdf; |
7228 | 7238 |
cursor: pointer; |
7229 | 7239 |
} |
7230 | 7240 |
|
7231 |
/* line 447, ../sass/app.scss */
|
|
7241 |
/* line 456, ../sass/app.scss */
|
|
7232 | 7242 |
.vm .img { |
7233 | 7243 |
background: url("../images/vm-on.png") no-repeat center center; |
7234 | 7244 |
width: 56px; |
... | ... | |
7239 | 7249 |
margin-bottom: 20px; |
7240 | 7250 |
position: relative; |
7241 | 7251 |
} |
7242 |
/* line 451, ../sass/app.scss */
|
|
7252 |
/* line 460, ../sass/app.scss */
|
|
7243 | 7253 |
.vm .img.stopped { |
7244 | 7254 |
background-image: url("../images/vm-stopped.png"); |
7245 | 7255 |
} |
7246 |
/* line 454, ../sass/app.scss */
|
|
7256 |
/* line 463, ../sass/app.scss */
|
|
7247 | 7257 |
.vm .img .os { |
7248 | 7258 |
background: url("../images/os-unknown.png") no-repeat center center; |
7249 | 7259 |
width: 22px; |
... | ... | |
7255 | 7265 |
top: 8px; |
7256 | 7266 |
left: 18px; |
7257 | 7267 |
} |
7258 |
/* line 459, ../sass/app.scss */
|
|
7268 |
/* line 468, ../sass/app.scss */
|
|
7259 | 7269 |
.vm .img .os.windows { |
7260 | 7270 |
background-image: url("../images/os-windows.png"); |
7261 | 7271 |
} |
7262 |
/* line 460, ../sass/app.scss */
|
|
7272 |
/* line 469, ../sass/app.scss */
|
|
7263 | 7273 |
.vm .img .os.kubuntu { |
7264 | 7274 |
background-image: url("../images/os-kubuntu.png"); |
7265 | 7275 |
} |
7266 |
/* line 461, ../sass/app.scss */
|
|
7276 |
/* line 470, ../sass/app.scss */
|
|
7267 | 7277 |
.vm .img .os.fedora { |
7268 | 7278 |
background-image: url("../images/os-fedora.png"); |
7269 | 7279 |
} |
7270 | 7280 |
|
7271 |
/* line 466, ../sass/app.scss */
|
|
7281 |
/* line 475, ../sass/app.scss */
|
|
7272 | 7282 |
.details { |
7273 | 7283 |
position: relative; |
7274 | 7284 |
} |
7275 |
/* line 469, ../sass/app.scss */
|
|
7285 |
/* line 478, ../sass/app.scss */
|
|
7276 | 7286 |
.details .top { |
7277 | 7287 |
padding: 100px 2.5em; |
7278 | 7288 |
text-align: center; |
7279 | 7289 |
} |
7280 |
/* line 472, ../sass/app.scss */
|
|
7290 |
/* line 481, ../sass/app.scss */
|
|
7281 | 7291 |
.details .top .img { |
7282 | 7292 |
background: url("../images/vm-on.png") no-repeat center center; |
7283 | 7293 |
width: 112px; |
... | ... | |
7287 | 7297 |
overflow: hidden; |
7288 | 7298 |
background-size: 100%; |
7289 | 7299 |
} |
7290 |
/* line 476, ../sass/app.scss */
|
|
7300 |
/* line 485, ../sass/app.scss */
|
|
7291 | 7301 |
.details .top .os { |
7292 | 7302 |
background-size: 100%; |
7293 | 7303 |
width: 44px; |
... | ... | |
7295 | 7305 |
left: 36px; |
7296 | 7306 |
top: 16px; |
7297 | 7307 |
} |
7298 |
/* line 484, ../sass/app.scss */
|
|
7308 |
/* line 493, ../sass/app.scss */
|
|
7299 | 7309 |
.details .top .actions ul { |
7300 | 7310 |
padding: 1em; |
7301 | 7311 |
text-align: center; |
7302 | 7312 |
} |
7303 |
/* line 487, ../sass/app.scss */
|
|
7313 |
/* line 496, ../sass/app.scss */
|
|
7304 | 7314 |
.details .top .actions ul li { |
7305 | 7315 |
list-style: none outside none; |
7306 | 7316 |
display: inline-block; |
7307 | 7317 |
margin: 0 10px; |
7308 | 7318 |
min-width: 112px; |
7309 | 7319 |
} |
7310 |
/* line 502, ../sass/app.scss */
|
|
7320 |
/* line 511, ../sass/app.scss */
|
|
7311 | 7321 |
.details .info dl { |
7312 | 7322 |
margin: 0; |
7313 | 7323 |
} |
7314 |
/* line 504, ../sass/app.scss */
|
|
7324 |
/* line 513, ../sass/app.scss */
|
|
7315 | 7325 |
.details .info dl dt { |
7316 | 7326 |
display: inline-block; |
7317 | 7327 |
width: 25%; |
7318 | 7328 |
float: left; |
7319 | 7329 |
} |
7320 |
/* line 511, ../sass/app.scss */
|
|
7330 |
/* line 520, ../sass/app.scss */
|
|
7321 | 7331 |
.details .close { |
7322 | 7332 |
position: absolute; |
7323 | 7333 |
right: 2.5em; |
... | ... | |
7330 | 7340 |
overflow: hidden; |
7331 | 7341 |
} |
7332 | 7342 |
|
7333 |
/* line 519, ../sass/app.scss */
|
|
7343 |
/* line 528, ../sass/app.scss */
|
|
7334 | 7344 |
.border-bottom-style1 { |
7335 | 7345 |
padding-bottom: 20px; |
7336 | 7346 |
margin-bottom: 20px; |
7337 |
border-bottom: 2px dashed #919194;
|
|
7347 |
border-bottom: 1px dashed #919194;
|
|
7338 | 7348 |
} |
7339 | 7349 |
|
7340 |
/* line 525, ../sass/app.scss */
|
|
7350 |
/* line 534, ../sass/app.scss */
|
|
7341 | 7351 |
.overlay { |
7342 | 7352 |
background: #ff7bac; |
7353 |
position: relative; |
|
7354 |
z-index: 1; |
|
7343 | 7355 |
} |
7344 |
/* line 527, ../sass/app.scss */
|
|
7356 |
/* line 538, ../sass/app.scss */
|
|
7345 | 7357 |
.overlay .lt-sidebar { |
7346 | 7358 |
border-right: 1px solid white; |
7347 | 7359 |
} |
7348 |
/* line 530, ../sass/app.scss */
|
|
7360 |
/* line 541, ../sass/app.scss */
|
|
7349 | 7361 |
.overlay .lt-sidebar ul li { |
7350 | 7362 |
list-style: none outside none; |
7351 | 7363 |
} |
7352 |
/* line 532, ../sass/app.scss */
|
|
7364 |
/* line 543, ../sass/app.scss */
|
|
7353 | 7365 |
.overlay .lt-sidebar ul li a { |
7354 | 7366 |
color: white; |
7355 | 7367 |
} |
7356 |
/* line 534, ../sass/app.scss */
|
|
7368 |
/* line 545, ../sass/app.scss */
|
|
7357 | 7369 |
.overlay .lt-sidebar ul li a span { |
7358 | 7370 |
float: right; |
7359 | 7371 |
display: none; |
7360 | 7372 |
} |
7361 |
/* line 536, ../sass/app.scss */
|
|
7373 |
/* line 547, ../sass/app.scss */
|
|
7362 | 7374 |
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current { |
7363 | 7375 |
text-decoration: none; |
7364 | 7376 |
} |
7365 |
/* line 539, ../sass/app.scss */
|
|
7377 |
/* line 550, ../sass/app.scss */
|
|
7366 | 7378 |
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span { |
7367 | 7379 |
display: inline; |
7368 | 7380 |
} |
7369 |
/* line 550, ../sass/app.scss */
|
|
7381 |
/* line 561, ../sass/app.scss */
|
|
7370 | 7382 |
.overlay .lt-sidebar, |
7371 | 7383 |
.overlay .main { |
7372 | 7384 |
padding: 100px 2.5em; |
7373 | 7385 |
position: relative; |
7374 | 7386 |
} |
7375 |
/* line 555, ../sass/app.scss */
|
|
7387 |
/* line 566, ../sass/app.scss */
|
|
7376 | 7388 |
.overlay .navigation .rt { |
7377 | 7389 |
float: right; |
7378 | 7390 |
} |
7379 |
/* line 559, ../sass/app.scss */
|
|
7391 |
/* line 570, ../sass/app.scss */
|
|
7380 | 7392 |
.overlay .close { |
7381 | 7393 |
position: absolute; |
7382 | 7394 |
right: 2.5em; |
... | ... | |
7389 | 7401 |
overflow: hidden; |
7390 | 7402 |
} |
7391 | 7403 |
|
7392 |
/* line 569, ../sass/app.scss */
|
|
7404 |
/* line 580, ../sass/app.scss */
|
|
7393 | 7405 |
.create-vm .select-os li { |
7394 | 7406 |
width: 23%; |
7395 | 7407 |
padding: 20px; |
... | ... | |
7399 | 7411 |
height: 200px; |
7400 | 7412 |
margin: 0 10px 10px 0; |
7401 | 7413 |
} |
7402 |
/* line 578, ../sass/app.scss */
|
|
7414 |
/* line 589, ../sass/app.scss */
|
|
7403 | 7415 |
.create-vm .select-os li:hover, .create-vm .select-os li.selected { |
7404 | 7416 |
background: white; |
7405 | 7417 |
} |
7406 |
/* line 580, ../sass/app.scss */
|
|
7418 |
/* line 591, ../sass/app.scss */
|
|
7407 | 7419 |
.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 { |
7408 | 7420 |
color: #ff7bac; |
7409 | 7421 |
} |
7410 |
/* line 584, ../sass/app.scss */
|
|
7422 |
/* line 595, ../sass/app.scss */
|
|
7411 | 7423 |
.create-vm .select-os li a { |
7412 | 7424 |
color: white; |
7413 | 7425 |
} |
7414 |
/* line 587, ../sass/app.scss */
|
|
7426 |
/* line 598, ../sass/app.scss */
|
|
7415 | 7427 |
.create-vm .select-os li .os { |
7416 | 7428 |
background: url("../images/os-unknown.png") no-repeat center center; |
7417 | 7429 |
width: 30px; |
... | ... | |
7422 | 7434 |
background-size: 100%; |
7423 | 7435 |
margin-bottom: 2em; |
7424 | 7436 |
} |
7425 |
/* line 591, ../sass/app.scss */
|
|
7437 |
/* line 602, ../sass/app.scss */
|
|
7426 | 7438 |
.create-vm .select-os li .os.windows { |
7427 | 7439 |
background-image: url("../images/os-windows.png"); |
7428 | 7440 |
} |
7429 |
/* line 592, ../sass/app.scss */
|
|
7441 |
/* line 603, ../sass/app.scss */
|
|
7430 | 7442 |
.create-vm .select-os li .os.kubuntu { |
7431 | 7443 |
background-image: url("../images/os-kubuntu.png"); |
7432 | 7444 |
} |
7433 |
/* line 593, ../sass/app.scss */
|
|
7445 |
/* line 604, ../sass/app.scss */
|
|
7434 | 7446 |
.create-vm .select-os li .os.fedora { |
7435 | 7447 |
background-image: url("../images/os-fedora.png"); |
7436 | 7448 |
} |
7437 |
/* line 595, ../sass/app.scss */
|
|
7449 |
/* line 606, ../sass/app.scss */
|
|
7438 | 7450 |
.create-vm .select-os li h2 { |
7439 | 7451 |
font-size: 1em; |
7440 | 7452 |
font-weight: normal; |
7441 | 7453 |
color: white; |
7442 | 7454 |
} |
7443 |
/* line 600, ../sass/app.scss */
|
|
7455 |
/* line 611, ../sass/app.scss */
|
|
7444 | 7456 |
.create-vm .select-os li .details { |
7445 | 7457 |
font-weight: bold; |
7446 | 7458 |
font-size: 0.875em; |
7447 | 7459 |
} |
7448 |
/* line 607, ../sass/app.scss */
|
|
7460 |
/* line 618, ../sass/app.scss */
|
|
7449 | 7461 |
.create-vm .select-flavor dl { |
7450 | 7462 |
color: white; |
7451 | 7463 |
font-size: 1.25em; |
7452 | 7464 |
margin-bottom: 10px; |
7453 | 7465 |
} |
7454 |
/* line 611, ../sass/app.scss */
|
|
7466 |
/* line 622, ../sass/app.scss */
|
|
7455 | 7467 |
.create-vm .select-flavor dl dd { |
7456 | 7468 |
width: 23%; |
7457 | 7469 |
display: inline-block; |
7458 | 7470 |
} |
7459 |
/* line 615, ../sass/app.scss */
|
|
7471 |
/* line 626, ../sass/app.scss */
|
|
7460 | 7472 |
.create-vm .select-flavor dl dt { |
7461 | 7473 |
width: 70%; |
7462 | 7474 |
display: inline-block; |
7463 | 7475 |
font-weight: normal; |
7464 | 7476 |
} |
7465 |
/* line 619, ../sass/app.scss */
|
|
7477 |
/* line 630, ../sass/app.scss */
|
|
7466 | 7478 |
.create-vm .select-flavor dl dt span { |
7467 | 7479 |
min-width: 90px; |
7468 | 7480 |
margin: 0 10px; |
7469 | 7481 |
} |
7470 |
/* line 623, ../sass/app.scss */
|
|
7482 |
/* line 634, ../sass/app.scss */
|
|
7471 | 7483 |
.create-vm .select-flavor dl dt span:first-child { |
7472 | 7484 |
margin-left: 0; |
7473 | 7485 |
} |
7474 | 7486 |
|
7475 |
/* line 633, ../sass/app.scss */
|
|
7487 |
/* line 644, ../sass/app.scss */
|
|
7476 | 7488 |
#vm-connect .info { |
7477 | 7489 |
font-style: italic; |
7478 | 7490 |
font-size: 0.8125em; |
7479 | 7491 |
color: #9e9ea1; |
7480 | 7492 |
} |
7481 |
/* line 638, ../sass/app.scss */
|
|
7493 |
/* line 649, ../sass/app.scss */
|
|
7482 | 7494 |
#vm-connect .ssh { |
7483 | 7495 |
text-align: center; |
7484 | 7496 |
} |
7485 |
/* line 640, ../sass/app.scss */
|
|
7497 |
/* line 651, ../sass/app.scss */
|
|
7486 | 7498 |
#vm-connect .ssh span { |
7487 | 7499 |
padding: 10px 30px; |
7488 | 7500 |
background: #ff7bac; |
7489 | 7501 |
color: white; |
7490 | 7502 |
} |
7491 |
/* line 646, ../sass/app.scss */
|
|
7503 |
/* line 657, ../sass/app.scss */
|
|
7492 | 7504 |
#vm-connect a:hover { |
7493 | 7505 |
color: #ff7bac; |
7494 | 7506 |
} |
Also available in: Unified diff