Difference between revisions of "MediaWiki:Common.css"

From Interaction Station Wiki
Jump to navigation Jump to search
Line 14: Line 14:
 
}
 
}
  
.Terminal {
+
#Terminal {
 
border: 1px solid white;
 
border: 1px solid white;
 
background-color: black;
 
background-color: black;
Line 21: Line 21:
 
}
 
}
  
.Terminal:hover {
+
#Terminal:hover {
 
background:rgba(0,2,2,1);
 
background:rgba(0,2,2,1);
 
z-index:1001;
 
z-index:1001;
 
}
 
}
  
.TerminalBOUTON {
+
#TerminalBOUTON {
 
position:relative;
 
position:relative;
 
left:5px;top:3px;
 
left:5px;top:3px;

Revision as of 11:51, 26 January 2022

/* 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:20px;
z-index:0;
}

#Terminal {
border: 1px solid white;
background-color: black;
box-shadow: 0px 0px 24px #8CACAC, 0px 0px 60px #AF8C9D;
z-index:1001;
}

#Terminal:hover {
	background:rgba(0,2,2,1);
	z-index:1001;
}

#TerminalBOUTON {
	position:relative;
	left:5px;top:3px;
}

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

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

#lessons {
position:fixed;
opacity:0;
overflow-x:auto;
right:20px;
height:200px;
top:120px;
width:120px;
font-size:11px;
text-transform:uppercase;
transition: all 0.4s; 
}

#lessons:hover {
opacity:1;
top:29px;
right:26px;
padding:16px;
width:350px;
resize:vertical;
min-height:200px;
margin-bottom:120px;
background-color: #d9e4f5;
background-image:linear-gradient(315deg, #d9e4f5 0%, #f5e3e6 74%);
box-shadow: 0px 0px 15px black, 0px 0px 24px #D2CCC4, 0px 0px 60px #2F4353;
border:solid 1px beige;
opacity:0.91;
font-size:11px; 
z-index:1001;
}