MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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:20px;
position:fixed;
writing-mode: vertical-rl;
bottom:37px;
left:28px;
z-index:1000;
}
.rooms {
position:fixed;background:white;
border:solid 1px black;
transition:all 2s;
}
#openArea {
top:30vmin;height:30vmin;left:40.1vmin;width:29.9vmin;
border-right:0.1px solid white;
}
#prototypingSpace {
top:30vmin;height:30vmin;left:70.2vmin;width:39vmin;
border-left:0.1px solid white;
}
#instructionRoom {
top:30vmin;height:24vmin;left:24vmin;width:18vmin;
}
#computerRoom {
top:60vmin;height:19vmin;left:24vmin;width:17vmin;
}
#computerRoom2 {
top:60vmin;height:19vmin;left:53vmin;width:17vmin;
}
#interactiveInstallation {
top:60vmin;height:19vmin;left:60vmin;width:20vmin;
}
#office {
top:36vmin;height:7vmin;left:60vmin;width:10vmin;
}
.rooms:hover {
background:black;
}
#terminal {
position:fixed;
background:rgba(0,2,2,0.83);
border: 1px solid white;
bottom:35px;
right:30px;
height:400px;
width:600px;
box-shadow: 0px 0px 24px #8CACAC, 0px 0px 60px #AF8C9D;
z-index:1001;
}
#terminal:hover {
background:rgba(0,2,2,0.9);
}
.terminalIntro {
position: relative;
line-height:20px;
display: inline-block;
color: black;
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 {
padding:20px;
position: relative;
line-height:20px;
display: inline-block;
color: #00FF00;
opacity:0.7;
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;
box-shadow:0px 0px 30px black, 0px 0px 90px rgba(0,2,2,0.39);
z-index:1;
}
#lessons:hover {
opacity:1;
background-color:rgb(255,250,250,0.82);
font-size:11px;
z-index:1002;
}