aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/static/css/home/timeline.css
diff options
context:
space:
mode:
authorGravatar Joe Banks <[email protected]>2020-10-12 00:58:49 +0100
committerGravatar Joe Banks <[email protected]>2020-10-12 00:58:49 +0100
commit914614e58e901e5f32b632b2cc05f151dafd71e8 (patch)
treecb586e03deac0f5d225810c6e389224e0d421a85 /pydis_site/static/css/home/timeline.css
parentAdd fontawesome icons to every timeline event (diff)
Better scale YouTube videos
Diffstat (limited to 'pydis_site/static/css/home/timeline.css')
-rw-r--r--pydis_site/static/css/home/timeline.css15
1 files changed, 10 insertions, 5 deletions
diff --git a/pydis_site/static/css/home/timeline.css b/pydis_site/static/css/home/timeline.css
index 77b2f8da..00e0b447 100644
--- a/pydis_site/static/css/home/timeline.css
+++ b/pydis_site/static/css/home/timeline.css
@@ -33,7 +33,7 @@ button, input, textarea, select {
position: relative;
width: 100%;
height: 0;
- padding-bottom: 56.25%;
+ padding-bottom: 75%;
}
.video {
position: absolute;
@@ -3463,9 +3463,14 @@ mark {
box-shadow: 0 0 0 4px var(--color-white), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05)
}
+.cd-timeline__img i {
+ font-size: 1.5em;
+ color: white;
+}
+
.cd-timeline__img img {
- width: 24px;
- height: 24px
+ width: 30px;
+ height: 30px;
}
@media (min-width: 64rem) {
@@ -3477,14 +3482,14 @@ mark {
margin-left: calc(5% - 30px);
will-change: transform
}
+
.cd-timeline__block:nth-child(even) .cd-timeline__img {
margin-right: calc(5% - 30px)
}
}
.cd-timeline__img--picture {
- background-color: hsl(111, 51%, 60%);
- background-color: var(--cd-color-4)
+ background-color: #7289DA;
}
.cd-timeline__img--movie {