MediaWiki:Common.css: Difference between revisions

From Screamer Wiki
Jump to: navigation, search
No edit summary
No edit summary
 
(117 intermediate revisions by 5 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Custom fonts */
 
@font-face {
body, .mw-headline {
  font-family: "Submona";
font-family: "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  src: url("/resources/assets/submona.woff") format("woff");
}
}
.Navboxcss {
@font-face {
background: rgb(2,0,36);
  font-family: "Giko";
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 51%, rgba(0,212,255,1) 100%);
  src: url("/resources/assets/giko2.woff") format("woff");
}
}
.font-face{
 
font-size: 90%
/* AA mode for non-Safari browsers */
.aa {
font-family: 'MS PGothic', 'Submona', sans-serif !important;
word-wrap: break-word;
line-height: 1;
font-size: 12pt;
}
}


.mw-editsection {
/* AA mode for Safari since Safari will try to set the page to shift-jis */
padding-left: 10px;
@media screen and (-webkit-min-device-pixel-ratio:0) {
.aa {
font-family: 'Submona', sans-serif !important;
}
}
}


.toctogglelabel {
/* AA mode with the giko font as default for non-Safari browsers */
color: #e87057;
.aagiko {
font-family: 'MS PGothic', 'Giko', sans-serif !important;
word-wrap: break-word;
line-height: 1;
font-size: 12pt;
}
}


.toc {
/* AA mode with the giko font for Safari since Safari will try to set the page to shift-jis */
background-color: #4b4b4b;
@media screen and (-webkit-min-device-pixel-ratio:0) {
.aagiko {
font-family: 'Giko', sans-serif !important;
}
}
}


 
/* Add your usernames here */
/* Infobox template style */
a[href$=":Angeleno"], a[href$="/Angeleno"], a[visited$=":Angeleno"], a[visited$="/Angeleno"]{
.infobox {
    font-weight:bold;
border: 1px solid #a2a9b1;
    color: #2871F7 !important;
border-spacing: 3px;
}
background-color: #f8f9fa;
a[href$=":Screamer1234"], a[href$="/Screamer1234"]{
color: black;
    font-weight:bold;
/* @noflip */
    color: cyan !important;
margin: 0.5em 0 0.5em 1em;
    text-shadow: 0px 0px 10px #00b7ff;
padding: 0.2em;
    font-family:bahnschrift;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
}
}
.infobox caption {
a[href$=":Sump"], a[href$="/Sump"]{
font-size: 125%;
    font-weight:bold;
font-weight: bold;
    color: cyan !important;
padding: 0.2em;
text-align: center;
}
}
.infobox td,
a[href$=":Tankman_fan_44"], a[href$="/Tankman_fan_44"]{
.infobox th {
    font-weight:bold;
vertical-align: top;
    color: #FFFFFF !important;
/* @noflip */
    text-shadow: 0px 0px 5px #2a9df4;
text-align: left;
}
}
.infobox.bordered {
a[href$=":Pmb1226"], a[href$="/Pmb1226"]{
border-collapse: collapse;
    font-weight:bold;
    color: coral !important;
}
}
.infobox.bordered td,
a[href$=":LuaGunsX"], a[href$="/LuaGunsX"]{
.infobox.bordered th {
    font-weight:bold;
border: 1px solid #a2a9b1;
    color: gray !important;
}
}
.infobox.bordered .borderless td,
a[href$=":TheEpikShyGuy"], a[href$="/TheEpikShyGuy"]{
.infobox.bordered .borderless th {
    font-weight:bold;
border: 0;
    text-shadow: 0px 0px 10px #ffffff;
    color: black !important;
}
}


.infobox.sisterproject {
.stub {
width: 20em;
background-color: #172617;
font-size: 90%;
border: 1px solid #858585;
}
.stub2 {  
background-color: #223d1b;
}
.cleanup1 {
background-color: #262217;
border:1px solid #858585;
}
.cleanup2 {
background-color: #735926
}
}


.infobox.standard-talk {
.delete{
border: 1px solid #c0c090;
background-color: #261717;
background-color: #f8eaba;
border:1px solid #858585;
}
.delete2{
background-color: #783636;
}
.spoiler{  
background-color: #66464b;
border:1px solid #858585;
}
.spoiler2{
background-color: #b37b84;
}
}
.infobox.standard-talk.bordered td,
.lost{
.infobox.standard-talk.bordered th {
background-color: #555;
border: 1px solid #c0c090;
border:1px solid gray;
}
}
 
.lost2{
/* styles for bordered infobox with merged rows */
background-color: lightgray;
.infobox.bordered .mergedtoprow td,
}
.infobox.bordered .mergedtoprow th {
.closed{  
border: 0;
background-color: #555200;
border-top: 1px solid #a2a9b1;
border:1px solid orange;
/* @noflip */
}
border-right: 1px solid #a2a9b1;
.closed2{
background-color: #FFD500;
}
}
 
.construction{  
.infobox.bordered .mergedrow td,
background-color: #555200;
.infobox.bordered .mergedrow th {
border:1px solid orange;
border: 0;
/* @noflip */
border-right: 1px solid #a2a9b1;
}
}
/* Portable Infobox CSS here */
.construction2{  
.portable-infobox.pi-background {
background-color: #FFD500;
  background-color: #312B2A;
  border-color: #a62e10;
}
}
.portable-infobox .pi-secondary-background {
.pd1{  
  background-color: #a62e10;
background-color: #555200;
border:1px solid orange;
}
}
.portable-infobox .pi-header{
.pd2{  
  font-weight: bold;
background-color: #FFD500;
  text-align: center;
}
}
.portable-infobox .pi-title {
.pls1{  
  background-color: #a62e10;
background-color: #172617;
  font-size: 125%;
border: 1px solid #858585;
  color: #FFFFFF;
  font-family: Helvetica;
  text-align: center;
  border-radius: 4px 4px 0px 0px
}
}
.portable-infobox .pi-border-color{
.pls2{  
    border-color: #453d3c;
background-color: #223d1b;
}
}
.portable-infobox {
.plsv1{  
  width:300px;
background-color: #497e8f;
  border: 1px solid #a62e10;
  border-radius: 4px 4px 2px 2px
}
}
.portable-infobox .pi-horizontal-group-item.pi-data-label{
.plsv2{  
  background-color: #312B2A;
  background-color: lightblue;
border-color:#a62e10;
}
}
.portable-infobox .pi-horizontal-group-item.pi-data-value{
.fairuse{  
  background-color: #312B2A;
  background-color: #555;
  border-color: #a62e10;
  border:1px solid gray;
}
}
.cosmos-header{
.fairuse2{  
  background-image: background: rgb(152,0,0);
  background-color: lightgray;
background: linear-gradient(90deg, rgba(152,0,0,1) 3%, rgba(156,8,8,1) 35%, rgba(255,0,112,1) 100%);
}
}
.catlinks{
.retired{  
  background-color:#2e2e2e
  background-color: #555200;
border:1px solid orange;
}
}
.mw-normal-catlinks {
.retired2{  
  background-color:#2e2e2e
  background-color: #FFD500;
border-color:#2e2e2e
}
}

Latest revision as of 22:49, 18 February 2024

/* Custom fonts */
@font-face {
  font-family: "Submona";
  src: url("/resources/assets/submona.woff") format("woff");
}
@font-face {
  font-family: "Giko";
  src: url("/resources/assets/giko2.woff") format("woff");
}

/* AA mode for non-Safari browsers */
.aa {
	font-family: 'MS PGothic', 'Submona', sans-serif !important;
	word-wrap: break-word;
	line-height: 1;
	font-size: 12pt;
}

/* AA mode for Safari since Safari will try to set the page to shift-jis */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.aa {
		font-family: 'Submona', sans-serif !important;
	}
}

/* AA mode with the giko font as default for non-Safari browsers */
.aagiko {
	font-family: 'MS PGothic', 'Giko', sans-serif !important;
	word-wrap: break-word;
	line-height: 1;
	font-size: 12pt;
}

/* AA mode with the giko font for Safari since Safari will try to set the page to shift-jis */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.aagiko {
		font-family: 'Giko', sans-serif !important;
	}
}

/* Add your usernames here */
a[href$=":Angeleno"], a[href$="/Angeleno"], a[visited$=":Angeleno"], a[visited$="/Angeleno"]{
    font-weight:bold;
    color: #2871F7 !important;
}
a[href$=":Screamer1234"], a[href$="/Screamer1234"]{
    font-weight:bold;
    color: cyan !important;
    text-shadow: 0px 0px 10px #00b7ff;
    font-family:bahnschrift;
}
a[href$=":Sump"], a[href$="/Sump"]{
    font-weight:bold;
    color: cyan !important;
}
a[href$=":Tankman_fan_44"], a[href$="/Tankman_fan_44"]{
    font-weight:bold;
    color: #FFFFFF !important;
    text-shadow: 0px 0px 5px #2a9df4;
}
a[href$=":Pmb1226"], a[href$="/Pmb1226"]{
    font-weight:bold;
    color: coral !important;
}
a[href$=":LuaGunsX"], a[href$="/LuaGunsX"]{
    font-weight:bold;
    color: gray !important;
}
a[href$=":TheEpikShyGuy"], a[href$="/TheEpikShyGuy"]{
    font-weight:bold;
    text-shadow: 0px 0px 10px #ffffff;
    color: black !important;
}

.stub { 
 background-color: #172617;
 border: 1px solid #858585;
}
.stub2 { 
 background-color: #223d1b;
}
.cleanup1 {
 background-color: #262217;
 border:1px solid #858585;
}
.cleanup2 {
 background-color: #735926
}

.delete{ 
 background-color: #261717;
 border:1px solid #858585;
}
.delete2{ 
 background-color: #783636;
}
.spoiler{ 
 background-color: #66464b;
 border:1px solid #858585;
}
.spoiler2{ 
 background-color: #b37b84;
}
.lost{ 
 background-color: #555;
 border:1px solid gray;
}
.lost2{ 
 background-color: lightgray;
}
.closed{ 
 background-color: #555200;
 border:1px solid orange;
}
.closed2{ 
 background-color: #FFD500;
}
.construction{ 
 background-color: #555200;
 border:1px solid orange;
}
.construction2{ 
 background-color: #FFD500;
}
.pd1{ 
 background-color: #555200;
 border:1px solid orange;
}
.pd2{ 
 background-color: #FFD500;
}
.pls1{ 
 background-color: #172617;
 border: 1px solid #858585;
}
.pls2{ 
 background-color: #223d1b;
}
.plsv1{ 
 background-color: #497e8f;
}
.plsv2{ 
 background-color: lightblue;
}
.fairuse{ 
 background-color: #555;
 border:1px solid gray;
}
.fairuse2{ 
 background-color: lightgray;
}
.retired{ 
 background-color: #555200;
 border:1px solid orange;
}
.retired2{ 
 background-color: #FFD500;
}