X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=src%2FWallabag%2FCoreBundle%2FResources%2Fpublic%2Fthemes%2Fmaterial%2Fcss%2Fmain.css;h=9d9ebe121313680dc6cb32b4f2a72909f27282f1;hb=c21f2924f39c99fbfb6ee2e0918726e9de2c5e27;hp=710e4c119f2825d5683893ebf19d155264a6487d;hpb=dcb6bd7a9dba44600402a4dea87acefda495818e;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 710e4c11..9d9ebe12 100755 --- a/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css +++ b/src/Wallabag/CoreBundle/Resources/public/themes/material/css/main.css @@ -52,20 +52,7 @@ body { 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; + min-height: 100vh; } .border-bottom { @@ -94,6 +81,14 @@ main, #content, .valign-wrapper { margin-bottom: 0; } +.pagination { + float: right; +} + +.pagination ul { + margin: 0 !important; +} + .pagination li { padding: 0; } @@ -104,6 +99,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; } @@ -200,6 +207,10 @@ nav input { display: none; } +.input-field.nav-panel-add, .input-field.nav-panel-add form { + height: 100%; +} + /* ========================================================================== 2 = Side-nav ========================================================================== */ @@ -279,6 +290,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 { @@ -339,6 +356,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; @@ -391,6 +414,10 @@ main ul.row { color: #ffffff; } +#article aside .chip i { + color: #ffffff; +} + /* ========================================================================== 6 = Media queries ========================================================================== */ @@ -411,6 +438,20 @@ 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) {