MediaWiki:Gadget-morebits.css: Difference between revisions

m
no edit summary
(Update)
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 11:
/* Morebits.status */
 
.tw_status_status {
.morebits_status_status {
color: #4682B4;
}
 
.tw_status_info {
.morebits_status_info {
color: #228B22;
}
 
.tw_status_warn {
.morebits_status_warn {
color: #FF4500;
}
 
.tw_status_error {
.morebits_status_error {
color: #FF4500;
font-weight: bold;
Line 41:
{
font-family: sans-serif;
vertical-align: topmiddle;
}
 
Line 64 ⟶ 65:
border: 1px solid gray;
margin-left: .2em;
}
 
form.quickform input[type=checkbox],
form.quickform input[type=radio] {
height: 13px;
margin-bottom: 2px;
margin-top: 2px;
padding: 0;
width: 13px;
vertical-align: top;
}
 
form.quickform div {
line-height: 18px;
}
 
Line 84 ⟶ 71:
margin: .5em 0 0;
padding: .3em .2em .2em;
font-size: 108%; /* 100% is 12px => 108% is 12.96px */
}
 
Line 98 ⟶ 84:
height: 4em;
font-size: 150%;
}
 
form.quickform input:disabled + label
{
color: gray;
}
 
Line 116 ⟶ 97:
}
 
form.quickform .morebits-tooltipButtontooltipButtonContainer
/* The tooltip button and the content itself */
form.quickform .morebits-tooltipButton
{
position: relative;
color: mediumblue;
font-weightwidth: bold100%;
cursor: help;
padding: .3em;
}
 
.morebits-ui-tooltip
form.quickform input[type=checkbox],.tooltipButton
{
color: grayblue;
padding: 4px 6px 4px 6px;
font-sizeweight: 13pxbold;
cursor: help;
padding: 0.2em;
}
 
 
/* Scrollbox styles, for use within Morebits.simpleWindowquickForm */
 
div.morebitsquickform-scrollbox
{
background: white;
Line 144 ⟶ 125:
}
 
div.morebitsquickform-scrollbox > h5:first-child
{
border: none;
Line 151 ⟶ 132:
}
 
div.morebitsquickform-scrollbox > :last-child
{
margin-bottom: 6px;
Line 173 ⟶ 154:
}
 
div.morebits-previewbox span.mw-editsection
{
display: none;
Line 183 ⟶ 164:
.morebits-dialog {
border: 1px #666 solid;
font-family: small sans-serif;
background-color: #F0F8FF !important;
background-image: none !important;
}
 
body.skin-monobook .morebits-dialog, {
/* px translations in comments are w.r.t standard browser settings,
font-size: 125%;
in other settings, the sizes would be scaled accordingly */
.skin-vector .morebits-dialog {
font-size: 75%; /* 100% is 16px => 75% is 12px */
}
.skin-timeless .morebits-dialog {
font-size: 79%; /* 100% is 15.2px => 79% is 12.008px */
}
.skin-monobook .morebits-dialog,
.skin-modern .morebits-dialog {
font-size: 120%; /* 100% is 10px => 120% is 12px */
}
 
body .ui-dialog.morebits-dialog .ui-dialog-titlebar {
height: 1em;
background: repeat-x 50% 80% #cfd6e1 !important; /* the actual image is specified in morebits.js - ResourceLoader mangles data: URIs in CSS */
background-color: #BCCADF !important;
font: bold 1em sans-serif;
background-image: none !important;
font: bold 108% sans-serif; /* 100% is 12px (from above) => 108% is 12.96px */
overflow: hidden;
padding: .4em .3em .5em !important;
white-space: nowrap;
}
 
Line 228 ⟶ 197:
 
.ui-dialog.morebits-dialog .morebits-dialog-content {
font-size: 88%; /* this just seems to be traditional - I don't quite see the point, in this day and age of huge monitors, etc. */
padding: 0;
}
Line 241 ⟶ 211:
float: none;
margin: .2em 0 -.1em;
marginpadding-top: 2px0;
marginpadding-bottom: 2px0;
cursor: auto;
}
 
.morebits-dialog-footerlinks {
font-size: 9790%; /* 100% is 12px (from above) => 97% is 11.64px */
float: right;
margin: .7em .4em 0 0;
Line 258 ⟶ 230:
}
 
.ui-dialog.morebits-dialog a, .ui-dialog.morebits-dialog .ui-widget-content a {
.ui-icon {
color: #0645AD; /* jQuery imposes a ridiculous nearly-black colour on <a> tags... I don't understand it */
vertical-align: -3px;
}