diff --git a/hserver/manage/style.css b/hserver/manage/style.css
index 129ed9f..156f84d 100644
--- a/hserver/manage/style.css
+++ b/hserver/manage/style.css
@@ -14,11 +14,35 @@ h1,h2,h3,h4,h5 {
display: inline-block;
}
+input {
+ padding: 3px;
+ min-width: 400px;
+}
+
textarea {
min-width: 50%;
min-height: 400px;
}
+button, .button, input[type=button], textarea {
+ position: relative;
+ display: inline-block;
+ background-color: #E0E0FF;
+
+ border: 1px solid #202040;
+ border-radius: 3px;
+
+ font-size: 12px;
+ text-align: center;
+ vertical-align: middle;
+ height: 32px;
+
+ width: 100px;
+
+ padding: 4px;
+ margin: 0;
+}
+
.popup {
position: absolute;
left: 75%;
@@ -60,8 +84,76 @@ div:hover > .pulldown {
z-index: 1;
}
+.side {
+ width: 110px;
+ min-height: 40%;
+ background-color: #0786BD;
+}
+
+.side.right {
+ position: fixed;
+ right: 0px;
+ padding: 8px;
+ padding-left: 14px;
+ border-left: 2px solid #0786BD;
+ border-top: 2px solid #0786BD;
+ border-bottom: 2px solid #0786BD;
+ border-radius: 10px 0 0 10px;
+}
+.side.left {
+ padding-right: 14px;
+ border-right: 1px solid #0786BD;
+ border-top: 1px solid #0786BD;
+ border-bottom: 1px solid #0786BD;
+ border-radius: 10px;
+}
+
+.slider {
+
+ background-color: #61c1fe;
+ padding: 5px;
+ border-radius: 5px;
+ overflow: hidden;
+
+ transition: width 0.5s;
+}
+
+.slider:hover {
+ padding: 10px;
+ z-index: 1;
+}
+
+.slider * {
+ visibility: hidden;
+}
+.slider:hover * {
+ visibility: visible;
+}
+
+.slider.right {
+ float: none;
+ right: 0px;
+ width: 90px;
+ height: 22px;
+}
+.slider.right:hover {
+ width: 600%;
+ max-height: 1000%;
+}
+
+.slider > div {
+
+}
+
+.slider > div > input {
+ width: 160px;
+ min-width: 120px;
+}
+
+
.section {
display: block;
+ padding-bottom: 10px;
}
.section > div {
@@ -84,22 +176,12 @@ div:hover > .pulldown {
}
-.button, input, textarea {
- position: relative;
- display: inline-block;
- border: 1px solid #202040;
- background-color: #E0E0FF;
- border-radius: 3px;
-}
.button.small {
width: 14px;
height: 14px;
}
-input {
- padding: 3px;
- min-width: 400px;
-}
+
input.small {
min-width: 200px;
}
@@ -114,6 +196,24 @@ textarea {
display: block;
}
+.side > * {
+ display: block;
+ position: relative;
+ width: 100px;
+ min-width: initial;
+ padding: 4px;
+ margin: 0;
+ margin-bottom: 8px;
+
+ background-color: #61c1fe;
+ color: white;
+
+ border: 1px solid #044357;
+ border-radius: 4px;
+
+ font-size: 12px;
+}
+
#menu {
width: 90%;
diff --git a/hserver/manage/tree.html b/hserver/manage/tree.html
index 07e7804..3b0f214 100644
--- a/hserver/manage/tree.html
+++ b/hserver/manage/tree.html
@@ -1,4 +1,3 @@
-
<%define node%>