Merge pull request #2230 from modos189/issue_2055

[github/wallabag/wallabag.git] / src / Wallabag / CoreBundle / Resources / public / themes / material / css / main.css

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 0ce334a319212ac0a1a8e12b6547cd36c161d5ed..eb4eebd80beb9841b583ca555dfd4d5d366a0b63 100755 (executable)
--- 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;
 }
@@ -283,6 +285,12 @@ main ul.row {
 
 .card .card-content .card-title {
     line-height: 32px;
+    max-height: 64px;
+    display: block;
+}
+
+.card .card-content i.right, .card .card-reveal i.right {
+    margin-left: 0;
 }
 
 .card .card-content .estimatedTime {
@@ -343,6 +351,12 @@ main ul.row {
     max-width: 40em;
 }
 
+#article img,
+#article figure {
+    max-width: 100%;
+    height: auto;
+}
+
 .reader-mode {
     width: 95px !important;
     transition: width 0.2s ease;
@@ -395,6 +409,10 @@ main ul.row {
     color: #ffffff;
 }
 
+#article aside .chip i {
+    color: #ffffff;
+}
+
 /* ==========================================================================
    6 = Media queries
    ========================================================================== */
@@ -415,8 +433,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%;