In Sachen Farbpalette: Ich hab mir ein Rotes mit Transparenz gebastelt, wenn sich dieses als grundlage eignet dann bräuchte ich nur noch jemanden der lust hat das ganze auseinander zu friemeln
SCSS-SPOILER (SASS+CSS)
#content {
background: rgba(255,0,0,0) !important;
}
#logo {
background: url('https://puu.sh/qB2ia.png') !important;
background-position: center center !important;
}
#header::before {
background: url('http://cdn.anisearch.de/images/member/upload/38/38366/images/NekoparaSteamheadercentered.jpg') center !important;
}
#header {
border-bottom: #e53838 !important;
background-color: #6F2727 !important;
}
#searchbox {
background-color: rgba(251,8,8,0.5) !important;
border-bottom: #e53838 !important;
}
#top {
color: #FF0000 !important;
background: rgba(255,255,255,0) !important;
background-image: url('https://puu.sh/qz2xj.png')/*, linear-gradient(180deg, #22FF00, #2AD4C7) // Farberlauf,Auskommentiert da derzeit nicht möglich */ !important;
background-attachment: fixed !important;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
#mainnav {
background-color: rgba(251,8,8,0.5) !important;
}
#start #details-subs {
background-color: rgba(255,0,0,0.77) !important;
}
#start #details-subsB {
background-color: #ff3f00 !important;
}
#details-right > section > h2 {
background-color: rgba(255,0,0,0.67) !important;
}
#footer {
border-top-color: rgba(255,0,0,0.44) !important;
background: rgba(251,8,8,0.5) !important;
}
#mainnav .menu > li.active {
background-color: rgba(240,16,16,0.53) !important;
}
.spoiler {
background: #FF0000 !important;
}
.spoiler:hover {
background-image: none !important;
background-color: #ff9595 !important;
}
#details-outer #details-inner > section > h2 {
background-color: RGBA(249,143,143,0.63) !important;
border-top: #F35F5F !important;
color: rgb(255,255,255) !important;
}
.f12g {
color: #DC143C !important;
}
.f14 {
color: #DC143C !important;
}
.icheck-label {
color: rgba(255,0,0,0.65) !important;
}
a {
color: #e53838;
}
#mainnav .menu > li.hover {
background-color: /*#e53838*/ rgba(229,56,56,0.65) !important;
}
#mainnav .menu > li.hover .menuitem {
background-color: /*#e53838*/ rgba(229,56,56,0.65) !important;
}
#mainnav .menu > li.hover .menuitem > li:hover {
background-color: /*#e53838*/ rgba(229,56,56,0.65) !important;
}
#avatar.hover {
background-color: /*#e53838*/ rgba(229,56,56,0.65) !important;
box-shadow: #e53838 !important;
}
#avatar.hover .menuitem{
background-color: /*#e53838*/ rgba(229,56,56,0.65) !important;
outline: #e53838 !important;
}
#avatar.hover .menuitem > li:hover {
background-color: /*#e53838*/ rgba(229,56,56,0.65) !important;
}
#toTop {
background-color: RGBA(255,0,0,0.56) !important;
color: rgba(255,255,255,0.74) !important;
}
#toTopHover {
background-color: #e53838 !important;
}
#usercp.hover {
background-color: /*#e53838*/ rgba(229,56,56,0.65) !important;
box-shadow: #e53838 !important;
}
#usercp.hover .menuitem{
background-color: /*#e53838*/ rgba(229,56,56,0.65) !important;
outline: #e53838 !important;
}
#usercp.hover .menuitem > li:hover {
background-color: /*#e53838*/ rgba(229,56,56,0.65) !important;
}
#topnav > li:first-child > a {
color: rgba(255,255,255,0.49) !important;
background-color: rgba(229,56,56,0.3) !important;
}
#contests-msg {
background-color: rgba(251,8 8,0.5) !important;
border-bottom: #e53838 !important;
background-image: url() !important;
}
#avatar{
background-color: rgba(255,255,255,0) !important;
}
.responsive-table thead th {
background-color: rgba(255,0,0,0.76) !important;
border: #f00 !important;
}
.sbuttonA, .sbuttonB {
background-color: #F83F3F !important;
}
.icheckbox, .iradio {
background: url(http://b95raspiserver.redirectme.net/images/aniSearch/red.png) no-repeat;
}
.responsive-table tbody tr:nth-of-type(2n) {
background-color: RGBA(236,169,169,0.45) !important;
}
.sbox1, .sbox2 {
background-color: rgba(255,255,255,0.33) !important;
border: #FF0202;
}
.sbox1 > h2, .sbox2 > h2 {
color: #FFF;
background-color: RGBA(255,0,0,0.71) !important;
}
.sbox2 {
background-color: rgba(245,236,236,0.6) !important;
}
#details-right > section {
background-color: rgba(207,186,186,0.38) !important;
border: #F00 !important;
}
#details-outer #details-inner > section.accordion > h2::after {
background-color: RGBA(255,0,0,0.67) !important;
}
.forumindex > li.readed {
background-color: RGBA(255,255,255,0) !important;
}
/*.forumC6 {
background-color: RGBA(247,29,29,0.51);
}
.forumC8 {
background-color: RGBA(255,0,0,0.56);
}*/
.forumindex > li:nth-child(2n+1) {
background-color: RGBA(255,255,255,0.89) !important;
}
.forumindex > li {
background-color: rgba(255,255,255,0.07) !important;
}
/*.forumC57 {
background-color: RGBA(254,198,198,0.7);
}
.forumC1 {
background-color: RGBA(254,198,198,0.7);
}
.forumC2 {
background-color: RGBA(254,198,198,0.7);
}
.forumC3 {
background-color: RGBA(254,198,198,0.7);
}
.forumC4 {
background-color: RGBA(254,198,198,0.7);
}
.forumC5 {
background-color: RGBA(254,198,198,0.7);
}
.forumC7 {
background-color: RGBA(254,198,198,0.7);
}
.forumC9 {
background-color: RGBA(254,198,198,0.7);
}*/
#forumCategories > li a.bold {
background-color: rgba(255,255,255,0.41) !important;
}
#forumCategories > li a {
background-color: RGBA(243,213,213,0.56) !important;
}
#notifications-overview > li.readed {
background-color: rgba(245,245,245,0.59) !important;
}
#notifications-overview > li {
background-color: RGBA(255,255,255,0.45) !important;
}
.spoiler {
background: RGBA(255,0,0,0.5) !important;
}
#footer h4 {
color: rgba(255,255,255,0.86) !important;
border-bottom-color:rgba(255,255,255,8) !important;
}
#footer a{
color: rgba(255,255,255,0.5)!important;
}
#start {
background-color: rgba(255,255,255,0.38) !important;
border:rgba(255, 0, 0, 0.55) !important;
}
#start #details-subsB {
background-color: rgba(255,0,0,0.66) !important;
}
.msgBox > div.successful {
/*background: url(message_successful.png) !important;*/
background-color: rgba(208,252,167,0.68) !important;
border: rgba(140,255,46,0.63) !important;
}
#start #details-subs > li > a:hover {
background-color: /*#e53838*/ rgba(229, 56, 56, 0.65) !important;
color: rgb(255,255,255) !important;
}
.menuitem > li span {
color: rgb(255,255,255) !important;
}
.menuitem > li span:hover {
color: rgb(255,255,255) !important;
}
article.comment:nth-child(2n+1) {
background-color: rgba(251, 30, 30, 0.21) !important;
border: rgb(255,0,0);
}
article.comment:nth-child(2n) {
background-color: rgba(249, 22, 22, 0.09) !important;
border: rgb(255,0,0) !important;
}
article.comment > div.comments > h3 {
background-color: rgba(252,0,12,0.53) !important;
}
article.comment > header > div.cpanel > span::before {
background-color: rgba(252,0,12,0.53) !important;
color: rgb(255,255,255) !important;
}
#forumCategories > li.forumC8 a.bold {
color: rgb(255,0,0) !important;
}
#details-outer #details-inner > section > h2 > a, #details-outer #details-inner > header > h2 > a {
color: rgb(255,255,255) !important;
}
table.dbstats > tbody tr > td > a, #infodetails > tbody tr > td > a {
color: rgb(255,255,255) !important;
font-weight: bold !important;
font-size: medium !important;
}
#start #details-subs > li.empty > a, #start #details-subsB > li.empty > a {
color: rgb(176,176,176) !important;
}
#details-outer #details-inner > section.empty > h2, #details-outer #details-inner > header.empty > h2 {
color: rgb(176,176,176) !important;
}
article.comment:nth-child(2n+1) > h2:first-of-type {
background-color: rgba(249, 143, 143, 0.63) !important;
border-top: #f35f5f !important;
color: rgb(255,255,255) !important;
}
.msgBox > div.notice {
/*background: url(message_notice.png) !important;*/
background-color: rgba(255, 135, 135, 0.58) !important;
border: 1px solid rgb(255,135,135) !important;
color: rgb(255,255,255) !important;
font-weight: bold !important;
}
Vielleicht ließe sich von diesem Codegewirr
eine Vorlage machen.
Freundliche Grüße an alle die das lesen
Kommentare (1)
LG