Common.css: Unterschied zwischen den Versionen

Aktuelle Version vom 26. Dezember 2020, 11:43 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

 .modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	position: relative;
        width: 60%;
        height:auto; 
        margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
        background: linear-gradient(#fff, #999);
}
/*
.modalDialog img {
        width:100%;
        height:auto;
}
*/
.close {
	background: #606061;
	color: #fff;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { 
        background: #00d9ff;
}

.wmfg_layout_3 { color: #ffffff; }
.wmfg_layout_3, table, .wmfg_textarea { font-family: Verdana, Geneva, sans-serif; font-size: 13px; }
.wmfg_layout_3 ul.wmfg_questions { list-style-type: none; margin: 0; padding: 15px; background-color:#95A498;
-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
-moz-box-shadow: 5px 5px 7px #888; -webkit-box-shadow: 5px 5px 7px #888; -webkit-border-bottom-right-radius: 15px;
}
.wmfg_layout_3 ul.wmfg_questions li.wmfg_q { margin: 15px 0; }
.wmfg_layout_3 label.wmfg_label { display: block; margin: 0 0 10px 0; font-size:1.5em; color:#ffffff; }
.wmfg_layout_3 table.wmfg_answers { width: 100%; _width: 97%; border-collapse: collapse; }
.wmfg_layout_3 table.wmfg_answers { vertical-align: top; }
.wmfg_layout_3 table.wmfg_answers td { padding: 2px; vertical-align: top; }
.wmfg_layout_3 table.wmfg_answers td.wmfg_a_td { width: 25px; }
.wmfg_layout_3 .wmfg_text { border: 1px solid #ccc; padding: 4px; font-size: 13px; color: #000000; width: 98.5%; 
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#fff));
background:-moz-linear-gradient(top,#efefef,#fff);
}
.wmfg_layout_3 .wmfg_textarea { border: 1px solid #CCC; padding: 4px; font-size: 13px; color: #000000; width: 98.5%;
background:-webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#fff));
background:-moz-linear-gradient(top,#efefef,#fff);
background-color: #ffffff;
}
.wmfg_layout_3 .wmfg_select { 
border:1px solid #CCCCCC; padding: 3px; font-size: 13px; color: #000000; margin: 0; width: 100%; _width: 97%;
background-color: #ffffff;
background:-webkit-gradient(linear,0 0,0 100%,from(#efefef),to(#fff));
background:-moz-linear-gradient(top,#efefef,#fff);
}
.wmfg_layout_3 .wmfg_btn {
border: 1px solid #ccc; cursor: pointer; font-weight: bold; font-size: 15px; padding: 6px; color: white; letter-spacing: 1px;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
-webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: rgba(0,0,0,0.75) 0px 0px 3px;
background: -webkit-gradient(linear, left top, left bottom, from(#718079), color-stop(0.5, #889A8E), color-stop(0.5, #889A8E), to(#718079)); 
background: -moz-linear-gradient(top, #718079, #889A8E 50%, #889A8E 50%, #718079);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#718079', endColorstr='#889A8E');
}
.wmfg_layout_3 .wmfg_btn:hover {background: -webkit-gradient(linear, left top, left bottom, from(#8B9892), color-stop(0.5, #A4B2A9), color-stop(0.5, #A4B2A9), to(#8B9892)); 
background: -moz-linear-gradient(top, #8B9892, #A4B2A9 50%, #A4B2A9 50%, #8B9892);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8B9892', endColorstr='#A4B2A9');
}