update icons for mute and unmute
This commit is contained in:
parent
48ad35555d
commit
eab1b1b4f2
15 changed files with 120 additions and 26 deletions
|
|
@ -51,13 +51,13 @@
|
|||
}
|
||||
}
|
||||
|
||||
.about-phantasma-block {
|
||||
//.about-phantasma-block {
|
||||
|
||||
@media screen and (min-width: 800px) {
|
||||
background: rgba(255, 255, 255, 0.04);
|
||||
padding: var(--spacing-2);
|
||||
}
|
||||
}
|
||||
//@media screen and (min-width: 800px) {
|
||||
//background: rgba(255, 255, 255, 0.04);
|
||||
//padding: var(--spacing-2);
|
||||
//}
|
||||
//}
|
||||
|
||||
.accordion-checkbox {
|
||||
position: absolute;
|
||||
|
|
|
|||
|
|
@ -56,8 +56,8 @@
|
|||
max-width: var(--container-width);
|
||||
margin: auto;
|
||||
padding: 20px 20px;
|
||||
font-size: 22px;
|
||||
line-height: 26px;
|
||||
font-size: 20px;
|
||||
line-height: 24px;
|
||||
|
||||
figure {
|
||||
width: 100%;
|
||||
|
|
@ -70,4 +70,27 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.annotation-icon-wrapper {
|
||||
border: 3px solid rgba(#fff, 0.8);
|
||||
border-radius: 50%;
|
||||
background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4));
|
||||
background-size: 300% 100%;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
animation: background_animation 30s ease-in-out infinite;
|
||||
opacity: 0.9;
|
||||
|
||||
&:hover, &:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.annotation-icon {
|
||||
color: rgba(#fff, 1);
|
||||
font-size: 38px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -186,4 +186,4 @@ main > .film {
|
|||
video.player.fullscreen:-webkit-full-screen {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,9 +1,9 @@
|
|||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src:
|
||||
url('/static/fonts/icomoon/icomoon.ttf?ru5m2') format('truetype'),
|
||||
url('/static/fonts/icomoon/fonts/icomoon.woff?ru5m2') format('woff'),
|
||||
url('/static/fonts/icomoon/icomoon.svg?ru5m2#icomoon') format('svg');
|
||||
url('/static/fonts/icomoon/icomoon.ttf?5ydswh') format('truetype'),
|
||||
url('/static/fonts/icomoon/fonts/icomoon.woff?5ydswh') format('woff'),
|
||||
url('/static/fonts/icomoon/icomoon.svg?5ydswh#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
|
|
@ -36,3 +36,12 @@
|
|||
.f-icon-triangle-down:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.f-icon-volume_down:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.f-icon-volume_up:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.f-icon-volume_off:before {
|
||||
content: "\e904";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -62,6 +62,8 @@ em {
|
|||
}
|
||||
|
||||
main > .texts {
|
||||
max-width: var(--container-width);
|
||||
padding: var(--spacing-2);
|
||||
box-sizing: border-box;
|
||||
|
||||
a {
|
||||
|
|
@ -70,7 +72,7 @@ main > .texts {
|
|||
}
|
||||
|
||||
.text {
|
||||
margin: var(--spacing);
|
||||
margin: 0 0 var(--spacing-2) 0;
|
||||
h1 {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue