ich hoffe, ich bin hier richtig xD"
ich würde gerne meine bilder wieder im hintergrund haben und meine farben ebenso. es ist alles weg. oben im header ist es braun-rot, anstatt meine üblichen farben.
mein css ist das hier, wäre froh, wenn mir jemand helfen könnte, damit ich mein altes design wieder habe ^^"
#logo{ /*aniSearch Logo*/
background-image: url("http://puu.sh/mly5m/5e6b85c49e.png");
}
#topnav>li:first-child>a {
background-color: transparent;
}
#header:before{ /*Header*/
background-image: url("https://abload.de/img/4208112smalls6zgk3w91heswe.jpg ");
opacity: 1;
}
#header{ /*Abschlusstrich des Headers*/
border-bottom: 2px solid #00ffff;
}
#content {
background-image: url(https://abload.de/img/takingphotoscndik79sgdasjs.jpg);
background-attachment: fixed;
}
a { /*Globale Linkfarbe*/
color: rgb(72, 154, 255);
}
#avatar.hover { /*Avatar Hover*/
box-shadow: -1px -1px 0px 0px #58d8ec,1px -1px 0px 0px #58d8ec,1px 1px 0px 0px #58d8ec,-1px 1px 0px 0px #58d8ec;
}
#avatar .menuitem { /*Avatar Hoverfenster*/
background-color: rgb(7,232,210)!important;
outline: 1px solid rgb(7,232,210)!important;
}
#avatar .menuitem>li:hover { /*Avatar Hoverfenster Menüpunkte Hover*/
background-color: #03c6b5 ;
}
#avatar .logout { /*Logout*/
background-color: rgba(114, 209, 232);
}
#usercp.hover { /*UserCP Hover*/
background-color: #58d8ec;
box-shadow: -1px -1px 0px 0px #58d8ec,1px -1px 0px 0px #41A8E9,1px 1px 0px 0px #58d8ec,-1px 1px 0px 0px #1960dc;
}
#usercp.hover .menuitem { /*UserCP Hoverfenster*/
background-color: #58d8ec;
outline: 1px solid #58d8ec;
}
#usercp .menuitem>li:hover { /*UserCP Hoverfenster Menüpunkte Hover*/
background-color: #1A71AF;
}
.menuitem>li span { /*Menüpunkte Schrift*/
color: #FFFFFF;
}
#mainnav{ /*Navigationsleiste*/
background-color: rgba(0, 255, 255, 0.0);
}
#mainnav .menu>li.active { /*Navigationsleiste aktiv*/
background-color: rgba(0, 229, 238, 0.7);
}
#mainnav .menu>li.hover { /*Navigationleiste Hover*/
background-color: rgba(0, 255, 255, 0.75);
box-shadow: -1px -1px 0px 0px #00ffff,1px -1px 0px 0px #00ffff,1px 1px 0px 0px #00ffff,-1px 1px 0px 0px #00ffff;
}
#mainnav .menu>li.hover .menuitem { /*Navigationsleiste Hoverfenster*/
background-color: rgba(135,206,250,1);
box-shadow: -1px -1px 0px 0px #00ffff,1px -1px 0px 0px #00ffff,1px 1px 0px 0px #00ffff,-1px 1px 0px 0px #00ffff;
}
#mainnav .menu>li .menuitem>li:hover { /*Navigationsleiste Hoverfenster Menüpunkte Hover*/
background-color: rgba(135,206,250,1);
}
#mainnav .menu>li .menuitem>li:hover span { /*Navigationsleiste Hoverfenster Menüpunkte Hover Textfarbe*/
color: #000;
}
#searchbox { /*Suchleiste*/
background-color: #1A71AF;
border-bottom: 2px solid #62B8EE;
}
#searchbox #searchbar { /*Suchfeld*/
border: 2px solid #85BBDD;
}
#searchbox #searchbar>li:last-child:before { /*Die Pfeile da*/
color: #85BBDD;
}
#start { /*Rand*/
border: 1px solid #62B8EE;
}
#start #details-subs, #start #details-subsB { /*Tabs*/
background-color: #62B8EE;
}
#start #details-subs>li>a, #start #details-subsB>li>a { /*Tabs Rand*/
border: none;
}
#details-outer #details-inner>section>h2 { /*Überschriftenleiste*/
background-color: #62B8EE;
border-top: 3px solid #6A85A9;
color: #FFFFFF;
}
#details-outer #details-inner>section.empty>h2 { /*Überschriftenleiste leer*/
color: rgb(68, 68, 68);
}
#details-outer #details-inner>section>h2>a { /*Überschriftenleiste Links*/
color: #FFF;
}
#details-outer #details-inner>section.accordion>h2:after {
background-color: #6A85A9;
}
#details-right>section>h2{ /*Boxen rechts Überschrift*/
background-color: #4876ff;
}
#details-right>section { /*Boxen rechts*/
background-color:rgba(255,255,255,0.4);
border: 1px solid #62B8EE;
}
@media (min-width: 900px) /*Index Links*/
.responsive-table tbody th[scope="row"]>a {
color: #489AFF;
}
.pagenav>a { /*Forum Seitenanzeige*/
border: 1px solid #7CBEE8;
background-color: #7CBEE8;
}
.pagenav>.pagenav-current { /*Seitenanzeige aktiv*/
background-color: #1A71AF;
border-color: #1A71AF;
}
.pagenav>a:hover { /*Seitenanzeige Hover*/
background-color: #1A71AF;
border-color: #1A71AF;
}
#newthread { /*Thema erstellen Button*/
background-color: #7CBEE8;
}
#newthread:hover { /*Thema erstellen Button Hover*/
background: #1A71AF;
}
.sbuttonA, .sbuttonB { /*Buttons*/
background-color: #7CBEE8;
}
.sbuttonA:hover, .sbuttonB:hover { /*Buttons Hover*/
background-color: #1A71AF;
border-color: #1A71AF;
}
article.comment>header>div.cpanel>span:before { /*Forum Kommentarpfeil*/
background-color: #7CBEE8;
}
article.comment>header>div.cpanel>ul { /*Forum Kommentarfenster*/
background-color: #7CBEE8;
}
article.comment>header>div.cpanel>ul>li:hover { /*Forum Kommentarfenster hover*/
background-color: #1A71AF;
}
responsive-table thead th { /*Index Listenansicht*/
background-color: #62B8EE;
border: 1px solid #6A85A9;
}
.responsive-table tbody tr {
background-color: #add8e6; /*Hintergrundfarbe der ungeraden Felder (Das erste, dritte, fünfte, etc.)*/
border: 2px solid #87ceff; /*Der Zugehörige Rand*/
}
.responsive-table tbody tr:nth-child(even) {
background-color: #bfefff!important; /*Hintergrundfarbe der geraden Felder (Das zweite, vierte, sechste, etc.)*/
}
.responsive-table thead th { /*Warteliste Überschrift*/
background-color: #87cefa;
border: 1px solid #ffffff;
}
.pbutton { /*Erweiterte Suche*/
background-color: #62B8EE;
}
.tabs { /*Same*/
background-color: #62B8EE;
}
.pbutton-container { /*Rand*/
border: 1px solid #62B8EE;
}
#tabs-content-filters { /*Erweiterte Suche abgeschickt*/
background-color: #62B8EE;
}
#filters-items>li { /*Aktive Filter*/
background-color: #275575;
}
.tabs>li { /*Tabs*/
border: none;
}
article.comment { /*Forum Beiträge*/
background-color: #FFF!important;
border: 1px solid #62B8EE!important;
}
#forumCategories>li a { /*Forum Kategorien*/
background-color: #FFF;
}
#forumCategories>li a.bold { /*Forum Kategorien aktiv*/
background-color: #ffa54f;
}
article.comment>div.comments>h3 { /*Forum Kommentare*/
background-color: #62B8EE;
border: 1px solid #62B8EE;
}
article.comment>div.comments { /*Forum Kommentare Rand*/
border: 1px solid #62B8EE;
}
article.comment>ul.badges>li>a { /*Forum Smileys*/
background-color: #c4c4c4 !important;
}
.forumindex > li {
background:#bfefff none repeat scroll 0 0 !important;
color: #489aff;
}
.forumindex > li:nth-child(2n+1) {
background-color: #add8e6 !important;
}
.forumindex > li.readed {
background-color: #c4c4c4 !important;
}
#itemSubscriptionBox {/*Forum abonnieren*/
background-color: #62B8EE;
color: #FFF;
}
#itemSubscriptionBox>ul>li:hover { /*Forum abonnieren Hover*/
background-color: #1A71AF;
}
#itemSubscriptionBox>ul>li>div { /*Forum abonnieren Rand*/
border-left: 3px solid #FFF;
}
article.comment>h2:first-of-type { /*PN Überschrift*/
background-color: rgb(98, 184, 238);
}
#footer { /*Footer*/
border-top: 2px solid #00f5ff; /*Farbe der Linie über dem Footer*/
background-color: #00eeee; /*Hintergrundfarbe des Footers*/
}
#footer h4 { /*Footer Überschrift*/
border-bottom: 1px solid#ffffff; /*Farbe der kleinen Ränder unter den Überschriften*/
color: #ffffff; /*Farbe der Überschriften ("Partner" etc.)*/
}
#footer a { /*Footer Links*/
color: #ffffff; /*Farbe der Links ("Impressum", "Regeln", "FAQ", etc.)*/
}
#sidenav-main { /*Mobil Menü*/
background-color: #41A8E9;
}
#sidenav-main>.menu>li .menuitem>li:hover { /*Mobil Menü Hover*/
background-color: #1A71AF;
}
#page-action>li { /*Profilbuttons*/
border: 1px solid #85BBDD;
color: #62B8EE;
}
#page-action>li:hover { /*Profilbuttons Hover*/
background-color: #85BBDD;
}
#page-action > li {
background-color: transparent
}
#table-menu>li.hover { /*Suchansicht aktiv*/
border-color: #275575;
background-color: #275575;
}
#table-menu>li { /*Suchansicht inaktiv*/
background-color: rgb(26, 113, 175);
color: #CCCCCC;
}
#table-menu-content>div { /*Suchansicht Inhalt*/
background-color: #275575;
}
#indexABC>li.active { /*Suchansicht "Beginnt mit" aktiv*/
background-color: #4EBBFF;
}
#indexABC>li { /*Suchansicht "Beginnt mit" inaktiv*/
background-color: #7FB1D0;
}
#indexABC>li:hover { /*Suchansicht "Beginnt mit" hover*/
background-color: #154161;
}
.f10g { /*Suchansicht "Covers" kleiner Text*/
font-size: 12px;
color: #A5A5A5;
}
.msgBox>div.notice { /*Suchansicht Hinweisbox*/
border: 1px solid #FFF;
background-color: #FFF;
}
.btype0 { /* Index Covers*/
background-color: #284050 !important;
}
.covers>li>a .title>div { /*Index Covers Links*/
color: #7BCCFF;
}
.gallery>li>a .title>div { /*Index Galerie Links*/
color: #7BCCFF;
}
.inputBox-Header { /*Eintragen Boxen*/
background: #FFFFFF;
border: 1px solid #B5D7ED;
}
.inputBox-Header>.inputBox-List { /*Eintragen Boxen Highlight*/
background: #B5D7ED;
}
#toTop { /*To top Button*/
background: url("http://puu.sh/mpAEo/39ab457ecb.png") no-repeat left top;
}
#toTopHover { /*To top Button Hover*/
background: url("http://puu.sh/mpAEo/39ab457ecb.png") no-repeat left -42px;
}
.icheckbox, .iradio { /*Checkboxen + Radiobuttons*/
background: url("http://puu.sh/mpB0q/e48824558b.png") no-repeat;
}
.covers>li>a .title {
background: linear-gradient(to bottom, rgba(102,102,102,0) 0%, #000000 100%);
}
#ratingBox > div #ratingSettings > tbody > tr > td #eplus { /*Bewerten +Button*/
border: 1px solid #7CBEE8;
background-color: #7CBEE8;
}
#ratingBox>div #ratingSettings tbody > tr > td #eplus:hover { /*Bewerten +Button Hover*/
background-color: #1A71AF;
border-color: #1A71AF;
}
#ratingBox > div #ratingSettings > tbody > tr > td #maxEpisodes { /*Bewerten Max-Button*/
border: 1px solid #7CBEE8;
background-color: #7CBEE8;
}
#ratingBox>div #ratingSettings tbody > tr > td #maxEpisodes:hover { /*Bewerten Max-Button Hover*/
background-color: #1A71AF;
border-color: #1A71AF;
}
#ratingBox>div #ratingSettings tr>td:last-child>.setDateToday { /*Bewerten "Heute"*/
color: rgb(72, 154, 255);
}
#ratingBox>div>footer #ratingMode { /*Bewerten Anzeige wechseln*/
color: rgb(72, 154, 255);
}
#cstar-rating>div { /*Bewerten Sterne*/
color: #1A71AF;
}
.ui-slider { /*Bewerten Slider Rand*/
border: 1px solid #1A71AF;
}
.ui-slider .ui-slider-handle { /*Bewerten Slider*/
border: 2px solid #1A71AF;
background-color: #1A71AF;
}
#pollFrame { /*Forum Umfragen*/
background: #FFFFFF;
border: 1px solid #62B8EE;
}
#start {
background-color: rgba(187,255,255,0.7); /*Hintergrundfarbe der Box*/
border: 1px solid #63b8ff; /*Umrandung der Box*/
}
@media screen and (min-width: 801px)
{
#details-outer
{
margin-right: 0 !important;
margin-left: -300px;
float: right;
}
#details-inner
{
margin-right: 0 !important;
margin-left: 310px;
}
#details-right
{
float: right;
}
.urgent-msg {
background-color: #62B8EE;
border-bottom: 1px solid #62B8EE;
}
#ratingBox>div>header {
background-color: #62B8EE;
}
#ratingBox>div {
border: 2px solid #62B8EE;
}
.spoiler:hover {background-color: transparent;}
.spoiler, .spoiler-visible{border: 1px solid blue;}
.spoiler {background: transparent;}
.spoiler::before{color: blue;}
.spoiler::after {display: none;}
article.comment:nth-child(odd)>h2:first-of-type {
background-color: #62b8ee;
color: #FFF;
}}
#ratingBox > div > header > h2 + div {
color: #fff;
}
#sidebar-button {
background-color:#62B8EE !important
}
#usercp::after {
color: #fff
}
#details-outer #details-inner > section.accordion, #details-outer #details-inner > header.accordion {
background-color: rgba(255,255,255,0.5);
}
ul.post-panel > li {
border: 1px solid blue;
background-color: white;
}
ul.post-panel > li::before {
color: blue;
}
#start > div > nav > ul > li {
background-color: rgba(50,128,178,0.8);
border-color: rgba(50,128,178,0.8);
}
#details-right {
background-color: rgba(255,255,255,0);
}
#details-right {
background-color: rgba(255,255,255,0);
}
#details-subsB {
background-color: rgba(26,113,175,1) !important;
}
#details-subsB > li {
background-color: rgba(26,113,175,1) !important;
}
#details-subsB > .empty {
background-color: rgba(255,255,255,0) !important;
}
Kommentare (1)
.covers > li > a .header{
opacity: 0;
.covers > li > a .header:hover {
opacity: 1;
Die Klasse Titel gibt‘s nicht mehr da bzw. sie müsste jetzt Header heißen (ich bin mir nicht mehr sicher was Titel vorher alles umfasst hat).
.covers > li > a > .gradient > .details > .title {
opacity: 0;
.covers > li > a > .gradient > .details > .title {
opacity: 1;
oder
.covers > li > a > .gradient {
opacity: 0;
}
#2
#details-right {
background-color: transparent;
}