Browse Source
Based on minimal_lain.css, fixes multiple issues with minimal_lain and introduces new stylings for all pages and elements.pull/40/head
Michał Daniel
7 years ago
committed by
GitHub
1 changed files with 323 additions and 0 deletions
@ -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; |
||||
|
} |
||||
|
} |
Loading…
Reference in new issue