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; |
||
⚫ | |||
} |
} |
||
Line 64: | Line 65: | ||
border: 1px solid gray; |
border: 1px solid gray; |
||
margin-left: .2em; |
margin-left: .2em; |
||
⚫ | |||
⚫ | |||
form.quickform input[type=radio] { |
|||
height: 13px; |
|||
⚫ | |||
⚫ | |||
padding: 0; |
|||
⚫ | |||
⚫ | |||
} |
|||
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 |
|||
⚫ | |||
⚫ | |||
} |
} |
||
Line 116: | Line 97: | ||
} |
} |
||
⚫ | |||
/* The tooltip button and the content itself */ |
|||
⚫ | |||
{ |
{ |
||
position: relative; |
|||
color: mediumblue; |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
font-weight: bold; |
font-weight: bold; |
||
cursor: help; |
cursor: help; |
||
padding: . |
padding: .2em; |
||
} |
|||
.morebits-ui-tooltip |
|||
{ |
|||
padding: 4px 6px 4px 6px; |
|||
⚫ | |||
} |
} |
||
/* Scrollbox styles, for use within Morebits. |
/* Scrollbox styles, for use within Morebits.quickForm */ |
||
div. |
div.quickform-scrollbox |
||
{ |
{ |
||
background: white; |
background: white; |
||
Line 144: | Line 125: | ||
} |
} |
||
div. |
div.quickform-scrollbox > h5:first-child |
||
{ |
{ |
||
border: none; |
border: none; |
||
Line 151: | Line 132: | ||
} |
} |
||
div. |
div.quickform-scrollbox > :last-child |
||
{ |
{ |
||
margin-bottom: 6px; |
margin-bottom: 6px; |
||
Line 173: | Line 154: | ||
} |
} |
||
div.morebits-previewbox . |
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 |
font: small sans-serif; |
||
background-color: #F0F8FF; |
background-color: #F0F8FF !important; |
||
background-image: none; |
background-image: none !important; |
||
} |
} |
||
⚫ | |||
/* px translations in comments are w.r.t standard browser settings, |
|||
⚫ | |||
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-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; |
||
⚫ | |||
⚫ | |||
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: |
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; |
|||
} |
} |
||