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 { ...@@ -3720,9 +3720,9 @@ header.banner .nav-primary ul a.active {
header.banner .nav-primary ul li a:hover { header.banner .nav-primary ul li a:hover {
background: #e1662f; background: #e1662f;
border-top: 0; border-top: 0;
-moz-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 #777777; -webkit-box-shadow: inset 0 2px 2px -2px #777;
box-shadow: inset 0 2px 2px -2px #777777; box-shadow: inset 0 2px 2px -2px #777;
} }
/* line 70, ../sass/core/patterns/_header.scss */ /* line 70, ../sass/core/patterns/_header.scss */
...@@ -3801,7 +3801,7 @@ header.banner .nav-primary ul li a:hover { ...@@ -3801,7 +3801,7 @@ header.banner .nav-primary ul li a:hover {
/* line 124, ../sass/core/patterns/_header.scss */ /* line 124, ../sass/core/patterns/_header.scss */
header.banner .nav-primary ul li a.active { header.banner .nav-primary ul li a.active {
background-color: #dddddd; background-color: #ddd;
} }
/* line 128, ../sass/core/patterns/_header.scss */ /* line 128, ../sass/core/patterns/_header.scss */
...@@ -4087,7 +4087,7 @@ html.no-svg header.banner .logo-ubuntu, .opera-mini header.banner .logo-ubuntu { ...@@ -4087,7 +4087,7 @@ html.no-svg header.banner .logo-ubuntu, .opera-mini header.banner .logo-ubuntu {
/* line 389, ../sass/core/patterns/_header.scss */ /* line 389, ../sass/core/patterns/_header.scss */
header.banner .nav-primary ul li a.active { header.banner .nav-primary ul li a.active {
background-color: #dddddd; background-color: #ddd;
} }
/* line 393, ../sass/core/patterns/_header.scss */ /* line 393, ../sass/core/patterns/_header.scss */
...@@ -4910,7 +4910,7 @@ header.banner .search-toggle { ...@@ -4910,7 +4910,7 @@ header.banner .search-toggle {
-webkit-box-sizing: content-box; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
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: 6px solid #DE6532;
border-width: 0 0 1px; border-width: 0 0 1px;
color: #fff; color: #fff;
...@@ -5238,9 +5238,9 @@ footer.global { ...@@ -5238,9 +5238,9 @@ footer.global {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-moz-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 lightgray; -webkit-box-shadow: inset 0 2px 2px -1px #d3d3d3;
box-shadow: inset 0 2px 2px -1px lightgray; box-shadow: inset 0 2px 2px -1px #d3d3d3;
background: none; background: none;
border-top: 0; border-top: 0;
clear: both; clear: both;
...@@ -5458,9 +5458,9 @@ html.no-svg footer.global .top-link a, .opera-mini footer.global .top-link a { ...@@ -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 */ /* line 16, ../sass/core/patterns/_contextual-footer.scss */
#context-footer hr { #context-footer hr {
-moz-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 #333333; -webkit-box-shadow: inset 0 2px 2px -2px #333;
box-shadow: inset 0 2px 2px -2px #333333; box-shadow: inset 0 2px 2px -2px #333;
background: #dd4814; background: #dd4814;
height: 14px; height: 14px;
margin: 0 0 10px; margin: 0 0 10px;
...@@ -7594,7 +7594,7 @@ div.row.row-quote blockquote { ...@@ -7594,7 +7594,7 @@ div.row.row-quote blockquote {
/* line 49, ../sass/style.scss */ /* line 49, ../sass/style.scss */
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;
} }
/* line 53, ../sass/style.scss */ /* line 53, ../sass/style.scss */
...@@ -7675,19 +7675,19 @@ header.banner.inverted .header-search input[type="search"]:focus { ...@@ -7675,19 +7675,19 @@ header.banner.inverted .header-search input[type="search"]:focus {
} }
/* line 14, ../sass/_mixins.scss */ /* line 14, ../sass/_mixins.scss */
header.banner.inverted .header-search input[type="search"]::-webkit-input-placeholder { header.banner.inverted .header-search input[type="search"]::-webkit-input-placeholder {
color: #555555; color: #555;
} }
/* line 17, ../sass/_mixins.scss */ /* line 17, ../sass/_mixins.scss */
header.banner.inverted .header-search input[type="search"]:-moz-placeholder { header.banner.inverted .header-search input[type="search"]:-moz-placeholder {
color: #555555; color: #555;
} }
/* line 20, ../sass/_mixins.scss */ /* line 20, ../sass/_mixins.scss */
header.banner.inverted .header-search input[type="search"]::-moz-placeholder { header.banner.inverted .header-search input[type="search"]::-moz-placeholder {
color: #555555; color: #555;
} }
/* line 23, ../sass/_mixins.scss */ /* line 23, ../sass/_mixins.scss */
header.banner.inverted .header-search input[type="search"]:-ms-input-placeholder { header.banner.inverted .header-search input[type="search"]:-ms-input-placeholder {
color: #555555; color: #555;
} }
/* line 135, ../sass/style.scss */ /* line 135, ../sass/style.scss */
header.banner.inverted .header-search button[type="submit"] { header.banner.inverted .header-search button[type="submit"] {
...@@ -7738,3 +7738,80 @@ footer.global .footer-a ul li h2 + ul.second-level-nav { ...@@ -7738,3 +7738,80 @@ footer.global .footer-a ul li h2 + ul.second-level-nav {
a.link-cta-ubuntu { a.link-cta-ubuntu {
margin: 0 0 0.75em 0; 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; } ...@@ -38,11 +38,11 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
// Fix some paddings // Fix some paddings
div.row { div.row {
padding: 40px; padding: 40px;
&.row-quote blockquote { &.row-quote blockquote {
padding-top: 20px; padding-top: 20px;
} }
} }
// Custom background for community pages // Custom background for community pages
...@@ -162,12 +162,12 @@ header.banner { ...@@ -162,12 +162,12 @@ header.banner {
} }
footer.global { footer.global {
background: #eeeeee; background: #eeeeee;
.footer-a ul li h2 + ul.second-level-nav { .footer-a ul li h2 + ul.second-level-nav {
display: block; display: block;
border-top: 1px solid $nav-border-dark; border-top: 1px solid $nav-border-dark;
} }
} }
.inner-wrapper { .inner-wrapper {
...@@ -182,65 +182,39 @@ a.link-cta-ubuntu { ...@@ -182,65 +182,39 @@ a.link-cta-ubuntu {
} }
// style for scopri-ubuntu/derivate // style for scopri-ubuntu/derivate
#deriv-container{ #deriv-container{
position: relative; position: relative;
width: 200px; width: 200px;
height: 200px; height: 200px;
border-radius: 200px; border-radius: 200px;
padding: 80px 0px; padding: 80px 0px;
text-align: center; text-align: center;
margin: 200px auto; margin: 200px auto;
} }
.deriv-circle{ .deriv-circle{
margin: 0 auto; margin: 0 auto;
width: 610px; width: 610px;
} }
#deriv-name{ #deriv-name{
font-size: 35px; font-size: 35px;
font-weight: 400; font-weight: 400;
} }
.scircle{ .scircle{
position: absolute; position: absolute;
width: 90px; width: 90px;
height: 90px; height: 90px;
background-color: #fff; background-color: #fff;
border-radius: 100px; border-radius: 100px;
background-size: 97px 99px; background-size: 97px 99px;
background-position: -5px -5px; background-position: -5px -5px;
cursor: pointer; cursor: pointer;
} }
#scircle-kubuntu{ // Note: 'ubuntu' has been removed from the ids of studio, mate, and gnome.
background-image:url("http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/loghi-derivate/kubuntu.png"); @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");
#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);
}
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