Merge "vector: Restore gray search input placeholder"
[lhc/web/wiklou.git] / skins / vector / screen.less
index bfcc35c..f8be097 100644 (file)
@@ -37,7 +37,7 @@ div#content {
        /* Merge the border with tabs' one (in their background image) */
        margin-top: -1px;
        background-color: white;
-       color: @body-font-color;
+       color: @content-font-color;
        direction: ltr;
 }
 /* Hide, but keep accessible for screen-readers */
@@ -89,13 +89,10 @@ div.emptyPortlet {
        margin: 0;
        padding-left: 10em; /* Keep from overlapping logo */
 }
-/* @noflip */
 #p-personal li {
        line-height: 1.125em;
+       /* @noflip */
        float: left;
-}
-/* This one flips! */
-#p-personal li {
        margin-left: 0.75em;
        margin-top: 0.5em;
        font-size: @menu-personal-font-size;
@@ -125,8 +122,8 @@ div.vectorMenu h3 span {
        display: none;
 }
 /* Namespaces and Views */
-/* @noflip */
 div.vectorTabs {
+       /* @noflip */
        float: left;
        height: 2.5em;
 }
@@ -136,23 +133,19 @@ div.vectorTabs {
        background-repeat: no-repeat;
        padding-left: 1px;
 }
-/* @noflip */
 div.vectorTabs ul {
+       /* @noflip */
        float: left;
-}
-div.vectorTabs ul {
        height: 100%;
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
 }
-/* @noflip */
-div.vectorTabs ul li {
-       float: left;
-}
 /* OVERRIDDEN BY COMPLIANT BROWSERS */
 div.vectorTabs ul li {
+       /* @noflip */
+       float: left;
        line-height: 1.125em;
        display: inline-block;
        height: 100%;
@@ -195,8 +188,8 @@ div.vectorTabs span a  {
        padding-top: 1.25em;
 }
 /* IGNORED BY IE6 */
-/* @noflip */
 div.vectorTabs span > a {
+       /* @noflip */
        float: left;
        display: block;
 }
@@ -216,13 +209,15 @@ div.vectorTabs li.new a:visited{
        color: #a55858;
 }
 /* Variants and Actions */
-/* @noflip */
 div.vectorMenu {
+       /* @noflip */
        direction: ltr;
+       /* @noflip */
        float: left;
        /* SVG support using a transparent gradient to guarantee cross-browser
         * compatibility (browsers able to understand gradient syntax support also SVG) */
        .background-image-svg('images/arrow-down-icon.svg', 'images/arrow-down-icon.png');
+       /* @noflip */
        background-position: 100% 60%;
        background-repeat: no-repeat;
        cursor: pointer;
@@ -233,19 +228,16 @@ div.vectorMenuFocus {
        .background-image-svg('images/arrow-down-focus-icon.svg', 'images/arrow-down-focus-icon.png');
        background-position: 100% 60%;
 }
-/* @noflip */
 body.rtl div.vectorMenu {
+       /* @noflip */
        direction: rtl;
 }
 /* OVERRIDDEN BY COMPLIANT BROWSERS */
-/* @noflip */
 div#mw-head div.vectorMenu h3 {
+       /* @noflip */
        float: left;
        .background-image('images/tab-break.png');
        background-repeat: no-repeat;
-}
-/* This will be flipped - unlike the one above it */
-div#mw-head div.vectorMenu h3 {
        background-position: bottom left;
        margin-left: -1px;
 }
@@ -264,7 +256,6 @@ div.vectorMenu#p-variants #mw-vector-current-variant {
        border: none;
 }
 /* OVERRIDDEN BY COMPLIANT BROWSERS */
-/* @noflip */
 div.vectorMenu h3 a {
        display: inline-block;
        width: 24px;
@@ -272,9 +263,6 @@ div.vectorMenu h3 a {
        text-decoration: none;
        .background-image('images/tab-break.png');
        background-repeat: no-repeat;
-}
-/* This will be flipped - unlike the one above it */
-div.vectorMenu h3 a {
        background-position: bottom right;
 }
 /* IGNORED BY IE6 */
@@ -288,20 +276,20 @@ div.vectorMenu div.menu {
        text-align: left;
 }
 /* OVERRIDDEN BY COMPLIANT BROWSERS */
-/* @noflip */
 body.rtl div.vectorMenu div.menu {
+       /* @noflip */
        margin-left: 24px;
 }
 /* IGNORED BY IE6 */
-/* @noflip */
 body.rtl div.vectorMenu > div.menu {
+       /* @noflip */
        margin-left: auto;
 }
 /* IGNORED BY IE6 */
 /* Also fixes old versions of FireFox */
-/* @noflip */
 body.rtl div.vectorMenu > div.menu,
 x:-moz-any-link {
+       /* @noflip */
        margin-left: 23px;
 }
 /* Enable forcing showing of the menu for accessibility */
@@ -360,8 +348,8 @@ div.vectorMenu li.selected a:visited {
 #p-search h3 {
        display: none;
 }
-/* @noflip */
 #p-search {
+       /* @noflip */
        float: left;
 }
 #p-search {
@@ -390,6 +378,9 @@ div#simpleSearch {
 div#simpleSearch input:focus {
        outline: none;
 }
+div#simpleSearch input {
+       color: black;
+}
 div#simpleSearch input.placeholder {
        color: #999;
 }
@@ -419,7 +410,6 @@ div#simpleSearch input#searchInput {
         * this from ever being shown anyways.
        */
        font-size: 13px;
-       color: black;
        background-color: transparent;
        direction: ltr;
 }
@@ -523,8 +513,9 @@ div#footer ul li {
 div#footer #footer-icons {
        float: right;
 }
-/* @noflip */
+
 body.ltr div#footer #footer-places {
+       /* @noflip */
        float: left;
 }
 div#footer #footer-info li {
@@ -558,104 +549,6 @@ div#footer #footer-places li {
        text-decoration: none;
 }
 
-/*
- *
- * The following code is highly modified from monobook. It would be nice if the
- * preftoc id was more human readable like preferences-toc for instance,
- * howerver this would require backporting the other skins.
- */
-
-/* Preferences */
-#preftoc {
-       /* Tabs */
-       width: 100%;
-       float: left;
-       clear: both;
-       margin: 0 !important;
-       padding: 0 !important;
-       .background-image('images/preferences-break.png');
-       background-position: bottom left;
-       background-repeat: no-repeat;
-}
-       #preftoc li {
-               /* Tab */
-               float: left;
-               margin: 0;
-               padding: 0;
-               padding-right: 1px;
-               height: 2.25em;
-               white-space: nowrap;
-               list-style-type: none;
-               list-style-image: none;
-               .background-image('images/preferences-break.png');
-               background-position: bottom right;
-               background-repeat: no-repeat;
-       }
-       /* Sadly, IE6 won't understand this */
-       #preftoc li:first-child {
-               margin-left: 1px;
-       }
-       #preftoc a,
-       #preftoc a:active {
-               display: inline-block;
-               position: relative;
-               color: @menu-link-color;
-               padding: 0.5em;
-               text-decoration: none;
-               background-image: none;
-               font-size: 0.9em;
-       }
-       #preftoc a:hover,
-       #preftoc a:focus {
-               text-decoration: underline;
-       }
-       #preftoc li.selected a {
-               .background-image('images/preferences-fade.png');
-               background-position: bottom;
-               background-repeat: repeat-x;
-               color: #333;
-               text-decoration: none;
-       }
-#preferences {
-       float: left;
-       width: 100%;
-       margin: 0;
-       margin-top: -2px;
-       clear: both;
-       border: solid 1px #ccc;
-       background-color: #fafafa;
-}
-#preferences fieldset {
-       border: none;
-       border-top: solid 1px #ccc;
-}
-#preferences fieldset.prefsection {
-       border: none;
-       padding: 0;
-       margin: 1em;
-}
-#preferences legend {
-       color: #666;
-}
-#preferences fieldset.prefsection legend.mainLegend {
-       display: none;
-}
-#preferences td {
-       padding-left: 0.5em;
-       padding-right: 0.5em;
-}
-.htmlform-tip {
-       font-size: x-small;
-       padding: .2em 2em;
-       color: #666;
-}
-#preferences div.mw-prefs-buttons {
-       padding: 1em;
-}
-#preferences div.mw-prefs-buttons input {
-       margin-right: 0.25em;
-}
-
 ul {
        list-style-type: disc;
        .list-style-image('images/bullet-icon.png');
@@ -698,12 +591,8 @@ pre, .mw-code {
 #bodyContent {
        position: relative;
        width: 100%;
-
-       // FIXME: Seems overly specific. Not sure why this is needed.
-       &div {
-               line-height: 1.5em;
-               font-size: @content-font-size;
-       }
+       line-height: 1.5em;
+       font-size: @content-font-size;
 }
 
 /* mediawiki.notification */