Added style for scopri-ubuntu/derivate

sass/style.scss

@@ -180,3 +180,67 @@ footer.global {
 a.link-cta-ubuntu {
 	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);
+    }

sass/style.scss~

+@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;
+}