Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
valencia
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
9
Issues
9
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
Gruppo Web
valencia
Commits
5d53bec7
Commit
5d53bec7
authored
Oct 04, 2014
by
Riccardo Padovani
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Implemented header background in sass
parent
7682eee3
Changes
6
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
126 additions
and
21 deletions
+126
-21
css/style.css
css/style.css
+71
-18
img/backgrounds/community.jpg
img/backgrounds/community.jpg
+0
-0
img/backgrounds/download-desktop.jpg
img/backgrounds/download-desktop.jpg
+0
-0
img/backgrounds/lubuntu.png
img/backgrounds/lubuntu.png
+0
-0
sass/_classes.scss
sass/_classes.scss
+46
-1
sass/_mixins.scss
sass/_mixins.scss
+9
-2
No files found.
css/style.css
View file @
5d53bec7
...
...
@@ -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
#777
777
;
-webkit-box-shadow
:
inset
0
2px
2px
-2px
#777
777
;
box-shadow
:
inset
0
2px
2px
-2px
#777
777
;
-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
:
#ddd
ddd
;
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
:
#ddd
ddd
;
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
#
be3d
00
;
background
:
url("//assets.ubuntu.com/sites/ubuntu/latest/u/img/icons/icon-search.png")
no-repeat
scroll
5px
center
,
none
repeat
scroll
0
0
#
BE3D
00
;
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
#333
333
;
-webkit-box-shadow
:
inset
0
2px
2px
-2px
#333
333
;
box-shadow
:
inset
0
2px
2px
-2px
#333
333
;
-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
;
...
...
@@ -7487,6 +7487,56 @@ html.yui3-js-enabled .accordion-button.active {
border
:
1px
solid
#f7f7f7
;
}
/* line 28, ../sass/_classes.scss */
h1
small
,
h2
small
{
font-size
:
0.7em
!important
;
}
/* line 32, ../sass/_classes.scss */
.background-wallpaper
{
color
:
#ffffff
;
}
/* line 35, ../sass/_classes.scss */
.background-wallpaper
.note
{
color
:
rgba
(
255
,
255
,
255
,
0.6
)
!important
;
}
/* line 39, ../sass/_classes.scss */
.background-wallpaper
.box
{
-webkit-box-shadow
:
0px
1px
2px
0px
rgba
(
0
,
0
,
0
,
0.2
)
inset
;
-mox-box-shadow
:
0px
1px
2px
0px
rgba
(
0
,
0
,
0
,
0.2
)
inset
;
-ms-box-shadow
:
0px
1px
2px
0px
rgba
(
0
,
0
,
0
,
0.2
)
inset
;
box-shadow
:
0px
1px
2px
0px
rgba
(
0
,
0
,
0
,
0.2
)
inset
;
}
/* line 43, ../sass/_classes.scss */
.background-wallpaper
.link-button
{
color
:
#ffffff
!important
;
}
/* line 48, ../sass/_classes.scss */
.background-wallpaper
.download-desktop
{
background
:
url("../img/backgrounds/download-desktop.jpg")
100%
70%
;
}
/* line 51, ../sass/_classes.scss */
.background-wallpaper
.lubuntu
{
background
:
url("../img/backgrounds/lubuntu.png")
;
}
/* line 54, ../sass/_classes.scss */
.background-wallpaper
.community
{
background
:
url("../img/backgrounds/community.jpg")
;
}
/* line 59, ../sass/_classes.scss */
.full-width
{
width
:
100%
!important
;
}
/* line 63, ../sass/_classes.scss */
.link-button
{
background
:
transparent
!important
;
padding
:
0
!important
;
font-size
:
16px
!important
;
color
:
#333333
!important
;
}
/* line 10, ../sass/style.scss */
::selection
{
background
:
#ed6637
;
...
...
@@ -7533,7 +7583,7 @@ body.toolbar .logo {
/* line 40, ../sass/style.scss */
body
.node-type-community-page
{
background
:
url("../img/dotted.png")
repeat
scroll
0
0
#
f5f6f
7
;
background
:
url("../img/dotted.png")
repeat
scroll
0
0
#
F5F6F
7
;
}
/* line 44, ../sass/style.scss */
...
...
@@ -7599,8 +7649,9 @@ header.banner.inverted .header-search input[type="search"] {
border
:
none
;
margin-bottom
:
0
;
background-color
:
transparent
;
-moz-box-shadow
:
inset
0
1px
4px
rgba
(
0
,
0
,
0
,
0.2
);
-webkit-box-shadow
:
inset
0
1px
4px
rgba
(
0
,
0
,
0
,
0.2
);
-mox-box-shadow
:
inset
0
1px
4px
rgba
(
0
,
0
,
0
,
0.2
);
-ms-box-shadow
:
inset
0
1px
4px
rgba
(
0
,
0
,
0
,
0.2
);
box-shadow
:
inset
0
1px
4px
rgba
(
0
,
0
,
0
,
0.2
);
-webkit-transition
:
all
0.5s
;
-moz-transition
:
all
0.5s
;
...
...
@@ -7614,19 +7665,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
:
#555
555
;
color
:
#555
;
}
/* line 17, ../sass/_mixins.scss */
header
.banner.inverted
.header-search
input
[
type
=
"search"
]
:-moz-placeholder
{
color
:
#555
555
;
color
:
#555
;
}
/* line 20, ../sass/_mixins.scss */
header
.banner.inverted
.header-search
input
[
type
=
"search"
]
::-moz-placeholder
{
color
:
#555
555
;
color
:
#555
;
}
/* line 23, ../sass/_mixins.scss */
header
.banner.inverted
.header-search
input
[
type
=
"search"
]
:-ms-input-placeholder
{
color
:
#555
555
;
color
:
#555
;
}
/* line 120, ../sass/style.scss */
header
.banner.inverted
.header-search
button
[
type
=
"submit"
]
{
...
...
@@ -7654,3 +7705,5 @@ header.banner .site-name .logo-ubuntuit {
margin-left
:
20px
;
font-weight
:
300
;
}
/*# sourceMappingURL=style.css.map */
img/backgrounds/community.jpg
0 → 100644
View file @
5d53bec7
263 KB
img/backgrounds/download-desktop.jpg
0 → 100644
View file @
5d53bec7
37.5 KB
img/backgrounds/lubuntu.png
0 → 100644
View file @
5d53bec7
369 KB
sass/_classes.scss
View file @
5d53bec7
...
...
@@ -20,4 +20,49 @@
background
:
$warm-grey
;
border
:
1px
solid
$light-grey
;
}
}
\ No newline at end of file
}
//--------------------------------------------------
// Classes for header with a background
//--------------------------------------------------
h1
small
,
h2
small
{
font-size
:
0
.7em
!
important
;
}
.background-wallpaper
{
color
:
#ffffff
;
.note
{
color
:
rgba
(
255
,
255
,
255
,
0
.6
)
!
important
;
}
.box
{
@include
box-shadow
(
0px
1px
2px
0px
rgba
(
0
,
0
,
0
,
0
.2
)
inset
);
}
.link-button
{
color
:
#ffffff
!
important
;
}
// Background images
.download-desktop
{
background
:
url('../img/backgrounds/download-desktop.jpg')
100%
70%
;
}
.lubuntu
{
background
:
url('../img/backgrounds/lubuntu.png')
;
}
.community
{
background
:
url('../img/backgrounds/community.jpg')
;
}
}
.full-width
{
width
:
100%
!
important
;
}
.link-button
{
background
:
transparent
!
important
;
padding
:
0
!
important
;
font-size
:
16px
!
important
;
color
:
#333333
!
important
;
}
sass/_mixins.scss
View file @
5d53bec7
...
...
@@ -20,7 +20,14 @@
&
:
:-
moz-placeholder
{
// Firefox 19+
color
:
$color
;
}
&
:
-
ms-input-placeholder
{
&
:
-
ms-input-placeholder
{
color
:
$color
;
}
}
\ No newline at end of file
}
@mixin
box-shadow
(
$shadow
)
{
-webkit-box-shadow
:
$shadow
;
-mox-box-shadow
:
$shadow
;
-ms-box-shadow
:
$shadow
;
box-shadow
:
$shadow
;
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment