Revision 880653e7
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/images_list.html | ||
|---|---|---|
| 27 | 27 |
<li><a href="pithos.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-pithos-outline"></span></a></li> |
| 28 | 28 |
<li><a href="images_list.html" data-tooltip class="has-tip current" title="Images" ><span class="snf-image-outline"></span></a></li> |
| 29 | 29 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots" ><span class="snf-snapshot-outline"></span></a></li> |
| 30 |
<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus-outline"></span></a></li> |
|
| 30 |
<li><a href="" data-tooltip class="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
|
| 31 |
<li><a href="" data-tooltip class="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
|
| 31 | 32 |
</ul> |
| 32 | 33 |
</nav> |
| 33 | 34 |
<div class="login"> |
| ... | ... | |
| 100 | 101 |
<section class="actions-bar clearfix"> |
| 101 | 102 |
<h2>Images</h2> |
| 102 | 103 |
<div class="rt-actions"> |
| 104 |
<a href="" class="single" title="single view"></a> |
|
| 103 | 105 |
<a href="#grid" class="grid"><span class="snf-gridview current"></span></a> |
| 104 | 106 |
<a href="#list" class="list"><span class="snf-listview "></span></a> |
| 105 |
<a href="" class="single" title="single view"></a> |
|
| 106 | 107 |
</div> |
| 107 | 108 |
<div class="filter-menu"> |
| 108 | 109 |
<a class="filter" href="">Filter</a> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details.html | ||
|---|---|---|
| 25 | 25 |
<li><a href="pithos.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
| 26 | 26 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li> |
| 27 | 27 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li> |
| 28 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li> |
|
| 28 |
<li><a href="" data-tooltip class="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
|
| 29 |
<li><a href="" data-tooltip class="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
|
| 29 | 30 |
</ul> |
| 30 | 31 |
</nav> |
| 31 | 32 |
<div class="login"> |
| ... | ... | |
| 187 | 188 |
<section class="actions-bar clearfix"> |
| 188 | 189 |
<h2><a href="vm_list.html">Networks</a> > My Awesome network</h2> |
| 189 | 190 |
<div class="rt-actions"> |
| 191 |
<a href="network_list.html" class="single current" title="single view"></a> |
|
| 190 | 192 |
<a href="network_list.html" class="grid" title="grid view"><span class="snf-gridview"></span></a> |
| 191 | 193 |
<a href="" class="list" title="list view"><span class="snf-listview "></span></a> |
| 192 |
<a href="network_list.html" class="single current" title="single view"></a> |
|
| 193 | 194 |
</div> |
| 194 | 195 |
<div class="filter-menu"> |
| 195 | 196 |
<a class="filter" href="">Filter</a> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html | ||
|---|---|---|
| 27 | 27 |
<li><a href="pithos.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
| 28 | 28 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li> |
| 29 | 29 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li> |
| 30 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li> |
|
| 30 |
<li><a href="" data-tooltip class="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
|
| 31 |
<li><a href="" data-tooltip class="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
|
| 31 | 32 |
</ul> |
| 32 | 33 |
</nav> |
| 33 | 34 |
<div class="login"> |
| ... | ... | |
| 154 | 155 |
<section class="actions-bar clearfix"> |
| 155 | 156 |
<h2>Networks</h2> |
| 156 | 157 |
<div class="rt-actions"> |
| 158 |
<a href="network_details.html" class="single" title="single view"></a> |
|
| 157 | 159 |
<a href="#grid" class="grid"><span class="snf-gridview current"></span></a> |
| 158 | 160 |
<a href="#list" class="list"><span class="snf-listview "></span></a> |
| 159 |
<a href="network_details.html" class="single" title="single view"></a> |
|
| 160 | 161 |
</div> |
| 161 | 162 |
<div class="filter-menu"> |
| 162 | 163 |
<a class="filter" href="">Filter</a> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos.html | ||
|---|---|---|
| 27 | 27 |
<li><a href="pithos.html" data-tooltip class="has-tip current" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
| 28 | 28 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li> |
| 29 | 29 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li> |
| 30 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li> |
|
| 30 |
<li><a href="" data-tooltip class="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
|
| 31 |
<li><a href="" data-tooltip class="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
|
| 31 | 32 |
</ul> |
| 32 | 33 |
</nav> |
| 33 | 34 |
<div class="login"> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss | ||
|---|---|---|
| 384 | 384 |
padding: 0 10px; |
| 385 | 385 |
font-size:emCalc(12px); |
| 386 | 386 |
position: relative; |
| 387 |
top:-2px;
|
|
| 387 |
top:-1px;
|
|
| 388 | 388 |
} |
| 389 | 389 |
.options {
|
| 390 | 390 |
display: none; |
| ... | ... | |
| 467 | 467 |
float: left; |
| 468 | 468 |
span {
|
| 469 | 469 |
position: relative; |
| 470 |
&.snf-listview {
|
|
| 471 |
font-size: emCalc(18px); |
|
| 472 |
} |
|
| 473 |
&.snf-gridview {
|
|
| 474 |
font-size: emCalc(18px); |
|
| 475 |
} |
|
| 470 | 476 |
&.snf-trash-outline {
|
| 471 | 477 |
} |
| 472 | 478 |
&.snf-folder-create-outline {
|
| 473 |
font-size: emCalc(18px) |
|
| 479 |
font-size: emCalc(18px);
|
|
| 474 | 480 |
} |
| 475 | 481 |
&.snf-refresh-outline {
|
| 476 |
font-size: emCalc(14px);
|
|
| 482 |
font-size: emCalc(12px);
|
|
| 477 | 483 |
top: -2px; |
| 478 | 484 |
} |
| 479 | 485 |
} |
| ... | ... | |
| 482 | 488 |
} |
| 483 | 489 |
} |
| 484 | 490 |
.single {
|
| 485 |
@include square(14px , $link-color); |
|
| 491 |
@include square(12px , $link-color); |
|
| 492 |
margin-top: 9px; |
|
| 486 | 493 |
&.current, |
| 487 | 494 |
&:hover {
|
| 488 | 495 |
background-color: $secondary-color; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/snapshots_list.html | ||
|---|---|---|
| 27 | 27 |
<li><a href="pithos.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-pithos-outline"></span></a></li> |
| 28 | 28 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images" ><span class="snf-image-outline"></span></a></li> |
| 29 | 29 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip current" title="Snapshots" ><span class="snf-snapshot-outline"></span></a></li> |
| 30 |
<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus-outline"></span></a></li> |
|
| 30 |
<li><a href="" data-tooltip class="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
|
| 31 |
<li><a href="" data-tooltip class="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
|
| 31 | 32 |
</ul> |
| 32 | 33 |
</nav> |
| 33 | 34 |
<div class="login"> |
| ... | ... | |
| 134 | 135 |
<section class="actions-bar clearfix"> |
| 135 | 136 |
<h2>Snapshots</h2> |
| 136 | 137 |
<div class="rt-actions"> |
| 138 |
<a href="" class="single" title="single view"></a> |
|
| 137 | 139 |
<a href="#grid" class="grid"><span class="snf-gridview current"></span></a> |
| 138 | 140 |
<a href="#list" class="list"><span class="snf-listview "></span></a> |
| 139 |
<a href="" class="single" title="single view"></a> |
|
| 140 | 141 |
</div> |
| 141 | 142 |
<div class="filter-menu"> |
| 142 | 143 |
<a class="filter" href="">Filter</a> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 7116 | 7116 |
padding: 0 10px; |
| 7117 | 7117 |
font-size: 0.75em; |
| 7118 | 7118 |
position: relative; |
| 7119 |
top: -2px;
|
|
| 7119 |
top: -1px;
|
|
| 7120 | 7120 |
} |
| 7121 | 7121 |
/* line 389, ../sass/_common.scss */ |
| 7122 | 7122 |
.actions-bar .filter-menu .options {
|
| ... | ... | |
| 7211 | 7211 |
.actions-bar .rt-actions a span {
|
| 7212 | 7212 |
position: relative; |
| 7213 | 7213 |
} |
| 7214 |
/* line 472, ../sass/_common.scss */ |
|
| 7214 |
/* line 470, ../sass/_common.scss */ |
|
| 7215 |
.actions-bar .rt-actions a span.snf-listview {
|
|
| 7216 |
font-size: 1.125em; |
|
| 7217 |
} |
|
| 7218 |
/* line 473, ../sass/_common.scss */ |
|
| 7219 |
.actions-bar .rt-actions a span.snf-gridview {
|
|
| 7220 |
font-size: 1.125em; |
|
| 7221 |
} |
|
| 7222 |
/* line 478, ../sass/_common.scss */ |
|
| 7215 | 7223 |
.actions-bar .rt-actions a span.snf-folder-create-outline {
|
| 7216 | 7224 |
font-size: 1.125em; |
| 7217 | 7225 |
} |
| 7218 |
/* line 475, ../sass/_common.scss */
|
|
| 7226 |
/* line 481, ../sass/_common.scss */
|
|
| 7219 | 7227 |
.actions-bar .rt-actions a span.snf-refresh-outline {
|
| 7220 |
font-size: 0.875em;
|
|
| 7228 |
font-size: 0.75em; |
|
| 7221 | 7229 |
top: -2px; |
| 7222 | 7230 |
} |
| 7223 |
/* line 480, ../sass/_common.scss */
|
|
| 7231 |
/* line 486, ../sass/_common.scss */
|
|
| 7224 | 7232 |
.actions-bar .rt-actions a:not(:last-child) {
|
| 7225 | 7233 |
margin-right: 10px; |
| 7226 | 7234 |
} |
| 7227 |
/* line 484, ../sass/_common.scss */
|
|
| 7235 |
/* line 490, ../sass/_common.scss */
|
|
| 7228 | 7236 |
.actions-bar .rt-actions .single {
|
| 7229 |
width: 14px;
|
|
| 7230 |
height: 14px;
|
|
| 7237 |
width: 12px;
|
|
| 7238 |
height: 12px;
|
|
| 7231 | 7239 |
background-color: #485057; |
| 7232 | 7240 |
display: inline-block; |
| 7241 |
margin-top: 9px; |
|
| 7233 | 7242 |
} |
| 7234 |
/* line 487, ../sass/_common.scss */
|
|
| 7243 |
/* line 494, ../sass/_common.scss */
|
|
| 7235 | 7244 |
.actions-bar .rt-actions .single.current, .actions-bar .rt-actions .single:hover {
|
| 7236 | 7245 |
background-color: #30c79e; |
| 7237 | 7246 |
} |
| 7238 | 7247 |
|
| 7239 |
/* line 497, ../sass/_common.scss */
|
|
| 7248 |
/* line 504, ../sass/_common.scss */
|
|
| 7240 | 7249 |
.no-vm .actions-bar .rt-actions, .no-vm .actions-bar .hd-search, .no-vm .actions-bar .filter {
|
| 7241 | 7250 |
display: none; |
| 7242 | 7251 |
} |
| 7243 | 7252 |
|
| 7244 | 7253 |
/* Icons Navigation ----------------------------------------------- */ |
| 7245 |
/* line 505, ../sass/_common.scss */
|
|
| 7254 |
/* line 512, ../sass/_common.scss */
|
|
| 7246 | 7255 |
.icons-nav {
|
| 7247 | 7256 |
margin: 0; |
| 7248 | 7257 |
padding: 0; |
| 7249 | 7258 |
} |
| 7250 |
/* line 507, ../sass/_common.scss */
|
|
| 7259 |
/* line 514, ../sass/_common.scss */
|
|
| 7251 | 7260 |
.icons-nav li {
|
| 7252 | 7261 |
display: inline-block; |
| 7253 | 7262 |
margin-right: 10px; |
| ... | ... | |
| 7256 | 7265 |
} |
| 7257 | 7266 |
|
| 7258 | 7267 |
/* Top info ----------------------------------------------- */ |
| 7259 |
/* line 520, ../sass/_common.scss */
|
|
| 7268 |
/* line 527, ../sass/_common.scss */
|
|
| 7260 | 7269 |
.top-info {
|
| 7261 | 7270 |
padding: 50px 100px; |
| 7262 | 7271 |
position: relative; |
| 7263 | 7272 |
z-index: 10; |
| 7264 | 7273 |
display: none; |
| 7265 | 7274 |
} |
| 7266 |
/* line 525, ../sass/_common.scss */
|
|
| 7275 |
/* line 532, ../sass/_common.scss */
|
|
| 7267 | 7276 |
.top-info .close {
|
| 7268 | 7277 |
position: absolute; |
| 7269 | 7278 |
right: 15px; |
| ... | ... | |
| 7276 | 7285 |
overflow: hidden; |
| 7277 | 7286 |
} |
| 7278 | 7287 |
|
| 7279 |
/* line 534, ../sass/_common.scss */
|
|
| 7288 |
/* line 541, ../sass/_common.scss */
|
|
| 7280 | 7289 |
.info.error {
|
| 7281 | 7290 |
background: #ff4040; |
| 7282 | 7291 |
color: #fff; |
| 7283 | 7292 |
} |
| 7284 | 7293 |
|
| 7285 |
/* line 540, ../sass/_common.scss */
|
|
| 7294 |
/* line 547, ../sass/_common.scss */
|
|
| 7286 | 7295 |
.info.alert {
|
| 7287 | 7296 |
background: #30c79e; |
| 7288 | 7297 |
color: #fff; |
| 7289 | 7298 |
} |
| 7290 | 7299 |
|
| 7291 |
/* line 545, ../sass/_common.scss */
|
|
| 7300 |
/* line 552, ../sass/_common.scss */
|
|
| 7292 | 7301 |
.info.warning {
|
| 7293 | 7302 |
background: #919194; |
| 7294 | 7303 |
color: #fff; |
| 7295 | 7304 |
} |
| 7296 | 7305 |
|
| 7297 |
/* line 550, ../sass/_common.scss */
|
|
| 7306 |
/* line 557, ../sass/_common.scss */
|
|
| 7298 | 7307 |
.info.success {
|
| 7299 | 7308 |
background: #00a551; |
| 7300 | 7309 |
color: #fff; |
| 7301 | 7310 |
} |
| 7302 | 7311 |
|
| 7303 |
/* line 555, ../sass/_common.scss */
|
|
| 7312 |
/* line 562, ../sass/_common.scss */
|
|
| 7304 | 7313 |
.border-bottom-style1 {
|
| 7305 | 7314 |
padding-bottom: 20px; |
| 7306 | 7315 |
margin-bottom: 20px; |
| ... | ... | |
| 7308 | 7317 |
} |
| 7309 | 7318 |
|
| 7310 | 7319 |
/* Progress Bar ----------------------------------------------- */ |
| 7311 |
/* line 564, ../sass/_common.scss */
|
|
| 7320 |
/* line 571, ../sass/_common.scss */
|
|
| 7312 | 7321 |
.progress-bar {
|
| 7313 | 7322 |
position: fixed; |
| 7314 | 7323 |
bottom: 0; |
| ... | ... | |
| 7319 | 7328 |
padding: 20px 0 20px 310px; |
| 7320 | 7329 |
color: #919194; |
| 7321 | 7330 |
} |
| 7322 |
/* line 573, ../sass/_common.scss */
|
|
| 7331 |
/* line 580, ../sass/_common.scss */
|
|
| 7323 | 7332 |
.progress-bar span.counter {
|
| 7324 | 7333 |
display: inline-block; |
| 7325 | 7334 |
margin-right: 20px; |
| 7326 | 7335 |
float: left; |
| 7327 | 7336 |
} |
| 7328 |
/* line 578, ../sass/_common.scss */
|
|
| 7337 |
/* line 585, ../sass/_common.scss */
|
|
| 7329 | 7338 |
.progress-bar div.progress-wrap {
|
| 7330 | 7339 |
display: inline-block; |
| 7331 | 7340 |
float: left; |
| 7332 | 7341 |
width: 40%; |
| 7333 | 7342 |
margin-right: 60px; |
| 7334 | 7343 |
} |
| 7335 |
/* line 583, ../sass/_common.scss */
|
|
| 7344 |
/* line 590, ../sass/_common.scss */
|
|
| 7336 | 7345 |
.progress-bar div.progress-wrap .progress {
|
| 7337 | 7346 |
position: relative; |
| 7338 | 7347 |
top: 2px; |
| 7339 | 7348 |
} |
| 7340 |
/* line 588, ../sass/_common.scss */
|
|
| 7349 |
/* line 595, ../sass/_common.scss */
|
|
| 7341 | 7350 |
.progress-bar span.more {
|
| 7342 | 7351 |
display: inline-block; |
| 7343 | 7352 |
} |
| 7344 | 7353 |
|
| 7345 |
/* line 593, ../sass/_common.scss */
|
|
| 7354 |
/* line 600, ../sass/_common.scss */
|
|
| 7346 | 7355 |
.storage-progress {
|
| 7347 | 7356 |
display: none; |
| 7348 | 7357 |
position: fixed; |
| ... | ... | |
| 7359 | 7368 |
-o-transition: background-color 500ms linear; |
| 7360 | 7369 |
transition: background-color 500ms linear; |
| 7361 | 7370 |
} |
| 7362 |
/* line 604, ../sass/_common.scss */
|
|
| 7371 |
/* line 611, ../sass/_common.scss */
|
|
| 7363 | 7372 |
.storage-progress.ready {
|
| 7364 | 7373 |
background: #00a551; |
| 7365 | 7374 |
} |
| 7366 |
/* line 607, ../sass/_common.scss */
|
|
| 7375 |
/* line 614, ../sass/_common.scss */
|
|
| 7367 | 7376 |
.storage-progress .wrap {
|
| 7368 | 7377 |
position: relative; |
| 7369 | 7378 |
padding: 10px; |
| 7370 | 7379 |
} |
| 7371 |
/* line 611, ../sass/_common.scss */
|
|
| 7380 |
/* line 618, ../sass/_common.scss */
|
|
| 7372 | 7381 |
.storage-progress .loader {
|
| 7373 | 7382 |
position: absolute; |
| 7374 | 7383 |
height: 5px; |
| ... | ... | |
| 7377 | 7386 |
background: #ffc54a; |
| 7378 | 7387 |
width: 0%; |
| 7379 | 7388 |
} |
| 7380 |
/* line 619, ../sass/_common.scss */
|
|
| 7389 |
/* line 626, ../sass/_common.scss */
|
|
| 7381 | 7390 |
.storage-progress .summary {
|
| 7382 | 7391 |
padding-left: 210px; |
| 7383 | 7392 |
margin: 0; |
| 7384 | 7393 |
font-size: 0.75em; |
| 7385 | 7394 |
} |
| 7386 |
/* line 623, ../sass/_common.scss */
|
|
| 7395 |
/* line 630, ../sass/_common.scss */
|
|
| 7387 | 7396 |
.storage-progress .summary span {
|
| 7388 | 7397 |
background-color: #fff; |
| 7389 | 7398 |
color: #ff4040; |
| ... | ... | |
| 7395 | 7404 |
-o-transition: opacity 500ms linear; |
| 7396 | 7405 |
transition: opacity 500ms linear; |
| 7397 | 7406 |
} |
| 7398 |
/* line 629, ../sass/_common.scss */
|
|
| 7407 |
/* line 636, ../sass/_common.scss */
|
|
| 7399 | 7408 |
.storage-progress .summary span.animated {
|
| 7400 | 7409 |
opacity: 0; |
| 7401 | 7410 |
} |
| 7402 |
/* line 634, ../sass/_common.scss */
|
|
| 7411 |
/* line 641, ../sass/_common.scss */
|
|
| 7403 | 7412 |
.storage-progress .details {
|
| 7404 | 7413 |
display: none; |
| 7405 | 7414 |
} |
| 7406 | 7415 |
|
| 7407 | 7416 |
/* Responive ------------------------------------------------ */ |
| 7408 | 7417 |
@media only screen and (max-width: 768px) {
|
| 7409 |
/* line 645, ../sass/_common.scss */
|
|
| 7418 |
/* line 652, ../sass/_common.scss */
|
|
| 7410 | 7419 |
body {
|
| 7411 | 7420 |
padding-top: 0; |
| 7412 | 7421 |
} |
| 7413 | 7422 |
|
| 7414 |
/* line 648, ../sass/_common.scss */
|
|
| 7423 |
/* line 655, ../sass/_common.scss */
|
|
| 7415 | 7424 |
.header, .actions-bar {
|
| 7416 | 7425 |
position: static; |
| 7417 | 7426 |
z-index: auto; |
| 7418 | 7427 |
} |
| 7419 | 7428 |
|
| 7420 |
/* line 652, ../sass/_common.scss */
|
|
| 7429 |
/* line 659, ../sass/_common.scss */
|
|
| 7421 | 7430 |
.actions-bar {
|
| 7422 | 7431 |
top: 160px; |
| 7423 | 7432 |
} |
| 7424 | 7433 |
|
| 7425 |
/* line 655, ../sass/_common.scss */
|
|
| 7434 |
/* line 662, ../sass/_common.scss */
|
|
| 7426 | 7435 |
.header {
|
| 7427 | 7436 |
height: 120px; |
| 7428 | 7437 |
line-height: 50px; |
| 7429 | 7438 |
} |
| 7430 |
/* line 658, ../sass/_common.scss */
|
|
| 7439 |
/* line 665, ../sass/_common.scss */
|
|
| 7431 | 7440 |
.header .icons-nav {
|
| 7432 | 7441 |
position: static; |
| 7433 | 7442 |
} |
| 7434 | 7443 |
} |
| 7435 | 7444 |
/* Scroll Bar -------------------------------------------- */ |
| 7436 |
/* line 666, ../sass/_common.scss */
|
|
| 7445 |
/* line 673, ../sass/_common.scss */
|
|
| 7437 | 7446 |
body .jspVerticalBar {
|
| 7438 | 7447 |
background-color: transparent; |
| 7439 | 7448 |
width: 14px; |
| ... | ... | |
| 7441 | 7450 |
border-left: 1px solid #c2bebe; |
| 7442 | 7451 |
border-right: 1px solid #c2bebe; |
| 7443 | 7452 |
} |
| 7444 |
/* line 672, ../sass/_common.scss */
|
|
| 7453 |
/* line 679, ../sass/_common.scss */
|
|
| 7445 | 7454 |
body .jspVerticalBar .jspTrack {
|
| 7446 | 7455 |
background-color: #e6e5e5; |
| 7447 | 7456 |
} |
| 7448 |
/* line 674, ../sass/_common.scss */
|
|
| 7457 |
/* line 681, ../sass/_common.scss */
|
|
| 7449 | 7458 |
body .jspVerticalBar .jspTrack .jspDrag {
|
| 7450 | 7459 |
-webkit-border-radius: 5px; |
| 7451 | 7460 |
-moz-border-radius: 5px; |
| 7452 | 7461 |
border-radius: 5px; |
| 7453 | 7462 |
background-color: #c2bebe; |
| 7454 | 7463 |
} |
| 7455 |
/* line 681, ../sass/_common.scss */
|
|
| 7464 |
/* line 688, ../sass/_common.scss */
|
|
| 7456 | 7465 |
body .jspVerticalBar .jspArrow {
|
| 7457 | 7466 |
background-color: transparent; |
| 7458 | 7467 |
background: url("../images/arrows.png") no-repeat center center;
|
| ... | ... | |
| 7463 | 7472 |
overflow: hidden; |
| 7464 | 7473 |
overflow: hidden; |
| 7465 | 7474 |
} |
| 7466 |
/* line 685, ../sass/_common.scss */
|
|
| 7475 |
/* line 692, ../sass/_common.scss */
|
|
| 7467 | 7476 |
body .jspVerticalBar .jspArrow.jspArrowDown {
|
| 7468 | 7477 |
background-position: -18px; |
| 7469 | 7478 |
} |
| 7470 |
/* line 689, ../sass/_common.scss */
|
|
| 7479 |
/* line 696, ../sass/_common.scss */
|
|
| 7471 | 7480 |
body .jspVerticalBar .jspArrow.jspArrowUp {
|
| 7472 | 7481 |
background-position: 0px; |
| 7473 | 7482 |
} |
| 7474 | 7483 |
|
| 7475 |
/* line 703, ../sass/_common.scss */
|
|
| 7484 |
/* line 710, ../sass/_common.scss */
|
|
| 7476 | 7485 |
.folder {
|
| 7477 | 7486 |
background: url(file-types.png) no-repeat top left; |
| 7478 | 7487 |
background-position: 0 -165px; |
| ... | ... | |
| 7488 | 7497 |
height: 28px; |
| 7489 | 7498 |
} |
| 7490 | 7499 |
*/ |
| 7491 |
/* line 717, ../sass/_common.scss */
|
|
| 7500 |
/* line 724, ../sass/_common.scss */
|
|
| 7492 | 7501 |
.txt {
|
| 7493 | 7502 |
background: url(../images/file-types.png) no-repeat top left; |
| 7494 | 7503 |
background-position: 0 -486px; |
| ... | ... | |
| 7498 | 7507 |
margin: 0 auto; |
| 7499 | 7508 |
} |
| 7500 | 7509 |
|
| 7501 |
/* line 720, ../sass/_common.scss */
|
|
| 7510 |
/* line 727, ../sass/_common.scss */
|
|
| 7502 | 7511 |
.pdf {
|
| 7503 | 7512 |
background: url(../images/file-types.png) no-repeat top left; |
| 7504 | 7513 |
background-position: 0 -321px; |
| ... | ... | |
| 7508 | 7517 |
margin: 0 auto; |
| 7509 | 7518 |
} |
| 7510 | 7519 |
|
| 7511 |
/* line 723, ../sass/_common.scss */
|
|
| 7520 |
/* line 730, ../sass/_common.scss */
|
|
| 7512 | 7521 |
.excel {
|
| 7513 | 7522 |
background: url(../images/file-types.png) no-repeat top left; |
| 7514 | 7523 |
background-position: 0 -85px; |
| ... | ... | |
| 7518 | 7527 |
margin: 0 auto; |
| 7519 | 7528 |
} |
| 7520 | 7529 |
|
| 7521 |
/* line 726, ../sass/_common.scss */
|
|
| 7530 |
/* line 733, ../sass/_common.scss */
|
|
| 7522 | 7531 |
.word {
|
| 7523 | 7532 |
background: url(../images/file-types.png) no-repeat top left; |
| 7524 | 7533 |
background-position: 0 -571px; |
| ... | ... | |
| 7528 | 7537 |
margin: 0 auto; |
| 7529 | 7538 |
} |
| 7530 | 7539 |
|
| 7531 |
/* line 729, ../sass/_common.scss */
|
|
| 7540 |
/* line 736, ../sass/_common.scss */
|
|
| 7532 | 7541 |
.powerpoint {
|
| 7533 | 7542 |
background: url(../images/file-types.png) no-repeat top left; |
| 7534 | 7543 |
background-position: 0 -406px; |
| ... | ... | |
| 7538 | 7547 |
margin: 0 auto; |
| 7539 | 7548 |
} |
| 7540 | 7549 |
|
| 7541 |
/* line 732, ../sass/_common.scss */
|
|
| 7550 |
/* line 739, ../sass/_common.scss */
|
|
| 7542 | 7551 |
.ai {
|
| 7543 | 7552 |
background: url(../images/file-types.png) no-repeat top left; |
| 7544 | 7553 |
background-position: 0 0; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/font_custom.css | ||
|---|---|---|
| 30 | 30 |
you can use the generic selector below, but it"s slower: |
| 31 | 31 |
[class*="snf-"] {
|
| 32 | 32 |
*/ |
| 33 |
.snf-font, .snf-trash-outline, .snf-eye, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-www, .snf-arrow-up, .snf-arrow-down, .snf-checkbox-unchecked, .snf-checkbox-checked, .snf-cancel-circled, .snf-search, .snf-twitter-logo, .snf-ok, .snf-switch, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit, .snf-listview, .snf-gridview, .snf-dashboard-outline, .snf-pithos-outline, .snf-info-full, .snf-volume-create-full, .snf-image-full, .snf-pc-create-full, .snf-network-create-outline, .snf-network-create-full, .snf-ram-outline, .snf-nic-outline, .snf-ram-full, .snf-nic-full, .snf-network-broken-1-full, .snf-network-broken-2-full, .snf-pc-broken-full, .snf-pc-reboot-full, .snf-pc-switch-full, .snf-key-full, .snf-router-full, .snf-chip-full, .snf-plus-full, .snf-snapshot-full, .snf-pithos-full, .snf-volume-full, .snf-network-full, .snf-pc-full, .snf-network-broken-1-outline, .snf-network-broken-2-outline, .snf-pc-broken-outline, .snf-volume-broken-outline, .snf-pc-reboot-outline, .snf-pc-switch-outline, .snf-key-outline, .snf-router-outline, .snf-chip-outline, .snf-image-outline, .snf-plus-outilne, .snf-snapshot-outline, .snf-volume-outline, .snf-network-outline, .snf-pc-outline, .snf-info-outline, .snf-thunder-full, .snf-lock-closed, .snf-lock-open, .snf-trash-full, .snf-link-outline, .snf-refresh-outline, .snf-download-full, .snf-person-outline, .snf-upload-full, .snf-arrow-right-small-full, .snf-copy-outline, .snf-copy-full, .snf-arrow-left-small-full {
|
|
| 33 |
.snf-font, .snf-trash-outline, .snf-eye, .snf-radio-checked, .snf-radio-unchecked, .snf-close, .snf-www, .snf-arrow-up, .snf-arrow-down, .snf-checkbox-unchecked, .snf-checkbox-checked, .snf-cancel-circled, .snf-search, .snf-twitter-logo, .snf-ok, .snf-switch, .snf-ban-circle, .snf-ok-sign, .snf-minus-sign, .snf-edit, .snf-listview, .snf-gridview, .snf-dashboard-outline, .snf-pithos-outline, .snf-info-full, .snf-volume-create-full, .snf-image-full, .snf-pc-create-full, .snf-network-create-outline, .snf-network-create-full, .snf-ram-outline, .snf-nic-outline, .snf-ram-full, .snf-nic-full, .snf-network-broken-1-full, .snf-network-broken-2-full, .snf-pc-broken-full, .snf-pc-reboot-full, .snf-pc-switch-full, .snf-key-full, .snf-router-full, .snf-chip-full, .snf-plus-full, .snf-snapshot-full, .snf-pithos-full, .snf-volume-full, .snf-network-full, .snf-pc-full, .snf-network-broken-1-outline, .snf-network-broken-2-outline, .snf-pc-broken-outline, .snf-volume-broken-outline, .snf-pc-reboot-outline, .snf-pc-switch-outline, .snf-key-outline, .snf-router-outline, .snf-chip-outline, .snf-image-outline, .snf-plus-outline, .snf-snapshot-outline, .snf-volume-outline, .snf-network-outline, .snf-pc-outline, .snf-info-outline, .snf-thunder-full, .snf-lock-closed, .snf-lock-open, .snf-trash-full, .snf-link-outline, .snf-refresh-outline, .snf-download-full, .snf-person-outline, .snf-upload-full, .snf-arrow-right-small-full, .snf-copy-outline, .snf-copy-full, .snf-arrow-left-small-full {
|
|
| 34 | 34 |
font-family: 'snf-font'; |
| 35 | 35 |
speak: none; |
| 36 | 36 |
font-style: normal; |
| ... | ... | |
| 208 | 208 |
.snf-image-outline:before {
|
| 209 | 209 |
content: "\66"; |
| 210 | 210 |
} |
| 211 |
.snf-plus-outilne:before {
|
|
| 211 |
.snf-plus-outline:before {
|
|
| 212 | 212 |
content: "\6d"; |
| 213 | 213 |
} |
| 214 | 214 |
.snf-snapshot-outline:before {
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html | ||
|---|---|---|
| 26 | 26 |
<li><a href="pithos.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
| 27 | 27 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li> |
| 28 | 28 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li> |
| 29 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li>
|
|
| 30 |
</ul>
|
|
| 29 |
<li><a href="" data-tooltip class="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li>
|
|
| 30 |
<li><a href="" data-tooltip class="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li>
|
|
| 31 | 31 |
</nav> |
| 32 | 32 |
<div class="login"> |
| 33 | 33 |
<div class="wrap"> |
| ... | ... | |
| 741 | 741 |
<section class="actions-bar clearfix"> |
| 742 | 742 |
<h2><a href="vm_list.html">Virtual Machines</a> > My Awesome Network</h2> |
| 743 | 743 |
<div class="rt-actions"> |
| 744 |
<a href="" class="single current" title="single view"></a> |
|
| 744 | 745 |
<a href="vm_list.html" class="grid" title="grid view"><span class="snf-gridview"></span></a> |
| 745 | 746 |
<a href="vm_list.html" class="list" title="list view"><span class="snf-listview "></span></a> |
| 746 |
<a href="" class="single current" title="single view"></a> |
|
| 747 | 747 |
</div> |
| 748 | 748 |
<div class="filter-menu"> |
| 749 | 749 |
<a class="filter" href="">Filter</a> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html | ||
|---|---|---|
| 28 | 28 |
<li><a href="pithos.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
| 29 | 29 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li> |
| 30 | 30 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li> |
| 31 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li> |
|
| 31 |
<li><a href="" data-tooltip class="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
|
| 32 |
<li><a href="" data-tooltip class="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
|
| 32 | 33 |
</ul> |
| 33 | 34 |
</nav> |
| 34 | 35 |
<div class="login"> |
| ... | ... | |
| 765 | 766 |
<section class="actions-bar clearfix"> |
| 766 | 767 |
<h2>Virtual Machines</h2> |
| 767 | 768 |
<div class="rt-actions"> |
| 769 |
<a href="vm_details.html" class="single" title="single view"></a> |
|
| 768 | 770 |
<a href="#grid" class="grid" title="grid view"><span class="snf-gridview current"></span></a> |
| 769 | 771 |
<a href="#list" class="list" title="list view"><span class="snf-listview "></span></a> |
| 770 |
<a href="vm_details.html" class="single" title="single view"></a> |
|
| 771 | 772 |
</div> |
| 772 | 773 |
<div class="filter-menu"> |
| 773 | 774 |
<div><a class="filter" href="">Filter</a></div> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list_no_vms.html | ||
|---|---|---|
| 28 | 28 |
<li><a href="pithos.html" data-tooltip class="has-tip" title="Storage"><span class="snf-pithos-outline"></span></a></li> |
| 29 | 29 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images"><span class="snf-image-outline"></span></a></li> |
| 30 | 30 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots"><span class="snf-snapshot-outline"></span></a></li> |
| 31 |
<li><a href="" data-tooltip class="has-tip" title="More"><span class="snf-plus-outline"></span></a></li> |
|
| 31 |
<li><a href="" data-tooltip class="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
|
| 32 |
<li><a href="" data-tooltip class="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
|
| 32 | 33 |
</ul> |
| 33 | 34 |
</nav> |
| 34 | 35 |
<div class="login"> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/volumes_list.html | ||
|---|---|---|
| 29 | 29 |
<li><a href="pithos.html" data-tooltip class="has-tip" title="Storage" ><span class="snf-pithos-outline"></span></a></li> |
| 30 | 30 |
<li><a href="images_list.html" data-tooltip class="has-tip" title="Images" ><span class="snf-image-outline"></span></a></li> |
| 31 | 31 |
<li><a href="snapshots_list.html" data-tooltip class="has-tip" title="Snapshots" ><span class="snf-snapshot-outline"></span></a></li> |
| 32 |
<li><a href="" data-tooltip class="has-tip" title="More" ><span class="snf-plus-outline"></span></a></li> |
|
| 32 |
<li><a href="" data-tooltip class="has-tip" title="IPs"><span class="snf-nic-outline"></span></a></li> |
|
| 33 |
<li><a href="" data-tooltip class="has-tip" title="SSH keys"><span class="snf-key-outline"></span></a></li> |
|
| 33 | 34 |
</ul> |
| 34 | 35 |
</nav> |
| 35 | 36 |
<div class="login"> |
| ... | ... | |
| 238 | 239 |
<section class="actions-bar clearfix"> |
| 239 | 240 |
<h2>Volumes</h2> |
| 240 | 241 |
<div class="rt-actions"> |
| 242 |
<a href="" class="single" title="single view"></a> |
|
| 241 | 243 |
<a href="#grid" class="grid"><span class="snf-gridview current"></span></a> |
| 242 | 244 |
<a href="#list" class="list"><span class="snf-listview "></span></a> |
| 243 |
<a href="" class="single" title="single view"></a> |
|
| 244 | 245 |
</div> |
| 245 | 246 |
<div class="filter-menu"> |
| 246 | 247 |
<a class="filter" href="">Filter</a> |
Also available in: Unified diff