MediaWiki:Skin/Vorlage:Tastatur.css

table.tastatur { margin:5px auto 10px 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, table.tastatur div.selflink { cursor:default; outline:5px solid red; z-index:2; }

table.tastatur div.selflink { position:relative; float:left; }

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:0px; 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; }