rss-bridge-dark-theme

Dark theme for RSS-Bridge
git clone git://caltlg.in/rss-bridge-dark-theme
Log | Files | Refs

commit e44be9ec4bfba02a69922f388602a7e295c2f090
Author: caltlgin <contact@fossdaily.xyz>
Date:   Wed, 15 Jul 2020 15:33:02 +1200

First commit

Diffstat:
AHtmlFormat.css | 213+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Astyle.css | 487+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 700 insertions(+), 0 deletions(-)

diff --git a/HtmlFormat.css b/HtmlFormat.css @@ -0,0 +1,213 @@ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +/* Let's go for the actual style */ +body { + background-color: #393d3e; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} +a, +a:link, +a:visited { + color: #2196f3; + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +img { + max-width: 100%; +} +/* Section */ +section { + background-color: #2e3031; + width: 60%; + margin: 30px auto; + padding: 15px 15px; + box-shadow: 0 6px 15px rgba(0, 0, 0, 0.09); + border-radius: 4px; +} +section > h2 { + font-size: 200%; + font-weight: bold; + text-align: center; +} +h1.pagetitle { + margin: 40px 0 20px; + font-size: 300%; + font-weight: bold; + text-align: center; + color: #2196f3; +} +h1.pagetitle > a { + color: #2196f3; +} +a.backlink, +a.backlink:link, +a.backlink:visited, +a.itemtitle, +a.itemtitle:link, +a.itemtitle:visited { + color: #2196f3; +} +.buttons { + text-align: center; +} +section > div.content, +section > div.attachments { + padding: 10px; + color: #bcb7b0; +} +section h1, +section h2, +section h3, +section b, +section strong { + font-weight: bold; +} +section i, +section em { + font-style: italic; +} +section p:not(:last-child) { + margin-bottom: 1em; +} +section li { + margin-left: 1em; +} +section > div.attachments > li.enclosure { + list-style-type: circle; + list-style-position: inside; +} +section > time, +section > p.author { + color: #e7e7e7; + font-size: 80%; + padding: 10px; +} +button { + line-height: 1.9em; + color: #fff; + font-weight: bold; + vertical-align: middle; + padding: 6px 12px; + margin: 12px auto 0px; + border-radius: 4px; + border: 1px solid transparent; + background: #2196f3 none repeat scroll 0% 0%; + cursor: pointer; + width: 200px; +} +button:hover { + background: #49afff; +} +@media screen and (max-width: 767px) { + section { + width: 100%; + padding: 0; + } + button { + display: inline-block; + width: 40%; + padding: 5px auto; + margin: 3px auto 0; + } +} diff --git a/style.css b/style.css @@ -0,0 +1,487 @@ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} + +/* Adjust parameters for browsers that don't support the grid layout */ + +.parameters label:before { + content: " "; + display: block; +} + +/* Let's go for the actual style */ +body { + background-color: #393d3e; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; +} + +a, +a:link, +a:visited { + color: #2196f3; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +/* Header */ + +header { + margin-top: 40px; + text-align: center; + color: #1182db; +} + +header > div.logo { + background-image: url(logo_600px.png); + width: 599px; + height: 177px; + margin: auto; +} + +header > section.warning { + width: 40%; + background-color: #ffc600; + color: #5f5f5f; +} + +header > section.critical-warning { + width: 40%; + background-color: #cf3e3e; + font-weight: bold; + color: white; +} + +select, +input[type="text"], +input[type="number"] { + background-color: #bcb7b0; + color: #2e3031; + border: 1px solid #2e3031; + margin-left: 8px; + margin-bottom: 10px; + padding: 5px 10px; +} + +select:focus, +input[type="text"]:focus, +input[type="number"]:focus { + outline: none; + border-color: #888; +} + +input:focus::-webkit-input-placeholder { + opacity: 0; +} +input:focus::-moz-placeholder { + opacity: 0; +} +input:focus::placeholder { + opacity: 0; +} +input:focus:-moz-placeholder { + opacity: 0; +} +input:focus:-ms-input-placeholder { + opacity: 0; +} + +.searchbar { + width: 40%; + margin: 40px auto 100px; +} + +.searchbar input[type="text"] { + width: 90%; + margin: auto; + font-size: 1.1em; + text-align: center; + margin-bottom: 10px; +} + +.searchbar input[type="text"]::placeholder { + text-align: center; +} + +.searchbar > h3 { + font-size: 200%; + font-weight: bold; + color: #1182db; + margin-bottom: 10px; +} + +/* Section */ +section { + background-color: #2e3031; + width: 60%; + margin: 30px auto; + padding: 15px 15px; + text-align: center; + box-shadow: 0 6px 15px 0 #222; + border-radius: 4px; +} + +section.footer { + opacity: 0.5; + color: #bcb7b0; +} + +section.footer:hover { + opacity: 1; +} + +section.footer .version { + font-size: 80%; +} + +section > h2 { + font-size: 200%; + font-weight: bold; +} + +/* Buttons */ +button { + line-height: 1.9em; + color: #fff; + font-weight: bold; + vertical-align: middle; + padding: 6px 12px; + margin: 12px auto 0px; + border-radius: 4px; + border: 1px solid transparent; + background: #2196f3 none repeat scroll 0% 0%; + cursor: pointer; + width: calc(20% - 4px); +} + +button.small { + width: auto; + line-height: 1.2em; +} + +button:hover { + background: #49afff; +} + +.description { + margin: 10px; + color: #bcb7b0; +} + +h5 { + margin: 20px; + font-weight: bold; + color: #2196f3; +} + +form { + margin-bottom: 6px; +} + +.parameters label::first-letter { + text-transform: capitalize; +} + +.parameters label::after { + content: " :"; +} + +.info { + cursor: help; + opacity: 0.5; + width: 24px; + height: 24px; + font-size: 16px; + font-weight: bold; + font-style: italic; + line-height: 22px; + text-align: center; + color: #fff; + background-image: radial-gradient(#49afff, #1182db); + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; +} + +.info:hover { + opacity: 1; +} + +@supports (display: grid) { + .parameters { + display: grid; + padding: 12px 0; + grid-template-columns: 40% max-content 24px; + grid-column-gap: 10px; + grid-row-gap: 5px; + } + + .parameters label { + text-align: right; + line-height: 1.5em; + color: #bcb7b0; + } + + .parameters label::before { + content: none; + } + + .parameters input[type="text"], + .parameters input[type="number"], + .parameters input[type="checkbox"], + .parameters select { + margin-left: 0; + } + + .parameters input[type="text"], + .parameters input[type="number"] { + width: auto; + color: #2e3031; + } + + .parameters input[type="checkbox"] { + width: 20px; + height: 20px; + } +} /* @supports (display: grid) */ + +.maintainer { + color: #bcb7b0; + font-size: 70%; + text-align: right; +} + +.secure-warning { + background-color: #ffc600; + color: #393d3e; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); + border-radius: 2px; + border: 1px solid transparent; + width: 80%; + margin: auto; + margin-bottom: 6px; +} + +form { + display: none; +} + +select { + padding: 5px 10px; + margin-left: 8px; +} + +h5 { + display: none; +} + +/* Show more / less */ +.showmore-box { + display: none; +} + +.showmore, +.showless { + color: #e7e7e7; + cursor: pointer; +} +.showmore:hover, +.showless:hover { + color: #fff; + cursor: pointer; +} + +.showmore-box:checked ~ .showmore { + display: none; +} + +.showmore-box:not(:checked) ~ .showless { + display: none; +} + +.showmore-box:checked ~ form, +.showmore-box:checked ~ h5 { + display: block; +} + +/* Additional styles for error pages */ +.exception-message { + background-color: #c00000; + color: #ffffff; + font-weight: bold; + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); + border-radius: 2px; + border: 1px solid transparent; + width: 80%; + margin: auto; + margin-bottom: 6px; +} + +.advice { + margin-left: auto; + margin-right: auto; + display: table; +} + +.advice > li { + text-align: left; +} + +@media screen and (max-width: 767px) { + body { + font-size: 75%; + } + + header > div.logo { + background-image: url(logo_300px.png); + width: 300px; + height: 89px; + } + + header > section.warning { + width: 90%; + } + + header > section.critical-warning { + width: 90%; + } + + .searchbar { + width: 90%; + margin: 0 auto; + } + + section { + width: 90%; + margin: 10px auto; + overflow: hidden; + } + + button { + display: inline-block; + width: 40%; + padding: 5px auto; + margin: 3px auto 0; + } + + .info { + display: none; + } + + @supports (display: grid) { + .parameters { + grid-template-columns: auto auto; + grid-column-gap: 5px; + } + + .parameters label { + line-height: 2em; + word-break: break-word; + } + } /* @supports (display: grid) */ + + .secure-warning { + width: 100%; + } +}