Do it yourself: CSS für Profil und Blog

Eseneziri schrieb:Vermutlich hab ich noch irgendwo anders was anders gemacht und krieg's nicht mehr auf die Kette, sorry!

Kein Problem, ich habs noch in meinem Style drin, man sieht noch keine Schrift,ich nehms raus :)

@QonoS
Hm, ich seh die Schrift der Freundesnamen, Verwaltung, usw. auf deinem Profil gerade in der dunkleren Farbe. O.O
Edit: Bei den abwesenden und "Nachrichtenverlauf" nicht.

Aber durch Rausnehmen wird mein Chaos natürlich beseitigt. :'D :Y:

Eseneziri schrieb:ch seh die Schrift der Freundesnamen, Verwaltung, usw. auf deinem Profil gerade in der dunkleren Farbe. O.O

Ich kann kein Unterschied wie vorher erkennen, aber macht nichts ^^

@QonoS
Okay. ^^
---------------------------------

Sachen gibt's ...

Ich wunder mich dann mal weiter.
Weiß jemand anders, wie es zu sowas kommt, das einer die Veränderung sieht und ein anderer nicht? O.o
Zuvor waren "Verwaltung", "Rundschreiben" und "System" hellgrau, also kaum zu sehen.

Ich habe das jetzt anhand Deines Profil Codes @QonoS was Du hier gepostet hast ausprobiert.
Und hiermit habe ich den header transparent hinbekommen:

header {
background: none;
backdrop-filter: none;
}


Ob das jetzt allerdings auch allgemein für alle klappt, kann ich nicht sagen.

@-Anna-
Kann es am Browser liegen?

@Eseneziri

Hm, weiß nicht. Da kenne ich mich leider zu wenig aus, ob es bei den verschiedenen Browsern auch unterschiedlich angezeigt wird.
Möglich ist es. Hast Du es denn auch ausprobiert? Ich nutze eigentlich immer Chrome.

@-Anna-
Jopp, hab unter Linux den Chromium, da klappt's auch.
Hab noch mit dem Palemoon (Abkömmling des Firefox) nachgesehen (wollte dazu das auf meinem Profil nochmal ausprobieren),
aber da krieg ich kaum was vernünftiges zu sehen. Mit dem Firefox wär bestimmt(?) mehr sichtbar, also ... ja, braucht man wohl unterschiedliches CSS-Zeugs für unterschiedliche Browser. O.o
Ich kenn mich auch kaum aus, sondern probier nur rum bis zum Abwinken. :D

Edit: Hab mich selber geättet. :palm:

-Anna- schrieb:Und hiermit habe ich den header transparent hinbekommen:

header {
background: none;
backdrop-filter: none;
}

Muss ich den separat,irgendwo in den Style plazieren?

@QonoS

Nein eigentlich nicht. Du hattest ja in Deinem ursprünglichem Code ja schon .header - das habe ich nur durch diesen Code ersetzt.

@QonoS

Hier Dein ursprünglicher Code mit der header Änderung, die ich gemacht habe.

Spoiler <style> * {cursor:crosshair}</style>
<style>
<style>
body {color: #12100e;}
a {text-decoration: none; color: #12100e;}
a:visited {color: #12100e;}
a:hover {color: #12100e;}


header {
background: none;
backdrop-filter: none;
}

.tabnav,
.tabnav a,
.tabnav a:hover,
#tabnav-all-opener,
#tabnav-all-opener:hover {
background: none;



}

a, a.man, a:link, a:visited {
color: #12100e;
}

a.attitel{visibility:hidden;}
a.attitel:before{content:"";
color: #12100e;
visibility:visible;
}


.profile_links a img {visibility: hidden; display: block;}

.mcell, .mcell_status {
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
}
.mcell_inhalt

.mcell2 {background-color: #12100e;}
.mcell_inhalt {
background-color: #12100e;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
}

.gb_post {
background-color: #12100e; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.infoleiste{
background-color: #12100e; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


.profile_info{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.mcell_inhalt{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}



.tabnav a,.topnav{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.head_links{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


.tabnav-all{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.profile_links {
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.infoleiste {
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.profile_last_post{display:none;}

.profile_info small{display:none;}
.created_threads{display:none;}
.profile_info, div.profile_pic object{text-align:left;}

.profile_info {width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.profile_info{color: #12100e;}
.head_links{color: #12100e;}
.h2{color: #12100e;}
.head_links{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important



}

.profile_links {width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}


.gb_post{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.tabnav-all{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.infoleiste{width:160px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important





a.tab, #tabnav-all-opener {
background-color: #12100e; opacity: 0.6;

}


</style>

<style>

.compact_slider {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
text-align: center;
box-shadow: inset 0 50px 111px 0 #00000090;
z-index: -1;
}

.compact_slider img {
width: 100vw;
height: 100vh;
position: absolute;
top: 0px;
left: 0px;
}

.compact_slider img {
-webkit-animation-name: compact_slider;
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 64s;
-webkit-animation-iteration-count: infinite;
animation-name: compact_slider;
animation-timing-function: ease;
animation-duration: 64s;
animation-iteration-count: infinite;
}

@-webkit-keyframes compact_slider {
0% {opacity:1;} 20% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;}
}
@keyframes compact_slider {
0% {opacity:1;} 20% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;}
}

.compact_slider img:nth-child(1) { -webkit-animation-delay: 64s; animation-delay: 64s; }
.compact_slider img:nth-child(2) { -webkit-animation-delay: 56s; animation-delay: 56s; }
.compact_slider img:nth-child(3) { -webkit-animation-delay: 48s; animation-delay: 48s; }
.compact_slider img:nth-child(4) { -webkit-animation-delay: 40s; animation-delay: 40s; }
.compact_slider img:nth-child(5) { -webkit-animation-delay: 32s; animation-delay: 32s; }
.compact_slider img:nth-child(6) { -webkit-animation-delay: 24s; animation-delay: 24s; }
.compact_slider img:nth-child(7) { -webkit-animation-delay: 16s; animation-delay: 16s; }
.compact_slider img:nth-child(8) { -webkit-animation-delay: 8s; animation-delay: 8s; }
.compact_slider img:nth-child(9) { -webkit-animation-delay: 0s; animation-delay: 0s; }

</style>

<div class="compact_slider">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
<img src="https://www.allmystery.de/i/lsisxovgowcy_IMG_20200717_233220.jpg">
<img src="https://www.allmystery.de/i/lsisxovgowcy_IMG_20200717_233220.jpg">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
<img src="https://www.allmystery.de/i/lsisxovgowcy_IMG_20200717_233220.jpg">
<img src="https://www.allmystery.de/i/lsisxovgowcy_IMG_20200717_233220.jpg">
<img src="https://www.allmystery.de/i/jhgwsidegigb_IMG_20200718_004305.jpg">
</div>

<style>
.profile_pic iframe {
visibility: hidden;
}
</style>



<br><style>
img.opacity {
opacity: 0.01;
1. filter: alpha(opacity=40);-webkit-transition: opacity 2s linear;
2. }

img.opacity:hover {
opacity: 1;
filter: alpha(opacity=100);-webkit-transition: opacity 1,5s linear;}</style>

-Anna- schrieb:Nein eigentlich nicht. Du hattest ja in Deinem ursprünglichem Code ja schon .header - das habe ich nur durch diesen Code ersetzt.

Jetzt hat es geklappt, danke dir :)

@QonoS

Gerne, ich arbeite noch daran, wegen der schwarzen Schrift in der Infoleiste.
Dauert noch etwas, muss erstmal sehen ob es klappt.

-Anna- schrieb:Gerne, ich arbeite noch daran, wegen der schwarzen Schrift in der Infoleiste.

Da bin ich auch gerade dran, mir ist aufgefallen, dass ich in meinem Style zweimal das drin habe



Kann es vielelicht daran liegen? Ich hab jetzt einmal raus genommen,war doppelt drin

<style> * {cursor:crosshair}</style>
<style>
<style>
body {color: #12100e;}
a {text-decoration: none; color: #12100e;}
a:visited {color: #12100e;}
a:hover {color: #12100e;}


.header {background: none; background-color: transparent;}

.tabnav,
.tabnav a,
.tabnav a:hover,
#tabnav-all-opener,
#tabnav-all-opener:hover {
background: none;



}

a, a.man, a:link, a:visited {
color: #12100e;
}

a.attitel{visibility:hidden;}
a.attitel:before{content:"";
color: #12100e;
visibility:visible;
}


.profile_links a img {visibility: hidden; display: block;}

.mcell, .mcell_status {
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
}
.mcell_inhalt

.mcell2 {background-color: #12100e;}
.mcell_inhalt {
background-color: #12100e;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
}

.gb_post {
background-color: #12100e; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.infoleiste{
background-color: #12100e; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


.profile_info{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.mcell_inhalt{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}



.tabnav a,.topnav{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.head_links{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


.tabnav-all{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.profile_links {
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.infoleiste {
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px 4px;
-webkit-border-bottom-right-radius:4px 4px;
background-color: #b58e74; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}

.profile_last_post{display:none;}

.profile_info small{display:none;}
.created_threads{display:none;}
.profile_info, div.profile_pic object{text-align:left;}

.profile_info {width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.profile_info{color: #12100e;}
.head_links{color: #12100e;}
.h2{color: #12100e;}
.head_links{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important



}

.profile_links {width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}


.gb_post{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.tabnav-all{width:400px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important

}

.infoleiste{width:160px;padding:4px;border: 2px solid #12100e;border-radius: 18px !important





a.tab, #tabnav-all-opener {
background-color: #12100e; opacity: 0.6;

}


</style>

<style>

.compact_slider {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
text-align: center;
box-shadow: inset 0 50px 111px 0 #00000090;
z-index: -1;
}

.compact_slider img {
width: 100vw;
height: 100vh;
position: absolute;
top: 0px;
left: 0px;
}

@QonoS

Grundsätzlich ist es nie falsch doppelte Codes heraus zu nehmen.
Ich habe jetzt herum probiert, mit dem hier Spoiler .mcell_inhalt, .infoleiste {
color: #12100e;
} bekomme ich fast alles schwarz hin in der Infoleiste. Aber alles was man aufklappt, wie die abwesenden Freunde und den Nachrichten-Verlauf bekomme ich nicht schwarz hin. Das ist alles so eine Fitzelarbeit, wenn man sich nicht gut auskennt. Ich bekomm's nicht besser hin.

@QonoS
die abwesenden Freunde vielleicht hiermit:

.fl-group[data-group="offline"] .fl-header {
color: #12100e;
}

...?

@Eseneziri

Ab hier kannst Du bitte weiter übernehmen, wenn Du Zeit hast.
Für mich ist heut Feierabend an Codes und Zahlen - hab schon eckige Augen bekommen. :)

@-Anna-
Die berühmten "eckigen Augen", ich hab sie nie live gesehen. O.o
Oki, ich bin sicher noch 'ne Weile wach und am Läppi. :Y:

-----------------------------------------------

Der Nachrichtenverlauf ist auf meinem Profil gleich "inklusive" gewesen in der Gestaltung, muss das CSS aus meinem ursprünglichen Vorschlag gewesen sein. O.o
Aber ich guck noch, man lernt immer was dazu. o.O

Oh, wie's scheint, ist das mit dem

Eseneziri schrieb:.fl-group[data-group="offline"] .fl-header {
color: #12100e;
}

drinne.

Eseneziri schrieb:Oki, ich bin sicher noch 'ne Weile wach und am Läppi. :Y:

Dankeschön :) wach bin ich auch noch, aber die Augen wollen nimmer. :/
Dann könnt Du und @QonoS ja noch ein Weilchen herum experimentieren. :Y:

Bearbeitungszeit abgelaufen:

Eseneziri schrieb:Eseneziri schrieb:
.fl-group[data-group="offline"] .fl-header {
color: #12100e;
}
drinne.

Zumindest die Nachrichten von Usern, die gerade offline sind.
Die Nachrichten derer, die online sind, müssten dann in

a.fl-user

mit eingebunden sein, wenn ich mir da nicht gerade Unsinn zusammenreime. O.o

Wie ist der aktuelle Stand der Bastelei, @QonoS ?