Frage [DONE] clm box , clm table Farbe ändern

FloH
Autor
Offline
Administrator

Mehr

14 Jahre 10 Monate her #1754 von FloH

[DONE] clm box , clm table Farbe ändern wurde erstellt von FloH

Hallo,

nach einem Update auf 1.0.1 von 0.97 musste ich die CSS neu ändern, da in der Mannschaftsübersicht die Box mit dem Inhalt

Code:

Vereinsdetails anzeigen | DWZ Übersicht

weiß ist.
Leider finde ich dazu keinen Eintrag in der CSS. Das Developer Tool von Chrome zeigt an, dass die Einstellungen direkt in der html-Seite drin sind.
Hier mal meine CSS:

Warnung: Spoiler!

Code:

/**
  * CSS Style for Chess League Manager
  * www.fishpoke.de
  * Author: Fjodor Schaefer
  * www.vonfio.de
  
  #aktuelle_runde | #check | #dwz_liga | #dwz | #info | #mannschaft | #meldeliste | #meldung | #paarungsliste | #rangliste | #runde | #spieler | #statistik | #turnier_info | #turnier_invitation | #turnier_rangliste | #turnier_paarungsliste | #turnier_player | #turnier_runde | #turnier_teilnehmer | #turnier_tabelle | #verein | #vereinsdaten
  
  .dwz_liga | .dwz | .runde | .mannschaft | .meldung | .spielerverlauf | .spielerdwzneu | .turnier_rangliste | .turnier_tabelle |  .turnier_teilnehmer | .rangliste | .paarungsliste | .spielplan | .statistik 
  
*/

@charset "UTF-8";
@media all
{

/***********************************/
/** F A R B E I N S T E L L U N G **/
/***********************************/

/** Schrift **/

#clm table th a { color: #CCCCCC; }
#header h1, #verein h4 { color: #000000;  }
#verein .column { color: #777777;}
#spieler ul, #verein ul {color:#999999;}
#rangliste .ran_chief_left, #rangliste .ran_note_left, #runde .run_note_title, #clm .hint { color:#666666; }

/** Hintergrundfarbe **/

#rangliste .erg { background-color: #F2F2F2;}
#clm .trenner {
	background-color: #999 !important;
}

#clm .pdf, #clm .pdf img { background-color:#FFFFFF;}
.clmbox .pdf img { background:none !important;}

/*#spieler table.spielerverlauf .gsp2_w { background-color:#F7F7F7; } 
#spieler table.spielerverlauf .gsp2_b { background-color:#E3E3E3; } 
*/
/*********************************************/
/** F A R B E I N S T E L L U N G - E N D E **/
/*********************************************/
  

/***********************************************/
/* U E B E R S C H R I F T E N *****************/
/* Generische Klassen fuer die Ueberschriften***/
/***********************************************/

#clm h1, #clm h2, #clm h3, #clm h4, #clm h5, #clm h6, #clm .componentheading, #clm .contentheading {font-weight:normal;margin: 0;text-transform:none; }

#clm h1 { font-size: 200%; }                         /* 24px */
#clm h2, #clm .contentheading { font-size: 166.57%;} /* 20px */
#clm h3 { font-size: 150%;  padding: 10px 0;}        /* 18px */
#clm h4 { font-size: 133.33%; padding: 5px 0; }      /* 16px */
#clm h5 { font-size: 116.67% }                       /* 14px */
#clm h6 { font-size: 116.67%; font-style:italic }    /* 14px */

#clm #pdf { float: right;}
#clm .pdf { border: 1px solid #CCC; margin: 0 5px 0 0; padding: 2px !important;float: right; }
#clm .clmbox .pdf { border: none; background:none;}
#clm .pdf img, #clm .pdf a{ margin: 0; padding: 0 !important;}

#clm h4 {margin: 5px 0 10px 0 !important;}
#statistik h4 {font-size: 150% !important;}

#header h1 {font-size:2.5em;letter-spacing:-2px;line-height:65%; }


/*********************************************/
/** Allgemeine Darstellungen von Containern **/
/*********************************************/

/** Fehlermeldung **/
#wrong, .wrong {text-align: center !important; padding: 10px 0;}

#clm ol { padding: 5px 15px; }

/** Hinweisbox / Beschreibung Staffelleiter **/
#clm #desc { padding: 10px 20px; }
#clm #desc h4 { padding: 0px !important; }

/** Zwei Spalten **/
#clm #leftalign, #clm .left { float: left; width: 49%;}
#clm #rightalign  { float: right; width: 49%;}
.clr {clear: both; }

/** Navigation **/
#clm .clmbox { margin: 10px 0 0 0; padding: 5px 0; /*border: 1px solid #CCC;*/ background:none;}
#clm .clmbox a { padding: 0px 10px; text-decoration: none; }
#clm .clmbox a:hover { text-decoration: underline; }
#clm table { background: none;}


/**************************************/
/** Darstellung saemtlicher Tabellen **/
/**************************************/

#clm table { border-collapse:collapse; margin-bottom: 10px !important; }
#clm table.rangliste, #clm table.runde, #clm table.spielerdwzneu, #clm table.spielerverlauf, #clm #dwz table, #clm table.mannschaft, #clm table.dwz_liga, #clm table.turnier_teilnehmer, #clm table.turnier_tabelle, #clm table.paarungsliste, #turnier_info table, #turnier_player table, #clm .spielplan, #clm .details { width: 100%; }

#clm table th { font-size: 110%; }
#clm table td { }
#clm .noborder { border: none; }

#turnier_rangliste table td, #turnier_rangliste table th, .meldung td, #meldeliste table td { padding: 0.3em !important; } 

#rangliste .rnd, #rangliste .erg, #rangliste .tln, #rangliste .mp, #rangliste .bp, #rangliste .trenner{ width: 20px; }

#clm table .anfang, #clm table .ende { font-weight: bold; }
#clm tr.ende { border-top: 2px solid #999; }

/** Fussnote **/
#clm .hint { font-size: 11px; text-indent: 5px; }


/*************************************/
/** Darstellung bei der DWZ Ansicht **/
/*************************************/

#dwz .nr { width: 5px; text-align: center; } /** Brettnummer **/
#dwz .mitgliedsnr { width: 10px; text-align: center; } /** Mitgliedsnummer **/
#dwz .name { text-align: left; } /** Name **/
#dwz th.dwz, #dwz td.dwz { width: 60px; text-align: left; } /** DWZ **/
#dwz .elo { width: 50px; text-align: center; } /** ELO **/
#dwz table td div { } /** Hier kann eine individuelle Anpassung der Zellen vorgenommen werden **/


/********************************************/
/** Darstellung bei der Mannschaftsansicht **/
/********************************************/

#mannschaft .teamdetails { margin: 20px; }
#mannschaft .name { text-align: left; } /** Name **/
#mannschaft .nr, #mannschaft .dwz, #mannschaft .rnd, #mannschaft .punkte, #mannschaft .spiele, #mannschaft .prozent{ text-align: center;} /** Nr / DWZ / Ergebnisse/ Punkte / Spiele / Prozent **/

#mannschaft h4 { margin: 0 !important; paddding: 10px !important; text-indent: 10px; border: 1px solid #CCC; border-bottom: none;}


/***********************************/
/** Darstellung der Paarungsliste **/
/***********************************/

#paarungsliste table td div { } /** Hier kann eine individuelle Anpassung der Zellen vorgenommen werden **/
#paarungsliste table .paarungen { text-align: center; }
#paarungsliste table .paar { width: 25px; text-align:center;} 
#paarungsliste table .tln { width: 25px; text-align:center; } 
#paarungsliste table .heim { width: 140px; text-align:left; } 
#paarungsliste table .dwz { width: 25px; text-align:center; } 
#paarungsliste table .erg { width: 25px; text-align:center; font-weight: bold; } 
#paarungsliste table .gast { width: 140px; text-align:left; } 
#paarungsliste .paa_titel { height: 16px; line-height: 16px; text-align: right; padding: 0 10px 0 0; font-weight: bold; }
#paarungsliste .paa_titel img { padding-left: 10px; vertical-align:middle; }
#paarungsliste .paa_admit { float:left; padding-left:1%; }


/***********************************/
/** Darstellung bei der Rangliste **/
/***********************************/

#rangliste .rang, #rangliste .rang_auf, #rangliste .rang_auf_evtl, #rangliste .rang_ab, #rangliste .rang_ab_evtl { width: 5px; text-align: center; } /** Spalte "Rang m?gliche Absteiger" **/
#rangliste .mp { border-left: 2px solid #DDD;} /** Teamname in der Zeile **/
#rangliste td.team div { float: left; font-size: 110%;} /** Teamname in der Zeile **/
#rangliste td.team .dwz{ padding-left: 10px; } /** ( DWZ ) neben Teamname **/
#rangliste .rnd, #rangliste .erg, #rangliste .mp, #rangliste .bp, #rangliste .trenner{ text-align: center; }

#rangliste #desc {border: 1px solid #DDD; margin: 0 0 10px 0; padding: 10px 10px 0 10px;}
#rangliste .ran_chief, #rangliste .ran_note { width: 100%; float:left; padding: 0 0 10px 0;}
#rangliste .ran_chief_left, #rangliste .ran_note_left { width: 30%;float:left;}
#rangliste .ran_chief_right, #rangliste .ran_note_right {float:right; width: 70%; text-align:right;}


/**************************************/
/** Darstellung der Rundenergebnisse **/
/**************************************/

.run_titel { height: 16px; line-height: 16px; text-align:right; padding-right:1%; font-weight: bold; }
.run_titel img { padding-left: 10px; vertical-align:middle; }
.run_admit { float:left; padding-left:1%; }
#runde table .paarung , #aktuelle_runde table .paarung { text-align:center; }
#runde table .paarung2, #aktuelle_runde table .paarung2 { text-align:center; }
#runde table td div, #aktuelle_runde table td div { } /** Hier kann eine individuelle Anpassung der Zellen vorgenommen werden **/
#runde .legend p, #paarungsliste .legend p, #aktuelle_runde .legend p { padding: 2px 0; font-size: 90%; }
#runde .legend img, #paarungsliste .legend img, #aktuelle_runde .legend img { vertical-align:middle; }

#runde #desc {border: 1px solid #DDD; margin: 10px 0 10px 0; padding: 10px; font-size:110%;}
#turnier_runde #desc {border: 1px solid #DDD; margin: 10px 0 10px 0; padding: 10px; font-size:110%;}

/****************************************/
/** Darstellung bei der Spieleransicht **/
/****************************************/

#spieler .desc {margin: 0 0 10px 0; padding:5px 0 0 15px; }
#spieler .desc td { border: none !important; }
#spieler .desc td.det_col1, #spieler .desc td.det_col2, #spieler .desc td.det_col3, #spieler .desc td.det_col4 { padding: 2px !important;}
#spieler .desc .det_coltop1 { width: 45%; }
#spieler .desc .det_coltop2 { width: 55%; }
#spieler .desc .det_col1 { width: 10%; }
#spieler .desc .det_col2 { width: 35%; }
#spieler .desc .det_col3 { width: 15%; }
#spieler .desc .det_col4 { width: 40%; }
#spieler ul { padding: 3px 0 0 15px; margin: 0;} /** Liste **/
#spieler ul li { padding: 0; margin: 0;} /** Liste **/

#spieler table.spielerverlauf .gsp { width: 20px; text-align: center; } /** Gespielte Partien **/
#spieler table.spielerverlauf .gsp2, #spieler table.spielerverlauf .gsp2_w, #spieler table.spielerverlauf .gsp2_b { width: 50px; text-align: center; } /** Gespielte Partien **/
#spieler table td div { } /** Hier kann eine individuelle Anpassung der Zellen vorgenommen werden **/
#spieler .mitgliedsnr { width: 10px; text-align: center; } /** Spalte Mitgliedsnr **/
#spieler .name { text-align: left; } /** Spalte Name **/
#spieler .dwz { width: 60px; text-align: left; } /** Spalte DWZ **/
#spieler .spielerdwzneu td { width: 50px; text-align: center; }

#spieler div.title { font-size: 110%; }
#spieler div.title, #spieler .spielerverlauf, #spieler .spielerdwzneu th{  margin: 0; padding: 5px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#spieler .spielerdwzneu th { font-weight: normal !important; }


/***********************************/
/** Darstellung der Ligastatistik **/
/***********************************/

#statistik table .anfang { border-bottom: 2px solid #666666; }
#statistik .border, #info .border { border-left: 2px solid #666666;}
#statistik table .punkte { text-align:center;}
#statistik table .white { text-align:center; }
#statistik table .black {text-align:center; }
#statistik table .remis { text-align:center;}
#statistik table .kampflos { text-align:center;}


/******************************************/
/** Darstellung der Turnierausschreibung **/
/******************************************/

#turnier_invitation {}
#turnier_invitation #ti_text {padding: 10px 10px 20px 10px;}


/***************************************/
/** Darstellung der Turnierteilnehmer **/
/***************************************/

#turnier_player .tp_col_1 { width: 100px;}
#turnier_player .tp_col_2 { width: 40px; text-align: center;}
#turnier_player .tp_col_3 { }
#turnier_player .tp_col_4 { width: 60px; text-align: center; }
#turnier_player .tp_col_5 { width: 120px; text-align: center; }


/*************************************/
/** Darstellung der Teilnehmerliste **/
/*************************************/

#turnier_teilnehmer .tt_col_1 {width: 30px; text-align: center;}
#turnier_teilnehmer .tt_col_2 {width: 30px; text-align: center;}
#turnier_teilnehmer .tt_col_3 {}
#turnier_teilnehmer .tt_col_4 {}
#turnier_teilnehmer .tt_col_5 {}
#turnier_teilnehmer .tt_col_6 {width: 40px; text-align: center;}
#turnier_teilnehmer .tt_col_7 {width: 40px; text-align: center;}
#turnier_teilnehmer .tt_col_8 {width: 40px; text-align: center;}


/*****************************************/
/** Darstellung der TurnierKreuztabelle **/
/*****************************************/

#tableoverflow { max-width: 1024px;position:relative; overflow: hidden; padding: 0 0 10px 0;}
#tableoverflow table {margin: 0 !important;}

/** Mittlere Spalte **/
.midtable, .midtable_ch { max-width: 1024px; position: relative; overflow: scroll; -moz-scrollbars-vertical: hidden;overflow-y: hidden; }
#midtabletable, #midtabletable_ch { width: 100%; overflow: hidden; position: relative;  }

/** Linke Spalte **/
.divTableWithFloatingHeader, .tableWithFloatingHeader {width:100%!important; position: relative;}
.lefttable { float:left; width: 260px; }
#lefttabletable { width: 260px; border-right:1px solid #DDD;}

/** Rechte Spalte **/
.righttable0, .righttable_ch0 { float:right; width: 35px; }
.righttable1, .righttable_ch1 { float:right; width: 70px; }
.righttable2, .righttable_ch2 { float:right; width: 105px; }
.righttable3, .righttable_ch3 { float:right; width: 140px; }
#righttabletable0, #righttabletable_ch0 { width: 35px; border-left:1px solid #DDD; }
#righttabletable1, #righttabletable_ch1 { width: 70px; border-left:1px solid #DDD; }
#righttabletable2, #righttabletable_ch2 { width: 105px; border-left:1px solid #DDD; }
#righttabletable3, #righttabletable_ch3 { width: 140px; border-left:1px solid #DDD; }

/** Definition Zellen **/
#turnier_rangliste .rang, #turnier_rangliste .rang_auf, #turnier_rangliste .rang_auf_evtl, #turnier_rangliste .rang_ab, #turnier_rangliste .rang_ab_evtl, #turnier_rangliste .tln, #turnier_rangliste .twz {width: 20px; text-align: right !important;} 
#clm .fw_col {width: 35px; text-align:center !important;} 

#turnier_rangliste .erg div { width: 15px !important; text-align:center !important; } /* Ein Durchgang */
#turnier_rangliste .erg_2 div { width: 30px !important; text-align:center !important; }  /* Zwei Durchgaenge */
#turnier_rangliste .erg_ch div { width: 40px !important; text-align:center !important; } /* Ein Durchgang */
#turnier_rangliste .trenner { text-align:center !important; } 

/* sorgt dafuer, dass die Zellen alle in einer Linie bleiben */
#tableoverflow th div, #tableoverflow td div { height: 15px !important; font-size: 12px !important;}

/* Spielername darf die Breite nicht verlassen, sonst verzerrt das Layout */
#turnier_rangliste td.name, #turnier_rangliste th.name { width: 150px; overflow: hidden!important; }


/************************************/
/** Darstellung der Turniertabelle **/
/************************************/

#turnier_tabelle .rang { width: 30px; text-align:center; } 
#turnier_tabelle .titel { width: 30px; text-align:center; } 
#turnier_tabelle .name_float {} 
#turnier_tabelle .verein {} 
#turnier_tabelle .twz { width: 50px; text-align:center; } 
#turnier_tabelle .pkt { width: 60px; text-align:center; } 
#turnier_tabelle .bhlz { width: 60px; text-align:center; } 


/****************************************/
/** Darstellung bei der Vereinsansicht **/
/****************************************/

#verein h4 { font-size: 13px !important; border-bottom: 1px solid #DDD !important; }
#verein .clmbox {width:99% !important; float: none !important; height: auto !important;}
#verein .column_out {  float: left; width: 99%; border: 1px solid #DDD; margin: 0 0 10px 0; }
#verein .column2 {float: left; width: 43%; padding: 0 3% 0 3%;border-left: 1px solid #DDD;margin-left: -1px; }
#verein .column { padding: 3% 0; }

#verein ul {margin: 5px 0 0 0; padding: 0; list-style:none;}
#verein li { padding: 3px 0; margin: 0;}

und der Teil der html:

Warnung: Spoiler!

Code:

#clm table th, #clm table td { padding: 0.4em; border: 1px solid #CCC; }

#spieler div.title, #spieler div.spielerverlauf  { border-bottom: none !important; border: 1px solid #CCC;}

#clm .zeile1, #clm .zeile1_dg2 { background-color: #5B5B5B;} 

#clm .zeile2, #clm .zeile2_dg2{background-color: #292929;} 

#mannschaft td.punkte, #mannschaft td.spiele, #mannschaft td.prozent, #turnier_tabelle td.pkt, #turnier_tabelle td.sobe, #turnier_tabelle td.bhlz, #turnier_tabelle td.busu, #rangliste td.mp, #rangliste td.bp, td.fw_col {background-color: #000000 !important;} 

#clm table th, #clm table th div{ background-color: #333333; color: #FFFFFF !important;}

#clm table .anfang, #clm table .ende, #clm .clmbox, #spieler table.spielerverlauf th, #spieler div.spielerverlauf, #spieler .title  { background-color: #F5F5F5; color: #8D8D8D !important;}

#wrong, .wrong {background:#FFFF99; border:1px solid #FFCC66;}

#mannschaft .nr { width: 45px; } 

#mannschaft .dwz { width: 30px; } 

#mannschaft .rnd { width: 20px; }

#mannschaft .punkte { width: 20px; }

#mannschaft .spiele { width: 20px; }

#mannschaft .prozent{ width: 20px; } 

/* Lesehilfe AUS bei Einzelturniermodus */

#tableoverflow tr.zeile1:hover td, #tableoverflow tr.zeile2:hover td, #tableoverflow tr.zeile1_auf:hover td, #tableoverflow tr.zeile2_auf:hover td {background: none !important;}

#tableoverflow tr.zeile1:hover td.sobe, #tableoverflow tr.zeile2:hover td.sobe, #tableoverflow tr.zeile1:hover td.fw_col, #tableoverflow tr.zeile2:hover td.fw_col, #tableoverflow tr.zeile1:hover td.pkt, #tableoverflow tr.zeile2:hover td.pkt,#tableoverflow tr.zeile1:hover td.busu, #tableoverflow tr.zeile2:hover td.busu{background-color: #FFFFCC !important;} 

#tableoverflow tr.zeile1:hover td.trenner, #tableoverflow tr.zeile2:hover td.trenner {background-color: #E8E8E8 !important;}

/** Auf- und Abstieg **/

#clm .rang_auf {background-color: #C0DF82 !important;} 

#clm .rang_auf_evtl {background-color: #DCEDBA !important;} 

#clm .rang_ab {background-color: #E7A9A9 !important;} 

#clm .rang_ab_evtl {background-color: #F3D6D6 !important;}

ist z.B. in /component/clm/?view=mannschaft&saison=1&liga=9&tlnr=1

Bitte Anmelden um der Konversation beizutreten.

Fjodinho
Offline
Administrator

Mehr

14 Jahre 10 Monate her #1756 von Fjodinho

Fjodinho antwortete auf [DONE] clm box , clm table Farbe ändern

www.fishpoke.de/index.php?option=com_kun...8&id=1616&Itemid=148

Frei ist, wer in Ketten tanzen kann.

Bitte Anmelden um der Konversation beizutreten.

FloH
Autor
Offline
Administrator

Mehr

14 Jahre 10 Monate her #1761 von FloH

FloH antwortete auf [DONE] clm box , clm table Farbe ändern

Hab ich schon gemacht, bringt leider nichts.
Auch in eurer CLM-Demo befindet sich die Style-Info in der php-Datei.

Bitte Anmelden um der Konversation beizutreten.

Fjodinho
Offline
Administrator

Mehr

14 Jahre 10 Monate her - 14 Jahre 10 Monate her #1762 von Fjodinho

Fjodinho antwortete auf [DONE] clm box , clm table Farbe ändern

Wie so oft: Ohne Link bringt es nichts.
Ich kann hier nicht rumrätseln.

Frei ist, wer in Ketten tanzen kann.

Letzte Änderung: 14 Jahre 10 Monate her von Fjodinho.

Bitte Anmelden um der Konversation beizutreten.

FloH
Autor
Offline
Administrator

Mehr

14 Jahre 10 Monate her - 14 Jahre 10 Monate her #1763 von FloH

FloH antwortete auf [DONE] clm box , clm table Farbe ändern

**********

Letzte Änderung: 14 Jahre 10 Monate her von FloH. Begründung: Erscheint sonst u.U vor der eigentlich Homepage wenn man googelt

Bitte Anmelden um der Konversation beizutreten.

Fjodinho
Offline
Administrator

Mehr

14 Jahre 10 Monate her #1764 von Fjodinho

Fjodinho antwortete auf [DONE] clm box , clm table Farbe ändern

Die Farbe lässt sich im Backend verändern:
Nennt sich "Tabellenüberschrift 2" und ist standardmäßig "#F5F5F5", genauso wie bei dir:

#clm table .anfang, #clm table .ende, #clm .clmbox, #spieler table.spielerverlauf th, #spieler div.spielerverlauf, #spieler .title { background-color: #F5F5F5; color: #8D8D8D !important;}

Frei ist, wer in Ketten tanzen kann.

Bitte Anmelden um der Konversation beizutreten.

Zugang

Nicht erlaubt Themen erstellen
Nicht erlaubt antworten
Nicht erlaubt Beitrag bearbeiten

Ladezeit der Seite: 0.116 Sekunden

Frage [DONE] clm box , clm table Farbe ändern

Zugang

Keycloak Login