Commit 26307cb0 authored by Lumetti Luca's avatar Lumetti Luca

Added style for scopri-ubuntu/derivate

parent 66d79f9d
...@@ -180,3 +180,67 @@ footer.global { ...@@ -180,3 +180,67 @@ footer.global {
a.link-cta-ubuntu { a.link-cta-ubuntu {
margin: 0 0 0.75em 0; margin: 0 0 0.75em 0;
} }
// style for scopri-ubuntu/derivate
#deriv-container{
position: relative;
width: 200px;
height: 200px;
border-radius: 200px;
padding: 80px 0px;
text-align: center;
margin: 200px auto;
}
.deriv-circle{
margin: 0 auto;
width: 610px;
}
#deriv-name{
font-size: 35px;
font-weight: 400;
}
.scircle{
position: absolute;
width: 90px;
height: 90px;
background-color: #fff;
border-radius: 100px;
background-size: 97px 99px;
background-position: -5px -5px;
cursor: pointer;
}
#scircle-kubuntu{
background-image:url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/kubuntu.png");
}
#scircle-lubuntu{
background-image:url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/lubuntu.png);
}
#scircle-xubuntu{
background-image:url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/xubuntu.png);
}
#scircle-edubuntu{
background-image:url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/edubuntu.png);
background-size: 106px 107px!important;
}
#scircle-ubuntu-studio{
background-image:url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/studio.svg);
}
#scircle-mythubuntu{
background-image:url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/mythubuntu.png);
}
#scircle-ubuntu-mate{
background-image:url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/mate.png);
}
#scircle-ubuntu-gnome{
background-image:url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/gnome.png);
}
@import 'core/ubuntu-styles';
@import 'constants';
@import 'functions';
@import 'mixins';
@import 'classes';
// If a website uses HTTPS, using HTTP here is a great security hole. Use HTTPS!
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,400italic);
// Override default text selection color
::selection {
background:lighten($ubuntu-orange, 10%);
}
a {
&::selection,
& *::selection {
background:$warm-grey;
}
}
// 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; }
.logo {
position:absolute;
top:0;
left:0;
z-index:10;
body.toolbar & {
top:30px;
}
}
// Fix some paddings
div.row {
padding: 40px;
&.row-quote blockquote {
padding-top: 20px;
}
}
// Custom background for community pages
body.node-type-community-page {
background: url("../img/dotted.png") repeat scroll 0 0 #F5F6F7;
}
header.banner {
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;
}
}
}
footer.global {
background: #eeeeee;
.footer-a ul li h2 + ul.second-level-nav {
display: block;
border-top: 1px solid $nav-border-dark;
}
}
.inner-wrapper {
-moz-box-shadow: 0 2px 3px #c9c9c9;
-webkit-box-shadow: 0 2px 3px #c9c9c9;
box-shadow: 0 2px 3px #c9c9c9;
}
// Add bottom margins to cta buttons.
a.link-cta-ubuntu {
margin: 0 0 0.75em 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