// Forms
//
-// Styleguide 3.
+// Styleguide 5.
// VForm
//
// </div>
// </form>
//
-// Styleguide 3.1.
+// Styleguide 5.1.
.mw-ui-vform {
- .box-sizing(border-box);
+ .box-sizing( border-box );
width: @defaultFormWidth;
select,
.mw-ui-button {
display: block;
- .box-sizing(border-box);
+ .box-sizing( border-box );
margin: 0;
width: 100%;
}
// Give dropdown lists the same spacing as input fields for consistency.
// Values taken from .agora-field-styling() in mixins/form.less
select {
- padding: 0.35em 0.5em 0.35em 0.5em;
+ padding: 0.35em 0.5em;
vertical-align: middle;
}
> label {
display: block;
- .box-sizing(border-box);
+ .box-sizing( border-box );
.agora-label-styling();
width: auto;
margin: 0 0 0.2em;
// Override input styling just for checkboxes and radio inputs.
input[type="radio"] {
display: inline;
- .box-sizing(content-box);
+ .box-sizing( content-box );
width: auto;
}
-
// Styles for information boxes
//
// Regular HTMLForm uses .error class, some special pages like
// </div>
// </form>
//
- // Styleguide 3.2.
+ // Styleguide 5.2.
.error,
+ .warning,
.errorbox,
.warningbox,
.successbox {
- .box-sizing(border-box);
+ .box-sizing( border-box );
font-size: 0.9em;
margin: 0 0 1em 0;
padding: 0.5em;
// Colours taken from those for .errorbox in shared.css
.error {
- color: #cc0000;
+ color: @colorErrorText;
border: 1px solid #fac5c5;
background-color: #fae3e3;
- text-shadow: 0 1px #fae3e3;
+ }
+
+ // Colours taken from those for .warningbox in shared.css
+ .warning {
+ color: @colorWarningText;
+ border: 1px solid #fde29b;
+ background-color: #fdf1d1;
}
// This specifies styling for individual field validation error messages.