From 9ddc57b4070ae99c60afd98b1ba345ed2600c79d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Daniel?= Date: Sat, 24 Jun 2017 20:04:24 +0200 Subject: [PATCH 1/5] New graybird.css style Based on minimal_lain.css, fixes multiple issues with minimal_lain and introduces new stylings for all pages and elements. --- stylesheets/greybird.css | 323 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 323 insertions(+) create mode 100644 stylesheets/greybird.css diff --git a/stylesheets/greybird.css b/stylesheets/greybird.css new file mode 100644 index 00000000..8264bf2d --- /dev/null +++ b/stylesheets/greybird.css @@ -0,0 +1,323 @@ +html, body { + background: #191919; + color: #9a9a9a; + font-family: sans-serif; + font-size: 9pt; +} + +#pagewrap { + margin-left: auto; + margin-right: auto; + margin-bottom: 0; + margin-top: 0; + max-width: 1200px !important; +} + +.bar .top {position: fixed;} + +.boardlist {padding: 10px;} + +.desktop-style div.boardlist:not(.bottom) {background: #191919;} + +div.boardlist { + color: #3E3E3E; +} + +.boardlist, .boardlist a { + color: white; + text-align: center; + text-decoration: none; +} + +.boardlist .sub {display: inline-block;} + +header { + margin-bottom: 20px; + text-align: center; +} + +.subtitle {color: grey;} + +form table {margin: auto;} + +.blotter {text-align: center;} + +.thread { + margin-left: auto; + margin-right: auto; +} + +.op {margin-bottom: 2rem;} + +.intro span.subject {color: #1e6aad;} + +.sidearrows {display: none;} + +p.intro {margin: 0.2rem;} + +.files {margin-bottom: 0.5rem;} + +div.post.reply { + background: #141313; + border: none; + padding: 1rem; + margin-left: 0px; +} + +hr { + border-top: 1px solid #3E3E3E; + margin: 10px 0px; +} + +h1 { + font-family: tahoma, sans-serif; + padding: 15px 0 5px 0; + font-size: 15pt; + text-align: center; + color: #1e6aad; +} + +h2 {margin: 5px 0;} + +a { + color: #ddd; + text-decoration: none; +} + +a:hover { + color: #969696; +} + +a:visited { + color: #ddd; +} + +div.post.reply div.body a { + color: #ffffff; + text-decoration: none; +} + +div.post.reply div.body a:hover { + color: #5d5d5d; +} + +div.post.reply div.body a:visited { + color: #ddd; +} + +#options_div {background-color: #191919;} + +p.fileinfo {margin: 0 10px 0 0;} + +.post-image {margin: 5px 20px 10px 0;} + +.options_tab_icon {color: #9a9a9a;} + +.options_tab_icon.active {color: #ffffff;} + +.threadlinks {background-color: #191919;} + +form table tr th { + background: inherit; + padding: 4px 10px; +} + +.bar.bottom { + background: #191919; + padding: 5px; +} + +input[type="text"], input[type="password"], input[type="file"], textarea, select { + background: #333333; + color: #bcbcbc; + border: 1px solid #474545; + padding: 3px !important; + margin-top: 2px; + margin-bottom: 2px; + margin-right: 5px; +} + +input[type="submit"] { + color: #bcbcbc; + font-size: 12px; + background: #333333; + padding: 3px 12px 3px 12px; + border: solid #474545 1px; + text-decoration: none; +} + +input[type="submit"]:hover { + background: #555555; + text-decoration: none; +} + +input[name="spoiler"] { + position: relative; + top: 3px; + left: 1px; +} + +input[name="post"] { + float: left; + margin-top: 2px; +} + +input[name="search"] { + padding: 4px !important; +} + +div.format-text { + float: left; + margin-bottom: 2px; +} + +.format-text > a { + vertical-align: middle; + line-height: 28px; + margin-right: 10px; + font-weight: bold; +} + +div.banner { + background-color: inherit; + color: #9a9a9a; + padding: 5px; + font-size: 14px; +} + +img.banner, img.board_image { + border: 1px solid #a9a9a9; + display: block; + margin: 5em auto 0 auto; +} + +footer { + opacity: 0.6; +} + +div.post.reply.highlighted { + background: #3C3B3C; +} + +.post-hover { + border-width: 1px !important; + border-color: #3C3B3C !important; +} + +.intro span.name { + color: #0fb62e; + font-weight: bold; +} + +.intro a.email span.name { + color: #20bca0; + font-weight: bold; +} + +.intro a.email:hover span.name { + color: #1448a2; +} + +.quote { + color: #4a9b20; +} + + +header div.subtitle { + color: #ffffff; +} + +#thread_stats { + float: none; +} + +div.post { + line-height: 1.3 !important; +} + +div.pages a.selected { + color: #888; + font-weight: bolder; +} + +a:hover, .intro a.post_no:hover { + color: #fff; +} + +/* Compact boardlist */ + +.cb-menu { + margin-top: -15px !important; +} + +.cb-menuitem span { + border-top: 1px solid rgba(255,255,255,0.2); +} + +/* Quick reply */ + +#quick-reply table { + background: #333333 !important; +} + +/* Custom pages */ + +div.module, div.ban { + background: inherit; + border: none; +} + +div.ban h2 { + font-family: tahoma, sans-serif; + font-size: 13pt; + color: #1e6aad; + background: inherit; +} + +#banlist th { + background: #505050; + color: #b7afaf; + padding-top: 4px; +} + +#banlist td:hover { + background: #414141; +} + +#banlist #select-all { + margin-top: -2px; +} + +.banlist-opts .checkboxes label { + color: #9a9a9a; + float: left; +} + +.banlist-opts #search { + float: right; +} + +tr.tblhead > th { + color: #b7afaf; +} + +.tblhead { + margin-top: 10px; +} + +@media screen and (max-width: 700px) { + img.banner, img.board_image { + border: 1px solid #a9a9a9; + display: block; + margin: 8em auto 0 auto; + } +} + + +@media screen and (min-width: 700px) { + img.banner, img.board_image { + border: 1px solid #a9a9a9; + display: block; + margin: 6em auto 0 auto; + } +} From 0e7629eaa1392f04c5151dfa72f8c6fe74bafe37 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Daniel?= Date: Sat, 24 Jun 2017 20:24:26 +0200 Subject: [PATCH 2/5] User 'lain' font for h1 and #bans title --- stylesheets/greybird.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/stylesheets/greybird.css b/stylesheets/greybird.css index 8264bf2d..703b120e 100644 --- a/stylesheets/greybird.css +++ b/stylesheets/greybird.css @@ -5,6 +5,12 @@ html, body { font-size: 9pt; } +@font-face { + font-family: 'lain'; + src: url('./fonts/nrdyyh.woff') format('woff'), + url('./fonts/lain.TTF') format('truetype'); +} + #pagewrap { margin-left: auto; margin-right: auto; @@ -70,7 +76,7 @@ hr { } h1 { - font-family: tahoma, sans-serif; + font-family: 'lain', tahoma, sans-serif; padding: 15px 0 5px 0; font-size: 15pt; text-align: center; @@ -268,7 +274,7 @@ div.module, div.ban { } div.ban h2 { - font-family: tahoma, sans-serif; + font-family: 'lain', tahoma, sans-serif; font-size: 13pt; color: #1e6aad; background: inherit; From b9f0e6633ec97557c5750be9c33aad4e7f303461 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Daniel?= Date: Sat, 24 Jun 2017 21:01:26 +0200 Subject: [PATCH 3/5] Changes to form styling, don't break on resize Added float left and clear both to textarea. --- stylesheets/greybird.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/stylesheets/greybird.css b/stylesheets/greybird.css index 703b120e..97006bb6 100644 --- a/stylesheets/greybird.css +++ b/stylesheets/greybird.css @@ -143,6 +143,19 @@ input[type="text"], input[type="password"], input[type="file"], textarea, select margin-right: 5px; } +textarea#body { + clear: both; + float: left; +} + +#quick-reply .format-text { + float: none; +} + +#quick-reply .format-text > a { + display: inline; +} + input[type="submit"] { color: #bcbcbc; font-size: 12px; From a2e2c5a8eab1f07c266b7cc78e3e3f2588f4b005 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Daniel?= Date: Sat, 24 Jun 2017 21:03:36 +0200 Subject: [PATCH 4/5] fieldset border style Basic settings support? --- stylesheets/greybird.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/stylesheets/greybird.css b/stylesheets/greybird.css index 97006bb6..a9963e36 100644 --- a/stylesheets/greybird.css +++ b/stylesheets/greybird.css @@ -324,6 +324,10 @@ tr.tblhead > th { margin-top: 10px; } +fieldset { + border: 1px solid gray; +} + @media screen and (max-width: 700px) { img.banner, img.board_image { border: 1px solid #a9a9a9; From 8d40eb8584369920da92e5ec68912a9b167958a5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Daniel?= Date: Sat, 24 Jun 2017 21:05:37 +0200 Subject: [PATCH 5/5] Makes that format-text inline important --- stylesheets/greybird.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/greybird.css b/stylesheets/greybird.css index a9963e36..081e3543 100644 --- a/stylesheets/greybird.css +++ b/stylesheets/greybird.css @@ -153,7 +153,7 @@ textarea#body { } #quick-reply .format-text > a { - display: inline; + display: inline !important; } input[type="submit"] {