Skip to content

valencia
valencia
Commit 92fd8622 authored by Mattia Migliorini's avatar Mattia Migliorini
Browse files
Options

Make some order in small devices header 

NOTE: breaks the dropdown menu
parent 83b33429
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 322 additions and 292 deletions
css/style.css
View file @ 92fd8622
This diff is collapsed.
sass/style.scss
View file @ 92fd8622
......@@ -8,13 +8,13 @@
// Override default text selection color
::selection {
background:lighten($ubuntu-orange, 10%);
background:lighten($ubuntu-orange, 10%);
}
a {
&::selection,
& *::selection {
background:$warm-grey;
}
&::selection,
& *::selection {
background:$warm-grey;
}
}
// Remove unwanted "x"es from search box (webkit and ie)
......@@ -26,117 +26,128 @@ input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
.logo {
position:absolute;
top:0;
left:0;
z-index:10;
body.toolbar & {
top:30px;
}
position:absolute;
top:0;
left:0;
z-index:10;
body.toolbar & {
top:30px;
}
}
// Custom background for community pages
body.node-type-community-page {
background: url("../img/dotted.png") repeat scroll 0 0 #F5F6F7;
background: url("../img/dotted.png") repeat scroll 0 0 #F5F6F7;
}
header.banner {
margin-bottom:0;
.nav-primary {
ul li a {
line-height: 17px;
}
}
&.inverted {
background: $light-grey;
margin-bottom:20px;
.nav-primary {
ul {
border-color:lighten($light-grey, 10%);
margin-top:1px;
li {
&, &:last-child {
border-color:darken($light-grey, 5%);
}
a {
&:link,
&:visited {
border-color:lighten($light-grey, 7%);
color:darken($warm-grey, 10%);
}
&:hover {
background:darken($light-grey, 5%);
color:lighten($cool-grey, 7%);
}
}
}
}
a {
&.active,
&:active {
border-color:darken($light-grey, 5%);
background:darken($light-grey, 5%);
}
}
}
.header-search {
overflow:hidden;
padding: 4px 0 0 14px;
max-width:240px;
float:right;
input[type="search"] {
@include box-sizing(border-box);
-webkit-appearance:none;
float:left;
display:block;
@include font-size(16);
height:2.1em;
@include rounded-corners(4px);
width:100%;
border:none;
margin-bottom:0;
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:#555;
&:focus {
background: rgba(0, 0, 0, 0.05);
}
@include placeholder(#555);
}
button[type="submit"] {
padding:5px 2px;
line-height:0;
float:left;
margin-left:-40px;
display:block;
background:none;
overflow:visible;
}
}
}
.site-name {
float:right;
.logo-ubuntuit {
font-size: 2.4em;
margin-bottom:0;
position:relative;
text-transform:lowercase;
margin:0;
display:inline-block;
margin-left:20px;
font-weight:300;
}
}
margin-bottom:0;
.search-toggle {
position: static;
float: right;
}
.nav-toggle {
position: static;
float: left;
}
.nav-primary {
ul li a {
line-height: 17px;
}
}
&.inverted {
background: $light-grey;
margin-bottom:20px;
.nav-primary {
ul {
border-color:lighten($light-grey, 10%);
margin-top:1px;
li {
&, &:last-child {
border-color:darken($light-grey, 5%);
}
a {
&:link,
&:visited {
border-color:lighten($light-grey, 7%);
color:darken($warm-grey, 10%);
}
&:hover {
background:darken($light-grey, 5%);
color:lighten($cool-grey, 7%);
}
}
}
}
a {
&.active,
&:active {
border-color:darken($light-grey, 5%);
background:darken($light-grey, 5%);
}
}
}
.header-search {
overflow:hidden;
padding: 4px 0 0 14px;
max-width:240px;
float:right;
input[type="search"] {
@include box-sizing(border-box);
-webkit-appearance:none;
float:left;
display:block;
@include font-size(16);
height:2.1em;
@include rounded-corners(4px);
width:100%;
border:none;
margin-bottom:0;
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:#555;
&:focus {
background: rgba(0, 0, 0, 0.05);
}
@include placeholder(#555);
}
button[type="submit"] {
padding:5px 2px;
line-height:0;
float:left;
margin-left:-40px;
display:block;
background:none;
overflow:visible;
}
}
}
.site-name {
@media #{$breakpoint-medium} {
float:right;
}
.logo-ubuntuit {
font-size: 2.4em;
margin-bottom:0;
position:relative;
text-transform:lowercase;
margin:0;
display:inline-block;
margin-left:20px;
font-weight:300;
}
}
}
valencia.info
View file @ 92fd8622
......@@ -10,8 +10,8 @@ engine = phptemplate
stylesheets[all][] = css/style.css
; SCRIPTS
scripts[] = js/yui-min.js
scripts[] = js/core.js
;scripts[] = js/yui-min.js
;scripts[] = js/core.js
; CORE REGIONS
regions[page_top] = Page Top
......
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