MediaWiki:Mobile.css: Difference between revisions

/* All CSS here will be loaded for users of the mobile site */
@font-face
{
	font-family:"TF2C";
	src: url(/misc/TF2C.woff2) format("woff2"),
	url(/misc/TF2C.woff) format("woff"),
	url(/misc/TF2C.ttf) format("truetype")
}
@font-face
{
	font-family:"TF2C Build";
	src: url(/misc/TF2CBuild.woff2) format("woff2"),
	url(/misc/TF2CBuild.woff) format("woff"),
	url(/misc/TF2CBuild.ttf) format("truetype")
}
@font-face
{
	font-family:"TF2C Professor";
	src: url(/misc/TF2CProfessor.woff2) format("woff2"),
	url(/misc/TF2CProfessor.woff) format("woff"),
	url(/misc/TF2CProfessor.ttf) format("truetype")
}
@font-face
{
	font-family:"TF2C Secondary";
	src: url(/misc/TF2CSecondary.woff2) format("woff2"),
	url(/misc/TF2CSecondary.woff) format("woff"),
	url(/misc/TF2CSecondary.ttf) format("truetype")
}
.infobox
{
	float:right;
	min-width:21em;
	margin:0 0 1em 1em;
}
.infobox-title
{
	font-size:21px;
	text-align:center 
}
.infobox-image
{
	text-align:center
}
.infobox th
{
	text-align:center;
	vertical-align:top;
	font-family:"TF2C Build","TF2 Build",sans-serif;
	text-transform: uppercase;
	font-weight:normal;
	width:100%;
}
.killicon
{
	vertical-align:middle;
	color:#38361E;
	font-family:"Verdana",serif;
	font-weight:bold;
	font-size:17px
}
.content .infobox caption
{
	padding: 0;
}
@media screen
{
	.infobox
	{
		border:1px solid #583A31;
		background-color:#E5E0DC
	}
	.infobox th
	{
		background-color:#583A31;
		color:#D2CDC8
	}
	.killicon
	{
		background-color:#F1E9CB;
		color:#38361E;
		border-radius:5px
	}
}
@media print
{
	.infobox th
	{
		background-color:#8E8E8E;
	}
	.infobox
	{
		border: 1px black solid;
	}
}
.loadout-tooltip-container
{
	padding:10px;
	background-image:linear-gradient(#38332D,#221E1A);
	color:#221E1A;
	font-size:15px;
	font-family:"TF2C Secondary","TF2 Secondary",sans-serif;
	border-radius:5px
}
.loadout-tooltip-container p
{
	margin:0 !important;
	text-align:center;
	line-height: 1.6em;
}
.loadout-tooltip-name
{
	font-family:"TF2C Build","TF2 Build",sans-serif;
	text-transform: uppercase;
	font-size:18px;
	color:#B2B2B2
}
.loadout-tooltip-type
{
	color:#756B5E
}
.loadout-tooltip-neutral
{
	color:#EBE2CA
}
.loadout-tooltip-positive
{
	color:#99CCE1
}
.loadout-tooltip-negative
{
	color:#FF4040
}
.tabber__tabs
{
	margin:auto;
	box-shadow:none
}
.tabber__tab
{
	background-color:#583A31;
	font-family:"TF2C Build","TF2 Build",sans-serif;
	text-transform: uppercase;
	box-shadow:none;
	font-weight:normal;
	margin:1px
}
.tabber__tab,
.tabber__tab:visited
{
	color:#E5E0DC;
	box-shadow:none
}
.tabber__tab--active,
.tabber__tab:hover,
.tabber__tab--active:visited
{
	color:#e8d18c;
	box-shadow:none
}
.tabber__tab[title="RED"]
{
	background-color:#C63E3E
}
.tabber__tab[title="BLU"]
{
	background-color:#59788C
}
.tabber__tab[title="GRN"]
{
	background-color:#3C9D46
}
.tabber__tab[title="YLW"]
{
	background-color:#DA9D28
}
@media print
{
	.tabber__tab
	{
		display: none;
	}
}
.tabber__panel
{
	min-width: 0;
}
.quotation blockquote::before,
.quotation blockquote::after
{
	font-size:2.5em;
	line-height:0;
	font-family:"Linux Libertine","Georgia","Times",serif;
	top:0.4em;
	position:relative;
	color:#292526;
	white-space:nowrap
}
.quotation blockquote::before
{
	content:open-quote;
}
.quotation blockquote::after
{
	content:close-quote;
}
.quotation blockquote
{
	border:none;
	margin:0;
	padding:0;
	display:flex;
}
.quotation blockquote p
{
	margin:1em;
	text-align:justify 
}
.quotation
{
	width:fit-content;
	border-left:2px #292526 solid;
	border-right:2px #292526 solid;
	padding:0px 8px;
	margin:8px;
	display:flex;
	flex-direction:column
}
@media screen and (min-width: 720px)
{
	.quotation
	{
		width: auto;
	}
}
.quotation cite:before
{
	content:"— " 
}
.quotation cite
{
	text-align:right;
	width:100%
}

.crits
{
	background-image: url(/w/index.php?title=Special:Redirect/file/Killicon_crit.png);
	background-size: 100% 100%;
}
.minicrits
{
	background-image: url(/w/index.php?title=Special:Redirect/file/Killicon_minicrit.png);
	background-size: 100% 100%;
}