1
0
mirror of https://github.com/vichan-devel/vichan.git synced 2024-11-12 01:50:48 +01:00
vichan/stylesheets/greendark.css
Z Blanche 0976a27cc4 New theme: greendark.css
Used on the /hentaiporn/ 8chan board.
2017-06-10 10:31:39 +00:00

223 lines
5.5 KiB
CSS

/* greenddark.css by Z Blanche */
body {
background:#1b1b1b;
background-image: url(''), url('');
background-repeat: no-repeat;
background-attachment: fixed, scroll;
background-position: right bottom, 100% 100%;
font-family: arial,helvetica,sans-serif;
font-size: 12pt;
color: #C0C0C0;
cursor: default;
margin: 0 8px;
padding-left: 5px;
padding-right: 5px;
}
div.boardlist {
text-align: center;
}
div.post.reply {
margin-right: px;
margin-bottom: px;
background: #222;
border: 0;
padding: 6px;
border-radius: 6px;
box-shadow:
display:
}
/*media screen*/
a, a:visited {
text-decoration: underline;
color:#008080
}
button, input[type=submit], input[type=button] {
cursor: pointer;
border-radius: 5px;
border: 0;
padding: 6px;
}
h1, .subtitle a, .subtitle {
color: #0df211!important;
}
input[type="text"], textarea, input[type=password] {
background: #32d23;
border-radius: 25px;
}
form table tr th {
background: transparent;
}
.post {
padding: 6px;
}
img {
border-radius: 22px; }
hr {
opacity:0.2;
}
label, .subject{
color:#AAA!important;
}
.name{
color:#!important;
}
div.pages {
border:0;
background:none;
color: #fff!important;
}
div.pages a.selected {
color: #ff69b4!important;
padding: 4px;
text-decoration: none;
}
div.pages a {
color: #fafafa!important;
padding: 4px;
text-decoration: none;
}
.subtitle a {
display: block;
margin: 7px auto 7px auto;
font-size: 15px;
text-decoration: none;
border: 1px solid #0df211;
padding: 5px;
border-radius: 7px;
max-width: 100px;
}
input[type=text], input[type=password] {
padding: 5px;
font-size: 15px;
}
textarea {
resize:vertical;
max-height: 400px;
width: 250px;
padding: 5px;
font-size: 15px;
}
@-webkit-keyframes Pulse {
from { background-color: #007d9a;
-webkit-box-shadow: 0 0 9px #333; }
50% { background-color: #2daebf;
-webkit-box-shadow: 0 0 18px #2daebf; }
to { background-color: #007d9a;
-webkit-box-shadow: 0 0 9px #333; }
}
.board_image {
-webkit-animation-name: Pulse;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-transform: rotate(5deg);
}
@-webkit-keyframes shakey {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
button:hover, input[type=submit]:hover, input[type=button]:hover,
button:focus, input[type=submit]:focus, input[type=button]:focus
{
-webkit-animation-name: shakey;
-webkit-animation-duration: 0.1s;
-webkit-transform-origin:50% 50%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
background-color: #2daebf;
}
button, input[type=submit], input[type=button] {
-webkit-animation-name: Pulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
color: #ffd;
}
div.ban {
background: #222;
background-image: url(''), url('');
background-repeat: no-repeat;
background-attachment: fixed, scroll;
background-position: right bottom, 100% 100%;
color:#fff;
border: 0;
border-radius: 6px;
padding: 6px;
}
.desktop-style div.boardlist, .desktop-style div.boardlist:hover {
background:#333!important;
border: 0!important;
}
.theme-catalog div.grid-size-small:hover {
background: #333!important;
}
#options_div {
background: #222!important;
}
select {
background:#333;
color:#eee;
cursor:pointer;
border-radius: 4px;
border: 1px #222 solid;
padding: 4px;
}
::-webkit-scrollbar {
width: 6px;
height: 8px;
background: #333;
box-shadow: none;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: none;
background: none;
}
::-webkit-scrollbar-thumb {
background: #ddd;
width: 6px;
padding: 4px;
border-radius: 10px;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
header div.subtitle {
font-size: 12pt
}
.desktop-style div.boardlist, .desktop-style div.boardlist:hover {
background: #1b1b1b!important;
}
div.post.reply.highlighted {
background: #FFFFFF;
}
div.banner {
background-color: #1b1b1b;
}
div.blotter {
color: green;
font-weight: bold;
text-align: center;
}
div.post.reply div.body a {
color: #AAA;
}
p.intro a.email span.name {
color: #cdaf95;
}
div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover {
color: #32DD72;
}
p.intro span.capcode,p.intro a.capcode,p.intro a.nametag {
color: #F00000;
margin-left: 0;
}
table tbody tr:nth-of-type( even ) {
background-color: #1b1b1b;
}