|
Willkommen,
Gast
|
|
THEMA: [DONE] clm box , clm table Farbe ändern
[DONE] clm box , clm table Farbe ändern 13 Jahre 9 Monate her #1754
|
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 Vereinsdetails anzeigen | DWZ ÜbersichtLeider 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! [ Zum Anzeigen klicken ][ Zum Verstecken klicken ] /**
* 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! [ Zum Anzeigen klicken ][ Zum Verstecken klicken ]
#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;} |
|
Der Administrator hat öffentliche Schreibrechte deaktiviert.
|
[DONE] clm box , clm table Farbe ändern 13 Jahre 9 Monate her #1756
|
|
|
Frei ist, wer in Ketten tanzen kann.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
|
[DONE] clm box , clm table Farbe ändern 13 Jahre 9 Monate her #1761
|
Hab ich schon gemacht, bringt leider nichts.
Auch in eurer CLM-Demo befindet sich die Style-Info in der php-Datei. |
|
Der Administrator hat öffentliche Schreibrechte deaktiviert.
|
[DONE] clm box , clm table Farbe ändern 13 Jahre 9 Monate her #1762
|
Wie so oft: Ohne Link bringt es nichts.
Ich kann hier nicht rumrätseln. |
|
Frei ist, wer in Ketten tanzen kann.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
|
[DONE] clm box , clm table Farbe ändern 13 Jahre 9 Monate her #1763
|
**********
|
|
Der Administrator hat öffentliche Schreibrechte deaktiviert.
|
[DONE] clm box , clm table Farbe ändern 13 Jahre 9 Monate her #1764
|
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.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
|
|
Ladezeit der Seite: 0.091 Sekunden