MediaWiki:Mobile.css - Revision history

Technochips: crit background

2022-06-08T15:27:38Z

crit background

@@ Line 242: / Line 242: @@
 	text-align:right;
 	width:100%
+}

Technochips: remove killicon height

2022-05-25T13:59:46Z

remove killicon height

← Older revision		Revision as of 13:59, 25 May 2022
Line 55:		Line 55:
	{		{
	vertical-align:middle;		vertical-align:middle;
	~~height:40px;~~
	color:#38361E;		color:#38361E;
	font-family:"Verdana",serif;		font-family:"Verdana",serif;

Technochips: mobile on desktop better

2022-05-25T13:14:40Z

mobile on desktop better

← Older revision		Revision as of 13:14, 25 May 2022
Line 227:		Line 227:
	display:flex;		display:flex;
	flex-direction:column		flex-direction:column
			}
			@media screen and (min-width: 720px)
			{
			.quotation
			{
			width: auto;
			}
	}		}
	.quotation cite:before		.quotation cite:before

Technochips: quotations

2022-05-24T09:27:24Z

quotations

← Older revision		Revision as of 09:27, 24 May 2022
Line 190:		Line 190:
	.quotation blockquote::after		.quotation blockquote::after
	{		{
	font-size:5em;		font-size:2.5em;
	line-height:0;		line-height:0;
	font-family:"Linux Libertine","Georgia","Times",serif;		font-family:"Linux Libertine","Georgia","Times",serif;
Line 211:		Line 211:
	margin:0;		margin:0;
	padding:0;		padding:0;
	display:flex		display:flex;
	}		}
	.quotation blockquote p		.quotation blockquote p
Line 220:		Line 220:
	.quotation		.quotation
	{		{
	width:~~auto~~;		width:fit-content;
	border-left:2px #292526 solid;		border-left:2px #292526 solid;
	border-right:2px #292526 solid;		border-right:2px #292526 solid;
	padding:0px ~~16px~~;		padding:0px 8px;
	margin~~-left~~:~~32px;~~		margin:8px;
	~~max-width:50em~~;
	display:flex;		display:flex;
	flex-direction:column		flex-direction:column

Admin: Create page, clone of common.css

2022-05-24T09:15:17Z

Create page, clone of common.css

New page

/* 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;
height:40px;
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: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:auto;
border-left:2px #292526 solid;
border-right:2px #292526 solid;
padding:0px 16px;
margin-left:32px;
max-width:50em;
display:flex;
flex-direction:column
}
.quotation cite:before
{
content:"— "
}
.quotation cite
{
text-align:right;
width:100%
}