Revision d4427ef0 snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 8049 | 8049 |
} |
| 8050 | 8050 |
|
| 8051 | 8051 |
/* Machines (VMs) related styles */ |
| 8052 |
/* line 4, ../sass/_machines.scss */ |
|
| 8052 |
/* line 3, ../sass/_machines.scss */ |
|
| 8053 |
.build-progress {
|
|
| 8054 |
animation: progress_animation 5s infinite; |
|
| 8055 |
-webkit-animation: progress_animation 5s infinite; |
|
| 8056 |
} |
|
| 8057 |
|
|
| 8058 |
@keyframes progress_animation {
|
|
| 8059 |
/* line 10, ../sass/_machines.scss */ |
|
| 8060 |
from {
|
|
| 8061 |
width: 0%; |
|
| 8062 |
} |
|
| 8063 |
|
|
| 8064 |
/* line 11, ../sass/_machines.scss */ |
|
| 8065 |
to {
|
|
| 8066 |
width: 100%; |
|
| 8067 |
} |
|
| 8068 |
} |
|
| 8069 |
|
|
| 8070 |
@-webkit-keyframes progress_animation {
|
|
| 8071 |
/* line 16, ../sass/_machines.scss */ |
|
| 8072 |
from {
|
|
| 8073 |
width: 0%; |
|
| 8074 |
} |
|
| 8075 |
|
|
| 8076 |
/* line 17, ../sass/_machines.scss */ |
|
| 8077 |
to {
|
|
| 8078 |
width: 100%; |
|
| 8079 |
} |
|
| 8080 |
} |
|
| 8081 |
|
|
| 8082 |
/* line 20, ../sass/_machines.scss */ |
|
| 8053 | 8083 |
.vms .items-list .img {
|
| 8054 | 8084 |
width: 60px; |
| 8055 | 8085 |
} |
| 8056 |
/* line 7, ../sass/_machines.scss */
|
|
| 8086 |
/* line 23, ../sass/_machines.scss */
|
|
| 8057 | 8087 |
.vms .items-list .img span:hover {
|
| 8058 | 8088 |
cursor: pointer; |
| 8059 | 8089 |
} |
| 8060 |
/* line 12, ../sass/_machines.scss */
|
|
| 8090 |
/* line 28, ../sass/_machines.scss */
|
|
| 8061 | 8091 |
.vms .items-list .img:hover .snf-PC_fill {
|
| 8062 | 8092 |
color: #269e7d; |
| 8063 | 8093 |
} |
| 8064 |
/* line 16, ../sass/_machines.scss */
|
|
| 8094 |
/* line 32, ../sass/_machines.scss */
|
|
| 8065 | 8095 |
.vms .items-list .img .snf-PC_fill {
|
| 8066 | 8096 |
font-size: 60px; |
| 8067 | 8097 |
color: #30c79e; |
| 8068 | 8098 |
} |
| 8069 |
/* line 26, ../sass/_machines.scss */
|
|
| 8099 |
/* line 42, ../sass/_machines.scss */
|
|
| 8070 | 8100 |
.vms .items-list .img .os {
|
| 8071 | 8101 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 8072 | 8102 |
width: 22px; |
| ... | ... | |
| 8078 | 8108 |
top: 8px; |
| 8079 | 8109 |
left: 19px; |
| 8080 | 8110 |
} |
| 8081 |
/* line 31, ../sass/_machines.scss */
|
|
| 8111 |
/* line 47, ../sass/_machines.scss */
|
|
| 8082 | 8112 |
.vms .items-list .img .os.windows {
|
| 8083 | 8113 |
background-image: url("../images/os-windows.png");
|
| 8084 | 8114 |
} |
| 8085 |
/* line 32, ../sass/_machines.scss */
|
|
| 8115 |
/* line 48, ../sass/_machines.scss */
|
|
| 8086 | 8116 |
.vms .items-list .img .os.kubuntu {
|
| 8087 | 8117 |
background-image: url("../images/os-kubuntu.png");
|
| 8088 | 8118 |
} |
| 8089 |
/* line 33, ../sass/_machines.scss */
|
|
| 8119 |
/* line 49, ../sass/_machines.scss */
|
|
| 8090 | 8120 |
.vms .items-list .img .os.fedora {
|
| 8091 | 8121 |
background-image: url("../images/os-fedora.png");
|
| 8092 | 8122 |
} |
| 8093 |
/* line 38, ../sass/_machines.scss */ |
|
| 8123 |
/* line 52, ../sass/_machines.scss */ |
|
| 8124 |
.vms .items-list [data-status="add-new"] {
|
|
| 8125 |
background-color: #30c79e; |
|
| 8126 |
-webkit-transition: background-color 300ms linear; |
|
| 8127 |
-moz-transition: background-color 300ms linear; |
|
| 8128 |
-o-transition: background-color 300ms linear; |
|
| 8129 |
-ms-transition: background-color 300ms linear; |
|
| 8130 |
transition: background-color 300ms linear; |
|
| 8131 |
} |
|
| 8132 |
/* line 63, ../sass/_machines.scss */ |
|
| 8133 |
.vms .items-list [data-status="add-new"] .container .img-wrap .img a span:first-child {
|
|
| 8134 |
color: white; |
|
| 8135 |
} |
|
| 8136 |
/* line 67, ../sass/_machines.scss */ |
|
| 8137 |
.vms .items-list [data-status="add-new"] .container .img-wrap .img a .symbol {
|
|
| 8138 |
background-image: none; |
|
| 8139 |
color: #30c79e; |
|
| 8140 |
font-size: 30px; |
|
| 8141 |
text-indent: 0; |
|
| 8142 |
} |
|
| 8143 |
/* line 76, ../sass/_machines.scss */ |
|
| 8144 |
.vms .items-list [data-status="add-new"] .container .visible-info a {
|
|
| 8145 |
color: white; |
|
| 8146 |
} |
|
| 8147 |
/* line 80, ../sass/_machines.scss */ |
|
| 8148 |
.vms .items-list [data-status="add-new"]:hover {
|
|
| 8149 |
background-color: white; |
|
| 8150 |
-webkit-transition: background-color 300ms linear; |
|
| 8151 |
-moz-transition: background-color 300ms linear; |
|
| 8152 |
-o-transition: background-color 300ms linear; |
|
| 8153 |
-ms-transition: background-color 300ms linear; |
|
| 8154 |
transition: background-color 300ms linear; |
|
| 8155 |
} |
|
| 8156 |
/* line 91, ../sass/_machines.scss */ |
|
| 8157 |
.vms .items-list [data-status="add-new"]:hover .container .img-wrap .img a span:first-child {
|
|
| 8158 |
color: #30c79e; |
|
| 8159 |
-webkit-transition: color 300ms linear; |
|
| 8160 |
-moz-transition: color 300ms linear; |
|
| 8161 |
-o-transition: color 300ms linear; |
|
| 8162 |
-ms-transition: color 300ms linear; |
|
| 8163 |
transition: color 300ms linear; |
|
| 8164 |
} |
|
| 8165 |
/* line 99, ../sass/_machines.scss */ |
|
| 8166 |
.vms .items-list [data-status="add-new"]:hover .container .img-wrap .img a .symbol {
|
|
| 8167 |
color: white; |
|
| 8168 |
} |
|
| 8169 |
/* line 105, ../sass/_machines.scss */ |
|
| 8170 |
.vms .items-list [data-status="add-new"]:hover .container .visible-info a {
|
|
| 8171 |
color: #30c79e; |
|
| 8172 |
} |
|
| 8173 |
/* line 113, ../sass/_machines.scss */ |
|
| 8094 | 8174 |
.vms .items-list [data-status="off"] .img .snf-PC_fill {
|
| 8095 | 8175 |
color: #4a5158; |
| 8096 | 8176 |
} |
| 8097 |
/* line 42, ../sass/_machines.scss */
|
|
| 8177 |
/* line 117, ../sass/_machines.scss */
|
|
| 8098 | 8178 |
.vms .items-list [data-status="off"] .status .logs, .vms .items-list [data-status="off"] .status .state a {
|
| 8099 | 8179 |
color: #4a5158; |
| 8100 | 8180 |
} |
| 8101 |
/* line 48, ../sass/_machines.scss */
|
|
| 8181 |
/* line 123, ../sass/_machines.scss */
|
|
| 8102 | 8182 |
.vms .items-list [data-status="error"] .img .snf-PC_fill {
|
| 8103 | 8183 |
color: #ff4040; |
| 8104 | 8184 |
} |
| 8105 |
/* line 52, ../sass/_machines.scss */
|
|
| 8185 |
/* line 127, ../sass/_machines.scss */
|
|
| 8106 | 8186 |
.vms .items-list [data-status="error"] .status .logs, .vms .items-list [data-status="error"] .status .state a {
|
| 8107 | 8187 |
color: #ff4040; |
| 8108 | 8188 |
} |
| 8109 |
/* line 58, ../sass/_machines.scss */
|
|
| 8189 |
/* line 133, ../sass/_machines.scss */
|
|
| 8110 | 8190 |
.vms .items-list [data-status="shutting"] .img .snf-PC_fill {
|
| 8111 | 8191 |
color: #666c6b; |
| 8112 | 8192 |
} |
| 8113 |
/* line 62, ../sass/_machines.scss */
|
|
| 8193 |
/* line 137, ../sass/_machines.scss */
|
|
| 8114 | 8194 |
.vms .items-list [data-status="shutting"] .status .logs, .vms .items-list [data-status="shutting"] .status .state a {
|
| 8115 | 8195 |
color: #666c6b; |
| 8116 | 8196 |
} |
| 8117 |
/* line 68, ../sass/_machines.scss */
|
|
| 8197 |
/* line 143, ../sass/_machines.scss */
|
|
| 8118 | 8198 |
.vms .items-list [data-status="starting"] .img .snf-PC_fill {
|
| 8119 | 8199 |
color: #566db1; |
| 8120 | 8200 |
} |
| 8121 |
/* line 72, ../sass/_machines.scss */
|
|
| 8201 |
/* line 147, ../sass/_machines.scss */
|
|
| 8122 | 8202 |
.vms .items-list [data-status="starting"] .status .logs, .vms .items-list [data-status="starting"] .status .state a {
|
| 8123 | 8203 |
color: #566db1; |
| 8124 | 8204 |
} |
| 8125 |
/* line 78, ../sass/_machines.scss */
|
|
| 8205 |
/* line 153, ../sass/_machines.scss */
|
|
| 8126 | 8206 |
.vms .items-list [data-status="rebooting"] .img .snf-PC_fill {
|
| 8127 | 8207 |
color: #ffc54a; |
| 8128 | 8208 |
} |
| 8129 |
/* line 82, ../sass/_machines.scss */
|
|
| 8209 |
/* line 157, ../sass/_machines.scss */
|
|
| 8130 | 8210 |
.vms .items-list [data-status="rebooting"] .status .logs, .vms .items-list [data-status="rebooting"] .status .state a {
|
| 8131 | 8211 |
color: #ffc54a; |
| 8132 | 8212 |
} |
| 8213 |
/* line 162, ../sass/_machines.scss */ |
|
| 8214 |
.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 {
|
|
| 8215 |
color: #5c8fe1; |
|
| 8216 |
border-color: #5c8fe1; |
|
| 8217 |
padding: 0 4px; |
|
| 8218 |
position: absolute; |
|
| 8219 |
right: 0; |
|
| 8220 |
} |
|
| 8221 |
/* line 170, ../sass/_machines.scss */ |
|
| 8222 |
.vms .items-list [data-status="building"] .img .snf-PC_fill {
|
|
| 8223 |
display: block; |
|
| 8224 |
overflow: hidden; |
|
| 8225 |
} |
|
| 8226 |
/* line 174, ../sass/_machines.scss */ |
|
| 8227 |
.vms .items-list [data-status="building"] .img .incomplete {
|
|
| 8228 |
color: #c7eae0; |
|
| 8229 |
width: 60px; |
|
| 8230 |
} |
|
| 8231 |
/* line 178, ../sass/_machines.scss */ |
|
| 8232 |
.vms .items-list [data-status="building"] .img .complete {
|
|
| 8233 |
width: 0%; |
|
| 8234 |
position: relative; |
|
| 8235 |
top: -60px; |
|
| 8236 |
} |
|
| 8133 | 8237 |
|
| 8134 |
/* line 91, ../sass/_machines.scss */
|
|
| 8238 |
/* line 190, ../sass/_machines.scss */
|
|
| 8135 | 8239 |
.vm .top .img {
|
| 8136 | 8240 |
display: inline-block; |
| 8137 | 8241 |
height: 112px; |
| 8138 | 8242 |
} |
| 8139 |
/* line 95, ../sass/_machines.scss */
|
|
| 8243 |
/* line 194, ../sass/_machines.scss */
|
|
| 8140 | 8244 |
.vm .top .img .snf-PC_fill {
|
| 8141 | 8245 |
font-size: 112px; |
| 8142 | 8246 |
color: #30c79e; |
| 8143 | 8247 |
} |
| 8144 |
/* line 100, ../sass/_machines.scss */
|
|
| 8248 |
/* line 199, ../sass/_machines.scss */
|
|
| 8145 | 8249 |
.vm .top .img.off .snf-PC_fill {
|
| 8146 | 8250 |
color: #4a5158; |
| 8147 | 8251 |
} |
| 8148 |
/* line 105, ../sass/_machines.scss */
|
|
| 8252 |
/* line 204, ../sass/_machines.scss */
|
|
| 8149 | 8253 |
.vm .top .os {
|
| 8150 | 8254 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 8151 | 8255 |
width: 44px; |
| ... | ... | |
| 8158 | 8262 |
left: 34px; |
| 8159 | 8263 |
top: 11px; |
| 8160 | 8264 |
} |
| 8161 |
/* line 112, ../sass/_machines.scss */
|
|
| 8265 |
/* line 211, ../sass/_machines.scss */
|
|
| 8162 | 8266 |
.vm .top .os.windows {
|
| 8163 | 8267 |
background-image: url("../images/os-windows.png");
|
| 8164 | 8268 |
} |
| 8165 |
/* line 113, ../sass/_machines.scss */
|
|
| 8269 |
/* line 212, ../sass/_machines.scss */
|
|
| 8166 | 8270 |
.vm .top .os.kubuntu {
|
| 8167 | 8271 |
background-image: url("../images/os-kubuntu.png");
|
| 8168 | 8272 |
} |
| 8169 |
/* line 114, ../sass/_machines.scss */
|
|
| 8273 |
/* line 213, ../sass/_machines.scss */
|
|
| 8170 | 8274 |
.vm .top .os.fedora {
|
| 8171 | 8275 |
background-image: url("../images/os-fedora.png");
|
| 8172 | 8276 |
} |
| 8173 | 8277 |
|
| 8174 |
/* line 121, ../sass/_machines.scss */
|
|
| 8278 |
/* line 220, ../sass/_machines.scss */
|
|
| 8175 | 8279 |
#vm-connect .info {
|
| 8176 | 8280 |
font-style: italic; |
| 8177 | 8281 |
font-size: 0.8125em; |
| 8178 | 8282 |
color: #9e9ea1; |
| 8179 | 8283 |
} |
| 8180 |
/* line 126, ../sass/_machines.scss */
|
|
| 8284 |
/* line 225, ../sass/_machines.scss */
|
|
| 8181 | 8285 |
#vm-connect .ssh {
|
| 8182 | 8286 |
text-align: center; |
| 8183 | 8287 |
} |
| 8184 |
/* line 128, ../sass/_machines.scss */
|
|
| 8288 |
/* line 227, ../sass/_machines.scss */
|
|
| 8185 | 8289 |
#vm-connect .ssh span {
|
| 8186 | 8290 |
padding: 10px 30px; |
| 8187 | 8291 |
background: #30c79e; |
Also available in: Unified diff