From 38330bfd65181d63609b9350324aa13f1e967bc3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= Date: Tue, 20 Aug 2013 11:23:00 +0200 Subject: fix bug #112 link to shaarli --- tpl/css/style-light.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'tpl/css') diff --git a/tpl/css/style-light.css b/tpl/css/style-light.css index 9ea7955a..e2788a1c 100644 --- a/tpl/css/style-light.css +++ b/tpl/css/style-light.css @@ -44,6 +44,10 @@ a.twitter span { background: url('../img/light/twitter.png') no-repeat; } +a.shaarli span { + background: url('../img/light/shaarli.png') no-repeat; +} + a.email span { background: url('../img/light/envelop.png') no-repeat; } -- cgit v1.2.3 From 096fb74bf1bd0065b464e74503b55f37a09ff3f8 Mon Sep 17 00:00:00 2001 From: NumEricR Date: Fri, 23 Aug 2013 12:12:05 +0200 Subject: CSS clean up on style.css file Syntax homogenization (spaces, lowercase for hexa, ...) Code refactoring Simplification of some selectors Simplification of "0px" and hexa values More detailed font stack Add cursor pointer on ".bouton" elements --- tpl/css/style.css | 120 +++++++++++++++++++++++++----------------------------- 1 file changed, 55 insertions(+), 65 deletions(-) (limited to 'tpl/css') diff --git a/tpl/css/style.css b/tpl/css/style.css index e2a512f7..9b249989 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -1,7 +1,8 @@ body { font-size: 16px; - font-family: 'Roboto', sans-serif; + font-family: 'Roboto', Verdana, Geneva, sans-serif; margin: 10px; + color: #000; } header { @@ -12,52 +13,67 @@ header h1 { font-size: 1.3em; } +a, a:hover, a:visited { + color: #000; +} + .bouton { - border-radius: 2px; + background-color: #000; + color: #fff; + border: none; + border-radius: 2px; +} +.bouton:hover { + background-color: #222; + color: #f1f1f1; + cursor: pointer; } #main { margin: 0 auto; } -#main ul#links { +#main #links { padding: 0; list-style-type: none; text-align: center; font-size: 0.9em; } -#main ul#links li { +#main #links li { display: inline; } -#main ul#links li a.current { +#main #links li .current { + background-color: #000; + color: #fff; -webkit-border-radius: 2px; border-radius: 2px; } -#main ul#sort { +#main #sort { padding: 0; list-style-type: none; text-align: center; opacity: 0.5; } -#main ul#sort li { +#main #sort li { display: inline; font-size: 0.9em; } -#main ul#sort img:hover { +#main #sort img:hover { cursor: pointer; } - -#links a{ +#links a { text-decoration: none; padding: 5px 10px; } -#links a:hover{ +#links a:hover { + background-color: #040707; + color: #F1F1F1; -webkit-border-radius: 2px; border-radius: 2px; } @@ -65,7 +81,7 @@ header h1 { /*** ***/ /*** LINKS DISPLAY ***/ -#main a.tool { +#main .tool { text-decoration: none; cursor: pointer; } @@ -80,16 +96,18 @@ header h1 { } #main #content .entrie { - border-bottom: 1px dashed #222222; + border-bottom: 1px dashed #222; } -#main .entrie ul.tools { +#main .entrie .tools { list-style-type: none; } -#main .entrie ul.tools li { - /*display: inline;*/ +/* +#main .entrie .tools li { + display: inline; } +*/ .tools { float: right; @@ -98,7 +116,8 @@ header h1 { } .tools p { - font-size: 0.8em;} + font-size: 0.8em; +} /* .tools ul { @@ -110,16 +129,17 @@ header h1 { line-height: 20px; } -.tools a.tool { +.tools .tool { cursor: pointer; }*/ -#main .entrie .tools a.tool span, #article .tools a.tool span { +#main .entrie .tools .tool span, #article .tools .tool span { display: inline-block; width: 16px; height: 16px; } + /*** ***/ /*** ARTICLE PAGE ***/ @@ -136,7 +156,7 @@ header h1 { .vieworiginal a, .vieworiginal a:hover, .vieworiginal a:visited { text-decoration: none; - color: #888888; + color: #888; } .backhome { @@ -146,51 +166,21 @@ header h1 { #article .tools { position: relative; display: inline; - top: 0px; - right: 0px; + top: 0; + right: 0; width: 100%; } -#article .tools ul li{ +#article .tools ul li { display: inline; } -/*** GENERAL ***/ -body { - color: #000; -} - -a, a:hover, a:visited { - color: #000; -} - -.bouton { - background-color: #000; - color: #fff; - border: none; -} -.bouton:hover { - background-color: #222222; - color: #F1F1F1; -} - -#main ul#links li a.current { - background-color: #000; - color: #fff; -} - -#links a:hover{ - background-color: #040707; - color: #F1F1F1; -} - - /*** ***/ /*** ARTICLE PAGE ***/ #article header, #article article { - border-bottom: 1px solid #222222; + border-bottom: 1px solid #222; } @@ -202,33 +192,33 @@ a, a:hover, a:visited { text-align: right; } .pagination a { - border: 1px solid #D5D5D5; + border: 1px solid #d5d5d5; color: #333; font-size: 11px; font-weight: bold; height: 25px; padding: 4px 8px; text-decoration: none; - margin:2px; + margin: 2px; } .pagination a:hover, .pagination a:active { - background:#efefef; + background-color: #efefef; } -.pagination span.current { +.pagination .current { background-color: #ccc; - border: 1px solid #D5D5D5; + border: 1px solid #d5d5d5; color: #000; font-size: 11px; font-weight: bold; height: 25px; padding: 4px 8px; text-decoration: none; - margin:2px; + margin: 2px; } -.pagination span.disabled { - border: 1px solid #EEEEEE; - color: #DDDDDD; - margin:2px; +.pagination .disabled { + border: 1px solid #eee; + color: #ddd; + margin: 2px; padding: 4px 8px; font-size: 11px; font-weight: bold; @@ -240,4 +230,4 @@ footer { .reading-time { font-size: 0.8em; -} \ No newline at end of file +} -- cgit v1.2.3 From 00e4700abb8888344a8765ddb2067c4ed7a5c6b9 Mon Sep 17 00:00:00 2001 From: Nicolas Frandeboeuf Date: Fri, 23 Aug 2013 13:45:46 +0200 Subject: Fix #157 --- tpl/css/print.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 tpl/css/print.css (limited to 'tpl/css') diff --git a/tpl/css/print.css b/tpl/css/print.css new file mode 100644 index 00000000..a3b0a599 --- /dev/null +++ b/tpl/css/print.css @@ -0,0 +1,19 @@ +body > header, +body > footer, +a.top_link, +div.tools, +header div +{ + display: none !important; +} + +article +{ + border: none !important; +} + +div.vieworiginal a::after +{ + margin-left: 5px; + content: "("attr(href)")"; +} -- cgit v1.2.3 From 4b4afc7322cef96575649a47e34b1621a5aab1fd Mon Sep 17 00:00:00 2001 From: NumEricR Date: Fri, 23 Aug 2013 18:45:34 +0200 Subject: Add textual content on tools links --- tpl/css/style.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'tpl/css') diff --git a/tpl/css/style.css b/tpl/css/style.css index 9b249989..85df6e95 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -137,6 +137,10 @@ a, a:hover, a:visited { display: inline-block; width: 16px; height: 16px; + /* Hide textual content */ + text-indent: -9999px; + text-align: left; + overflow: hidden; } -- cgit v1.2.3 From 5ae45084dc15adb0c7fc163e3803da780eda2fb4 Mon Sep 17 00:00:00 2001 From: NumEricR Date: Sat, 24 Aug 2013 09:53:02 +0200 Subject: CSS clean up again --- tpl/css/style.css | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) (limited to 'tpl/css') diff --git a/tpl/css/style.css b/tpl/css/style.css index 85df6e95..d4e6c12c 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -150,6 +150,11 @@ a, a:hover, a:visited { #article { margin: 0 auto; } + +#article header, #article article { + border-bottom: 1px solid #222; +} + #article header { text-align: left; } @@ -180,14 +185,6 @@ a, a:hover, a:visited { } -/*** ***/ -/*** ARTICLE PAGE ***/ - -#article header, #article article { - border-bottom: 1px solid #222; -} - - /* Pagination */ .pagination { clear: both; -- cgit v1.2.3 From 6a7d7790247fdf7fdb2992638de700f6ba7da366 Mon Sep 17 00:00:00 2001 From: NumEricR Date: Sat, 24 Aug 2013 09:56:59 +0200 Subject: Fix issue on entries' height --- tpl/css/style.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'tpl/css') diff --git a/tpl/css/style.css b/tpl/css/style.css index d4e6c12c..1ae3a601 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -103,6 +103,10 @@ a, a:hover, a:visited { list-style-type: none; } +#main .entrie .tools + p { + min-height: 5.5em; +} + /* #main .entrie .tools li { display: inline; -- cgit v1.2.3 From a4990dd294c08e40c86123605fbfbc78bc930a6e Mon Sep 17 00:00:00 2001 From: NumEricR Date: Sun, 25 Aug 2013 16:40:12 +0200 Subject: Externalize bookmarklet style --- tpl/css/style.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'tpl/css') diff --git a/tpl/css/style.css b/tpl/css/style.css index 1ae3a601..3d3c5385 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -229,6 +229,13 @@ a, a:hover, a:visited { font-weight: bold; } +#bookmarklet { + padding: 5px; + border: 1px dashed #808080; + background: #fff; + cursor: move; +} + footer { clear: both; } -- cgit v1.2.3 From 8e1ed353bbd772da9002dd977fc0725c9d526c8c Mon Sep 17 00:00:00 2001 From: NumEricR Date: Sun, 25 Aug 2013 16:41:20 +0200 Subject: Externalize top link style --- tpl/css/style.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'tpl/css') diff --git a/tpl/css/style.css b/tpl/css/style.css index 3d3c5385..7633534c 100644 --- a/tpl/css/style.css +++ b/tpl/css/style.css @@ -236,6 +236,20 @@ a, a:hover, a:visited { cursor: move; } +.top_link { + position: fixed; + right: 15px; + bottom: 15px; + display: none; + padding: 20px; + background: #ccc; + -moz-border-radius: 40px; + -webkit-border-radius: 40px; + border-radius: 40px; + opacity: 0.9; + z-index: 2000; +} + footer { clear: both; } -- cgit v1.2.3