Revision 9569cdc8
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js | ||
|---|---|---|
| 1 | 1 |
ui = {};
|
| 2 | 2 |
|
| 3 | 3 |
|
| 4 |
|
|
| 5 |
|
|
| 6 |
|
|
| 4 | 7 |
ui.closeDiv = function(closeEl, divToCloseClass) {
|
| 5 | 8 |
closeEl.click(function(e){
|
| 6 | 9 |
e.preventDefault(); |
| ... | ... | |
| 9 | 12 |
} |
| 10 | 13 |
|
| 11 | 14 |
|
| 15 |
|
|
| 16 |
ui.trimChars = function( str, chars) {
|
|
| 17 |
if ( str.length>chars){
|
|
| 18 |
return jQuery.trim(str).substring(0, chars).split(" ").slice(0, -1).join(" ") + "...";
|
|
| 19 |
} else {
|
|
| 20 |
return str; |
|
| 21 |
} |
|
| 22 |
} |
|
| 23 |
|
|
| 12 | 24 |
// set lt-sidebar height |
| 13 | 25 |
ui.setSidebarHeight = function(){
|
| 14 | 26 |
var WindowHeight = $(window).height(); |
| ... | ... | |
| 205 | 217 |
resetForm(e, $('.editable a.cancel'));
|
| 206 | 218 |
}); |
| 207 | 219 |
|
| 208 |
|
|
| 220 |
} |
|
| 221 |
|
|
| 222 |
ui.overlay = function() {
|
|
| 223 |
$('[data-overlay-id]').click(function(e){
|
|
| 224 |
e.preventDefault(); |
|
| 225 |
var el = $(this); |
|
| 226 |
|
|
| 227 |
// main-actions a need to be active to trigger overlay |
|
| 228 |
if ( (el.parents('.main-actions').find('li a.active').length == 0) && (el.parents('.main-actions').length > 0) ) {
|
|
| 229 |
return false; |
|
| 230 |
} |
|
| 231 |
var id = el.data('overlay-id');
|
|
| 232 |
$('.overlay-area').show();
|
|
| 233 |
$(id).slideDown('slow');
|
|
| 234 |
|
|
| 235 |
|
|
| 236 |
}); |
|
| 237 |
|
|
| 209 | 238 |
|
| 210 | 239 |
} |
| 211 | 240 |
|
| 212 | 241 |
|
| 242 |
|
|
| 213 | 243 |
$(document).ready(function(){
|
| 214 | 244 |
|
| 245 |
|
|
| 215 | 246 |
ui.closeDiv($('.info .close'), '.info');
|
| 216 | 247 |
ui.closeDiv($('.dummy-navigation .close'), '.dummy-navigation');
|
| 217 | 248 |
|
| ... | ... | |
| 238 | 269 |
|
| 239 | 270 |
ui.entitiesActionsInit(); |
| 240 | 271 |
ui.editable(); |
| 272 |
ui.overlay(); |
|
| 241 | 273 |
|
| 242 | 274 |
$('.main-actions li a').click(function(e){
|
| 243 | 275 |
if (!($(this).hasClass('active'))) {
|
| ... | ... | |
| 246 | 278 |
}) |
| 247 | 279 |
$('.scroll-pane').jScrollPane();
|
| 248 | 280 |
|
| 249 |
// TODO: more general function |
|
| 250 |
$('.has-overlay a').click(function(e){
|
|
| 251 |
e.preventDefault(); |
|
| 252 |
if ($(this).hasClass('active')){
|
|
| 253 |
$('.content').append('<div class="overlay-modal overlay"><a href="" class="close" title="cancel vm creation">close</a></div>');
|
|
| 254 |
$($(this).parents('.has-overlay').data('overlay-id')).fadeIn('slow');
|
|
| 255 |
} |
|
| 256 |
}) |
|
| 257 | 281 |
|
| 258 | 282 |
|
| 283 |
|
|
| 284 |
|
|
| 285 |
$('.main .items-list .title em').each(function(){
|
|
| 286 |
$(this).html( ui.trimChars($(this).html(), 22) ); |
|
| 287 |
|
|
| 288 |
}) |
|
| 289 |
|
|
| 259 | 290 |
$('.main-actions li a').click(function(e){
|
| 260 | 291 |
if (!($(this).hasClass('active'))) {
|
| 261 | 292 |
e.preventDefault(); |
| 262 | 293 |
} |
| 263 | 294 |
}) |
| 264 |
|
|
| 295 |
$('.overlay-area .close').click(function(e){
|
|
| 296 |
e.preventDefault(); |
|
| 297 |
$(this).parents('.overlay-area').hide();
|
|
| 298 |
$(this).parents('.overlay-area').find($('[data-overlay-id]')).hide();
|
|
| 299 |
}) |
|
| 265 | 300 |
|
| 266 | 301 |
}) |
| 267 | 302 |
|
| 303 |
|
|
| 268 | 304 |
$(window).resize(function(e){
|
| 269 | 305 |
ui.setSidebarHeight(); |
| 270 | 306 |
$('.scroll-pane').jScrollPane();
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_create_v1.html | ||
|---|---|---|
| 33 | 33 |
<nav class="top-nav icons-nav"> |
| 34 | 34 |
|
| 35 | 35 |
<ul> |
| 36 |
<li><a href="" data-tooltip class="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li> |
|
| 36 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li>
|
|
| 37 | 37 |
<li><a href="vm_list_v1.html" data-tooltip class="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li> |
| 38 | 38 |
|
| 39 | 39 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_details_v1.html | ||
|---|---|---|
| 35 | 35 |
<nav class="top-nav icons-nav"> |
| 36 | 36 |
|
| 37 | 37 |
<ul> |
| 38 |
<li><a href="" data-tooltip class="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li> |
|
| 38 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li>
|
|
| 39 | 39 |
<li><a href="vm_list_v1.html" data-tooltip class="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li> |
| 40 | 40 |
|
| 41 | 41 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list_v1.html | ||
|---|---|---|
| 35 | 35 |
<nav class="top-nav icons-nav"> |
| 36 | 36 |
|
| 37 | 37 |
<ul> |
| 38 |
<li><a href="" data-tooltip class="has-tip" title="Storage"><img src="images/menu-icon-storage.png" alt="vm"></a></li> |
|
| 38 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage"><img src="images/menu-icon-storage.png" alt="vm"></a></li>
|
|
| 39 | 39 |
<li><a href="vm_list_v1.html" data-tooltip class="has-tip" title="Machines"><img src="images/menu-icon-compute.png" alt="vm"></a></li> |
| 40 | 40 |
|
| 41 | 41 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html | ||
|---|---|---|
| 1 |
|
|
| 2 |
<!DOCTYPE html> |
|
| 3 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]--> |
|
| 4 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
|
| 5 |
|
|
| 6 |
<head> |
|
| 7 |
<meta charset="utf-8" /> |
|
| 8 |
<meta name="viewport" content="width=device-width" /> |
|
| 9 |
<title>Synnefo | Pithos list</title> |
|
| 10 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
|
| 11 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
|
| 12 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
|
| 13 |
<link rel="stylesheet" href="stylesheets/styles.css" /> |
|
| 14 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
|
| 15 |
|
|
| 16 |
<link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" /> |
|
| 17 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
|
| 18 |
|
|
| 19 |
</head> |
|
| 20 |
<body> |
|
| 21 |
|
|
| 22 |
<div class="row-full"> |
|
| 23 |
<header class="header"> |
|
| 24 |
|
|
| 25 |
<div class="logo"> |
|
| 26 |
<img src="images/logo_01.png" alt="software logo"> |
|
| 27 |
</div> |
|
| 28 |
|
|
| 29 |
<nav class="top-nav icons-nav"> |
|
| 30 |
|
|
| 31 |
<ul> |
|
| 32 |
<li><a href="pithos_list.html" data-tooltip class="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li> |
|
| 33 |
<li><a href="vm_list_v1.html" data-tooltip class="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li> |
|
| 34 |
|
|
| 35 |
<li><a href="" data-tooltip class="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li> |
|
| 36 |
<li><a href="network_list_v1.html" data-tooltip class="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li> |
|
| 37 |
</ul> |
|
| 38 |
|
|
| 39 |
</nav> |
|
| 40 |
|
|
| 41 |
<div class="login"> |
|
| 42 |
<a href="">test@grnet.gr</a> |
|
| 43 |
</div> |
|
| 44 |
<div class="actions clearfix"> |
|
| 45 |
|
|
| 46 |
<div class="lt-actions"> |
|
| 47 |
<div class="new-btn"><a href="#" data-overlay-id="#uploader"><span>+</span> UPLOAD </a></div> |
|
| 48 |
</div> |
|
| 49 |
<div class="main-actions"> |
|
| 50 |
<ul> |
|
| 51 |
<li class="running"><a href="" class="active">Action 1</a></li> |
|
| 52 |
<li class="both"><a href="" class="active">Action 2</a></li> |
|
| 53 |
</ul> |
|
| 54 |
</div> |
|
| 55 |
</div> |
|
| 56 |
</header> |
|
| 57 |
<div class="info top-info alert"> |
|
| 58 |
<div class="wrap"> |
|
| 59 |
<p>ALERT!</p> |
|
| 60 |
|
|
| 61 |
<p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, neque ut neque. In at libero. </p> |
|
| 62 |
</div> |
|
| 63 |
<a href="#" class="close" title="hide message"></a> |
|
| 64 |
</div> |
|
| 65 |
|
|
| 66 |
</div> |
|
| 67 |
<div class="row-full overlay-wrapper storage"> |
|
| 68 |
<div class="overlay-area"> |
|
| 69 |
<a href="" class="close">close</a> |
|
| 70 |
<div id="uploader" class="overlay-div upload-widget"> |
|
| 71 |
<h2>Drag and drop files here</h2> |
|
| 72 |
<ul class="breadcrumbs"> |
|
| 73 |
<li><a href="">shared by me</a></li> |
|
| 74 |
<li><a href="">folder 1</a></li> |
|
| 75 |
<li>folder 2</li> |
|
| 76 |
</ul> |
|
| 77 |
<div class="btns"> |
|
| 78 |
<a href="">browse files</a> |
|
| 79 |
<a href="">change folder</a> |
|
| 80 |
<a href="">ok</a> |
|
| 81 |
</div> |
|
| 82 |
</div> |
|
| 83 |
|
|
| 84 |
</div> |
|
| 85 |
|
|
| 86 |
<!-- sidebar --> |
|
| 87 |
<div class="lt-sidebar"> |
|
| 88 |
<nav class="sidenav"> |
|
| 89 |
<ul> |
|
| 90 |
<li><a href="">trash</a><span>></span></li> |
|
| 91 |
<li><a href="">shared with me</a><span>></span></li> |
|
| 92 |
<li><a href="">shared by me</a><span>></span></li> |
|
| 93 |
<li><a href="">groups</a><span>></span></li> |
|
| 94 |
</ul> |
|
| 95 |
</nav> |
|
| 96 |
<form action="" method=""> |
|
| 97 |
<input type="text" placeholder="search"> |
|
| 98 |
</form> |
|
| 99 |
</div> |
|
| 100 |
|
|
| 101 |
<div class="main content"> |
|
| 102 |
|
|
| 103 |
|
|
| 104 |
<div class="confirmation"></div> |
|
| 105 |
<ul class="breadcrumbs"> |
|
| 106 |
<li><a href="">shared by me</a></li> |
|
| 107 |
<li><a href="">folder 1</a></li> |
|
| 108 |
<li>folder 2</li> |
|
| 109 |
</ul> |
|
| 110 |
<ul class="files"> |
|
| 111 |
<li class="titles"> |
|
| 112 |
<div class="name-col">name</div> |
|
| 113 |
<div class="size-col">size</div> |
|
| 114 |
<div class="date-col">last modified</div> |
|
| 115 |
<div class="actions-col"> </div> |
|
| 116 |
</li> |
|
| 117 |
<li> |
|
| 118 |
<div class="name-col folder" data-tooltip class="has-tip" title="metadata or info (ex. contains 3 files)">folder1</div> |
|
| 119 |
<div class="size-col">123KB</div> |
|
| 120 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 121 |
<div class="actions-col"> |
|
| 122 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 123 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 124 |
</div> |
|
| 125 |
</li> |
|
| 126 |
<li> |
|
| 127 |
<div class="name-col folder">folder1</div> |
|
| 128 |
<div class="size-col">123KB</div> |
|
| 129 |
<div class="date-col">23/12/12 4:23 pm</div> |
|
| 130 |
<div class="actions-col"> |
|
| 131 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 132 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 133 |
</div> |
|
| 134 |
</li> |
|
| 135 |
<li> |
|
| 136 |
<div class="name-col txt" data-tooltip class="has-tip" title="metadata or info (ex. has been modified 3 times)">file1.txt</div> |
|
| 137 |
<div class="size-col">5MB</div> |
|
| 138 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 139 |
<div class="actions-col"> |
|
| 140 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 141 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 142 |
</div> |
|
| 143 |
</li> |
|
| 144 |
<li> |
|
| 145 |
<div class="name-col pdf">mypdfile.pdf</div> |
|
| 146 |
<div class="size-col">123KB</div> |
|
| 147 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 148 |
<div class="actions-col"> |
|
| 149 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 150 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 151 |
</div> |
|
| 152 |
</li> |
|
| 153 |
<li> |
|
| 154 |
<div class="name-col folder">folder1</div> |
|
| 155 |
<div class="size-col">123KB</div> |
|
| 156 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 157 |
<div class="actions-col"> |
|
| 158 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 159 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 160 |
</div> |
|
| 161 |
</li> |
|
| 162 |
<li> |
|
| 163 |
<div class="name-col txt">file1.txt</div> |
|
| 164 |
<div class="size-col">5MB</div> |
|
| 165 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 166 |
<div class="actions-col"> |
|
| 167 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 168 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 169 |
</div> |
|
| 170 |
</li> |
|
| 171 |
<li> |
|
| 172 |
<div class="name-col pdf">mypdfile.pdf</div> |
|
| 173 |
<div class="size-col">123KB</div> |
|
| 174 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 175 |
<div class="actions-col"> |
|
| 176 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 177 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 178 |
</div> |
|
| 179 |
</li> |
|
| 180 |
<li> |
|
| 181 |
<div class="name-col folder">folder1</div> |
|
| 182 |
<div class="size-col">123KB</div> |
|
| 183 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 184 |
<div class="actions-col"> |
|
| 185 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 186 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 187 |
</div> |
|
| 188 |
</li> |
|
| 189 |
<li> |
|
| 190 |
<div class="name-col txt">file1.txt</div> |
|
| 191 |
<div class="size-col">5MB</div> |
|
| 192 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 193 |
<div class="actions-col"> |
|
| 194 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 195 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 196 |
</div> |
|
| 197 |
</li> |
|
| 198 |
<li> |
|
| 199 |
<div class="name-col pdf">mypdfile.pdf</div> |
|
| 200 |
<div class="size-col">123KB</div> |
|
| 201 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 202 |
<div class="actions-col"> |
|
| 203 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 204 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 205 |
</div> |
|
| 206 |
</li> |
|
| 207 |
<li> |
|
| 208 |
<div class="name-col folder">folder1</div> |
|
| 209 |
<div class="size-col">123KB</div> |
|
| 210 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 211 |
<div class="actions-col"> |
|
| 212 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 213 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 214 |
</div> |
|
| 215 |
</li> |
|
| 216 |
<li> |
|
| 217 |
<div class="name-col txt">file1.txt</div> |
|
| 218 |
<div class="size-col">5MB</div> |
|
| 219 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 220 |
<div class="actions-col"> |
|
| 221 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 222 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 223 |
</div> |
|
| 224 |
</li> |
|
| 225 |
<li> |
|
| 226 |
<div class="name-col pdf">mypdfile.pdf</div> |
|
| 227 |
<div class="size-col">123KB</div> |
|
| 228 |
<div class="date-col">23/12/12 6:23 am</div> |
|
| 229 |
<div class="actions-col"> |
|
| 230 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 231 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 232 |
</div> |
|
| 233 |
</li> |
|
| 234 |
<li> |
|
| 235 |
<div class="name-col folder">folder1</div> |
|
| 236 |
<div class="size-col">123KB</div> |
|
| 237 |
<div class="date-col">23/12/12</div> |
|
| 238 |
<div class="actions-col"> |
|
| 239 |
<a href="" class="delete" data-tooltip class="has-tip" title="Delete"><span class="snf-font">n</span></a> |
|
| 240 |
<a href="" class="copy" data-tooltip class="has-tip" title="Copy"><span class="snf-font">q</span></a> |
|
| 241 |
</div> |
|
| 242 |
</li> |
|
| 243 |
</ul> |
|
| 244 |
|
|
| 245 |
</div> |
|
| 246 |
<div class="progress-bar"> |
|
| 247 |
<span class="counter">6 files uploading</span> |
|
| 248 |
<div class="progress-wrap"><div class="progress"><span class="meter" style="width:25%"></span></div></div> |
|
| 249 |
<span class="more"><a href="">details ></a></span> |
|
| 250 |
</div> |
|
| 251 |
</div> |
|
| 252 |
|
|
| 253 |
|
|
| 254 |
<script src="javascripts/vendor/jquery.js"></script> |
|
| 255 |
<script src="javascripts/foundation/foundation.js"></script> |
|
| 256 |
|
|
| 257 |
<script src="javascripts/foundation/foundation.alerts.js"></script> |
|
| 258 |
|
|
| 259 |
<script src="javascripts/foundation/foundation.clearing.js"></script> |
|
| 260 |
|
|
| 261 |
<script src="javascripts/foundation/foundation.cookie.js"></script> |
|
| 262 |
|
|
| 263 |
<script src="javascripts/foundation/foundation.dropdown.js"></script> |
|
| 264 |
|
|
| 265 |
<script src="javascripts/foundation/foundation.forms.js"></script> |
|
| 266 |
|
|
| 267 |
<script src="javascripts/foundation/foundation.joyride.js"></script> |
|
| 268 |
|
|
| 269 |
<script src="javascripts/foundation/foundation.magellan.js"></script> |
|
| 270 |
|
|
| 271 |
<script src="javascripts/foundation/foundation.orbit.js"></script> |
|
| 272 |
|
|
| 273 |
<script src="javascripts/foundation/foundation.placeholder.js"></script> |
|
| 274 |
|
|
| 275 |
<script src="javascripts/foundation/foundation.reveal.js"></script> |
|
| 276 |
|
|
| 277 |
<script src="javascripts/foundation/foundation.section.js"></script> |
|
| 278 |
|
|
| 279 |
<script src="javascripts/foundation/foundation.tooltips.js"></script> |
|
| 280 |
|
|
| 281 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
|
| 282 |
<script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script> |
|
| 283 |
<script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script> |
|
| 284 |
|
|
| 285 |
<script src="javascripts/common.js"></script> |
|
| 286 |
|
|
| 287 |
|
|
| 288 |
<script> |
|
| 289 |
$(document).foundation(); |
|
| 290 |
</script> |
|
| 291 |
</body> |
|
| 292 |
</html> |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss | ||
|---|---|---|
| 30 | 30 |
// We use these as default colors throughout |
| 31 | 31 |
$primary-color: #919194; |
| 32 | 32 |
$secondary-color: #ff7bac; |
| 33 |
$black:#000;
|
|
| 33 |
$black:#333;
|
|
| 34 | 34 |
$white:#fff; |
| 35 | 35 |
|
| 36 | 36 |
$alert-color: $secondary-color; |
| ... | ... | |
| 209 | 209 |
// $input-font-size: emCalc(14px); |
| 210 | 210 |
// $input-bg-color: #fff; |
| 211 | 211 |
// $input-focus-bg-color: darken(#fff, 2%); |
| 212 |
// $input-border-color: darken(#fff, 20%);
|
|
| 212 |
$input-border-color: $primary-color;
|
|
| 213 | 213 |
// $input-focus-border-color: darken(#fff, 40%); |
| 214 | 214 |
// $input-border-style: solid; |
| 215 | 215 |
// $input-border-width: 1px; |
| ... | ... | |
| 391 | 391 |
// |
| 392 | 392 |
|
| 393 | 393 |
// We use this to set the background color for the breadcrumb container. |
| 394 |
// $crumb-bg: lighten($secondary-color, 5%);
|
|
| 394 |
$crumb-bg: transparent;
|
|
| 395 | 395 |
|
| 396 | 396 |
// We use these to set the padding around the breadcrumbs. |
| 397 |
// $crumb-padding: emCalc(6px) emCalc(14px) emCalc(9px);
|
|
| 397 |
$crumb-padding: 0 emCalc(14px) emCalc(9px);
|
|
| 398 | 398 |
// $crumb-side-padding: emCalc(12px); |
| 399 | 399 |
|
| 400 | 400 |
// We use these to control border styles. |
| 401 | 401 |
// $crumb-function-factor: 10%; |
| 402 | 402 |
// $crumb-border-size: 1px; |
| 403 | 403 |
// $crumb-border-style: solid; |
| 404 |
// $crumb-border-color: darken($crumb-bg, $crumb-function-factor);
|
|
| 404 |
$crumb-border-color: transparent;
|
|
| 405 | 405 |
// $crumb-radius: $global-radius; |
| 406 | 406 |
|
| 407 | 407 |
// We use these to set various text styles for breadcrumbs. |
| 408 |
// $crumb-font-size: emCalc(11px);
|
|
| 408 |
$crumb-font-size: inherit;
|
|
| 409 | 409 |
// $crumb-font-color: $primary-color; |
| 410 | 410 |
// $crumb-font-color-current: #333; |
| 411 | 411 |
// $crumb-font-color-unavailable: #999; |
| 412 |
// $crumb-font-transform: uppercase;
|
|
| 413 |
// $crumb-link-decor: underline;
|
|
| 412 |
$crumb-font-transform: none;
|
|
| 413 |
$crumb-link-decor: none;
|
|
| 414 | 414 |
|
| 415 | 415 |
// We use these to control the slash between breadcrumbs |
| 416 | 416 |
// $crumb-slash-color: #aaa; |
| 417 |
// $crumb-slash: "/";
|
|
| 417 |
$crumb-slash: ">";
|
|
| 418 | 418 |
|
| 419 | 419 |
// |
| 420 | 420 |
// Clearing Variables |
| ... | ... | |
| 751 | 751 |
// |
| 752 | 752 |
|
| 753 | 753 |
// We use this to se the prog bar height |
| 754 |
// $progress-bar-height: emCalc(25px);
|
|
| 754 |
$progress-bar-height: emCalc(15px);
|
|
| 755 | 755 |
// $progress-bar-color: transparent; |
| 756 | 756 |
|
| 757 | 757 |
// We use these to control the border styles |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
|---|---|---|
| 299 | 299 |
.top-info {
|
| 300 | 300 |
padding:50px 100px; |
| 301 | 301 |
position: relative; |
| 302 |
z-index:10; |
|
| 302 | 303 |
display:none; |
| 303 | 304 |
.close {
|
| 304 | 305 |
position: absolute; |
| ... | ... | |
| 741 | 742 |
position: relative; |
| 742 | 743 |
.input-txt {
|
| 743 | 744 |
display: inline-block; |
| 745 |
margin-right: 6px; |
|
| 744 | 746 |
} |
| 745 | 747 |
.editbuttons {
|
| 746 | 748 |
display: inline-block; |
| 747 |
margin-left:20px; |
|
| 748 | 749 |
a {
|
| 750 |
margin-right: 6px; |
|
| 749 | 751 |
&.save, |
| 750 | 752 |
&.cancel {
|
| 751 | 753 |
|
| ... | ... | |
| 787 | 789 |
} |
| 788 | 790 |
} |
| 789 | 791 |
|
| 792 |
.storage {
|
|
| 793 |
padding:45px 0; |
|
| 794 |
position:relative; |
|
| 795 |
.lt-sidebar {
|
|
| 796 |
font-size: 1em; |
|
| 797 |
padding:0 20px 40px 40px; |
|
| 798 |
.sidenav {
|
|
| 799 |
font-size: inherit; |
|
| 800 |
} |
|
| 801 |
ul {
|
|
| 802 |
list-style: none outside none; |
|
| 803 |
li {
|
|
| 804 |
padding:5px 0; |
|
| 805 |
&:hover {
|
|
| 806 |
background: transparent; |
|
| 807 |
&>a {
|
|
| 808 |
color:$secondary-color; |
|
| 809 |
&+span {
|
|
| 810 |
display: inline; |
|
| 811 |
} |
|
| 812 |
} |
|
| 813 |
} |
|
| 814 |
span {
|
|
| 815 |
float:right; |
|
| 816 |
color:$secondary-color; |
|
| 817 |
display: none; |
|
| 818 |
} |
|
| 819 |
|
|
| 820 |
} |
|
| 821 |
} |
|
| 822 |
} |
|
| 823 |
.files {
|
|
| 824 |
margin:1em 0; |
|
| 825 |
padding:0; |
|
| 826 |
list-style: none outside none; |
|
| 827 |
li {
|
|
| 828 |
list-style:none outside none; |
|
| 829 |
clear: left; |
|
| 830 |
padding:10px 20px; |
|
| 831 |
border:1px solid transparent; |
|
| 832 |
@extend .clearfix; |
|
| 833 |
.name-col {
|
|
| 834 |
float:left; |
|
| 835 |
width:35%; |
|
| 836 |
padding-left:50px; |
|
| 837 |
&.folder { background:url(../images/icon-folder.png) no-repeat left center; }
|
|
| 838 |
&.txt { background:url(../images/icon-txt.png) no-repeat left center; }
|
|
| 839 |
&.pdf { background:url(../images/icon-pdf.png) no-repeat left center; }
|
|
| 840 |
} |
|
| 841 |
.size-col {
|
|
| 842 |
float:left; |
|
| 843 |
width:10%; |
|
| 844 |
} |
|
| 845 |
.date-col {
|
|
| 846 |
float:left; |
|
| 847 |
width:20%; |
|
| 848 |
} |
|
| 849 |
.actions-col {
|
|
| 850 |
float:left; |
|
| 851 |
width:30%; |
|
| 852 |
visibility: hidden; |
|
| 853 |
|
|
| 854 |
a {
|
|
| 855 |
color: $secondary-color; |
|
| 856 |
margin-right: 10px; |
|
| 857 |
&:hover { color:$primary-color;}
|
|
| 858 |
|
|
| 859 |
} |
|
| 860 |
} |
|
| 861 |
&:hover {
|
|
| 862 |
border-color:$secondary-color; |
|
| 863 |
.actions-col { visibility:visible;}
|
|
| 864 |
} |
|
| 865 |
&.titles {
|
|
| 866 |
color:$primary-color; |
|
| 867 |
.name-col { padding-left:0; }
|
|
| 868 |
&:hover {
|
|
| 869 |
border-color:transparent; |
|
| 870 |
} |
|
| 871 |
} |
|
| 872 |
} |
|
| 873 |
} |
|
| 874 |
.breadcrumbs {
|
|
| 875 |
li:first-child {
|
|
| 876 |
font-weight:bold; |
|
| 877 |
a {
|
|
| 878 |
color:$black; |
|
| 879 |
&:hover {
|
|
| 880 |
color:$secondary-color; |
|
| 881 |
} |
|
| 882 |
} |
|
| 883 |
} |
|
| 884 |
a:hover {
|
|
| 885 |
color: $secondary-color; |
|
| 886 |
} |
|
| 887 |
} |
|
| 888 |
} |
|
| 889 |
|
|
| 890 |
.progress-bar {
|
|
| 891 |
position: fixed; |
|
| 892 |
bottom:0; |
|
| 893 |
left:0; |
|
| 894 |
border-top:1px solid $secondary-color; |
|
| 895 |
width:100%; |
|
| 896 |
background:#fff; |
|
| 897 |
padding:20px 0 20px 310px; |
|
| 898 |
color:$primary-color; |
|
| 899 |
span.counter {
|
|
| 900 |
display: inline-block; |
|
| 901 |
margin-right:20px; |
|
| 902 |
float:left; |
|
| 903 |
} |
|
| 904 |
a:hover {
|
|
| 905 |
color:$secondary-color; |
|
| 906 |
} |
|
| 907 |
div.progress-wrap {
|
|
| 908 |
display:inline-block; |
|
| 909 |
float:left; |
|
| 910 |
width:40%; |
|
| 911 |
margin-right:60px; |
|
| 912 |
.progress {
|
|
| 913 |
position: relative; |
|
| 914 |
top:2px; |
|
| 915 |
} |
|
| 916 |
} |
|
| 917 |
span.more {
|
|
| 918 |
display: inline-block; |
|
| 919 |
} |
|
| 920 |
} |
|
| 921 |
|
|
| 922 |
.overlay-wrapper {
|
|
| 923 |
position: relative; |
|
| 924 |
|
|
| 925 |
.overlay-area {
|
|
| 926 |
display:none; |
|
| 927 |
position:absolute; |
|
| 928 |
left:0; |
|
| 929 |
right:0; |
|
| 930 |
top:0; |
|
| 931 |
width:100%; |
|
| 932 |
height:100%; |
|
| 933 |
background:$secondary-color; |
|
| 934 |
z-index:20; |
|
| 935 |
} |
|
| 936 |
.close {
|
|
| 937 |
position: absolute; |
|
| 938 |
right:$header-padding-horizontal; |
|
| 939 |
top:50px; |
|
| 940 |
@include sprite('../images/info-close.png', 31px, 30px);
|
|
| 941 |
} |
|
| 942 |
.overlay-div {
|
|
| 943 |
display: none; |
|
| 944 |
z-index:100; |
|
| 945 |
position: relative; |
|
| 946 |
} |
|
| 947 |
} |
|
| 948 |
|
|
| 949 |
.upload-widget {
|
|
| 950 |
padding:45px 0; |
|
| 951 |
width:60%; |
|
| 952 |
border:1px solid white; |
|
| 953 |
margin:50px auto; |
|
| 954 |
text-align:center; |
|
| 955 |
h2, a{
|
|
| 956 |
color:#fff; |
|
| 957 |
} |
|
| 958 |
.btns {
|
|
| 959 |
a {
|
|
| 960 |
@extend .btn3; |
|
| 961 |
margin:0 10px; |
|
| 962 |
} |
|
| 963 |
} |
|
| 964 |
.breadcrumbs {
|
|
| 965 |
*, & > *:before ,li a:first-child, a:hover, li a:first-child:hover {
|
|
| 966 |
color:#fff; |
|
| 967 |
} |
|
| 968 |
a:hover {
|
|
| 969 |
text-decoration:underline; |
|
| 970 |
} |
|
| 971 |
|
|
| 972 |
display: inline-block; |
|
| 973 |
} |
|
| 974 |
} |
|
| 975 |
|
|
| 976 |
|
|
| 977 |
|
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 2482 | 2482 |
textarea {
|
| 2483 | 2483 |
background-color: white; |
| 2484 | 2484 |
font-family: inherit; |
| 2485 |
border: 1px solid #cccccc;
|
|
| 2485 |
border: 1px solid #919194;
|
|
| 2486 | 2486 |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| 2487 | 2487 |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
| 2488 | 2488 |
color: rgba(0, 0, 0, 0.75); |
| ... | ... | |
| 5505 | 5505 |
/* line 115, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_breadcrumbs.scss */ |
| 5506 | 5506 |
.breadcrumbs {
|
| 5507 | 5507 |
display: block; |
| 5508 |
padding: 0.5625em 0.875em 0.5625em;
|
|
| 5508 |
padding: 0 0.875em 0.5625em; |
|
| 5509 | 5509 |
overflow: hidden; |
| 5510 | 5510 |
margin-left: 0; |
| 5511 | 5511 |
list-style: none; |
| 5512 | 5512 |
border-style: solid; |
| 5513 | 5513 |
border-width: 1px; |
| 5514 |
background-color: #ff95bc;
|
|
| 5515 |
border-color: #ff629c;
|
|
| 5514 |
background-color: transparent;
|
|
| 5515 |
border-color: transparent;
|
|
| 5516 | 5516 |
-webkit-border-radius: 1px; |
| 5517 | 5517 |
border-radius: 1px; |
| 5518 | 5518 |
} |
| ... | ... | |
| 5520 | 5520 |
.breadcrumbs > * {
|
| 5521 | 5521 |
margin: 0; |
| 5522 | 5522 |
float: left; |
| 5523 |
font-size: 0.6875em;
|
|
| 5524 |
text-transform: uppercase;
|
|
| 5523 |
font-size: inherit;
|
|
| 5524 |
text-transform: none;
|
|
| 5525 | 5525 |
} |
| 5526 | 5526 |
/* line 60, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_breadcrumbs.scss */ |
| 5527 | 5527 |
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
|
| 5528 |
text-decoration: underline;
|
|
| 5528 |
text-decoration: none;
|
|
| 5529 | 5529 |
} |
| 5530 | 5530 |
/* line 63, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_breadcrumbs.scss */ |
| 5531 | 5531 |
.breadcrumbs > * a, |
| 5532 | 5532 |
.breadcrumbs > * span {
|
| 5533 |
text-transform: uppercase;
|
|
| 5533 |
text-transform: none;
|
|
| 5534 | 5534 |
color: #919194; |
| 5535 | 5535 |
} |
| 5536 | 5536 |
/* line 69, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_breadcrumbs.scss */ |
| ... | ... | |
| 5564 | 5564 |
} |
| 5565 | 5565 |
/* line 96, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_breadcrumbs.scss */ |
| 5566 | 5566 |
.breadcrumbs > *:before {
|
| 5567 |
content: "/";
|
|
| 5567 |
content: ">";
|
|
| 5568 | 5568 |
color: #aaaaaa; |
| 5569 | 5569 |
margin: 0 0.75em; |
| 5570 | 5570 |
position: relative; |
| ... | ... | |
| 6117 | 6117 |
/* line 50, ../../../../../../../../../.rvm/gems/ruby-2.0.0-p247/gems/zurb-foundation-4.3.0/scss/foundation/components/_progress-bars.scss */ |
| 6118 | 6118 |
.progress {
|
| 6119 | 6119 |
background-color: transparent; |
| 6120 |
height: 1.5625em;
|
|
| 6120 |
height: 0.9375em;
|
|
| 6121 | 6121 |
border: 1px solid #cccccc; |
| 6122 | 6122 |
padding: 0.125em; |
| 6123 | 6123 |
margin-bottom: 0.625em; |
| ... | ... | |
| 6788 | 6788 |
} |
| 6789 | 6789 |
|
| 6790 | 6790 |
/* line 48, ../sass/app.scss */ |
| 6791 |
.clearfix:before, |
|
| 6792 |
.clearfix:after {
|
|
| 6791 |
.clearfix:before, .storage .files li:before, |
|
| 6792 |
.clearfix:after, |
|
| 6793 |
.storage .files li:after {
|
|
| 6793 | 6794 |
content: " "; |
| 6794 | 6795 |
display: block; |
| 6795 | 6796 |
height: 0; |
| ... | ... | |
| 6798 | 6799 |
|
| 6799 | 6800 |
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */ |
| 6800 | 6801 |
/* line 49, ../sass/app.scss */ |
| 6801 |
.clearfix:after {
|
|
| 6802 |
.clearfix:after, .storage .files li:after {
|
|
| 6802 | 6803 |
clear: both; |
| 6803 | 6804 |
} |
| 6804 | 6805 |
|
| 6805 | 6806 |
/* line 87, ../sass/app.scss */ |
| 6806 |
.btn1, .btn2, .btn3, .create-vm .select-flavor dl dt span, .btn4, .header .new-btn a, .details .top .actions ul li a {
|
|
| 6807 |
.btn1, .btn2, .btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a, .btn4, .header .new-btn a, .details .top .actions ul li a {
|
|
| 6807 | 6808 |
border: 1px solid #919194; |
| 6808 | 6809 |
color: #919194; |
| 6809 | 6810 |
display: inline-block; |
| ... | ... | |
| 6812 | 6813 |
text-align: center; |
| 6813 | 6814 |
} |
| 6814 | 6815 |
/* line 95, ../sass/app.scss */ |
| 6815 |
.btn1:hover, .btn2:hover, .btn3:hover, .create-vm .select-flavor dl dt span:hover, .btn4:hover, .header .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .current.btn4, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6816 |
.btn1:hover, .btn2:hover, .btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn4:hover, .header .new-btn a:hover, .details .top .actions ul li a:hover, .btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6816 | 6817 |
border-color: #ff7bac; |
| 6817 | 6818 |
background: #ff7bac; |
| 6818 | 6819 |
color: white; |
| 6819 | 6820 |
} |
| 6820 | 6821 |
/* line 100, ../sass/app.scss */ |
| 6821 |
.btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .current.btn4, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6822 |
.btn1.current, .current.btn2, .current.btn3, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current, .current.btn4, .header .new-btn a.current, .details .top .actions ul li a.current {
|
|
| 6822 | 6823 |
cursor: default; |
| 6823 | 6824 |
} |
| 6824 | 6825 |
|
| ... | ... | |
| 6835 | 6836 |
} |
| 6836 | 6837 |
|
| 6837 | 6838 |
/* line 119, ../sass/app.scss */ |
| 6838 |
.btn3, .create-vm .select-flavor dl dt span {
|
|
| 6839 |
.btn3, .create-vm .select-flavor dl dt span, .upload-widget .btns a {
|
|
| 6839 | 6840 |
color: white; |
| 6840 | 6841 |
border-color: white; |
| 6841 | 6842 |
} |
| 6842 | 6843 |
/* line 124, ../sass/app.scss */ |
| 6843 |
.btn3:hover, .create-vm .select-flavor dl dt span:hover, .btn3.current, .create-vm .select-flavor dl dt span.current {
|
|
| 6844 |
.btn3:hover, .create-vm .select-flavor dl dt span:hover, .upload-widget .btns a:hover, .btn3.current, .create-vm .select-flavor dl dt span.current, .upload-widget .btns a.current {
|
|
| 6844 | 6845 |
color: #ff7bac; |
| 6845 | 6846 |
background: white; |
| 6846 | 6847 |
border-color: white; |
| ... | ... | |
| 6880 | 6881 |
} |
| 6881 | 6882 |
/* line 159, ../sass/app.scss */ |
| 6882 | 6883 |
.dummy-navigation a {
|
| 6883 |
color: black;
|
|
| 6884 |
color: #333333;
|
|
| 6884 | 6885 |
} |
| 6885 | 6886 |
/* line 161, ../sass/app.scss */ |
| 6886 | 6887 |
.dummy-navigation a:hover {
|
| ... | ... | |
| 7055 | 7056 |
.top-info {
|
| 7056 | 7057 |
padding: 50px 100px; |
| 7057 | 7058 |
position: relative; |
| 7059 |
z-index: 10; |
|
| 7058 | 7060 |
display: none; |
| 7059 | 7061 |
} |
| 7060 |
/* line 303, ../sass/app.scss */
|
|
| 7062 |
/* line 304, ../sass/app.scss */
|
|
| 7061 | 7063 |
.top-info .close {
|
| 7062 | 7064 |
position: absolute; |
| 7063 | 7065 |
right: 2.5em; |
| ... | ... | |
| 7070 | 7072 |
overflow: hidden; |
| 7071 | 7073 |
} |
| 7072 | 7074 |
|
| 7073 |
/* line 312, ../sass/app.scss */
|
|
| 7075 |
/* line 313, ../sass/app.scss */
|
|
| 7074 | 7076 |
.info.error {
|
| 7075 | 7077 |
background: #ff5c58; |
| 7076 | 7078 |
color: white; |
| 7077 | 7079 |
} |
| 7078 | 7080 |
|
| 7079 |
/* line 318, ../sass/app.scss */
|
|
| 7081 |
/* line 319, ../sass/app.scss */
|
|
| 7080 | 7082 |
.info.alert {
|
| 7081 | 7083 |
background: #ff7bac; |
| 7082 | 7084 |
color: white; |
| 7083 | 7085 |
} |
| 7084 | 7086 |
|
| 7085 |
/* line 323, ../sass/app.scss */
|
|
| 7087 |
/* line 324, ../sass/app.scss */
|
|
| 7086 | 7088 |
.info.warning {
|
| 7087 | 7089 |
background: #919194; |
| 7088 | 7090 |
color: white; |
| 7089 | 7091 |
} |
| 7090 | 7092 |
|
| 7091 |
/* line 328, ../sass/app.scss */
|
|
| 7093 |
/* line 329, ../sass/app.scss */
|
|
| 7092 | 7094 |
.info.success {
|
| 7093 | 7095 |
background: #00a551; |
| 7094 | 7096 |
color: white; |
| 7095 | 7097 |
} |
| 7096 | 7098 |
|
| 7097 |
/* line 334, ../sass/app.scss */
|
|
| 7099 |
/* line 335, ../sass/app.scss */
|
|
| 7098 | 7100 |
.items-list {
|
| 7099 | 7101 |
padding: 25px 0; |
| 7100 | 7102 |
} |
| 7101 |
/* line 336, ../sass/app.scss */
|
|
| 7103 |
/* line 337, ../sass/app.scss */
|
|
| 7102 | 7104 |
.items-list li {
|
| 7103 | 7105 |
text-align: center; |
| 7104 | 7106 |
padding: 20px; |
| 7105 | 7107 |
list-style: none; |
| 7106 | 7108 |
} |
| 7107 |
/* line 341, ../sass/app.scss */
|
|
| 7109 |
/* line 342, ../sass/app.scss */
|
|
| 7108 | 7110 |
.items-list li .add-new a {
|
| 7109 | 7111 |
margin: 0 20px; |
| 7110 | 7112 |
display: block; |
| ... | ... | |
| 7113 | 7115 |
padding: 65px 30px 15px; |
| 7114 | 7116 |
border: 1px dashed #919194; |
| 7115 | 7117 |
} |
| 7116 |
/* line 348, ../sass/app.scss */
|
|
| 7118 |
/* line 349, ../sass/app.scss */
|
|
| 7117 | 7119 |
.items-list li .add-new a:hover {
|
| 7118 | 7120 |
border-color: #ff7bac; |
| 7119 | 7121 |
color: #ff7bac; |
| 7120 | 7122 |
} |
| 7121 |
/* line 354, ../sass/app.scss */
|
|
| 7123 |
/* line 355, ../sass/app.scss */
|
|
| 7122 | 7124 |
.items-list li .img-wrap {
|
| 7123 | 7125 |
height: 78px; |
| 7124 | 7126 |
} |
| 7125 |
/* line 357, ../sass/app.scss */
|
|
| 7127 |
/* line 358, ../sass/app.scss */
|
|
| 7126 | 7128 |
.items-list li .img {
|
| 7127 | 7129 |
margin-bottom: 20px; |
| 7128 | 7130 |
position: relative; |
| 7129 | 7131 |
height: 58px; |
| 7130 | 7132 |
} |
| 7131 |
/* line 362, ../sass/app.scss */
|
|
| 7133 |
/* line 363, ../sass/app.scss */
|
|
| 7132 | 7134 |
.items-list li .container {
|
| 7133 | 7135 |
border: 1px solid transparent; |
| 7134 | 7136 |
margin: 0 20px; |
| 7135 | 7137 |
padding: 25px 0; |
| 7136 | 7138 |
position: relative; |
| 7137 | 7139 |
} |
| 7138 |
/* line 363, ../sass/app.scss */
|
|
| 7140 |
/* line 364, ../sass/app.scss */
|
|
| 7139 | 7141 |
.items-list li .container.set-bg {
|
| 7140 | 7142 |
background: #f3f3f4; |
| 7141 | 7143 |
} |
| 7142 |
/* line 364, ../sass/app.scss */
|
|
| 7144 |
/* line 365, ../sass/app.scss */
|
|
| 7143 | 7145 |
.items-list li .container.set-border {
|
| 7144 | 7146 |
border-color: #ff7bac; |
| 7145 | 7147 |
} |
| 7146 |
/* line 369, ../sass/app.scss */
|
|
| 7148 |
/* line 370, ../sass/app.scss */
|
|
| 7147 | 7149 |
.items-list li .container .options {
|
| 7148 | 7150 |
width: 100%; |
| 7149 | 7151 |
text-align: center; |
| ... | ... | |
| 7153 | 7155 |
display: none; |
| 7154 | 7156 |
z-index: 1; |
| 7155 | 7157 |
} |
| 7156 |
/* line 377, ../sass/app.scss */
|
|
| 7158 |
/* line 378, ../sass/app.scss */
|
|
| 7157 | 7159 |
.items-list li .container .options .wrap {
|
| 7158 | 7160 |
height: 100%; |
| 7159 | 7161 |
padding: 25px 25px 0; |
| 7160 | 7162 |
text-align: left; |
| 7161 | 7163 |
} |
| 7162 |
/* line 381, ../sass/app.scss */
|
|
| 7164 |
/* line 382, ../sass/app.scss */
|
|
| 7163 | 7165 |
.items-list li .container .options .wrap a {
|
| 7164 | 7166 |
font-size: 1.6875em; |
| 7165 | 7167 |
display: inline-block; |
| ... | ... | |
| 7168 | 7170 |
margin-bottom: 10px; |
| 7169 | 7171 |
font-weight: bold; |
| 7170 | 7172 |
} |
| 7171 |
/* line 389, ../sass/app.scss */
|
|
| 7173 |
/* line 390, ../sass/app.scss */
|
|
| 7172 | 7174 |
.items-list li .container .options .wrap a:hover {
|
| 7173 | 7175 |
color: #ff7bac; |
| 7174 | 7176 |
} |
| 7175 |
/* line 396, ../sass/app.scss */
|
|
| 7177 |
/* line 397, ../sass/app.scss */
|
|
| 7176 | 7178 |
.items-list li .check {
|
| 7177 | 7179 |
position: absolute; |
| 7178 | 7180 |
right: 10px; |
| ... | ... | |
| 7183 | 7185 |
cursor: pointer; |
| 7184 | 7186 |
z-index: 10; |
| 7185 | 7187 |
} |
| 7186 |
/* line 406, ../sass/app.scss */
|
|
| 7188 |
/* line 407, ../sass/app.scss */
|
|
| 7187 | 7189 |
.items-list li .check span {
|
| 7188 | 7190 |
position: relative; |
| 7189 | 7191 |
z-index: 10; |
| 7190 | 7192 |
} |
| 7191 |
/* line 407, ../sass/app.scss */
|
|
| 7193 |
/* line 408, ../sass/app.scss */
|
|
| 7192 | 7194 |
.items-list li .check.active {
|
| 7193 | 7195 |
color: #ff7bac; |
| 7194 | 7196 |
} |
| 7195 |
/* line 411, ../sass/app.scss */
|
|
| 7197 |
/* line 412, ../sass/app.scss */
|
|
| 7196 | 7198 |
.items-list li .visible-info {
|
| 7197 | 7199 |
margin: 0 25px; |
| 7198 | 7200 |
position: relative; |
| 7199 | 7201 |
color: #919194; |
| 7200 | 7202 |
overflow: hidden; |
| 7201 | 7203 |
} |
| 7202 |
/* line 416, ../sass/app.scss */
|
|
| 7204 |
/* line 417, ../sass/app.scss */
|
|
| 7203 | 7205 |
.items-list li .visible-info span {
|
| 7204 | 7206 |
display: block; |
| 7205 | 7207 |
position: relative; |
| 7206 | 7208 |
} |
| 7207 |
/* line 417, ../sass/app.scss */
|
|
| 7209 |
/* line 418, ../sass/app.scss */
|
|
| 7208 | 7210 |
.items-list li .visible-info span.title {
|
| 7209 | 7211 |
white-space: nowrap; |
| 7210 | 7212 |
} |
| 7211 |
/* line 422, ../sass/app.scss */
|
|
| 7213 |
/* line 423, ../sass/app.scss */
|
|
| 7212 | 7214 |
.items-list li .visible-info span em {
|
| 7213 | 7215 |
font-style: normal; |
| 7214 | 7216 |
position: relative; |
| 7215 | 7217 |
} |
| 7216 | 7218 |
|
| 7217 |
/* line 433, ../sass/app.scss */
|
|
| 7219 |
/* line 434, ../sass/app.scss */
|
|
| 7218 | 7220 |
.lt-sidebar {
|
| 7219 | 7221 |
margin-top: 43px; |
| 7220 | 7222 |
overflow: scroll; |
| 7221 | 7223 |
height: 300px; |
| 7222 | 7224 |
font-size: 0.75em; |
| 7223 | 7225 |
} |
| 7224 |
/* line 438, ../sass/app.scss */
|
|
| 7226 |
/* line 439, ../sass/app.scss */
|
|
| 7225 | 7227 |
.lt-sidebar .items-list {
|
| 7226 | 7228 |
padding: 0; |
| 7227 | 7229 |
} |
| 7228 |
/* line 442, ../sass/app.scss */
|
|
| 7230 |
/* line 443, ../sass/app.scss */
|
|
| 7229 | 7231 |
.lt-sidebar .items-list li .img, |
| 7230 | 7232 |
.lt-sidebar .items-list li .os {
|
| 7231 | 7233 |
background-size: 80%; |
| 7232 | 7234 |
} |
| 7233 |
/* line 445, ../sass/app.scss */
|
|
| 7235 |
/* line 446, ../sass/app.scss */
|
|
| 7234 | 7236 |
.lt-sidebar .items-list li .img .os {
|
| 7235 | 7237 |
top: 10px; |
| 7236 | 7238 |
} |
| 7237 |
/* line 448, ../sass/app.scss */
|
|
| 7239 |
/* line 449, ../sass/app.scss */
|
|
| 7238 | 7240 |
.lt-sidebar li:hover {
|
| 7239 | 7241 |
background: #ebebec; |
| 7240 | 7242 |
} |
| 7241 |
/* line 451, ../sass/app.scss */
|
|
| 7243 |
/* line 452, ../sass/app.scss */
|
|
| 7242 | 7244 |
.lt-sidebar li.current {
|
| 7243 | 7245 |
background: #dfdfdf; |
| 7244 | 7246 |
cursor: pointer; |
| 7245 | 7247 |
} |
| 7246 |
/* line 457, ../sass/app.scss */
|
|
| 7248 |
/* line 458, ../sass/app.scss */
|
|
| 7247 | 7249 |
.lt-sidebar .jspDrag {
|
| 7248 | 7250 |
background-color: #919194; |
| 7249 | 7251 |
} |
| 7250 |
/* line 460, ../sass/app.scss */
|
|
| 7252 |
/* line 461, ../sass/app.scss */
|
|
| 7251 | 7253 |
.lt-sidebar .jspVerticalBar {
|
| 7252 | 7254 |
width: 10px; |
| 7253 | 7255 |
right: 4px; |
| 7254 | 7256 |
} |
| 7255 |
/* line 464, ../sass/app.scss */
|
|
| 7257 |
/* line 465, ../sass/app.scss */
|
|
| 7256 | 7258 |
.lt-sidebar .jspTrack {
|
| 7257 | 7259 |
background: white; |
| 7258 | 7260 |
border: 1px solid #919194; |
| 7259 | 7261 |
border-top: 1px solid #c5c5c6; |
| 7260 | 7262 |
} |
| 7261 | 7263 |
|
| 7262 |
/* line 475, ../sass/app.scss */
|
|
| 7264 |
/* line 476, ../sass/app.scss */
|
|
| 7263 | 7265 |
.vms .items-list .img {
|
| 7264 | 7266 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7265 | 7267 |
width: 56px; |
| ... | ... | |
| 7268 | 7270 |
text-indent: -2000px; |
| 7269 | 7271 |
overflow: hidden; |
| 7270 | 7272 |
} |
| 7271 |
/* line 478, ../sass/app.scss */
|
|
| 7273 |
/* line 479, ../sass/app.scss */
|
|
| 7272 | 7274 |
.vms .items-list .img.stopped {
|
| 7273 | 7275 |
background-image: url("../images/vm-stopped.png");
|
| 7274 | 7276 |
} |
| 7275 |
/* line 481, ../sass/app.scss */
|
|
| 7277 |
/* line 482, ../sass/app.scss */
|
|
| 7276 | 7278 |
.vms .items-list .img .os {
|
| 7277 | 7279 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7278 | 7280 |
width: 22px; |
| ... | ... | |
| 7284 | 7286 |
top: 8px; |
| 7285 | 7287 |
left: 18px; |
| 7286 | 7288 |
} |
| 7287 |
/* line 486, ../sass/app.scss */
|
|
| 7289 |
/* line 487, ../sass/app.scss */
|
|
| 7288 | 7290 |
.vms .items-list .img .os.windows {
|
| 7289 | 7291 |
background-image: url("../images/os-windows.png");
|
| 7290 | 7292 |
} |
| 7291 |
/* line 487, ../sass/app.scss */
|
|
| 7293 |
/* line 488, ../sass/app.scss */
|
|
| 7292 | 7294 |
.vms .items-list .img .os.kubuntu {
|
| 7293 | 7295 |
background-image: url("../images/os-kubuntu.png");
|
| 7294 | 7296 |
} |
| 7295 |
/* line 488, ../sass/app.scss */
|
|
| 7297 |
/* line 489, ../sass/app.scss */
|
|
| 7296 | 7298 |
.vms .items-list .img .os.fedora {
|
| 7297 | 7299 |
background-image: url("../images/os-fedora.png");
|
| 7298 | 7300 |
} |
| 7299 | 7301 |
|
| 7300 |
/* line 497, ../sass/app.scss */
|
|
| 7302 |
/* line 498, ../sass/app.scss */
|
|
| 7301 | 7303 |
.vm .top .img {
|
| 7302 | 7304 |
background: url("../images/vm-on.png") no-repeat center center;
|
| 7303 | 7305 |
width: 112px; |
| ... | ... | |
| 7306 | 7308 |
text-indent: -2000px; |
| 7307 | 7309 |
overflow: hidden; |
| 7308 | 7310 |
} |
| 7309 |
/* line 500, ../sass/app.scss */
|
|
| 7311 |
/* line 501, ../sass/app.scss */
|
|
| 7310 | 7312 |
.vm .top.stopped {
|
| 7311 | 7313 |
background-image: url("../images/vm-stopped.png");
|
| 7312 | 7314 |
} |
| 7313 |
/* line 503, ../sass/app.scss */
|
|
| 7315 |
/* line 504, ../sass/app.scss */
|
|
| 7314 | 7316 |
.vm .top .os {
|
| 7315 | 7317 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7316 | 7318 |
width: 22px; |
| ... | ... | |
| 7325 | 7327 |
left: 36px; |
| 7326 | 7328 |
top: 16px; |
| 7327 | 7329 |
} |
| 7328 |
/* line 511, ../sass/app.scss */
|
|
| 7330 |
/* line 512, ../sass/app.scss */
|
|
| 7329 | 7331 |
.vm .top .os.windows {
|
| 7330 | 7332 |
background-image: url("../images/os-windows.png");
|
| 7331 | 7333 |
} |
| 7332 |
/* line 512, ../sass/app.scss */
|
|
| 7334 |
/* line 513, ../sass/app.scss */
|
|
| 7333 | 7335 |
.vm .top .os.kubuntu {
|
| 7334 | 7336 |
background-image: url("../images/os-kubuntu.png");
|
| 7335 | 7337 |
} |
| 7336 |
/* line 513, ../sass/app.scss */
|
|
| 7338 |
/* line 514, ../sass/app.scss */
|
|
| 7337 | 7339 |
.vm .top .os.fedora {
|
| 7338 | 7340 |
background-image: url("../images/os-fedora.png");
|
| 7339 | 7341 |
} |
| 7340 | 7342 |
|
| 7341 |
/* line 518, ../sass/app.scss */
|
|
| 7343 |
/* line 519, ../sass/app.scss */
|
|
| 7342 | 7344 |
.details {
|
| 7343 | 7345 |
position: relative; |
| 7344 | 7346 |
} |
| 7345 |
/* line 521, ../sass/app.scss */
|
|
| 7347 |
/* line 522, ../sass/app.scss */
|
|
| 7346 | 7348 |
.details .top {
|
| 7347 | 7349 |
padding: 100px 2.5em; |
| 7348 | 7350 |
text-align: center; |
| 7349 | 7351 |
} |
| 7350 |
/* line 524, ../sass/app.scss */
|
|
| 7352 |
/* line 525, ../sass/app.scss */
|
|
| 7351 | 7353 |
.details .top .img {
|
| 7352 | 7354 |
background-size: 100%; |
| 7353 | 7355 |
margin-bottom: 20px; |
| 7354 | 7356 |
position: relative; |
| 7355 | 7357 |
} |
| 7356 |
/* line 530, ../sass/app.scss */
|
|
| 7358 |
/* line 531, ../sass/app.scss */
|
|
| 7357 | 7359 |
.details .top .actions ul {
|
| 7358 | 7360 |
padding: 1em; |
| 7359 | 7361 |
text-align: center; |
| 7360 | 7362 |
} |
| 7361 |
/* line 533, ../sass/app.scss */
|
|
| 7363 |
/* line 534, ../sass/app.scss */
|
|
| 7362 | 7364 |
.details .top .actions ul li {
|
| 7363 | 7365 |
list-style: none outside none; |
| 7364 | 7366 |
display: inline-block; |
| 7365 | 7367 |
margin: 0 10px; |
| 7366 | 7368 |
min-width: 112px; |
| 7367 | 7369 |
} |
| 7368 |
/* line 548, ../sass/app.scss */
|
|
| 7370 |
/* line 549, ../sass/app.scss */
|
|
| 7369 | 7371 |
.details .info dl {
|
| 7370 | 7372 |
margin: 0; |
| 7371 | 7373 |
} |
| 7372 |
/* line 550, ../sass/app.scss */
|
|
| 7374 |
/* line 551, ../sass/app.scss */
|
|
| 7373 | 7375 |
.details .info dl dt {
|
| 7374 | 7376 |
display: inline-block; |
| 7375 | 7377 |
width: 25%; |
| 7376 | 7378 |
} |
| 7377 |
/* line 555, ../sass/app.scss */
|
|
| 7379 |
/* line 556, ../sass/app.scss */
|
|
| 7378 | 7380 |
.details .info dl dd {
|
| 7379 | 7381 |
width: 74%; |
| 7380 | 7382 |
display: inline-block; |
| 7381 | 7383 |
} |
| 7382 |
/* line 561, ../sass/app.scss */
|
|
| 7384 |
/* line 562, ../sass/app.scss */
|
|
| 7383 | 7385 |
.details .close {
|
| 7384 | 7386 |
position: absolute; |
| 7385 | 7387 |
right: 2.5em; |
| 7386 | 7388 |
top: 5.1875em; |
| 7387 | 7389 |
} |
| 7388 |
/* line 565, ../sass/app.scss */
|
|
| 7390 |
/* line 566, ../sass/app.scss */
|
|
| 7389 | 7391 |
.details .close span {
|
| 7390 | 7392 |
font-size: 2em; |
| 7391 | 7393 |
} |
| 7392 |
/* line 568, ../sass/app.scss */
|
|
| 7394 |
/* line 569, ../sass/app.scss */
|
|
| 7393 | 7395 |
.details .close:hover {
|
| 7394 | 7396 |
color: #ff7bac; |
| 7395 | 7397 |
} |
| 7396 | 7398 |
|
| 7397 |
/* line 578, ../sass/app.scss */
|
|
| 7399 |
/* line 579, ../sass/app.scss */
|
|
| 7398 | 7400 |
.border-bottom-style1 {
|
| 7399 | 7401 |
padding-bottom: 20px; |
| 7400 | 7402 |
margin-bottom: 20px; |
| 7401 | 7403 |
border-bottom: 1px dashed #919194; |
| 7402 | 7404 |
} |
| 7403 | 7405 |
|
| 7404 |
/* line 584, ../sass/app.scss */
|
|
| 7406 |
/* line 585, ../sass/app.scss */
|
|
| 7405 | 7407 |
.overlay {
|
| 7406 | 7408 |
background: #ff7bac; |
| 7407 | 7409 |
position: relative; |
| 7408 | 7410 |
z-index: 10; |
| 7409 | 7411 |
} |
| 7410 |
/* line 588, ../sass/app.scss */
|
|
| 7412 |
/* line 589, ../sass/app.scss */
|
|
| 7411 | 7413 |
.overlay .lt-sidebar {
|
| 7412 | 7414 |
border-right: 1px solid white; |
| 7413 | 7415 |
} |
| 7414 |
/* line 591, ../sass/app.scss */
|
|
| 7416 |
/* line 592, ../sass/app.scss */
|
|
| 7415 | 7417 |
.overlay .lt-sidebar ul li {
|
| 7416 | 7418 |
list-style: none outside none; |
| 7417 | 7419 |
} |
| 7418 |
/* line 593, ../sass/app.scss */
|
|
| 7420 |
/* line 594, ../sass/app.scss */
|
|
| 7419 | 7421 |
.overlay .lt-sidebar ul li a {
|
| 7420 | 7422 |
color: white; |
| 7421 | 7423 |
} |
| 7422 |
/* line 595, ../sass/app.scss */
|
|
| 7424 |
/* line 596, ../sass/app.scss */
|
|
| 7423 | 7425 |
.overlay .lt-sidebar ul li a span {
|
| 7424 | 7426 |
float: right; |
| 7425 | 7427 |
display: none; |
| 7426 | 7428 |
} |
| 7427 |
/* line 597, ../sass/app.scss */
|
|
| 7429 |
/* line 598, ../sass/app.scss */
|
|
| 7428 | 7430 |
.overlay .lt-sidebar ul li a:hover, .overlay .lt-sidebar ul li a.current {
|
| 7429 | 7431 |
text-decoration: none; |
| 7430 | 7432 |
} |
| 7431 |
/* line 600, ../sass/app.scss */
|
|
| 7433 |
/* line 601, ../sass/app.scss */
|
|
| 7432 | 7434 |
.overlay .lt-sidebar ul li a:hover span, .overlay .lt-sidebar ul li a.current span {
|
| 7433 | 7435 |
display: inline; |
| 7434 | 7436 |
} |
| 7435 |
/* line 611, ../sass/app.scss */
|
|
| 7437 |
/* line 612, ../sass/app.scss */
|
|
| 7436 | 7438 |
.overlay .lt-sidebar, |
| 7437 | 7439 |
.overlay .main {
|
| 7438 | 7440 |
padding: 100px 2.5em; |
| 7439 | 7441 |
position: relative; |
| 7440 | 7442 |
} |
| 7441 |
/* line 616, ../sass/app.scss */
|
|
| 7443 |
/* line 617, ../sass/app.scss */
|
|
| 7442 | 7444 |
.overlay .navigation .rt {
|
| 7443 | 7445 |
float: right; |
| 7444 | 7446 |
} |
| 7445 |
/* line 620, ../sass/app.scss */
|
|
| 7447 |
/* line 621, ../sass/app.scss */
|
|
| 7446 | 7448 |
.overlay .close {
|
| 7447 | 7449 |
position: absolute; |
| 7448 | 7450 |
right: 2.5em; |
| ... | ... | |
| 7455 | 7457 |
overflow: hidden; |
| 7456 | 7458 |
} |
| 7457 | 7459 |
|
| 7458 |
/* line 630, ../sass/app.scss */
|
|
| 7460 |
/* line 631, ../sass/app.scss */
|
|
| 7459 | 7461 |
.create-vm .select-os li {
|
| 7460 | 7462 |
width: 23%; |
| 7461 | 7463 |
padding: 20px; |
| ... | ... | |
| 7465 | 7467 |
height: 200px; |
| 7466 | 7468 |
margin: 0 10px 10px 0; |
| 7467 | 7469 |
} |
| 7468 |
/* line 639, ../sass/app.scss */
|
|
| 7470 |
/* line 640, ../sass/app.scss */
|
|
| 7469 | 7471 |
.create-vm .select-os li:hover, .create-vm .select-os li.selected {
|
| 7470 | 7472 |
background: white; |
| 7471 | 7473 |
} |
| 7472 |
/* line 641, ../sass/app.scss */
|
|
| 7474 |
/* line 642, ../sass/app.scss */
|
|
| 7473 | 7475 |
.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 {
|
| 7474 | 7476 |
color: #ff7bac; |
| 7475 | 7477 |
} |
| 7476 |
/* line 645, ../sass/app.scss */
|
|
| 7478 |
/* line 646, ../sass/app.scss */
|
|
| 7477 | 7479 |
.create-vm .select-os li a {
|
| 7478 | 7480 |
color: white; |
| 7479 | 7481 |
} |
| 7480 |
/* line 648, ../sass/app.scss */
|
|
| 7482 |
/* line 649, ../sass/app.scss */
|
|
| 7481 | 7483 |
.create-vm .select-os li .os {
|
| 7482 | 7484 |
background: url("../images/os-unknown.png") no-repeat center center;
|
| 7483 | 7485 |
width: 30px; |
| ... | ... | |
| 7488 | 7490 |
background-size: 100%; |
| 7489 | 7491 |
margin-bottom: 2em; |
| 7490 | 7492 |
} |
| 7491 |
/* line 652, ../sass/app.scss */
|
|
| 7493 |
/* line 653, ../sass/app.scss */
|
|
| 7492 | 7494 |
.create-vm .select-os li .os.windows {
|
| 7493 | 7495 |
background-image: url("../images/os-windows.png");
|
| 7494 | 7496 |
} |
| 7495 |
/* line 653, ../sass/app.scss */
|
|
| 7497 |
/* line 654, ../sass/app.scss */
|
|
| 7496 | 7498 |
.create-vm .select-os li .os.kubuntu {
|
| 7497 | 7499 |
background-image: url("../images/os-kubuntu.png");
|
| 7498 | 7500 |
} |
| 7499 |
/* line 654, ../sass/app.scss */
|
|
| 7501 |
/* line 655, ../sass/app.scss */
|
|
| 7500 | 7502 |
.create-vm .select-os li .os.fedora {
|
| 7501 | 7503 |
background-image: url("../images/os-fedora.png");
|
| 7502 | 7504 |
} |
| 7503 |
/* line 656, ../sass/app.scss */
|
|
| 7505 |
/* line 657, ../sass/app.scss */
|
|
| 7504 | 7506 |
.create-vm .select-os li h2 {
|
| 7505 | 7507 |
font-size: 1em; |
| 7506 | 7508 |
font-weight: normal; |
| 7507 | 7509 |
color: white; |
| 7508 | 7510 |
} |
| 7509 |
/* line 661, ../sass/app.scss */
|
|
| 7511 |
/* line 662, ../sass/app.scss */
|
|
| 7510 | 7512 |
.create-vm .select-os li .details {
|
| 7511 | 7513 |
font-weight: bold; |
| 7512 | 7514 |
font-size: 0.875em; |
| 7513 | 7515 |
} |
| 7514 |
/* line 668, ../sass/app.scss */
|
|
| 7516 |
/* line 669, ../sass/app.scss */
|
|
| 7515 | 7517 |
.create-vm .select-flavor dl {
|
| 7516 | 7518 |
color: white; |
| 7517 | 7519 |
font-size: 1.25em; |
| 7518 | 7520 |
margin-bottom: 10px; |
| 7519 | 7521 |
} |
| 7520 |
/* line 672, ../sass/app.scss */
|
|
| 7522 |
/* line 673, ../sass/app.scss */
|
|
| 7521 | 7523 |
.create-vm .select-flavor dl dd {
|
| 7522 | 7524 |
width: 23%; |
| 7523 | 7525 |
display: inline-block; |
| 7524 | 7526 |
} |
| 7525 |
/* line 676, ../sass/app.scss */
|
|
| 7527 |
/* line 677, ../sass/app.scss */
|
|
| 7526 | 7528 |
.create-vm .select-flavor dl dt {
|
| 7527 | 7529 |
width: 70%; |
| 7528 | 7530 |
display: inline-block; |
| 7529 | 7531 |
font-weight: normal; |
| 7530 | 7532 |
} |
| 7531 |
/* line 680, ../sass/app.scss */
|
|
| 7533 |
/* line 681, ../sass/app.scss */
|
|
| 7532 | 7534 |
.create-vm .select-flavor dl dt span {
|
| 7533 | 7535 |
min-width: 90px; |
| 7534 | 7536 |
margin: 0 10px; |
| 7535 | 7537 |
} |
| 7536 |
/* line 684, ../sass/app.scss */
|
|
| 7538 |
/* line 685, ../sass/app.scss */
|
|
| 7537 | 7539 |
.create-vm .select-flavor dl dt span:first-child {
|
| 7538 | 7540 |
margin-left: 0; |
| 7539 | 7541 |
} |
| 7540 | 7542 |
|
| 7541 |
/* line 694, ../sass/app.scss */
|
|
| 7543 |
/* line 695, ../sass/app.scss */
|
|
| 7542 | 7544 |
#vm-connect .info {
|
| 7543 | 7545 |
font-style: italic; |
| 7544 | 7546 |
font-size: 0.8125em; |
| 7545 | 7547 |
color: #9e9ea1; |
| 7546 | 7548 |
} |
| 7547 |
/* line 699, ../sass/app.scss */
|
|
| 7549 |
/* line 700, ../sass/app.scss */
|
|
| 7548 | 7550 |
#vm-connect .ssh {
|
| 7549 | 7551 |
text-align: center; |
| 7550 | 7552 |
} |
| 7551 |
/* line 701, ../sass/app.scss */
|
|
| 7553 |
/* line 702, ../sass/app.scss */
|
|
| 7552 | 7554 |
#vm-connect .ssh span {
|
| 7553 | 7555 |
padding: 10px 30px; |
| 7554 | 7556 |
background: #ff7bac; |
| 7555 | 7557 |
color: white; |
| 7556 | 7558 |
} |
| 7557 | 7559 |
|
| 7558 |
/* line 711, ../sass/app.scss */
|
|
| 7560 |
/* line 712, ../sass/app.scss */
|
|
| 7559 | 7561 |
.reveal-modal h3 {
|
| 7560 | 7562 |
font-size: 1em; |
| 7561 | 7563 |
} |
| 7562 |
/* line 714, ../sass/app.scss */
|
|
| 7564 |
/* line 715, ../sass/app.scss */
|
|
| 7563 | 7565 |
.reveal-modal a {
|
| 7564 | 7566 |
color: #ff7bac; |
| 7565 | 7567 |
} |
| 7566 |
/* line 716, ../sass/app.scss */
|
|
| 7568 |
/* line 717, ../sass/app.scss */
|
|
| 7567 | 7569 |
.reveal-modal a:hover {
|
| 7568 | 7570 |
text-decoration: underline; |
| 7569 | 7571 |
} |
| 7570 |
/* line 719, ../sass/app.scss */
|
|
| 7572 |
/* line 720, ../sass/app.scss */
|
|
| 7571 | 7573 |
.reveal-modal a.close-reveal-modal:hover {
|
| 7572 | 7574 |
text-decoration: none; |
| 7573 | 7575 |
color: #ff7bac; |
| 7574 | 7576 |
} |
| 7575 | 7577 |
|
| 7576 |
/* line 728, ../sass/app.scss */
|
|
| 7578 |
/* line 729, ../sass/app.scss */
|
|
| 7577 | 7579 |
.reveal-custom {
|
| 7578 | 7580 |
position: absolute; |
| 7579 | 7581 |
top: 100px; |
| ... | ... | |
| 7584 | 7586 |
display: none; |
| 7585 | 7587 |
} |
| 7586 | 7588 |
|
| 7587 |
/* line 740, ../sass/app.scss */
|
|
| 7589 |
/* line 741, ../sass/app.scss */
|
|
| 7588 | 7590 |
.details dl .editable {
|
| 7589 | 7591 |
position: relative; |
| 7590 | 7592 |
} |
| 7591 |
/* line 742, ../sass/app.scss */
|
|
| 7593 |
/* line 743, ../sass/app.scss */
|
|
| 7592 | 7594 |
.details dl .editable .input-txt {
|
| 7593 | 7595 |
display: inline-block; |
| 7596 |
margin-right: 6px; |
|
| 7594 | 7597 |
} |
| 7595 |
/* line 745, ../sass/app.scss */
|
|
| 7598 |
/* line 747, ../sass/app.scss */
|
|
| 7596 | 7599 |
.details dl .editable .editbuttons {
|
| 7597 | 7600 |
display: inline-block; |
| 7598 |
margin-left: 20px; |
|
| 7599 | 7601 |
} |
| 7600 |
/* line 759, ../sass/app.scss */ |
|
| 7602 |
/* line 749, ../sass/app.scss */ |
|
| 7603 |
.details dl .editable .editbuttons a {
|
|
| 7604 |
margin-right: 6px; |
|
Also available in: Unified diff