.widget { background: #fff; width: 8em; height: 6em; padding: 0.4em; text-align: center; vertical-align: middle; border: 1px solid #ddd; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 4px rgba(0,0,0,.6); } .widget-head { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); border-top-right-radius: 3px; border-top-left-radius: 3px; margin-bottom: 0.8em; opacity: 0.6; } .portlet-icon { min-width: 3em; min-height: 4em; display: inline-block; vertical-align: middle; background-size: 3em; background-repeat: no-repeat; } .sp-icons-x3 { opacity: 0.6; } .halflings-size-50.halflings-stats { background-position: -100px -100px; } .halflings-size-50 { background-size: 950px 150px; width: 50px; height: 50px; }
Vorlage:Widget.css
Aus Securepoint Wiki