blob: 59858217e8db8f5259169f4f3d7a6d1a405b1b73 [file] [log] [blame]
@import "colors";
#tutorial {
position: fixed;
display: block;
z-index: 9999;
background-color: $dark-green;
border-radius: 15px;
padding: 5px;
top: 2%;
bottom: 2%;
left: 5%;
right: 5%;
&:not(.active) {
display: none;
}
&.active {
display: block;
}
> i,
> a > i {
font-size: 20pt;
color: $dark-green;
position: absolute;
background-color: rgba(255,255,255,0.5);
z-index: 100;
top: 10pt;
right: 20pt;
cursor: pointer;
}
> a > i {
right: 40pt;
}
iframe {
width: 100%;
min-height: 100%;
border: {
width: 0;
radius: 10px;
}
background: {
image: url('/img/crab.svg');
size: 10%;
repeat: no-repeat;
position: center center;
color: white;
}
}
}
div.test {
display: block;
border-left: 10px solid $dark-green;
margin: 1em;
padding-left: 5px;
p {
color: black;
&.fail {
font-weight: bold;
color: red;
}
&.pass {
font-weight: bold;
color: green;
}
}
}