Form stuff

Change-Id: I22e08ee082aa34e9fca6aacacdc9ae05c3707a15
isekai
Isarra 9 years ago
parent ef37cd4298
commit ade8feb066

@ -0,0 +1,249 @@
@import "variables.less";
/*
* PREFERENCES AND FIELDSET STUFF
*/
#preftoc {
margin: 0 0 1em;
padding: 0;
list-style: none;
clear: both;
li {
display: inline;
margin-right: 1em;
&.selected {
font-weight: bold;
a {
color: @text;
border-bottom: solid @border @blue;
}
}
}
}
#preferences {
margin: 0;
clear: both;
min-height: 400px;
.prefsection {
border: none;
padding: 0;
margin: 0;
}
.mainLegend {
display: none;
}
.preferences-login {
clear: both;
margin-bottom: 1.5em;
}
.mw-email-not-authenticated .mw-input,
.mw-email-none .mw-input {
display: block;
padding: .25em .5em;
}
input[type="checkbox"],
input[type="radio"] {
margin-left: 0;
}
}
.mw-prefs-buttons {
margin-top: 1em;
}
td.mw-input,
td.mw-label {
vertical-align: middle;
}
fieldset {
border: solid @grey;
border-width: 1px 1px @border;
line-height: 1.3em;
margin: 1em 0;
padding: 1.25em 1.75em;
legend {
padding: .5em 1.25em;
background: @background;
border-bottom: solid @border @blue;
font-weight: bold;
}
fieldset {
box-shadow: none;
legend {
border-bottom: none;
color: @blue;
}
}
}
label {
padding-left: .5em;
}
.mw-input label {
padding: 0;
margin-right: 1em;
}
.mw-label {
padding-right: .5em;
}
.mw-submit {
padding-top: 2em;
}
.htmlform-tip {
font-size: 85%;
color: @text;
line-height: 1.2em;
padding: 1em 0;
}
/*
*
* FORM STUFF
*
*/
/* pile of bad hacks to try to catch all the different ones */
#searchInput,
input[name="target"],
input[name="user"],
input[name="mime"],
input[size$="0"],
input[type="text"],
input[type="checkbox"],
input[type="radio"],
input#wpTemplateSandboxPage,
input.mw-summary,
input.mw-input,
.mw-input input,
textarea,
.mw-ui-input-inline,
.mw-ui-input {
box-sizing: border-box;
padding: .25em .35em;
border: solid 1px @grey;
margin: .5em 0;
box-shadow: inset 0px 2px 2px 1px rgba(0, 0, 0, 0.1);
font-size: 1em;
min-height: 30px;
}
select {
padding: .25em;
margin: .5em 0;
}
input[type="checkbox"],
input[type="radio"] {
margin-left: 1em;
min-height: 0;
}
input[type="checkbox"] {
border-radius: 2px;
}
input[type="radio"] {
border-radius: 8px;
}
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary,
.mw-ui-button.mw-ui-progressive:active,
.mw-ui-button.mw-ui-progressive.mw-ui-checked,
.mw-ui-button.mw-ui-primary.mw-ui-checked,
.mw-ui-button.mw-ui-constructive,
.mw-ui-button.mw-ui-constructive:active,
.mw-ui-button.mw-ui-constructive.mw-ui-checked,
input[type="submit"],
input[type="button"],
button {
padding: .25em 1em .1em 1em;
border: solid 1px @blue-dark;
border-bottom-width: @border;
text-shadow: 0 -1px 0 @blue-dark;
box-sizing: border-box;
border-radius: @radius;
background: @blue;
color: @text-inverse;
font-weight: bold;
min-height: 30px;
&:active {
background: @blue-bright;
border-color: @blue;
}
&:hover {
background: @blue-bright;
}
}
textarea {
width: 100%;
resize: vertical;
box-sizing: border-box;
line-height: 1.3em;
}
textarea#wpTextbox1 {
border-color: @grey-bright;
}
div.editOptions {
padding: 1.25em 1.75em;
padding: 1em;
border: solid @grey-bright;
border-width: 0 1px @border;
.mw-summary label {
padding-left: 0;
}
input#wpSummary {
box-sizing: border-box;
width: 100%;
}
label {
margin-right: 1.5em;
}
}
/* Recent changes and watchlist options */
.rcoptions hr,
#mw-watchlist-options hr {
clear: both;
}
.rcoptions #namespace,
#mw-watchlist-options .namespaceselector {
margin-right: 2em;
}
/* Watchlist */
#mw-watchlist-options {
label {
padding: 0 1em 0 0;
}
input[type="submit"] {
margin: 0 0 0 4em;
}
}
/* Related changes hacks */
.mw-special-Recentchangeslinked {
.rcoptions {
input[type="submit"] {
float: right;
margin: 0 0 0 4em;
}
td.mw-label.mw-target-label {
vertical-align: top;
padding-top: .75em;
}
input[name="target"] {
float: left;
}
}
#showlinkedto {
clear: left;
float: left;
}
label[for="showlinkedto"] {
padding: .4em;
float: left;
}
}

@ -4,7 +4,7 @@
html,
body {
font-family: sans-serif;
font-family: @fonts;
margin: 0;
padding: 0;
color: @text;

@ -2,6 +2,7 @@
@text: #013;
@background: #fff;
@text-inverse: #fff;
@link: @blue;
@link-red: @red;
@ -18,14 +19,18 @@
@green-bright: #4c7;
@green-dark: #071;
@blue: #06a;
@blue-bright: #0af;
@blue: #07c;
@blue-bright: #08d;
@blue-dark: #047;
@link: @blue;
@link-red: @red;
@fonts: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
@border: .2em;
@radius: .2em;
/* To hide objects, but keep them accessible for screen-readers */
.hidden() {
position: absolute;

@ -22,6 +22,9 @@
"resources/libraries/normalise.css": {
"media": "screen"
},
"resources/forms.less": {
"media": "screen"
},
"resources/screen-common.less": {
"media": "screen"
},

Loading…
Cancel
Save