Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Open sidebar
wcms-openscholar
uw_virtual_site_homepage
Commits
2b00dae7
Commit
2b00dae7
authored
Jan 26, 2017
by
Eric Bremner
Browse files
Branding: Fixing homepage banners at narrow width.
parent
1f2be383
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
142 additions
and
37 deletions
+142
-37
css/uw_virtual_site_homepage.css
css/uw_virtual_site_homepage.css
+142
-37
No files found.
css/uw_virtual_site_homepage.css
View file @
2b00dae7
...
...
@@ -72,28 +72,6 @@
max-width
:
63.125rem
;
}
.banner-caption
{
text-align
:
center
;
padding
:
1rem
2.5rem
;
border
:
none
;
width
:
100%
;
color
:
#fff
;
display
:
block
;
padding-top
:
1rem
;
padding-bottom
:
1rem
;
text-align
:
center
;
transition-delay
:
0s
;
transition-duration
:
0.2s
;
transition-property
:
opacity
;
position
:
absolute
;
bottom
:
1.5rem
;
transition-delay
:
0s
;
transition-duration
:
0.3s
;
transition-property
:
color
,
background-color
,
border-color
,
opacity
;
height
:
auto
;
opacity
:
1
;
}
.uw-homepage-banners-figure
picture
{
padding
:
0
;
margin
:
0
;
...
...
@@ -134,11 +112,6 @@ button.slideshow-control.play::before {
color
:
#E4B429
;
}
.homepage-banners-top-wrapper.default
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.default
button
.slideshow-control
{
background-color
:
rgba
(
0
,
0
,
0
,
.8
);
}
.homepage-banners-top-wrapper.default
.uw-homepage-banners-figure
a
:hover
.banner-caption
,
.homepage-banners-top-wrapper.default
button
.slideshow-control
:hover
,
.homepage-banners-top-wrapper.default
.tabs-previous
:hover
,
...
...
@@ -154,11 +127,6 @@ button.slideshow-control.play::before {
color
:
#FFD5A5
;
}
.homepage-banners-top-wrapper.arts
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.arts
button
.slideshow-control
{
background-color
:
rgba
(
217
,
63
,
0
,
.8
);
}
.homepage-banners-top-wrapper.arts
.uw-homepage-banners-figure
a
:hover
.banner-caption
,
.homepage-banners-top-wrapper.arts
button
.slideshow-control
:hover
,
.homepage-banners-top-wrapper.arts
.tabs-previous
:hover
,
...
...
@@ -294,17 +262,14 @@ button.slideshow-control.play::before {
color
:
#FFA5AA
;
}
.homepage-banners-top-wrapper.ren
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.ren
button
.slideshow-control
{
background-color
:
rgba
(
128
,
0
,
31
,
.8
);
}
.homepage-banners-top-wrapper.ren
.uw-homepage-banners-figure
a
:hover
.banner-caption
,
.homepage-banners-top-wrapper.ren
button
.slideshow-control
:hover
,
.homepage-banners-top-wrapper.ren
.tabs-previous
:hover
,
.homepage-banners-top-wrapper.ren
.tabs-next
:hover
{
color
:
#80001F
;
background-color
:
rgba
(
255
,
165
,
170
,
.8
);
background-color
:
rgba
(
255
,
165
,
170
,
1
);
}
.homepage-banners-top-wrapper.stj
.uw-homepage-banners-figure
.banner-caption
,
...
...
@@ -405,3 +370,143 @@ button.slideshow-control {
.boxes-box-content
{
margin-bottom
:
0.3rem
;
}
@media
screen
and
(
min-width
:
1rem
)
{
.banner-caption
{
text-align
:
center
;
border
:
none
;
width
:
100%
;
color
:
#fff
;
display
:
block
;
padding-top
:
1rem
;
padding-bottom
:
1rem
;
text-align
:
center
;
bottom
:
1.5rem
;
max-height
:
15rem
;
max-width
:
63.125rem
;
}
.homepage-banners-top-wrapper.default
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.default
button
.slideshow-control
{
background-color
:
rgba
(
0
,
0
,
0
,
1
);
}
.homepage-banners-top-wrapper.arts
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.arts
button
.slideshow-control
{
background-color
:
rgba
(
217
,
63
,
0
,
1
);
}
.homepage-banners-top-wrapper.ren
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.ren
button
.slideshow-control
{
background-color
:
rgba
(
128
,
0
,
31
,
1
);
}
}
@media
screen
and
(
min-width
:
40.0625rem
)
{
.banner-caption
{
text-align
:
center
;
border
:
none
;
width
:
100%
;
color
:
#fff
;
display
:
block
;
padding-top
:
1rem
;
padding-bottom
:
1rem
;
text-align
:
center
;
bottom
:
1.5rem
;
max-height
:
15rem
;
max-width
:
63.125rem
;
}
.homepage-banners-top-wrapper.default
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.default
button
.slideshow-control
{
background-color
:
rgba
(
0
,
0
,
0
,
1
);
}
.homepage-banners-top-wrapper.arts
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.arts
button
.slideshow-control
{
background-color
:
rgba
(
217
,
63
,
0
,
1
);
}
.homepage-banners-top-wrapper.ren
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.ren
button
.slideshow-control
{
background-color
:
rgba
(
128
,
0
,
31
,
1
);
}
}
@media
screen
and
(
min-width
:
48.0625rem
)
{
.banner-caption
{
text-align
:
center
;
padding
:
1rem
2.5rem
;
border
:
none
;
width
:
100%
;
color
:
#fff
;
display
:
block
;
padding-top
:
1rem
;
padding-bottom
:
1rem
;
text-align
:
center
;
transition-delay
:
0s
;
transition-duration
:
0.2s
;
transition-property
:
opacity
;
position
:
absolute
;
bottom
:
1.5rem
;
transition-delay
:
0s
;
transition-duration
:
0.3s
;
transition-property
:
color
,
background-color
,
border-color
,
opacity
;
height
:
auto
;
opacity
:
1
;
}
.homepage-banners-top-wrapper.default
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.default
button
.slideshow-control
{
background-color
:
rgba
(
0
,
0
,
0
,
.8
);
}
.homepage-banners-top-wrapper.arts
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.arts
button
.slideshow-control
{
background-color
:
rgba
(
217
,
63
,
0
,
.8
);
}
.homepage-banners-top-wrapper.ren
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.ren
button
.slideshow-control
{
background-color
:
rgba
(
128
,
0
,
31
,
.8
);
}
}
@media
screen
and
(
min-width
:
63.1875rem
)
{
.banner-caption
{
text-align
:
center
;
padding
:
1rem
2.5rem
;
border
:
none
;
width
:
100%
;
color
:
#fff
;
display
:
block
;
padding-top
:
1rem
;
padding-bottom
:
1rem
;
text-align
:
center
;
transition-delay
:
0s
;
transition-duration
:
0.2s
;
transition-property
:
opacity
;
position
:
absolute
;
bottom
:
1.5rem
;
transition-delay
:
0s
;
transition-duration
:
0.3s
;
transition-property
:
color
,
background-color
,
border-color
,
opacity
;
height
:
auto
;
opacity
:
1
;
}
.homepage-banners-top-wrapper.default
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.default
button
.slideshow-control
{
background-color
:
rgba
(
0
,
0
,
0
,
.8
);
}
.homepage-banners-top-wrapper.arts
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.arts
button
.slideshow-control
{
background-color
:
rgba
(
217
,
63
,
0
,
.8
);
}
.homepage-banners-top-wrapper.ren
.uw-homepage-banners-figure
.banner-caption
,
.homepage-banners-top-wrapper.ren
button
.slideshow-control
{
background-color
:
rgba
(
128
,
0
,
31
,
.8
);
}
}
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