From 4cc3c2ac1735196e4e6a18d1a1124cd0d9a0ed5c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= Date: Thu, 3 Oct 2013 14:10:44 +0200 Subject: embed themes --- themes/default/css/style.css | 321 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 321 insertions(+) create mode 100644 themes/default/css/style.css (limited to 'themes/default/css/style.css') diff --git a/themes/default/css/style.css b/themes/default/css/style.css new file mode 100644 index 00000000..eb04f0c4 --- /dev/null +++ b/themes/default/css/style.css @@ -0,0 +1,321 @@ +body { + margin: 10px; + font-family: 'Roboto',Verdana,Geneva,sans-serif; + font-size: 16px; + color: #000; +} + +header { + text-align: center; +} + +header h1 { + font-size: 1.3em; +} + +a, +a:hover, +a:visited { + color: #000; +} + +.bouton { + border: none; + border-radius: 2px; + color: #fff; + background-color: #000; +} + +.bouton:hover { + color: #f1f1f1; + background-color: #222; + cursor: pointer; +} + +#main { + margin: 0 auto; +} + +#main #links { + padding: 0; + text-align: center; + font-size: 0.9em; + list-style-type: none; +} + +#main #links li { + display: inline; +} + +#main #links li .current { + -webkit-border-radius: 2px; + border-radius: 2px; + color: #fff; + background-color: #000; +} + +#main #sort { + padding: 0; + text-align: center; + list-style-type: none; + opacity: 0.5; +} + +#main #sort li { + display: inline; + font-size: 0.9em; +} + +#main #sort li + li { + margin-left: 10px; +} + +#main #sort a { + padding: 2px 2px 0; + vertical-align: middle; +} + +#main #sort img { + vertical-align: baseline; +} +#main #sort img:hover { + cursor: pointer; +} + +#links a { + padding: 5px 10px; + text-decoration: none; +} + +#links a:hover { + -webkit-border-radius: 2px; + border-radius: 2px; + color: #f1f1f1; + background-color: #040707; +} + +/*** ***/ + +/*** LINKS DISPLAY ***/ + +#main .tool { + text-decoration: none; + cursor: pointer; +} + +#main #content { + margin-top: 20px; +} + +#main #content h2 { + text-decoration: none; + font-size: 1.3em; +} + +#main #content .entrie { + margin-top: 15px; + padding-bottom: 15px; + border-bottom: 1px dashed #222; + overflow: hidden; +} + +/* First entry */ +#main #content .results + .entrie { + clear: both; + margin-top: 0; +} + +#main .entrie .tools { + float: right; + text-align: right; + list-style-type: none; + opacity: 0.5; +} + +#main .entrie .tools .tool span { + display: inline-block; + width: 16px; + height: 16px; + /* Hide textual content */ + overflow: hidden; + text-align: left; + text-indent: -9999px; +} + +/*** ***/ + +/*** ARTICLE PAGE ***/ + +#article { + margin: 0 auto; +} + +#article header { + border-bottom: 1px solid #222; +} + +#article header { + text-align: left; +} + +#article header h1 small { + float: right; + font-size: 0.6em; +} + +#article header a { + text-decoration: none; +} + +.backhome { + display: inline; +} + +.results { + padding: 15px 0; + overflow: hidden; +} + +.nb-results { + float: left; + font-size: 0.9em; + line-height: 24px; + vertical-align: middle; +} + +#article_toolbar { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 50px; + padding-top: 17px; + text-align: center; + color: #fff; + opacity: 0.8; + background: #fff; +} + +#article_toolbar li { + display: inline; + padding-right: 30px; +} + +#article_toolbar .tool { + padding: 0 2px; +} + +#article_toolbar .tool span { + display: inline-block; + width: 16px; + height: 16px; + /* Hide textual content */ + overflow: hidden; + text-align: left; + text-indent: -9999px; +} + +/*** ***/ + +/*** PAGINATION ***/ + +.pagination { + float: right; + text-align: right; +} + +.pagination a { + height: 25px; + margin: 2px; + padding: 4px 8px; + border: 1px solid #d5d5d5; + text-decoration: none; + font-size: 11px; + font-weight: bold; + color: #333; +} + +.pagination a:hover, +.pagination a:active { + background-color: #efefef; +} + +.pagination .current { + height: 25px; + margin: 2px; + padding: 4px 8px; + border: 1px solid #d5d5d5; + text-decoration: none; + font-size: 11px; + font-weight: bold; + color: #000; + background-color: #ccc; +} + +.pagination .disabled { + display: none; +} + +#bookmarklet { + padding: 5px; + border: 1px dashed #808080; + background: #fff; + cursor: move; +} + +.top_link { + display: none; + z-index: 2000; + position: fixed; + right: 15px; + bottom: 15px; + padding: 20px; + -webkit-border-radius: 40px; + -moz-border-radius: 40px; + border-radius: 40px; + opacity: 0.9; + background: #ccc; +} + +footer { + clear: both; +} + +.reading-time { + font-size: 0.8em; +} + +#inputform { + display: none; + margin-top: 5px; + margin-right: auto; + margin-left: auto; + padding-bottom: 5px; + max-width: 300px; + border-radius: 3px; + text-align: center; + color: #fff; + opacity: 0.8; + background-color: rgba(0,0,0,0.9); +} + +a.back span, +a.top span, +a.fav span, +a.fav span:hover, +a.fav-off span, +a.fav-off span:hover, +a.archive span, +a.archive span:hover, +a.archive-off span, +a.archive-off span:hover, +a.twitter span, +a.shaarli span, +a.flattr span, +a.email span, +a.delete span, +a.link span, +a.bad-display span, +a.reading-time span { + background-repeat: no-repeat; +} \ No newline at end of file -- cgit v1.2.3