Allgemeine Fragen und Antworten zum persönlichen Seitenlayout und dem Einsatz von CSS + SASS

01. Jul 2017

Sö

Mein altes Layout is anscheinend fürn arsch xD

Punkt 1:

Muh .covers > li > a .title {
opacity: 0;

.covers > li > a .title:hover {
opacity: 1;

Funktioniert nicht mehr, geht das jetzt generell nicht mehr oder was?

Punkt 2:

Diese "Über mich", "Achivements" bla bla Kästen an der seite sind bei mir schief (gewollt), da hinten dran ist jetzt allerdings so n Kasten? WHY?!?!?!?!?!?!?!?!?!?!?

Miau #details-right .accordion {
transform: rotate(-2deg);
}

#details-right #about-me {
transform: rotate(2deg);
}

#details-right #oratings {
transform: rotate(2deg);
}

#details-right #gbook {
transform: rotate(2deg);
}

#details-right #clubs {
transform: rotate(2deg);
}

Kommentare (1)

Zeige alle Kommentare

PennV.I.P.

20. Sep 2017

Irgendwann wurde in diesem Unterforum mal ein Code für die Tooltips bei Genre, Covern in Listenansicht und der Buttons oben rechts auf Profil- und Animedetailseiten gepostet.

Leider finde ich den gerade nicht mehr. Könnte den nochmal jemand posten? Mir geht es primär darum, Rahmen- und Füllfarbe zu ändern.

Kommentare (2)

Zeige alle Kommentare

PennV.I.P.

20. Sep 2017

Nächste Frage:
Gibt es eine Möglichkeit, per CSS bei https://www.anisearch.de/usercp/imagelist in der Sidebar unter "Auslastung" den Balken farblich anzupassen?

Kommentare (1)

Zeige alle Kommentare

PennV.I.P.

21. Sep 2017

Und letzte Frage:
In der Forenübersicht kann man durch einen Klick auf das Pinnnadel-Symbol einen Thread abbonieren. Ich würde gerne die beiden Pinnnadel-Icons (für abboniert und nicht abboniert) austauschen, diese sind allerdings im html-Code hinterlegt, und der Abo-Modus wird offenbar auch über html geregelt. Gibt es da trotzdem eine Möglichkeit, per CSS die Icons auszutauschen?

Kommentare (2)

Zeige alle Kommentare

~Ake~

26. Jan 2018

Kann ich das aS Logo auch in #08122E machen? Wenn ja - wie?

@SkyFief q.q kannst du da iwie helfen?

Kommentare (7)

Zeige alle Kommentare

~Ake~

27. Jan 2018

wie kann ich davon die Farbe ändern o.o ...

Kommentare (3)

Zeige alle Kommentare

ICE-FrEsHnEsS

15. Feb 2018

Hallo,

kann man die gesamte Forenansicht irgendwie umstellen? Ich komm mit dieser Ansicht einfach nicht klar. Klassischer Aufbau&Struktur wie damals bei Anipodium liegen mir eindeutig besser.

Zum Beispiel die Navigationsleiste rechts, nur dort werden Unterforen angezeigt. Kann man sich diese Unterforen nicht klassisch in der Mitte anzeigen lassen?

Kommentare (3)

Zeige alle Kommentare

NatsukiMiwaV.I.P.

25. Mai 2018

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;
}

Akuma TenshiV.I.P.

25. Mai 2018

Würde mich auch interessieren.
Genauso der Code für die Leiste unter der Searchbar.

Danke und Grüße
AkumaTenshi

VendelAdmin

25. Mai 2018 – Themenstarter

@NatsukiMiwa
Wegen der DSGVO werden externe Bildquellen standardmäßig geblockt. Lade sie stattdessen in deinem Profil hoch und verlinke sie von dort und alles ist gut.

@Akuma Tenshi
Das kannst du sehr leicht und besser selbst rausfinden, indem du in deinem Browser einfach Rechtsklick auf das Element machst und "Element untersuchen" anklickst. Eventuell musst dann im Code noch bissle dich durchnavigieren. Das Element wird dann entsprechend auf der Seite markiert, damit du weiß wo du bist. Was du suchst ist vermutlich #searchbox { background-color: #green; }
Die Farbe musst dann deinem Geschmack anpassen. Im "Inspektor" den über den Rechtsklick aufmachen kannst, kannst btw auch Live Änderungen vornehmen. Auch Farben ausprobieren. Dazu einfach auf die Farbe rechts bei "Styles" klicken.

Akuma TenshiV.I.P.

25. Mai 2018

@Vendel
Danke im Prinzip weiß ich dass habe es nur nicht gefunden. ^^"
Wenn man die Grafiken für Hintergrund und Banner in Zukunft auf das Profil laden muss, würde ich mir wünschen, dass die Sperre von 1MB und 1920x1080px nach oben gesetzt wird, weil die Daten größer sind, um auch in Anderen Zoomstufen und Bildschirmen noch angemessen Aussehen zu lassen.
LG Akuma Tenshi

NatsukiMiwaV.I.P.

25. Mai 2018

das mit den bildern ist geklärt, aber das mit der farbe bleibt trotzdem bestehen xD vor allem bei den tabs von animeliste und community usw.

Mahou ShounenFreischalter

28. Mai 2018

Also ich würde auch gerne wieder das mein Profil korrekt angezeigt wird. Bei mir wird nicht einmal der Header angezeigt, obwohl der Code gleich ist wie vorher.

Quelle

#topnav>li:first-child>a { /*Username Hintergrund*/
background-color: rgba(20, 70, 120, 0.39);
}
#header:before{ /*Header*/
background-image: url("http://i.imgur.com/OVhcJu2.jpg");
opacity: 1;
}
#header{ /*Abschlusstrich des Headers*/
border-bottom: 2px solid #000000;
}
#content { /*Seitenhintergrund*/
background-color: rgb(255, 255, 255);
}
a { /*Globale Linkfarbe*/
color: rgb(000, 000, 000);
}
#avatar .menuitem { /*Avatar Hoverfenster*/
background-color: rgb(20, 70, 120)!important;
outline: 1px solid rgb(000, 000, 000)!important;
}
#avatar .menuitem>li:hover { /*Avatar Hoverfenster Menüpunkte Hover*/
background-color: rgb(40, 90, 140);
}
#avatar .logout { /*Logout*/
background-color: rgb(20, 70, 120);
}
#usercp.hover { /*UserCP Hover*/
background-color: rgb(40, 90, 140);
outline: 1px solid #000000;
}
#usercp.hover .menuitem { /*UserCP Hoverfenster*/
background-color: rgb(20, 70, 120);
outline: 1px solid #000000;
}
#usercp .menuitem>li:hover { /*UserCP Hoverfenster Menüpunkte Hover*/
background-color: rgb(40, 90, 140);
}
.menuitem>li span { /*Menüpunkte Schrift*/
color: #FFFFFF
}
#mainnav{ /*Navigationsleiste*/
background-color: rgba(20, 70, 120, 0.5);
}
#mainnav .menu>li.active { /*Navigationsleiste aktiv*/
background-color: rgba(40, 90, 140, 0.75);
}
#mainnav .menu>li.hover .menuitem { /*Navigationsleiste Hover*/
background-color: rgba(20, 70, 120, 0.99);
outline: 1px solid #000000;
}
#mainnav .menu>li .menuitem>li:hover { /*Navigationsleiste Hoverfenster Menüpunkte Hover*/
background-color: rgba(40, 90, 140, 0.99);
}
#mainnav .menu>li .menuitem>li:hover span { /*Navigationsleiste Hoverfenster Menüpunkte Hover Textfarbe*/
color: #000;
}
#searchbox { /*Suchleiste*/
background-color: rgba(20, 70, 120, 0.99);
border-bottom: 2px solid #000000;
}
#searchbox #searchbar { /*Suchfeld*/
border: 2px solid #000000;
}
#searchbox #searchbar>li:last-child:before { /*Die Pfeile da*/
color: #000000;
}
#start { /*Rand*/
border: 1px solid #000000;
}
#start #details-subs, #start #details-subsB { /*Tabs*/
background-color: rgb(40, 90, 140);
}
#start #details-subs>li>a, #start #details-subsB>li>a { /*Tabs Rand*/
border: none
}
#details-outer #details-inner>section>h2 { /*Überschriftenleiste*/
background-color: rgb(40, 90, 140);
border-top: 3px solid rgb(40, 90, 140);
color: #FFFFFF;
}
#details-outer #details-inner>section>h2>a { /*Überschriftenleiste Links*/
color: #FFF;
}
#details-outer #details-inner>section.accordion>h2:after {
background-color: rgb(40, 90, 140);
}
#details-right>section>h2{ /*Boxen rechts Überschrift*/
background-color: rgb(40, 90, 140)
}
#details-right>section { /*Boxen rechts*/
background-color: #FFFFFF;
border: 1px solid #000000;
}
article.comment>h2:first-of-type { /*PN Überschrift*/
background-color: rgb(40, 90, 140);
}
#footer { /*Footer Rand*/
border-top: 2px solid #000000;
background-color: rgba(20, 70, 120, 0.99);
}
#footer h4 { /*Footer Überschrift*/
border-bottom: 1px solid #000000;
color: #000000;
}
#footer a { /*Footer Links*/
color: #000000;
}
.responsive-table thead th { /*Warteliste Überschrift*/
background-color: rgb(40, 90, 140);
border-right: 1px solid #000;
border-top: none;
border-left: none;
border-bottom: none;
}
.responsive-table thead th:last-of-type {
border: none;
}
#page-action>li { /*Profilbuttons*/
border: 1px solid #000000;
color: #000000;
}
#page-action>li:hover { /*Profilbuttons Hover*/
background-color: rgb(000, 000, 000);
}
#page-action > li {
background-color: transparent;
}
.sbuttonA, .sbuttonB { /*Buttons*/
background-color: rgb(40, 90, 140);
}
.sbuttonA:hover, .sbuttonB:hover { /*Buttons Hover*/
background-color: rgb(20, 70, 120);
}
#logo {
background-image: url('http://i.imgur.com/skDtMiS.png') !important;
width: 200px !important;
}
#mainnav .menu>li.hover {
background-color: rgb(40, 90, 140);
}
#mainnav .menu > li.hover {
box-shadow: -1px -1px 0px 0px #000000,1px -1px 0px 0px #000000,1px 1px 0px 0px #000000,-1px 1px 0px 0px #000000;
}
#avatar.hover {
box-shadow: -1px -1px 0px 0px #000000,1px -1px 0px 0px #000000,1px 1px 0px 0px #000000,-1px 1px 0px 0px #000000;
}
.responsive-table tbody tr {
border: 1px solid #000000;
}
.responsive-table tbody td {
border-bottom: 1px solid #000000;
}
.responsive-table tbody tr:nth-child(even) {
background-color: transparent;
}
a.gc, li.gc {background-color: rgb(40, 90, 140) !important;
}
.tooltip-c {
background-color: #285a8c;
color: #FFF;
}
section#description{
background-color: rgba(255, 255, 255, 0.4);
border-left: solid 1px #000000;
border-bottom: solid 1px #000000;
border-right: solid 1px #000000;
}
#usercp:after {
color: rgb(255, 255, 255);
}
#infodetails{
display:none;
}
.pagenav>a { /*Seitenanzeige*/
border-color: #285a8c;
background-color: #285a8c;
}
.pagenav>.pagenav-current { /*Seitenanzeige aktiv*/
background-color: #144678;
border-color: #144678;
}
.pagenav>a:hover { /*Seitenanzeige Hover*/
background-color: #144678;
border-color: #144678;
}
.pbutton { /*Erweiterte Suche*/
background-color: #285a8c;
}
.tabs { /*Same*/
background-color: #285a8c;
}
.pbutton-container { /*Rand*/
border: 1px solid #285a8c;
}
#tabs-content-filters { /*Erweiterte Suche abgeschickt*/
background-color: #285a8c;
}
#filters-items>li { /*Aktive Filter*/
background-color: #285a8c;
}
.tabs>li { /*Tabs*/
border: none;
}
#table-menu>li.hover { /*Suchansicht aktiv*/
border-color: #144678;
background-color: #144678;
}
#table-menu>li { /*Suchansicht inaktiv*/
background-color: rgb(40, 90, 140);
color: #FFFFFF;
}
#table-menu-content>div { /*Suchansicht Inhalt*/
background-color: #144678;
}
#indexABC>li.active { /*Suchansicht "Beginnt mit" aktiv*/
background-color: #285a8c;
}
#indexABC>li { /*Suchansicht "Beginnt mit" inaktiv*/
background-color: #285a8c;
}
#indexABC>li:hover { /*Suchansicht "Beginnt mit" hover*/
background-color: #144678;
}
.f10g { /*Suchansicht "Covers" kleiner Text*/
font-size: 12px;
color: #000000;
}
.msgBox>div.notice { /*Suchansicht Hinweisbox*/
border: 1px solid #FFF;
background-color: #FFF;
}
.responsive-table tbody th[scope="row"] {
border-bottom: 1px solid #000000;
}
.responsive-table tbody th[scope="row"] > a {
color: #000000;
}
.responsive-table {
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
}
#details-right {
background-color: transparent;
}
section#description {
background-color: transparent;
}
.tooltip-o{
background-color: #FFFFFF;
border-color: #000000;
}
.tooltip-o.top>.tooltip-arrow:before {
border-bottom-color: #000000;
}
.tooltip-o.top>.tooltip-arrow:after {
border-bottom-color: #000000;
}
table.dbstats>thead>tr>th, #infodetails>thead>tr>th {
color: #FFFFFF;
background-color: #285a8c;
}
table.dbstats>tbody tr>td>a:hover, #infodetails>tbody tr>td>a:hover {
background-color: #285a8c;
}
table.dbstats>tbody tr>td, #infodetails>tbody tr>td {
border-color: #000000
}
table.dbstats > tbody tr > td > a {
margin: -3px;
}
#start.start_details, #start.start_page {
border-color: #FFFFFF;
}
#details-subs>li, #details-subsB>li {
background-color: #285a8c;
border-color: #285a8c;
}
#details-subs>li:hover, #details-subsB>li:hover {
background-color: #144678;
}
#details-subs>li>a, #details-subsB>li>a {
color: #FFFFFF;
}
#details-subs>li>a:hover, #details-subsB>li>a:hover {
color: #FFFFFF!important;
}
#details-subs>li.active>a, #details-subsB>li.active>a {
background-color: inherit;
color: #FFF!important;
}
#details-subs>li.empty:hover, #details-subsB>li.empty:hover {
border-color: #144678;
background-color: #144678;
}
#details-subs>li.active, #details-subsB>li.active {
border-color: #144678!important;
background-color: #144678!important;
}
#details-subsB {
background-color: transparent;
}
#details-subsB>li {
border: 1px solid #285a8c;
}
#details-subsB>li.active {
border: 1px solid #144678!important;
}
#details-subsB>li.empty {
background-color: #285a8c;
border: 1px solid #285a8c;
}
#details-subsB>li.empty>a {
color: gray;
}
#start {
background-color: #FFF;
}
#navrightside {display:none}
#usercp{
box-shadow: none;
background-color: transparent;
}
.pagenav>li>a:hover,
.pagenav>li>a.pagenav-current
{ background-color: #144678; }
.pagenav>li>a { background-color: #285a8c;
}

VendelAdmin

28. Mai 2018 – Themenstarter

Du verwendest eine externer Grafik. Lade diese in deinem Profil hoch und alles ist gut.

CSSbackground-image: url("http://i.imgur.com/OVhcJu2.jpg");

Kommentare (1)

Zeige alle Kommentare

SkyFiefV.I.P.

01. Jun 2018

Quelle header ist es braun-rot

usercp -> mylists
z.B.

#mylists.hover .menuitem { } wird aus #usercp.hover .menuitem {}
oder
#mylists .menuitem>li:hover {} aus #usercp.menuitem>li:hover {}

.menu -> #mainmenu (wenn es nicht reicht muss die Struktur ggf. auch angepasst werden)

#mainnav #mainmenu>li.hover .menuitem {} aus #mainnav .menu>li.hover .menuitem {}

Quelle Code für die Leiste unter der Searchbar.

// transparent nicht ändern
#breadcrumb li a { // EVEN
background-color: #418908;
&:before {border-color: #418908; border-left-color: transparent;}
&:after {border-color: transparent; border-left-color: #418908;}
}
#breadcrumb li:nth-child(2n) a { // ODD
background-color: #418908;
&:before {border-color: #418908; border-left-color: transparent;}
&:after {border-color: transparent; border-left-color: #418908;}
}

Kommentare (1)

Zeige alle Kommentare