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 @@ ...@@ -8,13 +8,13 @@
// Override default text selection color // Override default text selection color
::selection { ::selection {
background:lighten($ubuntu-orange, 10%); background:lighten($ubuntu-orange, 10%);
} }
a { a {
&::selection, &::selection,
& *::selection { & *::selection {
background:$warm-grey; background:$warm-grey;
} }
} }
// Remove unwanted "x"es from search box (webkit and ie) // Remove unwanted "x"es from search box (webkit and ie)
...@@ -26,117 +26,128 @@ input[type="search"]::-webkit-search-results-button, ...@@ -26,117 +26,128 @@ input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; } input[type="search"]::-webkit-search-results-decoration { display: none; }
.logo { .logo {
position:absolute; position:absolute;
top:0; top:0;
left:0; left:0;
z-index:10; z-index:10;
body.toolbar & { body.toolbar & {
top:30px; top:30px;
} }
} }
// Custom background for community pages // Custom background for community pages
body.node-type-community-page { 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 { header.banner {
margin-bottom:0; margin-bottom:0;
.nav-primary { .search-toggle {
ul li a { position: static;
line-height: 17px; float: right;
} }
} .nav-toggle {
position: static;
&.inverted { float: left;
background: $light-grey; }
margin-bottom:20px;
.nav-primary {
.nav-primary { ul li a {
ul { line-height: 17px;
border-color:lighten($light-grey, 10%); }
margin-top:1px; }
li { &.inverted {
&, &:last-child { background: $light-grey;
border-color:darken($light-grey, 5%); margin-bottom:20px;
}
a { .nav-primary {
&:link, ul {
&:visited { border-color:lighten($light-grey, 10%);
border-color:lighten($light-grey, 7%); margin-top:1px;
color:darken($warm-grey, 10%);
} li {
&:hover { &, &:last-child {
background:darken($light-grey, 5%); border-color:darken($light-grey, 5%);
color:lighten($cool-grey, 7%); }
} a {
} &:link,
} &:visited {
} border-color:lighten($light-grey, 7%);
a { color:darken($warm-grey, 10%);
&.active, }
&:active { &:hover {
border-color:darken($light-grey, 5%); background:darken($light-grey, 5%);
background:darken($light-grey, 5%); color:lighten($cool-grey, 7%);
} }
} }
} }
}
.header-search { a {
overflow:hidden; &.active,
padding: 4px 0 0 14px; &:active {
max-width:240px; border-color:darken($light-grey, 5%);
float:right; background:darken($light-grey, 5%);
}
input[type="search"] { }
@include box-sizing(border-box); }
-webkit-appearance:none;
float:left; .header-search {
display:block; overflow:hidden;
@include font-size(16); padding: 4px 0 0 14px;
height:2.1em; max-width:240px;
@include rounded-corners(4px); float:right;
width:100%;
border:none; input[type="search"] {
margin-bottom:0; @include box-sizing(border-box);
background-color: rgba(0, 0, 0, 0); -webkit-appearance:none;
@include box-shadow(inset 0 1px 4px rgba(0,0,0,.2)); float:left;
@include transition(); // Use defaults display:block;
padding:.5em 2.5em .5em .5em; @include font-size(16);
color:#555; height:2.1em;
@include rounded-corners(4px);
&:focus { width:100%;
background: rgba(0, 0, 0, 0.05); border:none;
} margin-bottom:0;
background-color: rgba(0, 0, 0, 0);
@include placeholder(#555); @include box-shadow(inset 0 1px 4px rgba(0,0,0,.2));
} @include transition(); // Use defaults
button[type="submit"] { padding:.5em 2.5em .5em .5em;
padding:5px 2px; color:#555;
line-height:0;
float:left; &:focus {
margin-left:-40px; background: rgba(0, 0, 0, 0.05);
display:block; }
background:none;
overflow:visible; @include placeholder(#555);
} }
} button[type="submit"] {
} padding:5px 2px;
line-height:0;
.site-name { float:left;
float:right; margin-left:-40px;
.logo-ubuntuit { display:block;
font-size: 2.4em; background:none;
margin-bottom:0; overflow:visible;
position:relative; }
text-transform:lowercase; }
margin:0; }
display:inline-block;
margin-left:20px; .site-name {
font-weight:300; @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 ...@@ -10,8 +10,8 @@ engine = phptemplate
stylesheets[all][] = css/style.css stylesheets[all][] = css/style.css
; SCRIPTS ; SCRIPTS
scripts[] = js/yui-min.js ;scripts[] = js/yui-min.js
scripts[] = js/core.js ;scripts[] = js/core.js
; CORE REGIONS ; CORE REGIONS
regions[page_top] = Page Top 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