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 2d948ea..9ffe11c 100644 (file)
--- 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;
 }
 
 /*