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 editNewer edit →

Boba (talk | contribs)

3 user groups
224 edits
FONTS!
cleanup, let's see how main page looks default for now
Line 5: Line 5:
@font-face {
@font-face {
font-weight:normal;
font-weight:normal;
src:url("https://wiki.tf2classified.com/w/images/0/06/Dejavu-sans.woff2") format("woff2");
src:url("/w/images/0/06/Dejavu-sans.woff2") format("woff2");
font-family:"DejaVu Sans";
font-family:"DejaVu Sans";
}
}
Line 11: Line 11:
@font-face {
@font-face {
font-weight:bold;
font-weight:bold;
src:url("https://wiki.tf2classified.com/w/images/d/d1/Dejavu-sans-bold.woff2") format("woff2");
src:url("/w/images/d/d1/Dejavu-sans-bold.woff2") format("woff2");
font-family:"DejaVu Sans";
font-family:"DejaVu Sans";
}
}


@font-face {
@font-face {
src:url("https://wiki.tf2classified.com/w/images/a/a2/Inconsolata.woff2") format("woff2");
src:url("/w/images/a/a2/Inconsolata.woff2") format("woff2");
font-family:"Inconsolata";
font-family:"Inconsolata";
}
}


@font-face {
@font-face {
src:url("https://wiki.tf2classified.com/w/images/d/d2/Tf2c.woff2") format("woff2");
src:url("/w/images/d/d2/Tf2c.woff2") format("woff2");
font-family:"TF2C";
font-family:"TF2C";
}
}


@font-face {
@font-face {
src:url("https://wiki.tf2classified.com/w/images/2/20/Tf2c-secondary.woff2") format("woff2");
src:url("/w/images/2/20/Tf2c-secondary.woff2") format("woff2");
font-family:"TF2C Secondary";
font-family:"TF2C Secondary";
}
}


@font-face {
@font-face {
src:url("https://wiki.tf2classified.com/w/images/f/f8/Tf2c-build.woff2") format("woff2");
src:url("/w/images/f/f8/Tf2c-build.woff2") format("woff2");
font-family:"TF2C Build";
font-family:"TF2C Build";
}
}


@font-face {
@font-face {
src:url("https://wiki.tf2classified.com/w/images/2/20/Tf2c-professor.woff2") format("woff2");
src:url("/w/images/2/20/Tf2c-professor.woff2") format("woff2");
font-family:"TF2C Professor";
font-family:"TF2C Professor";
}
/* ======================== */
/* GENERIC STYLING          */
/* ======================== */
: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;
}
}


Line 43: Line 79:
/* STAFF MEMBERS                    */
/* STAFF MEMBERS                    */
/* ================================ */
/* ================================ */
a[class="mw-userlink"][title="User:Admin"],
a[class="mw-userlink"][title="User:Admin"],
a[class="mw-userlink"][title="User:Azzy"],
a[class="mw-userlink"][title="User:Azzy"],
Line 52: Line 89:
a[class="mw-userlink"][title="User:Ultr4nima"],
a[class="mw-userlink"][title="User:Ultr4nima"],
a[class="mw-userlink"][title="User:Waugh101"] {
a[class="mw-userlink"][title="User:Waugh101"] {
color:#A54624;
font-weight:bold;
border-radius:3px;
border-radius:3px;
background:rgba(0, 0, 0, 0.15);
background:rgba(0, 0, 0, 0.15);
padding:1px 3px;
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);
} */


/* ================================ */
/* ================================ */
Line 65: Line 153:
.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 78: Line 166:


.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 90: Line 178:
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 106: Line 194:
{
{
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 120: Line 208:


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


.infobox, .ambox {
.infobox, .ambox {
border: 1px black solid;
border:1px black solid;
}
}
.infobox, .ambox {
.infobox, .ambox {
Line 139: Line 227:


.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 182: Line 270:


.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 218: Line 306:
@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 {
.tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited {
color: #e8d18c;
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 249: Line 337:


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


Line 261: Line 349:


.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 276: Line 364:


.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-classContainer
{
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"