Skip to content

valencia
valencia
Commit 45497a70 authored by Pietro Albini's avatar Pietro Albini
Browse files
Options

Search bar is now white

parent 2a90ff43
Show whitespace changes
Inline Side-by-side
Showing with 6 additions and 6 deletions
css/style.css
View file @ 45497a70
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,400italic);::selection{background:#ed6637}a::selection,a *::selection{background:#77216f}.logo{position:absolute;top:0;left:0;z-index:10}body.toolbar .logo{top:30px}header.banner{margin-bottom:0}header.banner.inverted{background:#f7f7f7;margin-bottom:20px;margin-top:-4px}header.banner.inverted .nav-primary ul{border-color:#fff}header.banner.inverted .nav-primary ul li,header.banner.inverted .nav-primary ul li:last-child{border-color:#eaeaea}header.banner.inverted .nav-primary ul li a:link,header.banner.inverted .nav-primary ul li a:visited{border-color:#fff;color:#978e83}header.banner.inverted .nav-primary ul li a:hover{background:#eaeaea;color:#454545}header.banner.inverted .nav-primary a.active,header.banner.inverted .nav-primary a:active{border-color:#eaeaea;background:#eaeaea}header.banner.inverted .header-search{overflow:hidden;padding:7px 0 7px 14px;max-width:240px;float:right}header.banner.inverted .header-search input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;float:left;display:block;font-size:1em;margin-bottom:0.75em;height:2.1em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:100%;border:none;margin-bottom:0;background-color:#aea79f;-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;padding:.5em 2.5em .5em .5em;color:#fff}header.banner.inverted .header-search input[type="search"]:focus{background:#333}header.banner.inverted .header-search input[type="search"]::-webkit-input-placeholder{color:#fff}header.banner.inverted .header-search input[type="search"]:-moz-placeholder{color:#fff}header.banner.inverted .header-search input[type="search"]::-moz-placeholder{color:#fff}header.banner.inverted .header-search input[type="search"]:-ms-input-placeholder{color:#fff}header.banner.inverted .header-search button[type="submit"]{padding:3px 2px;line-height:0;float:left;margin-left:-40px;display:block;background:none;overflow:visible}header.banner .site-name{float:right}header.banner .site-name .logo-ubuntuit{font-size:2.25em;margin-bottom:0.33333em;margin-bottom:0;position:relative;text-transform:lowercase;margin:0;display:inline-block;margin-left:20px;font-weight:300} @charset "UTF-8";@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,400italic);::selection{background:#ed6637}a::selection,a *::selection{background:#77216f}.logo{position:absolute;top:0;left:0;z-index:10}body.toolbar .logo{top:30px}header.banner{margin-bottom:0}header.banner.inverted{background:#f7f7f7;margin-bottom:20px;margin-top:-4px}header.banner.inverted .nav-primary ul{border-color:#fff}header.banner.inverted .nav-primary ul li,header.banner.inverted .nav-primary ul li:last-child{border-color:#eaeaea}header.banner.inverted .nav-primary ul li a:link,header.banner.inverted .nav-primary ul li a:visited{border-color:#fff;color:#978e83}header.banner.inverted .nav-primary ul li a:hover{background:#eaeaea;color:#454545}header.banner.inverted .nav-primary a.active,header.banner.inverted .nav-primary a:active{border-color:#eaeaea;background:#eaeaea}header.banner.inverted .header-search{overflow:hidden;padding:7px 0 7px 14px;max-width:240px;float:right}header.banner.inverted .header-search input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;float:left;display:block;font-size:1em;margin-bottom:0.75em;height:2.1em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:100%;border:none;margin-bottom:0;background-color:transparent;-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);box-shadow:inset 0 1px 4px rgba(0,0,0,0.2);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;padding:.5em 2.5em .5em .5em;color:#555}header.banner.inverted .header-search input[type="search"]:focus{background:rgba(0,0,0,0.05)}header.banner.inverted .header-search input[type="search"]::-webkit-input-placeholder{color:#555}header.banner.inverted .header-search input[type="search"]:-moz-placeholder{color:#555}header.banner.inverted .header-search input[type="search"]::-moz-placeholder{color:#555}header.banner.inverted .header-search input[type="search"]:-ms-input-placeholder{color:#555}header.banner.inverted .header-search button[type="submit"]{padding:3px 2px;line-height:0;float:left;margin-left:-40px;display:block;background:none;overflow:visible}header.banner .site-name{float:right}header.banner .site-name .logo-ubuntuit{font-size:2.25em;margin-bottom:0.33333em;margin-bottom:0;position:relative;text-transform:lowercase;margin:0;display:inline-block;margin-left:20px;font-weight:300}
sass/style.scss
View file @ 45497a70
...@@ -80,17 +80,17 @@ header.banner { ...@@ -80,17 +80,17 @@ header.banner {
width:100%; width:100%;
border:none; border:none;
margin-bottom:0; margin-bottom:0;
background-color:$warm_grey; background-color: rgba(0, 0, 0, 0);
@include box_shadow(inset 0 1px 4px rgba(0,0,0,.2)); @include box_shadow(inset 0 1px 4px rgba(0,0,0,.2));
@include transition(); // Use defaults @include transition(); // Use defaults
padding:.5em 2.5em .5em .5em; padding:.5em 2.5em .5em .5em;
color:#fff; color:#555;
&:focus { &:focus {
background:$cool_grey; background: rgba(0, 0, 0, 0.05);
} }
@include placeholder(#fff); @include placeholder(#555);
} }
button[type="submit"] { button[type="submit"] {
padding:3px 2px; padding:3px 2px;
......
tpl/page.tpl.php
View file @ 45497a70
...@@ -103,7 +103,7 @@ ...@@ -103,7 +103,7 @@
<form action="/search" id="search-form" class="header-search"> <form action="/search" id="search-form" class="header-search">
<input type="search" maxlength="255" name="q" id="edit-keys" class="form-text" placeholder="Cerca&hellip;" value="" /> <input type="search" maxlength="255" name="q" id="edit-keys" class="form-text" placeholder="Cerca&hellip;" value="" />
<button type="submit"> <button type="submit">
<img src="http://assets.ubuntu.com/sites/ubuntu/1044/u/img/search-white.svg" alt="Search" height="28" /> <img src="http://assets.ubuntu.com/sites/ubuntu/1044/u/img/search-black.svg" alt="Search" height="28" />
</button> </button>
</form> </form>
</nav> </nav>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment