From c8b4ef7fed01c4d94ac9d2325bd2c6e97f831bad Mon Sep 17 00:00:00 2001 From: Thomas Citharel Date: Wed, 19 Nov 2014 16:27:56 +0100 Subject: implementing carrot into wallabag --- themes/baggy/css/main.css | 1 - 1 file changed, 1 deletion(-) (limited to 'themes/baggy/css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 028c8b4e..76d92003 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -1046,4 +1046,3 @@ pre code { width: 100%; } } - -- cgit v1.2.3 From fc01f94387c3c41ca0d7c6d4ad8ed1d6678abfdd Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 21 Nov 2014 15:30:59 -0500 Subject: Globalizing and creating two variants of Carrot.org icon; tidying up some CSS --- themes/baggy/css/main.css | 76 +++++++++++++++++++++++++++++------------------ 1 file changed, 47 insertions(+), 29 deletions(-) (limited to 'themes/baggy/css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 76d92003..568eb116 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -15,11 +15,11 @@ html { } body { - background: #EEE; + background-color: #EEE; } .login { - background: #333; + background-color: #333; } .login #main { @@ -28,7 +28,7 @@ body { } .login form { - background: #FFF; + background-color: #FFF; padding: 1.5em; box-shadow: 0 1px 8px rgba(0,0,0,0.9); width: 20em; @@ -51,7 +51,7 @@ body { ::selection { color: #FFF; - background: #000; + background-color: #000; } .desktopHide { @@ -129,7 +129,7 @@ form .row { form button, input[type="submit"] { cursor:pointer; - background: #000; + background-color: #000; color: #FFF; border:0; padding: 0.5em 1em; @@ -138,7 +138,7 @@ form button, input[type="submit"] { } form button:hover, form button:focus, input[type="submit"]:hover, input[type="submit"]:focus { - background: #FFF; + background-color: #FFF; color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; @@ -155,7 +155,7 @@ h2:after { content: ""; height: 4px; width: 70px; - background: #000; + background-color: #000; display: block; } @@ -176,7 +176,7 @@ h2:after { width: 10em; left: 0; text-align: right; - background: #333; + background-color: #333; padding-top: 9.5em; height: 100%; box-shadow:inset -4px 0 20px rgba(0,0,0,0.6); @@ -208,7 +208,7 @@ h2:after { } #links > li > a:hover, #links > li > a:focus { - background: #999; + background-color: #999; color: #000; } @@ -344,7 +344,7 @@ footer a { } .entrie { - background: #FFF; + background-color: #FFF; letter-spacing:normal; box-shadow: 0 3px 7px rgba(0,0,0,0.3); display: inline-block; @@ -391,7 +391,7 @@ footer a { width: 100%; bottom: 0; left: 0; - background: #000; + background-color: #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; @@ -557,7 +557,7 @@ footer a { } .popup-form form { - background: #FFF; + background-color: #FFF; position: absolute; top: 0; left: 0; @@ -574,7 +574,7 @@ footer a { .closeMessage, .close-button { - background: #000; + background-color: #000; color: #FFF; font-size: 1.2em; line-height: 1.6; @@ -587,7 +587,7 @@ footer a { .closeMessage:focus, .close-button:hover, .close-button:focus { - background: #999; + background-color: #999; color: #000; } @@ -657,17 +657,18 @@ a.add-to-wallabag-link-after:after { @font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot?-s0mcsx'); - src:url('../fonts/icomoon.eot?#iefix-s0mcsx') format('embedded-opentype'), - url('../fonts/icomoon.woff?-s0mcsx') format('woff'), - url('../fonts/icomoon.ttf?-s0mcsx') format('truetype'), - url('../fonts/icomoon.svg?-s0mcsx#icomoon') format('svg'); + src:url('../fonts/icomoon.eot?#iefix-s0mcsx') format('embedded-opentype'), + url('../fonts/icomoon.woff?-s0mcsx') format('woff'), + url('../fonts/icomoon.ttf?-s0mcsx') format('truetype'), + url('../fonts/icomoon.svg?-s0mcsx#icomoon') format('svg'); font-weight: normal; font-style: normal; } -.icon span { - position: absolute; - top: -9999px; +.icon span, +.icon-image span { + display: inline-block; + text-indent: -9999px; } [class^="icon-"]:before, [class*=" icon-"]:before { @@ -736,6 +737,23 @@ a.add-to-wallabag-link-after:after { content: "\e80d"; } + +/* .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; +} + +/* Carrot (http://carrot.org) */ +.icon-image--carrot { + background-image: url('../../_global/img/icons/carrot-icon--white.png'); +} + /* ========================================================================== Icon selected ========================================================================== */ @@ -805,7 +823,7 @@ a.add-to-wallabag-link-after:after { blockquote { border:1px solid #999; - background: #FFF; + background-color: #FFF; padding: 1em; margin: 0; } @@ -838,14 +856,14 @@ blockquote { } #article_toolbar a { - background: #000; + background-color: #000; padding: 0.3em 0.5em 0.2em; color: #FFF; text-decoration: none; } #article_toolbar a:hover, #article_toolbar a:focus { - background: #999; + background-color: #999; } .shaarli:before { @@ -868,7 +886,7 @@ blockquote { } .icon-rss { - background: #000; + background-color: #000; color: #FFF; padding: 0.2em 0.5em; } @@ -883,7 +901,7 @@ blockquote { } .list-tags .icon-rss:hover, .list-tags .icon-rss:focus { - background: #FFF; + background-color: #FFF; color: #000; text-decoration: none; } @@ -944,7 +962,7 @@ pre code { margin-left: 0; } body > header { - background: #333; + background-color: #333; position: fixed; top: 0; width: 100%; @@ -990,11 +1008,11 @@ pre code { width: 2.5em; height: 2.5em; cursor: pointer; - background: #999; + background-color: #999; font-size: 1.2em; } .desktopHide:hover, .desktopHide:focus { - background: #FFF; + background-color: #FFF; } #links { display: none; -- cgit v1.2.3 From 46533cac7d12b460392afcc14ebb554f5ee6046a Mon Sep 17 00:00:00 2001 From: Jay Sitter Date: Fri, 21 Nov 2014 16:07:15 -0500 Subject: Fixing icon text on unread page --- themes/baggy/css/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'themes/baggy/css') diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css index 568eb116..2aad3aa7 100755 --- a/themes/baggy/css/main.css +++ b/themes/baggy/css/main.css @@ -667,8 +667,8 @@ a.add-to-wallabag-link-after:after { .icon span, .icon-image span { - display: inline-block; - text-indent: -9999px; + position: absolute; + top: -9999px; } [class^="icon-"]:before, [class*=" icon-"]:before { -- cgit v1.2.3