ganeti_web/static/css/content.css

   1 /* content.css */
   2 #content {float:left; width: 817px;}
   3 #content td.ram, td.disk {text-align:left !important;}
   4 #content td.actions { padding:5px 0 0 0;}
   5
   6 /**
   7  * Actions (buttons Delete, Shutdown, Start, Reboot)
   8  **/
   9 #actions.horizontal li {float: left;}
  10 #actions.horizontal .button {width:120px;}
  11
  12 /**
  13  * Overview/Status page
  14  */
  15 #errors_list h2, #usage_summary h2, #cluster_summary h2, #vm_summary h2,
  16 #administration h2 {
  17     border:1px solid #555;
  18     background-color:#888;
  19     color:#fff;
  20     padding: 5px 10px;
  21     font-size:11px;
  22     margin:40px 0 0 0;
  23     -moz-border-radius-topleft:5px;
  24     -moz-border-radius-topright:5px;
  25     -webkit-border-top-left-radius: 5px;
  26     -webkit-border-top-right-radius: 5px;
  27 }
  28 #usage_summary table, #cluster_summary table, #administration table,
  29 #vm_summary table {margin:0;}
  30
  31 /**
  32  * Errors, failures and administration links - status page
  33  **/
  34 #errors_list, #usage_summary, #administration { margin-top: 2em;}
  35 #errors_list h2 {background-color:#DB533B; border-color:#BC4631}
  36 #errors_list table {margin:0;}
  37 #errors_list div.Cluster {
  38     padding-left: 25px;
  39     background:url(/static/images/icons/cluster.png) no-repeat 4px -2px;
  40 }
  41 #errors_list div.VirtualMachine {
  42     padding-left: 25px;
  43     background:url(/static/images/icons/vm.png) no-repeat 4px -2px;
  44 }
  45 #errors_list div.Node {
  46     padding-left: 25px;
  47     background:url(/static/images/icons/node.png) no-repeat 4px -2px;
  48 }
  49
  50
  51 /*   User Profile   */
  52 #uprofile {margin: 0 auto 0 0; width: 50%;}
  53 #uprofile fieldset { margin-bottom:10px; padding:1em; }
  54 #uprofile fieldset h2 {margin-bottom:5px;}
  55 #uprofile fieldset p {padding-bottom:1.5ex;}
  56 #uprofile p label {width: 10.5em;}
  57 #uprofile input.submit {margin-left: 11em;}
  58
  59 /* Clusters */
  60 #quota {
  61     background:#eeeeee;
  62     border:1px solid #dddddd;
  63     margin:2em;
  64     padding: 1em;
  65     -moz-border-radius:5px;
  66     -webkit-border-radius:5px;
  67 }
  68 #quota p label {width:9em;}
  69
  70 /* Virtual Machines */
  71 #content .overview {width:75%; border-color:#eee;}
  72
  73 /*  Orphans */
  74 #orphans {margin:1em 0 0 1em;}
  75 #orphans li input {margin:0 1ex 0 0;}
  76
  77 #configuration {text-align: center;}
  78 #configuration form {margin: 0 auto 0 auto; max-width: 800px;}
  79 #configuration th {text-align: right;}
  80 #configuration td {text-align: left;}
  81 #configuration input[type="text"] {width: 30em;}
  82
  83 .info {
  84     background:#eeeeee;
  85     border:1px solid #dddddd;
  86     margin:20px 0 20px 0;
  87     padding:10px;
  88     -moz-border-radius:5px;
  89     -webkit-border-radius:5px;
  90 }
  91
  92
  93 ul#errors {color:#AD2E2E;}
  94 ul.errors {list-style:square;}
  95
  96
  97 div.deleting, a.deleting{background:url(/static/images/ajax-loader_small_transparent.gif) no-repeat;}
  98 div.icon_error {background:url(/static/images/icons/exclamation.png);}
  99 div.icon_running {background:url(/static/images/icons/check.png);}
 100 div.icon_stopped {background:url(/static/images/icons/stop.png);}
 101 div.icon_deleting {background:url(/static/images/icons/check_red.png);}
 102 .clear {background:url(/static/images/icons/cancel-disabled.png);}
 103
 104 .reboot {background:url(/static/images/icons/arrow_refresh.png) no-repeat;}
 105 .reinstall {background:url(/static/images/icons/arrow_refresh.png) no-repeat;}
 106 .shutdown {background:url(/static/images/icons/stop.png) no-repeat;}
 107 .startup {background:url(/static/images/icons/add.png) no-repeat;}
 108 .encrypt {background:url(/static/images/icons/lock_open.png) no-repeat;}
 109 .connect {background:url(/static/images/icons/disconnect.png) no-repeat;}
 110 .migrate {background:url(/static/images/icons/arrow_out.png) no-repeat;}
 111 .evacuate {background:url(/static/images/icons/arrow_out.png) no-repeat;}
 112 .redistribute-config {background:url(/static/images/icons/arrow_divide.png) no-repeat;}
 113 .modify {background:url(/static/images/icons/edit.png) no-repeat;}
 114 .check {background:url(/static/images/icons/check.png) no-repeat;}
 115 .xmark {background:url(/static/images/icons/cross.png) no-repeat;}
 116 .replace_disks {background:url(/static/images/icons/drive_go.png) no-repeat;}
 117 .popout {background:url(/static/images/icons/shape_move_forwards.png) no-repeat;}
 118 .export {background:url(/static/images/icons/disk.png) no-repeat; }
 119
 120 .reboot.disabled {background:url(/static/images/icons/arrow_refresh-disabled.png) no-repeat;}
 121 .reinstall.disabled {background:url(/static/images/icons/arrow_refresh-disabled.png) no-repeat;}
 122 .shutdown.disabled {background:url(/static/images/icons/stop-disabled.png) no-repeat;}
 123 .startup.disabled {background:url(/static/images/icons/add-disabled.png) no-repeat;}
 124 .encrypt.enabled {background:url(/static/images/icons/lock.png) no-repeat;}
 125 .connect.enabled {background:url(/static/images/icons/disconnect.png) no-repeat;}
 126 .migrate.disabled {background:url(/static/images/icons/arrow_out-disabled.png) no-repeat;}
 127 .evacuate.disabled {background:url(/static/images/icons/arrow_out-disabled.png) no-repeat;}
 128 .redistribute-config.disabled {background:url(/static/images/icons/arrow_divide-disabled.png) no-repeat;}
 129 .replace_disks.disabled {background:url(/static/images/icons/drive_go-disabled.png) no-repeat;}
 130 .modify.disabled {background:url(/static/images/icons/edit-disabled.png) no-repeat;}
 131
 132 .button {background-position: center;}
 133
 134 .button.popout {height:16px; width:0 !important; padding-right:1px; border: 0; background-color: transparent !important;}
 135
 136 .icon {
 137     background-repeat:no-repeat;
 138     height:16px;
 139     padding:0;
 140     width:16px;
 141 }
 142
 143 div.delete, div.edit, div.icon_error, .icon_running, .icon_stopped, .icon_deleting, .clear {
 144     background-repeat:no-repeat;
 145     height:16px;
 146     float:left;
 147     padding:0;
 148     width:16px;
 149 }
 150
 151 a.clear:hover {background:url(/static/images/icons/cancel.png) no-repeat !important;}
 152 .clear {cursor:pointer;}
 153
 154 .spinner {margin:0 auto; text-align:center; width:100px}
 155 .spinner image {display:block; margin:0 auto; width:32px;}
 156
 157
 158 /**
 159  * Messages
 160  **/
 161 #messages li {
 162     background-color:#c2e192;
 163     border: 1px solid #124612;
 164     color:#124612;
 165     font-weight:bold;
 166     font-size:110%;
 167     margin:20px auto 20px auto;
 168     padding: 10px 0 10px 0;
 169     text-align:center;
 170     width:700px;
 171 }
 172 #messages li.error {
 173     background-color:#ee9c98;
 174     border-color: #550000;
 175     color:#550000;
 176 }
 177 #messages li p {
 178     font-size:12px;
 179     font-weight:normal;
 180 }
 181
 182
 183 /**
 184  * Job Status Queue and Log
 185  **/
 186 #messages li.job {
 187     border-width:1px;
 188     padding:0;
 189 }
 190
 191 #messages li.job h3 {
 192     background: #C2E192 url(/static/images/ajax-loader_arrows.gif) no-repeat 5px 5px;
 193     padding: 5px 0 5px 25px;
 194     margin:0;
 195     text-align:left;
 196 }
 197 #messages li.job.error h3 {background: #ee9c98;}
 198 #messages li.job.error .scrollable {overflow:auto; display:inline-block;}
 199 #messages pre.error {text-align:left;}
 200 #messages .op_log {
 201     border-top:1px solid #124612;
 202     border-left:0;
 203     border-right:0;
 204     margin:0;
 205     padding: 10px;
 206     overflow:visible;
 207     display: inline-block;
 208 }
 209
 210 .scrollable .detector {
 211     width: inherit;
 212     height: 0px;
 213 }
 214
 215 #messages .op_log  li {
 216     border:0;
 217     background-color:inherit;
 218     color:black;
 219     font: 12px monospace;
 220     margin:0;
 221     padding:1px 0;
 222     text-align:left;
 223 }
 224 #messages a.clear {
 225     background:url(/static/images/icons/cancel.png);
 226     float:right;
 227     margin-right:5px;
 228 }
 229
 230 .ajax_form .submit {margin:10px auto 0 auto;}
 231 .ajax_form ul#errors li {
 232     color:#AD2E2E;
 233     list-style:square;
 234     margin: 0 0 10px 20px;}
 235
 236 .name {text-align:left;}
 237 tr.user td.name, tr.group td.name { padding-left:22px !important;}
 238 tr.user td.name {background:url(/static/images/icons/user.png) no-repeat 0 4px;}
 239 tr.group td.name {background:url(/static/images/icons/group.png) no-repeat 0 4px;}
 240
 241 .permissions a {}
 242 .permissions .none, .quota.default {font-style:italic;}
 243
 244 #vnc_errors {
 245     background-color: #ee9c98;
 246     border: 4px solid #ff8b87;
 247     padding: 10px;
 248     margin-bottom: 10px;
 249 }
 250
 251 .ui-tabs-panel {padding-left:0 !important; padding-right:0 !important;}
 252
 253
 254 /* No VNC tab */
 255 #encrypt_check {display:none;}
 256 #VNC_status_bar {background-color:#ddd; margin-top:5px; clear:both; width:812px;}
 257 #VNC_canvas {height:435px; width:812px;}
 258 #VNC_canvas.connected {background-color:#000; border: 5px solid black; height:inherit; width:inherit; }
 259
 260 /* object log */
 261 .object_log .timestamp {font-weight:bold; width:4em;}
 262 .object_log td {text-align:left !important;}
 263
 264 .header {
 265   padding-bottom: 12px;
 266 }
 267 .header h1 {
 268   clear: both;
 269   display: inline;
 270 }
 271 .header .button {
 272   float: right;
 273 }