From: MatmaRex <matma.rex@gmail.com>
Date: Fri, 30 Aug 2013 20:57:58 +0000 (+0200)
Subject: mediawiki.special.vforms: Information boxes' styles
X-Git-Tag: 1.31.0-rc.0~18595
X-Git-Url: https://git.cyclocoop.org/%7B%7B%20url_for%28?a=commitdiff_plain;h=60b15b25c1b463cc947e2a044c5a79dfce6ea5de;p=lhc%2Fweb%2Fwiklou.git

mediawiki.special.vforms: Information boxes' styles

Only styles appropriate for errorbox were defined, but they were
applied to all boxes - contrary to the comment above, Vector doesn't
have styles for them (they are shared for all skins, and they are
awful), and they were anyway overriden by these due to selector
specificity.

Added styles for successbox and warningbox with composition on the
color wheel very similar to errorbox one, simply rotated and scaled.
Removed misleading comment.

Change-Id: I68d2c9b98a9166f5781fcded0318cca52ed6f2e6
---

diff --git a/resources/mediawiki.special/mediawiki.special.vforms.css b/resources/mediawiki.special/mediawiki.special.vforms.css
index 2d948eab2b..9ffe11cfb1 100644
--- a/resources/mediawiki.special/mediawiki.special.vforms.css
+++ b/resources/mediawiki.special/mediawiki.special.vforms.css
@@ -22,9 +22,7 @@ section.mw-form-header {
 }
 
 /*
- * Besides errorbox there could be warningbox, successbox, msgbox, though
- * spage has never seen these in practice.
- * Vector has styles coloring warningbox cream and successbox green.
+ * Styles for information boxes.
  */
 .mw-ui-vform .errorbox,
 .mw-ui-vform .warningbox,
@@ -35,11 +33,26 @@ section.mw-form-header {
 	font-size: 0.9em;
 	margin: 0 0 1em 0;
 	padding: 0.5em;
+	border: 1px solid;
+	word-wrap: break-word;
+}
+
+.mw-ui-vform .errorbox {
 	color: #cc0000;
-	border: 1px solid #fac5c5;
+	border-color: #fac5c5;
 	background-color: #fae3e3;
-	text-shadow: 0 1px #fae3e3;
-	word-wrap: break-word;
+}
+
+.mw-ui-vform .warningbox {
+	color: #705000;
+	border-color: #fde29b;
+	background-color: #fdf1d1;
+}
+
+.mw-ui-vform .successbox {
+	color: #009000;
+	border-color: #b7fdb5;
+	background-color: #e1fddf;
 }
 
 /*