From dbba735e706889ecdf05bcf6fc1752439ec2bbd3 Mon Sep 17 00:00:00 2001 From: Alexis Degrugillier Date: Sun, 5 Jan 2014 10:03:14 -0500 Subject: [PATCH] =?UTF-8?q?Cr=C3=A9ation=20d'un=20theme=20fonc=C3=A9.=20Il?= =?UTF-8?q?=20y=20a=20certainement=20des=20choses=20=C3=A0=20am=C3=A9liore?= =?UTF-8?q?r,=20mais=20j'esp=C3=A8re=20que=20=C3=A7a=20donne=20une=20bonne?= =?UTF-8?q?=20base=20pour=20la=20suite.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- p/themes/default_dark/freshrss.css | 877 ++++++++++++++++++++++++++++ p/themes/default_dark/global.css | 481 +++++++++++++++ p/themes/default_dark/loader.gif | Bin 0 -> 4176 bytes p/themes/default_dark/metadata.json | 7 + 4 files changed, 1365 insertions(+) create mode 100644 p/themes/default_dark/freshrss.css create mode 100644 p/themes/default_dark/global.css create mode 100644 p/themes/default_dark/loader.gif create mode 100644 p/themes/default_dark/metadata.json diff --git a/p/themes/default_dark/freshrss.css b/p/themes/default_dark/freshrss.css new file mode 100644 index 000000000..71f2645e6 --- /dev/null +++ b/p/themes/default_dark/freshrss.css @@ -0,0 +1,877 @@ +@charset "UTF-8"; + +/* STRUCTURE */ +.header { + display: table; + width: 100%; + background: #1c1c1c; + table-layout: fixed; +} + .header > .item { + display: table-cell; + padding: 10px 0; + border-bottom: 1px solid #2f2f2f; + vertical-align: middle; + text-align: center; + } + .header > .item.title { + width: 250px; + white-space: nowrap; + } + .logo { + display: inline-block; + font-size: 48px; + height: 32px; + width: 32px; + padding: 10px; + } + .header > .item.title h1 { + display: inline-block; + margin: 0; + text-shadow: 1px -1px 0 #ccc; + } + .header > .item.search input { + width: 230px; + transition: width 200ms linear; + } + .header .item.search input:focus { + width: 330px; + } + .header > .item.configure { + width: 100px; + } + +.item a:hover { + text-decoration: none; +} + +#global { + display: table; + width: 100%; + height: 100%; + background: #1c1c1c; + table-layout: fixed; +} + .aside { + display: table-cell; + height: 100%; + width: 250px; + vertical-align: top; + border-right: 1px solid #2f2f2f; + background: #1c1c1c; + } + .aside .nav-form input { + width: 180px; + } + .aside.aside_flux { + padding: 10px 0 40px; + } + .aside.aside_feed .nav-form input { + width: 140px; + } + .aside.aside_feed .nav-form .dropdown .dropdown-menu { + right: -20px; + } + .aside.aside_feed .nav-form .dropdown .dropdown-menu:after { + right: 33px; + } + + .nav-login { + display: none; + } + + .nav_menu { + width: 100%; + background: #1c1c1c; + border-bottom: 1px solid #2f2f2f; + text-align: center; + padding: 5px 0; + } + .nav_menu .search { + display:none; + } + +.favicon { + height: 16px; + width: 16px; +} + +.categories { + margin: 0; + padding: 0; + text-align: center; + list-style: none; +} + .category { + display: block; + width: 220px; + margin: 10px auto; + text-align: left; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .category .btn:first-child { + width: 195px; + position: relative; + } + .category.stick .btn:first-child { + width:160px; + } + .category .btn:first-child:not([data-unread="0"]):after { + content: attr(data-unread); + position: absolute; + top: 3px; right: 3px; + padding: 1px 5px; + background: #1a1a1a; + color: #888; + font-size: 90%; + border: 1px solid #000; + border-radius: 5px; + } + .category + .feeds:not(.active) { + display:none; + } + .categories .feeds { + width: 100%; + margin: 0; + list-style: none; + } + .categories .feeds .item.active { + background: #003388; + } + .categories .feeds .item.active .feed { + color: #888; + } + .categories .feeds .item.empty .feed { + color: #e67e22; + } + .categories .feeds .item.empty.active { + background: #e67e22; + } + .categories .feeds .item.empty.active .feed { + color: #fff; + } + .categories .feeds .item.error .feed { + color: #BD362F; + } + .categories .feeds .item .feed { + display: inline-block; + margin: 0; + width: 165px; + line-height: 35px; + font-size: 90%; + vertical-align: middle; + text-align: left; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .feed:not([data-unread="0"]):before { + content: "(" attr(data-unread) ") "; + } + .categories .feeds .dropdown-menu { + left: 0; + } + .categories .feeds .dropdown-menu:after { + left: 2px; + } + .categories .feeds .item .dropdown-toggle > .icon { + visibility: hidden; + cursor: pointer; + } + .categories .feeds .item .dropdown-target:target ~ .dropdown-toggle > .icon, + .categories .feeds .item:hover .dropdown-toggle > .icon, + .categories .feeds .item.active .dropdown-toggle > .icon { + background-color: #1c1c1c; + border-radius: 3px; + visibility: visible; + } + +.post { + padding: 10px 50px; +} + .post form { + margin: 10px 0; + } + +.day { + min-height: 50px; + padding: 0 10px; + font-size: 130%; + font-weight: bold; + line-height: 50px; + background: #1c1c1c; + border-top: 1px solid #888; + border-bottom: 1px solid #888; +} + .day:first-child { + border-top: none; + } + .day .name { + position: absolute; + right: 0; + width: 50%; + height: 1.5em; + padding: 0 10px 0 0; + overflow: hidden; + color: #aab; + font-size: 1.8em; + opacity: .3; + text-shadow: 0px -1px 0px #333; + font-style: italic; + white-space: nowrap; + text-overflow: ellipsis; + text-align: right; + } + +.flux { + border-left: 3px solid #aaa; + background: #1c1c1c; +} + .flux.not_read { + border-left: 3px solid #FF5300; + background: #1c1c1c; + } + .flux.favorite { + border-left: 3px solid #FFC300; + background: #1c1c1c; + } + .flux.current { + border-left: 3px solid #0062BE; + background: #1a1a1a; + } + + .flux_header { + background: inherit; + height: 25px; + font-size: 12px; + border-top: 1px solid #2f2f2f; + cursor: pointer; + } + .flux .flux_header > .item > a, + .flux .bottom > .item > a { + display: inline-block; + height: 40px; + width: 100%; + line-height: 40px; + } + .flux .item.manage { + width: 40px; + white-space: nowrap; + text-align: center; + } + .flux .item.website { + width: 200px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + line-height: 40px; + } + .flux .item.website .favicon { + padding: 5px; + } + .flux .item.website a { + display: block; + height: 40px; + } + .flux .item.title { + background: inherit; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .flux:hover .item.title { + border-right: 2px solid rgba(127, 127, 127, 0.1); + padding-right: 1em; + position: absolute; + } + .flux .item.title a { + color: #888; + outline: none; + } + .flux.not_read .item.title, + .flux.current .item.title { + font-weight: bold; + } + .flux .item.date { + width: 200px; + overflow: hidden; + padding:0 5px 0 0; + white-space: nowrap; + text-overflow: ellipsis; + text-align: right; + font-size: 10px; + color: #666; + } + .link { + width: 40px; + text-align: center; + } + +#stream.reader .flux { + padding: 0 0 30px; + border: none; + background: #1c1c1c; + color: #888; +} + #stream.reader .flux .author { + margin: 0 0 10px; + font-size: 90%; + color: #666; + } + +#stream.global { + text-align: center; +} + #stream.global .box-category { + display: inline-block; + width: 280px; + margin: 20px 10px; + vertical-align: top; + background: #1a1a1a; + border: 1px solid #000; + border-radius: 5px; + text-align: left; + box-shadow: 0 0 5px #2f2f2f; + } + #stream.global .category { + width: 100%; + margin: 0; + } + #stream.global .btn { + display: block; + width: auto; + height: 35px; + margin: 0; + padding: 0 10px; + background: #003388; + border: none; + border-bottom: 1px solid #2f2f2f; + border-radius: 5px 5px 0 0; + line-height: 35px; + font-size: 120%; + } + #stream.global .btn:not([data-unread="0"]) { + font-weight:bold; + } + #stream.global .btn:first-child:not([data-unread="0"]):after { + top: 0; right: 5px; + border: 0; + background: none; + color: #666; + font-weight: bold; + box-shadow: none; + } + #stream.global .box-category .feeds { + display: block; + max-height: 250px; + margin: 0; + list-style: none; + overflow: auto; + } + #stream.global .box-category .feeds .item { + padding: 2px 10px; + font-size: 90%; + } + #stream.global .box-category .feed { + width: 220px; + } + +.content { + min-height: 150px; + max-width: 550px; + margin: 0 auto; + padding: 20px 10px; + line-height: 170%; + word-wrap: break-word; +} + .content h1, .content h2, .content h3 { + margin: 20px 0 5px; + } + .content > .title { + font-size: x-large; + margin: 0; + } + + .content p { + margin: 0 0 20px; + } + img.big { + display: block; + margin: 10px auto; + } + figure img.big { + margin: 0; + } + .content hr { + margin: 30px 0; + height: 1px; + background: #ddd; + border: 0; + } + .content pre { + margin: 10px auto; + padding: 10px; + overflow: auto; + background: #000; + color: #fff; + font-size: 110%; + } + .content q, .content blockquote { + display: block; + margin: 5px 0; + padding: 5px 20px; + font-style: italic; + border-left: 4px solid #ccc; + color: #666; + } + .content blockquote p { + margin: 0; + } + +#panel { + display: none; + position: fixed; + top: 10px; bottom: 10px; + left: 100px; right: 100px; + overflow: auto; + background: #fff; + border: 1px solid #95a5a6; + border-radius: 5px; +} + #panel .close { + position: fixed; + top: 10px; right: 0; + display: inline-block; + width: 26px; + height: 26px; + margin: 0 10px 0 0; + border: 1px solid #ccc; + border-radius: 20px; + text-align: center; + line-height: 26px; + background: #fff; + } + +#overlay { + display: none; + position: fixed; + top: 0; bottom: 0; + left: 0; right: 0; + background: rgba(0, 0, 0, 0.9); +} + +.flux_content .bottom { + font-size: 90%; + text-align: center; +} + +.hide_posts > :not(.active) > .flux_content { + display:none; +} + +/*** PAGINATION ***/ +.pagination { + display: table; + width: 100%; + margin: 0; + background: #1a1a1a; + text-align: center; + color: #888; + font-size: 80%; + line-height: 200%; + table-layout: fixed; +} + .pagination .item { + display: table-cell; + line-height: 40px; + } + .pagination .item.pager-current { + font-weight: bold; + font-size: 140%; + } + .pagination .pager-first, + .pagination .pager-previous, + .pagination .pager-next, + .pagination .pager-last { + width: 100px; + } + .pagination .item a { + display: block; + color: #333; + font-style: italic; + } + .pagination:first-child .item { + border-bottom: 1px solid #aaa; + } + .pagination:last-child .item { + border-top: 1px solid #aaa; + } + +#nav_entries { + display: table; + width: 250px; + height: 40px; + position: fixed; + bottom: 0; + left: 0; + margin: 0; + background: #1c1c1c; + border-top: 1px solid #2f2f2f; + text-align: center; + line-height: 40px; + table-layout: fixed; +} + #nav_entries .item { + display: table-cell; + width: 30%; + } + #nav_entries a { + display: block; + } + #nav_entries .i_up { + margin: 5px 0 0; + vertical-align: top; + } + +.loading { + background: url("loader.gif") center center no-repeat; + font-size: 0; +} + +#bigMarkAsRead { + display: block; + font-style: normal; + padding: 32px 0 64px 0; + text-align: center; + text-decoration: none; +} + #bigMarkAsRead:hover { + background: #1c1c1c; + color: #888; + } + .bigTick { + font-size: 72pt; + line-height: 1.6em; + } + +/*** NOTIFICATION ***/ +.notification { + position: absolute; + top: 10px; + left: 25%; right: 25%; + min-height: 30px; + padding: 10px; + line-height: 30px; + text-align: center; + border-radius: 5px; + box-shadow: 0 0 5px #666; + background: #1a1a1a; + color: #888; + font-weight: bold; + z-index: 10; +} + .notification.good { + border:1px solid #f4f899; + } + .notification.bad { + border:1px solid #f4a899; + } + .notification a.close { + display: inline-block; + width: 16px; + height: 16px; + float: right; + margin: -20px -20px 0 0; + padding: 5px; + background: #1a1a1a; + border-radius: 50px; + line-height: 16px; + } + .notification.good a.close{ + border:1px solid #f4f899; + } + .notification.bad a.close{ + border:1px solid #f4a899; + } + +.toggle_aside, .btn.toggle_aside { + display: none; +} + +.actualizeProgress { + position: fixed; + top: 10px; + left: 25%; right: 25%; + padding: 5px; + background: #1a1a1a; + text-align: center; + border: 1px solid #2f2f2f; + border-radius: 5px; +} + .actualizeProgress progress { + max-width: 100%; + vertical-align: middle; + } + .actualizeProgress .progress { + color: #888; + font-size: 90%; + vertical-align: middle; + } + +.logs { + border: 1px solid #aaa; +} + .log { + padding: 5px 2%; + overflow: auto; + background: #fafafa; + border-bottom: 1px solid #999; + color: #333; + font-size: 90%; + } + .log .date { + display: block; + } + .log.error { + background: #fdd; + color: #844; + } + .log.warning { + background: #ffe; + color: #c95; + } + .log.notice { + background: #f4f4f4; + color: #aaa; + } + .log.debug { + background: #111; + color: #eee; + } + +.form-group table { + border-collapse:collapse; + margin:10px 0 0 220px; + text-align:center; +} + +.form-group tr, .form-group th, .form-group td { + border:1px solid #DDD; + font-weight:normal; + padding:.5em; +} + +select.number option { + text-align:right; +} + +@media(max-width: 840px) { + .header, + .aside .btn-important, + .aside .feeds .dropdown, + .flux_header .item.website span, + .item.date { + display: none; + } + .flux_header .item.website { + width: 40px; + text-align: center; + } + .flux_header .item.website .favicon { + padding: 12px; + } + + .nav-login { + display: block; + } + + .content { + font-size: 120%; + padding: 0; + } + + .pagination { + margin: 0 0 40px; + } + .pagination .pager-previous, .pagination .pager-next { + width: 100px; + } + + .toggle_aside, .btn.toggle_aside { + display: inline-block; + } + .aside { + position: fixed; + top: 0; left: 0; + width: 0; + overflow: hidden; + border-right: none; + z-index: 10; + transition: width 200ms linear; + } + .aside.aside_flux { + padding: 10px 0 0; + } + .aside:target { + width: 80%; + border-right: 1px solid #aaa; + overflow: auto; + } + .aside .toggle_aside { + position: absolute; + right: 0; + display: inline-block; + width: 26px; + height: 26px; + margin: 0 10px 0 0; + border: 1px solid #ccc; + border-radius: 20px; + text-align: center; + line-height: 26px; + } + .aside .categories { + margin: 30px 0; + } + + #nav_entries { + width: 100%; + } + + .nav_menu .btn { + margin: 5px 10px; + } + .nav_menu .stick { + margin: 0 10px; + } + .nav_menu .stick .btn { + margin: 5px 0; + } + .nav_menu .search { + display: inline-block; + max-width: 97%; + } + .nav_menu .search input { + max-width: 97%; + width: 90px; + } + .nav_menu .search input:focus { + width: 400px; + } + + #panel { + left: 5px; right: 5px; + } + + .day .date { + display: none; + } + .day .name { + height: 2.6em; + font-size: 1em; + text-shadow: none; + } + + .notification, + .actualizeProgress { + left: 10px; + right: 10px; + } +} + +/*** FALLBACK ***/ +.btn { + background: #1c1c1c; +} + .btn:hover { + background: -moz-linear-gradient(top, #1e1e1e 0%, #1c1c1c 100%); + background: -webkit-linear-gradient(top, #1e1e1e 0%, #1c1c1c 100%); + background: -o-linear-gradient(top, #1e1e1e 0%, #1c1c1c 100%); + background: -ms-linear-gradient(top, #1e1e1e 0%, #1c1c1c 100%); + } + .btn-important { + background: #003388; + } + .btn-important:hover { + background: -moz-linear-gradient(top, #0044CC 0%, #003388 100%); + background: -webkit-linear-gradient(top, #0044CC 0%, #003388 100%); + background: -o-linear-gradient(top, #0044CC 0%, #003388 100%); + background: -ms-linear-gradient(top, #0044CC 0%, #003388 100%); + } + .btn-attention { + background: #880011; + } + .btn-attention:hover { + background: -moz-linear-gradient(top, #cc0044 0%, #880011 100%); + background: -webkit-linear-gradient(top, #cc0044 0%, #880011 100%); + background: -o-linear-gradient(top, #cc0044 0%, #880011 100%); + background: -ms-linear-gradient(top, #cc0044 0%, #880011 100%); + } + +.dropdown-menu:after { + -moz-transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); +} + +.nav-head { + background: #fff; + background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -o-linear-gradient(top, #fff 0%, #f0f0f0 100%); + background: -ms-linear-gradient(top, #fff 0%, #f0f0f0 100%); +} + +.header > .item.search input { + -moz-transition: width 200ms linear; + -webkit-transition: width 200ms linear; + -o-transition: width 200ms linear; + -ms-transition: width 200ms linear; +} + +@media(max-width: 840px) { + .aside { + -moz-transition: width 200ms linear; + -webkit-transition: width 200ms linear; + -o-transition: width 200ms linear; + -ms-transition: width 200ms linear; + } +} + +@media print { + .header, + .aside, + .nav_menu, + .day, + .flux_header, + .flux_content .bottom, + .pagination { + display: none; + } + + html, body { + background: #fff; + color: #000; + font-family: Serif; + font-size: 12pt; + } + + #global, + .flux_content { + display: block !important; + } + + .flux_content .content { + width: 100% !important; + text-align: justify; + } + + .flux_content .content a { + color: #000; + } + .flux_content .content a:after { + content: " (" attr(href) ") "; + text-decoration: underline; + } +} diff --git a/p/themes/default_dark/global.css b/p/themes/default_dark/global.css new file mode 100644 index 000000000..b0bf52460 --- /dev/null +++ b/p/themes/default_dark/global.css @@ -0,0 +1,481 @@ +@charset "UTF-8"; + +/* FONTS */ +@font-face { + font-family: "OpenSans"; + src: url("../fonts/openSans.woff") format("woff"); +} + + +* { + margin: 0; + padding: 0; +} +html, body { + height: 100%; + font-size: 95%; + font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif; + color: #888; +} + +/* LIENS */ +a { + color: #003388; + text-decoration: none; +} + a:hover { + text-decoration: underline; + } + +/* LISTES */ +ul, ol, dl { + margin: 10px 0 10px 30px; + line-height: 190%; +} + dd { + margin: 0 0 10px 30px; + } + +/* TITRES */ +h1, h2, h3 { + min-height: 40px; + margin: 15px 0 5px; + line-height: 40px; +} + +/* IMG */ +figure { + margin: 5px 0 10px; + text-align: center; +} + figcaption { + display: inline-block; + padding: 3px 20px; + color: #999; + font-style: italic; + border-bottom: 1px solid #ccc; + } +img { + height: auto; + max-width: 100%; + vertical-align: middle; +} + a img { + border: none; + } + +/* VIDEOS */ +iframe, embed, object, video { + max-width: 100%; +} + +/* FORMULAIRES */ +legend { + display: block; + width: 100%; + margin: 20px 0 5px; + padding: 5px 0; + border-bottom: 1px solid #2f2f2f; + font-size: 150%; + clear: both; +} +label { + display: block; + min-height: 25px; + padding: 5px 0; + font-size: 14px; + line-height: 25px; + cursor: pointer; +} +input, select, textarea { + display: inline-block; + max-width: 100%; + min-height: 25px; + padding: 5px; + background: #1e1e1e; + border: 1px solid #000; + border-radius: 3px; + color: #888; + line-height: 25px; + vertical-align: middle; + box-shadow: 0 2px 2px #1d1d1d inset; +} + option { + padding:0 .5em 0 .5em; + } + input[type="radio"], + input[type="checkbox"] { + width: 15px !important; + min-height: 15px !important; + } + input:focus, select:focus, textarea:focus { + color: #0062BE; + border-color: #2f2f2f; + } + input:invalid, select:invalid { + border-color: red; + box-shadow: 0 0 2px 1px red; + } + +.form-group { + margin: 0; +} + .form-group:after { + content: ""; + display: block; + clear: both; + } + .form-group.form-actions { + min-width: 250px; + padding: 5px 0; + background: #1a1a1a; + border-top: 1px solid #2f2f2f; + } + .form-group.form-actions .btn { + margin: 0 10px; + } + .form-group .group-name { + display: block; + float: left; + width: 200px; + padding: 10px 0; + text-align: right; + } + .form-group .group-controls { + min-width: 250px; + min-height: 25px; + margin: 0 0 0 220px; + padding: 5px 0; + } + .form-group .group-controls .control { + display: block; + min-height: 30px; + padding: 5px 0; + line-height: 25px; + font-size: 14px; + } + +.stick { + display: inline-block; + white-space: nowrap; + font-size: 0px; + vertical-align: middle; +} + .stick input, + .stick .btn { + border-radius: 0; + font-size: 14px; + } + .stick .btn:first-child, + .stick input:first-child { + border-radius: 3px 0 0 3px; + } + .stick .btn-important:first-child { + border-right: 1px solid #000; + } + .stick .btn:last-child, + .stick input:last-child { + border-radius: 0 3px 3px 0; + } + .stick .btn + .btn, + .stick .btn + input, + .stick input + .btn, + .stick input + input { + border-left: none; + } + .stick .btn + .dropdown > .btn { + border-left: none; + border-radius: 0 3px 3px 0; + } + .stick .btn + .dropdown a { + font-size: 12px; + } + +.btn { + display: inline-block; + min-height: 37px; + min-width: 15px; + padding: 5px 10px; + background: linear-gradient(to bottom, #fff 0%, #eee 100%); + border-radius: 3px; + border: 1px solid #000; + color: #888; + line-height: 20px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; +} + a.btn { + min-height: 25px; + line-height: 25px; + } + .btn:hover { + background: linear-gradient(to bottom, #f8f8f8, #f0f0f0); + text-decoration: none; + } + .btn.active, + .btn:active, + .dropdown-target:target ~ .btn.dropdown-toggle { + background: #003388; + } + + .btn-important { + background: linear-gradient(to bottom, #0084CC, #0045CC); + color: #888888; + border: 1px solid #000000; + } + .btn-important:hover { + background: linear-gradient(to bottom, #0066CC, #0045CC); + } + .btn-important:active { + background: #0044CB; + box-shadow: none; + } + + .btn-attention { + background: linear-gradient(to bottom, #E95B57, #BD362F); + color: #888888; + border: 1px solid #000000; + } + .btn-attention:hover { + background: linear-gradient(to bottom, #D14641, #BD362F); + } + .btn-attention:active { + background: #BD362F; + box-shadow: none; + } + +/* NAVIGATION */ +.nav-list .nav-header, +.nav-list .item { + display: block; + height: 35px; + line-height: 35px; +} + .nav-list .item:hover { + background: #1a1a1a; + } + .nav-list .item:hover a { + color: #003388; + } + .nav-list .item.active { + background: #003388; + color: #1a1a1a; + } + .nav-list .item.active a { + color: #888; + } + .nav-list .disable { + color: #aaa; + background: #fafafa; + text-align: center; + } + .nav-list .item > * { + display: block; + padding: 0 10px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .nav-list a:hover { + text-decoration: none; + } + .nav-list .item.error a { + color: #BD362F; + } + .nav-list .item.active.error a { + color: #fff; + background: #BD362F; + } + .nav-list .item.empty a { + color: #f39c12; + } + .nav-list .item.active.empty a { + color: #fff; + background: #f39c12; + } + + .nav-list .nav-header { + padding: 0 10px; + background: #1a1a1a; + border-bottom: 1px solid #2f2f2f; + font-weight: bold; + } + .nav-list .separator { + display: block; + height: 0; + margin: 5px 0; + border-bottom: 1px solid #ddd; + } + + .nav-list .nav-form { + padding: 3px; + text-align: center; + } + +.nav-head { + display: block; + margin: 0; + background: linear-gradient(to bottom, #fff, #f0f0f0); + border-bottom: 1px solid #ddd; + text-align: right; +} + .nav-head .item { + display: inline-block; + padding: 5px 10px; + } + +/* HORIZONTAL-LIST */ +.horizontal-list { + display: table; + table-layout: fixed; + margin: 0; + padding: 0; + width: 100%; +} + .horizontal-list .item { + display: table-cell; + vertical-align: middle; + } + +/* DROPDOWN */ +.dropdown { + position: relative; + display: inline-block; +} + .dropdown-target { + display: none; + } + + .dropdown-menu { + display: none; + min-width: 200px; + margin: 5px 0 0; + padding: 5px 0; + position: absolute; + right: 0px; + background: #1a1a1a; + border: 1px solid #888; + border-radius: 5px; + text-align: left; + } + .dropdown-menu:after { + content: ""; + position: absolute; + top: -6px; + right: 13px; + width: 10px; + height: 10px; + background: #1a1a1a; + border-top: 1px solid #888; + border-left: 1px solid #888; + z-index: -10; + transform: rotate(45deg); + } + .dropdown-header { + display: block; + padding: 0 5px; + color: #888; + font-weight: bold; + font-size: 14px; + line-height: 30px; + } + .dropdown-menu .item { + display: block; + height: 30px; + font-size: 90%; + line-height: 30px; + } + .dropdown-menu .item > * { + display: block; + padding: 0 25px; + line-height: 30px; + } + .dropdown-menu .item:hover { + background: #003388; + color: #888; + } + .dropdown-menu .item:hover > * { + color: #888; + text-decoration: none; + } + .dropdown-menu .input { + display: block; + height: 40px; + font-size: 90%; + line-height: 30px; + } + .dropdown-menu .input select, + .dropdown-menu .input input { + display: block; + height: 20px; + width: 95%; + margin: auto; + padding: 2px 5px; + border-radius: 3px; + } + .dropdown-menu .input select { + width: 70%; + height: auto; + } + .dropdown-menu .separator { + display: block; + height: 0; + margin: 5px 0; + border-bottom: 1px solid #888; + } + .dropdown-target:target ~ .dropdown-menu { + display: block; + z-index: 10; + } + .dropdown-close { + display: inline; + } + .dropdown-close a { + font-size: 0; + position: fixed; + top: 0; bottom: 0; + left: 0; right: 0; + display: block; + z-index: -10; + } + +/* ALERTS */ +.alert { + display: block; + width: 90%; + margin: 15px auto; + padding: 10px 15px; + background: #1a1a1a; + border: 1px solid #ccc; + border-right: 1px solid #aaa; + border-bottom: 1px solid #aaa; + border-radius: 5px; + color: #aaa; +} + .alert-head { + margin: 0; + font-weight: bold; + font-size: 110%; + } + .alert-warn { + border: 1px solid #c95; + color: #c95; + } + .alert-success { + border: 1px solid #484; + color: #484; + } + .alert-error { + border: 1px solid #844; + color: #844; + } + +/* ICÔNES */ +.icon { + display: inline-block; + width: 16px; + height: 16px; + vertical-align: middle; + line-height: 16px; +} diff --git a/p/themes/default_dark/loader.gif b/p/themes/default_dark/loader.gif new file mode 100644 index 0000000000000000000000000000000000000000..d86ab82f8bfef50cccdb4abf9c5d83e6caba5be9 GIT binary patch literal 4176 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 X_*>BIx=qADm46w1%}?{^|JDBjMUE93 literal 0 HcmV?d00001 diff --git a/p/themes/default_dark/metadata.json b/p/themes/default_dark/metadata.json new file mode 100644 index 000000000..40b4e87b1 --- /dev/null +++ b/p/themes/default_dark/metadata.json @@ -0,0 +1,7 @@ +{ + "name": "Default - dark", + "author": "AD", + "description": "Le coté obscur du thème par défaut pour FreshRSS", + "version": 0.1, + "files": ["global.css", "freshrss.css"] +}