blob: 2238827bf03300af2626b83e85a4ef5b3bf36428 [file] [log] [blame]
Nils Diewald7cad8402014-07-08 17:06:56 +00001@import "colors";
2
3#tutorial {
4 position: fixed;
5 display: block;
6 z-index: 9999;
7 background-color: $dark-green;
8 border-radius: 15px;
9 padding: 5px;
10 top: 2%;
11 bottom: 2%;
12 left: 5%;
13 right: 5%;
14 &:not(.active) {
15 display: none;
16 }
17 &.active {
18 display: block;
19 }
20 > i,
21 > a > i {
22 font-size: 20pt;
23 color: $dark-green;
24 position: absolute;
Nils Diewald4e9fbcb2014-07-15 11:45:09 +000025 background-color: rgba(255,255,255,0.5);
Nils Diewald7cad8402014-07-08 17:06:56 +000026 z-index: 100;
27 top: 10pt;
28 right: 20pt;
29 cursor: pointer;
30 }
31 > a > i {
32 right: 40pt;
33 }
34 iframe {
35 width: 100%;
36 min-height: 100%;
37 border: {
38 width: 0;
39 radius: 10px;
40 }
41 background: {
Nils Diewald3d871842015-03-10 23:14:34 +000042 image:url('#{$basepath}/img/korap-bg-kalamar.svg');
Nils Diewald7cad8402014-07-08 17:06:56 +000043 size: 10%;
44 repeat: no-repeat;
45 position: center center;
46 color: white;
47 }
48 }
49}
50
Nils Diewald29c0b1d2014-11-13 21:14:17 +000051div.test {
52 display: block;
53 border-left: 10px solid $dark-green;
54 margin: 1em;
55 padding-left: 5px;
56 p {
57 color: black;
58 &.fail {
59 font-weight: bold;
60 color: red;
61 }
62 &.pass {
63 font-weight: bold;
64 color: green;
65 }
66 }
67}