diff --git a/design/css/cvm.css b/design/css/cvm.css new file mode 100644 index 0000000..ae13119 --- /dev/null +++ b/design/css/cvm.css @@ -0,0 +1,155 @@ +html, body +{ + font-family: 'Open Sans', sans-serif; + background-color: #E4EAEA; +} + +h1, h2, h3, h4, h5 +{ + margin: 0px; + color: #343352; +} + +h1 +{ + margin-bottom: 7px; +} + +h2 +{ + margin-top: 8px; +} + +h3 +{ + font-size: 20px; +} + +p +{ + margin: 5px 0px; +} + +.clear +{ + clear: both; +} + +.wrapper +{ + width: 900px; + margin: 0px auto; +} + +.header +{ + font-size: 40px; + font-weight: bold; +} + +.main +{ + position: relative; + background-color: #F1F1F1; + padding: 9px 13px; + border: 2px solid #817F9D; + padding-left: 225px; + min-height: 400px; +} + +.sidebar +{ + position: absolute; + top: 16px; + left: 8px; + width: 200px; + background-color: #DCDCDC; +} + +.sidebar a.button +{ + display: block; + padding: 5px 8px; + text-decoration: none; + color: #343352; + font-size: 18px; + font-weight: bold; + padding-left: 30px; + background-repeat: no-repeat; + background-position: 8px 10px; +} + +.sidebar a.button:hover +{ + background-color: #CDCCDE; +} + +#button_overview +{ + background-image: url(../images/icon_overview.png); +} + +#button_statistics +{ + background-image: url(../images/icon_statistics.png); +} + +#button_webshell +{ + background-image: url(../images/icon_webshell.png); +} + +#button_ip +{ + background-image: url(../images/icon_ip.png); +} + +#button_reinstall +{ + background-image: url(../images/icon_reinstall.png); +} + +.quota-item +{ + float: left; + width: 182px; + padding: 6px; + margin-right: 12px; +} + +.quota-bar +{ + position: relative; + border: 1px solid #343352; + width: 100%; + height: 18px; +} + +.quota-bar-inner +{ + background-color: #12005E; + height: 100%; +} + +.quota-bar-label +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + font-size: 13px; + font-weight: bold; + color: white; + padding-left: 5px; + text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; + -webkit-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; + -moz-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; + -o-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; + -ms-text-shadow: 0px 0px 3px #000673, 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 2px #000673; +} + +.quota-item.wide +{ + width: 285px; +} diff --git a/design/images/icon_ip.png b/design/images/icon_ip.png new file mode 100644 index 0000000..2fbdc5f Binary files /dev/null and b/design/images/icon_ip.png differ diff --git a/design/images/icon_overview.png b/design/images/icon_overview.png new file mode 100644 index 0000000..293bf1d Binary files /dev/null and b/design/images/icon_overview.png differ diff --git a/design/images/icon_reinstall.png b/design/images/icon_reinstall.png new file mode 100644 index 0000000..97335a6 Binary files /dev/null and b/design/images/icon_reinstall.png differ diff --git a/design/images/icon_statistics.png b/design/images/icon_statistics.png new file mode 100644 index 0000000..fe13c4a Binary files /dev/null and b/design/images/icon_statistics.png differ diff --git a/design/images/icon_webshell.png b/design/images/icon_webshell.png new file mode 100644 index 0000000..db1fb79 Binary files /dev/null and b/design/images/icon_webshell.png differ diff --git a/design/images/logo.png b/design/images/logo.png new file mode 100644 index 0000000..c309d8e Binary files /dev/null and b/design/images/logo.png differ diff --git a/design/index.html b/design/index.html new file mode 100644 index 0000000..dcb571f --- /dev/null +++ b/design/index.html @@ -0,0 +1,125 @@ + + + + CVM + + + + + +
+
+ +
+
+
+ Overview + Statistics + Reinstall + WebShell + IP Allocation +
+

Overview

+ +

Consolidated traffic example

+
+
+

Disk space

+
+
+
55/100GB
+
+
+
+

RAM

+
+
+
241/1024MB
+
+
+
+

Traffic

+
+
+
80/1000GB
+
+
+
+
+

.

+

Separate inbound/outbound example

+
+
+

Disk space

+
+
+
55/100GB
+
+
+
+

RAM

+
+
+
241/1024MB
+
+
+
+

Inbound traffic

+
+
+
80/1000GB
+
+
+
+

Outbound traffic

+
+
+
135/1000GB
+
+
+
+
+

.

+

Inbound/outbound with swap example

+
+
+

Disk space

+
+
+
55/100GB
+
+
+
+

RAM

+
+
+
241/1024MB
+
+
+
+

Swap

+
+
+
32/1024MB
+
+
+
+

Inbound traffic

+
+
+
80/1000GB
+
+
+
+

Outbound traffic

+
+
+
135/1000GB
+
+
+
+
+
+
+ + diff --git a/graphics/icon_ip.xcf b/graphics/icon_ip.xcf new file mode 100644 index 0000000..11c9c24 Binary files /dev/null and b/graphics/icon_ip.xcf differ diff --git a/graphics/icon_overview.xcf b/graphics/icon_overview.xcf new file mode 100644 index 0000000..cd6883f Binary files /dev/null and b/graphics/icon_overview.xcf differ diff --git a/graphics/icon_reinstall.xcf b/graphics/icon_reinstall.xcf new file mode 100644 index 0000000..508629e Binary files /dev/null and b/graphics/icon_reinstall.xcf differ diff --git a/graphics/icon_statistics.xcf b/graphics/icon_statistics.xcf new file mode 100644 index 0000000..5e4c9bf Binary files /dev/null and b/graphics/icon_statistics.xcf differ diff --git a/graphics/icon_webshell.xcf b/graphics/icon_webshell.xcf new file mode 100644 index 0000000..0d0a150 Binary files /dev/null and b/graphics/icon_webshell.xcf differ diff --git a/graphics/logo.xcf b/graphics/logo.xcf new file mode 100644 index 0000000..d4099ab Binary files /dev/null and b/graphics/logo.xcf differ