Isarra has uploaded a new change for review.
https://gerrit.wikimedia.org/r/250178
Change subject: Everything is horrible.
......................................................................
Everything is horrible.
Change-Id: Id35180435716a269edb45cab286ec178e9dd7791
---
M TimelessTemplate.php
M resources/forms.less
M resources/screen-common.less
M resources/screen-desktop.less
M resources/variables.less
5 files changed, 96 insertions(+), 15 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/skins/Timeless
refs/changes/78/250178/1
diff --git a/TimelessTemplate.php b/TimelessTemplate.php
index 75176c1..cabe983 100644
--- a/TimelessTemplate.php
+++ b/TimelessTemplate.php
@@ -211,8 +211,10 @@
<h3>
<label for="searchInput"><?php echo
$this->getMsg( 'search' )->escaped() ?></label>
</h3>
- <?php echo $this->makeSearchInput( array( "id" =>
"searchInput" ) ) ?>
<?php echo $this->makeSearchButton( 'go', array( 'id'
=> 'searchGoButton', 'class' => 'searchButton' ) ) ?>
+ <div id="searchInput-container">
+ <?php echo $this->makeSearchInput( array( "id"
=> "searchInput" ) ) ?>
+ </div>
<input type='hidden' name="title" value="<?php
$this->text( 'searchtitle' ) ?>"/>
</form>
<?php
diff --git a/resources/forms.less b/resources/forms.less
index d189133..8548f00 100644
--- a/resources/forms.less
+++ b/resources/forms.less
@@ -158,22 +158,20 @@
input[type="button"],
button {
padding: .25em 1em .1em 1em;
- border: solid 1px @blue-dark;
+ border: solid 1px @grey;
border-bottom-width: @border;
- text-shadow: 0 -1px 0 @blue-dark;
+ text-shadow: 0 -1px 0 @grey;
box-sizing: border-box;
border-radius: @radius;
- background: @blue;
- color: @text-inverse;
- font-weight: bold;
+ background: @background;
+ color: @text;
min-height: 30px;
&:active {
- background: @blue-bright;
- border-color: @blue;
+ background: @grey-bright;
}
&:hover {
- background: @blue-bright;
+ background: @grey-bright;
}
}
textarea {
@@ -183,13 +181,14 @@
line-height: 1.3em;
}
textarea#wpTextbox1 {
- border-color: @grey-bright;
+ border-color: @grey;
}
div.editOptions {
padding: 1.25em 1.75em;
padding: 1em;
- border: solid @grey-bright;
+ border: solid @grey;
border-width: 0 1px @border;
+ background: @background2;
.mw-summary label {
padding-left: 0;
diff --git a/resources/screen-common.less b/resources/screen-common.less
index 995e7a4..55c677d 100644
--- a/resources/screen-common.less
+++ b/resources/screen-common.less
@@ -8,10 +8,15 @@
margin: 0;
padding: 0;
color: @text;
- background: @background;
+ background: @background2;
font-size: 1em;
line-height: 1.3;
}
+#content {
+ background: @background;
+}
+
+/* Misc */
a {
text-decoration: none;
@@ -48,4 +53,3 @@
#p-personal h3 {
.hidden;
}
-
diff --git a/resources/screen-desktop.less b/resources/screen-desktop.less
index 089b34c..9dc2492 100644
--- a/resources/screen-desktop.less
+++ b/resources/screen-desktop.less
@@ -11,11 +11,82 @@
}
#p-search,
#content {
- margin-left: 14em;
- margin-right: 14em;
+ margin-left: 12em;
+ margin-right: 12em;
}
#mw-related-navigation,
#p-personal {
width: 12em;
float: right;
}
+
+#mw-header-container {
+ position: fixed;
+ width: 100%;
+ background: @foreground;
+ color: @text-inverse;
+ height: 3em;
+ border-bottom: solid @border @foreground2;
+ box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
+}
+
+
+/* BANNER */
+
+#p-logo-text {
+ width: 10em;
+ text-align: center;
+ text-shadow: 0 -1px 0 @foreground2;
+
+ a {
+ color: @text-inverse;
+ font-family: @fonts-secondary;
+ font-variant: small-caps;
+ font-size: 1.75em;
+ display: block;
+ }
+}
+
+
+/* SEARCH */
+
+#p-search {
+ box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1);
+ background: @background;
+}
+#searchInput-container {
+ margin: .5em 8em 0 0;
+}
+#searchInput {
+ border: none;
+ margin: 0;
+ width: 100%;
+ height: 2.25em;
+ padding-left: 1em;
+ box-shadow: none;
+ background: transparent;
+}
+#searchGoButton {
+ float: right;
+ width: 7.5em;
+ height: 2.25em;
+ border: none;
+ background: transparent;
+}
+
+
+/* CONTENT */
+
+#content-container {
+ margin-top: 3em;
+}
+#content {
+ background: @background;
+ padding-top: 1em;
+ border: 1px @grey-bright;
+ border-style: none solid;
+ box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.02);
+ overflow: hidden;
+ padding-right: 2em;
+ padding-left: 2em;
+}
diff --git a/resources/variables.less b/resources/variables.less
index 12ca58f..502601a 100644
--- a/resources/variables.less
+++ b/resources/variables.less
@@ -2,6 +2,10 @@
@text: #013;
@background: #fff;
+@background2: #f3f3f3;
+
+@foreground: #777;
+@foreground2: #555;
@text-inverse: #fff;
@link: @blue;
@@ -29,6 +33,7 @@
/* Flair */
+@fonts-secondary: 'Linux Libertine', 'Georgia', serif;
@fonts: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
@border: .2em;
@radius: .2em;
--
To view, visit https://gerrit.wikimedia.org/r/250178
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: Id35180435716a269edb45cab286ec178e9dd7791
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/skins/Timeless
Gerrit-Branch: master
Gerrit-Owner: Isarra <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
