Commit de1060e8 authored by julientaq's avatar julientaq

css for the archive full screen

parent de436f02
......@@ -1685,19 +1685,62 @@ blog :target {
.blog .copypaste:hover {
color: var(--black);
}
iframe {
.iframe {
width: 100%;
}
#archives button.fullscreen, #archives button.closeVid {
padding: 0.3em 0.3em 0.1em 0.3em;
text-transform: uppercase;
background: var(--color-tent);
color: var(--white);
border: 3px solid var(--white);
box-shadow: 0 0 0px 2px var(--color-tent);
font-weight: 400;
font-size: 1rem;
margin-top: 1em;
}
#archives button.fullscreen:hover, #archives button.closeVid:hover {
--color-tent: var(--black);
}
.scalelite iframe {
display: none;
}
.scalelite .fullscreen-vid iframe {
display: block;
}
.fullscreen-vid iframe {
/* width: 100%; */
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 4em;
width: calc(100vw - 8em);
height: calc(100vh - 8em);
box-shadow: 0 0 0 5em rgb(0,0,0,0.9);
display: block;
z-index: 999999999999999999999;
display: block;
}
.fullscreen-vid .closeVid {
position: fixed;
top: 5px;
right: 5px;
display: block;
z-index: 9999999999999999999999;
}
#archives {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 30px;
grid-column: span 2;
width: 100%;
}
#archives .archive-event {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment