[Kimchi-devel] [PATCH] Replace tab to 4 spaces
Aline Manera
alinefm at linux.vnet.ibm.com
Thu Dec 19 17:34:51 UTC 2013
From: Aline Manera <alinefm at br.ibm.com>
All py, css, js, tmpl and json files created by us must use 4 space for
indentation.
Imported files must keep as they are (such as those for jquery, novnc)
This patch was generated by the following command:
find . -name \*.py -o -name \*.json -o -name \*.css -o -name \*.js -o \
-name \*.tmpl | xargs -I @ sed -i s/\\t/" "/g @
Then imported files had changes reverted.
Signed-off-by: Aline Manera <alinefm at br.ibm.com>
---
plugins/sample/API.json | 90 +++---
src/kimchi/API.json | 416 +++++++++++++--------------
ui/css/theme-default/button.css | 490 ++++++++++++++++----------------
ui/css/theme-default/circle.css | 8 +-
ui/css/theme-default/form.css | 26 +-
ui/css/theme-default/framework.css | 10 +-
ui/css/theme-default/guest-edit.css | 48 ++--
ui/css/theme-default/list.css | 244 ++++++++--------
ui/css/theme-default/login-window.css | 8 +-
ui/css/theme-default/message.css | 158 +++++-----
ui/css/theme-default/nav-tree.css | 104 +++----
ui/css/theme-default/navbar.css | 50 ++--
ui/css/theme-default/popover.css | 124 ++++----
ui/css/theme-default/reset.css | 28 +-
ui/css/theme-default/storage.css | 40 +--
ui/css/theme-default/template-edit.css | 58 ++--
ui/css/theme-default/template.css | 78 ++---
ui/css/theme-default/template_add.css | 288 +++++++++----------
ui/css/theme-default/template_list.css | 288 +++++++++----------
ui/css/theme-default/tile-check.css | 22 +-
ui/css/theme-default/toolbar.css | 42 +--
ui/css/theme-default/topbar.css | 166 +++++------
ui/css/theme-default/window.css | 140 ++++-----
ui/js/dev.main.js | 8 +-
ui/js/src/kimchi.template_main.js | 2 +-
ui/pages/guest-add.html.tmpl | 120 ++++----
ui/pages/guest.html.tmpl | 78 ++---
ui/pages/kimchi-ui.html.tmpl | 40 +--
ui/pages/report-add.html.tmpl | 52 ++--
ui/pages/storagepool-add.html.tmpl | 144 +++++-----
ui/pages/tabs/guests.html.tmpl | 42 +--
ui/pages/tabs/host.html.tmpl | 220 +++++++-------
ui/pages/template-edit.html.tmpl | 182 ++++++------
33 files changed, 1907 insertions(+), 1907 deletions(-)
diff --git a/plugins/sample/API.json b/plugins/sample/API.json
index 58b6162..58d0969 100644
--- a/plugins/sample/API.json
+++ b/plugins/sample/API.json
@@ -1,47 +1,47 @@
{
- "$schema": "http://json-schema.org/draft-03/schema#",
- "title": "Plugin Sample API",
- "description": "Json schema for Kimchi's Sample Plugin API",
- "type": "object",
- "properties": {
- "rectangles_create": {
- "type": "object",
- "properties": {
- "name": {
- "description": "The name of the new rectangle instance",
- "type": "string",
- "required": true
- },
- "length": {
- "$ref": "#/definitions/positiveNumber",
- "required": true
- },
- "width": {
- "$ref": "#/definitions/positiveNumber",
- "required": true
- }
- }
- }
- },
- "circles_create": {
- "type": "object",
- "properties": {
- "name": {
- "description": "The name of the new circle instance",
- "type": "string",
- "required": true
- },
- "radius": {
- "$ref": "#/definitions/positiveNumber",
- "required": true
- }
- }
- },
- "definitions": {
- "positiveNumber": {
- "type": "number",
- "minimum": 0,
- "exclusiveMinimum": true
- }
- }
+ "$schema": "http://json-schema.org/draft-03/schema#",
+ "title": "Plugin Sample API",
+ "description": "Json schema for Kimchi's Sample Plugin API",
+ "type": "object",
+ "properties": {
+ "rectangles_create": {
+ "type": "object",
+ "properties": {
+ "name": {
+ "description": "The name of the new rectangle instance",
+ "type": "string",
+ "required": true
+ },
+ "length": {
+ "$ref": "#/definitions/positiveNumber",
+ "required": true
+ },
+ "width": {
+ "$ref": "#/definitions/positiveNumber",
+ "required": true
+ }
+ }
+ }
+ },
+ "circles_create": {
+ "type": "object",
+ "properties": {
+ "name": {
+ "description": "The name of the new circle instance",
+ "type": "string",
+ "required": true
+ },
+ "radius": {
+ "$ref": "#/definitions/positiveNumber",
+ "required": true
+ }
+ }
+ },
+ "definitions": {
+ "positiveNumber": {
+ "type": "number",
+ "minimum": 0,
+ "exclusiveMinimum": true
+ }
+ }
}
diff --git a/src/kimchi/API.json b/src/kimchi/API.json
index e364bcd..7b90826 100644
--- a/src/kimchi/API.json
+++ b/src/kimchi/API.json
@@ -1,210 +1,210 @@
{
- "$schema": "http://json-schema.org/draft-03/schema#",
- "title": "Kimchi API",
- "description": "Json schema for Kimchi API",
- "type": "object",
- "properties": {
- "vms_create": {
- "type": "object",
- "properties": {
- "name": {
- "description": "The name of the new VM",
- "type": "string"
- },
- "template": {
- "description": "The URI of a template to use when building a VM",
- "type": "string",
- "pattern": "^/templates/[^/]+/?$",
- "required": true
- },
- "storagepool": {
- "description": "Assign a specefic Storage Pool to the new VM",
- "type": "string",
- "pattern": "^/storagepools/[^/]+/?$"
- }
- }
- },
- "vm_update": {
- "type": "object",
- "properties": {
- "name": {
- "description": "New name of VM",
- "type": "string",
- "minLength": 1
- }
- }
- },
- "networks_create": {
- "type": "object",
- "properties": {
- "name": {
- "description": "The name of the new network",
- "type": "string",
- "minLength": 1,
- "required": true
- },
- "connection": {
- "description": "Specifies how this network should be connected to the other networks",
- "type": "string",
- "pattern": "^isolated|nat|bridge$",
- "required": true
- },
- "subnet": {
- "description": "Network segment in slash-separated format with ip address and prefix or netmask",
- "type": "string"
- },
- "interface": {
- "description": "The name of a network interface on the host",
- "type": "string"
- }
- }
- },
- "templates_create": {
- "type": "object",
- "properties": {
- "name": {
- "description": "The name of the template",
- "type": "string",
- "pattern": "^[^ ]+( +[^ ]+)*$",
- "minLength": 1
- },
- "icon": {
- "description": "The template icon path",
- "type": "string",
- "pattern": "^images/"
- },
- "os_distro": {
- "description": "Distribution name of the Operating System",
- "type": "string",
- "minLength": 1
- },
- "os_version": {
- "description": "Version of the Operating System",
- "type": "string",
- "minLength": 1
- },
- "cpus": {
- "description": "Number of CPUs for the template",
- "type": "integer",
- "minimum": 1
- },
- "memory": {
- "description": "Memory (MB) for the template",
- "type": "integer",
- "minimum": 512
- },
- "cdrom": {
- "description": "Path for cdrom",
- "type": "string",
- "pattern": "^((/)|(http)[s]?:|[t]?(ftp)[s]?:)+.*([.]iso)$",
- "required": true
- },
- "disks": {
- "description": "List of disks",
- "type": "array",
- "items": {
- "type": "object",
- "properties": {
- "index": {
- "description": "Index of the disk",
- "type": "integer",
- "minimum": 0
- },
- "size": {
- "description": "Size (GB) of the disk",
- "type": "number",
- "minimum": 1
- }
- }
- },
- "minItems": 1,
- "uniqueItems": true
- },
- "storagepool": {
- "description": "Location of the storage pool",
- "type": "string",
- "pattern": "^/storagepools/[^/]+/?$"
- },
- "folder": {
- "description": "Folder",
- "type": "array",
- "items": { "type": "string" }
- }
- },
- "additionalProperties": false
- },
- "template_update": {
- "type": "object",
- "properties": {
- "name": {
- "description": "The name of the template",
- "type": "string",
- "pattern": "^[^ ]+( +[^ ]+)*$",
- "minLength": 1
- },
- "icon": {
- "description": "The template icon path",
- "type": "string",
- "pattern": "^images/"
- },
- "os_distro": {
- "description": "Distribution name of the Operating System",
- "type": "string",
- "minLength": 1
- },
- "os_version": {
- "description": "Version of the Operating System",
- "type": "string",
- "minLength": 1
- },
- "cpus": {
- "description": "Number of CPUs for the template",
- "type": "integer",
- "minimum": 1
- },
- "memory": {
- "description": "Memory (MB) for the template",
- "type": "integer",
- "minimum": 512
- },
- "cdrom": {
- "description": "Path for cdrom",
- "type": "string",
- "pattern": "^((/)|(http)[s]?:|[t]?(ftp)[s]?:)+.*([.]iso)$"
- },
- "disks": {
- "description": "List of disks",
- "type": "array",
- "items": {
- "type": "object",
- "properties": {
- "index": {
- "description": "Index of the disk",
- "type": "integer",
- "minimum": 0
- },
- "size": {
- "description": "Size (GB) of the disk",
- "type": "number",
- "minimum": 1
- }
- }
- },
- "minItems": 1,
- "uniqueItems": true
- },
- "storagepool": {
- "description": "Location of the storage pool",
- "type": "string",
- "pattern": "^/storagepools/[^/]+/?$"
- },
- "folder": {
- "description": "Folder",
- "type": "array",
- "items": { "type": "string" }
- }
- },
- "additionalProperties": false
- }
- }
+ "$schema": "http://json-schema.org/draft-03/schema#",
+ "title": "Kimchi API",
+ "description": "Json schema for Kimchi API",
+ "type": "object",
+ "properties": {
+ "vms_create": {
+ "type": "object",
+ "properties": {
+ "name": {
+ "description": "The name of the new VM",
+ "type": "string"
+ },
+ "template": {
+ "description": "The URI of a template to use when building a VM",
+ "type": "string",
+ "pattern": "^/templates/[^/]+/?$",
+ "required": true
+ },
+ "storagepool": {
+ "description": "Assign a specefic Storage Pool to the new VM",
+ "type": "string",
+ "pattern": "^/storagepools/[^/]+/?$"
+ }
+ }
+ },
+ "vm_update": {
+ "type": "object",
+ "properties": {
+ "name": {
+ "description": "New name of VM",
+ "type": "string",
+ "minLength": 1
+ }
+ }
+ },
+ "networks_create": {
+ "type": "object",
+ "properties": {
+ "name": {
+ "description": "The name of the new network",
+ "type": "string",
+ "minLength": 1,
+ "required": true
+ },
+ "connection": {
+ "description": "Specifies how this network should be connected to the other networks",
+ "type": "string",
+ "pattern": "^isolated|nat|bridge$",
+ "required": true
+ },
+ "subnet": {
+ "description": "Network segment in slash-separated format with ip address and prefix or netmask",
+ "type": "string"
+ },
+ "interface": {
+ "description": "The name of a network interface on the host",
+ "type": "string"
+ }
+ }
+ },
+ "templates_create": {
+ "type": "object",
+ "properties": {
+ "name": {
+ "description": "The name of the template",
+ "type": "string",
+ "pattern": "^[^ ]+( +[^ ]+)*$",
+ "minLength": 1
+ },
+ "icon": {
+ "description": "The template icon path",
+ "type": "string",
+ "pattern": "^images/"
+ },
+ "os_distro": {
+ "description": "Distribution name of the Operating System",
+ "type": "string",
+ "minLength": 1
+ },
+ "os_version": {
+ "description": "Version of the Operating System",
+ "type": "string",
+ "minLength": 1
+ },
+ "cpus": {
+ "description": "Number of CPUs for the template",
+ "type": "integer",
+ "minimum": 1
+ },
+ "memory": {
+ "description": "Memory (MB) for the template",
+ "type": "integer",
+ "minimum": 512
+ },
+ "cdrom": {
+ "description": "Path for cdrom",
+ "type": "string",
+ "pattern": "^((/)|(http)[s]?:|[t]?(ftp)[s]?:)+.*([.]iso)$",
+ "required": true
+ },
+ "disks": {
+ "description": "List of disks",
+ "type": "array",
+ "items": {
+ "type": "object",
+ "properties": {
+ "index": {
+ "description": "Index of the disk",
+ "type": "integer",
+ "minimum": 0
+ },
+ "size": {
+ "description": "Size (GB) of the disk",
+ "type": "number",
+ "minimum": 1
+ }
+ }
+ },
+ "minItems": 1,
+ "uniqueItems": true
+ },
+ "storagepool": {
+ "description": "Location of the storage pool",
+ "type": "string",
+ "pattern": "^/storagepools/[^/]+/?$"
+ },
+ "folder": {
+ "description": "Folder",
+ "type": "array",
+ "items": { "type": "string" }
+ }
+ },
+ "additionalProperties": false
+ },
+ "template_update": {
+ "type": "object",
+ "properties": {
+ "name": {
+ "description": "The name of the template",
+ "type": "string",
+ "pattern": "^[^ ]+( +[^ ]+)*$",
+ "minLength": 1
+ },
+ "icon": {
+ "description": "The template icon path",
+ "type": "string",
+ "pattern": "^images/"
+ },
+ "os_distro": {
+ "description": "Distribution name of the Operating System",
+ "type": "string",
+ "minLength": 1
+ },
+ "os_version": {
+ "description": "Version of the Operating System",
+ "type": "string",
+ "minLength": 1
+ },
+ "cpus": {
+ "description": "Number of CPUs for the template",
+ "type": "integer",
+ "minimum": 1
+ },
+ "memory": {
+ "description": "Memory (MB) for the template",
+ "type": "integer",
+ "minimum": 512
+ },
+ "cdrom": {
+ "description": "Path for cdrom",
+ "type": "string",
+ "pattern": "^((/)|(http)[s]?:|[t]?(ftp)[s]?:)+.*([.]iso)$"
+ },
+ "disks": {
+ "description": "List of disks",
+ "type": "array",
+ "items": {
+ "type": "object",
+ "properties": {
+ "index": {
+ "description": "Index of the disk",
+ "type": "integer",
+ "minimum": 0
+ },
+ "size": {
+ "description": "Size (GB) of the disk",
+ "type": "number",
+ "minimum": 1
+ }
+ }
+ },
+ "minItems": 1,
+ "uniqueItems": true
+ },
+ "storagepool": {
+ "description": "Location of the storage pool",
+ "type": "string",
+ "pattern": "^/storagepools/[^/]+/?$"
+ },
+ "folder": {
+ "description": "Folder",
+ "type": "array",
+ "items": { "type": "string" }
+ }
+ },
+ "additionalProperties": false
+ }
+ }
}
diff --git a/ui/css/theme-default/button.css b/ui/css/theme-default/button.css
index e9354cf..c7ed3f6 100644
--- a/ui/css/theme-default/button.css
+++ b/ui/css/theme-default/button.css
@@ -21,57 +21,57 @@
/* Generated at http://colorzilla.com/gradient-editor/ */
.btn {
- display: inline-block;
- height: 42px;
- margin: 3px;
- vertical-align: top;
- border: 1px solid #aaa;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
- background: #ffffff;
- background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
- background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
- line-height: 42px;
- color: #333;
- font-size: 13px;
- text-shadow: -1px -1px 1px #aaa, 1px 1px 1px #fff;
- text-align: center;
- text-overflow: ellipsis;
- white-space: nowrap;
- cursor: pointer;
+ display: inline-block;
+ height: 42px;
+ margin: 3px;
+ vertical-align: top;
+ border: 1px solid #aaa;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
+ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
+ line-height: 42px;
+ color: #333;
+ font-size: 13px;
+ text-shadow: -1px -1px 1px #aaa, 1px 1px 1px #fff;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ cursor: pointer;
}
.btn:not([disabled]):hover {
- box-shadow: -2px -2px 2px #dadada, 2px 2px 2px #fff, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
- background: #d5d5d5;
- background: -moz-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(100%, #eeeeee));
- background: -webkit-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
- background: -o-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
- background: -ms-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
- background: linear-gradient(to bottom, #d5d5d5 0%, #eeeeee 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#eeeeee', GradientType=0);
+ box-shadow: -2px -2px 2px #dadada, 2px 2px 2px #fff, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
+ background: #d5d5d5;
+ background: -moz-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(100%, #eeeeee));
+ background: -webkit-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
+ background: -o-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
+ background: -ms-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%);
+ background: linear-gradient(to bottom, #d5d5d5 0%, #eeeeee 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#eeeeee', GradientType=0);
}
.btn:not([disabled]):active {
- box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px rgba(0, 0, 0, .25) inset, -3px -3px 3px white inset;
- background: #ffffff;
- background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
- background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
- background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
- background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
- background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
+ box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px rgba(0, 0, 0, .25) inset, -3px -3px 3px white inset;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
+ background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
}
.btn.loading {
@@ -84,321 +84,321 @@
}
.btn .text {
- padding: 0 10px;
+ padding: 0 10px;
}
.btn .icon {
- display: block;
- width: 42px;
- height: 42px;
+ display: block;
+ width: 42px;
+ height: 42px;
}
.btn.dropdown {
- text-align: left;
- position: relative;
- padding-right: 25px;
+ text-align: left;
+ position: relative;
+ padding-right: 25px;
}
.btn.dropdown .arrow {
- position: absolute;
- width: 15px;
- height: 42px;
- line-height: 42px;
- top: 0;
- right: 10px;
- background: url(../images/theme-default/arrow-down-black.png) no-repeat center center;
- right: 10px;
+ position: absolute;
+ width: 15px;
+ height: 42px;
+ line-height: 42px;
+ top: 0;
+ right: 10px;
+ background: url(../images/theme-default/arrow-down-black.png) no-repeat center center;
+ right: 10px;
}
/* Generated at http://colorzilla.com/gradient-editor/ */
.btn-tool {
- display: inline-block;
- height: 38px;
- margin: 6px 3px;
- vertical-align: top;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px #ddd inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
- background: #f3f3f3;
- background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd),
- color-stop(51%, #d8d8d8), color-stop(100%, #cccccc));
- background: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
- background: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
- background: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
- background: linear-gradient(to bottom, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cccccc', GradientType=0);
- overflow: hidden;
- cursor: pointer;
+ display: inline-block;
+ height: 38px;
+ margin: 6px 3px;
+ vertical-align: top;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px #ddd inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
+ background: #f3f3f3;
+ background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd),
+ color-stop(51%, #d8d8d8), color-stop(100%, #cccccc));
+ background: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
+ background: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
+ background: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
+ background: linear-gradient(to bottom, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cccccc', GradientType=0);
+ overflow: hidden;
+ cursor: pointer;
}
.btn-tool:hover {
- box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px rgba(0, 0, 0, .25) inset, -3px -3px 3px rgba(0, 0, 0, .25)
- inset;
+ box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px rgba(0, 0, 0, .25) inset, -3px -3px 3px rgba(0, 0, 0, .25)
+ inset;
}
/* Generated at http://colorzilla.com/gradient-editor/ */
.btn-tool.left,.btn-tool.right {
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- background: #dddddd;
- background: -moz-linear-gradient(top, #dddddd 0%, #999999 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #999999));
- background: -webkit-linear-gradient(top, #dddddd 0%, #999999 100%);
- background: -o-linear-gradient(top, #dddddd 0%, #999999 100%);
- background: -ms-linear-gradient(top, #dddddd 0%, #999999 100%);
- background: linear-gradient(to bottom, #dddddd 0%, #999999 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#999999', GradientType=0);
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ background: #dddddd;
+ background: -moz-linear-gradient(top, #dddddd 0%, #999999 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #999999));
+ background: -webkit-linear-gradient(top, #dddddd 0%, #999999 100%);
+ background: -o-linear-gradient(top, #dddddd 0%, #999999 100%);
+ background: -ms-linear-gradient(top, #dddddd 0%, #999999 100%);
+ background: linear-gradient(to bottom, #dddddd 0%, #999999 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#999999', GradientType=0);
}
.btn-tool:active,.btn-tool.active {
- box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 3px 3px 3px rgba(0, 0, 0, .35) inset;
+ box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 3px 3px 3px rgba(0, 0, 0, .35) inset;
}
.btn-tool.left {
- -webkit-border-top-left-radius: 5px;
- -moz-border-top-left-radius: 5px;
- border-top-left-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-bottom-left-radius: 5px;
- border-bottom-left-radius: 5px;
+ -webkit-border-top-left-radius: 5px;
+ -moz-border-top-left-radius: 5px;
+ border-top-left-radius: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+ -moz-border-bottom-left-radius: 5px;
+ border-bottom-left-radius: 5px;
}
.btn-tool.right {
- -webkit-border-top-right-radius: 5px;
- -moz-border-top-right-radius: 5px;
- border-top-right-radius: 5px;
- -webkit-border-bottom-right-radius: 5px;
- -moz-border-bottom-right-radius: 5px;
- border-bottom-right-radius: 5px;
+ -webkit-border-top-right-radius: 5px;
+ -moz-border-top-right-radius: 5px;
+ border-top-right-radius: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+ -moz-border-bottom-right-radius: 5px;
+ border-bottom-right-radius: 5px;
}
.btn-tool .icon {
- display: block;
- width: 48px;
- height: 38px;
+ display: block;
+ width: 48px;
+ height: 38px;
}
.icon.reset {
- background: url(../images/theme-default/icon-reset.png) center center no-repeat;
+ background: url(../images/theme-default/icon-reset.png) center center no-repeat;
}
.icon.power-up {
- background: url(../images/theme-default/icon-power-up.png) center center no-repeat;
+ background: url(../images/theme-default/icon-power-up.png) center center no-repeat;
}
.icon.power-down {
- background: url(../images/theme-default/icon-power-down.png) center center no-repeat;
+ background: url(../images/theme-default/icon-power-down.png) center center no-repeat;
}
.icon.search {
- background: url(../images/theme-default/icon-search.png) no-repeat center center;
+ background: url(../images/theme-default/icon-search.png) no-repeat center center;
}
.icon.sort {
- background: url(../images/theme-default/icon-sort.png) no-repeat center center;
+ background: url(../images/theme-default/icon-sort.png) no-repeat center center;
}
.icon.design {
- background: url(../images/theme-default/icon-design.png) no-repeat center center;
+ background: url(../images/theme-default/icon-design.png) no-repeat center center;
}
.icon.list {
- background: url(../images/theme-default/icon-list.png) no-repeat center center;
+ background: url(../images/theme-default/icon-list.png) no-repeat center center;
}
.icon.detail {
- background: url(../images/theme-default/icon-detail.png) no-repeat center center;
+ background: url(../images/theme-default/icon-detail.png) no-repeat center center;
}
.icon.add {
- line-height: 32px;
- text-align: center;
- text-shadow: -1px -1px 1px #aaa, 1px 1px 1px #eee;
- font-size: 38px;
- font-weight: bold;
- color: #7cae0a;
+ line-height: 32px;
+ text-align: center;
+ text-shadow: -1px -1px 1px #aaa, 1px 1px 1px #eee;
+ font-size: 38px;
+ font-weight: bold;
+ color: #7cae0a;
}
.icon.tree {
- width: 42px;
- background: url(../images/theme-default/icon-tree.png) no-repeat center center;
+ width: 42px;
+ background: url(../images/theme-default/icon-tree.png) no-repeat center center;
}
/* Generated at http://colorzilla.com/gradient-editor/ */
.btn-tool.tree {
- width: 42px;
- margin: 5px 10px;
- background: #ffffff;
- background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
- background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
- box-shadow: -1px -1px 1px #03385c, 1px 1px 1px #09F, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
+ width: 42px;
+ margin: 5px 10px;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
+ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
+ box-shadow: -1px -1px 1px #03385c, 1px 1px 1px #09F, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset;
}
.btn-select {
- display: inline-block;
- position: relative;
- height: 38px;
- padding-right: 20px;
- margin: 5px;
- vertical-align: top;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background: #eee;
- box-shadow: -1px -1px 1px #666, 1px 1px 1px #fff, 2px 2px 2px rgba(0, 0, 0, .15) inset;
- font-size: 13px;
- line-height: 38px;
- text-align: left;
- cursor: pointer;
+ display: inline-block;
+ position: relative;
+ height: 38px;
+ padding-right: 20px;
+ margin: 5px;
+ vertical-align: top;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ background: #eee;
+ box-shadow: -1px -1px 1px #666, 1px 1px 1px #fff, 2px 2px 2px rgba(0, 0, 0, .15) inset;
+ font-size: 13px;
+ line-height: 38px;
+ text-align: left;
+ cursor: pointer;
}
.btn-select .text {
- padding: 0 10px;
+ padding: 0 10px;
}
.btn-select .arrow {
- position: absolute;
- width: 15px;
- height: 38px;
- line-height: 38px;
- top: 0;
- right: 5px;
- background: url(../images/theme-default/arrow-down-black.png) no-repeat center center;
+ position: absolute;
+ width: 15px;
+ height: 38px;
+ line-height: 38px;
+ top: 0;
+ right: 5px;
+ background: url(../images/theme-default/arrow-down-black.png) no-repeat center center;
}
/* Generated at http://colorzilla.com/gradient-editor/ */
.button-big {
- display: block;
- margin-bottom: 10px;
- border: 1px solid #ccc;
- box-shadow: -1px -1px 1px #ccc, 1px 1px 1px #eee;
- text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
- -webkit-border-radius: 05px;
- -moz-border-radius: 05px;
- border-radius: 05px;
- background: #ffffff;
- background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
- background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
- text-align: center;
- font-size: 13px;
- line-height: 38px;
- width: 100%;
+ display: block;
+ margin-bottom: 10px;
+ border: 1px solid #ccc;
+ box-shadow: -1px -1px 1px #ccc, 1px 1px 1px #eee;
+ text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
+ -webkit-border-radius: 05px;
+ -moz-border-radius: 05px;
+ border-radius: 05px;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
+ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
+ text-align: center;
+ font-size: 13px;
+ line-height: 38px;
+ width: 100%;
}
.button-big:not([disabled]):hover {
- box-shadow: -1px -1px 1px #bbb, 1px 1px 1px #ddd;
- background: #eeeeee;
- background: -moz-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d5d5d5));
- background: -webkit-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
- background: -o-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
- background: -ms-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
- background: linear-gradient(to bottom, #eeeeee 0%, #d5d5d5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d5d5d5', GradientType=0);
+ box-shadow: -1px -1px 1px #bbb, 1px 1px 1px #ddd;
+ background: #eeeeee;
+ background: -moz-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d5d5d5));
+ background: -webkit-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+ background: -o-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+ background: -ms-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%);
+ background: linear-gradient(to bottom, #eeeeee 0%, #d5d5d5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d5d5d5', GradientType=0);
}
.button-big:not([disabled]):active {
- box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 2px 2px 2px #ccc inset, -2px -2px 2px #aaa inset;
- background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
- background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
- background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
- background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
- background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
+ box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 2px 2px 2px #ccc inset, -2px -2px 2px #aaa inset;
+ background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff));
+ background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
+ background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
}
/* Generated at http://colorzilla.com/gradient-editor/ */
.button-big.red:not([disabled]) {
- text-shadow: -1px -1px 1px #9e0505, 1px 1px 1px #fc5d4c;
- border: 1px solid #b10f14;
- background: #ff3019;
- background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
- background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
- background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
- background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
- background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
- color: #fff;
+ text-shadow: -1px -1px 1px #9e0505, 1px 1px 1px #fc5d4c;
+ border: 1px solid #b10f14;
+ background: #ff3019;
+ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
+ background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
+ background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
+ background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
+ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
+ color: #fff;
}
.button-big.red:not([disabled]):hover {
- background: #ef2009;
- background: -moz-linear-gradient(top, #ef2009 0%, #bf0404 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef2009), color-stop(100%, #bf0404));
- background: -webkit-linear-gradient(top, #ef2009 0%, #bf0404 100%);
- background: -o-linear-gradient(top, #ef2009 0%, #bf0404 100%);
- background: -ms-linear-gradient(top, #ef2009 0%, #bf0404 100%);
- background: linear-gradient(to bottom, #ef2009 0%, #bf0404 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef2009', endColorstr='#bf0404', GradientType=0);
- color: #fff;
+ background: #ef2009;
+ background: -moz-linear-gradient(top, #ef2009 0%, #bf0404 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef2009), color-stop(100%, #bf0404));
+ background: -webkit-linear-gradient(top, #ef2009 0%, #bf0404 100%);
+ background: -o-linear-gradient(top, #ef2009 0%, #bf0404 100%);
+ background: -ms-linear-gradient(top, #ef2009 0%, #bf0404 100%);
+ background: linear-gradient(to bottom, #ef2009 0%, #bf0404 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef2009', endColorstr='#bf0404', GradientType=0);
+ color: #fff;
}
.button-big.red:not([disabled]):active {
- background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf0404), color-stop(100%, #ff3019));
- background: -webkit-linear-gradient(top, #cf0404 0%, #ff3019 100%);
- background: -o-linear-gradient(top, #cf0404 0%, #ff3019 100%);
- background: -ms-linear-gradient(top, #cf0404 0%, #ff3019 100%);
- background: linear-gradient(to bottom, #cf0404 0%, #ff3019 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf0404', endColorstr='#ff3019', GradientType=0);
+ background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf0404), color-stop(100%, #ff3019));
+ background: -webkit-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: -o-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: -ms-linear-gradient(top, #cf0404 0%, #ff3019 100%);
+ background: linear-gradient(to bottom, #cf0404 0%, #ff3019 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf0404', endColorstr='#ff3019', GradientType=0);
}
.button-big.disable {
- display: none;
+ display: none;
}
.btn-normal {
- display: inline-block;
- height: 38px;
- margin: 9px 3px;
- vertical-align: top;
- background: #06F;
- line-height: 38px;
- padding: 0 20px;
- color: #EEE;
+ display: inline-block;
+ height: 38px;
+ margin: 9px 3px;
+ vertical-align: top;
+ background: #06F;
+ line-height: 38px;
+ padding: 0 20px;
+ color: #EEE;
border-radius: 8px;
font-size: 13px;
}
.btn-normal:not([disabled]):hover {
- background: #04D;
+ background: #04D;
}
.btn-normal:not([disabled]):active {
- box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 2px 2px 2px #ccc inset, -2px -2px 2px #aaa inset;
- background: -moz-linear-gradient(top, #04d 0%, #06f 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04d), color-stop(100%, #06f));
- background: -webkit-linear-gradient(top, #04d 0%, #ff3019 100%);
- background: -o-linear-gradient(top, #04d 0%, #06f 100%);
- background: -ms-linear-gradient(top, #04d 0%, #06f 100%);
- background: linear-gradient(to bottom, #04d 0%, #06f 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04d', endColorstr='#06f', GradientType=0);
+ box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 2px 2px 2px #ccc inset, -2px -2px 2px #aaa inset;
+ background: -moz-linear-gradient(top, #04d 0%, #06f 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04d), color-stop(100%, #06f));
+ background: -webkit-linear-gradient(top, #04d 0%, #ff3019 100%);
+ background: -o-linear-gradient(top, #04d 0%, #06f 100%);
+ background: -ms-linear-gradient(top, #04d 0%, #06f 100%);
+ background: linear-gradient(to bottom, #04d 0%, #06f 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04d', endColorstr='#06f', GradientType=0);
}
.btn-normal[disabled] {
- background-color: silver;
+ background-color: silver;
}
.btn-group {
- float: right;
- padding: 0 10px;
+ float: right;
+ padding: 0 10px;
}
.btn-small {
diff --git a/ui/css/theme-default/circle.css b/ui/css/theme-default/circle.css
index 0cd7909..8008219 100644
--- a/ui/css/theme-default/circle.css
+++ b/ui/css/theme-default/circle.css
@@ -19,8 +19,8 @@
* limitations under the License.
*/
.circle {
- position: relative;
- margin: 30px 10px 10px 10px;
- width: 70px;
- height: 70px;
+ position: relative;
+ margin: 30px 10px 10px 10px;
+ width: 70px;
+ height: 70px;
}
diff --git a/ui/css/theme-default/form.css b/ui/css/theme-default/form.css
index 9b7fd68..c24b277 100644
--- a/ui/css/theme-default/form.css
+++ b/ui/css/theme-default/form.css
@@ -19,29 +19,29 @@
* limitations under the License.
*/
.form-section {
- padding: 10px;
+ padding: 10px;
}
.form-section>h2 {
- font-size: 14px;
- padding: 5px;
+ font-size: 14px;
+ padding: 5px;
}
.form-section .field {
- padding: 5px 5px 5px 20px;
- overflow: hidden;
+ padding: 5px 5px 5px 20px;
+ overflow: hidden;
}
.form-section .field .text-help {
- font-size: 12px;
- color: #333;
- margin: 0 0 5px 5px;
+ font-size: 12px;
+ color: #333;
+ margin: 0 0 5px 5px;
}
.form-section .field input.text {
- border: 1px solid #ccc;
- font-size: 16px;
- height: 30px;
- line-height: 30px;
- padding: 0 5px;
+ border: 1px solid #ccc;
+ font-size: 16px;
+ height: 30px;
+ line-height: 30px;
+ padding: 0 5px;
}
diff --git a/ui/css/theme-default/framework.css b/ui/css/theme-default/framework.css
index 200dd6b..d904527 100644
--- a/ui/css/theme-default/framework.css
+++ b/ui/css/theme-default/framework.css
@@ -19,18 +19,18 @@
* limitations under the License.
*/
body {
- background: url(../images/theme-default/bg.png);
+ background: url(../images/theme-default/bg.png);
}
.tmpl-html {
- display: none;
+ display: none;
}
.container {
- margin: 0 auto;
- width: 1024px;
+ margin: 0 auto;
+ width: 1024px;
}
.hidden {
- display: none;
+ display: none;
}
diff --git a/ui/css/theme-default/guest-edit.css b/ui/css/theme-default/guest-edit.css
index 5f97a12..79fca83 100644
--- a/ui/css/theme-default/guest-edit.css
+++ b/ui/css/theme-default/guest-edit.css
@@ -19,49 +19,49 @@
* limitations under the License.
*/
#guest-edit-window {
- font-size: 13px;
- height: 380px;
- width: 420px;
+ font-size: 13px;
+ height: 380px;
+ width: 420px;
}
.guest-edit-fieldset {
- float: left;
- padding: 1em;
+ float: left;
+ padding: 1em;
}
.guest-edit-wrapper-label, .guest-edit-wrapper-controls {
- display: inline-block;
+ display: inline-block;
}
.guest-edit-wrapper-controls input[type="text"][disabled] {
- color: #bbb;
- background-color: #fafafa;
- cursor: not-allowed;
+ color: #bbb;
+ background-color: #fafafa;
+ cursor: not-allowed;
}
.guest-edit-wrapper-label {
- width: 10em;
+ width: 10em;
}
.guest-edit-wrapper-controls {
- width: 18em;
+ width: 18em;
}
.guest-edit-wrapper-controls input[type="text"] {
- height: 38px;
- line-height: 38px;
- background: #fff;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- box-shadow: 2px 2px 2px #eee inset;
- border-top: 1px solid #bbb;
- border-left: 1px solid #bbb;
- padding-left: 10px;
- width: 100%;
+ height: 38px;
+ line-height: 38px;
+ background: #fff;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ box-shadow: 2px 2px 2px #eee inset;
+ border-top: 1px solid #bbb;
+ border-left: 1px solid #bbb;
+ padding-left: 10px;
+ width: 100%;
}
.guest-edit-wrapper-controls input[type="text"][disabled] {
- color: #bbb;
- background-color: #fafafa;
- cursor: not-allowed;
+ color: #bbb;
+ background-color: #fafafa;
+ cursor: not-allowed;
}
diff --git a/ui/css/theme-default/list.css b/ui/css/theme-default/list.css
index e34772f..468361f 100644
--- a/ui/css/theme-default/list.css
+++ b/ui/css/theme-default/list.css
@@ -19,232 +19,232 @@
* limitations under the License.
*/
.list-vm {
- margin: 10px;
+ margin: 10px;
}
/* Generated at http://colorzilla.com/gradient-editor/ */
.list-vm>li {
- margin-bottom: 10px;
- background: #ffffff;
- background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
- background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
- border: 1px solid #ccc;
- color: #333;
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- border-radius: 8px;
+ margin-bottom: 10px;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
+ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
+ border: 1px solid #ccc;
+ color: #333;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ border-radius: 8px;
}
.list-vm li>* {
- height: 130px;
- display: table-cell;
- vertical-align: top;
- position: relative;
- border-left: 1px solid #ccc;
- border-right: 1px solid #fff;
+ height: 130px;
+ display: table-cell;
+ vertical-align: top;
+ position: relative;
+ border-left: 1px solid #ccc;
+ border-right: 1px solid #fff;
}
.list-vm li>*:FIRST-CHILD {
- border-left: none;
+ border-left: none;
}
.list-vm li>*:LAST-CHILD {
- border-right: none;
+ border-right: none;
}
.list-vm li>.guest-tile{
- text-align: center;
- vertical-align: middle;
+ text-align: center;
+ vertical-align: middle;
}
.list-vm .handle {
- display: block;
- width: 50px;
- height: 130px;
- box-sizing: border-box;
- box-shadow: inset 4px 4px 4px #0289e2, inset -4px -4px 4px #04385d;
- background: #0b6bad url(../images/theme-default/arrow_out.png) center center no-repeat;
- border-top-right: 1px solid #CCC;
- -webkit-border-top-right-radius: 8px;
- -moz-border-top-right-radius: 8px;
- border-top-right-radius: 8px;
- border-bottom-right: 1px solid #CCC;
- -webkit-border-bottom-right-radius: 8px;
- -moz-border-bottom-right-radius: 8px;
- border-bottom-right-radius: 8px;
+ display: block;
+ width: 50px;
+ height: 130px;
+ box-sizing: border-box;
+ box-shadow: inset 4px 4px 4px #0289e2, inset -4px -4px 4px #04385d;
+ background: #0b6bad url(../images/theme-default/arrow_out.png) center center no-repeat;
+ border-top-right: 1px solid #CCC;
+ -webkit-border-top-right-radius: 8px;
+ -moz-border-top-right-radius: 8px;
+ border-top-right-radius: 8px;
+ border-bottom-right: 1px solid #CCC;
+ -webkit-border-bottom-right-radius: 8px;
+ -moz-border-bottom-right-radius: 8px;
+ border-bottom-right-radius: 8px;
}
.list-vm .subtitle {
- color: #666;
- font-size: 13px;
- text-align: center;
- line-height: 10px;
- font-weight: bold;
+ color: #666;
+ font-size: 13px;
+ text-align: center;
+ line-height: 10px;
+ font-weight: bold;
}
.list-vm .tile .imgload {
- display: none;
- max-height: 110px;
- max-width: 170px;
- height: auto;
- width: auto;
+ display: none;
+ max-height: 110px;
+ max-width: 170px;
+ height: auto;
+ width: auto;
}
.list-vm .tile .imgactive {
- max-height: 110px;
- max-width: 170px;
- height: auto;
- width: auto;
+ max-height: 110px;
+ max-width: 170px;
+ height: auto;
+ width: auto;
}
.guest-type {
- width: 257px;
+ width: 257px;
}
.guest-cpu {
- width: 91px;
+ width: 91px;
}
.guest-network {
- width: 91px;
+ width: 91px;
}
.guest-storage {
- width: 91px;
+ width: 91px;
}
.guest-tile {
- width: 190px;
+ width: 190px;
}
.guest-users {
- width: 93px;
+ width: 93px;
}
.guest-actions {
- width: 125px;
- min-width: 125px;
+ width: 125px;
+ min-width: 125px;
}
.guest-handle {
- width: 50px;
+ width: 50px;
}
.guest-general {
- padding: 10px;
- border-bottom: 1px solid #ccc;
- width: 237px;
+ padding: 10px;
+ border-bottom: 1px solid #ccc;
+ width: 237px;
}
.guest-ip {
- padding: 0 10px;
- border-top: 1px solid #fff;
+ padding: 0 10px;
+ border-top: 1px solid #fff;
}
.guest-general .title {
- color: #666;
- font-size: 16px;
- font-weight: normal;
- height: 25px;
- line-height: 25px;
- text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
- max-width: 237px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ color: #666;
+ font-size: 16px;
+ font-weight: normal;
+ height: 25px;
+ line-height: 25px;
+ text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
+ max-width: 237px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.guest-general .text {
- font-weight: bold;
- color: #999;
- font-size: 11px;
- text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
+ font-weight: bold;
+ color: #999;
+ font-size: 11px;
+ text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
}
.guest-users .top {
- border-bottom: 1px solid #ccc;
- padding: 3px 10px;
+ border-bottom: 1px solid #ccc;
+ padding: 3px 10px;
}
.guest-users .bottom {
- border-top: 1px solid #fff;
- padding: 3px 10px;
+ border-top: 1px solid #fff;
+ padding: 3px 10px;
}
.guest-users .users {
- height: 45px;
- line-height: 45px;
- background: url(../images/theme-default/icon-user.png) left center no-repeat;
- padding-left: 50px;
- font-size: 36px;
- font-weight: bold;
+ height: 45px;
+ line-height: 45px;
+ background: url(../images/theme-default/icon-user.png) left center no-repeat;
+ padding-left: 50px;
+ font-size: 36px;
+ font-weight: bold;
}
.guest-users .snapshots {
- height: 40px;
- line-height: 40px;
- background: url(../images/theme-default/icon-camera.png) left center no-repeat;
- padding-left: 50px;
- font-size: 36px;
- font-weight: bold;
+ height: 40px;
+ line-height: 40px;
+ background: url(../images/theme-default/icon-camera.png) left center no-repeat;
+ padding-left: 50px;
+ font-size: 36px;
+ font-weight: bold;
}
.guest-users .mini-text {
- font-size: 11px;
- font-weight: normal;
- text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
+ font-size: 11px;
+ font-weight: normal;
+ text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
}
.guest-actions .top {
- padding: 7px 10px;
+ padding: 7px 10px;
}
.guest-actions .bottom {
- padding: 0 10px;
+ padding: 0 10px;
}
.list-vm .tile {
- max-width: 170px;
- max-height: 110px;
- width: auto;
- height: auto;
- margin: 10px;
+ max-width: 170px;
+ max-height: 110px;
+ width: auto;
+ height: auto;
+ margin: 10px;
}
.list-vm .tile:not(.shutoff) img {
- box-shadow: -1px -1px 2px rgb(0, 0, 0, .25), 3px 3px 3px #fff;
+ box-shadow: -1px -1px 2px rgb(0, 0, 0, .25), 3px 3px 3px #fff;
}
.list-vm .shutoff {
- box-shadow: none !important;
+ box-shadow: none !important;
}
.list-vm .shutoff img {
- opacity: 0.4;
+ opacity: 0.4;
}
.list-title {
- color: #666;
- font-weight: bold;
- font-size: 12px;
- overflow: hidden;
- margin: 10px;
+ color: #666;
+ font-weight: bold;
+ font-size: 12px;
+ overflow: hidden;
+ margin: 10px;
}
.list-title li {
- display: table-cell;
- padding: 0 1px;
+ display: table-cell;
+ padding: 0 1px;
}
.list-no-result {
- font-size: 16px;
- height: 48px;
- line-height: 48px;
- text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
- padding-left: 10px;
+ font-size: 16px;
+ height: 48px;
+ line-height: 48px;
+ text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
+ padding-left: 10px;
}
diff --git a/ui/css/theme-default/login-window.css b/ui/css/theme-default/login-window.css
index c2f445d..a5a2729 100644
--- a/ui/css/theme-default/login-window.css
+++ b/ui/css/theme-default/login-window.css
@@ -26,10 +26,10 @@
#login-window>header>.title-text {
front: #000000;
font-size: 18px;
- height: 48px;
- line-height: 48px;
- font-weight: bold;
- text-shadow: -1px -1px 1px #eaeaea, 1px 1px 1px #fff;
+ height: 48px;
+ line-height: 48px;
+ font-weight: bold;
+ text-shadow: -1px -1px 1px #eaeaea, 1px 1px 1px #fff;
}
#login-window footer #form-language {
diff --git a/ui/css/theme-default/message.css b/ui/css/theme-default/message.css
index d2c7192..46d1a55 100644
--- a/ui/css/theme-default/message.css
+++ b/ui/css/theme-default/message.css
@@ -19,120 +19,120 @@
* limitations under the License.
*/
#messageField {
- position: fixed;
- margin: auto;
- left: 0;
- right: 0;
- top: 0;
- width: 1024px;
- max-width: 100%;
- z-index: 200;
+ position: fixed;
+ margin: auto;
+ left: 0;
+ right: 0;
+ top: 0;
+ width: 1024px;
+ max-width: 100%;
+ z-index: 200;
}
.message {
- background-color: #FFF68F;
- position: relative;
- margin-bottom: 5px;
+ background-color: #FFF68F;
+ position: relative;
+ margin-bottom: 5px;
}
.message.warn {
- background-color: #FFF68F;
+ background-color: #FFF68F;
}
.message.error {
- background-color: #FFAEB9;
+ background-color: #FFAEB9;
}
.message.success {
- background-color: #90EE90;
+ background-color: #90EE90;
}
.message .close {
- position: absolute;
- width: 30px;
- height: 30px;
- top: 0;
- right: 0;
- color: #545454;
- font-size: 12px;
- text-align: center;
- line-height: 30px;
- cursor: pointer;
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ top: 0;
+ right: 0;
+ color: #545454;
+ font-size: 12px;
+ text-align: center;
+ line-height: 30px;
+ cursor: pointer;
}
.message .content {
- padding: 0 30px 0 10px;
- line-height: 30px;
+ padding: 0 30px 0 10px;
+ line-height: 30px;
}
.confirmbox {
- position: absolute;
- margin: auto;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- box-shadow: 2px 2px 6px #000;
- border: 2px solid #0f71b4;
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- border-radius: 8px;
- background-color: black;
- box-sizing: border-box;
- max-width: 100%;
- max-height: 100%;
- width: 350px;
- height: 170px;
- z-index: 9999;
+ position: absolute;
+ margin: auto;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ box-shadow: 2px 2px 6px #000;
+ border: 2px solid #0f71b4;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ border-radius: 8px;
+ background-color: black;
+ box-sizing: border-box;
+ max-width: 100%;
+ max-height: 100%;
+ width: 350px;
+ height: 170px;
+ z-index: 9999;
}
.confirmbox>footer {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- height: 48px;
- box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 48px;
+ box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
}
.confirmbox .title {
- display: inline-block;
- padding: 10px 10px 0 10px;
- line-height: 20px;
- color: white;
+ display: inline-block;
+ padding: 10px 10px 0 10px;
+ line-height: 20px;
+ color: white;
}
.confirmbox .content {
- padding: 20px 10px 0px 100px;
- line-height: 16px;
- font-size: 13px;
- color: white;
- background: url(../images/theme-default/alert.png) no-repeat 20px center;
- height: 41px;
- vertical-align: middle;
+ padding: 20px 10px 0px 100px;
+ line-height: 16px;
+ font-size: 13px;
+ color: white;
+ background: url(../images/theme-default/alert.png) no-repeat 20px center;
+ height: 41px;
+ vertical-align: middle;
}
.confirmbox .close {
- position: absolute;
- width: 13px;
- height: 13px;
- top: 7px;
- right: 7px;
- -webkit-border-radius: 13px;
- -moz-border-radius: 13px;
- border-radius: 13px;
- border: 2px solid #ccc;
- color: #ccc;
- font-size: 13px;
- text-align: center;
- line-height: 13px;
- font-weight: bold;
- background: #4a4a4a;;
- cursor: pointer;
+ position: absolute;
+ width: 13px;
+ height: 13px;
+ top: 7px;
+ right: 7px;
+ -webkit-border-radius: 13px;
+ -moz-border-radius: 13px;
+ border-radius: 13px;
+ border: 2px solid #ccc;
+ color: #ccc;
+ font-size: 13px;
+ text-align: center;
+ line-height: 13px;
+ font-weight: bold;
+ background: #4a4a4a;;
+ cursor: pointer;
}
.confirmbox>header>.close:hover {
- border: 2px solid #444;
- color: #444;
+ border: 2px solid #444;
+ color: #444;
}
\ No newline at end of file
diff --git a/ui/css/theme-default/nav-tree.css b/ui/css/theme-default/nav-tree.css
index 7a9356a..52c0506 100644
--- a/ui/css/theme-default/nav-tree.css
+++ b/ui/css/theme-default/nav-tree.css
@@ -19,98 +19,98 @@
* limitations under the License.
*/
.nav-tree {
- overflow: hidden;
- border-bottom: 1px solid #000;
+ overflow: hidden;
+ border-bottom: 1px solid #000;
}
.nav-tree .item {
- overflow: hidden;
- border-top: 1px solid #000;
- border-bottom: 1px solid #444;
- background: #222;
- *vertical-align: top;
+ overflow: hidden;
+ border-top: 1px solid #000;
+ border-bottom: 1px solid #444;
+ background: #222;
+ *vertical-align: top;
}
.nav-tree .item .arrow {
- float: left;
- width: 42px;
- height: 48px;
- border-right: 1px solid #000;
- background: transparent url("../images/theme-default/folder-arrow-right.png") center center no-repeat;
+ float: left;
+ width: 42px;
+ height: 48px;
+ border-right: 1px solid #000;
+ background: transparent url("../images/theme-default/folder-arrow-right.png") center center no-repeat;
}
.nav-tree .item.on .arrow {
- background: transparent url("../images/theme-default/folder-arrow-down.png") center center no-repeat;
+ background: transparent url("../images/theme-default/folder-arrow-down.png") center center no-repeat;
}
.nav-tree .item.nochild .arrow {
- background: none;
+ background: none;
}
.nav-tree .item .arrow+.item-link {
- border-left: 1px solid #444;
+ border-left: 1px solid #444;
}
.nav-tree .sub {
- display: none;
+ display: none;
}
.nav-tree .item.on+.sub {
- display: block;
+ display: block;
}
.nav-tree .sub .item {
- padding-left: 44px;
+ padding-left: 44px;
}
.nav-tree .item-link {
- display: block;
- position: relative;
- height: 48px;
- overflow: hidden;
- line-height: 48px;
- color: #eee;
+ display: block;
+ position: relative;
+ height: 48px;
+ overflow: hidden;
+ line-height: 48px;
+ color: #eee;
}
.nav-tree .item-link .count {
- position: absolute;
- height: 24px;
- right: 10px;
- margin: 12px 0;
- padding: 0 9px;
- background: #900;
- box-shadow: 1px 1px 1px #333, -1px -1px 1px #000, 1px 1px 1px #600 inset;
- -webkit-border-radius: 24px;
- -moz-border-radius: 24px;
- border-radius: 24px;
- text-align: center;
- color: #fff;
- font-size: 10px;
- line-height: 24px;
+ position: absolute;
+ height: 24px;
+ right: 10px;
+ margin: 12px 0;
+ padding: 0 9px;
+ background: #900;
+ box-shadow: 1px 1px 1px #333, -1px -1px 1px #000, 1px 1px 1px #600 inset;
+ -webkit-border-radius: 24px;
+ -moz-border-radius: 24px;
+ border-radius: 24px;
+ text-align: center;
+ color: #fff;
+ font-size: 10px;
+ line-height: 24px;
}
.nav-tree .item-link .title {
- position: absolute;
- left: 42px;
- right: 42px;
- overflow: hidden;
- color: #fff;
- font-size: 13px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
+ position: absolute;
+ left: 42px;
+ right: 42px;
+ overflow: hidden;
+ color: #fff;
+ font-size: 13px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
}
.nav-tree .item-link .thumb {
- position: absolute;
- width: 42px;
- height: 48px;
+ position: absolute;
+ width: 42px;
+ height: 48px;
}
.nav-tree .item-link .thumb.host {
- background: url("../images/theme-default/thumb-host.png") center center no-repeat;
+ background: url("../images/theme-default/thumb-host.png") center center no-repeat;
}
.nav-tree .item-link .thumb.guest {
- background: url("../images/theme-default/thumb-guest.png") center center no-repeat;
+ background: url("../images/theme-default/thumb-guest.png") center center no-repeat;
}
diff --git a/ui/css/theme-default/navbar.css b/ui/css/theme-default/navbar.css
index efd08aa..7ecfcf1 100644
--- a/ui/css/theme-default/navbar.css
+++ b/ui/css/theme-default/navbar.css
@@ -19,44 +19,44 @@
* limitations under the License.
*/
.navbar {
- height: 48px;
- border-top: 1px solid #2c85c3;
- border-bottom: 1px solid #04385d;
- background: #0769ac url(../images/theme-default/nav-bg.png) repeat-x;
+ height: 48px;
+ border-top: 1px solid #2c85c3;
+ border-bottom: 1px solid #04385d;
+ background: #0769ac url(../images/theme-default/nav-bg.png) repeat-x;
}
.nav-menu {
- height: 48px;
- position: relative;
+ height: 48px;
+ position: relative;
}
.nav-menu li {
- float: left;
- height: 48px;
+ float: left;
+ height: 48px;
}
.nav-menu .item {
- display: block;
- width: 100px;
- height: 48px;
- line-height: 48px;
- padding: 0 10px;
- text-align: center;
- font-size: 13px;
- color: #eee;
- outline: none;
+ display: block;
+ width: 100px;
+ height: 48px;
+ line-height: 48px;
+ padding: 0 10px;
+ text-align: center;
+ font-size: 13px;
+ color: #eee;
+ outline: none;
}
.nav-menu .item.current:focus {
- outline: white dotted thin;
+ outline: white dotted thin;
}
.menu-arrow {
- position: absolute;
- width: 0;
- bottom: -1px;
- left: 50px;
- border: 10px solid transparent;
- border-top: none;
- border-bottom-color: #e4e4e4;
+ position: absolute;
+ width: 0;
+ bottom: -1px;
+ left: 50px;
+ border: 10px solid transparent;
+ border-top: none;
+ border-bottom-color: #e4e4e4;
}
diff --git a/ui/css/theme-default/popover.css b/ui/css/theme-default/popover.css
index 65ec3a2..95eb183 100644
--- a/ui/css/theme-default/popover.css
+++ b/ui/css/theme-default/popover.css
@@ -19,102 +19,102 @@
* limitations under the License.
*/
.popover {
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- background: #eee;
- border: 2px solid #096aad;
- box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
- z-index: 9999;
- position: absolute;
- top: 125%;
- left: 0;
- display: none;
- cursor: default;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ background: #eee;
+ border: 2px solid #096aad;
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
+ z-index: 9999;
+ position: absolute;
+ top: 125%;
+ left: 0;
+ display: none;
+ cursor: default;
}
.popover:BEFORE {
- content: "";
- display: block;
- border: 12px solid transparent;
- border-bottom-color: #096aad;
- position: absolute;
- top: -24px;
- left: 20px;
+ content: "";
+ display: block;
+ border: 12px solid transparent;
+ border-bottom-color: #096aad;
+ position: absolute;
+ top: -24px;
+ left: 20px;
}
.popover:AFTER {
- content: "";
- display: block;
- border: 10px solid transparent;
- border-bottom-color: #eee;
- position: absolute;
- top: -20px;
- left: 22px;
+ content: "";
+ display: block;
+ border: 10px solid transparent;
+ border-bottom-color: #eee;
+ position: absolute;
+ top: -20px;
+ left: 22px;
}
.popover.right-side {
- left: auto;
- right: 0;
+ left: auto;
+ right: 0;
}
.popover.right-side:BEFORE {
- left: auto;
- right: 20px;
+ left: auto;
+ right: 20px;
}
.popover.right-side:AFTER {
- left: auto;
- right: 22px;
+ left: auto;
+ right: 22px;
}
.open>.popover {
- display: block;
+ display: block;
}
/* Generated at http://colorzilla.com/gradient-editor/ */
.actionsheet {
- background: rgb(238, 238, 238);
- background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
- rgba(165, 165, 165, 1) 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)),
- color-stop(10px, rgba(204, 204, 204, 1)), color-stop(96%, rgba(204, 204, 204, 1)),
- color-stop(100%, rgba(165, 165, 165, 1)));
- background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1)
- 96%, rgba(165, 165, 165, 1) 100%);
- background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
- rgba(165, 165, 165, 1) 100%);
- background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
- rgba(165, 165, 165, 1) 100%);
- background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1)
- 96%, rgba(165, 165, 165, 1) 100%);
- padding: 10px 10px 0 10px;
+ background: rgb(238, 238, 238);
+ background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
+ rgba(165, 165, 165, 1) 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)),
+ color-stop(10px, rgba(204, 204, 204, 1)), color-stop(96%, rgba(204, 204, 204, 1)),
+ color-stop(100%, rgba(165, 165, 165, 1)));
+ background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1)
+ 96%, rgba(165, 165, 165, 1) 100%);
+ background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
+ rgba(165, 165, 165, 1) 100%);
+ background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%,
+ rgba(165, 165, 165, 1) 100%);
+ background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1)
+ 96%, rgba(165, 165, 165, 1) 100%);
+ padding: 10px 10px 0 10px;
}
.select-list {
- max-height: 195px;
- overflow: auto;
+ max-height: 195px;
+ overflow: auto;
}
.select-list>li {
- height: 48px;
- padding: 0 20px 0 40px;
- border-bottom: 1px solid #ccc;
- box-shadow: 0px 1px 1px #fff;
- text-shadow: -1px -1px 1px #ddd, 1px 1px 1px #fff;
- color: #222;
- font-size: 12px;
- line-height: 48px;
+ height: 48px;
+ padding: 0 20px 0 40px;
+ border-bottom: 1px solid #ccc;
+ box-shadow: 0px 1px 1px #fff;
+ text-shadow: -1px -1px 1px #ddd, 1px 1px 1px #fff;
+ color: #222;
+ font-size: 12px;
+ line-height: 48px;
}
.select-list>li:LAST-CHILD {
- border-bottom: none;
- box-shadow: inherit;
+ border-bottom: none;
+ box-shadow: inherit;
}
.select-list>li:hover {
- background: #f8f8f8 url(../images/theme-default/check-grey.png) no-repeat 10px center;
+ background: #f8f8f8 url(../images/theme-default/check-grey.png) no-repeat 10px center;
}
.select-list>li.active {
- background: #f8f8f8 url(../images/theme-default/check-green.png) no-repeat 10px center;
+ background: #f8f8f8 url(../images/theme-default/check-green.png) no-repeat 10px center;
}
diff --git a/ui/css/theme-default/reset.css b/ui/css/theme-default/reset.css
index b956119..05b4836 100644
--- a/ui/css/theme-default/reset.css
+++ b/ui/css/theme-default/reset.css
@@ -19,39 +19,39 @@
* limitations under the License.
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button
- {
- margin: 0;
- padding: 0;
- border: 0;
- font-family: Tahoma, Geneva, sans-serif;
+ {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-family: Tahoma, Geneva, sans-serif;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
- {
- display: block;
+ {
+ display: block;
}
ol,ul {
- list-style: none;
+ list-style: none;
}
table {
- border-collapse: collapse;
- border-spacing: 0;
+ border-collapse: collapse;
+ border-spacing: 0;
}
img {
- border: none;
+ border: none;
}
a {
- text-decoration: none;
+ text-decoration: none;
}
a:active,a:hover {
- outline: none;
+ outline: none;
}
a label {
- cursor: pointer;
+ cursor: pointer;
}
diff --git a/ui/css/theme-default/storage.css b/ui/css/theme-default/storage.css
index 6ac7d10..d81dc75 100644
--- a/ui/css/theme-default/storage.css
+++ b/ui/css/theme-default/storage.css
@@ -526,33 +526,33 @@
}
.storage-type-wrapper-controls {
- width: 300px;
- display: inline-block;
- vertical-align: top;
- padding: 5px 5px 5px 20px;
+ width: 300px;
+ display: inline-block;
+ vertical-align: top;
+ padding: 5px 5px 5px 20px;
}
.storage-type-wrapper-controls input[type="text"] {
- height: 38px;
- line-height: 38px;
- background: #fff;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- box-shadow: 2px 2px 2px #eee inset;
- border-top: 1px solid #bbb;
- border-left: 1px solid #bbb;
- padding: 0 10px;
- margin-top: 5px;
- width: 250px;
+ height: 38px;
+ line-height: 38px;
+ background: #fff;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ box-shadow: 2px 2px 2px #eee inset;
+ border-top: 1px solid #bbb;
+ border-left: 1px solid #bbb;
+ padding: 0 10px;
+ margin-top: 5px;
+ width: 250px;
}
.storage-type-wrapper-controls > .dropdown {
- margin: 5px 0 0 1px;
- width: 250px;
+ margin: 5px 0 0 1px;
+ width: 250px;
}
.storage-type-wrapper-controls input[type="text"][disabled] {
- color: #bbb;
- background-color: #fafafa;
- cursor: not-allowed;
+ color: #bbb;
+ background-color: #fafafa;
+ cursor: not-allowed;
}
\ No newline at end of file
diff --git a/ui/css/theme-default/template-edit.css b/ui/css/theme-default/template-edit.css
index 1a049c0..e61b2fb 100644
--- a/ui/css/theme-default/template-edit.css
+++ b/ui/css/theme-default/template-edit.css
@@ -19,57 +19,57 @@
* limitations under the License.
*/
#template-edit-window {
- font-size: 13px;
- height: 400px;
- width: 1000px;
+ font-size: 13px;
+ height: 400px;
+ width: 1000px;
}
.template-edit-fieldset {
- float: left;
- padding: 1em;
+ float: left;
+ padding: 1em;
}
.template-edit-wrapper-label, .template-edit-wrapper-controls {
- display: inline-block;
- vertical-align: top;
+ display: inline-block;
+ vertical-align: top;
}
.template-edit-wrapper-label {
- width: 150px;
- height: 38px;
- line-height: 38px;
- margin-top: 5px;
+ width: 150px;
+ height: 38px;
+ line-height: 38px;
+ margin-top: 5px;
}
.template-edit-wrapper-controls {
- width: 300px;
+ width: 300px;
}
.template-edit-wrapper-controls input[type="text"] {
- height: 38px;
- line-height: 38px;
- background: #fff;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- box-shadow: 2px 2px 2px #eee inset;
- border-top: 1px solid #bbb;
- border-left: 1px solid #bbb;
- padding: 0 10px;
- margin-top: 5px;
- width: 250px;
+ height: 38px;
+ line-height: 38px;
+ background: #fff;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ box-shadow: 2px 2px 2px #eee inset;
+ border-top: 1px solid #bbb;
+ border-left: 1px solid #bbb;
+ padding: 0 10px;
+ margin-top: 5px;
+ width: 250px;
}
.template-edit-wrapper-controls > .dropdown {
- margin: 5px 0 0 1px;
- width: 250px;
+ margin: 5px 0 0 1px;
+ width: 250px;
}
.template-edit-wrapper-controls input[type="text"][disabled] {
- color: #bbb;
- background-color: #fafafa;
- cursor: not-allowed;
+ color: #bbb;
+ background-color: #fafafa;
+ cursor: not-allowed;
}
.hidden-area {
- display: none;
+ display: none;
}
diff --git a/ui/css/theme-default/template.css b/ui/css/theme-default/template.css
index 8629183..0962926 100644
--- a/ui/css/theme-default/template.css
+++ b/ui/css/theme-default/template.css
@@ -19,70 +19,70 @@
* limitations under the License.
*/
.tile-template>li>label:hover .summary {
- opacity: 0.1;
+ opacity: 0.1;
}
.tile-template>li>label:hover .list-info {
- top: 0;
+ top: 0;
}
.tile-template .summary {
- -webkit-transition: opacity 0.25s;
- -moz-transition: opacity 0.25s;
- transition: opacity 0.25s;
+ -webkit-transition: opacity 0.25s;
+ -moz-transition: opacity 0.25s;
+ transition: opacity 0.25s;
}
.tile-template .list-info {
- -webkit-transition: top 0.25s;
- -moz-transition: top 0.25s;
- transition: top 0.25s;
- position: absolute;
- top: 100%;
- width: 100%;
+ -webkit-transition: top 0.25s;
+ -moz-transition: top 0.25s;
+ transition: top 0.25s;
+ position: absolute;
+ top: 100%;
+ width: 100%;
}
.tile-template .list-info>li {
- border-bottom: 1px dotted #ccc;
- padding: 5px;
- font-size: 12px;
- line-height: 20px;
- overflow: hidden;
- width: 96%;
+ border-bottom: 1px dotted #ccc;
+ padding: 5px;
+ font-size: 12px;
+ line-height: 20px;
+ overflow: hidden;
+ width: 96%;
}
.tile-template .list-info>li>label {
- display: inline-block;
- color: #111;
- width: auto;
- text-align: left;
- cursor: pointer;
+ display: inline-block;
+ color: #111;
+ width: auto;
+ text-align: left;
+ cursor: pointer;
}
.tile-template .list-info>li>span {
- float: right;
- color: #444693;
- width: auto;
- text-align: right;
+ float: right;
+ color: #444693;
+ width: auto;
+ text-align: right;
}
.os-icon {
- text-align: center;
+ text-align: center;
}
.os-icon .title {
- display: block;
- font-size: 14px;
- margin-bottom: 5px;
- overflow: hidden;
- width: 260px;
- word-break: break-all;
- word-wrap: break-word;
- height: 50px;
- line-height: 25px;
+ display: block;
+ font-size: 14px;
+ margin-bottom: 5px;
+ overflow: hidden;
+ width: 260px;
+ word-break: break-all;
+ word-wrap: break-word;
+ height: 50px;
+ line-height: 25px;
}
.os-icon img {
- margin-top: 7px;
- width: 64px;
- height: 64px;
+ margin-top: 7px;
+ width: 64px;
+ height: 64px;
}
diff --git a/ui/css/theme-default/template_add.css b/ui/css/theme-default/template_add.css
index 38fa375..511dd98 100644
--- a/ui/css/theme-default/template_add.css
+++ b/ui/css/theme-default/template_add.css
@@ -19,264 +19,264 @@
* limitations under the License.
*/
.page-list {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- overflow: hidden;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow: hidden;
}
.page {
- position: absolute;
- left: 100%;
- width: 100%;
- height: 100%;
- overflow: auto;
+ position: absolute;
+ left: 100%;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
}
.page>header {
- position: relative;
- overflow: hidden;
+ position: relative;
+ overflow: hidden;
}
.back {
- float: left; display : block;
- width: 50px;
- height: 52px;
- background: url(../../images/theme-default/icon-back.png) center center no-repeat;
- cursor: pointer;
- display: block;
+ float: left; display : block;
+ width: 50px;
+ height: 52px;
+ background: url(../../images/theme-default/icon-back.png) center center no-repeat;
+ cursor: pointer;
+ display: block;
}
.step-title {
- color: #333;
- font-size: 18px;
- font-weight: normal;
- padding: 15px 10px;
+ color: #333;
+ font-size: 18px;
+ font-weight: normal;
+ padding: 15px 10px;
}
.step-choose>li>a {
- display: block;
- margin: 0 10px 10px;
- padding: 20px 10px 20px 65px;
- border: 2px solid #ccc;
- background: url(../../images/theme-default/icon-local.png) 15px center no-repeat;
- cursor: pointer;
+ display: block;
+ margin: 0 10px 10px;
+ padding: 20px 10px 20px 65px;
+ border: 2px solid #ccc;
+ background: url(../../images/theme-default/icon-local.png) 15px center no-repeat;
+ cursor: pointer;
}
.step-choose>li>a.local {
- background-image: url(../../images/theme-default/icon-local.png);
+ background-image: url(../../images/theme-default/icon-local.png);
}
.step-choose>li>a.remote {
- background-image: url(../../images/theme-default/icon-remote.png);
+ background-image: url(../../images/theme-default/icon-remote.png);
}
.step-choose>li>a:HOVER {
- border: 2px solid #06C;
+ border: 2px solid #06C;
}
.step-subtitle {
- font-size: 16px;
- height: 48px;
- line-height: 48px;
- color: #06C;
- margin: 0 10px;
- font-weight: bold;
- text-shadow: -1px -1px 1px #eaeaea, 1px 1px 1px #fff;
+ font-size: 16px;
+ height: 48px;
+ line-height: 48px;
+ color: #06C;
+ margin: 0 10px;
+ font-weight: bold;
+ text-shadow: -1px -1px 1px #eaeaea, 1px 1px 1px #fff;
}
.custom-iso-field {
- position: relative;
- padding: 0 10px 10px;
+ position: relative;
+ padding: 0 10px 10px;
}
.custom-iso-field>.input-wrapper {
- margin-right: 110px;
+ margin-right: 110px;
}
.custom-iso-field>.input-wrapper>input.text {
- padding: 10px;
- color: #333;
- font-size: 13px;
- background: #fff;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- box-shadow: 2px 2px 2px #eee inset;
- border-top: 1px solid #bbb;
- border-left: 1px solid #bbb;
- width: 100%;
+ padding: 10px;
+ color: #333;
+ font-size: 13px;
+ background: #fff;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ box-shadow: 2px 2px 2px #eee inset;
+ border-top: 1px solid #bbb;
+ border-left: 1px solid #bbb;
+ width: 100%;
}
.custom-iso-field>button {
- position: absolute;
- top: -6px;
- right: 8px;
+ position: absolute;
+ top: -6px;
+ right: 8px;
}
.iso-field .button-field {
- padding: 0 20px;
- text-align: right;
+ padding: 0 20px;
+ text-align: right;
}
.check-all {
- display: inline-block;
- position: relative;
- height: 38px;
- line-height: 38px;
- margin: 5px;
- font-size: 13px;
+ display: inline-block;
+ position: relative;
+ height: 38px;
+ line-height: 38px;
+ margin: 5px;
+ font-size: 13px;
}
.check-all input {
- margin: 0 5px 0 0;
+ margin: 0 5px 0 0;
}
.box {
- background: #ffffff;
- background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
- background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
- border: 1px solid #ccc;
- color: #333;
- text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- border-radius: 8px;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
+ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
+ border: 1px solid #ccc;
+ color: #333;
+ text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ border-radius: 8px;
}
.box:HOVER {
- border: 1px solid #aaa;
- -webkit-box-shadow: #bbb 0px 0px 5px;
- box-shadow: #bbb 0px 0px 5px;
+ border: 1px solid #aaa;
+ -webkit-box-shadow: #bbb 0px 0px 5px;
+ box-shadow: #bbb 0px 0px 5px;
}
.box-iso {
- padding: 10px;
- margin: 5px;
- overflow: hidden;
+ padding: 10px;
+ margin: 5px;
+ overflow: hidden;
}
.iso-icon {
- float: left;
- width: 58px;
- height: 58px;
- margin: 0 5px 0 0;
- border: 1px solid #CCCCCC;
- border-radius: 8px;
- background: url(../../images/icon-vm.png) center center no-repeat;
- background-size: 58px;
+ float: left;
+ width: 58px;
+ height: 58px;
+ margin: 0 5px 0 0;
+ border: 1px solid #CCCCCC;
+ border-radius: 8px;
+ background: url(../../images/icon-vm.png) center center no-repeat;
+ background-size: 58px;
}
.iso-icon.centos {
- background-image: url(../../images/icon-centos.png);
+ background-image: url(../../images/icon-centos.png);
}
.iso-icon.debian {
- background-image: url(../../images/icon-debian.png);
+ background-image: url(../../images/icon-debian.png);
}
.iso-icon.fedora {
- background-image: url(../../images/icon-fedora.png);
+ background-image: url(../../images/icon-fedora.png);
}
.iso-icon.opensuse {
- background-image: url(../../images/icon-opensuse.png);
+ background-image: url(../../images/icon-opensuse.png);
}
.iso-icon.ubuntu {
- background-image: url(../../images/icon-ubuntu.png);
+ background-image: url(../../images/icon-ubuntu.png);
}
.list-iso {
- overflow: hidden;
- margin: 5px;
+ overflow: hidden;
+ margin: 5px;
}
.list-iso li {
- float: left;
- width: 320px;
+ float: left;
+ width: 320px;
}
.list-iso>li>label {
- display: block;
- cursor: pointer;
+ display: block;
+ cursor: pointer;
}
.list-iso>li>label>input[type="checkbox"] {
- display: none;
+ display: none;
}
.list-iso>li>label>input[type="checkbox"]:CHECKED+.box-iso {
- border: 1px solid rgb(11, 107, 173);
- -webkit-box-shadow: rgb(11, 107, 173) 0px 0px 4px;
- box-shadow: rgb(11, 107, 173) 0px 0px 4px;
+ border: 1px solid rgb(11, 107, 173);
+ -webkit-box-shadow: rgb(11, 107, 173) 0px 0px 4px;
+ box-shadow: rgb(11, 107, 173) 0px 0px 4px;
}
.iso-title {
- margin: 0;
- display: block;
- position: relative;
- height: 23px;
- line-height: 23px;
- font-size: 14px;
- font-weight: normal;
- max-width: 100%;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ margin: 0;
+ display: block;
+ position: relative;
+ height: 23px;
+ line-height: 23px;
+ font-size: 14px;
+ font-weight: normal;
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.iso-title>label>input {
- display: block;
- position: absolute;
- top: 0;
- right: 2px;
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 2px;
}
.iso-info {
- margin-top: 5px;
- overflow: hidden;
+ margin-top: 5px;
+ overflow: hidden;
}
.iso-info-col {
- float: left;
- width: 50%;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- padding: 0 0 0 5px;
+ float: left;
+ width: 50%;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0 0 0 5px;
}
.iso-info-col:FIRST-CHILD {
- padding: 0 5px 0 0;
- border-right: 1px solid #999;
+ padding: 0 5px 0 0;
+ border-right: 1px solid #999;
}
.iso-info-item {
- font-weight: bold;
- color: #999;
- font-size: 11px;
- line-height: 18px;
- max-width: 106px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ font-weight: bold;
+ color: #999;
+ font-size: 11px;
+ line-height: 18px;
+ max-width: 106px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
#iso-search {
- margin: 10px 15px;
+ margin: 10px 15px;
}
#iso-search-loading {
- margin: 10px 15px;
- background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px center no-repeat;
- padding: 0 20px 0 26px;
+ margin: 10px 15px;
+ background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px center no-repeat;
+ padding: 0 20px 0 26px;
}
#iso-more-loading {
diff --git a/ui/css/theme-default/template_list.css b/ui/css/theme-default/template_list.css
index 8bf5d4c..bd250a9 100644
--- a/ui/css/theme-default/template_list.css
+++ b/ui/css/theme-default/template_list.css
@@ -19,232 +19,232 @@
* limitations under the License.
*/
.list-template.framework {
- float: left;
- clear: both;
+ float: left;
+ clear: both;
}
.template-box {
- border-radius: 8px 8px 8px 8px;
- box-shadow: none;
- color: #666666;
- float: left;
- height: auto;
- margin: 10px 11px 10px 0;
- padding: 10px;
- width: 308px;
+ border-radius: 8px 8px 8px 8px;
+ box-shadow: none;
+ color: #666666;
+ float: left;
+ height: auto;
+ margin: 10px 11px 10px 0;
+ padding: 10px;
+ width: 308px;
}
.template-title {
- font-size: 16px;
- height: 25px;
- line-height: 25px;
+ font-size: 16px;
+ height: 25px;
+ line-height: 25px;
}
.template-icon {
- border: 1px solid #CCCCCC;
- border-radius: 8px 8px 8px 8px;
- height: 58px;
- margin: 0 10px 10px 0;
- width: 48px;
+ border: 1px solid #CCCCCC;
+ border-radius: 8px 8px 8px 8px;
+ height: 58px;
+ margin: 0 10px 10px 0;
+ width: 48px;
}
.template-icon img {
- width: 58px;
+ width: 58px;
}
.template-text {
- color: #999999;
- float: left;
- font-size: 11px;
- font-weight: bold;
- height: 18px;
- line-height: 18px;
- width: 142px;
- display: table;
+ color: #999999;
+ float: left;
+ font-size: 11px;
+ font-weight: bold;
+ height: 18px;
+ line-height: 18px;
+ width: 142px;
+ display: table;
}
.white-box {
- background: #ffffff;
- background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
- background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
- background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
- border: 1px solid #CCCCCC;
- color: #333333;
- text-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #FFFFFF;
+ background: #ffffff;
+ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
+ background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
+ background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
+ border: 1px solid #CCCCCC;
+ color: #333333;
+ text-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #FFFFFF;
}
.row-select {
- -moz-border-bottom-colors: none;
- -moz-border-left-colors: none;
- -moz-border-right-colors: none;
- -moz-border-top-colors: none;
- background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
- border-color: #999999 #AAAAAA #AAAAAA #999999;
- border-image: none;
- border-radius: 5px 5px 5px 5px;
- border-right: 1px solid #AAAAAA;
- border-style: solid;
- border-width: 1px;
- float: left;
- font-size: 13px;
- height: 42px;
- line-height: 42px;
- margin: 5px 0 0 10px;
- padding-left: 10px;
- text-align: left;
- text-shadow: -1px -1px 1px #AAAAAA, 1px 1px 1px #FFFFFF;
- width: 100px;
+ -moz-border-bottom-colors: none;
+ -moz-border-left-colors: none;
+ -moz-border-right-colors: none;
+ -moz-border-top-colors: none;
+ background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
+ border-color: #999999 #AAAAAA #AAAAAA #999999;
+ border-image: none;
+ border-radius: 5px 5px 5px 5px;
+ border-right: 1px solid #AAAAAA;
+ border-style: solid;
+ border-width: 1px;
+ float: left;
+ font-size: 13px;
+ height: 42px;
+ line-height: 42px;
+ margin: 5px 0 0 10px;
+ padding-left: 10px;
+ text-align: left;
+ text-shadow: -1px -1px 1px #AAAAAA, 1px 1px 1px #FFFFFF;
+ width: 100px;
}
.bevel3 {
- box-shadow: -2px -2px 2px #EAEAEA, 2px 2px 2px #FFFFFF, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, 0.25) inset;
- color: #333333;
+ box-shadow: -2px -2px 2px #EAEAEA, 2px 2px 2px #FFFFFF, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, 0.25) inset;
+ color: #333333;
}
.row-drop {
- left: 10px;
- position: relative;
- top: 50px;
+ left: 10px;
+ position: relative;
+ top: 50px;
}
.template-action-hidden {
- visibility: hidden;
+ visibility: hidden;
}
.template-action-show {
- visibility: visible;
- display: block;
+ visibility: visible;
+ display: block;
}
template-hidden {
- display: none;
+ display: none;
}
.select-drop {
- background: none repeat scroll 0 0 #EEEEEE;
- border: 2px solid #096AAD;
- border-radius: 5px 5px 5px 5px;
- box-shadow: 6px 6px 6px;
- height: 147px;
- left: 0;
- position: absolute;
- top: 8px;
- width: 250px;
- z-index: 2147483647;
+ background: none repeat scroll 0 0 #EEEEEE;
+ border: 2px solid #096AAD;
+ border-radius: 5px 5px 5px 5px;
+ box-shadow: 6px 6px 6px;
+ height: 147px;
+ left: 0;
+ position: absolute;
+ top: 8px;
+ width: 250px;
+ z-index: 2147483647;
}
.button-drop {
- background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 10px, #CCCCCC 96%, #A5A5A5 100%) repeat scroll 0 0 transparent;
+ background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 10px, #CCCCCC 96%, #A5A5A5 100%) repeat scroll 0 0 transparent;
}
.action-bevel {
- box-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #EEEEEE;
+ box-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #EEEEEE;
}
.template-border {
- border: 1px solid rgb(204, 204, 204);
+ border: 1px solid rgb(204, 204, 204);
}
.template-button-position {
- position: relative;
- left: 250px;
- top: 55px;
- z-index: 5555;
+ position: relative;
+ left: 250px;
+ top: 55px;
+ z-index: 5555;
}
.tempate-action-position {
- float: right;
- width: 83px;
- margin: 0;
+ float: right;
+ width: 83px;
+ margin: 0;
}
.template-actiontext-position {
- width: 250px;
- height: 160px;
+ width: 250px;
+ height: 160px;
}
.template-line {
- left: 200px;
+ left: 200px;
}
.template-os-position {
- padding-right: 10px;
- clear: both;
- width: 142px;
- border-right: 1px solid #999;
- float: left;
+ padding-right: 10px;
+ clear: both;
+ width: 142px;
+ border-right: 1px solid #999;
+ float: left;
}
.template-cpu-position {
- border-left: 1px solid #eee;
- padding-left: 10px;
- float: left;
- width: 132px;
+ border-left: 1px solid #eee;
+ padding-left: 10px;
+ float: left;
+ width: 132px;
}
.template-icon-position {
- float: left;
- height: 58px;
- width: 58px;
+ float: left;
+ height: 58px;
+ width: 58px;
}
.template-title-position {
- float: left;
- width: 120px;
+ float: left;
+ width: 120px;
}
.template-results {
- background: linear-gradient(to bottom, #FFFFFF 35px, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 transparent;
- float: left;
- height: 60px;
- margin-bottom: -22px;
- padding-left: 10px;
- width: 1014px;
+ background: linear-gradient(to bottom, #FFFFFF 35px, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 transparent;
+ float: left;
+ height: 60px;
+ margin-bottom: -22px;
+ padding-left: 10px;
+ width: 1014px;
}
.select-row-action {
- background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
- border: 1px solid #CCCCCC;
- border-radius: 5px 5px 5px 5px;
- float: left;
- font-size: 13px;
- height: 38px;
- line-height: 38px;
- margin: 10px 10px 0;
- text-align: center;
- text-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #FFFFFF;
- width: 230px;
+ background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent;
+ border: 1px solid #CCCCCC;
+ border-radius: 5px 5px 5px 5px;
+ float: left;
+ font-size: 13px;
+ height: 38px;
+ line-height: 38px;
+ margin: 10px 10px 0;
+ text-align: center;
+ text-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #FFFFFF;
+ width: 230px;
}
.select-row-delete {
- background: linear-gradient(to bottom, #FF3019 0%, #CF0404 100%) repeat scroll 0 0 transparent;
- border: 1px solid #B10F14;
- border-radius: 5px 5px 5px 5px;
- color: #FFFFFF;
- float: left;
- font-size: 13px;
- font-weight: bold;
- height: 38px;
- line-height: 38px;
- margin: 10px 10px 0;
- text-align: center;
- text-shadow: -1px -1px 1px #9E0505, 1px 1px 1px #FC5D4C;
- width: 230px;
+ background: linear-gradient(to bottom, #FF3019 0%, #CF0404 100%) repeat scroll 0 0 transparent;
+ border: 1px solid #B10F14;
+ border-radius: 5px 5px 5px 5px;
+ color: #FFFFFF;
+ float: left;
+ font-size: 13px;
+ font-weight: bold;
+ height: 38px;
+ line-height: 38px;
+ margin: 10px 10px 0;
+ text-align: center;
+ text-shadow: -1px -1px 1px #9E0505, 1px 1px 1px #FC5D4C;
+ width: 230px;
}
.template-general .title {
- color: black;
- font-size: 16px;
- font-weight: normal;
- height: 25px;
- line-height: 25px;
- text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
- max-width: 130px;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
+ color: black;
+ font-size: 16px;
+ font-weight: normal;
+ height: 25px;
+ line-height: 25px;
+ text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff;
+ max-width: 130px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
diff --git a/ui/css/theme-default/tile-check.css b/ui/css/theme-default/tile-check.css
index 0e41010..e30e173 100644
--- a/ui/css/theme-default/tile-check.css
+++ b/ui/css/theme-default/tile-check.css
@@ -19,30 +19,30 @@
* limitations under the License.
*/
.tile-check {
- overflow: hidden;
+ overflow: hidden;
}
.tile-check>li {
- float: left;
- padding: 5px;
+ float: left;
+ padding: 5px;
}
.tile-check>li>label {
- display: block;
- cursor: pointer;
+ display: block;
+ cursor: pointer;
}
.tile-check>li>label>input[type="radio"] {
- display: none;
+ display: none;
}
.tile-check>li>label>.info {
- display: block;
- position: relative;
- overflow: hidden;
- border: 4px solid #ccc;
+ display: block;
+ position: relative;
+ overflow: hidden;
+ border: 4px solid #ccc;
}
.tile-check>li>label>input[type="radio"]:CHECKED+.info {
- border: 4px solid #06C;
+ border: 4px solid #06C;
}
diff --git a/ui/css/theme-default/toolbar.css b/ui/css/theme-default/toolbar.css
index 6bd1037..5f47ed8 100644
--- a/ui/css/theme-default/toolbar.css
+++ b/ui/css/theme-default/toolbar.css
@@ -21,34 +21,34 @@
/* Generated at http://colorzilla.com/gradient-editor/ */
.toolbar {
- position: relative;
- height: 48px;
- padding: 0 5px;
- overflow: hidden;
- background: #e5e5e5;
- background: -moz-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #c4c4c4));
- background: -webkit-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
- background: -o-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
- background: -ms-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
- background: linear-gradient(to bottom, #e5e5e5 0%, #c4c4c4 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c4c4c4', GradientType=0);
- border-bottom: 1px solid #aaa;
+ position: relative;
+ height: 48px;
+ padding: 0 5px;
+ overflow: hidden;
+ background: #e5e5e5;
+ background: -moz-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #c4c4c4));
+ background: -webkit-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
+ background: -o-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
+ background: -ms-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%);
+ background: linear-gradient(to bottom, #e5e5e5 0%, #c4c4c4 100%);
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c4c4c4', GradientType=0);
+ border-bottom: 1px solid #aaa;
}
.toolbar .filters {
- float: left;
+ float: left;
}
.toolbar .tools {
- float: right;
+ float: right;
}
.toolbar .divide {
- display: inline-block;
- height: 42px;
- margin: 3px;
- vertical-align: top;
- border-left: 1px solid #999;
- border-right: 1px solid #eee;
+ display: inline-block;
+ height: 42px;
+ margin: 3px;
+ vertical-align: top;
+ border-left: 1px solid #999;
+ border-right: 1px solid #eee;
}
diff --git a/ui/css/theme-default/topbar.css b/ui/css/theme-default/topbar.css
index 42859cc..6a5aec6 100644
--- a/ui/css/theme-default/topbar.css
+++ b/ui/css/theme-default/topbar.css
@@ -21,147 +21,147 @@
/* Generated at http://colorzilla.com/gradient-editor/ */
.topbar {
- height: 48px;
- background: #4a4a4a; /* Old browsers */
- background: -moz-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* FF3.6+ */
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4a4a), color-stop(100%, #272727));
- /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* Opera 11.10+ */
- background: -ms-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* IE10+ */
- background: linear-gradient(to bottom, #4a4a4a 0%, #272727 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#272727', GradientType=0);
- border-top: 1px solid #6b6868;
- boder-bottom: 1px solid #151718;
- position: relative;
+ height: 48px;
+ background: #4a4a4a; /* Old browsers */
+ background: -moz-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4a4a), color-stop(100%, #272727));
+ /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* IE10+ */
+ background: linear-gradient(to bottom, #4a4a4a 0%, #272727 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#272727', GradientType=0);
+ border-top: 1px solid #6b6868;
+ boder-bottom: 1px solid #151718;
+ position: relative;
}
#logo {
- height: 48px;
- line-height: 48px;
- padding: 0 10px;
- font-size: 20px;
- font-weight: normal;
- color: #eee;
- text-shadow: -1px -1px 1px #000, 1px 1px 1px #555;
- vertical-align: top;
- max-width: 250px;
- overflow: hidden;
+ height: 48px;
+ line-height: 48px;
+ padding: 0 10px;
+ font-size: 20px;
+ font-weight: normal;
+ color: #eee;
+ text-shadow: -1px -1px 1px #000, 1px 1px 1px #555;
+ vertical-align: top;
+ max-width: 250px;
+ overflow: hidden;
}
.nav-top {
- position: absolute;
- right: 0;
- top: 0;
- border-left: 1px solid #000;
- border-right: 1px solid #585858;
+ position: absolute;
+ right: 0;
+ top: 0;
+ border-left: 1px solid #000;
+ border-right: 1px solid #585858;
}
.nav-top>li {
- float: left;
- border-left: 1px solid #585858;
- border-right: 1px solid #000;
+ float: left;
+ border-left: 1px solid #585858;
+ border-right: 1px solid #000;
}
.nav-top .icon {
- display: block;
- position: relative;
- width: 58px;
- height: 48px;
+ display: block;
+ position: relative;
+ width: 58px;
+ height: 48px;
}
.nav-top .icon .count {
- position: absolute;
- top: 3px;
- right: 3px;
- height: 16px;
- line-height: 17px;
- padding: 0 5px;
- -webkit-border-radius: 12px;
- -moz-border-radius: 12px;
- border-radius: 12px;
- font-size: 10px;
- color: #fff;
- text-align: center;
- background: #06C;
- text-shadow: none;
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ height: 16px;
+ line-height: 17px;
+ padding: 0 5px;
+ -webkit-border-radius: 12px;
+ -moz-border-radius: 12px;
+ border-radius: 12px;
+ font-size: 10px;
+ color: #fff;
+ text-align: center;
+ background: #06C;
+ text-shadow: none;
}
.icon.setting {
- background: url(../images/theme-default/icon-setting.png) no-repeat center center;
+ background: url(../images/theme-default/icon-setting.png) no-repeat center center;
}
.icon.tool {
- background: url(../images/theme-default/icon-tool.png) no-repeat center center;
+ background: url(../images/theme-default/icon-tool.png) no-repeat center center;
}
.icon.event {
- background: url(../images/theme-default/icon-event.png) no-repeat center center;
+ background: url(../images/theme-default/icon-event.png) no-repeat center center;
}
.icon.alert {
- background: url(../images/theme-default/icon-alert.png) no-repeat center center;
+ background: url(../images/theme-default/icon-alert.png) no-repeat center center;
}
#user {
- color: white;
- cursor: pointer;
- display: block;
- position: relative;
- height: 48px;
- margin: 0 12px;
+ color: white;
+ cursor: pointer;
+ display: block;
+ position: relative;
+ height: 48px;
+ margin: 0 12px;
}
#user span {
- display: inline-block;
- margin-top: 16px;
+ display: inline-block;
+ margin-top: 16px;
}
#user:hover #user-name {
- border-bottom: 1px solid white;
+ border-bottom: 1px solid white;
}
#user.not-logged-in {
- display: none;
+ display: none;
}
#user-icon {
- background: url("/images/theme-default/user-icon.png") no-repeat left top;
- height: 16px;
- width: 16px;
+ background: url("/images/theme-default/user-icon.png") no-repeat left top;
+ height: 16px;
+ width: 16px;
}
#user-name {
- height: 16px;
- line-height: 16px;
+ height: 16px;
+ line-height: 16px;
}
#user .arrow {
- border: 6px solid transparent;
- border-bottom: none;
- border-top-color: white;
- display: inline-block;
- width: 0;
+ border: 6px solid transparent;
+ border-bottom: none;
+ border-top-color: white;
+ display: inline-block;
+ width: 0;
}
#user .action-panel {
- top: 45px;
- color: black;
- padding: 12px 18px;
- white-space: nowrap;
+ top: 45px;
+ color: black;
+ padding: 12px 18px;
+ white-space: nowrap;
}
#btn-logout {
- color: black;
- font-size: 14px;
+ color: black;
+ font-size: 14px;
}
a#btn-logout:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
@media ( max-width : 640px) {
- #logo {
- display: none;
- }
+ #logo {
+ display: none;
+ }
}
diff --git a/ui/css/theme-default/window.css b/ui/css/theme-default/window.css
index 712bdb7..0a95dce 100644
--- a/ui/css/theme-default/window.css
+++ b/ui/css/theme-default/window.css
@@ -20,98 +20,98 @@
*/
/* Hide the "Build Me" warning */
#buildme {
- display: none;
+ display: none;
}
.bgmask {
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- background: url(../images/theme-default/bg-mask.png);
- z-index: 100;
- overflow: hidden;
+ position: fixed;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ background: url(../images/theme-default/bg-mask.png);
+ z-index: 100;
+ overflow: hidden;
}
.window {
- position: absolute;
- margin: auto;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- box-shadow: 2px 2px 6px #000;
- border: 2px solid #0f71b4;
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- border-radius: 8px;
- background-color: #eee;
- box-sizing: border-box;
- max-width: 100%;
- max-height: 100%;
+ position: absolute;
+ margin: auto;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ box-shadow: 2px 2px 6px #000;
+ border: 2px solid #0f71b4;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ border-radius: 8px;
+ background-color: #eee;
+ box-sizing: border-box;
+ max-width: 100%;
+ max-height: 100%;
}
.window>header {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- height: 48px;
- z-index: 100;
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ height: 48px;
+ z-index: 100;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.05);
}
.window footer {
- position: absolute;
- left: 0;
- right: 0;
- bottom: 0;
- height: 56px;
- z-index: 100;
- box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
+ position: absolute;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 56px;
+ z-index: 100;
+ box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15);
}
.window .content {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- overflow: auto;
- margin: 48px 0;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ overflow: auto;
+ margin: 48px 0;
}
.window .close {
- position: absolute;
- width: 30px;
- height: 30px;
- top: 7px;
- right: 7px;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- border-radius: 30px;
- border: 2px solid #ccc;
- color: #ccc;
- font-size: 24px;
- text-align: center;
- line-height: 30px;
- font-weight: bold;
- background: #eee;
- cursor: pointer;
+ position: absolute;
+ width: 30px;
+ height: 30px;
+ top: 7px;
+ right: 7px;
+ -webkit-border-radius: 30px;
+ -moz-border-radius: 30px;
+ border-radius: 30px;
+ border: 2px solid #ccc;
+ color: #ccc;
+ font-size: 24px;
+ text-align: center;
+ line-height: 30px;
+ font-weight: bold;
+ background: #eee;
+ cursor: pointer;
}
.window>header>.close:HOVER {
- border: 2px solid #444;
- color: #444;
+ border: 2px solid #444;
+ color: #444;
}
.window>header>.title {
- font-size: 18px;
- height: 48px;
- line-height: 48px;
- color: #06C;
- margin: 0 10px;
- font-weight: bold;
- text-shadow: -1px -1px 1px #eaeaea, 1px 1px 1px #fff;
+ font-size: 18px;
+ height: 48px;
+ line-height: 48px;
+ color: #06C;
+ margin: 0 10px;
+ font-weight: bold;
+ text-shadow: -1px -1px 1px #eaeaea, 1px 1px 1px #fff;
}
diff --git a/ui/js/dev.main.js b/ui/js/dev.main.js
index 23546e5..8a68989 100644
--- a/ui/js/dev.main.js
+++ b/ui/js/dev.main.js
@@ -232,13 +232,13 @@ function load(data)
{
console.log("load");
$.ajax({
- url: "/vms",
- dataType: "json"
+ url: "/vms",
+ dataType: "json"
}).done(load_vms);
$.ajax({
- url: "/templates",
- dataType: "json"
+ url: "/templates",
+ dataType: "json"
}).done(load_templates);
$.ajax({
diff --git a/ui/js/src/kimchi.template_main.js b/ui/js/src/kimchi.template_main.js
index 932fa70..ffc7306 100644
--- a/ui/js/src/kimchi.template_main.js
+++ b/ui/js/src/kimchi.template_main.js
@@ -10,7 +10,7 @@
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
- * http://www.apache.org/licenses/LICENSE-2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
diff --git a/ui/pages/guest-add.html.tmpl b/ui/pages/guest-add.html.tmpl
index e91d57d..36a0f35 100644
--- a/ui/pages/guest-add.html.tmpl
+++ b/ui/pages/guest-add.html.tmpl
@@ -28,68 +28,68 @@
<html>
<body>
<div class="window" style="width: 900px;height: 580px;">
- <header>
- <h1 class="title">$_("Create a New Virtual Machine")</h1>
- <div class="close">X</div>
- </header>
- <div class="content">
- <form id="form-vm-add">
- <section class="form-section">
- <h2>1. $_("Virtual Machine Name")</h2>
- <div class="field">
- <p class="text-help">
- $_("The name used to identify the VM. If omitted, a name will be chosen based on the template used.")
- </p>
- <input type="text" class="text" style="width: 300px" name="name">
- </div>
- </section>
- <section class="form-section">
- <h2>2. $_("Template")</h2>
- <div class="field">
- <div class="text-help">
- <div id="prompt-create-template" class="hidden">
- <div>$_("Please create a template first.")</div>
- <a id="btn-create-template" class="btn-normal" href="templates.html">
- <span class="text">$_("Create a Template")</span>
- </a>
- </div>
- <div id="prompt-choose-template" class="hidden">
- <span>$_("Please choose a template.")</span>
- </div>
- </div>
- <ul id="templateTile" class="tile-check tile-template">
- </ul>
- <script type="html/text" id="tmpl-template" class="tmpl-html">
- <li>
- <label>
- <input type="radio" name="template" value="/templates/{name}">
- <div class="info">
- <div class="summary os-icon">
- <img src="{icon}">
- <span class="title">{name}</span>
- </div>
- <ul class="list-info">
- <li><label>$_("OS")</label><span>{os_distro}</span></li>
- <li><label>$_("OS Version")</label><span>{os_version}</span></li>
- <li><label>$_("CPUS")</label><span>{cpus}</span></li>
- <li><label>$_("Memory")</label><span>{memory}M</span></li>
- </ul>
- </div>
- </label>
- </li>
- </script>
- </div>
- </section>
- </form>
- </div>
- <footer>
- <div class="btn-group">
- <button id="vm-doAdd" class="btn-normal" disabled="disabled" href="javascript:void(0);"><span class="text">$_("Create")</span></button>
- </div>
- </footer>
+ <header>
+ <h1 class="title">$_("Create a New Virtual Machine")</h1>
+ <div class="close">X</div>
+ </header>
+ <div class="content">
+ <form id="form-vm-add">
+ <section class="form-section">
+ <h2>1. $_("Virtual Machine Name")</h2>
+ <div class="field">
+ <p class="text-help">
+ $_("The name used to identify the VM. If omitted, a name will be chosen based on the template used.")
+ </p>
+ <input type="text" class="text" style="width: 300px" name="name">
+ </div>
+ </section>
+ <section class="form-section">
+ <h2>2. $_("Template")</h2>
+ <div class="field">
+ <div class="text-help">
+ <div id="prompt-create-template" class="hidden">
+ <div>$_("Please create a template first.")</div>
+ <a id="btn-create-template" class="btn-normal" href="templates.html">
+ <span class="text">$_("Create a Template")</span>
+ </a>
+ </div>
+ <div id="prompt-choose-template" class="hidden">
+ <span>$_("Please choose a template.")</span>
+ </div>
+ </div>
+ <ul id="templateTile" class="tile-check tile-template">
+ </ul>
+ <script type="html/text" id="tmpl-template" class="tmpl-html">
+ <li>
+ <label>
+ <input type="radio" name="template" value="/templates/{name}">
+ <div class="info">
+ <div class="summary os-icon">
+ <img src="{icon}">
+ <span class="title">{name}</span>
+ </div>
+ <ul class="list-info">
+ <li><label>$_("OS")</label><span>{os_distro}</span></li>
+ <li><label>$_("OS Version")</label><span>{os_version}</span></li>
+ <li><label>$_("CPUS")</label><span>{cpus}</span></li>
+ <li><label>$_("Memory")</label><span>{memory}M</span></li>
+ </ul>
+ </div>
+ </label>
+ </li>
+ </script>
+ </div>
+ </section>
+ </form>
+ </div>
+ <footer>
+ <div class="btn-group">
+ <button id="vm-doAdd" class="btn-normal" disabled="disabled" href="javascript:void(0);"><span class="text">$_("Create")</span></button>
+ </div>
+ </footer>
</div>
<script>
- kimchi.guest_add_main();
+ kimchi.guest_add_main();
</script>
</body>
</html>
diff --git a/ui/pages/guest.html.tmpl b/ui/pages/guest.html.tmpl
index 3ae1687..6bd6853 100644
--- a/ui/pages/guest.html.tmpl
+++ b/ui/pages/guest.html.tmpl
@@ -24,44 +24,44 @@
#silent t = gettext.translation($lang.domain, $lang.localedir, languages=$lang.lang)
#silent _ = t.gettext
#silent _t = t.gettext
- <li id="{name}">
- <div class="sortable guest-type">
- <div class="guest-general">
- <h2 class="title" title="{name}">{name}</h2>
- </div>
- </div>
- <div class="sortable guest-cpu">
- <div class="circle" data-value="{stats}"></div>
- </div>
- <div class="sortable guest-network">
- <div class="circle" data-value="{stats}"></div>
+ <li id="{name}">
+ <div class="sortable guest-type">
+ <div class="guest-general">
+ <h2 class="title" title="{name}">{name}</h2>
+ </div>
+ </div>
+ <div class="sortable guest-cpu">
+ <div class="circle" data-value="{stats}"></div>
+ </div>
+ <div class="sortable guest-network">
+ <div class="circle" data-value="{stats}"></div>
<div class="subtitle">KB/s</div>
- </div>
- <div class="sortable guest-storage">
- <div class="circle" data-value="{stats}"></div>
+ </div>
+ <div class="sortable guest-storage">
+ <div class="circle" data-value="{stats}"></div>
<div class="subtitle">KB/s</div>
- </div>
- <div class="sortable guest-tile">
- <div class="tile {state}">
- <img class="imgactive" alt="" src="{tile-src}">
- <img class="imgload" alt="" src="{load-src}">
- </div>
- </div>
- <div class="sortable guest-actions">
- <div class="top">
- <a class="btn vm-reset" data-vmstate="{state}" data-vm="{name}" href="javascript:void(0);" title="$_("Reset")"><span class="icon reset"></span></a>
- <a class="btn vm-start" data-vmstate="{state}" data-vm="{name}" href="javascript:void(0);" title="$_("Start")"><span class="icon power-down"></span></a>
- <a class="btn vm-stop" data-vmstate="{state}" data-vm="{name}" href="javascript:void(0);" title="$_("Stop")"><span class="icon power-up"></span></a>
- </div>
- <div class="bottom">
- <div class="btn dropdown popable vm-action" data-vmstate="{state}" data-graphics="{graphics.type}" data-vm="{name}" style="width: 70px">
- <span class="text">$_("Actions")</span><span class="arrow"></span>
- <div class="popover actionsheet right-side" style="width: 250px">
- <button class="button-big vm-vnc" data-vm="{name}"><span class="text">VNC</span></button>
- <button class="button-big vm-edit" data-vm="{name}"><span class="text">$_("Edit")</span></button>
- <a class="button-big red vm-delete" data-vm="{name}">$_("Delete")</a>
- </div>
- </div>
- </div>
- </div>
- </li>
+ </div>
+ <div class="sortable guest-tile">
+ <div class="tile {state}">
+ <img class="imgactive" alt="" src="{tile-src}">
+ <img class="imgload" alt="" src="{load-src}">
+ </div>
+ </div>
+ <div class="sortable guest-actions">
+ <div class="top">
+ <a class="btn vm-reset" data-vmstate="{state}" data-vm="{name}" href="javascript:void(0);" title="$_("Reset")"><span class="icon reset"></span></a>
+ <a class="btn vm-start" data-vmstate="{state}" data-vm="{name}" href="javascript:void(0);" title="$_("Start")"><span class="icon power-down"></span></a>
+ <a class="btn vm-stop" data-vmstate="{state}" data-vm="{name}" href="javascript:void(0);" title="$_("Stop")"><span class="icon power-up"></span></a>
+ </div>
+ <div class="bottom">
+ <div class="btn dropdown popable vm-action" data-vmstate="{state}" data-graphics="{graphics.type}" data-vm="{name}" style="width: 70px">
+ <span class="text">$_("Actions")</span><span class="arrow"></span>
+ <div class="popover actionsheet right-side" style="width: 250px">
+ <button class="button-big vm-vnc" data-vm="{name}"><span class="text">VNC</span></button>
+ <button class="button-big vm-edit" data-vm="{name}"><span class="text">$_("Edit")</span></button>
+ <a class="button-big red vm-delete" data-vm="{name}">$_("Delete")</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </li>
diff --git a/ui/pages/kimchi-ui.html.tmpl b/ui/pages/kimchi-ui.html.tmpl
index 5d8f583..8e234e2 100644
--- a/ui/pages/kimchi-ui.html.tmpl
+++ b/ui/pages/kimchi-ui.html.tmpl
@@ -65,28 +65,28 @@
<body>
<div class="container">
<header class="topbar">
- <h1 id="logo"><img alt="Project Kimchi" src="images/theme-default/logo-white.png"></h1>
- <ul class="nav-top">
- <li>
- <div id="user" class="popable">
- <span id="user-icon"></span>
- <span id="user-name"></span>
- <span class="arrow"></span>
- <div class="action-panel popover right-side">
- <a id="btn-logout" href="javascript: void(0);">$_("Log out")</a>
- </div>
- </div>
- </li>
- </ul>
+ <h1 id="logo"><img alt="Project Kimchi" src="images/theme-default/logo-white.png"></h1>
+ <ul class="nav-top">
+ <li>
+ <div id="user" class="popable">
+ <span id="user-icon"></span>
+ <span id="user-name"></span>
+ <span class="arrow"></span>
+ <div class="action-panel popover right-side">
+ <a id="btn-logout" href="javascript: void(0);">$_("Log out")</a>
+ </div>
+ </div>
+ </li>
+ </ul>
</header>
<div class="content">
- <nav class="navbar">
- <ul id="nav-menu" class="nav-menu">
- <li class="menu-arrow"></li>
- </ul>
- </nav>
- <div id="main">
- </div>
+ <nav class="navbar">
+ <ul id="nav-menu" class="nav-menu">
+ <li class="menu-arrow"></li>
+ </ul>
+ </nav>
+ <div id="main">
+ </div>
</div>
</div>
<script src="$href("libs/jquery-1.10.0.min.js")"></script>
diff --git a/ui/pages/report-add.html.tmpl b/ui/pages/report-add.html.tmpl
index c9214ce..2a962d4 100644
--- a/ui/pages/report-add.html.tmpl
+++ b/ui/pages/report-add.html.tmpl
@@ -26,32 +26,32 @@
#silent _t = t.gettext
<!DOCTYPE html>
<div id="report-add-window" class="window">
- <header>
- <h1 class="title">$_("Generate a New Debug Report")</h1>
- <div class="close">X</div>
- </header>
- <div class="content">
- <form id="form-report-add">
- <section class="form-section">
- <h2>
- <label for="report-name-textbox">$_("Report Name")</label>
- </h2>
- <div class="field">
- <span>
- $_("The name used to identify the report. If omitted, a name will be chosen based on current time. Name can contain: letters, digits, \"-\", \"_\", or \".\".")
- </span>
- <input type="text" class="text" id="report-name-textbox" name="name" />
- <span id="report-error-message"></span>
- </div>
- </section>
- </form>
- </div>
- <footer>
- <div class="btn-group">
- <button id="button-report-add" class="btn-normal"><span class="text">$_("Generate")</span></button>
- </div>
- </footer>
+ <header>
+ <h1 class="title">$_("Generate a New Debug Report")</h1>
+ <div class="close">X</div>
+ </header>
+ <div class="content">
+ <form id="form-report-add">
+ <section class="form-section">
+ <h2>
+ <label for="report-name-textbox">$_("Report Name")</label>
+ </h2>
+ <div class="field">
+ <span>
+ $_("The name used to identify the report. If omitted, a name will be chosen based on current time. Name can contain: letters, digits, \"-\", \"_\", or \".\".")
+ </span>
+ <input type="text" class="text" id="report-name-textbox" name="name" />
+ <span id="report-error-message"></span>
+ </div>
+ </section>
+ </form>
+ </div>
+ <footer>
+ <div class="btn-group">
+ <button id="button-report-add" class="btn-normal"><span class="text">$_("Generate")</span></button>
+ </div>
+ </footer>
</div>
<script>
- kimchi.report_add_main();
+ kimchi.report_add_main();
</script>
diff --git a/ui/pages/storagepool-add.html.tmpl b/ui/pages/storagepool-add.html.tmpl
index d7b046d..3ab9ae5 100644
--- a/ui/pages/storagepool-add.html.tmpl
+++ b/ui/pages/storagepool-add.html.tmpl
@@ -27,89 +27,89 @@
<!DOCTYPE html>
<html>
<body>
- <div class="window" style="width: 600px; height: 600px;">
- <header>
- <h1 class="title">$_("Define a New Storage Pool")</h1>
- <div class="close">X</div>
- </header>
- <div class="content">
- <form id="form-pool-add">
- <section class="form-section">
- <h2>1. $_("Storage Pool Name")</h2>
- <div class="field">
- <p class="text-help">
+ <div class="window" style="width: 600px; height: 600px;">
+ <header>
+ <h1 class="title">$_("Define a New Storage Pool")</h1>
+ <div class="close">X</div>
+ </header>
+ <div class="content">
+ <form id="form-pool-add">
+ <section class="form-section">
+ <h2>1. $_("Storage Pool Name")</h2>
+ <div class="field">
+ <p class="text-help">
$_("The name used to identify the storage pools, and it should not be empty.")
</p>
- <input id="poolId" type="text" class="text" style="width: 300px"
- name="name">
- </div>
- </section>
- <section class="form-section">
- <h2>2. $_("Storage Pool Type")</h2>
- <div class="storage-type-wrapper-controls">
- <div class="btn dropdown popable">
- <input id="poolType" name="type" type="hidden" value="dir"/>
- <span class="text" id="pool-type-label"></span><span class="arrow"></span>
- <div class="popover" style="width: 100%">
- <ul class="select-list" id="storagePool-list" data-target="poolType" data-label="pool-type-label">
- </ul>
- </div>
- </div>
+ <input id="poolId" type="text" class="text" style="width: 300px"
+ name="name">
</div>
- </section>
+ </section>
+ <section class="form-section">
+ <h2>2. $_("Storage Pool Type")</h2>
+ <div class="storage-type-wrapper-controls">
+ <div class="btn dropdown popable">
+ <input id="poolType" name="type" type="hidden" value="dir"/>
+ <span class="text" id="pool-type-label"></span><span class="arrow"></span>
+ <div class="popover" style="width: 100%">
+ <ul class="select-list" id="storagePool-list" data-target="poolType" data-label="pool-type-label">
+ </ul>
+ </div>
+ </div>
+ </div>
+ </section>
<div class="path-section">
- <section class="form-section">
- <h2>3. $_("Storage Path")</h2>
- <div class="field">
- <p class="text-help">
+ <section class="form-section">
+ <h2>3. $_("Storage Path")</h2>
+ <div class="field">
+ <p class="text-help">
$_("The path of the Storage Pool. Each Storage Pool must have a unique path.")</p>
- <input id="pathId" type="text" class="text" style="width: 300px">
- </div>
- <div class="clear"></div>
- </section>
+ <input id="pathId" type="text" class="text" style="width: 300px">
+ </div>
+ <div class="clear"></div>
+ </section>
</div>
<div class="nfs-section tmpl-html">
- <section class="form-section">
- <h2>3. $_("NFS server IP")</h2>
- <div class="field">
- <p class="text-help">
+ <section class="form-section">
+ <h2>3. $_("NFS server IP")</h2>
+ <div class="field">
+ <p class="text-help">
$_("NFS server IP or hostname. It should not be empty.")</p>
- <input id="nfsserverId" type="text" class="text"
- style="width: 300px">
- </div>
- </section>
- <section class="form-section">
- <h2>4. $_("NFS Path")</h2>
- <div class="field">
- <p class="text-help">$_("The nfs exported path on nfs server")</p>
- <input id="nfspathId" type="text" class="text"
- style="width: 300px">
+ <input id="nfsserverId" type="text" class="text"
+ style="width: 300px">
+ </div>
+ </section>
+ <section class="form-section">
+ <h2>4. $_("NFS Path")</h2>
+ <div class="field">
+ <p class="text-help">$_("The nfs exported path on nfs server")</p>
+ <input id="nfspathId" type="text" class="text"
+ style="width: 300px">
<input type="hidden" id="localpathId" class="text"
- value="none">
- </div>
- <div class="clear"></div>
- </section>
- </div>
- <div class="logical-section tmpl-html">
- <section class="form-section storageType">
- <h2>3. $_("Device Path")</h2>
- <div class="host-partition"></div>
- </section>
- </div>
- </form>
- </div>
- <footer>
- <div class="btn-group">
- <button id="pool-doAdd" class="btn-normal">
- <span class="text">$_("Create")</span>
- </button>
- </div>
- </footer>
- </div>
- <script>
+ value="none">
+ </div>
+ <div class="clear"></div>
+ </section>
+ </div>
+ <div class="logical-section tmpl-html">
+ <section class="form-section storageType">
+ <h2>3. $_("Device Path")</h2>
+ <div class="host-partition"></div>
+ </section>
+ </div>
+ </form>
+ </div>
+ <footer>
+ <div class="btn-group">
+ <button id="pool-doAdd" class="btn-normal">
+ <span class="text">$_("Create")</span>
+ </button>
+ </div>
+ </footer>
+ </div>
+ <script>
kimchi.storagepool_add_main();
</script>
- <script id="partitionTmpl" type="html/text">
+ <script id="partitionTmpl" type="html/text">
<div>
<input type="checkbox" value="{path}" name="devices">
<label>{path}</label>
diff --git a/ui/pages/tabs/guests.html.tmpl b/ui/pages/tabs/guests.html.tmpl
index 36da9f1..d73eb39 100644
--- a/ui/pages/tabs/guests.html.tmpl
+++ b/ui/pages/tabs/guests.html.tmpl
@@ -30,29 +30,29 @@
<html>
<body>
<div id="guests-root-container">
- <div class="toolbar">
- <div class="tools">
- <a id="vm-add" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
- </div>
- </div>
- <div id="guestListField" style="display: none;">
- <ul class="list-title">
- <li class="guest-type">$_("Name")</li>
- <li class="guest-cpu">$_("CPU")</li>
- <li class="guest-network">$_("Network I/O")</li>
- <li class="guest-storage">$_("Disk I/O")</li>
- <li class="guest-tile">$_("Livetile")</li>
- <li class="guest-actions">$_("Actions")</li>
- </ul>
- <ul id="guestList" class="list-vm">
- </ul>
- </div>
- <div id="noGuests" class="list-no-result" style="display: none;">
- $_("No guests found.")
- </div>
+ <div class="toolbar">
+ <div class="tools">
+ <a id="vm-add" class="btn-tool" href="javascript:void(0);"><span class="icon add">+</span></a>
+ </div>
+ </div>
+ <div id="guestListField" style="display: none;">
+ <ul class="list-title">
+ <li class="guest-type">$_("Name")</li>
+ <li class="guest-cpu">$_("CPU")</li>
+ <li class="guest-network">$_("Network I/O")</li>
+ <li class="guest-storage">$_("Disk I/O")</li>
+ <li class="guest-tile">$_("Livetile")</li>
+ <li class="guest-actions">$_("Actions")</li>
+ </ul>
+ <ul id="guestList" class="list-vm">
+ </ul>
+ </div>
+ <div id="noGuests" class="list-no-result" style="display: none;">
+ $_("No guests found.")
+ </div>
</div>
<script>
- kimchi.guest_main();
+ kimchi.guest_main();
</script>
</body>
</html>
diff --git a/ui/pages/tabs/host.html.tmpl b/ui/pages/tabs/host.html.tmpl
index 01c817f..aa4ecfb 100644
--- a/ui/pages/tabs/host.html.tmpl
+++ b/ui/pages/tabs/host.html.tmpl
@@ -26,121 +26,121 @@
#silent _ = t.gettext
#silent _t = t.gettext
<div id="host-root-container">
- <div class="toolbar">
- <div class="tools">
- </div>
- </div>
- <div id="host-content-container"></div>
+ <div class="toolbar">
+ <div class="tools">
+ </div>
+ </div>
+ <div id="host-content-container"></div>
</div>
<script id="host-tmpl" type="kimchi/template">
- <div class="host-panel">
- <div class="logo-container">
- <div class="logo" style="background-image: url({logo});"></div>
- </div>
- <div id="host-info-container" class="info-container">
- <h2 class="hostname">{hostname}</h2>
- <div class="action-panel">
- <button id="host-button-shutdown" class="btn-normal stop">
- <div class="button-icon action-icon-stop"></div>
- $_("Shut down")
- </button>
- <button id="host-button-restart" class="btn-normal restart">
- <div class="button-icon action-icon-restart"></div>
- $_("Restart")
- </button>
- <button class="btn-normal connect" disabled="disabled">
- <div class="button-icon action-icon-connect"></div>
- $_("Connect")
- </button>
- </div>
- <div class="host-section">
- <h3 class="section-header"
- aria-expanded="false"
- aria-controls="content-sys-info">
- $_("Basic Information")
- </h3>
- <div id="content-sys-info" class="section-content">
- <div class="section-row">
- <div class="section-label">$_("OS Distro")</div>
- <div class="section-value">{os_distro}</div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("OS Version")</div>
- <div class="section-value">{os_version}</div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("OS Code Name")</div>
- <div class="section-value">{os_codename}</div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Processor")</div>
- <div class="section-value">{cpu}</div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Memory")</div>
- <div class="section-value">{memory}</div>
- </div>
- </div>
- </div>
- <div class="host-section">
- <h3 class="section-header"
- aria-controls="content-sys-statistics">
- $_("System Statistics")
- </h3>
- <div id="content-sys-statistics" class="section-content">
- <div class="section-row">
- <div class="section-label"></div>
- <div class="section-value">
- <input id="keep-monitoring-checkbox" type="checkbox" value="" />
- <label for="keep-monitoring-checkbox">$_("Collecting data after leaving this page")</label>
- </div>
- </div>
+ <div class="host-panel">
+ <div class="logo-container">
+ <div class="logo" style="background-image: url({logo});"></div>
+ </div>
+ <div id="host-info-container" class="info-container">
+ <h2 class="hostname">{hostname}</h2>
+ <div class="action-panel">
+ <button id="host-button-shutdown" class="btn-normal stop">
+ <div class="button-icon action-icon-stop"></div>
+ $_("Shut down")
+ </button>
+ <button id="host-button-restart" class="btn-normal restart">
+ <div class="button-icon action-icon-restart"></div>
+ $_("Restart")
+ </button>
+ <button class="btn-normal connect" disabled="disabled">
+ <div class="button-icon action-icon-connect"></div>
+ $_("Connect")
+ </button>
+ </div>
+ <div class="host-section">
+ <h3 class="section-header"
+ aria-expanded="false"
+ aria-controls="content-sys-info">
+ $_("Basic Information")
+ </h3>
+ <div id="content-sys-info" class="section-content">
+ <div class="section-row">
+ <div class="section-label">$_("OS Distro")</div>
+ <div class="section-value">{os_distro}</div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("OS Version")</div>
+ <div class="section-value">{os_version}</div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("OS Code Name")</div>
+ <div class="section-value">{os_codename}</div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Processor")</div>
+ <div class="section-value">{cpu}</div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Memory")</div>
+ <div class="section-value">{memory}</div>
+ </div>
+ </div>
+ </div>
+ <div class="host-section">
+ <h3 class="section-header"
+ aria-controls="content-sys-statistics">
+ $_("System Statistics")
+ </h3>
+ <div id="content-sys-statistics" class="section-content">
+ <div class="section-row">
+ <div class="section-label"></div>
+ <div class="section-value">
+ <input id="keep-monitoring-checkbox" type="checkbox" value="" />
+ <label for="keep-monitoring-checkbox">$_("Collecting data after leaving this page")</label>
+ </div>
+ </div>
- <div class="section-row">
- <div class="section-label">$_("CPU")</div>
- <div class="section-value">
- <div id="container-chart-cpu" class="inline-block"></div>
- </div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Memory")</div>
- <div class="section-value">
- <div id="container-chart-memory" class="inline-block"></div>
- </div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Disk I/O")</div>
- <div class="section-value">
- <div id="container-chart-disk-io" class="inline-block"></div>
- </div>
- </div>
- <div class="section-row">
- <div class="section-label">$_("Network I/O")</div>
- <div class="section-value">
- <div id="container-chart-network-io" class="inline-block"></div>
- </div>
- </div>
- </div>
- </div>
- <div id="debug-report-section" class="host-section hidden">
- <h3 class="section-header"
- aria-controls="content-sys-reports">
- $_("Debug Reports")
- </h3>
- <div id="content-sys-reports" class="section-content">
- <div class="section-row">
- <div class="section-label"></div>
- <div class="section-value">
- <div id="available-reports-grid-container"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
+ <div class="section-row">
+ <div class="section-label">$_("CPU")</div>
+ <div class="section-value">
+ <div id="container-chart-cpu" class="inline-block"></div>
+ </div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Memory")</div>
+ <div class="section-value">
+ <div id="container-chart-memory" class="inline-block"></div>
+ </div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Disk I/O")</div>
+ <div class="section-value">
+ <div id="container-chart-disk-io" class="inline-block"></div>
+ </div>
+ </div>
+ <div class="section-row">
+ <div class="section-label">$_("Network I/O")</div>
+ <div class="section-value">
+ <div id="container-chart-network-io" class="inline-block"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="debug-report-section" class="host-section hidden">
+ <h3 class="section-header"
+ aria-controls="content-sys-reports">
+ $_("Debug Reports")
+ </h3>
+ <div id="content-sys-reports" class="section-content">
+ <div class="section-row">
+ <div class="section-label"></div>
+ <div class="section-value">
+ <div id="available-reports-grid-container"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</script>
<script type="text/javascript">
- kimchi.host_main();
+ kimchi.host_main();
</script>
diff --git a/ui/pages/template-edit.html.tmpl b/ui/pages/template-edit.html.tmpl
index ea21875..fe7314d 100644
--- a/ui/pages/template-edit.html.tmpl
+++ b/ui/pages/template-edit.html.tmpl
@@ -27,97 +27,97 @@
#silent _t = t.gettext
<div id="template-edit-window" class="window">
- <header>
- <h1 class="title">$_("Edit Template")</h1>
- <div class="close">X</div>
- </header>
- <div class="content">
- <form id="form-template-edit">
- <input type="hidden" id="template-name" name="templateName" />
- <fieldset class="template-edit-fieldset">
- <div>
- <div class="template-edit-wrapper-label">
- <label for="template-edit-id-textbox">$_("Name")</label>
- </div>
- <div class="template-edit-wrapper-controls">
- <input id="template-edit-id-textbox" name="name" type="text" />
- </div>
- </div>
- <div>
- <div class="template-edit-wrapper-label">
- <label for="template-edit-vendor-textbox">$_("Vendor")</label>
- </div>
- <div class="template-edit-wrapper-controls">
- <input id="template-edit-vendor-textbox" name="os_distro" type="text" disabled="disabled" />
- </div>
- </div>
- <div>
- <div class="template-edit-wrapper-label">
- <label for="template-edit-version-textbox">$_("Version")</label>
- </div>
- <div class="template-edit-wrapper-controls">
- <input id="template-edit-version-textbox" name="os_version" type="text" disabled="disabled" />
- </div>
- </div>
- <div>
- <div class="template-edit-wrapper-label">
- <label for="template-edit-cpu-textbox">$_("CPU Number")</label>
- </div>
- <div class="template-edit-wrapper-controls">
- <input id="template-edit-cpu-textbox" name="cpus" type="text" />
- </div>
- </div>
- <div>
- <div class="template-edit-wrapper-label">
- <label for="template-edit-memory-textbox">$_("Memory")</label>
- </div>
- <div class="template-edit-wrapper-controls">
- <input id="template-edit-memory-textbox" name="memory" type="text" />
- </div>
- </div>
- </fieldset>
- <fieldset class="template-edit-fieldset">
- <div>
- <div class="template-edit-wrapper-label">
- <label>$_("Disk (GB)")</label>
- </div>
- <div class="template-edit-wrapper-controls">
- <input id="template-edit-version-textbox" name="disks" type="text" />
- </div>
- </div>
- <div>
- <div class="template-edit-wrapper-label">
- <label>$_("CDROM")</label>
- </div>
- <div class="template-edit-wrapper-controls">
- <input id="template-edit-version-textbox" name="cdrom" type="text" disabled="disabled"/>
- </div>
- </div>
- <div>
- <div class="template-edit-wrapper-label">
- <label>$_("Storage Pool")</label>
- </div>
- <div class="template-edit-wrapper-controls">
- <div class="btn dropdown popable">
- <input id="template-edit-storagePool" name="storagepool" type="hidden" />
- <span class="text" id="template-edit-storage-label"></span><span class="arrow"></span>
- <div class="popover" style="width: 100%">
- <ul class="select-list" id="template-edit-storagePool-list" data-target="template-edit-storagePool" data-label="template-edit-storage-label">
- </ul>
- </div>
- </div>
- </div>
- </div>
- </fieldset>
- </form>
- </div>
- <footer>
- <div class="btn-group">
- <a id="tmpl-edit-button-cancel" class="btn-normal" href="javascript:void(0);"><span class="text">$_("Cancel")</span></a>
- <a id="tmpl-edit-button-save" class="btn-normal" href="javascript:void(0);"><span class="text">$_("Save")</span></a>
- </div>
- </footer>
+ <header>
+ <h1 class="title">$_("Edit Template")</h1>
+ <div class="close">X</div>
+ </header>
+ <div class="content">
+ <form id="form-template-edit">
+ <input type="hidden" id="template-name" name="templateName" />
+ <fieldset class="template-edit-fieldset">
+ <div>
+ <div class="template-edit-wrapper-label">
+ <label for="template-edit-id-textbox">$_("Name")</label>
+ </div>
+ <div class="template-edit-wrapper-controls">
+ <input id="template-edit-id-textbox" name="name" type="text" />
+ </div>
+ </div>
+ <div>
+ <div class="template-edit-wrapper-label">
+ <label for="template-edit-vendor-textbox">$_("Vendor")</label>
+ </div>
+ <div class="template-edit-wrapper-controls">
+ <input id="template-edit-vendor-textbox" name="os_distro" type="text" disabled="disabled" />
+ </div>
+ </div>
+ <div>
+ <div class="template-edit-wrapper-label">
+ <label for="template-edit-version-textbox">$_("Version")</label>
+ </div>
+ <div class="template-edit-wrapper-controls">
+ <input id="template-edit-version-textbox" name="os_version" type="text" disabled="disabled" />
+ </div>
+ </div>
+ <div>
+ <div class="template-edit-wrapper-label">
+ <label for="template-edit-cpu-textbox">$_("CPU Number")</label>
+ </div>
+ <div class="template-edit-wrapper-controls">
+ <input id="template-edit-cpu-textbox" name="cpus" type="text" />
+ </div>
+ </div>
+ <div>
+ <div class="template-edit-wrapper-label">
+ <label for="template-edit-memory-textbox">$_("Memory")</label>
+ </div>
+ <div class="template-edit-wrapper-controls">
+ <input id="template-edit-memory-textbox" name="memory" type="text" />
+ </div>
+ </div>
+ </fieldset>
+ <fieldset class="template-edit-fieldset">
+ <div>
+ <div class="template-edit-wrapper-label">
+ <label>$_("Disk (GB)")</label>
+ </div>
+ <div class="template-edit-wrapper-controls">
+ <input id="template-edit-version-textbox" name="disks" type="text" />
+ </div>
+ </div>
+ <div>
+ <div class="template-edit-wrapper-label">
+ <label>$_("CDROM")</label>
+ </div>
+ <div class="template-edit-wrapper-controls">
+ <input id="template-edit-version-textbox" name="cdrom" type="text" disabled="disabled"/>
+ </div>
+ </div>
+ <div>
+ <div class="template-edit-wrapper-label">
+ <label>$_("Storage Pool")</label>
+ </div>
+ <div class="template-edit-wrapper-controls">
+ <div class="btn dropdown popable">
+ <input id="template-edit-storagePool" name="storagepool" type="hidden" />
+ <span class="text" id="template-edit-storage-label"></span><span class="arrow"></span>
+ <div class="popover" style="width: 100%">
+ <ul class="select-list" id="template-edit-storagePool-list" data-target="template-edit-storagePool" data-label="template-edit-storage-label">
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </fieldset>
+ </form>
+ </div>
+ <footer>
+ <div class="btn-group">
+ <a id="tmpl-edit-button-cancel" class="btn-normal" href="javascript:void(0);"><span class="text">$_("Cancel")</span></a>
+ <a id="tmpl-edit-button-save" class="btn-normal" href="javascript:void(0);"><span class="text">$_("Save")</span></a>
+ </div>
+ </footer>
</div>
<script>
- kimchi.template_edit_main();
+ kimchi.template_edit_main();
</script>
--
1.7.10.4
More information about the Kimchi-devel
mailing list