aniSearchler
#46Erstmal Danke an xShadowLight für seinen Code der mir ziemlich geholfen hat!
Und jetzt, Yuuuuuhhhuuuuu ... nach 3 Wochen hartem Kampf habe es auch ich als totaler CSS nichts Könner geschafft etwas was mir gefällt herzuzaubern.
3 Wochen, weil ich eins bereits fertig hatte es mir aber nicht gefallen hat, also habe ich die letzten 2 Tage an diesem gearbeitet, ging diesmal schneller nachdem ich mir beim ersten die Haare vom Kopf gekratzt habe.
Auserdem habe ich wie Nicoletta geguckt was sich verändert Hat ziemlich Zeit gekostet.
Texte sowie Links sind beide schwarz was natürlich Blödsinn ist wird auch noch gepatcht!
Profilseite mit geöffnetem Navigationsfenster.
- Header wird evtl. zu 50/50 ersetzt.
Wer es selbst machen möchte muss unter 9 einfach den Link zum Bild in die Klammer setzen.
- Das UserCP (wie es xShadowLight nannte) neben dem kleinen Profilbild sieht man so ziemlich gar nicht, mich persönlich juckt es auch eig. gar nicht, kann man aber patchen ... hoffe ich.
Startseite.
- "Alle Anzeigen" Buttons werden evtl. noch verdunkelt.
Forumseite mit geöffnetem Profilunterfenster.
- Gelesene Threads werden mittelstark Transparent, mir persönlich gefällt das sehr ... Man wird mit einem tollen Hintergrundbild belohnt wenn man mehrere Threads besucht.
Footer
- Footer wird evtl. zu 50/50 ersetzt.
Wer es selbst machen möchte muss unter 221 einfach den Link zum Bild in die Klammer setzen.
- Hier sieht man das manche Texte (Zwischen Footer und Ansicht für diese ...) an wenigen dunklen stellen nicht leicht zu lesen sind, aber mit etwas Kraft und Scrollen an eine weiße stelle patcht es auch wieder.
Beiträge mit geöffnetem Spoiler und Kommentar.
- Der weiße Hintergrund der Beiträge ist auch etwas Transparent, was aber bei schwarzem Text bzw. nicht hellen Farben keinesfalls die Lesbarkeit einschränkt.
Wer den Hintergrund wechseln möchte muss unter 17 einfach den Link zum Bild in die Klammer setzen.
- Signaturen sind nur sehr leicht schwerer zu erkennen, mit 2 gesunden Augen geht das.
- Spoiler sind auch Transparent, verhalten sich aber genauso wie bei weißem Hintergrund.
Mensch dieses Transparent Blödsinn ist geil!
Indexseite mit geöffnetem Suchfilter und das Ding drunter.
- Tab, Suchfilter und das Ding unter dem Suchfilter sind in der gleichen Farbe, sollte aber nicht groß bei der Hand-Augen Koordination das anzuklicken was man braucht stören.
- Bei dem Ding passt mir noch etwas nicht, das ist auf dem Bild nicht sichtbar und zwar der Hover wenn man mit der Maus drüber fährt und es seine Farbe ändert, es wird noch gepatcht bzw. verschönert.
- Index liste ist in 2er Schritten Transparent, Matt. <- Wollte es ändern aber bin nun der Meinung das es super aussieht.
- Hinweistexte sind hellrot mit dunkelroten Rand umrandet, nicht wundern.
Topliste.
- Hellblau/Türkis wie auch immer = nicht bewertet, dunkelblau = bewertet.
- Hier sieht man es besser an "Seite ... von ..." neben der Seitenanzahl das es an dunklen Stellen schwer lesbar ist, hier müsste man schon die Farbe ändern, weil durch Scrollen kommt es von dort nicht weg, naja mir passt es ... Kann man evtl. patchen.
Animeseite bzw. Bewertung
- "Letzte Änderung ..." ziemlich schwer sichtbar, mit ändern der Farbe vom Header ist es gefixt.
Man kann die Farbe unter 362 ändern.
HELP: Rechts in der 3ten Box unter Bewertungen befinden sich die Bewertungssäulen. Ich bekomme den Hover nicht verändert, sobald ich mit der Maus auf einen der Säulen draufgehe wird der Rand Rot, würde es gerne ändern nur Check ich es nicht. Vielleicht weiß jemand wie es zu patchen ist und kann mir per PN helfen.
Das Design ist eig. soweit fertig habe alles abgearbeitet, bestimmt kann man hier und da noch etwas fein machen oder selbst noch etwas umändern was nicht im Code von xShadowLight dabei war aber sonst sieht es (für mich) toll aus und ich denke das wichtigste ist erledigt .
Ich versuche dieses Design auch an der Sicherheit durchzubringen (Auch wenn ich bezweifle das es reinkommt wegen der Transparanz) wenn wirklich alles Super aussieht und ich es auch hinbekomme, ansonsten könnt ihr den Code hier finden:
#logo{ /*aniSearch Logo*/
background-image: url(http://cdn.anisearch.de/images/member/upload/44/44146/images/aSLogo.png); /*URL für Hintergrundbild*/
}
#topnav>li:first-child>a { /*Username Hintergrund*/
background-color: rgba(3, 200, 252, 0.5);
}
#header:before{ /*Header*/
background-color: rgb(255, 255, 255);
background-image: url(); /*URL für Hintergrundbild*/
opacity: 1;
}
#header{ /*Abschlusstrich des Headers*/
border-bottom: 2px solid #071453;
}
#content { /*Seitenhintergrund*/
background-color: rgb(255, 255, 255);
background-image: url(); /*URL für Hintergrundbild*/
background-attachment: fixed;
}
a { /*Globale Linkfarbe*/
color: rgb(0, 0, 0);
}
#avatar.hover { /*Avatar Hover*/
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
background-color: #ffffff;
}
#avatar .menuitem { /*Avatar Unterfenster*/
background-color: rgb(3, 200, 252)!important;
outline: 2px solid rgb(7, 20, 83)!important;
}
#avatar .menuitem>li:hover { /*Avatar Unterfenster ausgewählte Menüpunkte*/
background-color: #009bc1;
}
#avatar .logout { /*Logout*/
background-color: rgb(0, 155, 193,);
}
#usercp.hover { /*UserCP Hover (9x9 Kasten neben Avatar)*/
background-color: #03c8fc;
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
}
#usercp.hover .menuitem { /*UserCP Unterfenster*/
background-color: #03c8fc;
outline: 2px solid #071453;
}
#usercp .menuitem>li:hover { /*UserCP Unterfenster ausgewählte Menüpunkte*/
background-color: #009bc1;
}
.menuitem>li span { /*Menüpunkte Avatar+UserCP Textfarbe*/
color: #000000;
}
#mainnav{ /*Navigationsleiste*/
background-color: rgba(3, 200, 252, 0.5);
}
#mainnav .menu>li.active { /*Navigationsleiste aktiv*/
background-color: rgba(3, 200, 252, 0.5);
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
}
#mainnav .menu>li.hover { /*Navigationleiste Ausgewählt*/
background-color: rgba(3, 200, 252, 0.5);
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
}
#mainnav .menu>li.hover .menuitem { /*Navigationsleiste Unterfenster*/
background-color: rgba(3, 200, 252, 0.75);
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
}
#mainnav .menu>li .menuitem>li:hover { /*Navigationsleiste Unterfenster ausgewählte Menüpunkte */
background-color: rgb(0, 155, 193);
}
#mainnav .menu>li .menuitem>li:hover span { /*Navigationsleiste Unterfenster ausgewählte Menüpunkte Textfarbe*/
color: #000000;
}
#searchbox { /*Suchleiste*/
background-color: rgb(3, 200, 252);
border-bottom: 2px solid #071453;
}
#searchbox #searchbar { /*Suchfeld*/
border: 2px solid #071453;
}
#searchbox #searchbar>li:last-child:before { /*Pfeile im Suchfeld (Suchen)*/
color: #0066f9;
}
#start { /*Profildaten Box ... Boxen unter Navi-leiste im Thread*/
border: 1px solid #071453;
background-color: rgba(255, 255, 255, 0.75);
}
#start #details-subs, #start #details-subsB { /*Tabs*/
background-color: #03c8fc;
}
#start #details-subs>li>a, #start #details-subsB>li>a { /*Tabs Rand*/
border: none;
}
#details-outer #details-inner>section>h2 { /*Überschriftenleiste*/
background-color: #03c8fc; /*Hintergrund*/
border-top: 3px solid #071453; /*Obere Linie*/
color: #ffffff; /*Schriftfarbe*/
}
#details-outer #details-inner>section.empty>h2 { /*Überschriftenleiste leer*/
color: rgb(3, 200, 252);
}
#details-outer #details-inner>section>h2>a { /*Überschriftenleiste Links*/
color: #ffffff;
}
#details-outer #details-inner>section.accordion>h2:after { /*Überschriftenleiste +/- ... Minimieren*/
background-color: #071453;
}
#details-right>section>h2{ /*Profil "Über mich"Boxen/Thread rechts bzw. links Überschriften*/
background-color: #03c8fc;
}
#details-right>section { /*Profil "Über mich"Boxen/Thread rechts bzw. links*/
background-color: rgba(255, 255, 255, 0.75);
border: 1px solid #071453;
}
.pagenav>a { /*Forum Seitenanzeige*/
border: 1px solid #071453;
background-color: #4c9ddb;
}
.pagenav>.pagenav-current { /*Seitenanzeige aktiv*/
background-color: #071453;
border-color: #4c9ddb;
}
.pagenav>a:hover { /*Seitenanzeige ausgewählt*/
background-color: #071453;
border-color: #4c9ddb;
}
#newthread { /*Thema erstellen Button*/
background-color: #4c9ddb;
}
#newthread:hover { /*Thema erstellen Button ausgewählt*/
background: #071453;
}
.sbuttonA, .sbuttonB { /*"Alle Anzeigen" Buttons*/
background-color: #4c9ddb;
}
.sbuttonA:hover, .sbuttonB:hover { /*"Alle Anzeigen" Buttons ausgewählt*/
background-color: #071453;
border-color: #000000;
}
article.comment>header>div.cpanel>span:before { /*Forum Kommentarpfeil*/
background-color: #03c8fc;
}
article.comment>header>div.cpanel>ul { /*Forum Kommentarfenster*/
background-color: #03c8fc;
}
article.comment>header>div.cpanel>ul>li:hover { /*Forum Kommentarfenster ausgewählt*/
background-color: #009bc1;
}
responsive-table thead th { /*Index Listenansicht*/
background-color: #ff0000;
border: 1px solid #071453;
}
.responsive-table tbody tr { /*Index Rahmen*/
border: 1px solid #071453;
}
.pbutton { /*Erweiterte Suche (Suchfilter Button)*/
background-color: #03c8fc;
}
.tabs { /*Erweiterte Suche Unterfensterleiste*/
background-color: #03c8fc;
}
.pbutton-container { /*Erweiterte Suche Unterfenster Rahmen*/
border: 1px solid #071453;
}
#tabs-content-filters { /*Erweiterte Suche Hintergrundfarbe Suchbox (Text in "Suche nach..." eingeben -> Box erscheint*/
background-color: #03c8fc;
}
#filters-items>li { /*Erweiterte Suche Aktive Filter*/
background-color: #0066f9;
}
.ui-widget-content { /*Erweiterte Suche Suchergebnisse*/
border: 1px solid #071453;
}
.tabs>li { /*Tabs*/
border: none;
}
article.comment { /*Forum Beiträge Box Hintergrund*/
background-color: rgba(255, 255, 255, 0.75)!important;
border: 1px solid #071453!important;
}
#forumCategories>li a { /*Forum Kategorien Übersicht Hintergrund*/
background-color: #ffffff;
}
#forumCategories>li a.bold { /*Forum Kategorien aktiv*/
background-color: #71b7ee;
}
article.comment>div.comments>h3 { /*Forum Kommentarleiste*/
background-color: #03c8fc;
border: 1px solid #071453;
}
article.comment>div.comments { /*Forum Kommentare Rahmen*/
border: 1px solid #071453;
}
article.comment>ul.badges>li>a { /*Forum Smileys (Vergebene Smileys)*/
background-color: #03c8fc !important;
}
#forumindex>li{ /*Forum Threads 1*/
background-color: #009bc1;
}
#forumindex>li:nth-child(odd) { /*Forum Threads 2*/
background-color: rgb(3, 200, 252)!important;
}
#forumindex>li.readed { /*Forum Threads gelesen*/
background-color: rgb(3, 200, 252)!important;
opacity: 0.4;
}
#itemSubscriptionBox { /*Forum abonnieren (Stecknadel Zeichen)*/
background-color: #ffffff;
color: #000000; /*Schriftfarbe*/
}
#itemSubscriptionBox>ul>li:hover { /*Forum abonnieren ausgewählt*/
background-color: #009bc1;
}
#itemSubscriptionBox>ul>li>div { /*Forum abonnieren Striche Links*/
border-left: 3px solid #03c8fc;
}
article.comment>h2:first-of-type { /*PN Überschrift*/
background-color: rgb(255, 255, 255);
}
#footer { /*Footer + Abschlussstrich*/
border-top: 2px solid #071453;
background-color: #ffffff;
background-image: url(); /*URL für Hintergrundbild*/
}
#footer h4 { /*Footer Überschriften zur Links*/
border-bottom: 0.3px solid #000000;
color: #000000;
}
#footer a { /*Footer Links*/
color: #03c8fc;
}
.responsive-table thead th { /*Indexleiste (Titel, Veröffentlichung etc.)*/
background-color: #03c8fc;
border: 1px solid #071453;
}
#sidenav-main { /*Mobil Menü*/
background-color: #ff0000;
}
#sidenav-main>.menu>li .menuitem>li:hover { /*Mobil Menü Hover*/
background-color: #ff0000;
}
#page-action>li { /*Profilbuttons (Profilseite: Kontaktieren + Einstellungen unter Profilbild ... Anime: Bewerten Favorisieren etc.*/
border: 1px solid #071453;
color: #071453; /*Schriftfarbe*/
}
#page-action>li:hover { /*Profilbuttons ausgewählt*/
background-color: #03c8fc;
}
#page-action>li:before { /*Profilbuttons Symbole*/
color: #071453;
}
#table-menu>li.hover { /*Suchansicht aktiv (Unter Erweiterte Suche)*/
border-color: #071453;
background-color: #009bc1;
}
#table-menu>li { /*Suchansicht inaktiv*/
background-color: rgb(3, 200, 252);
color: #ffffff; /*Schriftfarbe*/
}
#table-menu-content>div { /*Suchansicht Unterfenster Hintergrundfarbe*/
background-color: #009bc1;
}
#indexABC>li.active { /*Suchansicht Unterfenster "Beginnt mit" aktiv*/
background-color: #009bc1;
}
#indexABC>li { /*Suchansicht Unterfenster "Beginnt mit" inaktiv*/
background-color: #071453;
}
#indexABC>li:hover { /*Suchansicht Unterfenster "Beginnt mit" ausgewählt*/
background-color: #03c8fc;
}
.f10g { /*Suchansicht "Covers" kleiner Text (Listenansicht + Elemente pro Seite)*/
font-size: 12px;
color: #ff0000;
}
.msgBox>div.notice { /*Suchansicht Hinweisbox*/
border: 1px solid #961616;
background-color: #db5555;
}
.btype0 { /* Index Anime Covers ... Anime -> Toplist (Nicht Bewertet)*/
background-color: #03c8fc !important;
}
.btype2 { /*Index Anime Covers ... Anime -> Toplist (Bewertet)*/
background-color: #071453 !important;
}
.covers>li>a .title>div { /*Index Covers Links bzw. Firmennamen*/
color: #03c8fc;
}
.gallery>li>a .title>div { /*Index Galerie Links*/
color: #ff0000;
}
.inputBox-Header { /*Eintragen/Editieren Boxen*/
background: #03c8fc;
border: 1px solid #071453;
}
.inputBox-Header>.inputBox-List { /*Eintragen Boxen Highlight*/
background: #03c8fc;
}
#toTop { /*To top Button (Erscheint beim runter Scrollen unten rechts)*/
background: url("http://puu.sh/mpAEo/39ab457ecb.png") no-repeat left top;
}
#toTopHover { /*To top Button ausgewählt*/
background: url("http://puu.sh/mpAEo/39ab457ecb.png") no-repeat left -42px;
}
.icheckbox, .iradio { /*Checkboxen + Radiobuttons*/
background: url("images/member/upload/44/44146/images/Zeichen2.png") no-repeat;
}
.covers>li>a .title {
background: linear-gradient(to bottom, rgba(102,102,102,0) 0%, #000000 100%);
}
#ratingBox>div #ratingSettings tr>td #eplus { /*Bewerten "+" Button*/
border: 1px solid #071453;
background-color: #03c8fc;
}
#ratingBox>div #ratingSettings tr>td #eplus:hover { /*Bewerten "+" Button ausgewählt*/
background-color: #009bc1;
border-color: #071453;
}
#ratingBox>div #ratingSettings tr>td #maxEpisodes { /*Bewerten Max-Button*/
border: 1px solid #071453;
background-color: #03c8fc;
}
#ratingBox>div #ratingSettings tr>td #maxEpisodes:hover { /*Bewerten Max-Button ausgewählt*/
background-color: #009bc1;
border-color: #071453;
}
#ratingBox>div #ratingSettings tr>td:last-child>.setDateToday { /*Bewerten "Heute" Text*/
color: rgb(0, 155, 193);
}
#ratingBox>div>footer #ratingMode { /*Bewerten "einfache Anzeige" Text*/
color: rgb(0, 155, 193);
}
#cstar-rating>div { /*Bewerten Sterne*/
color: #03c8fc;
}
.ui-slider { /*Bewerten Slider Rahmen*/
border: 1px solid #071453;
}
.ui-slider .ui-slider-handle { /*Bewerten Slider*/
border: 2px solid #071453;
background-color: #03c8fc;
}
#pollFrame { /*Forum Umfragen*/
background: #ffffff;
border: 1px solid #071453;
}
@media (min-width: 900px){ /*PNs Titel*/
.responsive-table tbody th[scope="row"]>a {
color: #000000;
}
}
.covers>li {
background-color: #03c8fc;
}
.ui-tooltip { /*Anime -> Index ... Bildvorschau Hintergrund*/
background-color: #03c8fc;
border: 1px solid #071453;
}
#ratingBox>div { /*Bewertungsfenster Rahmen*/
border: 2px solid #071453;
}
#ratingBox>div>header { /*Bewertungsfenster Header*/
background-color: #03c8fc;
}
.spoiler { /*Spoilerleiste Button*/
border: 1px solid #071453;
background: rgba(3, 200, 252, 0.5);
}
.spoiler:hover { /*Spoilerleiste ausgewählt*/
background-color: rgba(3, 200, 252, 0.5);
}
.silver { /*Profildaten "Informationen" (Rechts/Links 2te Box) Schriftfarbe von "Status, Rang, Keksdose"*/
color: #000000;
}
.grey { /*Profildaten Rang Schriftfarbe (Oben Links neben kleinen Profilbild*/
color: #000000;
}
.f10g { /*Profildaten "Übersicht" (Rechts/Links 4te Box) Schriftfarbe von "Lieblingsgenres"*/
font-size: 14px;
color: #000000;
}
article.comment>header time:before { /*Beiträge Linkzeichen zwischen Bild und Datum*/
color: #071453;
}
.responsive-table tbody th[scope="row"] { /*In Animeliste und Index "Titel" Hintergrund etc.*/
background-color: rgba(255, 255, 255, 0.75);
}
.responsive-table tbody td { /*In Animeliste und Index "Veröffentlichung - Punkte" Hintergrund etc.*/
border-bottom: 1px solid #071453;
background-color: rgba(255, 255, 255, 0.75);
}
.rtype2 { /*In Animeliste, Schriftfarbe von Animetiteln*/
color: #009bc1 !important;
}
div.quick { /*In Animeliste "+" Zeichen" für Bewertung Editieren*/
color: #03c8fc;
}
li.ftype1 { /*Favoriten Char. etc. Rahmen*/
outline: 0px solid #ffffff !important;
}
#ratings ul#rating-stats>li { /*Bewertungen 1-4 Balken Hintergrund*/
background: #ffffff;
border: 1px solid #000000;
}
#ratings ul#rating-stats>li.max { /*Bewertungen 5. Voller Balken Rahmen*/
border: 1px solid #000000;
}
#ratings ul#rating-stats>li>a>div { /*Bewertungen Vordergrundfarbe*/
background: #03c8fc;
}
#ratings ul#rating-stats>li #toStar { /*Sterne über Balken Bewertungen Rechts*/
color: #071453;
}
#ratings ul#rating-stats>li #fromStar { /*Sterne über Balken Bewertungen Links*/
color: #071453;
}
article.comment>footer>ul.crating { /*Kommentare Bewerten Symbole*/
color: #03c8fc;
}
.afake { /*Mehr bzw. zuklappen (Kommentare)*/
color: #03c8fc;
}
background-image: url(http://cdn.anisearch.de/images/member/upload/44/44146/images/aSLogo.png); /*URL für Hintergrundbild*/
}
#topnav>li:first-child>a { /*Username Hintergrund*/
background-color: rgba(3, 200, 252, 0.5);
}
#header:before{ /*Header*/
background-color: rgb(255, 255, 255);
background-image: url(); /*URL für Hintergrundbild*/
opacity: 1;
}
#header{ /*Abschlusstrich des Headers*/
border-bottom: 2px solid #071453;
}
#content { /*Seitenhintergrund*/
background-color: rgb(255, 255, 255);
background-image: url(); /*URL für Hintergrundbild*/
background-attachment: fixed;
}
a { /*Globale Linkfarbe*/
color: rgb(0, 0, 0);
}
#avatar.hover { /*Avatar Hover*/
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
background-color: #ffffff;
}
#avatar .menuitem { /*Avatar Unterfenster*/
background-color: rgb(3, 200, 252)!important;
outline: 2px solid rgb(7, 20, 83)!important;
}
#avatar .menuitem>li:hover { /*Avatar Unterfenster ausgewählte Menüpunkte*/
background-color: #009bc1;
}
#avatar .logout { /*Logout*/
background-color: rgb(0, 155, 193,);
}
#usercp.hover { /*UserCP Hover (9x9 Kasten neben Avatar)*/
background-color: #03c8fc;
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
}
#usercp.hover .menuitem { /*UserCP Unterfenster*/
background-color: #03c8fc;
outline: 2px solid #071453;
}
#usercp .menuitem>li:hover { /*UserCP Unterfenster ausgewählte Menüpunkte*/
background-color: #009bc1;
}
.menuitem>li span { /*Menüpunkte Avatar+UserCP Textfarbe*/
color: #000000;
}
#mainnav{ /*Navigationsleiste*/
background-color: rgba(3, 200, 252, 0.5);
}
#mainnav .menu>li.active { /*Navigationsleiste aktiv*/
background-color: rgba(3, 200, 252, 0.5);
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
}
#mainnav .menu>li.hover { /*Navigationleiste Ausgewählt*/
background-color: rgba(3, 200, 252, 0.5);
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
}
#mainnav .menu>li.hover .menuitem { /*Navigationsleiste Unterfenster*/
background-color: rgba(3, 200, 252, 0.75);
box-shadow: -1px -1px 0px 0px #071453,1px -1px 0px 0px #071453,1px 1px 0px 0px #071453,-1px 1px 0px 0px #071453;
}
#mainnav .menu>li .menuitem>li:hover { /*Navigationsleiste Unterfenster ausgewählte Menüpunkte */
background-color: rgb(0, 155, 193);
}
#mainnav .menu>li .menuitem>li:hover span { /*Navigationsleiste Unterfenster ausgewählte Menüpunkte Textfarbe*/
color: #000000;
}
#searchbox { /*Suchleiste*/
background-color: rgb(3, 200, 252);
border-bottom: 2px solid #071453;
}
#searchbox #searchbar { /*Suchfeld*/
border: 2px solid #071453;
}
#searchbox #searchbar>li:last-child:before { /*Pfeile im Suchfeld (Suchen)*/
color: #0066f9;
}
#start { /*Profildaten Box ... Boxen unter Navi-leiste im Thread*/
border: 1px solid #071453;
background-color: rgba(255, 255, 255, 0.75);
}
#start #details-subs, #start #details-subsB { /*Tabs*/
background-color: #03c8fc;
}
#start #details-subs>li>a, #start #details-subsB>li>a { /*Tabs Rand*/
border: none;
}
#details-outer #details-inner>section>h2 { /*Überschriftenleiste*/
background-color: #03c8fc; /*Hintergrund*/
border-top: 3px solid #071453; /*Obere Linie*/
color: #ffffff; /*Schriftfarbe*/
}
#details-outer #details-inner>section.empty>h2 { /*Überschriftenleiste leer*/
color: rgb(3, 200, 252);
}
#details-outer #details-inner>section>h2>a { /*Überschriftenleiste Links*/
color: #ffffff;
}
#details-outer #details-inner>section.accordion>h2:after { /*Überschriftenleiste +/- ... Minimieren*/
background-color: #071453;
}
#details-right>section>h2{ /*Profil "Über mich"Boxen/Thread rechts bzw. links Überschriften*/
background-color: #03c8fc;
}
#details-right>section { /*Profil "Über mich"Boxen/Thread rechts bzw. links*/
background-color: rgba(255, 255, 255, 0.75);
border: 1px solid #071453;
}
.pagenav>a { /*Forum Seitenanzeige*/
border: 1px solid #071453;
background-color: #4c9ddb;
}
.pagenav>.pagenav-current { /*Seitenanzeige aktiv*/
background-color: #071453;
border-color: #4c9ddb;
}
.pagenav>a:hover { /*Seitenanzeige ausgewählt*/
background-color: #071453;
border-color: #4c9ddb;
}
#newthread { /*Thema erstellen Button*/
background-color: #4c9ddb;
}
#newthread:hover { /*Thema erstellen Button ausgewählt*/
background: #071453;
}
.sbuttonA, .sbuttonB { /*"Alle Anzeigen" Buttons*/
background-color: #4c9ddb;
}
.sbuttonA:hover, .sbuttonB:hover { /*"Alle Anzeigen" Buttons ausgewählt*/
background-color: #071453;
border-color: #000000;
}
article.comment>header>div.cpanel>span:before { /*Forum Kommentarpfeil*/
background-color: #03c8fc;
}
article.comment>header>div.cpanel>ul { /*Forum Kommentarfenster*/
background-color: #03c8fc;
}
article.comment>header>div.cpanel>ul>li:hover { /*Forum Kommentarfenster ausgewählt*/
background-color: #009bc1;
}
responsive-table thead th { /*Index Listenansicht*/
background-color: #ff0000;
border: 1px solid #071453;
}
.responsive-table tbody tr { /*Index Rahmen*/
border: 1px solid #071453;
}
.pbutton { /*Erweiterte Suche (Suchfilter Button)*/
background-color: #03c8fc;
}
.tabs { /*Erweiterte Suche Unterfensterleiste*/
background-color: #03c8fc;
}
.pbutton-container { /*Erweiterte Suche Unterfenster Rahmen*/
border: 1px solid #071453;
}
#tabs-content-filters { /*Erweiterte Suche Hintergrundfarbe Suchbox (Text in "Suche nach..." eingeben -> Box erscheint*/
background-color: #03c8fc;
}
#filters-items>li { /*Erweiterte Suche Aktive Filter*/
background-color: #0066f9;
}
.ui-widget-content { /*Erweiterte Suche Suchergebnisse*/
border: 1px solid #071453;
}
.tabs>li { /*Tabs*/
border: none;
}
article.comment { /*Forum Beiträge Box Hintergrund*/
background-color: rgba(255, 255, 255, 0.75)!important;
border: 1px solid #071453!important;
}
#forumCategories>li a { /*Forum Kategorien Übersicht Hintergrund*/
background-color: #ffffff;
}
#forumCategories>li a.bold { /*Forum Kategorien aktiv*/
background-color: #71b7ee;
}
article.comment>div.comments>h3 { /*Forum Kommentarleiste*/
background-color: #03c8fc;
border: 1px solid #071453;
}
article.comment>div.comments { /*Forum Kommentare Rahmen*/
border: 1px solid #071453;
}
article.comment>ul.badges>li>a { /*Forum Smileys (Vergebene Smileys)*/
background-color: #03c8fc !important;
}
#forumindex>li{ /*Forum Threads 1*/
background-color: #009bc1;
}
#forumindex>li:nth-child(odd) { /*Forum Threads 2*/
background-color: rgb(3, 200, 252)!important;
}
#forumindex>li.readed { /*Forum Threads gelesen*/
background-color: rgb(3, 200, 252)!important;
opacity: 0.4;
}
#itemSubscriptionBox { /*Forum abonnieren (Stecknadel Zeichen)*/
background-color: #ffffff;
color: #000000; /*Schriftfarbe*/
}
#itemSubscriptionBox>ul>li:hover { /*Forum abonnieren ausgewählt*/
background-color: #009bc1;
}
#itemSubscriptionBox>ul>li>div { /*Forum abonnieren Striche Links*/
border-left: 3px solid #03c8fc;
}
article.comment>h2:first-of-type { /*PN Überschrift*/
background-color: rgb(255, 255, 255);
}
#footer { /*Footer + Abschlussstrich*/
border-top: 2px solid #071453;
background-color: #ffffff;
background-image: url(); /*URL für Hintergrundbild*/
}
#footer h4 { /*Footer Überschriften zur Links*/
border-bottom: 0.3px solid #000000;
color: #000000;
}
#footer a { /*Footer Links*/
color: #03c8fc;
}
.responsive-table thead th { /*Indexleiste (Titel, Veröffentlichung etc.)*/
background-color: #03c8fc;
border: 1px solid #071453;
}
#sidenav-main { /*Mobil Menü*/
background-color: #ff0000;
}
#sidenav-main>.menu>li .menuitem>li:hover { /*Mobil Menü Hover*/
background-color: #ff0000;
}
#page-action>li { /*Profilbuttons (Profilseite: Kontaktieren + Einstellungen unter Profilbild ... Anime: Bewerten Favorisieren etc.*/
border: 1px solid #071453;
color: #071453; /*Schriftfarbe*/
}
#page-action>li:hover { /*Profilbuttons ausgewählt*/
background-color: #03c8fc;
}
#page-action>li:before { /*Profilbuttons Symbole*/
color: #071453;
}
#table-menu>li.hover { /*Suchansicht aktiv (Unter Erweiterte Suche)*/
border-color: #071453;
background-color: #009bc1;
}
#table-menu>li { /*Suchansicht inaktiv*/
background-color: rgb(3, 200, 252);
color: #ffffff; /*Schriftfarbe*/
}
#table-menu-content>div { /*Suchansicht Unterfenster Hintergrundfarbe*/
background-color: #009bc1;
}
#indexABC>li.active { /*Suchansicht Unterfenster "Beginnt mit" aktiv*/
background-color: #009bc1;
}
#indexABC>li { /*Suchansicht Unterfenster "Beginnt mit" inaktiv*/
background-color: #071453;
}
#indexABC>li:hover { /*Suchansicht Unterfenster "Beginnt mit" ausgewählt*/
background-color: #03c8fc;
}
.f10g { /*Suchansicht "Covers" kleiner Text (Listenansicht + Elemente pro Seite)*/
font-size: 12px;
color: #ff0000;
}
.msgBox>div.notice { /*Suchansicht Hinweisbox*/
border: 1px solid #961616;
background-color: #db5555;
}
.btype0 { /* Index Anime Covers ... Anime -> Toplist (Nicht Bewertet)*/
background-color: #03c8fc !important;
}
.btype2 { /*Index Anime Covers ... Anime -> Toplist (Bewertet)*/
background-color: #071453 !important;
}
.covers>li>a .title>div { /*Index Covers Links bzw. Firmennamen*/
color: #03c8fc;
}
.gallery>li>a .title>div { /*Index Galerie Links*/
color: #ff0000;
}
.inputBox-Header { /*Eintragen/Editieren Boxen*/
background: #03c8fc;
border: 1px solid #071453;
}
.inputBox-Header>.inputBox-List { /*Eintragen Boxen Highlight*/
background: #03c8fc;
}
#toTop { /*To top Button (Erscheint beim runter Scrollen unten rechts)*/
background: url("http://puu.sh/mpAEo/39ab457ecb.png") no-repeat left top;
}
#toTopHover { /*To top Button ausgewählt*/
background: url("http://puu.sh/mpAEo/39ab457ecb.png") no-repeat left -42px;
}
.icheckbox, .iradio { /*Checkboxen + Radiobuttons*/
background: url("images/member/upload/44/44146/images/Zeichen2.png") no-repeat;
}
.covers>li>a .title {
background: linear-gradient(to bottom, rgba(102,102,102,0) 0%, #000000 100%);
}
#ratingBox>div #ratingSettings tr>td #eplus { /*Bewerten "+" Button*/
border: 1px solid #071453;
background-color: #03c8fc;
}
#ratingBox>div #ratingSettings tr>td #eplus:hover { /*Bewerten "+" Button ausgewählt*/
background-color: #009bc1;
border-color: #071453;
}
#ratingBox>div #ratingSettings tr>td #maxEpisodes { /*Bewerten Max-Button*/
border: 1px solid #071453;
background-color: #03c8fc;
}
#ratingBox>div #ratingSettings tr>td #maxEpisodes:hover { /*Bewerten Max-Button ausgewählt*/
background-color: #009bc1;
border-color: #071453;
}
#ratingBox>div #ratingSettings tr>td:last-child>.setDateToday { /*Bewerten "Heute" Text*/
color: rgb(0, 155, 193);
}
#ratingBox>div>footer #ratingMode { /*Bewerten "einfache Anzeige" Text*/
color: rgb(0, 155, 193);
}
#cstar-rating>div { /*Bewerten Sterne*/
color: #03c8fc;
}
.ui-slider { /*Bewerten Slider Rahmen*/
border: 1px solid #071453;
}
.ui-slider .ui-slider-handle { /*Bewerten Slider*/
border: 2px solid #071453;
background-color: #03c8fc;
}
#pollFrame { /*Forum Umfragen*/
background: #ffffff;
border: 1px solid #071453;
}
@media (min-width: 900px){ /*PNs Titel*/
.responsive-table tbody th[scope="row"]>a {
color: #000000;
}
}
.covers>li {
background-color: #03c8fc;
}
.ui-tooltip { /*Anime -> Index ... Bildvorschau Hintergrund*/
background-color: #03c8fc;
border: 1px solid #071453;
}
#ratingBox>div { /*Bewertungsfenster Rahmen*/
border: 2px solid #071453;
}
#ratingBox>div>header { /*Bewertungsfenster Header*/
background-color: #03c8fc;
}
.spoiler { /*Spoilerleiste Button*/
border: 1px solid #071453;
background: rgba(3, 200, 252, 0.5);
}
.spoiler:hover { /*Spoilerleiste ausgewählt*/
background-color: rgba(3, 200, 252, 0.5);
}
.silver { /*Profildaten "Informationen" (Rechts/Links 2te Box) Schriftfarbe von "Status, Rang, Keksdose"*/
color: #000000;
}
.grey { /*Profildaten Rang Schriftfarbe (Oben Links neben kleinen Profilbild*/
color: #000000;
}
.f10g { /*Profildaten "Übersicht" (Rechts/Links 4te Box) Schriftfarbe von "Lieblingsgenres"*/
font-size: 14px;
color: #000000;
}
article.comment>header time:before { /*Beiträge Linkzeichen zwischen Bild und Datum*/
color: #071453;
}
.responsive-table tbody th[scope="row"] { /*In Animeliste und Index "Titel" Hintergrund etc.*/
background-color: rgba(255, 255, 255, 0.75);
}
.responsive-table tbody td { /*In Animeliste und Index "Veröffentlichung - Punkte" Hintergrund etc.*/
border-bottom: 1px solid #071453;
background-color: rgba(255, 255, 255, 0.75);
}
.rtype2 { /*In Animeliste, Schriftfarbe von Animetiteln*/
color: #009bc1 !important;
}
div.quick { /*In Animeliste "+" Zeichen" für Bewertung Editieren*/
color: #03c8fc;
}
li.ftype1 { /*Favoriten Char. etc. Rahmen*/
outline: 0px solid #ffffff !important;
}
#ratings ul#rating-stats>li { /*Bewertungen 1-4 Balken Hintergrund*/
background: #ffffff;
border: 1px solid #000000;
}
#ratings ul#rating-stats>li.max { /*Bewertungen 5. Voller Balken Rahmen*/
border: 1px solid #000000;
}
#ratings ul#rating-stats>li>a>div { /*Bewertungen Vordergrundfarbe*/
background: #03c8fc;
}
#ratings ul#rating-stats>li #toStar { /*Sterne über Balken Bewertungen Rechts*/
color: #071453;
}
#ratings ul#rating-stats>li #fromStar { /*Sterne über Balken Bewertungen Links*/
color: #071453;
}
article.comment>footer>ul.crating { /*Kommentare Bewerten Symbole*/
color: #03c8fc;
}
.afake { /*Mehr bzw. zuklappen (Kommentare)*/
color: #03c8fc;
}
So das war's Tschüß!
Comentario ha sido cambiado por último a las 30.07.2016 19:38.
Comentarios (2)