MediaWiki:Common.css

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: 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 */

/* Infobox template style */
.infobox {
   border: 1px solid rgba(255, 255, 255, 0.75);
   margin-bottom: 0.85em;
   margin-left: 1.2em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* ItemBoxes for inventory
-----------------------------------------------------------------------------*/
.mainitem {
	background-size: 64px;
	border: 1px solid #423B32;
	border-radius: 11px;
	cursor: pointer;
	height: 64px;
	width: 64px;
	margin: 4px;
	position: relative;
}

.mainitem div {
	display:none;
}

#tooltipBox{
	background: #111;
	background: -webkit-linear-gradient(top, rgba(25,25,25,0.95), rgba(14,14,14, 0.95));
	background: -moz-linear-gradient(top, rgba(25,25,25,0.95), rgba(14,14,14, 0.95));
	white-space:pre-wrap;
	word-wrap:break-word;
	text-align:center;
	font-size:12px;
	box-shadow:1px 1px 6px #111;
	position:absolute;
	display:none;
	z-index:1;
	border-radius:8px;
	border:1px solid #0C0C0C;
	width:308px;
	padding:4px;
}
#tooltipBox > div{
	font:18px tf2build,Sans-serif;
	margin:3px 0 3px 0;}
#tooltipBox img{
	display:none}
	
.invDesc {
	font-family:"Segoe UI",Tahoma,Sans-serif;	
}

.istats{
	font-size:11px;
	color:#AFA195;
	font-family:"Segoe UI",Tahoma,Sans-serif;
}

.qual0{
	border-color:#FFD700;
	color:#FFD700;}
	li:hover#x0 {
		box-shadow:0 0 7px #FFD700;	
	}
.qual1{
	border-color:#8650AC;
	color:#8650AC;}
	li:hover#x1 {
		box-shadow:0 0 7px #8650AC;	
	}
.qual2{
	border-color:#339900;
	color:#339900;}
	li:hover#x2 {
		box-shadow:0 0 7px #339900;	
	}
.qual3{
	border-color:#005FCA;
	color:#005FCA;}
	li:hover#x3 {
		box-shadow:0 0 7px #005FCA;	
	}
.qual4{
	border-color:#479dff;
	color:#479dff;}
	li:hover#x4 {
		box-shadow:0 0 7px #479dff;	
	}
.qual5{
	border-color:#00FF80;
	color:#00FF80;}
	li:hover#x5 {
		box-shadow:0 0 7px #00FF80;	
	}
.qual7{
	border-color:#BB7D3E;
	color:#BB7D3E;}
	li:hover#x7 {
		box-shadow:0 0 7px #BB7D3E;	
	}
.qual8{
	border-color:#be2026;
	color:#be2026;}
	li:hover#x8 {
		box-shadow:0 0 7px #be2026;	
	}
.qual9{
	border-color:#9B9B9B;
	color:#9B9B9B;}
	li:hover#x9 {
		box-shadow:0 0 7px #9B9B9B;	
	}
.qual10{
	border-color:#FF6400;
	color:#FF6400;}
	li:hover#x10 {
		box-shadow:0 0 7px #FF6400;	
	}
.qual11{
	border-color:#4D7455;
	color:#4D7455;}
	li:hover#x11 {
		box-shadow:0 0 7px #4D7455;	
	}
.qual12{
	border-color:#78ABA7;
	color:#78ABA7}	
	li:hover#x12 {
		box-shadow:0 0 7px #78ABA7;	
	}

.relic{
	border-color:#D0A070;
	color:#D0A070;
}
.ievent{
        color:#99CCFF
}
.ieffect{       
        color:#FFE500
}
.istyle {       
    color:#669900;
}
.ipos{
	color:#99CCFF
}
.ineg{
	color:#FF4040
}
.imade{
	display:block;
	padding-top: 4px;
	color:#ff9900
}
.iseries{
	color:#DFFF6E;
}
.repair{
	margin-top: 8px;
	color: #cc6666;
}
#repair-ing{
	margin-top: 8px;
	color: #cc6666;
}

.effect {
    position:relative;
	width:64px;
	height:64px;
    opacity:0.2;
    filter:alpha(opacity=20);
}

.effect:hover{
    opacity:0.66;
    filter:alpha(opacity=66);
}

.market-sold {
    position: absolute;
    top: 0px;
    left: 0px;
}

.socket {
    position:absolute;
    top: 0px;
    left: 0px;
    width:64px;
    height:64px;
    opacity:0;
    filter:alpha(opacity=0);
}

.equip {
    position:absolute;
    right:8px;
    bottom:1px;
}