MediaWiki:Gadget-morebits.css: Difference between revisions

Content added Content deleted
mNo edit summary
mNo edit summary
 
Line 11: Line 11:
/* Morebits.status */
/* Morebits.status */


.tw_status_status {
.morebits_status_status {
color: #4682B4;
color: #4682B4;
}
}


.tw_status_info {
.morebits_status_info {
color: #228B22;
color: #228B22;
}
}


.tw_status_warn {
.morebits_status_warn {
color: #FF4500;
color: #FF4500;
}
}


.tw_status_error {
.morebits_status_error {
color: #FF4500;
color: #FF4500;
font-weight: bold;
font-weight: bold;
Line 41: Line 41:
{
{
font-family: sans-serif;
font-family: sans-serif;
vertical-align: middle;
}
}


Line 64: Line 65:
border: 1px solid gray;
border: 1px solid gray;
margin-left: .2em;
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: Line 71:
margin: .5em 0 0;
margin: .5em 0 0;
padding: .3em .2em .2em;
padding: .3em .2em .2em;
font-size: 108%; /* 100% is 12px => 108% is 12.96px */
}
}


Line 98: Line 84:
height: 4em;
height: 4em;
font-size: 150%;
font-size: 150%;
}

form.quickform input:disabled + label
{
color: gray;
}
}


Line 116: Line 97:
}
}


form.quickform .tooltipButtonContainer
/* The tooltip button and the content itself */
form.quickform .morebits-tooltipButton
{
{
position: relative;
color: mediumblue;
width: 100%;
}

form.quickform .tooltipButton
{
color: blue;
font-weight: bold;
font-weight: bold;
cursor: help;
cursor: help;
padding: .3em;
padding: .2em;
}
.morebits-ui-tooltip
{
padding: 4px 6px 4px 6px;
font-size: 13px;
}
}




/* Scrollbox styles, for use within Morebits.simpleWindow */
/* Scrollbox styles, for use within Morebits.quickForm */


div.morebits-scrollbox
div.quickform-scrollbox
{
{
background: white;
background: white;
Line 144: Line 125:
}
}


div.morebits-scrollbox > h5:first-child
div.quickform-scrollbox > h5:first-child
{
{
border: none;
border: none;
Line 151: Line 132:
}
}


div.morebits-scrollbox > :last-child
div.quickform-scrollbox > :last-child
{
{
margin-bottom: 6px;
margin-bottom: 6px;
Line 173: Line 154:
}
}


div.morebits-previewbox .mw-editsection
div.morebits-previewbox span.editsection
{
{
display: none;
display: none;
Line 183: Line 164:
.morebits-dialog {
.morebits-dialog {
border: 1px #666 solid;
border: 1px #666 solid;
font-family: sans-serif;
font: small sans-serif;
background-color: #F0F8FF;
background-color: #F0F8FF !important;
background-image: none;
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 {
body .ui-dialog.morebits-dialog .ui-dialog-titlebar {
height: 1em;
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;
padding: .4em .3em .5em !important;
white-space: nowrap;
}
}


Line 228: Line 197:


.ui-dialog.morebits-dialog .morebits-dialog-content {
.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;
padding: 0;
}
}
Line 241: Line 211:
float: none;
float: none;
margin: .2em 0 -.1em;
margin: .2em 0 -.1em;
padding-top: 0;
padding-bottom: 0;
cursor: auto;
cursor: auto;
}

.morebits-dialog-buttons {
font-size: 108%; /* 100% is 12px => 108% is 12.96px */
}
}


.morebits-dialog-footerlinks {
.morebits-dialog-footerlinks {
font-size: 97%; /* 100% is 12px (from above) => 97% is 11.64px */
font-size: 90%;
float: right;
float: right;
margin: .7em .4em 0 0;
margin: .7em .4em 0 0;
Line 262: Line 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;
}
}