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

Geschlossen
  1. #1
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    104
    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. #2
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.529
    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. #3
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    104
    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. #4
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.529
    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. #5
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    104
    Beitragswertungen
    6 Beitragspunkte
    Einmal Hier

    externer Link
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    ht-clan Mitglied
    Registriert seit
    10.03.2020
    Beiträge
    104
    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. #7
    User Pic
    blackcoder Entwickler
    Registriert seit
    22.05.2014
    Beiträge
    2.529
    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.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten