MediaWiki:Gadget-twinkle.css

/* Portlet */

.skin-vector div div.extraMenu h5 span { background-position: 90% 50%; }

.skin-vector div.extraMenu h5 a { padding-left: 0.4em; padding-right: 0.4em; width: auto; }

.skin-vector div.extraMenu h5 a span { display: inline-block; font-size: 0.8em; height: 2.5em; font-weight: normal; padding-top: 1.25em; margin-right: 14px; }

.skin-modern #mw_contentwrapper div.portlet { overflow: hidden; height: 1.5em; margin: 0 0 0 14em; padding: 0; }

.skin-modern #mw_contentwrapper div.portlet h5 { display: none; }

.skin-modern #mw_contentwrapper div.portlet div.pbody { margin: 0; padding: 0; }

.skin-modern #mw_contentwrapper div.portlet div.pbody ul { display: inline; margin: 0; }

.skin-modern #mw_contentwrapper div.portlet div.pbody ul li { display: block; float: left; height: 1.5em; margin: 0 .5em; padding: 0 .2em; text-transform: lowercase; }

.skin-modern #mw_contentwrapper div.portlet div.pbody ul li a { text-decoration: underline; }

.skin-modern #mw_contentwrapper div.portlet div.pbody ul li.selected a { text-decoration: none; }

/* QuickForm */

form.quickform {	width: 96%; vertical-align: middle; margin: auto; padding: 0.5em; }

form.quickform * {	font-family: sans-serif; vertical-align: middle; }

form.quickform fieldset {	margin: 0.4em 0 1em; }

form.quickform legend {	color: #31628F; font-weight: bold; }

form.quickform input[type=text], form.quickform select {	min-width: 15em; font-size: 110%; }

form.quickform select {	border: 1px solid gray; margin-left: 0.2em; }

form.quickform h5 { margin: 0.5em 0 0; padding: 0.3em 0.2em 0.2em; }

/* only give the top border to headers with something above them */ form.quickform div + h5, form.quickform div + div h5, form.quickform h5 + h5 { border-top: 1px solid #88A; }

form.quickform textarea {	width: 100%; height: 4em; font-size: 150%; }

form.quickform span.quickformDescription {	font-style: italic; }

form.quickform .tooltipButtonContainer {	position: relative; width: 100%; }

form.quickform .tooltipButton {	color: blue; font-weight: bold; cursor: help; padding: 0.2em; }

/* Scrollbox styles, for use within QuickForm */

div.quickform-scrollbox {	background: white; border: 1px solid gray; margin-bottom: 0.6em; margin-top: 0.6em; max-height: 20em; overflow: auto; padding: 6px 6px 0; }

div.quickform-scrollbox h5:first-child {	border: none; margin-top: 0; padding-top: 0; }

div.quickform-scrollbox :last-child {	margin-bottom: 6px; }

/* SimpleWindow */

.twinkle-dialog { border: 1px #666 solid; font: small sans-serif; background-color: #F0F8FF !important; background-image: none !important; }

body.skin-monobook .twinkle-dialog { font-size: 125%; }

body .ui-dialog.twinkle-dialog .ui-dialog-titlebar { height: 1em background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB%2FqqA%2BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhQTFRFr73ZobTPusjdsMHZp7nVwtDhzNbnwM3fu8jdq7vUt8nbxtDkw9DhpbfSvMrfssPZqLvVztbno7bRrr7W1d%2Fs1N7qydXk0NjpkW7Q%2BgAAADVJREFUeNoMwgESQCAAAMGLkEIi%2FP%2BnbnbpdB59app5Vdg0sXAoMZCpGoFbK6ciuy6FX4ABAEyoAef0BXOXAAAAAElFTkSuQmCC) repeat-x 50% 80% #cfd6e1 !important; font: bold 1em sans-serif; padding: 0.4em 0.3em 0.5em !important; }

.twinkle-dialog-scriptname { font-weight: normal; }

.ui-dialog.twinkle-dialog .ui-dialog-titlebar-close { height: 100%; right: 0; top: auto; width: 2em; margin: -0.5em -0.15em 0; }

.ui-dialog.twinkle-dialog .ui-dialog-titlebar-close span { margin: 0.33em; }

.ui-dialog.twinkle-dialog .twinkle-dialog-content { font-size: 100%; padding: 0; }

body .ui-dialog.twinkle-dialog .ui-dialog-buttonpane { background-color: #BCCADF; margin: 0; min-height: 0.5em; padding-left: 1.2em !important; }

body .ui-dialog.twinkle-dialog .ui-dialog-buttonpane button { float: none; margin: 0.2em 0 -0.1em; padding-top: 0; padding-bottom: 0; cursor: auto; }

.ui-dialog.twinkle-dialog a, .ui-dialog.twinkle-dialog .ui-widget-content a { color: #0645AD; }

.ui-icon-inline { display: inline-block; }