MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
.rgb { background-image: url(http://interactionstation.wdka.hro.nl/mediawiki/images/1/16/Rgifb.gif);}
.image100px img { width: 100px; }
.image320px img { width: 320px; border-width: 1px solid #000000; }
.image480px img { width: 480px; }

.title {
font-size:2vw;
position:fixed;
writing-mode: vertical-rl;
bottom:30px;
left:28px;
z-index:1000;
}

#terminal {
position:fixed;
background:rgba(0,2,2,0.87);
border: 1px solid white;
top:35px;right:130px;
height:400px;
width:600px;
box-shadow: 0px 0px 24px #8CACAC, 0px 0px 60px #AF8C9D;
z-index:1001;
}

#terminal:hover {
	background:rgba(0,2,2,1);
}

.terminalIntro {
        position: relative;
        line-height:20px;
        display: inline-block;
        color: white;
        min-width: 1px;
        min-height: 24px;
      }

.terminalIntro:after {
        content: "";
        position: absolute;
        top: 5%;
        right: -2px;
        width: 1px;
        height: 90%;
        border-right: 2px solid #FFF;
        animation: blink .5s infinite ease;
      }

@keyframes blink {
  0%  { background-color: black; }
  49% { background-color: black; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #ccc; }
}

.terminalCore {
        position: relative;
        line-height:20px;
        display: inline-block;
        color: white;
        min-width: 1px;
        min-height: 24px;
      }

.terminalCore:after {
        content: "";
        position: absolute;
        top: 5%;
        right: -2px;
        width: 1px;
        height: 90%;
        border-right: 2px solid #FFF;
        animation: blink .5s infinite ease;
      }

.terminalButton {
	position:relative;
	left:10px;top:3px;
}

.line{
    position:relative;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid white;
}

#curtains {
position: absolute;
background: #f7f5f5;
top: 168px;
left: 13px;
height: 310px;
width: 133px;
z-index: 1001;
transition: 3s;
}

#curtains:hover {
opacity:0;
z-index:0;
}

#lessonsTitle {
position:fixed;
font-size:2,5vw;
color:black;
top:120px;
right:50px;
text-shadow: #F5E3E6 1px 0 10px;
writing-mode:vertical-rl;
text-orientation: upright;
z-index:1003;
}

#lessons {
position:fixed;
opacity:0.2;
overflow-x:auto;
top:100px;
right:26px;
padding:16px;
padding-left:30px;
width:350px;
height:270px;
font-size:11px;
text-transform:uppercase;
border:solid 1px black;
border-radius:100%;
box-shadow: 0px 0px 15px black, 0px 0px 24px #2F4353, 0px 0px 60px black;
z-index:1;
}

#lessons:hover {
background-color: #d9e4f5;
background-image:linear-gradient(315deg, #d9e4f5 0%, #f5e3e6 74%);
opacity:0.91;
font-size:11px; 
z-index:1002;
}