X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=src%2FWallabag%2FCoreBundle%2FResources%2Fviews%2Fthemes%2Fbaggy%2Fpublic%2Fcss%2Fmain.css;h=4aeadb4fd799f045ca700b2b91cf2ed082fb7055;hb=57162494557c5eac938a7d6800ac1b112f73efc9;hp=e2844ccc9773b07131bbeb2dcfe4494d0310a26d;hpb=7e63b892f9682e62f6758bb51c6912499f5bd8d1;p=github%2Fwallabag%2Fwallabag.git diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css index e2844ccc..4aeadb4f 100755 --- a/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css +++ b/src/Wallabag/CoreBundle/Resources/views/themes/baggy/public/css/main.css @@ -322,7 +322,7 @@ footer a { letter-spacing:-5px; } -.listmode .entrie { +.listmode .entry { width: 100%!important; margin-left: 0!important; } @@ -343,7 +343,7 @@ footer a { top: -1px; } -.entrie { +.entry { background-color: #FFF; letter-spacing:normal; box-shadow: 0 3px 7px rgba(0,0,0,0.3); @@ -356,9 +356,9 @@ footer a { overflow: hidden; padding: 1.5em 1.5em 3em 1.5em; - /* Removing CSS transitions because they make the switch from list view to - * table view jerky - */ + /* Removing CSS transitions because they make the switch from list view to + * table view jerky + */ /* -webkit-transition: all 0.5s ease; */ /* -moz-transition: all 0.5s ease; */ /* -ms-transition: all 0.5s ease; */ @@ -366,7 +366,7 @@ footer a { /* transition: all 0.5s ease; */ } -.entrie:before { +.entry:before { content: ""; width: 0; height: 0; @@ -384,7 +384,7 @@ footer a { transition: all 0.5s ease; } -.entrie:after { +.entry:after { content: ""; position: absolute; height: 7px; @@ -399,34 +399,34 @@ footer a { transition: all 0.5s ease; } -.entrie:hover { +.entry:hover { box-shadow: 0 3px 10px rgba(0,0,0,1); } -.entrie:hover:after { +.entry:hover:after { height: 40px; } -.entrie:hover:before { +.entry:hover:before { bottom: 2.4em; } -.entrie:hover h2 a { +.entry:hover h2 a { color: #666; } -.entrie h2 { +.entry h2 { text-transform: none; margin-bottom: 0; line-height: 1.2; } - .entrie h2:after { + .entry h2:after { content: none; } -.entrie h2 a { +.entry h2 a { display: block; text-decoration: none; color: #000; @@ -438,7 +438,7 @@ footer a { transition: all 0.5s ease; } /* -.entrie h2 a:after { +.entry h2 a:after { content: ""; position: absolute; top: 0; @@ -448,21 +448,25 @@ footer a { } */ -.entrie p { +img.preview { + max-width: 100%; +} + +.entry p { color: #666; font-size: 0.9em; line-height: 1.7; } - .entrie h2 a:first-letter { + .entry h2 a:first-letter { text-transform: uppercase; } -.entrie:hover .tools { +.entry:hover .tools { bottom: 0; } -.entrie .tools { +.entry .tools { position: absolute; bottom: -50px; left: 0; @@ -477,22 +481,22 @@ footer a { transition: all 0.5s ease; } - .entrie .tools a { + .entry .tools a { color: #666; text-decoration: none; display: block; padding: 0.4em; } - .entrie .tools a:hover { + .entry .tools a:hover { color: #FFF; } - .entrie .tools li { + .entry .tools li { display: inline-block; } -.entrie:nth-child(3n+1) { +.entry:nth-child(3n+1) { margin-left: 0; } @@ -566,47 +570,47 @@ footer a { border-left: 1px #EEE solid; } - .popup-form form { - background-color: #FFF; - position: absolute; - top: 0; - left: 0; - z-index: 20; - border: 10px solid #000; - width: 400px; - height: 200px; - padding: 2em; - } + .popup-form form { + background-color: #FFF; + position: absolute; + top: 0; + left: 0; + z-index: 20; + border: 10px solid #000; + width: 400px; + height: 200px; + padding: 2em; + } #bagit-form-form .addurl { - margin-left: 0; + margin-left: 0; } .closeMessage, .close-button { background-color: #000; color: #FFF; - font-size: 1.2em; - line-height: 1.6; - width: 1.6em; - height: 1.6em; - text-align: center; + font-size: 1.2em; + line-height: 1.6; + width: 1.6em; + height: 1.6em; + text-align: center; text-decoration: none; } - .closeMessage:hover, - .closeMessage:focus, - .close-button:hover, - .close-button:focus { - background-color: #999; - color: #000; - } + .closeMessage:hover, + .closeMessage:focus, + .close-button:hover, + .close-button:focus { + background-color: #999; + color: #000; + } .close-button--popup { - display: inline-block; - position: absolute; - top: 0; - right: 0; - font-size: 1.4em; + display: inline-block; + position: absolute; + top: 0; + right: 0; + font-size: 1.4em; } .active-current { @@ -749,24 +753,24 @@ a.add-to-wallabag-link-after:after { /* .icon-image class, for image-based icons - ========================================================================== */ + ========================================================================== */ .icon-image { - background-size: 16px 16px; - background-repeat: no-repeat; - background-position: center; - padding-right: 1em !important; - padding-left: 1em !important; + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center; + padding-right: 1em !important; + padding-left: 1em !important; } /* Carrot (http://carrot.org) */ .icon-image--carrot { - background-image: url('../../_global/img/icons/carrot-icon--white.png'); + background-image: url('../../_global/img/icons/carrot-icon--white.png'); } /* Diaspora */ .icon-image--diaspora { - background-image: url('../../_global/img/icons/diaspora-icon--black.png'); + background-image: url('../../_global/img/icons/diaspora-icon--black.png'); }} /* ========================================================================== @@ -809,14 +813,14 @@ a.add-to-wallabag-link-after:after { } .more-info { - font-size: 0.85em; + font-size: 0.85em; line-height: 1.5; - color: #aaa; + color: #aaa; } - .more-info a { - color: #aaa; - } + .more-info a { + color: #aaa; + } /* ========================================================================== 5 = Article @@ -930,9 +934,37 @@ blockquote { } pre code { - font-family: "Courier New", Courier, monospace; - border: 1px solid #ccc; - font-size: 0.96em; + font-family: "Courier New", Courier, monospace; + border: 1px solid #ccc; + font-size: 0.96em; +} + +#filter-form { + position: fixed; + width: 20%; + height: 100%; + top: 0; + right: 0; + background-color: #FFF; + padding: 15px; + padding-right: 30px; + padding-top: 30px; + border-left: 1px #333 solid; + z-index: 12; + + /*transition-property: transform; + transition-duration: 0.3s; + transition-delay: 0.3s; + + transform: translate3d(100%, 0, 0);*/ +} + +#filter-form form { + +} + +#filter-form form .filter-group { + margin: 5px; } @@ -941,13 +973,13 @@ pre code { ========================================================================== */ @media screen and (max-width: 1050px) { - .entrie { + .entry { width: 49%; } - .entrie:nth-child(3n+1) { + .entry:nth-child(3n+1) { margin-left: 1.5%; } - .entrie:nth-child(2n+1) { + .entry:nth-child(2n+1) { margin-left: 0; } } @@ -962,7 +994,7 @@ pre code { } @media screen and (max-width: 700px) { - .entrie { + .entry { width: 100%; margin-left: 0; } @@ -972,7 +1004,7 @@ pre code { } @media screen and (max-width: 500px) { - .entrie { + .entry { width: 100%; margin-left: 0; }