Add greendark CSS style

7 years ago · f68e130bfe
1 changed files with 226 additions and 0 deletions
--- a/stylesheets/greendark.css
+++ b/stylesheets/greendark.css
@ -0,0 +1,226 @@
+/* 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;
+}
+
+div.bar {
+	background-color: #1b1b1b!important;
+}