MediaWiki:Skin/Vorlage:Tastatur.css: Unterschied zwischen den Versionen

Version vom 14. August 2011, 21:28 Uhr

table.tastatur {
    margin:auto;
	padding: 10px 10px 0px 10px;
	border-style: solid;
	border-top-width:2px;
	border-right-width:5px;
	border-bottom-width:6px;
	border-left-width:3px;
	border-color: #dadada #ccc #cfcfcf #dadada;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:150px 25px;
	border-bottom-right-radius:150px 25px;
	background: #dddddd;
	background: linear-gradient(top, #dddddd 0%,#eeeeee 100%);	
	background-image:-moz-linear-gradient(top, #dddddd, #eeeeee 70%, #eeeeee, #dddddd);
	background-image:-webkit-linear-gradient(top, #dddddd, #eeeeee 70%, #eeeeee, #dddddd);
	background-image:-o-linear-gradient(top, #dddddd, #eeeeee 70%, #eeeeee, #dddddd);
	background-image:-ms-linear-gradient(top, #dddddd, #eeeeee 70%, #eeeeee, #dddddd);
	-moz-box-shadow:2px 3px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow:2px 3px 8px rgba(0,0,0,0.5);
	box-shadow:2px 3px 8px rgba(0,0,0,0.5);
	text-align:center;
}

table.tastatur a, table.tastatur a.new {
	text-shadow: 1px 1px 1px #aaa;
	font-weight:bold;
	color:#333;
}

table.tastatur div.taste {
	border:1px solid;
	border-color: #717171 #eee #eee #717171;
	margin:3px 7px;
	float:left;
	border-radius:2px;
}

table.tastatur div.taste div.inner {
	border-radius:2px;
	border:1px solid;
	border-color: #666 #b1b1b1 #b1b1b1 #666;

	float:left;

	background: linear-gradient(top, #bbb, #ccc);	
	background-image:-moz-linear-gradient(top, #bbb, #ccc);	
	background-image:-webkit-linear-gradient(top, #cccccc, #dddddd);	
	background-image:-o-linear-gradient(top, #bbb, #ccc);	
	background-image:-ms-linear-gradient(top, #bbb, #ccc);

}

table.tastatur div.lock {
	display:inline-block;
	border-radius:2px;
	border:1px solid;
	border-color: #666 #b1b1b1 #b1b1b1 #666;
	background: linear-gradient(top, #ccc, #ddd);	
	background-image:-moz-linear-gradient(top, #ccc, #ddd);	
	background-image:-webkit-linear-gradient(top, #cccccc, #dddddd);	
	background-image:-o-linear-gradient(top, #ccc, #ddd);	
	background-image:-ms-linear-gradient(top, #ccc, #ddd);
	padding:0px 4px;
}

table.tastatur div.lock small {
	margin:0px 4px;
}

table.tastatur div.taste a, table.tastatur div.taste strong.selflink, table.tastatur div.taste div.doppel {
	float:left;
	position:relative;
	text-align:center;
	border-style:solid;
	border-width:2px 3px;
	height:2em;
	line-height:2em;
	min-width:2em;
	font-family:monospace;
	font-size:11px;
	border-color: #DDD #BBB #BBB #DDD;
	padding:1px 3px;
	margin:1px;
	background:#EEE;
	background: -moz-radial-gradient(50% 50%, farthest-side, #fff, #eee);
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#fff), to(#eee));
	white-space: nowrap;
	border-top-left-radius:5px 20px;
	border-top-right-radius:5px 20px;
	border-bottom-left-radius:5px 20px;
	border-bottom-right-radius:5px 20px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
}

table.tastatur div.taste a {
	z-index:1;
}

table.tastatur div.taste strong.selflink {
	cursor:default;
	outline:5px solid red;
	z-index:2;
}

table.tastatur div.taste span.breite a, table.tastatur div.taste span.breite strong.selflink {
	width:inherit !important;
}

table.tastatur div.taste div.doppel a, table.tastatur div.taste div.doppel strong.selflink  {
	border:none;
	height:1em;
	line-height:1em;
	min-width:1em;
	background:none;
	box-shadow:none;
	padding:0px;
	margin:px;
	position:absolute;
}

table.tastatur div.taste div.doppel span.left, table.tastatur div.taste div.doppel span.top, table.tastatur div.taste div.doppel span.bottom, table.tastatur div.taste div.doppel span.right {
	position:absolute;
}

table.tastatur div.taste div.doppel span.left {
	left:1px;
}

table.tastatur div.taste div.doppel span.right {
	right:13px;
}

table.tastatur div.taste div.doppel span.top {
	top:1px;
}

table.tastatur div.taste div.doppel span.bottom {
	bottom:13px;
}

table.tastatur br {
	clear:both;
}