Skip to content

Instantly share code, notes, and snippets.

@Shou
Last active August 29, 2015 14:02
Show Gist options
  • Save Shou/1f4132d321040095f1ab to your computer and use it in GitHub Desktop.
Save Shou/1f4132d321040095f1ab to your computer and use it in GitHub Desktop.
Dark CSS
@font-face
{ font-family: "Lobster"
; src: url(https://s3.amazonaws.com/Shoufonts/lobster_1.3-webfont.woff)
}
@font-face
{ src: url(https://s3.amazonaws.com/Shoufonts/Asap-Regular.woff) format('woff')
; font-family: "AssApp"
}
@media (min-height: 1201px)
{
html, body
{ font-size: 24pt
}
}
@media (min-height: 1201px) and (max-width: 1200px)
{
.drop_menu a
{ width: 7em !important
; padding: 3px 0 !important
}
.drop_menu ul
{ width: 7em !important }
}
@media (max-height: 1200px)
{
html, body
{ font-size: 10pt
}
}
@media (max-width: 1280px)
{
.c_post video, #c_post-preview video, .c_post object, #c_post-preview object,
.c_post audio, #c_post-preview audio, .c_post iframe, #c_post-preview iframe,
.c_post img, #c_post-preview img, #topic_review img
{ max-width: 60vw !important }
}
@media (max-width: 1038px)
{
#wrap
{ margin: 0 8px !important }
}
html, body
{ background: #101010
; background-image: url("http://a.pomf.se/A6g8P4.png")
; background-repeat: repeat
; color: #d0d0d0
; font-family: "AssApp", "Helvetica", sans-serif
; margin: 0 0
; padding: 0
}
.topic dl.user_info
{ display:none }
a { color: #3579a8
; text-decoration: none
}
a:hover
{ color: #66ccff }
#banner-text
{ text-align: center
; font-size: 6vw
; color: #bb88dd
; text-shadow: 0 0 1px
; letter-spacing: 2vw
; line-height: 63%
; border-bottom: 10px solid #bb88dd
; border-radius: 1px 1px
; margin: 30px 0
; font-family: "Lobster", cursive
}
#banner-text:hover
{ text-shadow: 0 0 3px #bb88dd
}
hr { background-color: #AAA
; border: 0
; clear: both
; color: #FFF
; height:1px
}
table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
border-color: #000000;
}
th { background-color: rgba(0, 0, 0, 0.2)
; color: #777;
; font-weight: 400;
; padding: 3px 5px;
; text-align: left;
}
td {
background:rgba(0,0,0,0.01);
color:#AAA;
padding:5px 10px;
}
th a,th a:hover {
color:#777;
font-weight:700;
}
h1 {
font-size:200%;
}
h2,h3 {
font-size:100%;
}
.category h2,.topic h2,#portal h2,#portal_foot h2,thead th
{ color: #AAAAAA
; font-size: 110%
; font-weight: 700
; background-color: rgba(0, 0, 0, 0.2)
}
thead th
{ border-top: 5px solid #80ff00
; color: #d0d0d0
; border-bottom-width: 1px
; padding: 5px
; text-align: center
}
h2.special
{ border-color:#333333 }
input, select, button, a.btn_fake
{ background: rgba(0, 0, 0, 0.2)
; border: 1px solid #2d2d2d
; color: #AAA
; padding: 3px 5px
; vertical-align: middle
}
textarea, textarea:focus
{ background: #101010
; border: 1px solid #FFF
; color: #AAA
; font-size: 100%
; margin: auto
; width: 98%
}
input:focus,input.focus,textarea.focus {
border-color:#333333;
}
.submit_error {
background:#000000;
border:1px solid #333333;
}
button, a.btn_fake
{ background-color: rgba(0, 0, 0, 0.2)
; color: #AAAAAA
; cursor: default
; font-size:90%
; overflow: visible
; width: auto
}
button:hover,a.btn_fake:hover {
border-color:#333333;
}
button.btn_text {
background:none;
border:0;
cursor:pointer;
font-size:100%;
}
.notice {
background:#000;
border:2px solid #333333;
color:#AAAAAA;
margin:10px auto 0;
width:70%;
}
.notice dt {
color:#AAAAAA;
font-weight:700;
}
.notice dd {
font-style:italic;
}
dl.info {
background:rgba(0,0,0,0.01);;
//border-color:#333;
}
.info dt {
background:rgba(0,0,0,0.01);
color:#fff;
}
dl.error {
background:#000;
border-color:#333;
}
.error dt {
background:#000;
color:#AAAAAA;
}
#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {
list-style:none;
padding:0;
}
#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd
{ margin:0
}
#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {
display:inline;
}
#top_bar
{ display: none
}
#top
{ opacity: 0.75
; border-bottom: 1px solid #333
; height: 20px
; padding: 0 2% 4px
; margin-bottom: 12px
; background-color: rgba(0, 0, 0, 0.2)
}
#top_info {
color:#AAAAAA;
float:left;
margin-top:4px;
}
#top_menu
{ background-image: url("http://a.pomf.se/A6g8P4.png")
; border-left: 1px solid #333
; border-right: 1px solid #333
; float: right
; margin-top: 0px
; padding-top: 5px
}
.drop_menu li
{ background-image: url("http://a.pomf.se/A6g8P4.png")
; float: left
; margin-right: 1px
; text-align: center
}
.drop_menu a
{ color: #ff0090
; display: block
; padding: 4px .25em
; position: relative
; width: 9em
}
.drop_menu a:hover
{ background-color: rgba(0, 0, 0, 0.2)
}
.drop_menu ul
{ -moz-opacity: 0.7
; border-top: 1px solid #333
; color: #ff0090
; left: -999em
; margin: 0
; position: absolute
; width: 9.4em
}
.drop_menu ul li
{ background: #101010
; font-size: 85%
; margin: 0
; padding: 0
; width: 100%
}
.drop_menu ul li a {
border:0 solid #333;
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}
.drop_menu li ul li a:hover
{ background: rgba(0, 0, 0, 0.2)
}
#logo
{ clear: both
; margin: 0 auto
; max-width: 70vw
}
#submenu_bar
{ display: none
}
#submenu
{ margin: 0 auto
; padding: 3px 1% 4px
; text-align: left
; line-height: 50%
; margin-bottom: -1px
; max-width: 1024px
}
#wrap
{
; background: rgba(16,16,16,0.0)
; border: 4px solid #ffc5a7
; margin: 0 auto
; max-width: 1024px
}
#nav {
color:#AAAAAA;
height:1%;
padding:10px 1%;
}
.meta_box {
background:url() repeat-x top #000;
border:1px solid #333;
font-size:85%;
line-height:150%;
padding:10px 25px;
}
.meta_menu {
background:rgba(0,0,0,0.01);
//border:1px solid #333;
padding:0;
width:49%;
}
.meta_menu h3 {
background:rgba(0,0,0,0.01);;
//border:1px solid #333;
clear:both;
color:#AAAAAA;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}
.meta_menu a,.meta_menu a:hover {
color:#AAAAAA;
}
ul li.cat-pageshead
{ display: none
}
ul.cat-pages
{ float: left
; font-size: 90%
; margin: 15px
; padding: 5px 1px
; width: 49%
}
.cat-pages a, .cat-pagesjump i, .cat-topicpages a
{ background: rgba(0, 0, 0, 0.2)
; border: 1px solid #2d2d2d
; color: #66ccff
}
.cat-pages a:hover, .cat-topicpages a:hover
{ text-shadow: 0 0 1px
}
.cat-pages span
{ color: #66ccff
; cursor: default
; font-weight: 700
; padding: 2px 5px
}
.cat-pages input
{ color: #d0d0d0
; padding: 3px 5px
; vertical-align: baseline
}
ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}
tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}
td.c_head,td.c_foot,td.c_sort {
background:rgba(0,0,0,0.01);
color:#AAAAAA;
font-size:80%;
}
td.c_desc {
background:rgba(0,0,0,0.01);
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}
td.c_desc small {
display:block;
font-weight:400;
}
tr.pm_new td {
background:#000;
font-weight:700;
}
tr.hidden td.c_post {
background:#000;
}
.bday {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat;
color:#AAAAAA;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}
.c_mark {
background:rgba(0,0,0,0.01);
text-align:center;
width:1%;
}
.c_forum {
color:#AAAAAA
font-size:80%;
width:60%;
}
.c_forum strong a,.c_last strong a {
color:#AAAAAA;
}
.c_forum strong a {
font-size:135%;
}
td.c_last
{ ont-size: 85%
}
.c_forum-desc {
color:#AAAAAA;
font-size:85%;
}
.c_last-title
{ background: url() no-repeat left
; display: block
; line-height: 1.4
; padding-left: 10px
}
td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}
td.c_subforum {
background:#000;
color:#AAAAAA;
font-size:80%;
font-style:italic;
}
.cat_head td {
border-color:#333;
padding:0;
}
#stats .cat_head td {
border-color:#333;
}
.description {
color:#AAAAAA;
font-size:85%;
}
a.member:hover {
color:#AAAAAA;
}
td#stats_events a,td#stats_events span {
background:url() no-repeat 2px;
padding:4px 0 4px 20px;
}
td.c_username
{ padding: 2px 0
; border-right: 5px solid rgba(0, 0, 0, 0.2)
; text-align: center
}
td.c_username a {
font-size:140%;
font-weight:700;
}
td.c_user
{ font-size:80%
; border-right: 5px solid rgba(0, 0, 0, 0.2)
}
td.c_user dl {
background:rgba(0,0,0,0.01);
//border:1px solid #000;
margin:10px 0;
padding:5px 7px;
width:160px;
}
dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}
dl.user_profile dd {
font-style:italic;
margin-left:8px;
}
dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}
#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
}
#profile_menu a {
background:#000;
border:1px solid #333;
}
#profile_menu li li a {
border-top:0;
}
#profile_menu li ul li a:hover {
background:#000;
}
td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}
td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}
td.c_poll-bar div {
background:url(http://z3.ifrm.com/9/183/0/f6014/poll.png) no-repeat right;
float:left;
height:12px;
padding-right:3px;
}
td.c_poll-bar span {
background:url(http://z3.ifrm.com/9/183/0/f6016/poll2.png) no-repeat;
display:block;
float:left;
height:12px;
width:3px;
}
.editby
{ visibility: hidden }
.editby:before
{ content: " ■ "
; visibility: visible
}
.editby:hover
{ visibility: visible }
.editby, .queued
{ color :#888
; font-size: 85%
; font-style: italic
; margin-top: 1em
; padding: 3px 5px
}
.queued {
background-color:#000;
border-color:#333;
}
blockquote
{ border: 3px solid #bb88dd
; margin: 10px auto
; padding-bottom: 1px
; width: 98%
}
blockquote dl
{ border-bottom: 2px solid #bb88dd
; color: #fcfcfc
; background-color: rgba(0, 0, 0, 0.2)
}
blockquote dl dt {
color: #fff;
float: left;
font-weight: 700;
}
code
{ display: block
; font-family: Terminus, Tewi, Monaco, Consolas, "Courier New", Courier, monospace
; white-space: pre-wrap
}
div.spoiler {
border:1px solid #333;
border-top:0;
padding:5px 7px;
}
div.spoiler_toggle
{ border:1px solid #333
; color:#fff
; cursor:pointer
; font-weight:700
; padding:2px 4px
}
td.c_postinfo
{ background: rgba(0,0,0,0.01)
; color: #aaa
; font-size: 80%
; vertical-align: middle
}
td.c_footicons
{ border-bottom: 3px solid rgba(0, 0, 0, 0.2)
; margin-bottom: 4px
; padding-bottom: 6px
}
td.c_sig {
color:#AAAAAA;
font-size:80%;
}
td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid #333;
padding-left:5px;
}
td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#AAAAAA;
}
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#AAAAAA;
padding:0;
}
td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}
tr.c_postfoot {
background:rgba(0,0,0,0.01);
clear:both;
}
tr.c_postfoot > td:not(.c_footicons)
{ border-right: 5px solid rgba(0, 0, 0, 0.2)
}
td.c_footicons,td.c_postinfo {
width:100%;
}
td.c_username {
background:rgba(0,0,0,0.01);
width:175px;
}
.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}
td.c_view {
background:rgba(0,0,0,0.01);
color:#AAAAAA;
}
div.c_view-list {
color:#AAAAAA;
font-size:92.5%;
}
dl#fast-reply
{ border: 4px solid #bb88dd
; width: 640px
}
dl#fast-reply dt
{ color: #d0d0d0
; background-color: rgba(16, 16, 16, 0.7)
; font-size: 110%
; font-weight: 700
; margin: 0
; padding: 5px
}
dl#fast-reply dd
{ background: rgba(16, 16, 16, 0.7)
; padding: 15px 0
; text-align: center
}
#c_post-preview {
background:#000;
border:1px solid #333;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}
#c_post-resize span {
color:#AAAAAA;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}
#emot_wrap {
background:rgba(0,0,0,0.01);
//border:1px solid #333;
}
#emot_wrap h3 {
background:url(http://z3.ifrm.com/static/1/sub.png) repeat-x top #000;
border-bottom:1px solid #333;
color:#999;
font-size:120%;
text-align:center;
}
#emot_end {
border-top:1px solid #333;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}
#pm_folders {
border-left:1px solid #333;
border-right:1px solid #333;
padding-top:30px;
vertical-align:top;
width:150px;
}
#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}
#pm_folderlist li {
background:url(http://z3.ifrm.com/static/1/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}
#pm_forwarded {
border:1px dotted #333;
color:#AAAAAA;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}
#ucp_gallery a {
color:#AAAAAA;
font-weight:700;
}
#ucp_gallery a:hover {
color:#AAAAAA;
}
.calendar td.cal_inactive {
background:#000;
color:#AAAAAA!important;
}
.calendar td div {
background:#000;
border-bottom:1px solid #333;
font-weight:700;
padding:5px 7px;
}
.calendar div a {
background:url(http://z3.ifrm.com/static/1/s_minibday.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
}
.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}
.calendar td#cal_current {
background:#000;
border:2px solid #333;
}
div.portal_content {
background:#000;
border:1px solid #333;
font-size:88.3%;
margin:0;
padding:5px 7px;
}
#portal h2 {
font-size:88.3%;
}
#portal h4 {
background:url() repeat-x top #000;
border-left:1px solid #333;
border-right:1px solid #333;
color:#AAAAAA;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}
#faq dt a {
color:#AAAAAA;
font-size:120%;
font-weight:700;
}
#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#AAAAAA;
font-style:italic;
}
.search_results {
background:#000;
border:1px solid #333;
margin-bottom:1em;
padding:5px 7px;
}
.search_results h3 {
display:inline;
font-size:125%;
}
.search_results cite,.search_results p {
color:#AAAAAA;
font-size:85%;
margin:0;
}
#findposts .c_mark {
color:#AAAAAA;
font-size:200%;
font-weight:700;
vertical-align:top;
}
#pmtoast {
background:#000;
border:2px solid #333;
bottom:10px;
color:#AAAAAA;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}
#pmtoast:hover {
border-color:#333;
}
#pmlink {
background:url(http://z3.ifrm.com/static/1/toast.png) no-repeat 5px;
color:#AAAAAA;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}
#pmlink big {
color:#AAAAAA;
display:block;
font-weight:700;
padding-bottom:5px;
}
#pmlink strong {
color:#AAAAAA;
}
#pmclose {
border-top:1px solid #000;
color:#AAAAAA;
display:block;
font-size:80%;
padding:1px 10px;
}
#pmclose:hover {
color:#AAAAAA;
}
#foot_wrap {
margin:20px 1px 20px 0;
}
#foot td {
background:rgba(0,0,0,0.01);
//border-bottom:1px solid #333;
//border-top:1px solid #333;
//border-left:0;
//border-right:0;
color:#AAAAAA;
font-size:80%;
}
#foot a,#foot a:hover {
color:#AAAAAA;
}
#foot #foot_datetime {
border-left:1px solid #333;
width:1%;
white-space:nowrap;
}
#copyright {
color:#AAAAAA;
font-size:80%;
margin:10px 0;
text-align:center;
}
#copyright a {
color:#AAAAAA;
font-weight:700;
}
#c_tos h3 {
color:#AAAAAA;
font-size:120%;
}
td.username_ok {
background:#000;
}
input.username_ok {
outline:2px solid #333;
}
td.username_no {
background:#000;
}
input.username_no {
outline:2px solid #333;
}
#acplogin {
background:url(http://nathan-stevens.com/research/wp-content/uploads/2009/07/mat-black-lg.jpg) repeat-x 0 -195px #000;
border:2px solid #333;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}
#acplogin h1 {
color:#FFF;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}
#acplogin h1 img {
position:absolute;
left:0;
top:0;
}
a img {
border:0;
}
form {
display:inline;
margin:0;
padding:0;
}
.category h2,.topic h2,#portal h2 {
padding:5px;
text-align:left;
}
h3 {
padding:3px 0;
}
input[type=checkbox] {
background:transparent;
border:0;
padding:0;
vertical-align:bottom;
}
input[type=radio] {
border:0;
}
select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}
option {
margin:2px 0;
}
button.btn_img {
border:0;
cursor:pointer;
padding:0;
}
.notice dt,.notice dd {
padding:5px 7px;
}
.drop_menu a img {
vertical-align:bottom;
}
.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}
#submenu a
{ padding:3px 5px
; color: rgb(255, 197, 167)
}
#main
{ height: 1%
; padding: 0 auto
}
#nav li img {
vertical-align:top;
}
.meta_box,.meta_menu {
margin:10px 0;
}
.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}
.meta_menu ul {
font-size:90%;
margin:5px 5%;
}
.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}
.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}
.cat-topicpages a {
padding:0 2px;
}
.cat-buttons, .topic-buttons
{ float: right
; margin: 15px
; text-align: right
}
tr.postbtn td {
padding:5px;
text-align:center;
}
.row1,.row2
{ line-height: 1.4 }
td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}
td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}
.category {
margin:10px 0 0;
}
span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}
.c_mark img {
display:block;
margin:auto;
}
.c_last
{ line-height: 1.4
; min-width: 300px
; width: 30%
}
.category td.c_foot {
background:rgba(0,0,0,0.01);
height:10px;
}
#stats_members
{ line-height: 1.2 }
td.c_cat-mark,td.c_cat-icon {
padding:5px 0;
text-align:center;
width:30px;
}
td.c_cat-starter {
width:125px;
}
td.c_cat-lastpost {
width:175px;
}
.c_user {
vertical-align:top;
width:1px;
min-width:175px;
max-width:175px;
}
.c_post {
width:100%;
}
.c_sig,.c_nosig {
width:100%;
}
.avatar {
display:block;
margin:auto;
text-align:center;
}
.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}
td.c_user .usertitle {
margin:3px 0;
overflow-x:hidden;
text-align:center;
}
.pip
{ margin: 3px 0
; white-space: nowrap
; display: none
}
dl.user_info dt,dl.user_info dd {
padding:.1em;
}
dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}
dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}
td.c_poll-choice {
line-height:1.5;
padding-left:45%;
}
td.c_poll-answer {
text-align:right;
width:42.5%;
}
td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}
* html td.c_poll-bar span {
margin-top:3px;
}
td.c_post {
line-height:1.7;
vertical-align:top;
}
td.c_post ul {
list-style-type:square;
margin-left:10px;
}
.c_post video, #c_post-preview video, .c_post object, #c_post-preview object,
.c_post audio, #c_post-preview audio, .c_post iframe, #c_post-preview iframe,
.c_post img, #c_post-preview img, #topic_review img
{ max-width: 771px }
.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}
.c_post-attachment dd {
margin-left:1em;
}
.post_sep
{ font-size:1px
; height: 0px
; display: none
}
td.c_sig,td.c_nosig {
height:1%;
vertical-align:top;
}
td.c_nosig {
border-top-style:hidden!important;
}
blockquote dl dt,blockquote dl dd {
padding:2px 4px;
}
blockquote div,blockquote code {
margin:0;
padding:5px;
}
dl#fast-reply
{ clear: both
; margin: auto
; width 80%
}
dl#fast-reply dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}
dl#fast-reply dd textarea
{ display: block
; height: 100px
; margin-bottom: 10px
; padding: 2px
; width: 90%
; border: 4px solid rgba(0, 0, 0, 0.2)
; background-color: transparent
}
dl#fast-reply dd textarea:focus, dl#fast-reply dd textarea:hover
{ background-color: #101010
}
#c_post-text {
height:223px;
}
#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}
#btn_preview {
float:left;
margin:10px 0 0 1px;
}
#c_emot {
height:225px;
vertical-align:top;
width:210px;
}
#emot_list {
height:275px;
margin:0 auto;
overflow:auto;
padding:5px 0;
text-align:center;
}
div#emot_list {
padding:0;
}
#emot_list li {
display:inline;
padding:4px 10px;
}
#emot_list img {
cursor:pointer;
vertical-align:baseline;
}
.pm {
margin-bottom:1em;
}
#pm_datesent {
width:200px;
}
#pm_select {
text-align:center;
width:1px;
}
#conversation .c_post {
padding:2em;
}
#ucp_profile,#pm_messages {
float:right;
}
#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}
#ucp_gallery li {
float:left;
margin:15px 5px;
}
#ucp_gallery button {
cursor:pointer;
text-align:center;
}
.ucp button.btn_text {
padding:5px 0;
text-align:center;
width:100%;
}
.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}
.calendar li {
display:list-item;
font-size:80%;
margin:0;
}
.calendar li.placeholder {
padding:4px;
}
.calendar li span {
cursor:default;
}
.calendar td#cal_current div {
padding-top:3px;
}
#portal_head {
margin-bottom:10px;
}
#portal_foot {
margin-top:10px;
}
#portal_l,#portal_r {
font-size:88.3%;
margin:0;
padding:0;
}
#portal_l {
float:left;
width:200px;
}
#portal_r {
float:right;
width:150px;
}
#portal_news {
margin:0 160px 0 210px;
}
#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}
.portal_box {
margin-bottom:5px;
padding:1px;
}
.portal_box table {
clear:none;
}
#portal h2,#portal_foot h2 {
clear:none;
margin:0;
padding:3px 5px;
}
#faq {
margin:20px 0;
}
#faq dl {
padding:1em;
}
#faq dt {
margin-bottom:5px;
}
#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}
.search_results div {
display:block;
margin:5px 0;
}
#acplogin #loginform {
display:block;
padding:0 50px;
}
.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover
{ color: #AAAAAA
}
input,select,td,th {
font-size:90%;
}
button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}
#submenu a:hover,.meta_menu a:hover {
text-decoration:underline;
}
.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}
.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:#AAAAAA;
}
.row2 td,blockquote div {
background:rgba(0,0,0,0.01);
}
a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#AAAAAA;
}
img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
vertical-align:middle;
}
h1,h2,h3,#nav,#boardmeta,#main {
clear:both;
margin:0;
}
#meta_welcome,.search_results {
clear:both;
}
#stats_events {
line-height:2;
}
.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}
blockquote dl dd,#foot #foot_links {
text-align:right;
}
#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}
#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}
#ucp_settings,#pm_settings {
float:left;
}
#c_tos dd,#username_response {
margin-left:10px;
}
#vlx {
z-index:1;
}
#blog {
background:#000;
border:1px solid #333;
color:#AAAAAA;
margin:10px 0;
}
#blog blockquote {
background:none;
border:none;
font-size:85%;
padding:0 10px;
}
#blog h1 {
float:right;
}
#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}
#blog h2,#blog h2 a,#blog h2 a:hover {
color:#AAAAAA;
}
#blog_foot {
clear:both;
margin-bottom:20px;
}
#blog_head {
background:#000;
border:8px solid #333;
padding:10px 14px;
}
#blog_head img.avatar {
display:inline;
}
#blog_main {
margin:20px 200px 10px 10px;
}
#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#000;
margin:15px 0;
padding:5px 7px;
}
#blog_sidebar h3,#blog_sidebar dt {
color:#AAAAAA;
font-weight:700;
}
#blog_sub {
background:#000;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}
#blog_sub span {
padding-top:4px;
}
#blog_sidebar {
background:#000;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}
#blog_sidebar dd {
margin-left:10px;
}
#blog_user {
font-size:175%;
}
div.blog_options {
font-size:90%;
text-align:right;
}
div.blog_date {
background:#000;
border:1px solid #333;
color:#AAAAAA;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}
div.blog_date span {
background:#000;
border-top:1px solid #333;
color:#AAAAAA;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}
div.blog_entry {
background:#000;
margin:10px 0;
padding:5px 7px;
}
#blog_comments li {
padding:5px 7px;
}
#blog_comments li.odd {
background:#000;
}
#shoutwrap {
background:#000;
border:1px solid #333;
font-size:88.3%;
}
#shoutwrap td {
padding:0;
}
#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}
#shoutbox li {
padding:5px 7px;
}
#shoutbox li.odd {
background:#000;
}
#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}
#shoutbox dt {
color:#AAAAAA;
font-size:80%;
}
#shoutopts,#shoutpost {
clear:both;
text-align:center;
}
.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}
.tpc {
background: url(http://i.imgur.com/8BiFu.jpg) no-repeat center top rgba(0,0,0,0.01);
}
.sm {
//background: url(http://i.imgur.com/bCa99.jpg) no-repeat center top rgba(0,0,0,0.01);
background: rgba(0,0,0,0.01);
}
.sgl {
background: url(http://i.imgur.com/gvgv3.jpg) no-repeat center top rgba(0,0,0,0.01);
}
.lof {
background: url(http://www.htbackdrops.com/v2/albums/userpics/11739/bioshock~0.jpg) no-repeat center top rgba(0,0,0,0.01);
}
.tlb {
background: url(http://fc03.deviantart.net/fs37/f/2008/278/1/1/Master_Chief_and_Cortana_by_CerxiS.jpg) no-repeat center top rgba(0,0,0,0.01);
}
.g {
background: url(http://i.imgur.com/Sp1HE.jpg) no-repeat center top rgba(0,0,0,0.01);
}
.ton {
background: url(http://i.imgur.com/bCa99.jpg) center top rgba(0,0,0,0.01);
}
.fmp {
background: url(http://i.imgur.com/y2p3e.jpg) no-repeat center top rgba(0,0,0,0.01);
}
.rs {
background: url(http://images5.fanpop.com/image/photos/24500000/Rainbow-Dash-Wallpapers-my-little-pony-friendship-is-magic-24559390-1600-1200.jpg) no-repeat center top rgba(0,0,0,0.01);
}
label[for="setskin"]
{ display: none
}
.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}
.bunk-button
{ border: 1px solid #bb88dd
; padding: 1px 5px
; background-color: #101010
}
.bunk-button:hover
{ text-shadow: 0 0 2px
}
.bunk-big-butt
{ border: 4px solid #2d2d2d
; font-size: 16pt
; padding: 0px 10px
; color: #66ccff
}
.bunk-big-butt:hover
{ text-shadow: 0 0 3px
; border-color: #999
}
.bunk-plus:before
{ content: " ⊞ "
; color: #80ff00
}
.bunk-jail:before
{ content: " ⊞ "
; content: #303030
}
.usertitle img
{ display: none }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment