sync

Site/Maintenance/css/maintenance.css

@@ -207,12 +207,17 @@
 
 .subtitle {
     margin: 20px 40px 5px 0px;
-    font-size: 16px;
+    font-size: 14px;
     color: gray;
 }
 
-    .subtitle span {
-        margin-left: 10px;
+    .subtitle .sttitle {
+        display: inline-block;
+        width: 150px;
+        margin-left: 5px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        vertical-align: middle;
     }
 
     .subtitle hr {
@@ -398,7 +403,7 @@
         content: '\f00d';
     }
 
-.attadownload {
+.attaicon {
     position: absolute;
     vertical-align: top;
     font-size: 16px;
@@ -406,24 +411,40 @@
     color: rgb(123,28,33);
     right: 5px;
     bottom: 5px;
+    background-color: rgba(255,255,255,.6);
+    padding: 4px;
+    border-radius: 4px;
+    transition: background-color .12s;
 }
 
-    .attadownload::before {
-        content: '\f019';
+    .attaicon:hover {
+        background-color: white;
     }
 
-.attaprint {
+.attadownload::before {
+    content: '\f019';
+}
+
+.attaprint::before {
+    content: '\f02f';
+}
+
+.attasend::before {
+    content: '\f1d8';
+}
+
+.attasend {
     position: absolute;
     vertical-align: top;
     font-size: 16px;
     font-family: 'Fontawesome';
     color: rgb(123,28,33);
-    right: 30px;
+    right: 55px;
     bottom: 5px;
 }
 
-    .attaprint::before {
-        content: '\f02f';
+    .attasend::before {
+        content: '\f1d8';
     }
 
 .attaedit {
@@ -464,22 +485,18 @@
     font-style: italic;
 }
 
-.dropdown {
-    width: 240px;
+.dropdown .dropdown-wrapper {
+    border-color: #a9a9a9;
 }
 
-    .dropdown .dropdown-wrapper {
-        border-color: #a9a9a9;
+    .dropdown .dropdown-wrapper > .dropdown-header {
+        min-height: 26px;
     }
 
-        .dropdown .dropdown-wrapper > .dropdown-header {
-            min-height: 26px;
+        .dropdown .dropdown-wrapper > .dropdown-header > .dropdown-text {
+            line-height: 26px;
         }
 
-            .dropdown .dropdown-wrapper > .dropdown-header > .dropdown-text {
-                line-height: 26px;
-            }
-
 .subtitle .dropdown .dropdown-wrapper > .dropdown-header {
     min-height: 24px;
 }
@@ -565,10 +582,19 @@
     content: '\f019';
 }
 
+.wolist_attasend::before {
+    content: '\f1d8';
+}
+
 .wolist_attaprint::before {
     content: '\f02f';
 }
 
+.wolist_send::before {
+    content: '\f1d8';
+}
+
+
 .divattp input {
     width: 60px;
     border: 1px solid #fff;
@@ -616,6 +642,17 @@
     /*min-width: 160px;*/
 }
 
-#mask_bg, #dialogattmask, .dialog {
+#mask_bg, #dialogattmask, .mask_dialog, .dialog {
     z-index: 1000;
 }
+
+.attalabel {
+    /*border-bottom: 1px solid RGB(30, 144, 255);*/
+    color: RGB(30,144,255);
+    cursor: pointer;
+    overflow: hidden;
+    display: block;
+    width: 100%;
+    text-overflow: ellipsis;
+    text-decoration: underline;
+}