Galaxy Theme
I´m currently working on a alternative CSS Style for this website.
Here's a preview
If you find Bugs please feel free to point them out
Much thanks to the artist who made this awesome picture that i used for the background
Artist: araru
post #2202652
Paste Code here:
Account ⭢ Settings ⭢ Advanced ⭢ Custom CSSFonts needed: Bahnschrift
Custom CSS V1.0
/* http://www.codebeautifier.com/ */
/*################## GENERAL ##################*/
/*GENERAL|All Boxes*/
button {
color: #acacac;
font-family: bahnschrift;
box-sizing:border-box;
border-radius:7px;
/*
font-size:1rem;
line-height:1.25rem;
*/
padding:.1rem .45rem;
border:0
}
.button {
display:inline;
}
input,
select,
textarea {
border:0;
border-radius:2px;
padding:1px 2px;
background-color: #3c3c3c;
color: #acacac;
font-family: bahnschrift;
font-size: 1em;
}
/*GENERAL|All Code editors*/
form.simple_form div.input textarea {
width: 80%;
font-size: 1em;
font-family: consolas;
background-color: #3c3c3c;
color: #acacac;
}
/*GENERAL|Body(s) from all Screens*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,dd,dt {
font-family: bahnschrift;
}
/*GENERAL|Header 1*/
h1 {
/*font-size:2em;*/
padding-top: 6px;
padding-left: 6px;
}
/*/////////////////////////////////*/
/*GENERAL|Header Tab*/
header#top menu.main {
margin-top:0 !important;
background-color:#35353595;
}
/*GENERAL|Header Tab [Main]*/
header#top menu {
margin-top:-2px;
background-color:#14192f;
border-radius:6px;
padding:6px 1rem;
}
/*GENERAL|Header Tab [Selected]*/
header#top menu.main li.current a {
background-color:#14192f;
font-weight:700
}
/*/////////////////////////////////*/
/*GENERAL|BG Header Tab*/
header#top {
font-size:1.05em;
margin:0 1rem .8rem;
color:#fff;
background-color:#020f23;
background-image:url("https://static1.e621.net/data/sample/f2/e5/f2e598ae6a7829b4906a7df4f77a05c5.jpg");
background-size: contain;
}
/*GENERAL|BK Block Notice(News)*/
div#page div.site-notice {
background-color: #161c3395; /*#14192f;*/
/*Grey-Black*/
padding: .5rem;
text-align: center;
position: relative;
border: 1px solid rgba(0,0,0,.5);
}
/*/////////////////////////////////*/
/*GENERAL|BK Block Section*/
.box-section {
background-color:#06070d99;
padding:1rem;
margin-bottom:1.5rem;
border-radius:3px;
}
/*GENERAL|All Blocks*/
.styled-dtext blockquote,
.styled-dtext div.expandable,
.styled-dtext pre{
padding:.25rem;
margin:0 0 .5rem;
border-radius:3px;
border:1px solid #617bbb4f;
border-left:.25rem solid #aeadad;
background:#0e101e99;
}
/*GENERAL|Strip Block Quote*/
.styled-dtext blockquote {
background-color: #b400ff05;
border:1px solid #5000ff54;
border-left:.25rem solid #5000ffab;
border-left-color:#5000ffab;
}
/*GENERAL|Strip Block Expandable*/
.styled-dtext div.expandable {
background-color: #1295aa05;
border:1px solid #1295aa50;
border-left:.25rem solid #1295aa;
border-left-color:#1295aa;
}
/*GENERAL|Strip Block Pre*/
.styled-dtext pre{
background-color: #6f00620f;
border:1px solid #6f00625c;
border-left:.25rem solid #6f0062;
border-left-color:#6f0062;
font-size: 1.1em;
}
/*/////////////////////////////////*/
/*GENERAL|Table Header*/
table.striped thead tr,
table.table thead tr {
background-color:#006aff42;/*#1d385e42*/
border-bottom:1px solid #152f5600;
}
/*GENERAL|Table Body*/
table.striped tbody tr,
table.table tbody tr {
background-color:#00307759;
border-bottom:1px solid #0066ff4a;
}
/*/////////////////////////////////*/
/*GENERAL|General Body*/
body {
color: #fff;
background-image: url("https://static1.e621.net/data/sample/f2/e5/f2e598ae6a7829b4906a7df4f77a05c5.jpg");
/*ALT: background-image:url(/packs/media/src/styles/images/hexagon/background-ea57599555451c53af1db0db4f5b2664.png);*/
background-size: cover;
background-color: #1c2531;
font-family: Bahnschrift;
font-size: 85%;
line-height: 1.25em;
margin: 0 auto;
}
/*GENERAL|Footer Block*/
footer#page-footer {
clear: both;
margin: 1em 1em 0;
text-align: center;
border-radius: 6px 6px 0 0;
padding: 1rem 0;
background-color: #14192f;
color: #b53b00;
}
/*/////////////////////////////////*/
/*GENERAL|Search Box*/
div#page aside#sidebar #search-box button[type=submit] {
padding:2px 6px;
background:#3c3c3c;
width:2em;
border-left:1px solid #3c3c3c;
border-radius:0 3px 3px 0;
color: #acacac;
}
/*################## TAGS ##################*/
/*TAGS|Species Tag (Std. Red)*/
.category-5 a,
.category-5 a:link,
.category-5 a:visited,
.ui-widget-content .category-5 a,
.ui-widget-content .category-5 a:link,
.ui-widget-content .category-5 a:visited,
.ui-widget-content a.tag-type-5,
.ui-widget-content a.tag-type-5:link,
.ui-widget-content a.tag-type-5:visited,
a.tag-type-5,
a.tag-type-5:link,
a.tag-type-5:visited {
color: #aa4412; /*--> Neon-Red*/
}
/*TAGS|Species Tag[Hover]*/
.category-5 a:hover,
.ui-widget-content .category-5 a:hover,
.ui-widget-content a.tag-type-5:hover,
a.tag-type-5:hover {
color: #ff6c00; /*--> Neon-Red*/
}
/*/////////////////////////////////*/
/*TAGS|General Tag (Std. White-Grey)*/
.category-0 a,
.category-0 a:link,
.category-0 a:visited,
.ui-widget-content .category-0 a,
.ui-widget-content .category-0 a:link,
.ui-widget-content .category-0 a:visited,
.ui-widget-content
a.tag-type-0,
.ui-widget-content a.tag-type-0:link,
.ui-widget-content a.tag-type-0:visited,
a.tag-type-0, a.tag-type-0:link,
a.tag-type-0:visited {
color: #606060; /*--> Grey*/
}
/*TAGS|General Tag [Hover]*/
.category-0 a:hover,
.ui-widget-content .category-0 a:hover,
.ui-widget-content a.tag-type-0:hover,
.category-0 a:hover,
.ui-widget-content .category-0 a:hover,
.ui-widget-content a.tag-type-0:hover,
a.tag-type-0:hover,
a.tag-type-0:hover {
color: #848484; /*--> Bright-Grey*/
}
/*/////////////////////////////////*/
/*TAGS|Meta Tags (Std. White)*/
.category-7 a,
.category-7 a:link,
.category-7 a:visited,
.ui-widget-content .category-7 a,
.ui-widget-content .category-7 a:link,
.ui-widget-content .category-7 a:visited,
.ui-widget-content .ui-state-active a.tag-type-6.selected,
.ui-widget-content a.tag-type-7,
.ui-widget-content a.tag-type-7:link,
.ui-widget-content a.tag-type-7:visited,
a.tag-type-7, a.tag-type-7:link,
a.tag-type-7:visited {
color: #007bb7;
}
/*TAGS|Meta Tags [Hover]*/
.category-7 a:hover,
.ui-widget-content .category-7 a:hover,
.ui-widget-content a.tag-type-7:hover,
a.tag-type-7:hover {
color: #00dbff;
}
/*/////////////////////////////////*/
/*TAGS|Characters Tags*/
.category-4 a,
.category-4 a:link,
.category-4 a:visited,
.ui-widget-content .category-4 a,
.ui-widget-content .category-4 a:link,
.ui-widget-content .category-4 a:visited,
.ui-widget-content a.tag-type-4,
.ui-widget-content a.tag-type-4:link,
.ui-widget-content a.tag-type-4:visited,
a.tag-type-4,
a.tag-type-4:link,
a.tag-type-4:visited {
color:#0a0;
}
/*TAGS|Characters Tags [Hover]*/
.category-4 a:hover,
.ui-widget-content .category-4 a:hover,
.ui-widget-content a.tag-type-4:hover,
a.tag-type-4:hover {
color:#00e600;
}
/*/////////////////////////////////*/
/*TAGS|Copyrights Tags*/
.category-3 a,
.category-3 a:link,
.category-3 a:visited,
.ui-widget-content .category-3 a,
.ui-widget-content .category-3 a:link,
.ui-widget-content .category-3 a:visited,
.ui-widget-content a.tag-type-3,
.ui-widget-content a.tag-type-3:link,
.ui-widget-content a.tag-type-3:visited,
a.tag-type-3,
a.tag-type-3:link,
a.tag-type-3:visited {
color:#c0c;
}
/*TAGS|Copyrights Tags [Hover]*/
.category-3 a:hover,
.ui-widget-content .category-3 a:hover,
.ui-widget-content a.tag-type-3:hover,
a.tag-type-3:hover{
color:#f0f;
}
/*/////////////////////////////////*/
/*TAGS|Artist Tags*/
.category-1 a,
.category-1 a:link,
.category-1 a:visited,
.ui-widget-content .category-1 a,
.ui-widget-content .category-1 a:link,
.ui-widget-content .category-1 a:visited,
.ui-widget-content a.tag-type-1,
.ui-widget-content a.tag-type-1:link,
.ui-widget-content a.tag-type-1:visited,
a.tag-type-1,
a.tag-type-1:link,
a.tag-type-1:visited {
color:#c68b00;
}
/*TAGS|Artist Tags [Hover]*/
.category-1 a:hover,
.ui-widget-content .category-1 a:hover,
.ui-widget-content a.tag-type-1:hover,
a.tag-type-1:hover{
color:#ffb300;
}
/*################## POSTS ##################*/
/*POSTS|BK Block*/
div#page {
background-color: #14192f99;
/*Grey-Black*/
background-position: 0 0;
background-repeat: repeat-x;
border-radius: 6px;
overflow: visible;
margin: 0 1rem;
padding: .5rem;
}
/*POSTS|Search [Help]*/
.search-help {
float:right;
font-size:75%;
}
/*POSTS|Mode [Help]*/
/*POSTS|Blacklist [Expand]*/
#blacklist-box .blacklist-header {
display:ruby-base-container;
}
/*/////////////////////////////////*/
/*POSTS|Search-Box*/
div#page aside#sidebar #search-box input[type=text] {
z-index: 1;
position: relative;
width: 13em;
padding: .125rem;
border-right: 0;
box-sizing: border-box;
border-radius: 3px 0 0 3px;
background-color: #606060;
color: #242424;
font-family: bahnschrift;
}
/*POSTS|Search-Box Expand*/
.ui-widget-content {
border: 1px solid #242424;
background-color: #111;
color: #fff;
}
/*/////////////////////////////////*/
/*POSTS|A.Wiki-Link*/
a.wiki-link {
margin-right: .2em;
}
/*/////////////////////////////////*/
/*POSTS|Unter-Post Bar*/
article.post-preview .desc {
background-color:#292c37;
font-size:80%;
margin-bottom:0;
}
/*################## POST ##################*/
/*POST|Search Header*/
div#c-posts div.nav-notice {
padding:.1em;
margin-bottom:.5rem;
background-color:#161c3395;
position:relative
}
/*POST|Search Header Middle BK*/
div#c-posts div#a-show #pool-nav,
div#c-posts div#a-show #search-seq-nav,
div#c-posts div#a-show #set-nav {
background:#161c3395;
}
/*POST|Search Header Text*/
div#c-posts div#a-show #pool-nav li .first,
div#c-posts div#a-show #pool-nav li .last,
div#c-posts div#a-show #pool-nav li .next,
div#c-posts div#a-show #pool-nav li .prev,
div#c-posts div#a-show #search-seq-nav li .first,
div#c-posts div#a-show #search-seq-nav li .last,
div#c-posts div#a-show #search-seq-nav li .next,
div#c-posts div#a-show #search-seq-nav li .prev,
div#c-posts div#a-show #set-nav li .first,
div#c-posts div#a-show #set-nav li .last,
div#c-posts div#a-show #set-nav li .next,
div#c-posts div#a-show #set-nav li .prev {
flex-shrink:2;
padding-left: 5px;
padding-right: 5px;
}
/*/////////////////////////////////*/
/*POST|BK Pic Size Settings*/
div#c-posts div.notice.notice-resized {
background-color: #1295aa05;
border:1px solid #1295aa50;
border-radius:3px;
padding:5px;
margin-bottom:0em;
margin-top:.17em;
overflow:hidden;
}
/*/////////////////////////////////*/
/*POST|BK Comment*/
.comment-post-grid {
background:#06070d99;
display:grid;
grid-template-rows:1fr;
grid-template-columns:165px 1fr
}
/*POST|BK Comment Sec [Left]*/
.comment-post-grid .author-info {
padding:.25rem .5rem;
grid-column:1;
grid-row:1;
background:#161c3395;
}
/*POST|BK Parent*/
div#c-posts div.notice.notice-child {
background-color: #06070d99;
border: #fff0;
}
/*/////////////////////////////////*/
/*POST|BG Tag Editor*/
div.related-tags {
width:100%;
margin-bottom:1em;
background:#06070d65;
overflow:hidden;
border-radius:3px;
display:flex;
flex-wrap:wrap;
}
div.related-tags .related-items .related-item {
border:1px solid rgba(0,0,0,.15);
background:#06070d65;
border-radius:2px;
padding:0 5px;
max-width:15rem;
word-wrap:break-word;
overflow-wrap:break-word
}
/*POST|BG Submit Button*/
div#c-posts div#a-show #edit .edit-submit {
position:-webkit-sticky !important;
position:sticky !important;
bottom:0 !important;
background:#14192f !important;
width:-webkit-min-content !important;
width:-moz-min-content !important;
width:min-content !important;
padding:.3rem .3rem .3rem .3rem !important;
margin:0;
border-style: double;
border-color: #ffffff1a;
}
/*POST|Just one Fav Button*/
div#c-posts .fav-buttons-false #remove-fav-button,
div#c-posts .fav-buttons-true #add-fav-button {
display:none !important
}
.vpad-05 {
display:none;
}
/*################## SETTINGS ##################*/
/*Settings|BK Block*/
.simple_form {
padding:.5rem;
border-radius:3px;
background-color:#14192f
}
/*Settings|Header*/
div#c-users div#a-edit h1,
div#c-users div#a-edit h2 {
margin: .5em 0;
color: #b53b00;
}
/*Settings|Text*/
a,
a:link,
a:visited {
color:#acacac;
text-decoration:none
}
/*Settings|Text [Hover]*/
[data-th-main=pony] a:hover,
a:hover {
color:#848484;
}
/*################## PROFILE ##################*/
/*PROFILE|BK Block [Profile Info]*/
div#c-users div#a-show .profile-stats {
width:100%;
border-radius:6px;
background: #06070d99;
padding-bottom: 5px;
}
/*PROFILE|Info Text [Profile Info]*/
div#c-users div#a-show .user-statistics tr {
height:1.54em;
}
/*PROFILE|Info Block [Profile Info]*/
div#c-users div#a-show .bottom-section,
div#c-users div#a-show .posts-section .posts,
div#c-users div#a-show .stats-section {
display:flex;
padding-block: 3px;
}
/*PROFILE|Info Block [Profile Name]*/
a.user-member.with-style {
font-size:1.1em;
}
/*################## NOTICE ##################*/
/*NOTICE|Head*/
div#notice {
padding:.25em;
position:fixed;
top:1rem;
left:25%;
width:50%;
z-index:100;
color:#848484;
background-color:#14192f;
border:1px solid #848484;
}
/*################## BANLIST ##################*/
/*BANLIST|Red*/
#c-bans #a-index tr[data-expired=false] {
background-color:#ff09094d!important
}
#c-bans #a-index tr[data-expired=false]:hover {
background-color:#ff090975!important
}
/*BANLIST|Green*/
#c-bans #a-index tr[data-expired=true] {
background-color:#00f71c30 !important;
}
#c-bans #a-index tr[data-expired=true]:hover {
background-color:#00f71c54!important
}
/*################## COMMENTS ##################*/
/*COMMENTS|BK*/
div#c-comments div#a-index .comment-post {
background: #b400ff05 !important;
border:1px solid #5000ff8c !important;
border-left:.25rem solid #5000ffab !important;
border-left-color:#5000ffab !important;
box-sizing:border-box;
padding-left:.5rem;
padding-bottom:.25rem;
margin-bottom:1rem
}
Updated