leddit.css: add reddit dark theme
This commit is contained in:
parent
900e8cde35
commit
30bd0b0a91
1 changed files with 172 additions and 0 deletions
172
stylesheets/leddit.css
Normal file
172
stylesheets/leddit.css
Normal file
|
|
@ -0,0 +1,172 @@
|
|||
/* Base */
|
||||
body {
|
||||
background: #0C1414;
|
||||
color: #B7CAD4;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
header div.subtitle, h1 {
|
||||
color: #EEF1F3;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #EEF1F3;
|
||||
font-size: 16pt;
|
||||
}
|
||||
|
||||
div.banner {
|
||||
background: #FF4500;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a:link, a:visited, .intro a.email span.name {
|
||||
color: #0079D3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #005999;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a.post_no {
|
||||
color: #878A8C;
|
||||
}
|
||||
|
||||
div.post.reply {
|
||||
background: #0C1414;
|
||||
border: 1px solid #FFFFFF19;
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.post.reply.highlighted {
|
||||
background: #1C1C14;
|
||||
}
|
||||
|
||||
div.post.reply div.body a {
|
||||
color: #0079D3;
|
||||
}
|
||||
|
||||
.intro span.name {
|
||||
color: #FF4500;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.intro span.subject {
|
||||
color: #EEF1F3;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
form table tr th {
|
||||
background: #0C1414;
|
||||
color: #B7CAD4;
|
||||
border: 1px solid #D3D6DA;
|
||||
}
|
||||
|
||||
[type="submit"] {
|
||||
background: #FF4500;
|
||||
color: #0C1414;
|
||||
border: none;
|
||||
padding: 6px 12px;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
[type="submit"]:hover {
|
||||
background: #D93900;
|
||||
}
|
||||
|
||||
textarea, input:not([type="file"]):not([type="checkbox"]) {
|
||||
background-color: #0C1414;
|
||||
color: #EEF1F3;
|
||||
border: 1px solid #D3D6DA;
|
||||
border-radius: 16px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
input:not([type="file"]):not([type="checkbox"]):focus {
|
||||
border: 1px solid #D3D6DA;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
textarea:focus {
|
||||
border: 1px solid #0079D3;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.ban {
|
||||
border: 1px solid #FF4500;
|
||||
background: #FFF5F2;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
div.ban h2 {
|
||||
background: #FF4500;
|
||||
color: #0C1414;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
div.ban p {
|
||||
color: #B7CAD4;
|
||||
}
|
||||
|
||||
.bar {
|
||||
background-color: #0C1414;
|
||||
border-bottom: 1px solid #FFFFFF19 !important;
|
||||
box-shadow: 0 1px 3px #0000001a;
|
||||
}
|
||||
|
||||
/* Pagination */
|
||||
div.pages {
|
||||
background: transparent;
|
||||
border: none;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
div.pages a {
|
||||
color: #0079D3;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
div.pages a.selected {
|
||||
font-weight: bold;
|
||||
color: #B7CAD4;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
border-top: 1px solid #FFFFFF19;
|
||||
}
|
||||
|
||||
div.boardlist {
|
||||
background: #0C1414;
|
||||
border-bottom: 1px solid #FFFFFF19;
|
||||
padding: 5px;
|
||||
color: #878A8C;
|
||||
}
|
||||
|
||||
div.boardlist a {
|
||||
color: #0079D3;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
/* Modlog */
|
||||
table.modlog tr th {
|
||||
background: #F6F7F8;
|
||||
border: 1px solid #D3D6DA;
|
||||
}
|
||||
|
||||
#options_div, #alert_div {
|
||||
background: #0C1414;
|
||||
border: 1px solid #FFFFFF19;
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.desktop-style div.boardlist:nth-child(1) {
|
||||
background-color: #0C1414;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue