MediaWiki:Gadget-morebits.css: Difference between revisions

← Older edit Newer edit →

Content deleted Content added

Inline

@@ Line 11: / Line 11: @@
 /* Morebits.status */
+.morebits_status_status {
-.tw_status_status {
 	color: #4682B4;
 }
+.morebits_status_info {
-.tw_status_info {
 	color: #228B22;
 }
+.morebits_status_warn {
-.tw_status_warn {
 	color: #FF4500;
 }
+.morebits_status_error {
-.tw_status_error {
 	color: #FF4500;
 	font-weight: bold;
@@ Line 84: / Line 84: @@
 	margin: .5em 0 0;
 	padding: .3em .2em .2em;
+	font-size: 108%; /* 100% is 12px => 108% is 12.96px */
 }
@@ Line 115: / Line 116: @@
 }
+/* The tooltip button and the content itself */
-form.quickform .tooltipButtonContainer
+form.quickform .morebits-tooltipButton
 {
+	color: mediumblue;
-	position: relative;
-	width: 100%;
+	font-weight: bold;
+	cursor: help;
+	padding: .3em;
 }
+.morebits-ui-tooltip
-form.quickform .tooltipButton
 {
+	padding: 4px 6px 4px 6px;
-	color: blue;
-	font-weight: bold;
+	font-size: 13px;
-	cursor: help;
-	padding: .2em;
 }
@@ Line 175: / Line 176: @@
 {
 	display: none;
-}
-/* Portlet */
-.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;
 }
@@ Line 225: / Line 183: @@
 .morebits-dialog {
 	border: 1px #666 solid;
-	font: small sans-serif;
+	font-family: sans-serif;
-	background-color: #F0F8FF !important;
+	background-color: #F0F8FF;
-	background-image: none !important;
+	background-image: none;
 }
+/* px translations in comments are w.r.t standard browser settings,
-body.skin-monobook .morebits-dialog {
+   in other settings, the sizes would be scaled accordingly */
-	font-size: 125%;
+.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-color: #BCCADF !important;
-	background: repeat-x 50% 80% #cfd6e1 !important;  /* the actual image is specified in morebits.js - ResourceLoader mangles data: URIs in CSS */
+	background-image: none !important;
-	font: bold 1em sans-serif;
+	font: bold 108% sans-serif; /* 100% is 12px (from above) => 108% is 12.96px */
 	overflow: hidden;
 	padding: .4em .3em .5em !important;
 	white-space: nowrap;
-}
-body.skin-monobook .morebits-dialog .ui-dialog-titlebar {
-	line-height: 1em;
 }
@@ Line 264: / Line 228: @@
 .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 282: / Line 245: @@
 .morebits-dialog-footerlinks {
-	font-size: 90%;
+	font-size: 97%; /* 100% is 12px (from above) => 97% is 11.64px */
 	float: right;
 	margin: .7em .4em 0 0;
@@ Line 293: / Line 256: @@
 .morebits-dialog-buttons[data-empty] + .morebits-dialog-footerlinks {
 	margin: .1em .4em -.2em 0;
-}
-.ui-dialog.morebits-dialog a, .ui-dialog.morebits-dialog .ui-widget-content a {
-	color: #0645AD;  /* jQuery imposes a ridiculous nearly-black colour on <a> tags... I don't understand it */
 }