Commit 71b4c230 authored by Pietro Albini's avatar Pietro Albini

Extract the theme to a separate repository

parent 21ce085c
// Override default text selection color
::selection {
background: lighten($ubuntu-orange, 10%);
color: #fff;
}
a {
&::selection,
& *::selection {
background: $warm-grey;
color: #fff;
}
}
// Remove unwanted "x"es from search box (webkit and ie)
input[type=text]::-ms-clear { display: none; width: 0; height: 0; }
input[type=text]::-ms-reveal { display: none; width: 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
// Fix some paddings
div.row {
padding: 40px 40px 20px 40px;
&:last-child {
@extend .no-border;
}
&.row-quote blockquote {
padding-top: 20px;
}
}
div.inner-wrapper {
padding-bottom: 0;
}
a {
color: #dd4814;
}
// Define backgrounds
body {
background-image: url("images/background-paper.png");
&.community-page {
background: url("images/background-dotted.png") repeat scroll 0 0 #F5F6F7;
}
}
header.banner {
margin-bottom: 0;
nav {
overflow: visible !important;
height: 44px;
ul li a {
line-height: 17px;
font-weight: 400 !important;
}
}
nav.nav-primary {
ul li a {
border-left: 1px solid lighten($ubuntu-orange, 10%) !important;
&:hover {
background: #e1662f !important;
}
&:active, &.active {
background: #b83a10 !important;
}
}
div.logo {
top: 0;
height: 44px;
margin-left: 0;
a {
font-size: 1.4em;
font-weight: 500;
color: #fff;
&:hover, &:active, &:focus {
text-decoration: none;
}
}
}
}
&.inverted {
background: $light-grey;
margin-bottom: 20px;
z-index: 0 !important;
nav {
height: 45px;
}
.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%) !important;
color: darken($warm-grey, 10%);
}
&:hover {
background: #fff !important;
color: lighten($cool-grey, 7%) !important;
}
}
}
}
a.active, a:active {
border-color:darken($light-grey, 5%);
background:darken($light-grey, 5%) !important;
}
}
}
}
div.logo {
overflow: visible !important;
div.website-selector {
position: absolute;
display: none;
width: 250px;
z-index: 3;
top: 44px;
left: -30px;
background: rgba(0, 0, 0, 0);
ol {
padding: 0.4em 0;
width: 100%;
background: #fff;
border: 1px solid #d5d5d5;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
font-size: 15px !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
li {
margin: 0;
font-size: 15px;
padding: 0 1.2em;
a {
width: 100%;
display: block;
padding: 0.3em 0;
color: #333 !important;
font-size: 15px !important;
&:hover, &.active {
color: #dd4814 !important;
}
}
&.website-selector-footer {
text-align: center;
a.social {
background-image: url("images/common/social.png");
height: 18px;
width: 18px;
padding: 0;
margin: 10px 6px;
display: inline-block;
&.facebook {
background-position: 0 0;
&:hover {
background-position: 0 36px;
}
}
&.twitter {
background-position: 54px 0;
&:hover {
background-position: 54px 36px;
}
}
&.gplus {
background-position: 36px 0;
&:hover {
background-position: 36px 36px;
}
}
&.youtube {
background-position: 18px 0;
&:hover {
background-position: 18px 36px;
}
}
}
}
}
&:before {
height: 10px;
width: 100%;
background: #000;
}
}
}
&:hover div.website-selector {
display: block;
}
}
nav.nav-secondary {
border-left: none;
border-right: none;
border-color: #dfdcd9;
ul {
li a {
margin-top: 8px;
&.active {
color: #dd4814 !important;
font-weight: 300 !important;
}
}
&.breadcrumb li {
margin: 0;
a.breadcrumb-link {
margin-right: 0 !important;
&:after {
content: "›";
margin-left: 3px;
}
}
}
}
}
nav.nav-footer {
width: 984px;
margin: auto;
display: flex;
& > div {
flex: 1;
padding: 0 10px;
border-left: 1px dotted #333;
h2 {
padding-bottom: 0;
}
ul li {
margin-bottom: 0;
line-height: 17px;
a {
font-size: 0.75em;
color: #333;
}
}
&:first-child {
padding-left: 0;
border-left: 0;
}
&:last-child {
padding-right: 0;
}
}
}
footer {
background: #ececec !important;
hr {
border: 0;
border-bottom: 1px solid #d8d8d8;
margin: 1.5em 0;
}
}
// Responsiveness
@media all and (max-width: $site-max-width) {
div.wrapper {
width: 100% !important;
}
}
.inner-wrapper {
box-shadow: 0 2px 3px #c9c9c9;
}
// A bit of style for buttons
a.button--primary, a.button--secondary {
margin: 0 0 0.75em 0;
font-size: 1.1em;
padding: 8px 17px !important;
border-radius: 3px;
}
// Import Vanilla Framework // Import Vanilla Framework
@import "../../node_modules/vanilla-framework/scss/build.scss"; @import "../../node_modules/ubuntuit-vanilla-theme/scss/theme";
@import "../../node_modules/ubuntu-vanilla-theme/scss/theme"; @include ubuntuit-vanilla-theme;
@include ubuntu-vanilla-theme;
// Import backports from web-style-guide // Import backports from web-style-guide
@import "wsg-backports.scss"; @import "wsg-backports.scss";
// Import Ubuntu-it common customizations
@import "ubuntuit.scss";
// Import Ubuntu-it website's customizations // Import Ubuntu-it website's customizations
@import "www.scss"; @import "www.scss";
...@@ -3,8 +3,7 @@ ...@@ -3,8 +3,7 @@
"gulp-postcss": "~5.1.8", "gulp-postcss": "~5.1.8",
"gulp": "~3.9.0", "gulp": "~3.9.0",
"autoprefixer": "~5.2.0", "autoprefixer": "~5.2.0",
"vanilla-framework": "0.0.50", "ubuntuit-vanilla-theme": "git+http://code.ubuntu-it.org/ubuntu-it-web/ubuntuit-vanilla-theme.git",
"ubuntu-vanilla-theme": "0.0.7",
"gulp-concat": "~2.6.0", "gulp-concat": "~2.6.0",
"gulp-uglify": "~1.2.0", "gulp-uglify": "~1.2.0",
"gulp-sass": "~2.1.0" "gulp-sass": "~2.1.0"
......
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