summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/viewer/nav/eflux.css
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav/eflux.css')
-rw-r--r--animism-align/frontend/app/views/viewer/nav/eflux.css44
1 files changed, 22 insertions, 22 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/eflux.css b/animism-align/frontend/app/views/viewer/nav/eflux.css
index cc5ce04..3c464ae 100644
--- a/animism-align/frontend/app/views/viewer/nav/eflux.css
+++ b/animism-align/frontend/app/views/viewer/nav/eflux.css
@@ -28,7 +28,7 @@
top: 20px;
left: 28px;
}
-.eflux-logo svg {
+.eflux-header .eflux-logo svg {
/*
width: 218.3px;
height: 65px;
@@ -43,9 +43,9 @@
top: 1rem;
right: 1.75rem;
}
-.eflux-nav .fullscreen-close,
-.eflux-nav .playToggle,
-.eflux-nav .transcript-icon {
+.eflux-header .fullscreen-close,
+.eflux-header .playToggle,
+.eflux-header .transcript-icon {
display: flex;
justify-content: center;
align-items: center;
@@ -57,30 +57,30 @@
margin-left: 1rem;
cursor: pointer;
}
-.eflux-nav .fullscreen-close:hover,
-.eflux-nav .playToggle:hover,
-.eflux-nav .transcript-icon:hover {
+.eflux-header .fullscreen-close:hover,
+.eflux-header .playToggle:hover,
+.eflux-header .transcript-icon:hover {
background: #ddd;
}
-.eflux-nav svg {
+.eflux-header svg {
width: 2rem;
height: 2rem;
}
-.eflux-nav .playToggle svg {
+.eflux-header .playToggle svg {
width: 2.5rem;
height: 2.5rem;
}
-.eflux-nav .playToggle.paused svg {
+.eflux-header .playToggle.paused svg {
margin-left: 2px;
}
-.eflux-nav .fullscreen-close svg {
+.eflux-header .fullscreen-close svg {
width: 1rem;
}
-.eflux-nav svg path {
+.eflux-header svg path {
fill: #000;
}
-.eflux-nav svg line {
+.eflux-header svg line {
stroke: #000;
}
@@ -99,23 +99,23 @@
stroke: #fff;
}
-.black .eflux-nav .fullscreen-close,
-.black .eflux-nav .playToggle,
-.black .eflux-nav .transcript-icon {
+.black .eflux-header .fullscreen-close,
+.black .eflux-header .playToggle,
+.black .eflux-header .transcript-icon {
background: #222;
}
-.black .eflux-nav .fullscreen-close:hover,
-.black .eflux-nav .playToggle:hover,
-.black .eflux-nav .transcript-icon:hover {
+.black .eflux-header .fullscreen-close:hover,
+.black .eflux-header .playToggle:hover,
+.black .eflux-header .transcript-icon:hover {
background: #444;
}
-.black .eflux-nav svg path {
+.black .eflux-header svg path {
fill: #fff;
}
-.black .eflux-nav svg polygon {
+.black .eflux-header svg polygon {
fill: #fff;
}
-.black .eflux-nav svg line {
+.black .eflux-header svg line {
stroke: #fff;
}