Kalenderanpassung im Style departure

[Tastenplayer]

Habe keine Ahnung ob das jetzt ins Styleforum gehört oder ob ich das beim Kalender hinschreiben müsste.

Gestern Standartstyle gewechselt wegen Bilderproblem
Dann Kalender bearbeitet - Schrift grösse geändert sowie Felder erneut versucht dem Style anzupassen sowie Höhe geändert.
Sah alle korrekt aus - calendar.css ausgetauscht auf dem Server.
Jetzt jedoch wird, wenn man das Datum oder Jahr wechseln möchte - der ausgeklappte Teil wieder mit weissem Hintergrund sowie Schwarzer Schrift angezeigt. Zuvor waren die Farben wie im sichtbaren Feld.
Versuche schon seit gestern das wieder anzupassen - ich kann machen was ich will - es ändert sich nichts.
Kalender habe ich deaktiviert - Cache geleert - wieder aktiviert - cache geleert - hat sich nichts geändert.

Bei Firefox Elementuntersuchung kommt immer, dass dies im Style departure color.css 943 gewechselt werden muss. Jedoch auch wenn ich dort die Farben anpasse, passiert nichts. Habe sie jetzt wieder zur ursprünglichen Einstellung gewechselt.

Code: Alles auswählen

/* General form styles
----------------------------------------*/
select {
    border-color: #666666;
    background-color: #F4F4F4;
    color: #000;   

Problem ist die Farbe bei Klick auf die weissen Felder das Dropdownmenu - Kalender habe ich umgestellt auf zeigen für Gäste.

Weiss zufällig jemand wo ich was ändern muss - was mache ich falsch? Bei der Kalenderinstallation stimmten die zuvor angepassten Farben.
calendar.css

Code: Alles auswählen

#header_bevor {
	background-color: #3D3D3D;	    
	border-bottom: 3px solid #e6e9ed;
	border-radius: 8px;
	clear: both;
	margin-bottom: 14px;    
    max-width: 1152px;
    padding: 0 15px;
}
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
#header_bevor{
    margin: 0 12px;
}
}
#index_calendar .forumbg, #calendar .forumbg {
	color: #3D3D3D;
	overflow: hidden; 
	padding:3px;
}

	
.icon-cal {background-image: url("./images/icon_cal.gif");}
.cal_month_title {
	font-size:12px;
	font-weight:bold;
	height:20px;
	text-align:center;
	margin:3px;
}
.cal_month_title a {
    background-color: #3d3d3d;	
    color: #C4B794;
	border: none;
	font-weight: bold;
	border: 2px solid #747474;
    border-radius: 7px;
	padding: 0 2px 4px;
}
#calendar select {
    background-color: #3d3d3d;
    color: #C4B794;
	border: none;
	font-weight: bold;
	border: 2px solid #747474;
    border-radius: 7px;
}
#index_calendar table, #calendar table {
	table-layout: fixed;
	width:100%;

}
#index_calendar th, #calendar th {
	color:#EBEBEB;
	width:14%;
	padding:3px;
	white-space: nowrap;
	overflow:hidden;
}
#index_calendar td, #calendar td {
	color: #105289;
	border: 3px solid #3D3D3D;
	padding:3px;
	white-space: nowrap;
	overflow:hidden;
	height:60px;
	vertical-align:top;
}
.cal_post {
	font-size:1em;
	padding-left:10px;
	border-radius:7px;
}
.participants table.table1 thead th, .participants table.table1 tbody tr {
    color: #105289;
	border:none;
}
.participants table.table1 td {
	padding: 0 5px;
}
.participants {
    color: #105289;
	border: 2px solid #FFFFFF;
	margin-top:15px;
	padding:5px;
	border-radius:7px;
}
.participants p{
	margin:2px 0 5px;
	font-weight:bold;
}
.registration {
	width:400px;
	max-width:100%;
	text-align:center;
	font-size:1em;
	margin-top:10px;
}
.participants select, .participants input, .participants textarea {
	border:none;
	margin:3px; 
	font-size:1.2em;
}
.participants fieldset, .participants dl{
	margin:0px;
}
.participants textarea{
	height:20px;
	width:400px;
	max-width:100%;
}
.week {
	display:flex;
	margin-bottom:3px;
}
.cal-day {
	text-align:left;
	padding:0 0 3px;
	font-weight:bold;
	font-size: 14px;
	color: #3d3d3d;
	background: transparent none repeat-x 0 0;
	background-image: url("./images/bgblacklinesmall166x155_lightning.png");	
	line-height: 1;
	overflow: hidden;
	white-space:nowrap;
}
.day {
	color:#105289;
	background-color: #cadceb;
	padding:0 0 3px;
	font-weight:bold;
	//text-align:center;
	width:100%;
	overflow: hidden;
	white-space:nowrap;
}
.mon, .tue, .wed, .thu, .fri {
	background-color:#D8D8D8;
    font-size: 11px;
    font-weight: bold;	
} 
.sat {
	background-color:#CECECE;
	font-size: 11px;
	font-weight: bold;
}	
.sun {
	background-color:#ECDFC1;
	font-size: 11px;
	font-weight: bold;
}
.today {
	border: 3px solid #006FA0 !important;
	font-size: 11px
	font-weight:bold;
}
.noday {
	opacity:0.4;
}
.nday {
    box-sizing: border-box;
	color:#105289;	
	font-weight:bold;
	font-size: 14px;
	margin:0.2%;
	width: 13.9%;
	text-align:center;
}
.wday {
    border-radius: 8px;
	border: 2px solid #747474;
    margin-bottom: 14px;
    padding: 1px;	
	width: 13.9%;
	min-height: 80px;
	overflow:hidden;
	white-space:nowrap;
}
.sday {
	display:inline;
}
/*.date {
	background-color:#CADCEB;
	float:left;
	width:20px;
}*/
.eventbg {
	border-radius:13px;
	padding:0 3px;
}
.event {
 	display:flex;
	margin-bottom:3px;
}
.event-box {
    border-radius: 8px;
	border: 2px solid #cadceb;
    box-sizing: border-box;
	margin:0.2%;
	width: 13.9%;
	overflow:hidden;
	white-space:nowrap;
	text-align:center;
}
.event-box .cal-day {
	text-align:center;
}
.hday {
	margin-left:5px;
}
.event-box .hday, .event-box .eventbg{
	margin-left:0px;
	padding-left:0px;
}
.shday {
	display:none;
}
.kday {
	display:none;
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {

#index-calendar {
    margin-left: -5px;
    margin-right: -5px;
}
.sday {
	display:none;
}
.event, .week {
	display:unset;
}
.event-box, .wday {
	width:100%;
	float:none;
	text-align:left;
	border-radius:0px;
	margin:2px 0;
}
.noday {
	display:none;
}
.nday {
	display:none;
}
.cal-day {
	display:none;
}
.kday {
	display:inline;
	line-height:2em;
}
.wday {
	min-height:0;
}
}

[Talk19zehn]

Hello, eine Extension, die Standardklassen oder Standard-ID´s anspricht, ist in der Lage, dass CSS eines Designs zu (ver)ändern. Die Klasse select ist im Design departure korrekt und wird durch die Calendar-Extension m.E. überschrieben. Er gibt darin für dein Vorhaben <- (geänderte) Farbwerte -> vor, die m.W. für Prosilver geschrieben sind.

Demnach liegt die Vermutung nahe, dass das CSS jener Extension noch nicht konform für deinen Fall dem jeweiligen Style deinerseits angepasst worden ist.

Z.B. - nur mal so angedacht und ohne Gewähr -, da ich deine Änderungen insgesamt nicht kenne: Reine Annahmen, die bspw. zu verändern wären ...

Code: Alles auswählen

#calendar select {
	background-color: #ccc;
	border: 2px solid #000;
	border-radius: 7px;
	color: #181818;
	font-weight: bold;
}

Code: Alles auswählen

.cal_month_title a {
	background-color: #ccc;
	border: 2px solid #aa0000;
	border-radius: 7px;
	color: #181818;
	font-weight: bold;
	padding: 0 2px 4px;
}

und, die Konsequenzen nach sich ziehen. Wenn ich jene o.g. und weitere CSS-Anweisungen verändere, klappt es auch farblich in meinem Falle.

Tipp: Lade die EXTENSION herunter, passe sie inhaltlich konform an dein Design an und gib ihr den Namen deines Styles, lade sie wieder in das Extensionsverzeichnis (styles) und sodann überprüfe erneut.

BTW: Zu beachten ist in deinem Falle auch, dass du in Teilen "im umgekehrten -angepassten- Farbverhältnissen" agierst (bspw. navbar), sofern hierbei oder anderenfalls relevant.

Beste Grüße

[Tastenplayer]

Hallo Talk19zehn

Vielen Dank, werde ich also dann so versuchen(nächtste Tage wohl nicht mehr) In meinem Fall: departure_mytaste nur mit etwas anderen Farben.

Dachte mir schon, dass es eher an den Einstellungen der Extension liegt, klar ist für Prosilver angepasst - interessant, dass im nachhinein meine Veränderungen plötzlich nicht mehr stimmten. Aber ich hatte das Ganze halt nicht unter dem Namen meines Styles abgespeichert - hat bis jetzt bei den Erweiterungen so jedoch geklaptt

[Talk19zehn]

Ja, das kann m.E. u.a. immer dann zutreffen, wenn Farben uvm. nicht separat in einer EXT deklariert sind - . Oder das entsprechende Design in der EXT nicht hinterlegt worden ist... so ungefähr: BTW --> Schöne neue bunte Welten mittels Extensionen sind keine Seltenheit.

Viel Glück!

[Tastenplayer]

Hab trotzdem schnell geschaut - dauert ja nicht ewig.

Das war jedoch nicht das Problem - die von Dir gezeigte Einstellung hatte bei mir lediglich noch ein Fehlerchen.

Das eigentliche Farbenproblem ist hier der grüne Bereich[ externes Bild ]und da kommt bei Firefox-Überprüfung der Verweis zu Deinem Style:
departure color.css line 943

[Talk19zehn]

Hi, ich kann nicht sagen, was du in der Extension geändert hast. Bei mir ist alles in Ordnung in dem Design nach den entsprechenden Anpassungen jener Extension, wie es oben auszugsweise benannt ist und ich habe keine farblichen Fehlerchen.

Deine angepasstes Layout heißt: departuremytaste

Ich weiß nicht, was du seit dem 07.01.2017 wo verändert hast, welches CSS wo Änderungen nach sich zog. Du schaffst das.


Gruß


Edit: Grafisch - lediglich nur (m)ein Auszug der Klasse select:
http://www.ongray-design.de/screenshots ... sscomp.png

Was dir ggf. Firebug anzeigt, kann darin je Anwendereinstellungen, Anwenderoberfläche natürlich anders ausfallen.

Nochmalige Grüße

[Tastenplayer]

Ja das scheint ein ganz anderes Problem zu sein - gehörte dann doch eher unter Ext. Foren - Kalender.

Nach zig vergeblichen Versuchen - mal IE gestartet und siehe da - es wird alles richtig angezeigt.
[ externes Bild ]

In Firefox jedoch nicht - da ist es weiss, schwarz und blau. Da nützt auch ein Leeren des Browsercaches leider nichts. Auch auf dem Laptop mit Win10 wird es in Firefox falsch angezeigt.

Für die Katz' alle gestrigen Änderungen zurückgesetzt!

[Talk19zehn]

In meinem Falle reagiert Firefox 51.0.1 und auch bspw. der IE11 korrekt... (allerdings habe ich deine weiteren Extensionen nicht parat und werde diese auch nicht installieren, um Fehlerchen in Browsern etc. zu suchen). So, nun bin ich raus aus der Thematik, da man nicht alle weltweit genutzten Parameter beurteilen kann, die auf den Quelltext seitens phpBB- 3.1.10 abgestimmt sein müssten.
Weniger ist eben manchmal mehr!?
In all meinen Konstellationen führt der Kalender z.Z. in seiner Funktionsweise zu keinen erkenntlichen Fehlern.
Gruß