MediaWiki:Common.less/templates.less

From Old School RuneScape Wiki
Jump to: navigation, search
/* ==================
       TEMPLATES
   ==================*/
// To-do: Move infobox variables to their own

// Template:Archive list
.ArchiveList {
	float: right; 
	border: solid 1px @infobox-border-color;
	margin: 5px;
	padding: 5px;
	background-color: @infobox-background; 
	text-align: center; 
	width: 120px;
}

// RuneScape:Administrator requests
.adminreqs-header {
	color: black;
	background-color: #FFFFFF;
	padding: 1em;
	margin-bottom: 1.5em;
	border: 2px solid #0000FF;
	text-align: center;
	clear: all;
	font-size: 150%;
}

.adminreqs-info {
	width: 99%;
	padding: 5px;
	color: black;
	background: #EFEFFF;
	border: 1px solid #9F9FFF;
	text-align: left;
}

// Template:Collapsed section
.collapsed-sec {
	font-family: serif;
	font-weight: bold;
	color: black;
	text-shadow: 1px 1px #ffffff;
}

// Template:CiteGeneral Language
.citegen-lang {
	font-size: 0.95em;
	font-weight: bold;
	color: #555;
	position: relative;
}

.equipmentmain {
 	border: 1px solid #25211c; 
	outline: 1px solid #000001; 
	background-color: #4b423a
 }
 
.equipmentsub {
 	width: 34px;
	padding: 0px;
	border: 1px solid #2d2b24; 
	-moz-box-shadow: inset 1px solid #716451; 
	-webkit-box-shadow: inset 1px solid #716451; 
	box-shadow: inset 1px solid #716451;
	background-color: #52524d
 }

// Direction, Fact, Sic templates
.fact-text {
	color: #15f;
	font-style: italic;
	cursor: help;
	border-bottom: dotted 1px black;
}

// Template:CategoryTOC
.messagebox-toc {
	width: 80%;
	margin: 1em auto;
	font-size: 95%;
	color: black;
	text-align: center;
}

// Template:MMGTable/row
.mmg-profit {
	color: #014cc0;
}

.mmg-loss {
	color: #c02614;
}

// Template:Uses material list
.production-selected {
	background: @caper;
}

// Relative location
.relative-location {
	background: @infobox-background;
	border: 1px solid @infobox-border-color;
	border-spacing: 0;
	margin: 5px;
	text-align: center;
}
 
.relative-location-txt {
	color: black;
}

.relative-location-header {
	background: @infobox-header-color;
}

// Template:Music map
#musicMap data {
	display:none;
}
.musicMap-buttons {
	text-align: center;
	margin: 0.7em;
}

// Talkheader template
.talkheader {
	text-align: center;
	background-color: #b19e7d;
	color: black;
}

// Template:Shortcut
.shortcut {
	border: 1px solid @infobox-border-color; 
	background: @infobox-background; 
	float: right; 
	font-size: 75%;
	margin: 0.5em 0em 0.5em 1em; 
	padding: 0.5em; 
	text-align: center; 
}

// Template:Succession
.succession {
	width: 50%;
	text-align: center;

	th {
		width: 33%;
		font-size: 90%;
		background: @BODY_MID;
	}

	td {
		background: @BODY_LIGHT;
	}

}

// Template:NA
.table-na {
	background: rgba(255,255,255,0.3);
	color: grey;
	vertical-align: middle;
	text-align: center; 
	-webkit-user-select: none;
	cursor: default;
}

// Template:Yes
.table-yes {
	background: rgba(0,255,0,0.3);
	color: green;
}

.table-positive {
	background: rgba(0,255,0,0.3);
}

// Template:No
.table-no {
	background: rgba(255,0,0,0.3);
	color: red;
}

.table-negative {
	background: rgba(255,0,0,0.3);
}

// Template:Horizontal Line
.updateline {
	background: url('filepath://Horizontal_Line.png') no-repeat;
	background-position: center;
}

// Template:PollNotice
.pollnotice {
	border: none;
	border-radius: 3px;
	background: @BODY_MID;
	color: black;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	text-align: center
}

// Template:PollWrapper
.pollwrapper {
	display: flex;
	align-items: center;
    flex-direction: column;
	counter-reset: question;
}

// Template:Poll
.pollquestion {
	position: relative;
	padding: 1em 0.7em;
	margin: 0.7em;
	margin-bottom: 1.2em;
	width: 700px;
	font-weight: bold;
	font-size: 16px;
	color: #625437;
	border: 2px solid #625437;
	background: #DBCBA3;
	
	&::before {
		content: "Question " counter(question);
		counter-increment: question;
		position: absolute;
		font-size: 16px;
		font-weight: bold;
		top: -0.5em;
		margin-top: -2px;
		left: 0.6em;
		line-height: 1em;
		background: linear-gradient(0deg, #DBCBA3, #DBCBA3 50%, rgba(0, 0, 0, 0) 50.001%, rgba(0, 0, 0, 0));
		padding: 0 0.6em;
	}

	table {
		width: 100%;
		border-collapse: collapse;
		font-size: 14px;
	}
	caption {
		text-align: left;
		margin-bottom: 4px;
		font-weight: bold;
	}
	td {
		padding: 0px;
		
		&:first-child::before {
		    content: "";
		    background: url(/images/1/12/Poll_shield.png?c691a);
		    background-repeat: no-repeat;
		    background-position: top;
		    width: 10px;
		    height: 14px;
		    position: absolute;
		    top: 4px;
		    left: 0;
		}
		&:first-child {
		    position: relative;
		    width: 32%;
		    padding-right: 0.7em;
		    padding-left: 16px;
		}
		&.pollpercent {
			box-sizing: border-box;
			padding-left: 17px;
			padding-right: 8px;
		}
		&:last-child {
			width: 22%;
			padding-left: 0.7em;
		}
	}

	.pollnote td {
		width: 100%;
		padding: 20px 5px;
		padding-bottom: 5px;
		
		&::before {
			content: none;
		}
	}

	data {
		display: block;
		height: 15px;
		background-image: url('filepath://Poll_sword2.png');
		position: relative;
		
		&::before,
		&::after {
			content: "";
			height: inherit;
			position: absolute;
			height: 15px;
		}
		
		&::before {
			background: url('filepath://Poll_sword1.png');
			width: 17px;
			right: 100%;
		}
		&::after {
			background: url('filepath://Poll_sword3.png');
			width: 8px;
			left: 100%;
		}
	}
}

// Template:Rfd top
.rfdheader {
	border: 1px solid gray;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

// Template:Skillbar
.skillbar {
	background: @infobox-background;
	border: 2px solid @infobox-border-color;
	margin: 1em auto 1em auto;
	color: black;
}

// Template:Wikipedia
.wikipedia {
	border: 1px solid #E0E0E0;
	background-color: #F8F8F8;
	color: black;
}

// Template:TB
.tbz-region {
	background-color: @BODY_MID;
	display: inline-block;
	white-space: nowrap;
	border: 1px solid @BODY_BORDER;
	border-radius: 10px;
	width: 110px;
	padding: 0.2em 0.5em;
}

.tbz-badge {
    background-color: @BODY_MID;
    display: inline-block;
    border: 1px solid @BODY_BORDER;
    border-radius: 5px;
    padding: 0.2em 2px;
    
    &+.tbz-badge {
    	margin-left: 1px;
    }
}

.tbz-unlocked {
	background: repeating-linear-gradient(-45deg, #bfffbd 0 20px,#4cf172 20px 30px);
	border-color: #012100;
}

.tbz-locked {
	background-color: #ffc3c3;
	border-color: #cc6464;
}

.tbz-check {
    display: none;
}

.tbz-unlocked .tbz-check {
    display: inline-block;
    padding-left: 5px;
}

/* [[Template:Combat]] */

.combatinfo {
	width:160px;
	text-align: center;
	float: right;
	clear: right;
}
.combatinfo.combatinfo-left {
	float: left;
	clear: left;
}

.combatinfo td {
	width: 25%;
}

table.wikitable.combatinfo > caption {
	font-weight: normal;
}


// Growth stages template
.growth-stage-table {
	td.growth-stage {
		text-align:center;
		vertical-align: bottom;
	}
}