Isarra has submitted this change and it was merged.
Change subject: Form stuff
......................................................................
Form stuff
Change-Id: I22e08ee082aa34e9fca6aacacdc9ae05c3707a15
---
A resources/forms.less
M resources/screen-common.less
M resources/variables.less
M skin.json
4 files changed, 260 insertions(+), 3 deletions(-)
Approvals:
Isarra: Verified; Looks good to me, approved
diff --git a/resources/forms.less b/resources/forms.less
new file mode 100644
index 0000000..1394497
--- /dev/null
+++ b/resources/forms.less
@@ -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;
+ }
+}
diff --git a/resources/screen-common.less b/resources/screen-common.less
index 0117d5f..a404ccf 100644
--- a/resources/screen-common.less
+++ b/resources/screen-common.less
@@ -4,7 +4,7 @@
html,
body {
- font-family: sans-serif;
+ font-family: @fonts;
margin: 0;
padding: 0;
color: @text;
diff --git a/resources/variables.less b/resources/variables.less
index 3e1eb3a..9ff7121 100644
--- a/resources/variables.less
+++ b/resources/variables.less
@@ -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;
diff --git a/skin.json b/skin.json
index 10001a4..7c6718e 100644
--- a/skin.json
+++ b/skin.json
@@ -22,6 +22,9 @@
"resources/libraries/normalise.css": {
"media": "screen"
},
+ "resources/forms.less": {
+ "media": "screen"
+ },
"resources/screen-common.less": {
"media": "screen"
},
--
To view, visit https://gerrit.wikimedia.org/r/250176
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: I22e08ee082aa34e9fca6aacacdc9ae05c3707a15
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/skins/Timeless
Gerrit-Branch: master
Gerrit-Owner: Isarra <[email protected]>
Gerrit-Reviewer: Isarra <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
