Toggle search
Toggle menu
TF2 Classified Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
More actions
← Older edit

Boba (talk | contribs)

3 user groups
224 edits
Put font path in quotes to try to prevent clipping that started happening after the upgrade to PHP 8.4
ok, yipes, later
 
(14 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* ======================== */
/* FONT DEFINITIONS        */
/* ======================== */
@font-face {
font-weight:normal;
src:url("/w/images/0/06/Dejavu-sans.woff2") format("woff2");
font-family:"DejaVu Sans";
}
@font-face {
font-weight:bold;
src:url("/w/images/d/d1/Dejavu-sans-bold.woff2") format("woff2");
font-family:"DejaVu Sans";
}
@font-face {
@font-face {
src:url("/w/images/a/a2/Inconsolata.woff2") format("woff2");
font-family:"Inconsolata";
}
@font-face {
src:url("/w/images/d/d2/Tf2c.woff2") format("woff2");
font-family:"TF2C";
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-face {
src:url("/w/images/2/20/Tf2c-secondary.woff2") format("woff2");
font-family:"TF2C Secondary";
}
@font-face {
src:url("/w/images/f/f8/Tf2c-build.woff2") format("woff2");
font-family:"TF2C Build";
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-face {
src:url("/w/images/2/20/Tf2c-professor.woff2") format("woff2");
font-family:"TF2C Professor";
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";
/* GENERIC STYLING          */
src: url("/misc/TF2CSecondary.woff2") format("woff2"),
/* ======================== */
url("/misc/TF2CSecondary.woff") format("woff"),
 
url("/misc/TF2CSecondary.ttf") format("truetype");
:root {
--fontGeneric:"DejaVu Sans", sans-serif;
--fontCode:"Inconsolata", monospace;
--fontPrimary:"TF2C", serif;
--fontSecondary:"TF2C Secondary", sans-serif;
--fontBuild:"TF2C Build", serif;
 
--colPrimaryLighter:#D8CCC0;
--colPrimaryLight:#C4B9AE;
--colPrimaryMid:#A69A92;
--colPrimaryDark:#8A7D78;
--colPrimaryDarker:#71625F;
 
--colSecondaryLighter:#594747;
--colSecondaryLight:#3F3333;
--colSecondaryMid:#332929;
--colSecondaryDark:#282020;
--colSecondaryDarker:#140F0F;
 
--colTFLighter:#ECE3CB;
--colTFLight:#9E9684;
--colTFMid:#51493E;
--colTFDark:#3B352D;
--colTFDarker:#2A2725;
 
--colOrangeLighter:#FFAA6E;
--colOrangeLight:#FF7C44;
--colOrangeMid:#CC592C;
--colOrangeDark:#A54624;
--colOrangeDarker:#70321A;
}
 
/* ================================ */
/* STAFF MEMBERS                    */
/* ================================ */
 
a[class="mw-userlink"][title="User:Admin"],
a[class="mw-userlink"][title="User:Azzy"],
a[class="mw-userlink"][title="User:Benjamoose"],
a[class="mw-userlink"][title="User:Boba"],
a[class="mw-userlink"][title="User:Hunterbunney"],
a[class="mw-userlink"][title="User:Technochips"],
a[class="mw-userlink"][title="User:Tkain"],
a[class="mw-userlink"][title="User:Ultr4nima"],
a[class="mw-userlink"][title="User:Waugh101"] {
border-radius:3px;
background:rgba(0, 0, 0, 0.15);
padding:1px 3px;
color:var(--colOrangeDark);
font-weight:bold;
}
 
/* ================================ */
/* MAIN PAGE                        */
/* ================================ */
 
.page-Main_Page .external {
background-image:unset !important;
padding-right:0 !important;
}
 
.mp-header {
margin-top:10px !important;
font-size:2.5em !important;
font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif !important;
text-transform:uppercase;
}
 
.mp-topheader
{
font-size:38.4px;
font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif;
text-align:center;
text-transform:uppercase;
}
 
.mp-description
{
text-align:center;
}
 
.mp-classContainer
{
display:flex;
justify-content:space-around;
border-radius:8px;
padding:8px;
font-size:clamp(8px, 1vw, 20px);
text-align:center;
}
 
.mp-class a img
{
width:128px;
max-width:100%;
height:unset;
}
 
.mp-class a img:hover
{
filter:brightness(1.25);
}
 
.page-Main_Page .firstHeading
{
display:none;
}
.page-Main_Page .mp-topheader
{
margin:-19.7px -14px 0 -14px;
background-color:#583A31;
padding-bottom:5px;
color:#D2CDC8;
}
.page-Main_Page .mp-topheader p
{
margin:0;
}
.page-Main_Page .mp-topheader p:first-child
{
margin-top:0.5em;
}
.page-Main_Page .mp-topheader p:last-child
{
margin-bottom:5px;
border-bottom:0.2em dotted;
}
 
.mp-container
{
display:inline-block;
border-radius:8px;
background-color:#B3A9A2;
padding:8px;
font-size:16px;
}
 
.mp-classContainer
{
display:flex;
justify-content:space-around;
border-radius:8px;
background-color:#B3A9A2;
padding:8px;
font-size:clamp(8px, 1vw, 20px);
text-align:center;
}
}
/* ================================ */
/* EVERYTHING ELSE TODO CLEANUP    */
/* ================================ */


.infobox {
.infobox {
float:right;
float:right;
margin:0 0 1em 1em;
min-width:21em;
min-width:21em;
margin:0 0 1em 1em;
}
}
.infobox-title {
.infobox-title {
Line 42: Line 211:


.infobox th {
.infobox th {
text-align:center;
vertical-align:top;
vertical-align:top;
width:100%;
font-weight:normal;
font-family:"TF2C Build","TF2 Build",sans-serif;
font-family:"TF2C Build","TF2 Build",sans-serif;
text-align:center;
text-transform:uppercase;
text-transform:uppercase;
font-weight:normal;
width:100%;
}
}


Line 54: Line 223:
height:40px;
height:40px;
color:#38361E;
color:#38361E;
font-family:"Verdana",serif;
font-weight:bold;
font-weight:bold;
font-size:17px;
font-size:17px;
font-family:"Verdana",serif;
}
}


.content .infobox caption {
.content .infobox caption {
padding: 0;
padding:0;
}
}
.ambox
.ambox
Line 70: Line 239:
{
{
border-left:10px solid #583A31;
border-left:10px solid #583A31;
padding: 2px 0 2px 0.5em;
padding:2px 0 2px 0.5em;
}
}
@media screen {
@media screen {
Line 84: Line 253:


.killicon {
.killicon {
border-radius:5px;
background-color:#F1E9CB;
background-color:#F1E9CB;
color:#38361E;
color:#38361E;
border-radius:5px;
}
}
}
}
Line 95: Line 264:


.infobox, .ambox {
.infobox, .ambox {
border: 1px black solid;
border:1px black solid;
}
}
.infobox, .ambox {
.infobox, .ambox {
Line 103: Line 272:


.loadout-tooltip-container {
.loadout-tooltip-container {
border-radius:5px;
background-image:linear-gradient(#38332D,#221E1A);
padding:10px;
padding:10px;
background-image:linear-gradient(#38332D,#221E1A);
color:#221E1A;
color:#221E1A;
font-size:15px;
font-size:15px;
font-family:"TF2C Secondary","TF2 Secondary","Verdana",sans-serif;
font-family:"TF2C Secondary","TF2 Secondary","Verdana",sans-serif;
border-radius:5px;
}
}


.loadout-tooltip-container p {
.loadout-tooltip-container p {
margin:0 !important;
margin:0 !important;
line-height:1.6em;
text-align:center;
text-align:center;
line-height: 1.6em;
}
}


.loadout-tooltip-name {
.loadout-tooltip-name {
color:#B2B2B2;
font-size:18px;
font-family:"TF2C Build","TF2 Build","Verdana",sans-serif;
font-family:"TF2C Build","TF2 Build","Verdana",sans-serif;
font-size:18px;
color:#B2B2B2;
}
}


Line 146: Line 315:


.tabber__tab {
.tabber__tab {
margin:1px;
box-shadow:none;
background-color:#583A31;
background-color:#583A31;
font-weight:normal;
font-family:"TF2C Build","TF2 Build",sans-serif;
font-family:"TF2C Build","TF2 Build",sans-serif;
text-transform: uppercase;
text-transform:uppercase;
box-shadow:none;
font-weight:normal;
margin:1px;
}
}


.tabber__tab,.tabber__tab:visited {
.tabber__tab,.tabber__tab:visited {
box-shadow:none;
color:#E5E0DC;
color:#E5E0DC;
box-shadow:none;
}
}


.tabber__tab--active,.tabber__tab:hover,.tabber__tab--active:visited {
.tabber__tab--active,.tabber__tab:hover,.tabber__tab--active:visited {
box-shadow:none;
color:#e8d18c;
color:#e8d18c;
box-shadow:none;
}
}


Line 182: Line 351:
@media print {
@media print {
.tabber__tab {
.tabber__tab {
display: none;
display:none;
}
}
}
}


.tabber__panel {
.tabber__panel {
min-width: 0;
min-width:0;
}
 
.tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited {
color:#e8d18c;
}
}


.quotation blockquote::before,.quotation blockquote::after {
.quotation blockquote::before,.quotation blockquote::after {
position:relative;
top:0.4em;
color:#292526;
font-size:5em;
font-size:5em;
line-height:0;
line-height:0;
font-family:"Linux Libertine","Georgia","Times",serif;
font-family:"Linux Libertine","Georgia","Times",serif;
top:0.4em;
position:relative;
color:#292526;
white-space:nowrap;
white-space:nowrap;
}
}
Line 209: Line 382:


.quotation blockquote {
.quotation blockquote {
display:flex;
margin:0;
border:none;
border:none;
margin:0;
padding:0;
padding:0;
display:flex;
}
}


Line 221: Line 394:


.quotation {
.quotation {
width:auto;
display:flex;
flex-direction:column;
margin-left:32px;
border-right:2px #292526 solid;
border-left:2px #292526 solid;
border-left:2px #292526 solid;
border-right:2px #292526 solid;
padding:0 16px;
padding:0 16px;
margin-left:32px;
width:auto;
max-width:50em;
max-width:50em;
display:flex;
flex-direction:column;
}
}


Line 236: Line 409:


.quotation cite {
.quotation cite {
width:100%;
text-align:right;
text-align:right;
width:100%;
}
.page-Main_Page .external {
padding-right:0 !important;
background-image:unset !important;
}
.mp-header {
font-family:"TF2C","TF2","Linux Libertine","Georgia","Times",serif !important;
text-transform:uppercase;
font-size:2.5em !important;
margin-top:10px !important;
}
.mp-topheader
{
font-family: "TF2C","TF2","Linux Libertine","Georgia","Times",serif;
text-transform: uppercase;
text-align: center;
font-size: 38.4px;
}
.mp-description
{
text-align: center;
}
.mp-container
{
background-color: #B3A9A2;
border-radius: 8px;
padding: 8px;
display: inline-block;
font-size: 16px;
}
.mp-classContainer
{
background-color: #B3A9A2;
border-radius: 8px;
padding: 8px;
display: flex;
justify-content: space-around;
font-size: clamp(8px, 1vw, 20px);
text-align: center;
}
.mp-class a img
{
max-width: 100%;
width: 128px;
height: unset;
}
.mp-class a img:hover
{
filter: brightness(1.25);
}
}


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


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


Retrieved from "https://wiki.tf2classified.com/MediaWiki:Common.css"