X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=src%2FWallabag%2FCoreBundle%2FResources%2Fviews%2Fthemes%2Fmaterial%2Fpublic%2Fcss%2Fmain.css;h=286fa6414600cf117755569134d7be09b6eb24e0;hb=a754db33c9f1df9f4b6e8b2f580d51b6f3925c02;hp=6dd6ed55100f664a698741b23600fd31edc6d179;hpb=8ba913d87a1e7f5223080c4e422301561fa74467;p=github%2Fwallabag%2Fwallabag.git

diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
index 6dd6ed55..286fa641 100755
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
@@ -4,13 +4,11 @@
    0 = Common
    1 = Nav
    2 = Side-nav
-
-   2 = Layout
-   3 = Pictos
-   4 = Messages
+   3 = Filters slider
+   4 = Cards
    5 = Article
-
    6 = Media queries
+   7 = Others
 
    ========================================================================== */
 
@@ -26,6 +24,20 @@ body {
     background: #f0f0f0;
 }
 
+#warning_message {
+    position: fixed;
+    background-color: #ff6347;
+    z-index: 1000;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    color: #000;
+}
+
+#warning_message a {
+    color: #555;
+}
+
 .border-bottom {
     border-bottom: 1px solid #DDD;
 }
@@ -48,6 +60,16 @@ nav, main, footer {
     margin-bottom: 0;
 }
 
+.pagination li {
+    padding: 0;
+}
+
+.pagination a {
+    padding: 0px 10px;
+    height: 30px;
+    display: block;
+}
+
 .page-footer .footer-copyright p {
     display: inline;
 }
@@ -56,6 +78,10 @@ nav, main, footer {
     display: none;
 }
 
+.picker__date-display {
+    display: none;
+}
+
 /* ==========================================================================
    1 = Nav
    ========================================================================== */
@@ -128,6 +154,10 @@ nav input {
     transition: .3s color;
 }
 
+#button_filters {
+    display: none;
+}
+
 /* ==========================================================================
    2 = Side-nav
    ========================================================================== */
@@ -165,7 +195,22 @@ nav input {
 }
 
 /* ==========================================================================
-   3 = Cards
+ * 3 = Filters slider
+ * ========================================================================== */
+
+#filters button {
+    padding: 0px;
+    width: 100%;
+}
+
+.side-nav.fixed.right-aligned {
+    right: -250px;
+    left: auto !important;
+    overflow-y: visible;
+}
+
+/* ==========================================================================
+   4 = Cards
    ========================================================================== */
 
 main #content {
@@ -214,7 +259,7 @@ main ul.row {
 }
 
 /* ==========================================================================
-   4 = Article
+   5 = Article
    ========================================================================== */
 
 #article {
@@ -232,6 +277,15 @@ main ul.row {
     width: 240px !important;
 }
 
+.reader-mode .collapsible-body {
+    height: 0;
+    overflow: hidden;
+}
+
+.reader-mode:hover .collapsible-body {
+    height: auto;
+}
+
 .reader-mode span {
     opacity: 0;
     transition: opacity 0.2s ease;
@@ -241,6 +295,38 @@ main ul.row {
     opacity: 1;
 }
 
+.progress {
+    position:fixed;
+    top:0px;
+    width: 100%;
+    height: 3px;
+    margin: 0;
+    z-index: 9999;
+}
+
+#article aside .link {
+    color: #000;
+    font-size: 0.6em;
+    text-decoration: none;
+}
+
+#article aside #list {
+    float: right;
+    margin-right: 15px;
+}
+
+#article aside span a {
+    background-color: #039be5;
+    color: #fff;
+    border-radius: 3px;
+    float: left;
+    font-size: 0.6em;
+    margin-left: 0.5em;
+    margin-bottom: 0.5em;
+    padding: 4px;
+    text-decoration: none;
+}
+
 /* ==========================================================================
    6 = Media queries
    ========================================================================== */
@@ -301,3 +387,10 @@ main ul.row {
         display: none;
     }
 }
+/* ==========================================================================
+   7 = Others
+   ========================================================================== */
+
+div.input-field div, div.input-field ul {
+    margin-top: 40px;
+}