增加添加手册的UI

assets/options.css

@@ -1,12 +1,12 @@
 #options {
     display: none;
     font-size: 15px;
-    color: #595959
+    color: #595959;
+    font-family: consolas, monaco,"微软雅黑";
+    padding-bottom: 30px
 }
 
 #options *{
-    margin: 0;
-    padding: 0;
     box-sizing: border-box;
 }
 
@@ -127,7 +127,7 @@
 
 #options table td {
     border-collapse: collapse;
-    padding: 12px 9px;
+    padding: 6px;
     word-break: break-all;
 }
 
@@ -152,6 +152,120 @@
     margin-right: 5px
 }
 
-#options img{
+#options .logo{
     width: 32px;
+}
+
+#options .addBtn{
+    position: absolute;
+    right: 5px;
+    bottom: 2px;
+    border-radius: 4px;
+    background: #00af2c;
+    color: white;
+    padding: 2px;
+    cursor: pointer;
+}
+
+#options .addBtn:hover{
+    background: #068506;
+    transition: 0.5s;
+}
+
+#options .foot{
+    position: fixed;
+    height: 30px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+    background: #f3f3f3;
+    box-shadow: 0px 0px 9px 0px #00000030;
+    padding: 5px;
+}
+
+#options span{
+    margin-right: 10px;
+}
+
+#options span.editBtn{
+    font-size: 16px;
+    cursor: pointer;
+    color: #00af2c;
+}
+#options span.delBtn{
+    font-size: 16px;
+    cursor: pointer;
+    color: #ed5b49
+}
+
+#options span.editBtn:hover{
+    color: #057205;
+}
+
+#options span.delBtn:hover{
+    color: #bd3523;
+}
+
+#options #customize{
+    position: fixed;
+    right: -370px;
+    top: 0;
+    bottom: 0;
+    padding: 30px;
+    box-shadow: 0px 0px 9px 0px #00000030;
+    color: black;
+    background: white;
+}
+
+#options #customize p{
+    line-height: 2.5rem;
+}
+
+#options #customize input{
+    width: 300px;
+    height: 25px;
+    border-bottom: 1px solid #dbdbdb;  
+    border-top:0px;  
+    border-left:0px;  
+    border-right:0px; 
+    font-size: 15px
+}
+
+#options #customize input:hover {
+    border-bottom-color: #9e9e9ec7;
+    transition: 0.25s;
+}
+
+#options #customize input:focus {
+    outline: none;
+    border-bottom-color: #0277BD;
+    transition: 0.5s;
+}
+
+#options #customize button{
+    width: 150px;
+    height: 30px;
+    border-width: 0px;
+    border-radius: 3px;
+    cursor: pointer;
+    outline: none;
+    color: white;
+}
+
+#options #customize button.cancelBtn{
+    background: #808080c9;
+}
+
+#options #customize button.saveBtn{
+    background: #1E90FF;
+}
+
+#options #customize button.saveBtn:hover{
+    background: #5599FF;
+    transition: 0.5s;
+}
+
+#options #customize button.cancelBtn:hover{
+    background: #a5a2a2c9;
+    transition: 0.5s;
 }