From 617beef37ccf6afe26f69df6f32dd93dfa033351 Mon Sep 17 00:00:00 2001 From: Sven Slootweg Date: Fri, 13 Apr 2012 17:04:00 +0200 Subject: [PATCH] Update to the design proposal --- design/css/cvm.css | 98 +++++++++++++++++++++++++++++-- design/images/button_restart.png | Bin 0 -> 2059 bytes design/images/button_start.png | Bin 0 -> 1039 bytes design/images/button_stop.png | Bin 0 -> 298 bytes design/images/icon_api.png | Bin 0 -> 420 bytes design/images/icon_backup.png | Bin 0 -> 315 bytes design/index.html | 81 ++++++++++++++++++++++--- graphics/icon_api.svg | 66 +++++++++++++++++++++ graphics/icon_backup.xcf | Bin 0 -> 920 bytes graphics/restart.svg | 61 +++++++++++++++++++ graphics/start.svg | 73 +++++++++++++++++++++++ graphics/stop.svg | 63 ++++++++++++++++++++ 12 files changed, 431 insertions(+), 11 deletions(-) create mode 100644 design/images/button_restart.png create mode 100644 design/images/button_start.png create mode 100644 design/images/button_stop.png create mode 100644 design/images/icon_api.png create mode 100644 design/images/icon_backup.png create mode 100644 graphics/icon_api.svg create mode 100644 graphics/icon_backup.xcf create mode 100644 graphics/restart.svg create mode 100644 graphics/start.svg create mode 100644 graphics/stop.svg diff --git a/design/css/cvm.css b/design/css/cvm.css index 097708c..7324ea5 100644 --- a/design/css/cvm.css +++ b/design/css/cvm.css @@ -17,7 +17,7 @@ h1 h2 { - margin-top: 9px; + margin-bottom: 9px; } h3 @@ -30,6 +30,21 @@ p margin: 5px 0px; } +table +{ + +} + +th +{ + text-align: left; +} + +table.vpsinfo td +{ + padding: 2px 13px; +} + .clear { clear: both; @@ -109,11 +124,21 @@ p background-image: url(../images/icon_reinstall.png); } +#button_backup +{ + background-image: url(../images/icon_backup.png); +} + +#button_api +{ + background-image: url(../images/icon_api.png); +} + .quota-item { float: left; - width: 182px; - margin-right: 24px; + width: 203px; + margin-right: 23px; margin-bottom: 10px; } @@ -151,10 +176,75 @@ p .quota-item.wide { - width: 285px; + width: 316px; +} + +.quota-item.last +{ + margin-right: 0px; } .quota { margin-bottom: 19px; } + +.infobox +{ + border: 1px solid #B0B0B0; + background-color: #EDEDED; + padding: 6px 9px; +} + +.controlbox +{ + margin-bottom: 23px; +} + +.controlbutton +{ + border: 2px solid #343352; + font-size: 24px; + color: #343352; + text-align: center; + font-weight: bold; + float: left; + text-decoration: none; + padding: 9px; + margin-right: 12px; + width: 189px; +} + +.controlbutton.last +{ + margin-right: 0px; +} + +.controlbutton img +{ + display: block; + margin: 0px auto; +} + +.controlbutton:hover +{ + background-color: #CDD0E1; +} + +.online +{ + color: #078812; + font-weight: bold; +} + +.offline +{ + color: #A7101C; + font-weight: bold; +} + +.suspended +{ + color: #5B5F6B; + font-weight: bold; +} diff --git a/design/images/button_restart.png b/design/images/button_restart.png new file mode 100644 index 0000000000000000000000000000000000000000..03ffe2dbf341042d68cd20cd81419c99743bee95 GIT binary patch literal 2059 zcmV+m2=w=fP)Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01ejw01ejxLMWSf00007bV*G`2iyb< z3=|f{9`x)000)anL_t(|+U;9?a8%V5|DF4G0~?4+qA~^|FtLRYqGdmD7CHq}n{nDv z*d$x0ew1NUEbUBdXNtvk%3z&BajK)Xv=v+NqqI{Nc2gpw)e$lZ4J3Ovk~AN-Q7Y9< z8^cGG=3_VSp8i3YYItw6-@8Neo5>$}@4R#0{k?O~J?GrBz!au1g(>_WgR(i8+wHZD zj9{k4qKYnD8yXV*ot?gOmmC2O$9k(!18yd+0l@{(LIBqqjY&X1GrF0mm5ARQ9@Y+K zi|L0>{&-R7-80*R5rR10YuJuZ1yojg3vAQXlK_7s7oMAe-GhU}_w@F@JeqX^+-|Qe8rA(^+>*dB9RxnCK)r(T zJ_~h*NHBCRQAEW6FCox!fUDxRO2QjftLABL_MOfe0dBX~7LDi!0NfOZcrO9ZDrmc< z^qq`Te{pnF|2h-jN1(-VJkqTzZDm`V@577};Pra76YuJK0j!xs^dyLXv|xc{x6kL( zlYKF#)3X{(+W=HdBH9v(&Zus0fAK#Vb%KS{D;@)3UCgD)^h9KAMtxh`AA?<8T`BF| z;c(B}pItcn>CuSoBLb=c2oupcnk8Bu4tMX%m<2eUbzcVaOJ?!}I-|gMOX)w538&{; zTKfeS*aKj84E8rj8TfVD30StwQ=)Y0j4}9!Lh+ZP<*q3wh=b$dv=Ppd&?;J6 zeg8^Cub50gDe-WO$qy=~n=?Im0Fbib9ieHf0K8`+as`zBSXwQ>>GUiCQyTz_!EIeJ z*MvfWgV~G$?DjPdLE;F2X(lm3wUqutX|VuevDswu0OOHtPaXh5p$5s|2h6`HZ%)e+ zSh}=!9)mq5w|j<1wQae|;iU{b4dAc|1uLCS&yti05CZp`eSKp7ZfB=2lEXp{D^?Ex zP{yw(zMZNMAg81D1b}%4Pc#RE{^i*$+PECGI{>=U;NHy)o@H=-m_RRG#2T|crqqVF z-fB2|;hM#ysNrU%<{7??;-6*xYlC|Tcrt-!Yz+1qsCxF3lQ&%gN~tfJC>~IBRb#g8 zy{PESFB#mGqMDB*V|XYoA0W)CI)p|kcSf^KKvPrG7=SIQ*%3e0-X7?WivR|kCTb2L zN02hGmw=;5#{2!#Z2I=Nb^*8BTMVGYcxhL}|CvgDpDt(`ZvqgvA7Y42vHX^}c$?FT%n~2u z0a{uDe*UplX(6=NV)G=!UQMrpQEI=PHVRUX~rMDno2#~UI zh}bywW$>@0Y9CZ(K>+_Yl-ARJ z@R<^PKA*0b9-LsR+ge%zr&6j15UADAv;>ESFfweZ%Reg!bc3-m7`$Om5{Z&AoQ~SR z0;n{Kt%LH0#hGYU$OVKsGi1UhEp$3NZpS48QvwwD82}?DG3Hjc+iSa|36Rp?2cqAa zteg4Ki2n0SfqRTeg(h+0HqiG2^}kC<9=RAy%Pjw61hc1(lWAJ3jcJBdIEq+wHYoGkei` zO|$p`d_HzzfL>luuHBbxOHM*vVh+c8D`8*{CU2Ai&esrM0MV{sueKOaCEo? z)EWle1K_GS$|A2a#ynCs4rOE;G{UM?t1Rcv74HPcY?zve(*TYVsDp`5kfQTni_~RI zxEf5K8@H^IxGO?HU~q8wYpFI%Cfh4aPJ7+=K)e-Z4HTIJ6Y%(qqSKqkkIaw@0>+m_ z?M(#ig3&R0W}>!!Ft2S51zt&)&Xk&^`}(^7F{^mVZ>&}>#QF0?k)gROFz?c=dVNdq zPsh_tYIDuobVA|5Om(7V;1?sS%ajuL5@;QOvLw}n3G|}Q>iJM8 z(4DhnDD}i;brqo15Wxkeg#a%CF#QuEIsvB?cz~EB1ho+HvHA10P`1t?v-+#C3)|?a pQ!|P*&B_zoRi-e7DNG^T_%C7+@a2xVPw4;v002ovPDHLkV1hI5!&d+R literal 0 HcmV?d00001 diff --git a/design/images/button_start.png b/design/images/button_start.png new file mode 100644 index 0000000000000000000000000000000000000000..b631414417b4d86172278167cb45bef0a00f81a7 GIT binary patch literal 1039 zcmV+q1n~QbP)Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01ejw01ejxLMWSf00007bV*G`2iyb< z3={{iuGAg?00WOnL_t(|+U=Q7Y!p=-$G^Xst`;#uYe_^eB-RLN6gqDPIB3#{7YxSk zj(akC%q!tLzp8%bU!Pjfc)nHyn~=zGK6_#%a*sEkWN5>0E2s+?0nkL z%$?zISd~pck+n>G^y-w85F+@Ji~@>i1p3(!=E&Af-Roo&u=st*s>-Ax%!3^r;m4&D zP~b5J?`dv!(z+ge2LQ(M4?j|Ky)!Oa)vpxp5-v1!2~B(RWf=u5)^3GzKP{(r`|8H0P`fXd zQ@j0m<+Y-m+U?srze4T)$S}-pG788N=)=Gx>bhhycIN-%rvKjjw>ePMvSaC`<2%k7kcK_(;H@B8wIlZ~zpH-M5iP4z# z@SWRRTw`#rof`f!e{NEVLkDlL078Ezv+~gR__6;g`QRoGEcauiI`1cwUth1ru?rK4qpp%Z^RE;lEc)0lzR1v8{N@ zOzBgdoBXe#|Th$Q2U>sKi*n93={D#|;c7+Ad7%91E zGCBOCSL$V@1l$JkZp(VHCh^rx0`3xM@Sfuw92@)UPOajrD+CbeB&oSwiA4MgJj`+g zOp-#;dMCJgMB%>+@wL-0lP_Zh&=-NMa^TnVLpRZ&L4yW9;yx6GIER~3Qyl;R002ov JPDHLkV1kA3=+giI literal 0 HcmV?d00001 diff --git a/design/images/button_stop.png b/design/images/button_stop.png new file mode 100644 index 0000000000000000000000000000000000000000..8ace279ae06cb405e8bd2287334e96319dce69d7 GIT binary patch literal 298 zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|*pj^6T^Rm@ z;DWu&Cj&(|3p^r=f!eQwFr$;k>`dwwn5K^8I~yVDIySbAK)W*C$GCc)RWOje8GwL@hnTu=I?c*W1pD=M7RT z87&scH~tJN;raV3XOk35`uU}jJ(m_*N<@?^NuT}C%P{5P!A;NJF|O$e=XsUtaiF4Uo-U3d7N_rCP~Overview Statistics Reinstall + Backups WebShell IP Allocation + API

Overview

-

Consolidated traffic example

+

Disk space

@@ -37,7 +39,7 @@
241/1024MB
-
+

Traffic

@@ -47,6 +49,69 @@
+
+ + + Start VPS + + + + Restart VPS + + + + Stop VPS + +
+
+ +
+

VPS configuration

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
StatusRunning Stopped Suspended
Server locationAtlanta, US
Operating systemDebian 6 x64
IPv4 Addresses98.142.213.226, 204.12.235.84
IPv6 Addresses2607:f7a0:1:1::24:6
Guaranteed RAM768MB
Burstable RAM1024MB
Disk space100GB
Traffic1000GB
Bandwidth100mbps
+
+ + + +
diff --git a/graphics/icon_api.svg b/graphics/icon_api.svg new file mode 100644 index 0000000..b78d9b3 --- /dev/null +++ b/graphics/icon_api.svg @@ -0,0 +1,66 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/graphics/icon_backup.xcf b/graphics/icon_backup.xcf new file mode 100644 index 0000000000000000000000000000000000000000..4f7c9fa33ff28d065b51f81106958ad33f23c265 GIT binary patch literal 920 zcmb7C%SyvQ6rI%A)~fh+Jt%~_h^Xxs=%NTJ(p|w#noiOlIQBUZ20%4tHc%FvPY3@f|?ZFzf;4%Xh{Ih|>j^KyoKbQ2DiBsAI{aBikGyexdry_^q*eATSD0=fJEWmoW7RMk zbOjInuI!vts*Y>>T|eN}B$-=v*)|aqv+0t|QdAb+G z!7@>4=94EQEUQ-;2RdRei$2W3(Gsm~UX{|I$AhZWX`ZJu)rZg5F6i-i!-a>y~E4lRIJRP<0nP0{ + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/graphics/start.svg b/graphics/start.svg new file mode 100644 index 0000000..c9562f0 --- /dev/null +++ b/graphics/start.svg @@ -0,0 +1,73 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + diff --git a/graphics/stop.svg b/graphics/stop.svg new file mode 100644 index 0000000..ca361d7 --- /dev/null +++ b/graphics/stop.svg @@ -0,0 +1,63 @@ + + + + + + + + + + image/svg+xml + + + + + + + + +