Commit 45497a70 authored by Pietro Albini's avatar Pietro Albini

Search bar is now white

parent 2a90ff43
@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}
......@@ -80,17 +80,17 @@ header.banner {
width:100%;
border:none;
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 transition(); // Use defaults
padding:.5em 2.5em .5em .5em;
color:#fff;
color:#555;
&:focus {
background:$cool_grey;
background: rgba(0, 0, 0, 0.05);
}
@include placeholder(#fff);
@include placeholder(#555);
}
button[type="submit"] {
padding:3px 2px;
......
......@@ -103,7 +103,7 @@
<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="" />
<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>
</form>
</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