X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=frontend%2Fcss%2Fstyle.css;h=5c9236b485cd67bfbdcdf7c6d0081d38949f48c6;hb=c248373641e65b585e0029176a608d6f4160642d;hp=ff1dc84c02f9a2c09c3b52f84d4e04e3d270bee9;hpb=9716e5b65e0eb6ee663939b5f3c772aded52827b;p=perso%2FImmae%2FProjets%2FNodejs%2FSurfer.git

diff --git a/frontend/css/style.css b/frontend/css/style.css
index ff1dc84..5c9236b 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -1,16 +1,75 @@
 
-html, body {
-    min-height: 100%;
-    width: 100%;
-    height: 100%;
-    padding: 0;
+body {
     margin: 0;
+    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
+    font-weight: 400;
+    color: rgb(96, 98, 102);
 }
 
-body {
-    padding-bottom: 70px;
+.el-container {
+    height: 100%;
+}
+
+.el-main {
+    padding: 10px;
+}
+
+.el-header {
+    padding: 10px 20px;
+    box-shadow: 0 1px 7px rgba(0,0,0,0.3);
+    height: 52px !important;
+}
+
+.el-footer {
+    padding: 3px 20px;
+    font-size: 14px;
+    text-align: center;
+}
+
+a {
+    color: #66b1ff;
+    text-decoration: none;
+}
+
+a:hover, a:focus {
+    color: #409EFF;
+    text-decoration: none;
+}
+
+.el-table a {
+    color: rgb(96, 98, 102);
+}
+
+.el-table a:hover {
+    color: #66b1ff;
+}
+
+.el-table td {
+    padding: 5px 0;
+    cursor: pointer;
+    font-size: 14px;
+}
+
+.el-table th {
+    font-size: 12px;
 }
 
+.el-table__row .list-actions .el-button {
+    visibility: hidden;
+}
+
+.el-table__row:hover .list-actions .el-button {
+    visibility: visible;
+}
+
+.el-breadcrumb {
+    border: 1px solid #ebeef5;
+    border-radius: 5px;
+    padding: 7px;
+}
+
+/* old */
+
 .wrapper {
     display: table;
     width: 100%;
@@ -39,33 +98,12 @@ pre {
     cursor: pointer;
 }
 
-th {
-    vertical-align: middle !important;
-}
-
 .main {
     margin-bottom: 40px;
 }
 
-footer {
-    position: fixed;
-    background-color: #efefef;
-    bottom: 0;
-    width: 100%;
-    color: #555;
-    font-size: 14px;
-    padding: 5px;
-    z-index: 13;
-    opacity: .5;
-    -webkit-transition: all .25s;
-    transition: all .25s;
-}
-
-footer:hover {
-    opacity: 1;
-}
-
-th {
+td {
+    vertical-align: middle !important;
     overflow: hidden;
 }
 
@@ -77,3 +115,11 @@ th {
 tr:hover .entry-toolbar {
     opacity: 1;
 }
+
+table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
+    content: " \25B4\25BE"
+}
+
+th {
+    cursor: pointer;
+}