X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=src%2FWallabag%2FCoreBundle%2FResources%2Fpublic%2Fthemes%2Fmaterial%2Fcss%2Fmain.css;h=b106d91a3b807e6a2e325271623fa0924f6911d7;hb=9f95b14dec88cf083cefa38d5fbd84189e07acac;hp=87bcfe65bbb723ab9d5b1f47b013563717bdd79a;hpb=a7c7de4e9b1ba9c688c9d4f5c442adcd6450c0a4;p=github%2Fwallabag%2Fwallabag.git

diff --git a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
index 87bcfe65..b106d91a 100755
--- a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css
@@ -54,20 +54,6 @@ body.login main {
     padding: 0;
 }
 
-#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;
 }
@@ -94,6 +80,14 @@ main, #content, .valign-wrapper {
     margin-bottom: 0;
 }
 
+.pagination {
+    float: right;
+}
+
+.pagination ul {
+    margin: 0 !important;
+}
+
 .pagination li {
     padding: 0;
 }
@@ -104,6 +98,18 @@ main, #content, .valign-wrapper {
     display: block;
 }
 
+.pagination li.active span {
+    padding: 0px 10px;
+    height: 30px;
+    display: block;
+    color: #fff;
+}
+
+.pagination .disabled {
+    margin-right: 10px;
+    margin-left: 10px;
+}
+
 .page-footer .footer-copyright p {
     display: inline;
 }
@@ -149,10 +155,6 @@ nav input {
     max-height: 64px;
 }
 
-.nav-panel-buttom {
-    float: right;
-}
-
 .nav-panels {
     transition: background 0.2s ease;
 }
@@ -343,6 +345,11 @@ main ul.row {
     max-width: 40em;
 }
 
+#article img {
+    max-width: 100%;
+    height: auto;
+}
+
 .reader-mode {
     width: 95px !important;
     transition: width 0.2s ease;
@@ -419,8 +426,28 @@ main ul.row {
     .reader-mode span {
         opacity: 1;
     }
+
+    .tabs {
+        display: inline-block;
+        height: auto;
+    }
+    .tab {
+        min-width: 100%;
+    }
+    .indicator {
+        display: none;
+    }
+    .pagination li.prev, .pagination li.next {
+        width: auto;
+    }
   }
 
+@media only screen and (min-width : 400px) {
+    .nav-panel-buttom {
+        float: right;
+    }
+}
+
 @media only screen and (min-width : 993px) and (max-width : 1180px) {
     .row .col.l1 {
     width: 25%;