Skip to content

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

Rewrite derivative scircle ids rules. READ COMMENT

parent ea0a36c3
Hide whitespace changes
Inline Side-by-side
Showing with 140 additions and 89 deletions
css/style.css
View file @ ff17e2b3
......@@ -3720,9 +3720,9 @@ header.banner .nav-primary ul a.active {
header.banner .nav-primary ul li a:hover {
background: #e1662f;
border-top: 0;
-moz-box-shadow: inset 0 2px 2px -2px #777777;
-webkit-box-shadow: inset 0 2px 2px -2px #777777;
box-shadow: inset 0 2px 2px -2px #777777;
-moz-box-shadow: inset 0 2px 2px -2px #777;
-webkit-box-shadow: inset 0 2px 2px -2px #777;
box-shadow: inset 0 2px 2px -2px #777;
}
/* line 70, ../sass/core/patterns/_header.scss */
......@@ -3801,7 +3801,7 @@ header.banner .nav-primary ul li a:hover {
/* line 124, ../sass/core/patterns/_header.scss */
header.banner .nav-primary ul li a.active {
background-color: #dddddd;
background-color: #ddd;
}
/* line 128, ../sass/core/patterns/_header.scss */
......@@ -4087,7 +4087,7 @@ html.no-svg header.banner .logo-ubuntu, .opera-mini header.banner .logo-ubuntu {
/* line 389, ../sass/core/patterns/_header.scss */
header.banner .nav-primary ul li a.active {
background-color: #dddddd;
background-color: #ddd;
}
/* line 393, ../sass/core/patterns/_header.scss */
......@@ -4910,7 +4910,7 @@ header.banner .search-toggle {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-search.png") no-repeat scroll 5px center, none repeat scroll 0 0 #be3d00;
background: url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-search.png") no-repeat scroll 5px center, none repeat scroll 0 0 #BE3D00;
border: 6px solid #DE6532;
border-width: 0 0 1px;
color: #fff;
......@@ -5238,9 +5238,9 @@ footer.global {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-moz-box-shadow: inset 0 2px 2px -1px lightgray;
-webkit-box-shadow: inset 0 2px 2px -1px lightgray;
box-shadow: inset 0 2px 2px -1px lightgray;
-moz-box-shadow: inset 0 2px 2px -1px #d3d3d3;
-webkit-box-shadow: inset 0 2px 2px -1px #d3d3d3;
box-shadow: inset 0 2px 2px -1px #d3d3d3;
background: none;
border-top: 0;
clear: both;
......@@ -5458,9 +5458,9 @@ html.no-svg footer.global .top-link a, .opera-mini footer.global .top-link a {
}
/* line 16, ../sass/core/patterns/_contextual-footer.scss */
#context-footer hr {
-moz-box-shadow: inset 0 2px 2px -2px #333333;
-webkit-box-shadow: inset 0 2px 2px -2px #333333;
box-shadow: inset 0 2px 2px -2px #333333;
-moz-box-shadow: inset 0 2px 2px -2px #333;
-webkit-box-shadow: inset 0 2px 2px -2px #333;
box-shadow: inset 0 2px 2px -2px #333;
background: #dd4814;
height: 14px;
margin: 0 0 10px;
......@@ -7594,7 +7594,7 @@ div.row.row-quote blockquote {
/* line 49, ../sass/style.scss */
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;
}
/* line 53, ../sass/style.scss */
......@@ -7675,19 +7675,19 @@ header.banner.inverted .header-search input[type="search"]:focus {
}
/* line 14, ../sass/_mixins.scss */
header.banner.inverted .header-search input[type="search"]::-webkit-input-placeholder {
color: #555555;
color: #555;
}
/* line 17, ../sass/_mixins.scss */
header.banner.inverted .header-search input[type="search"]:-moz-placeholder {
color: #555555;
color: #555;
}
/* line 20, ../sass/_mixins.scss */
header.banner.inverted .header-search input[type="search"]::-moz-placeholder {
color: #555555;
color: #555;
}
/* line 23, ../sass/_mixins.scss */
header.banner.inverted .header-search input[type="search"]:-ms-input-placeholder {
color: #555555;
color: #555;
}
/* line 135, ../sass/style.scss */
header.banner.inverted .header-search button[type="submit"] {
......@@ -7738,3 +7738,80 @@ footer.global .footer-a ul li h2 + ul.second-level-nav {
a.link-cta-ubuntu {
margin: 0 0 0.75em 0;
}
/* line 185, ../sass/style.scss */
#deriv-container {
position: relative;
width: 200px;
height: 200px;
border-radius: 200px;
padding: 80px 0px;
text-align: center;
margin: 200px auto;
}
/* line 194, ../sass/style.scss */
.deriv-circle {
margin: 0 auto;
width: 610px;
}
/* line 199, ../sass/style.scss */
#deriv-name {
font-size: 35px;
font-weight: 400;
}
/* line 204, ../sass/style.scss */
.scircle {
position: absolute;
width: 90px;
height: 90px;
background-color: #fff;
border-radius: 100px;
background-size: 97px 99px;
background-position: -5px -5px;
cursor: pointer;
}
/* line 217, ../sass/style.scss */
#scircle-kubuntu {
background-image: url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/kubuntu.png");
}
/* line 217, ../sass/style.scss */
#scircle-lubuntu {
background-image: url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/lubuntu.png");
}
/* line 217, ../sass/style.scss */
#scircle-xubuntu {
background-image: url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/xubuntu.png");
}
/* line 217, ../sass/style.scss */
#scircle-edubuntu {
background-image: url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/edubuntu.png");
}
/* line 217, ../sass/style.scss */
#scircle-studio {
background-image: url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/studio.png");
}
/* line 217, ../sass/style.scss */
#scircle-mythubuntu {
background-image: url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/mythubuntu.png");
}
/* line 217, ../sass/style.scss */
#scircle-mate {
background-image: url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/mate.png");
}
/* line 217, ../sass/style.scss */
#scircle-gnome {
background-image: url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/gnome.png");
}
/*# sourceMappingURL=style.css.map */
css/style.css.map
View file @ ff17e2b3
This source diff could not be displayed because it is too large. You can view the blob instead.
sass/style.scss
View file @ ff17e2b3
......@@ -38,11 +38,11 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
// Fix some paddings
div.row {
padding: 40px;
padding: 40px;
&.row-quote blockquote {
padding-top: 20px;
}
&.row-quote blockquote {
padding-top: 20px;
}
}
// Custom background for community pages
......@@ -162,12 +162,12 @@ header.banner {
}
footer.global {
background: #eeeeee;
background: #eeeeee;
.footer-a ul li h2 + ul.second-level-nav {
display: block;
border-top: 1px solid $nav-border-dark;
}
.footer-a ul li h2 + ul.second-level-nav {
display: block;
border-top: 1px solid $nav-border-dark;
}
}
.inner-wrapper {
......@@ -182,65 +182,39 @@ a.link-cta-ubuntu {
}
// 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);
}
#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;
}
// Note: 'ubuntu' has been removed from the ids of studio, mate, and gnome.
@each $derivative in kubuntu,lubuntu,xubuntu,edubuntu,studio,mythubuntu,mate,gnome {
#scircle-#{$derivative} {
background-image: url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/#{$derivative}.png");
}
}
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