ilch Forum » Ilch CMS 2.X » Allgemein » Forum Modul Farbe

Geschlossen
  1. Mo. 13.04.2026 20:42 Uhr #1
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    109
    Beitragswertungen
    6 Beitragspunkte
    Huhu wir haben Updates gemacht. Nun Haben wir das Problem, das wir im Forum Schwarzen Hintergrund haben auf schwarze Schrift. Wo konnte man das nochmal einstellen ?

    Siehe Link

    externer Link

    danke erstmal


    verwendete ilch Version: 2.1.x

    betroffene Homepage: ht-clan.de
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 13.04.2026 21:05 Uhr #2
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.539
    Beitragswertungen
    424 Beitragspunkte
    Moin,

    schätze es handelt sich um dieses Problem:
    www.ilch.de/forum-showposts-58885.html

    Der genaue Farbcode ist abhängig vom Layout. Hier müsst ihr einen wählen, welcher zu den anderen Schriftfarben passt oder halt eurer Meinung nach am besten aussieht.

    Gruß
    blackcoer
    0 Mitglieder finden den Beitrag gut.
  3. Di. 14.04.2026 18:39 Uhr #3
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    109
    Beitragswertungen
    6 Beitragspunkte
    Wir haben unser Designe von World of tanks aber wir wollten ja den dunklen Hintergrund aber mit weißer Schrift.

    Aber in der Style.css habe ich das eingefügt :

    .ck-content {
    color: #999;
    }


    aber verändern tut sich nix auch durch das Browser löschen nicht.
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 15.04.2026 15:22 Uhr #4
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.539
    Beitragswertungen
    424 Beitragspunkte
    Moin,

    du hast es anscheinend falsch eingefügt.

    Screenshot deiner style.css-Datei:


    Es gehören nur die drei letzten Zeilen als Ende deiner style.css rein. Nicht die Zeilennummer oder den Pfad. Das ist nur wie hier im Forum ein Codeschnipsel dargestellt wird.

    Mehr kann ich dazu nicht sagen, weil ich das Forum auch nicht sehen kann, aber korrigiere dies am besten und teste es dann noch einmal.

    Gruß
    blackcoder


    Zuletzt modifiziert von blackcoder am 15.04.2026 - 15:23:11
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 15.04.2026 17:38 Uhr #5
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    109
    Beitragswertungen
    6 Beitragspunkte
    Einmal Hier

    externer Link
    0 Mitglieder finden den Beitrag gut.
  6. Mo. 20.04.2026 20:28 Uhr #6
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    109
    Beitragswertungen
    6 Beitragspunkte
    @Blackcoder habe dir zugangsdaten geschickt


    Hier mal meine style.css : 
    body {
    background: url(img/background.jpg) fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#f2f2f2;
}

/* wegen Lightbox ausgeklammert
img {
    height: auto !important;
    max-width: 100% !important;
}
*/

a {
    color: #920d00;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color:#920d00;
}

label {
    font-weight: normal;
	font-size: small;
}

figcaption {
    font-style: italic;
    font-size: 12px;
}

h1 {
    font-size: 21px;
    line-height: inherit;
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #920d00;
}

hr {
    border-color: #f00;
}

.navbar-gaming {
    background-color: #000;
    border-bottom: 1px solid #920d00;
    margin-bottom: 0;
}

.navbar-gaming .navbar-brand {
    color: #FFF;
}

.navbar-gaming .container-fluid .navbar-collapse {
    margin-right: -30px;
    margin-left: -30px;
    overflow-y:scroll; 
    position:relative;
    height: 500px;
}

.navbar-gaming .container-fluid .navbar-collapse .panel {
    border: 0;
}

.navbar-gaming .navbar-nav > li > a:hover, .navbar-gaming .navbar-nav > li > a:focus {
    background-color: #32333B;
    color: #32333B;
}

.navbar-toggle .icon-bar {
    background-color: #EEE;
}

header .container {
    margin-top: 51px;
}


.mobile .panel-gaming>.panel-heading {
    background:transparent
}

#nav {
    position: relative;
    margin-top:150px !important;
    width: 100%;
    display:none;
}

#nav ul {margin:0;padding:0;}

#nav li {
    padding:15px;
    position: relative;
    border-right:1px solid rgba(255, 255, 255, 0.1);
    list-style: none;
}
#nav a {
    font-size:16px;
    text-decoration: none;
    color: rgba(147, 147, 147, 1);
    text-shadow: 2px 2px 1px #000;
}

#nav ul li ul li {
    float:none;
    border:none;
    padding:0px 15px;
}

#nav ul ul {
    position: absolute;
    top: -9999px;
    left: 0;
    opacity: 1;
    z-index: 500;
    background: #920d00;
    color:#000 !important;
    padding: 2px;
    border-top: none;
    box-shadow: #3a3732 0 2px 4px;
}
#nav ul li:hover>ul{
    opacity: 1;
    position:absolute;
    top:53px;
    left:0;
}

#nav .card-body {
    background:url(img/nav.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    position: relative;
    padding: 0;
    border-bottom:1px solid #920d00;
}
#nav .panel-card>ul>li {
    margin-left:15px;
}
#nav .panel-card:before {
    content:"";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

@media (min-width: 768px) {
    header .container {
        margin-top: 0;
    }
    #nav {
        display:block;
    }
}

header .container .gaming {
    margin: 0;
    padding: 0;
    border-top: 0;
    position: relative;
}


@media (min-width: 768px) {
    header .container .gaming {
        /*! margin: 0 10px; */
    }
}

@media (min-width: 1200px) {
    header .container .gaming {
        margin: 0;
    }
}

@media (min-width: 768px) {
    header .container .gaming .carousel-control {
        width: 10%;
    }
}

@media (min-width: 768px) {
    header .container .community .carousel-control {
        width: 10%;
    }
}

header .container .gaming .carousel {
    -webkit-box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
}

header .container .gaming .carousel-indicators {
    bottom: 0;
    width:100%;
    margin:0 auto 0 auto;
    left: 0;
    position: relative;
    top: 30px;
}

header .container .gaming .slider_bottom {
    position: absolute;
    bottom: 0px;
    left: 0%;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    text-align: center;
    list-style: none;
    margin: 0 auto 0 auto;
    background-color:rgba(0,0,0,0.5);
}

header .container .gaming .slider_bottom .col-lg-9 {
    width:75%;
    float:left;
}
header .container .gaming .slider_bottom .col-lg-3 {
    width:25%;
    float:left;
}

header .container .gaming .text {
    color:#fff;
    font-size: 18px !important;
    text-align:left;
    padding:5px;
    text-shadow: 2px 2px 1px #000;
}

.btn-primary{
    background-color:#920d00;
    background-position:top center;
    border-color:#111;
}

header .wot_button:hover, .btn-primary:hover {
    border-color:#555;
    background-color:rgba(0,0,0,0.5);
}

header .container .gaming .carousel-indicators li {
    margin-top:0%;
    border-color: #000;
    background: #222;
}

.carousel-indicators .active {
    background-color:#920d00 !important;
}

header .container .gaming-name {
    top: 0;
    left: 0;
    position: absolute;
    width: 70%;
    margin-left: 15%;
    padding: 10px 0;
    color: #FFF;
    font-size: 27px;
    text-shadow: 0 3px 10px #32333B;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}

@media (min-width: 768px) {
    header .container .gaming-name {
        top: 20px;
        padding: 15px 0;
        font-size: 32px;
    }
    header #text .col-lg-9 {
        width:75%;
        float:left;
    }
    header #text .col-lg-3 {
        width:25%;
        float:left;
    }
}

@media (min-width: 992px) {
    header .container .gaming-name {
        top: 100px;
        font-size: 37px;
    }
}

.container {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}

.wot .card {
  margin-bottom:20px;
}

.wot .card,.wot_content .ilch-head, .mobile .card{
    border:none;
    background:url(img/panelBG.jpg);
    box-shadow: #000 0 2px 4px;
    padding:0px 3px;
}

.wot_content .ilch-bg--hover, .ilch-bg {
    background:transparent;
}

.wot_content .ilch-border {
    border-color:#000;
}

.wot_content .card {
    background:transparent;
    border-color:#222;
}

.wot_content .post, .post-footer {
    border-color:#000 !important;
}

.wot_content .ilch-link,.profile-sidebar .push-menu i {
    color:#920d00 !important;
}

.wot_content blockquote {
    border-color:#920d00;
    border-width: 20%;
    border-radius:5px;
    font-size:15px;
}

.wot_content .profile-sidebar, .wot_content .profile-content {
    background:transparent !important;
    background-position: top center;
}

.wot_content .profile-sidebar .profile-usermenu ul li.active a {
    color: #920d00;
    border-left: 2px solid #920d00;
    margin-left: -2px;
    border-right: 2px solid #920d00;
    margin-right: -2px;
}

.wot_content .profile-sidebar .profile-usermenu ul li {
    border-color:#222;
}

.wot_content .profile-sidebar .profile-usermenu ul li a:hover {
    background:transparent !important;
    color: #920d00;
}

.wot_content .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #920d00;
    border-color: #000;
}

.wot_content .pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #000;
    color:#000;
}

.wot_content #forum h1 {
    display: none;
}

.wot_content #forum .postprofile img {
    border-radius:50%;
    border:3px solid #920d00;
}

.wot_content #forum .postprofile img:hover {
    border-radius:0% !important;
    border:2px solid #920d00;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    -moz-transition: all 400ms;
}

.wot .article-keywords-box a,.article-box .ellipsis>.badge {
    background:#920d00;
    color:#fff !important;
    padding:2px 3px;
    border-radius:3px
}
.wot .article-keywords-box a:before {
    content:"#";
}
.wot .article-keywords-box a:last-child {
    margin-left:2px;
}
.wot .article-keywords-box a:hover {
    color:#fff !important;
    background:#000;
}
.wot .article-keywords-box a:last-child:before {
    content:"►";
}

@media (min-width: 768px) {
    .container {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 77%;
    }
}

.gaming {
    background:#151515;
    overflow: hidden;
}

@media (min-width: 768px) {
    .gaming, header .container .gaming {
        padding: 15px;
    }
}

.card ul.list-unstyled li {
    display: block;
    text-align: left;
    margin-left: 0;
}
.card ul.list-unstyled li a {
    font-weight: normal;
}

.card-gaming,
.card-default {
    border-radius: 0;
}

@media (min-width: 768px) {
    .card-gaming,
    .card-default {
        border-radius: 4px;
    }
}

.card-gaming > .card-header {
    color: #fff;
    text-shadow: 2px 2px 1px #000;
    background:transparent;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-rendering: optimizelegibility;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    text-align:center;
    border-bottom: 2px groove #920d00;
}

.wot_content .panel-primary > .card-header {
    background:url(img/nav.jpg) !important;
    border-color:#920d00;
}

.wot_content .list-group-item {
    background:transparent;
    border:none;
}

.wot_content .progress-bar {
    background:#920d00;
}

.ilch--new-message a.text-danger {
    color: #a94442;
}

.footer .container {
    margin-top: 15px;
}

@media (min-width: 768px) {
    .footer .container {
        margin-top: 0;
    }
}

.footer .container .gaming {
    margin: 0;
    padding: 15px 0;
    border-bottom: 0;
}

@media (min-width: 768px) {
    .footer .container .gaming {
        margin: 0 10px;
    }
}

@media (min-width: 1200px) {
    .footer .container .gaming {
        margin: 0;
    }
}

.footer .container .gaming ul {
    margin: 0;
    padding: 0;
}

.footer .container .gaming ul li {
    list-style-type: none;
    display: inline;
}

.footer .container .gaming ul li:after {
    content: ' | ';
}

.footer .container .gaming ul li:last-child:after {
    content: '';
}

.footer .container .gaming .row [class*="col-"]  {
    padding: 0 30px;
}

@media (min-width: 768px) {
    .footer .container .gaming .nav {
        text-align: right;
        display:block;
    }
}
.card.shop-card-index {
    background-color: #2b3035;
    border: 1px solid #495057;
}
.card.shop-card-index a,.card.shop-card-index a:hover {
    text-decoration: none;
}

.panel-body{
    background:url(img/panelBG.jpg);
	padding: 8px 15px!important;
}
.profile-sidebar .profile-usermenu ul li a {
  color: #f2f2f2;
}
.table {
  --bs-table-bg: #21252900;
}
/*neu*

/*shop*/
.card.shop-card-index {
  background-color: #2b303500;
}
.btn:hover {
  color: #920d00;
}
/*shop ende*/

/*Galerie*/
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, 0) !important;
}
/*menüleiste*/
.breadcrumb {
    padding: 8px 15px!important;
    margin-bottom: 20px!important;
    list-style: none!important;
    border-radius: 4px!important;
	background:url(img/panelBG.jpg);
    background-position: center top;
    background-repeat: repeat-x;
}

/*tabelle*/
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #34302f;
	background:url(img/bg2.jpg);
}

/*gästebuch*/
.panel-default>.panel-heading {
    background-color: #34302f;
	background:url(img/panelBG.jpg);
	color: #fff
}

.profil h3 {
    color: #920d00!important;
}	
/*knöpfe*/
.btn {
	color: #666;
	background:url(img/bg1.jpg);
	border: 1px solid #440000;
	box-shadow: #920d00;
}
/*login*/
.input-group-text {
  background-color: #000;
  border: var(--bs-border-width) solid #b9b9b9;
}
.form-control::placeholder {
  color: rgba(54, 55, 55, 0.75);
}
.input-group-text {
  color: #920d00;
}
.form-control {
  color: #000;
  background-color: #f2f2f2;
  background-image: none;
  border:1px solid #920d00;
}
.form-control:focus {
  color: #111;
  background-color: #fff;
}
/*textfelder*/
.form-control {
	color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #920d00;
}
.form-control:focus {
  border-color: #590606;
  box-shadow: 0 0 0 .25rem rgba(219, 4, 4, 0.25);
}

/*knöpfe*/
.btn {
    border: 1px solid #440000;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.btn:before {
    content: '';
    background: linear-gradient(45deg, #920d00, #ff9600,#920d00, #920d00);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.btn:active {
    color: #000
}

.btn:active:after {
    background: transparent;
}

.btn:hover:before {
    opacity: 1;
}

.btn:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
/*knöpfe ende*/

/*facebook*/
.face {
	position: right-side;
	text-align:right;
}
/*facebook ende*/

/*Votekasten*/
 .bg-primary {
  background-color: rgb(111, 22, 22) !important;
}
.panel-primary>.panel-heading {
    color: #999;
    background-color: transparent!important;
    border-color: #920d00!important;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid #ddd;
}

.panel-footer {
    padding: 10px 15px;
    background-color: transparent;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #920d00!important;
    text-align: center;
    background-color: #920d00!important;
	}
	
	.progress {
 
    background-color: #999!important;
	}
/*Votekasten ende*/

/*Downloads*/
.img-thumbnail {
  background-color: #21252900;
  border: var(--bs-border-width) solid #49505700;
}

/*Erfolgreich Login usw*/
.alert-success {
    color: #3c763d;
    background-color: transparent!important;
    border-color: #d6e9c6;
}
/*Erfolgreich Login usw ende*/

/*Tabellen hover member user*/
.table-hover>tbody>tr:hover {
    background-color: transparent;
}
.table-hover>tbody>tr:hover a:hover {
    color: #fff;
}
/*Tabellen hover member user ende*/

/*eventfenster*/
.event-list > li > time {
	background-color: #920d00!important;
	}
	
@media (min-width: 768px){
.event-list > li > .info {
    background-color: black!important;
	}}
	
.navbar-default {
    background-color: black!important;
    border-color: black!important;
	}
	
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #999!important;

.eigenenav {
    padding-right: 1px !important;
    padding-left: 1px !important;
}
application/layouts/ilch_wot/style.css



.ck-content {
    color: #999;
}



    Zuletzt modifiziert von ht-clan am 20.04.2026 - 20:32:56
    0 Mitglieder finden den Beitrag gut.
  7. Mo. 20.04.2026 20:54 Uhr #7
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.539
    Beitragswertungen
    424 Beitragspunkte
    Moin,

    deine style.css war schon fast richtig, aber die Zeile "application/layouts/ilch_wot/style.css" gehört da auch nicht rein. Deine style.css sollte also so aussehen: 
    body {
    background: url(img/background.jpg) fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#f2f2f2;
}

/* wegen Lightbox ausgeklammert
img {
    height: auto !important;
    max-width: 100% !important;
}
*/

a {
    color: #920d00;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color:#920d00;
}

label {
    font-weight: normal;
	font-size: small;
}

figcaption {
    font-style: italic;
    font-size: 12px;
}

h1 {
    font-size: 21px;
    line-height: inherit;
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #920d00;
}

hr {
    border-color: #f00;
}

.navbar-gaming {
    background-color: #000;
    border-bottom: 1px solid #920d00;
    margin-bottom: 0;
}

.navbar-gaming .navbar-brand {
    color: #FFF;
}

.navbar-gaming .container-fluid .navbar-collapse {
    margin-right: -30px;
    margin-left: -30px;
    overflow-y:scroll; 
    position:relative;
    height: 500px;
}

.navbar-gaming .container-fluid .navbar-collapse .panel {
    border: 0;
}

.navbar-gaming .navbar-nav > li > a:hover, .navbar-gaming .navbar-nav > li > a:focus {
    background-color: #32333B;
    color: #32333B;
}

.navbar-toggle .icon-bar {
    background-color: #EEE;
}

header .container {
    margin-top: 51px;
}


.mobile .panel-gaming>.panel-heading {
    background:transparent
}

#nav {
    position: relative;
    margin-top:150px !important;
    width: 100%;
    display:none;
}

#nav ul {margin:0;padding:0;}

#nav li {
    padding:15px;
    position: relative;
    border-right:1px solid rgba(255, 255, 255, 0.1);
    list-style: none;
}
#nav a {
    font-size:16px;
    text-decoration: none;
    color: rgba(147, 147, 147, 1);
    text-shadow: 2px 2px 1px #000;
}

#nav ul li ul li {
    float:none;
    border:none;
    padding:0px 15px;
}

#nav ul ul {
    position: absolute;
    top: -9999px;
    left: 0;
    opacity: 1;
    z-index: 500;
    background: #920d00;
    color:#000 !important;
    padding: 2px;
    border-top: none;
    box-shadow: #3a3732 0 2px 4px;
}
#nav ul li:hover>ul{
    opacity: 1;
    position:absolute;
    top:53px;
    left:0;
}

#nav .card-body {
    background:url(img/nav.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    position: relative;
    padding: 0;
    border-bottom:1px solid #920d00;
}
#nav .panel-card>ul>li {
    margin-left:15px;
}
#nav .panel-card:before {
    content:"";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

@media (min-width: 768px) {
    header .container {
        margin-top: 0;
    }
    #nav {
        display:block;
    }
}

header .container .gaming {
    margin: 0;
    padding: 0;
    border-top: 0;
    position: relative;
}


@media (min-width: 768px) {
    header .container .gaming {
        /*! margin: 0 10px; */
    }
}

@media (min-width: 1200px) {
    header .container .gaming {
        margin: 0;
    }
}

@media (min-width: 768px) {
    header .container .gaming .carousel-control {
        width: 10%;
    }
}

@media (min-width: 768px) {
    header .container .community .carousel-control {
        width: 10%;
    }
}

header .container .gaming .carousel {
    -webkit-box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
}

header .container .gaming .carousel-indicators {
    bottom: 0;
    width:100%;
    margin:0 auto 0 auto;
    left: 0;
    position: relative;
    top: 30px;
}

header .container .gaming .slider_bottom {
    position: absolute;
    bottom: 0px;
    left: 0%;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    text-align: center;
    list-style: none;
    margin: 0 auto 0 auto;
    background-color:rgba(0,0,0,0.5);
}

header .container .gaming .slider_bottom .col-lg-9 {
    width:75%;
    float:left;
}
header .container .gaming .slider_bottom .col-lg-3 {
    width:25%;
    float:left;
}

header .container .gaming .text {
    color:#fff;
    font-size: 18px !important;
    text-align:left;
    padding:5px;
    text-shadow: 2px 2px 1px #000;
}

.btn-primary{
    background-color:#920d00;
    background-position:top center;
    border-color:#111;
}

header .wot_button:hover, .btn-primary:hover {
    border-color:#555;
    background-color:rgba(0,0,0,0.5);
}

header .container .gaming .carousel-indicators li {
    margin-top:0%;
    border-color: #000;
    background: #222;
}

.carousel-indicators .active {
    background-color:#920d00 !important;
}

header .container .gaming-name {
    top: 0;
    left: 0;
    position: absolute;
    width: 70%;
    margin-left: 15%;
    padding: 10px 0;
    color: #FFF;
    font-size: 27px;
    text-shadow: 0 3px 10px #32333B;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}

@media (min-width: 768px) {
    header .container .gaming-name {
        top: 20px;
        padding: 15px 0;
        font-size: 32px;
    }
    header #text .col-lg-9 {
        width:75%;
        float:left;
    }
    header #text .col-lg-3 {
        width:25%;
        float:left;
    }
}

@media (min-width: 992px) {
    header .container .gaming-name {
        top: 100px;
        font-size: 37px;
    }
}

.container {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}

.wot .card {
  margin-bottom:20px;
}

.wot .card,.wot_content .ilch-head, .mobile .card{
    border:none;
    background:url(img/panelBG.jpg);
    box-shadow: #000 0 2px 4px;
    padding:0px 3px;
}

.wot_content .ilch-bg--hover, .ilch-bg {
    background:transparent;
}

.wot_content .ilch-border {
    border-color:#000;
}

.wot_content .card {
    background:transparent;
    border-color:#222;
}

.wot_content .post, .post-footer {
    border-color:#000 !important;
}

.wot_content .ilch-link,.profile-sidebar .push-menu i {
    color:#920d00 !important;
}

.wot_content blockquote {
    border-color:#920d00;
    border-width: 20%;
    border-radius:5px;
    font-size:15px;
}

.wot_content .profile-sidebar, .wot_content .profile-content {
    background:transparent !important;
    background-position: top center;
}

.wot_content .profile-sidebar .profile-usermenu ul li.active a {
    color: #920d00;
    border-left: 2px solid #920d00;
    margin-left: -2px;
    border-right: 2px solid #920d00;
    margin-right: -2px;
}

.wot_content .profile-sidebar .profile-usermenu ul li {
    border-color:#222;
}

.wot_content .profile-sidebar .profile-usermenu ul li a:hover {
    background:transparent !important;
    color: #920d00;
}

.wot_content .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #920d00;
    border-color: #000;
}

.wot_content .pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #000;
    color:#000;
}

.wot_content #forum h1 {
    display: none;
}

.wot_content #forum .postprofile img {
    border-radius:50%;
    border:3px solid #920d00;
}

.wot_content #forum .postprofile img:hover {
    border-radius:0% !important;
    border:2px solid #920d00;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    -moz-transition: all 400ms;
}

.wot .article-keywords-box a,.article-box .ellipsis>.badge {
    background:#920d00;
    color:#fff !important;
    padding:2px 3px;
    border-radius:3px
}
.wot .article-keywords-box a:before {
    content:"#";
}
.wot .article-keywords-box a:last-child {
    margin-left:2px;
}
.wot .article-keywords-box a:hover {
    color:#fff !important;
    background:#000;
}
.wot .article-keywords-box a:last-child:before {
    content:"►";
}

@media (min-width: 768px) {
    .container {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 77%;
    }
}

.gaming {
    background:#151515;
    overflow: hidden;
}

@media (min-width: 768px) {
    .gaming, header .container .gaming {
        padding: 15px;
    }
}

.card ul.list-unstyled li {
    display: block;
    text-align: left;
    margin-left: 0;
}
.card ul.list-unstyled li a {
    font-weight: normal;
}

.card-gaming,
.card-default {
    border-radius: 0;
}

@media (min-width: 768px) {
    .card-gaming,
    .card-default {
        border-radius: 4px;
    }
}

.card-gaming > .card-header {
    color: #fff;
    text-shadow: 2px 2px 1px #000;
    background:transparent;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-rendering: optimizelegibility;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    text-align:center;
    border-bottom: 2px groove #920d00;
}

.wot_content .panel-primary > .card-header {
    background:url(img/nav.jpg) !important;
    border-color:#920d00;
}

.wot_content .list-group-item {
    background:transparent;
    border:none;
}

.wot_content .progress-bar {
    background:#920d00;
}

.ilch--new-message a.text-danger {
    color: #a94442;
}

.footer .container {
    margin-top: 15px;
}

@media (min-width: 768px) {
    .footer .container {
        margin-top: 0;
    }
}

.footer .container .gaming {
    margin: 0;
    padding: 15px 0;
    border-bottom: 0;
}

@media (min-width: 768px) {
    .footer .container .gaming {
        margin: 0 10px;
    }
}

@media (min-width: 1200px) {
    .footer .container .gaming {
        margin: 0;
    }
}

.footer .container .gaming ul {
    margin: 0;
    padding: 0;
}

.footer .container .gaming ul li {
    list-style-type: none;
    display: inline;
}

.footer .container .gaming ul li:after {
    content: ' | ';
}

.footer .container .gaming ul li:last-child:after {
    content: '';
}

.footer .container .gaming .row [class*="col-"]  {
    padding: 0 30px;
}

@media (min-width: 768px) {
    .footer .container .gaming .nav {
        text-align: right;
        display:block;
    }
}
.card.shop-card-index {
    background-color: #2b3035;
    border: 1px solid #495057;
}
.card.shop-card-index a,.card.shop-card-index a:hover {
    text-decoration: none;
}

.panel-body{
    background:url(img/panelBG.jpg);
	padding: 8px 15px!important;
}
.profile-sidebar .profile-usermenu ul li a {
  color: #f2f2f2;
}
.table {
  --bs-table-bg: #21252900;
}
/*neu*

/*shop*/
.card.shop-card-index {
  background-color: #2b303500;
}
.btn:hover {
  color: #920d00;
}
/*shop ende*/

/*Galerie*/
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, 0) !important;
}
/*menüleiste*/
.breadcrumb {
    padding: 8px 15px!important;
    margin-bottom: 20px!important;
    list-style: none!important;
    border-radius: 4px!important;
	background:url(img/panelBG.jpg);
    background-position: center top;
    background-repeat: repeat-x;
}

/*tabelle*/
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #34302f;
	background:url(img/bg2.jpg);
}

/*gästebuch*/
.panel-default>.panel-heading {
    background-color: #34302f;
	background:url(img/panelBG.jpg);
	color: #fff
}

.profil h3 {
    color: #920d00!important;
}	
/*knöpfe*/
.btn {
	color: #666;
	background:url(img/bg1.jpg);
	border: 1px solid #440000;
	box-shadow: #920d00;
}
/*login*/
.input-group-text {
  background-color: #000;
  border: var(--bs-border-width) solid #b9b9b9;
}
.form-control::placeholder {
  color: rgba(54, 55, 55, 0.75);
}
.input-group-text {
  color: #920d00;
}
.form-control {
  color: #000;
  background-color: #f2f2f2;
  background-image: none;
  border:1px solid #920d00;
}
.form-control:focus {
  color: #111;
  background-color: #fff;
}
/*textfelder*/
.form-control {
	color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #920d00;
}
.form-control:focus {
  border-color: #590606;
  box-shadow: 0 0 0 .25rem rgba(219, 4, 4, 0.25);
}

/*knöpfe*/
.btn {
    border: 1px solid #440000;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

.btn:before {
    content: '';
    background: linear-gradient(45deg, #920d00, #ff9600,#920d00, #920d00);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.btn:active {
    color: #000
}

.btn:active:after {
    background: transparent;
}

.btn:hover:before {
    opacity: 1;
}

.btn:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
/*knöpfe ende*/

/*facebook*/
.face {
	position: right-side;
	text-align:right;
}
/*facebook ende*/

/*Votekasten*/
 .bg-primary {
  background-color: rgb(111, 22, 22) !important;
}
.panel-primary>.panel-heading {
    color: #999;
    background-color: transparent!important;
    border-color: #920d00!important;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid #ddd;
}

.panel-footer {
    padding: 10px 15px;
    background-color: transparent;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #920d00!important;
    text-align: center;
    background-color: #920d00!important;
	}
	
	.progress {
 
    background-color: #999!important;
	}
/*Votekasten ende*/

/*Downloads*/
.img-thumbnail {
  background-color: #21252900;
  border: var(--bs-border-width) solid #49505700;
}

/*Erfolgreich Login usw*/
.alert-success {
    color: #3c763d;
    background-color: transparent!important;
    border-color: #d6e9c6;
}
/*Erfolgreich Login usw ende*/

/*Tabellen hover member user*/
.table-hover>tbody>tr:hover {
    background-color: transparent;
}
.table-hover>tbody>tr:hover a:hover {
    color: #fff;
}
/*Tabellen hover member user ende*/

/*eventfenster*/
.event-list > li > time {
	background-color: #920d00!important;
	}
	
@media (min-width: 768px){
.event-list > li > .info {
    background-color: black!important;
	}}
	
.navbar-default {
    background-color: black!important;
    border-color: black!important;
	}
	
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #999!important;

.eigenenav {
    padding-right: 1px !important;
    padding-left: 1px !important;
}

.ck-content {
    color: #999;
}


    Das scheint auch dein Problem zu beheben. Den Farbcode (Schriftfarbe) kannst noch je nach Geschmack anpassen.

    Gruß
    blackcoder
    0 Mitglieder finden den Beitrag gut.
  8. Di. 05.05.2026 18:18 Uhr #8
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    109
    Beitragswertungen
    6 Beitragspunkte
    Also wir haben immer noch dunkelen hinter grund mit Schwarzer schrift im forum sehr schwer zu lesen leider aktuell

    ich habe jetzt X mal Sachen geändert nix klappt leider .... und ja ich habe Cookies gelöscht usw.

    Wir hätten gerne den dunklen Hintergrund mit normaler weißer Schrift. Dies ist im Forum und in anderen Modulen wie Kasse das selbe leider

    aktuell sieht die style so aus : 

    body {
background: url(img/background.jpg) fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color:#f2f2f2;
}

/* wegen Lightbox ausgeklammert
img {
height: auto !important;
max-width: 100% !important;
}
*/

a {
color: #920d00;
text-decoration: none;
}

a:hover {
text-decoration: underline;
color:#920d00;
}

label {
font-weight: normal;
font-size: small;
}

figcaption {
font-style: italic;
font-size: 12px;
}

h1 {
font-size: 21px;
line-height: inherit;
margin-top: 0;
margin-bottom: 20px;
width: 100%;
border-bottom: 1px solid #920d00;
}

hr {
border-color: #f00;
}

.navbar-gaming {
background-color: #000;
border-bottom: 1px solid #920d00;
margin-bottom: 0;
}

.navbar-gaming .navbar-brand {
color: #FFF;
}

.navbar-gaming .container-fluid .navbar-collapse {
margin-right: -30px;
margin-left: -30px;
overflow-y:scroll;
position:relative;
height: 500px;
}

.navbar-gaming .container-fluid .navbar-collapse .panel {
border: 0;
}

.navbar-gaming .navbar-nav > li > a:hover, .navbar-gaming .navbar-nav > li > a:focus {
background-color: #32333B;
color: #32333B;
}

.navbar-toggle .icon-bar {
background-color: #EEE;
}

header .container {
margin-top: 51px;
}


.mobile .panel-gaming>.panel-heading {
background:transparent
}

#nav {
position: relative;
margin-top:150px !important;
width: 100%;
display:none;
}

#nav ul {margin:0;padding:0;}

#nav li {
padding:15px;
position: relative;
border-right:1px solid rgba(255, 255, 255, 0.1);
list-style: none;
}
#nav a {
font-size:16px;
text-decoration: none;
color: rgba(147, 147, 147, 1);
text-shadow: 2px 2px 1px #000;
}

#nav ul li ul li {
float:none;
border:none;
padding:0px 15px;
}

#nav ul ul {
position: absolute;
top: -9999px;
left: 0;
opacity: 1;
z-index: 500;
background: #920d00;
color:#000 !important;
padding: 2px;
border-top: none;
box-shadow: #3a3732 0 2px 4px;
}
#nav ul li:hover>ul{
opacity: 1;
position:absolute;
top:53px;
left:0;
}

#nav .card-body {
background:url(img/nav.jpg);
background-position: center top;
background-repeat: repeat-x;
position: relative;
padding: 0;
border-bottom:1px solid #920d00;
}
#nav .panel-card>ul>li {
margin-left:15px;
}
#nav .panel-card:before {
content:"";
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
}

@media (min-width: 768px) {
header .container {
margin-top: 0;
}
#nav {
display:block;
}
}

header .container .gaming {
margin: 0;
padding: 0;
border-top: 0;
position: relative;
}


@media (min-width: 768px) {
header .container .gaming {
/*! margin: 0 10px; */
}
}

@media (min-width: 1200px) {
header .container .gaming {
margin: 0;
}
}

@media (min-width: 768px) {
header .container .gaming .carousel-control {
width: 10%;
}
}

@media (min-width: 768px) {
header .container .community .carousel-control {
width: 10%;
}
}

header .container .gaming .carousel {
-webkit-box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
}

header .container .gaming .carousel-indicators {
bottom: 0;
width:100%;
margin:0 auto 0 auto;
left: 0;
position: relative;
top: 30px;
}

header .container .gaming .slider_bottom {
position: absolute;
bottom: 0px;
left: 0%;
z-index: 15;
width: 100%;
padding-left: 0;
text-align: center;
list-style: none;
margin: 0 auto 0 auto;
background-color:rgba(0,0,0,0.5);
}

header .container .gaming .slider_bottom .col-lg-9 {
width:75%;
float:left;
}
header .container .gaming .slider_bottom .col-lg-3 {
width:25%;
float:left;
}

header .container .gaming .text {
color:#fff;
font-size: 18px !important;
text-align:left;
padding:5px;
text-shadow: 2px 2px 1px #000;
}

.btn-primary{
background-color:#920d00;
background-position:top center;
border-color:#111;
}

header .wot_button:hover, .btn-primary:hover {
border-color:#555;
background-color:rgba(0,0,0,0.5);
}

header .container .gaming .carousel-indicators li {
margin-top:0%;
border-color: #000;
background: #222;
}

.carousel-indicators .active {
background-color:#920d00 !important;
}

header .container .gaming-name {
top: 0;
left: 0;
position: absolute;
width: 70%;
margin-left: 15%;
padding: 10px 0;
color: #FFF;
font-size: 27px;
text-shadow: 0 3px 10px #32333B;
font-weight: bold;
text-align: center;
line-height: 25px;
}

@media (min-width: 768px) {
header .container .gaming-name {
top: 20px;
padding: 15px 0;
font-size: 32px;
}
header #text .col-lg-9 {
width:75%;
float:left;
}
header #text .col-lg-3 {
width:25%;
float:left;
}
}

@media (min-width: 992px) {
header .container .gaming-name {
top: 100px;
font-size: 37px;
}
}

.container {
margin-top: 15px;
padding-left: 0;
padding-right: 0;
max-width: 100%;
}

.wot .card {
margin-bottom:20px;
}

.wot .card,.wot_content .ilch-head, .mobile .card{
border:none;
background:url(img/panelBG.jpg);
box-shadow: #000 0 2px 4px;
padding:0px 3px;
}

.wot_content .ilch-bg--hover, .ilch-bg {
background:transparent;
}

.wot_content .ilch-border {
border-color:#000;
}

.wot_content .card {
background:transparent;
border-color:#222;
}

.wot_content .post, .post-footer {
border-color:#000 !important;
}

.wot_content .ilch-link,.profile-sidebar .push-menu i {
color:#920d00 !important;
}

.wot_content blockquote {
border-color:#920d00;
border-width: 20%;
border-radius:5px;
font-size:15px;
}

.wot_content .profile-sidebar, .wot_content .profile-content {
background:transparent !important;
background-position: top center;
}

.wot_content .profile-sidebar .profile-usermenu ul li.active a {
color: #920d00;
border-left: 2px solid #920d00;
margin-left: -2px;
border-right: 2px solid #920d00;
margin-right: -2px;
}

.wot_content .profile-sidebar .profile-usermenu ul li {
border-color:#222;
}

.wot_content .profile-sidebar .profile-usermenu ul li a:hover {
background:transparent !important;
color: #920d00;
}

.wot_content .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #920d00;
border-color: #000;
}

.wot_content .pagination > li > a, .pagination > li > span {
background-color: #fff;
border: 1px solid #000;
color:#000;
}

.wot_content #forum h1 {
display: none;
}

.wot_content #forum .postprofile img {
border-radius:50%;
border:3px solid #920d00;
}

.wot_content #forum .postprofile img:hover {
border-radius:0% !important;
border:2px solid #920d00;
transition: all 400ms;
-webkit-transition: all 400ms;
-o-transition: all 400ms;
-moz-transition: all 400ms;
}

.wot .article-keywords-box a,.article-box .ellipsis>.badge {
background:#920d00;
color:#fff !important;
padding:2px 3px;
border-radius:3px
}
.wot .article-keywords-box a:before {
content:"#";
}
.wot .article-keywords-box a:last-child {
margin-left:2px;
}
.wot .article-keywords-box a:hover {
color:#fff !important;
background:#000;
}
.wot .article-keywords-box a:last-child:before {
content:"►";
}

@media (min-width: 768px) {
.container {
margin-top: 0;
}
}

@media (min-width: 1200px) {
.container {
width: 77%;
}
}

.gaming {
background:#151515;
overflow: hidden;
}

@media (min-width: 768px) {
.gaming, header .container .gaming {
padding: 15px;
}
}

.card ul.list-unstyled li {
display: block;
text-align: left;
margin-left: 0;
}
.card ul.list-unstyled li a {
font-weight: normal;
}

.card-gaming,
.card-default {
border-radius: 0;
}

@media (min-width: 768px) {
.card-gaming,
.card-default {
border-radius: 4px;
}
}

.card-gaming > .card-header {
color: #fff;
text-shadow: 2px 2px 1px #000;
background:transparent;
margin-top: 0;
line-height: 20px;
margin-bottom: 0;
padding: 10px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-rendering: optimizelegibility;
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
text-align:center;
border-bottom: 2px groove #920d00;
}

.wot_content .panel-primary > .card-header {
background:url(img/nav.jpg) !important;
border-color:#920d00;
}

.wot_content .list-group-item {
background:transparent;
border:none;
}

.wot_content .progress-bar {
background:#920d00;
}

.ilch--new-message a.text-danger {
color: #a94442;
}

.footer .container {
margin-top: 15px;
}

@media (min-width: 768px) {
.footer .container {
margin-top: 0;
}
}

.footer .container .gaming {
margin: 0;
padding: 15px 0;
border-bottom: 0;
}

@media (min-width: 768px) {
.footer .container .gaming {
margin: 0 10px;
}
}

@media (min-width: 1200px) {
.footer .container .gaming {
margin: 0;
}
}

.footer .container .gaming ul {
margin: 0;
padding: 0;
}

.footer .container .gaming ul li {
list-style-type: none;
display: inline;
}

.footer .container .gaming ul li:after {
content: ' | ';
}

.footer .container .gaming ul li:last-child:after {
content: '';
}

.footer .container .gaming .row [class*="col-"] {
padding: 0 30px;
}

@media (min-width: 768px) {
.footer .container .gaming .nav {
text-align: right;
display:block;
}
}
.card.shop-card-index {
background-color: #2b3035;
border: 1px solid #495057;
}
.card.shop-card-index a,.card.shop-card-index a:hover {
text-decoration: none;
}

.panel-body{
background:url(img/panelBG.jpg);
padding: 8px 15px!important;
}
.profile-sidebar .profile-usermenu ul li a {
color: #f2f2f2;
}
.table {
--bs-table-bg: #21252900;
}
/*neu*

/*shop*/
.card.shop-card-index {
background-color: #2b303500;
}
.btn:hover {
color: #920d00;
}
/*shop ende*/

/*Galerie*/
.bg-body-tertiary {
--bs-bg-opacity: 1;
background-color: rgba(0, 0, 0, 0) !important;
}
/*menüleiste*/
.breadcrumb {
padding: 8px 15px!important;
margin-bottom: 20px!important;
list-style: none!important;
border-radius: 4px!important;
background:url(img/panelBG.jpg);
background-position: center top;
background-repeat: repeat-x;
}

/*tabelle*/
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #34302f;
background:url(img/bg2.jpg);
}

/*gästebuch*/
.panel-default>.panel-heading {
background-color: #34302f;
background:url(img/panelBG.jpg);
color: #fff
}

.profil h3 {
color: #920d00!important;
}
/*knöpfe*/
.btn {
color: #666;
background:url(img/bg1.jpg);
border: 1px solid #440000;
box-shadow: #920d00;
}
/*login*/
.input-group-text {
background-color: #000;
border: var(--bs-border-width) solid #b9b9b9;
}
.form-control::placeholder {
color: rgba(54, 55, 55, 0.75);
}
.input-group-text {
color: #920d00;
}
.form-control {
color: #000;
background-color: #f2f2f2;
background-image: none;
border:1px solid #920d00;
}
.form-control:focus {
color: #111;
background-color: #fff;
}
/*textfelder*/
.form-control {
color: #000;
background-color: #fff;
background-image: none;
border: 1px solid #920d00;
}
.form-control:focus {
border-color: #590606;
box-shadow: 0 0 0 .25rem rgba(219, 4, 4, 0.25);
}

/*knöpfe*/
.btn {
border: 1px solid #440000;
outline: none;
color: #fff;
background: #111;
cursor: pointer;
position: relative;
z-index: 0;
border-radius: 10px;
}

.btn:before {
content: '';
background: linear-gradient(45deg, #920d00, #ff9600,#920d00, #920d00);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear infinite;
opacity: 0;
transition: opacity .3s ease-in-out;
border-radius: 10px;
}

.btn:active {
color: #000
}

.btn:active:after {
background: transparent;
}

.btn:hover:before {
opacity: 1;
}

.btn:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #111;
left: 0;
top: 0;
border-radius: 10px;
}

@keyframes glowing {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }
}
/*knöpfe ende*/

/*facebook*/
.face {
position: right-side;
text-align:right;
}
/*facebook ende*/

/*Votekasten*/
.bg-primary {
background-color: rgb(111, 22, 22) !important;
}
.panel-primary>.panel-heading {
color: #999;
background-color: transparent!important;
border-color: #920d00!important;
}

.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: transparent;
border: 1px solid #ddd;
}

.panel-footer {
padding: 10px 15px;
background-color: transparent;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}

.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #920d00!important;
text-align: center;
background-color: #920d00!important;
}

.progress {

background-color: #999!important;
}
/*Votekasten ende*/

/*Downloads*/
.img-thumbnail {
background-color: #21252900;
border: var(--bs-border-width) solid #49505700;
}

/*Erfolgreich Login usw*/
.alert-success {
color: #3c763d;
background-color: transparent!important;
border-color: #d6e9c6;
}
/*Erfolgreich Login usw ende*/

/*Tabellen hover member user*/
.table-hover>tbody>tr:hover {
background-color: transparent;
}
.table-hover>tbody>tr:hover a:hover {
color: #fff;
}
/*Tabellen hover member user ende*/

/*eventfenster*/
.event-list > li > time {
background-color: #920d00!important;
}

@media (min-width: 768px){
.event-list > li > .info {
background-color: black!important;
}}

.navbar-default {
background-color: black!important;
border-color: black!important;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
color: #555;
background-color: #999!important;

.eigenenav {
padding-right: 1px !important;
padding-left: 1px !important;
}

.ck-content {
color: #FFFFFF;
}



In der benutzer definierten css steht :
:root {
--ck-color-focus-border:hsl(5, 100%, 29%);
--ck-color-base-background: #373737;
--ck-color-base-border: #920d00;
--ck-color-base-text: #ececec;
--ck-color-tooltip-background: #920d00;
--ck-color-tooltip-text: #ececec;
--ck-color-button-default-hover-background: #920d00;
--ck-color-button-on-color: #920d00;
--ck-color-button-on-background: #ececec;
}
.input-group-text {
background-color: #000;
border: var(--bs-border-width) solid #b9b9b9;
}
.form-control::placeholder {
color: rgba(54, 55, 55, 0.75);
}
.form-control {
color: #000;
background-color: #f2f2f2;
background-image: none;
border:1px solid #920d00;
}
.ilch-head-dark {
background:url(/webseite/application/layouts/new_htclan/img/panelBG.jpg);
}



    Zuletzt modifiziert von ht-clan am 07.05.2026 - 19:47:06
    0 Mitglieder finden den Beitrag gut.
  9. Di. 05.05.2026 19:28 Uhr #9
    User Pic
    WeLo Mitglied
    Registriert seit
    22.05.2012
    Beiträge
    174
    Beitragswertungen
    29 Beitragspunkte
    Füge mal in der style.css folgende Zeilen hinzu:

    bei .card-gaming, .card-default

    color: #f2f2f2;

    das selbe bei .card-gamin> .card-header und bei .panel

    bei a {

    color: #f2f2f2 !important;


    Damit sollte es funktionieren.

    ABER NICHT VERGESSEN!
    Bei jeder Änderung an der style.css muss man die HP mit Strg + F5 aktualisieren,
    damit die Änderungen sichtbar werden. zwinker


    Zuletzt modifiziert von WeLo am 05.05.2026 - 19:34:49
    0 Mitglieder finden den Beitrag gut.
  10. Mi. 06.05.2026 17:30 Uhr #10
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    109
    Beitragswertungen
    6 Beitragspunkte
    Habe ich gemacht nix ändert sich oder ich bin echt zu doof.....

    komme echt mit der doofen style.css net klar 

    body {
    background: url(img/background.jpg) fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color:#f2f2f2;
}
 
/* wegen Lightbox ausgeklammert
img {
    height: auto !important;
    max-width: 100% !important;
}
*/
 
a {
    color: #f2f2f2 !important;
    text-decoration: none;
}
 
a:hover {
    text-decoration: underline;
    color:#920d00;
}
 
label {
    font-weight: normal;
    font-size: small;
}
 
figcaption {
    font-style: italic;
    font-size: 12px;
}
 
h1 {
    font-size: 21px;
    line-height: inherit;
    margin-top: 0;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #920d00;
}
 
hr {
    border-color: #f00;
}
 
.navbar-gaming {
    background-color: #000;
    border-bottom: 1px solid #920d00;
    margin-bottom: 0;
}
 
.navbar-gaming .navbar-brand {
    color: #FFF;
}
 
.navbar-gaming .container-fluid .navbar-collapse {
    margin-right: -30px;
    margin-left: -30px;
    overflow-y:scroll; 
    position:relative;
    height: 500px;
}
 
.navbar-gaming .container-fluid .navbar-collapse .panel {
    border: 0;
}
 
.navbar-gaming .navbar-nav > li > a:hover, .navbar-gaming .navbar-nav > li > a:focus {
    background-color: #32333B;
    color: #32333B;
}
 
.navbar-toggle .icon-bar {
    background-color: #EEE;
}
 
header .container {
    margin-top: 51px;
}
 
 
.mobile .panel-gaming>.panel-heading {
    background:transparent
}
 
#nav {
    position: relative;
    margin-top:150px !important;
    width: 100%;
    display:none;
}
 
#nav ul {margin:0;padding:0;}
 
#nav li {
    padding:15px;
    position: relative;
    border-right:1px solid rgba(255, 255, 255, 0.1);
    list-style: none;
}
#nav a {
    font-size:16px;
    text-decoration: none;
    color: rgba(147, 147, 147, 1);
    text-shadow: 2px 2px 1px #000;
}
 
#nav ul li ul li {
    float:none;
    border:none;
    padding:0px 15px;
}
 
#nav ul ul {
    position: absolute;
    top: -9999px;
    left: 0;
    opacity: 1;
    z-index: 500;
    background: #920d00;
    color:#000 !important;
    padding: 2px;
    border-top: none;
    box-shadow: #3a3732 0 2px 4px;
}
#nav ul li:hover>ul{
    opacity: 1;
    position:absolute;
    top:53px;
    left:0;
}
 
#nav .card-body {
    background:url(img/nav.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    position: relative;
    padding: 0;
    border-bottom:1px solid #920d00;
}
#nav .panel-card>ul>li {
    margin-left:15px;
}
#nav .panel-card:before {
    content:"";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}
 
@media (min-width: 768px) {
    header .container {
        margin-top: 0;
    }
    #nav {
        display:block;
    }
}
 
header .container .gaming {
    margin: 0;
    padding: 0;
    border-top: 0;
    position: relative;
}
 
 
@media (min-width: 768px) {
    header .container .gaming {
        /*! margin: 0 10px; */
    }
}
 
@media (min-width: 1200px) {
    header .container .gaming {
        margin: 0;
    }
}
 
@media (min-width: 768px) {
    header .container .gaming .carousel-control {
        width: 10%;
    }
}
 
@media (min-width: 768px) {
    header .container .community .carousel-control {
        width: 10%;
    }
}
 
header .container .gaming .carousel {
    -webkit-box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
    box-shadow: -1px 0px 7px 3px rgba(0,0,0,0.75);
}
 
header .container .gaming .carousel-indicators {
    bottom: 0;
    width:100%;
    margin:0 auto 0 auto;
    left: 0;
    position: relative;
    top: 30px;
}
 
header .container .gaming .slider_bottom {
    position: absolute;
    bottom: 0px;
    left: 0%;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    text-align: center;
    list-style: none;
    margin: 0 auto 0 auto;
    background-color:rgba(0,0,0,0.5);
}
 
header .container .gaming .slider_bottom .col-lg-9 {
    width:75%;
    float:left;
}
header .container .gaming .slider_bottom .col-lg-3 {
    width:25%;
    float:left;
}
 
header .container .gaming .text {
    color:#fff;
    font-size: 18px !important;
    text-align:left;
    padding:5px;
    text-shadow: 2px 2px 1px #000;
}
 
.btn-primary{
    background-color:#920d00;
    background-position:top center;
    border-color:#111;
}
 
header .wot_button:hover, .btn-primary:hover {
    border-color:#555;
    background-color:rgba(0,0,0,0.5);
}
 
header .container .gaming .carousel-indicators li {
    margin-top:0%;
    border-color: #000;
    background: #222;
}
 
.carousel-indicators .active {
    background-color:#920d00 !important;
}
 
header .container .gaming-name {
    top: 0;
    left: 0;
    position: absolute;
    width: 70%;
    margin-left: 15%;
    padding: 10px 0;
    color: #FFF;
    font-size: 27px;
    text-shadow: 0 3px 10px #32333B;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
}
 
@media (min-width: 768px) {
    header .container .gaming-name {
        top: 20px;
        padding: 15px 0;
        font-size: 32px;
    }
    header #text .col-lg-9 {
        width:75%;
        float:left;
    }
    header #text .col-lg-3 {
        width:25%;
        float:left;
    }
}
 
@media (min-width: 992px) {
    header .container .gaming-name {
        top: 100px;
        font-size: 37px;
    }
}
 
.container {
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
}
 
.wot .card {
  margin-bottom:20px;
}
 
.wot .card,.wot_content .ilch-head, .mobile .card{
    border:none;
    background:url(img/panelBG.jpg);
    box-shadow: #000 0 2px 4px;
    padding:0px 3px;
}
 
.wot_content .ilch-bg--hover, .ilch-bg {
    background:transparent;
}
 
.wot_content .ilch-border {
    border-color:#000;
}
 
.wot_content .card {
    background:transparent;
    border-color:#222;
}
 
.wot_content .post, .post-footer {
    border-color:#000 !important;
}
 
.wot_content .ilch-link,.profile-sidebar .push-menu i {
    color:#920d00 !important;
}
 
.wot_content blockquote {
    border-color:#920d00;
    border-width: 20%;
    border-radius:5px;
    font-size:15px;
}
 
.wot_content .profile-sidebar, .wot_content .profile-content {
    background:transparent !important;
    background-position: top center;
}
 
.wot_content .profile-sidebar .profile-usermenu ul li.active a {
    color: #920d00;
    border-left: 2px solid #920d00;
    margin-left: -2px;
    border-right: 2px solid #920d00;
    margin-right: -2px;
}
 
.wot_content .profile-sidebar .profile-usermenu ul li {
    border-color:#222;
}
 
.wot_content .profile-sidebar .profile-usermenu ul li a:hover {
    background:transparent !important;
    color: #920d00;
}
 
.wot_content .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #920d00;
    border-color: #000;
}
 
.wot_content .pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #000;
    color:#000;
}
 
.wot_content #forum h1 {
    display: none;
}
 
.wot_content #forum .postprofile img {
    border-radius:50%;
    border:3px solid #920d00;
}
 
.wot_content #forum .postprofile img:hover {
    border-radius:0% !important;
    border:2px solid #920d00;
    transition: all 400ms;
    -webkit-transition: all 400ms;
    -o-transition: all 400ms;
    -moz-transition: all 400ms;
}
 
.wot .article-keywords-box a,.article-box .ellipsis>.badge {
    background:#920d00;
    color:#fff !important;
    padding:2px 3px;
    border-radius:3px
}
.wot .article-keywords-box a:before {
    content:"#";
}
.wot .article-keywords-box a:last-child {
    margin-left:2px;
}
.wot .article-keywords-box a:hover {
    color:#fff !important;
    background:#000;
}
.wot .article-keywords-box a:last-child:before {
    content:"►";
}
 
@media (min-width: 768px) {
    .container {
        margin-top: 0;
    }
}
 
@media (min-width: 1200px) {
    .container {
        width: 77%;
    }
}
 
.gaming {
    background:#151515;
    overflow: hidden;
}
 
@media (min-width: 768px) {
    .gaming, header .container .gaming {
        padding: 15px;
    }
}
 
.card ul.list-unstyled li {
    display: block;
    text-align: left;
    margin-left: 0;
}
.card ul.list-unstyled li a {
    font-weight: normal;
}
 
.card-gaming,
.card-default
color: #f2f2f2; {
    border-radius: 0;
}
 
@media (min-width: 768px) {
    .card-gaming,
    .card-default 
	color: #f2f2f2;{
        border-radius: 4px;
    }
}
 
.card-gaming > .card-header {
    color: #f2f2f2;
    text-shadow: 2px 2px 1px #000;
    background:transparent;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 0;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-rendering: optimizelegibility;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    text-align:center;
    border-bottom: 2px groove #920d00;
}
 
.wot_content .panel-primary > .card-header {
    background:url(img/nav.jpg) !important;
    border-color:#920d00;
}
 
.wot_content .list-group-item {
    background:transparent;
    border:none;
}
 
.wot_content .progress-bar {
    background:#920d00;
}
 
.ilch--new-message a.text-danger {
    color: #a94442;
}
 
.footer .container {
    margin-top: 15px;
}
 
@media (min-width: 768px) {
    .footer .container {
        margin-top: 0;
    }
}
 
.footer .container .gaming {
    margin: 0;
    padding: 15px 0;
    border-bottom: 0;
}
 
@media (min-width: 768px) {
    .footer .container .gaming {
        margin: 0 10px;
    }
}
 
@media (min-width: 1200px) {
    .footer .container .gaming {
        margin: 0;
    }
}
 
.footer .container .gaming ul {
    margin: 0;
    padding: 0;
}
 
.footer .container .gaming ul li {
    list-style-type: none;
    display: inline;
}
 
.footer .container .gaming ul li:after {
    content: ' | ';
}
 
.footer .container .gaming ul li:last-child:after {
    content: '';
}
 
.footer .container .gaming .row [class*="col-"]  {
    padding: 0 30px;
}
 
@media (min-width: 768px) {
    .footer .container .gaming .nav {
        text-align: right;
        display:block;
    }
}
.card.shop-card-index {
    background-color: #2b3035;
    border: 1px solid #495057;
}
.card.shop-card-index a,.card.shop-card-index a:hover {
    text-decoration: none;
}
 
.panel-body{
    background:url(img/panelBG.jpg);
    padding: 8px 15px!important;
}
.profile-sidebar .profile-usermenu ul li a {
  color: #f2f2f2;
}
.table {
  --bs-table-bg: #21252900;
}
/*neu*
 
/*shop*/
.card.shop-card-index {
  background-color: #2b303500;
}
.btn:hover {
  color: #920d00;
}
/*shop ende*/
 
/*Galerie*/
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, 0) !important;
}
/*menüleiste*/
.breadcrumb {
    padding: 8px 15px!important;
    margin-bottom: 20px!important;
    list-style: none!important;
    border-radius: 4px!important;
    background:url(img/panelBG.jpg);
    background-position: center top;
    background-repeat: repeat-x;
}
 
/*tabelle*/
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #34302f;
    background:url(img/bg2.jpg);
}
 
/*gästebuch*/
.panel-default>.panel-heading {
    background-color: #34302f;
    background:url(img/panelBG.jpg);
    color: #f2f2f2
}
 
.profil h3 {
    color: #920d00!important;
}   
/*knöpfe*/
.btn {
    color: #666;
    background:url(img/bg1.jpg);
    border: 1px solid #440000;
    box-shadow: #920d00;
}
/*login*/
.input-group-text {
  background-color: #000;
  border: var(--bs-border-width) solid #b9b9b9;
}
.form-control::placeholder {
  color: rgba(54, 55, 55, 0.75);
}
.input-group-text {
  color: #920d00;
}
.form-control {
  color: #000;
  background-color: #f2f2f2;
  background-image: none;
  border:1px solid #920d00;
}
.form-control:focus {
  color: #111;
  background-color: #fff;
}
/*textfelder*/
.form-control {
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #920d00;
}
.form-control:focus {
  border-color: #590606;
  box-shadow: 0 0 0 .25rem rgba(219, 4, 4, 0.25);
}
 
/*knöpfe*/
.btn {
    border: 1px solid #440000;
    outline: none;
    color: #fff;
    background: #111;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}
 
.btn:before {
    content: '';
    background: linear-gradient(45deg, #920d00, #ff9600,#920d00, #920d00);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}
 
.btn:active {
    color: #000
}
 
.btn:active:after {
    background: transparent;
}
 
.btn:hover:before {
    opacity: 1;
}
 
.btn:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}
 
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
/*knöpfe ende*/
 
/*facebook*/
.face {
    position: right-side;
    text-align:right;
}
/*facebook ende*/
 
/*Votekasten*/
 .bg-primary {
  background-color: rgb(111, 22, 22) !important;
}
.panel-primary>.panel-heading {
    color: #999;
    background-color: transparent!important;
    border-color: #920d00!important;
}
 
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid #ddd;
}
 
.panel-footer {
    padding: 10px 15px;
    background-color: transparent;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
 
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #920d00!important;
    text-align: center;
    background-color: #920d00!important;
    }
     
    .progress {
  
    background-color: #999!important;
    }
/*Votekasten ende*/
 
/*Downloads*/
.img-thumbnail {
  background-color: #21252900;
  border: var(--bs-border-width) solid #49505700;
}
 
/*Erfolgreich Login usw*/
.alert-success {
    color: #3c763d;
    background-color: transparent!important;
    border-color: #d6e9c6;
}
/*Erfolgreich Login usw ende*/
 
/*Tabellen hover member user*/
.table-hover>tbody>tr:hover {
    background-color: transparent;
}
.table-hover>tbody>tr:hover a:hover {
    color: #fff;
}
/*Tabellen hover member user ende*/
 
/*eventfenster*/
.event-list > li > time {
    background-color: #920d00!important;
    }
     
@media (min-width: 768px){
.event-list > li > .info {
    background-color: black!important;
    }}
     
.navbar-default {
    background-color: black!important;
    border-color: black!important;
    }
     
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #999!important;
 
.eigenenav {
    padding-right: 1px !important;
    padding-left: 1px !important;
}
 
.ck-content {
    color: #999;
}



    Zuletzt modifiziert von ht-clan am 07.05.2026 - 19:46:09
    0 Mitglieder finden den Beitrag gut.
  11. Do. 07.05.2026 22:27 Uhr #11
    User Pic
    WeLo Mitglied
    Registriert seit
    22.05.2012
    Beiträge
    174
    Beitragswertungen
    29 Beitragspunkte
    Da ist ein Fehler in Zeile 456

    .card-gaming,
    .card-default
    color: #f2f2f2; {
    border-radius: 0;
    }

    Ändern in so

    .card-gaming,
    .card-default {
    color: #f2f2f2;
    border-radius: 0;
    }

    Die { ist an der falschen Stelle
    0 Mitglieder finden den Beitrag gut.
  12. Fr. 08.05.2026 14:48 Uhr #12
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.539
    Beitragswertungen
    424 Beitragspunkte
    @ht-clan
    Schaue mal in deiner style.css-Datei.

    In Zeile 808-810 siehst du folgendes: 
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #999!important;


    Im Anschluss (Zeile 811) fehlt die schließende geschweifte Klammer. 
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #999!important;
}


    Hier die korrigierte Datei:
    www.blackcoder.de/downloads/style.css

    Siehe auch den Screenshot, den ich dir per PN geschickt habe.

    Gruß
    blackcoder
    0 Mitglieder finden den Beitrag gut.
  13. Fr. 08.05.2026 20:33 Uhr #13
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    109
    Beitragswertungen
    6 Beitragspunkte
    Habe ich danke euch nochmal jetzt sieht wieder alles Top aus lächeln
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten