Screamer Forums and Screamer gallery have returned.

The Screamer Forums will likely remain read only unless it's known that it will be active, since forums in general are kind of dead because of Discord.

MediaWiki:Common.css: Difference between revisions

From Screamer Wiki
Jump to navigation Jump to search
← Older edit
No edit summary
No edit summary
 
(119 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;
}
}
}


/* Default style for navigation boxes */
/* Add your usernames here */
.navbox {                    /* Navbox container style */
a[href$=":Lawiki"], a[href$="/Lawiki"], a[visited$=":Lawiki"], a[visited$="/Lawiki"]{
box-sizing: border-box;
    font-weight:bold;
border: 1px solid #a2a9b1;
    color: #2871F7 !important;
width: 100%;
}
clear: both;
a[href$=":Screamer1234"], a[href$="/Screamer1234"]{
font-size: 88%;
    font-weight:bold;
text-align: center;
    color: cyan !important;
padding: 1px;
    text-shadow: 0px 0px 10px #00b7ff;
margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
    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;
}
}


.navbox .navbox {
a[href$=":Tankmanfan44"], a[href$="/Tankmanfan44"]{
margin-top: 0;           /* No top margin for nested navboxes */
    font-weight:bold;
    color: #FFFFFF !important;
    text-shadow: 0px 0px 5px #2a9df4;
}
}


.navbox + .navbox {
a[href$=":LuaGunsX"], a[href$="/LuaGunsX"]{
margin-top: -1px;         /* Single pixel border between adjacent navboxes */
    font-weight:bold;
    color: gray !important;
}
a[href$=":TheEpikShyGuy"], a[href$="/TheEpikShyGuy"]{
    font-weight:bold;
    text-shadow: 0px 0px 10px #ffffff;
    color: black !important;
}
}


.navbox-inner,
.stub {
.navbox-subgroup {
background-color: #172617;
width: 100%;
border: 1px solid #858585;
}
.stub2 {  
background-color: #5f7b58;
}
}
 
.cleanup1 {
.navbox-group,
background-color: #262217;
.navbox-title,
border:1px solid #858585;
.navbox-abovebelow {
padding: 0.25em 1em;      /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}
}
 
.cleanup2 {
th.navbox-group {             /* Group style */
background-color: #735926
white-space: nowrap;
/* @noflip */
text-align: right;
}
}


.navbox,
.delete{  
.navbox-subgroup {
background-color: #261717;
background-color: #fdfdfd; /* Background color */
border:1px solid #858585;
}
}
 
.delete2{  
.navbox-list {
background-color: #783636;
line-height: 1.5em;
border-color: #fdfdfd;   /* Must match background color */
}
}
 
.spoiler{
/* cell spacing for navbox cells */
background-color: #66464b;
tr + tr > .navbox-abovebelow,
border:1px solid #858585;
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
border-top: 2px solid #fdfdfd; /* Must match background color */
}
}
 
.spoiler2{  
.navbox th,
background-color: #b37b84;
.navbox-title {
background-color: #ccccff;     /* Level 1 color */
}
}
 
.lost{  
.navbox-abovebelow,
background-color: #555;
th.navbox-group,
border:1px solid gray;
.navbox-subgroup .navbox-title {
background-color: #ddddff;     /* Level 2 color */
}
}
 
.lost2{  
.navbox-subgroup .navbox-group,
background-color: #979797;
.navbox-subgroup .navbox-abovebelow {
background-color: #e6e6ff;     /* Level 3 color */
}
}
 
.closed{  
.navbox-even {
background-color: #555200;
background-color: #f7f7f7;     /* Even row striping */
border:1px solid orange;
}
}
 
.closed2{  
.navbox-odd {
background-color: #FFD500;
background-color: transparent; /* Odd row striping */
}
}
 
.construction{
.navbox .hlist td dl,
background-color: #555200;
.navbox .hlist td ol,
border:1px solid orange;
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.construction2{  
.mw-parser-output .mw-collapsible-toggle {
background-color: #FFD500;
font-weight: normal;
/* @noflip */
text-align: right;
padding-right: 0.2em;
padding-left: 0.2em;
}
}
 
.pd1{  
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
background-color: #555200;
/* @noflip */
border:1px solid orange;
float: left;
/* @noflip */
text-align: left;
}
}
/* Add your usernames here */
.pd2{  
a[href$=":SkyBlueCat"], a[href$="/SkyBlueCat"]{
background-color: #FFD500;
    font-weight:bold;
    color: #34b1e3 !important;
}
}
a[href$=":Lawiki1534"], a[href$="/Lawiki1534"]{
.pls1{  
    font-weight:bold;
background-color: #172617;
    color: #2871F7 !important;
border: 1px solid #858585;
}
}
a[href$=":Screamer1234"], a[href$="/Screamer1234"]{
.pls2{  
    font-weight:bold;
background-color: #5f7b58;
    color: #52ffcb !important;
}
}
a[href$=":DevinMillar"], a[href$="/DevinMillar"]{
.plsv1{  
    font-weight:bold;
background-color: #497e8f;
    color: yellow !important;
}
}
a[href$=":TabbyGarf"], a[href$="/TabbyGarf"]{
.plsv2{  
    font-weight:bold;
background-color: lightblue;
    color: orange !important;
}
}
a[href$=":Sump"], a[href$="/Sump"]{
.fairuse{  
    font-weight:bold;
background-color: #555;
    color: cyan !important;
border:1px solid gray;
}
}
/* Portable Infobox CSS here */
.fairuse2{  
.portable-infobox.pi-background {
background-color: lightgray;
  background-color: #312B2A;
  border-color: #a62e10;
}
}
.portable-infobox .pi-secondary-background {
.retired{  
  background-color: #a62e10;
background-color: #555200;
border:1px solid orange;
}
}
.portable-infobox .pi-header{
.retired2{  
  font-weight: bold;
background-color: #FFD500;
  text-align: center;
}
}
.portable-infobox .pi-title {
.permission1 {  
  background-color: #a62e10;
    background-color: #B000B0;
  font-size: 130%;
    border: 1px solid white;
  color: #FFFFFF;
  font-family: Helvetica;
  text-align: center;
  font-weight: bold;
}
}
.portable-infobox .pi-border-color{
 
     border-color: #453d3c;
.permission2 {  
     background-color: #ffffff;
}
}
.portable-infobox {
 
  width:300px;
 
  border: 1px solid #a62e10;
#mp { --bg:#1f1f1f; --accent:#a62e10; --text:#d8d8d8; --heading:#ffffff; }
#mp * { box-sizing: border-box; }
 
#mp .card {
  background: var(--bg);
  border: 2px solid var(--accent);
  border-radius: 10px;
  padding: 0.8rem;
  margin: 0.6rem 0;
  color: var(--text);
}
}
.portable-infobox pi-item pi-item-spacing pi-title{
 
font-family:bold
#mp .hero { padding: 0; }
#mp .hero .mw-file-element, #mp .hero img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}
}
.portable-infobox .pi-data-label{
 
background-color: #312B2A;
#mp .welcome { text-align: center; }
border-color:#a62e10;
#mp .title { font-size: 1.6rem; font-weight: 700; }
#mp .title .muted { color: var(--text); font-weight: 600; }
#mp .title .site { color: var(--accent); }
#mp .subtitle { color: var(--text); margin-top: 0.25rem; }
#mp .stats { color: var(--text); margin-top: 0.25rem; word-wrap: anywhere; }
 
#mp .quicklinks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: .5rem;
  margin-top: .75rem;
}
}
.portable-infobox .pi-horizontal-group-item.pi-data-value{
#mp .quicklinks a,
background-color: #312B2A;
#mp .quicklinks a:visited {
border-color: #a62e10;
  display: block;
  padding: .55rem .6rem;
  border: 1px solid var(--accent);
  border-radius: 8px;
  text-align: center;
  background: rgba(166,46,16,0.08);
  color: var(--heading);
  text-decoration: none;
}
}
.cosmos-header{
#mp .quicklinks a:hover { background: rgba(166,46,16,0.16); }
background-image: background: rgb(152,0,0);
 
background: linear-gradient(90deg, rgba(152,0,0,1) 3%, rgba(156,8,8,1) 35%, rgba(255,0,112,1) 100%);
#mp h2 {
  margin: .5rem 0 .8rem;
  padding: .35rem .55rem;
  background: var(--accent);
  color: var(--heading);
  border: 1px solid #631b09;
  border-left: none;
  border-top: none;
  font-size: 1.1rem;
}
}
.portable-infobox pi-horizontal-group-item pi-data-label pi-secondary-font pi-border-color pi-item-spacing{
#mp .section-body a { color: #ffffff; }
background-color: #312B2A
 
#mp .row {
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
}
.catlinks{
#mp .col { width: 100%; }
background-color:#2e2e2e
 
@media (min-width: 800px) {
  #mp .row { flex-direction: row; }
  #mp .row .col { width: 50%; }
}
}
.mw-normal-catlinks {
 
background-color:#2e2e2e
 
border-color:#2e2e2e
#mp { --bg:#1f1f1f; --accent:#a62e10; --text:#d8d8d8; --heading:#ffffff; }
#mp .card { background:var(--bg); border:2px solid var(--accent); border-radius:10px; padding:1.2rem; margin:.8rem 0; color:var(--text); }
 
#mp .welcome-card { display:block; }
@media (min-width:900px){
  #mp .welcome-card{
    display:grid;
    grid-template-columns: 1.2fr 1fr;
    align-items:center;
    gap:2rem;
  }
}
}
.portable-infobox pi-media-collection-tabs{
 
background-color: #a62e10
#mp .welcome-card .title{ font-size:2rem; font-weight:800; text-align:center; }
#mp .welcome-card .subtitle,
#mp .welcome-card .stats{ text-align:center; font-size:1.05rem; }
@media (min-width:900px){
  #mp .welcome-card .title,
  #mp .welcome-card .subtitle,
  #mp .welcome-card .stats{ text-align:left; }
}
}
.mw-collapsible-toggle mw-collapsible-toggle-default mw-collapsible-toggle-expanded mw-collapsible-text{
 
color: #FFFFFF;
#mp .welcome-card .muted{ color:var(--heading); opacity:.85; }
}}
#mp .welcome-card .site{ color:var(--accent); }
.portable-infobox .pi-tab-link{
#mp .welcome-card .stats a{ color:var(--accent); text-decoration:none; }
background: #2e2e2e
 
#mp .quicklist{  
  list-style:disc;
  list-style-position:outside;
  margin:0;
  padding-left:1.2rem;
  display:grid;
  grid-template-columns:1fr;
  gap:.35rem .9rem;
}
}
@media (min-width:600px){ #mp .quicklist{ grid-template-columns:repeat(2, minmax(160px,1fr)); } }
@media (min-width:900px){ #mp .quicklist{ grid-template-columns:repeat(3, minmax(160px,1fr)); } }
#mp .quicklist a{ color:var(--accent); text-decoration:none; }
#mp .quicklist a:hover{ text-decoration:underline; }

Latest revision as of 22:40, 21 August 2025

/* 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$=":Lawiki"], a[href$="/Lawiki"], a[visited$=":Lawiki"], a[visited$="/Lawiki"]{
    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$=":Tankmanfan44"], a[href$="/Tankmanfan44"]{
    font-weight:bold;
    color: #FFFFFF !important;
    text-shadow: 0px 0px 5px #2a9df4;
}

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: #5f7b58;
}
.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: #979797;
}
.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: #5f7b58;
}
.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;
}
.permission1 { 
    background-color: #B000B0;
    border: 1px solid white;
}

.permission2 { 
    background-color: #ffffff;
}


#mp { --bg:#1f1f1f; --accent:#a62e10; --text:#d8d8d8; --heading:#ffffff; }
#mp * { box-sizing: border-box; }

#mp .card {
  background: var(--bg);
  border: 2px solid var(--accent);
  border-radius: 10px;
  padding: 0.8rem;
  margin: 0.6rem 0;
  color: var(--text);
}

#mp .hero { padding: 0; }
#mp .hero .mw-file-element, #mp .hero img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

#mp .welcome { text-align: center; }
#mp .title { font-size: 1.6rem; font-weight: 700; }
#mp .title .muted { color: var(--text); font-weight: 600; }
#mp .title .site { color: var(--accent); }
#mp .subtitle { color: var(--text); margin-top: 0.25rem; }
#mp .stats { color: var(--text); margin-top: 0.25rem; word-wrap: anywhere; }

#mp .quicklinks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: .5rem;
  margin-top: .75rem;
}
#mp .quicklinks a,
#mp .quicklinks a:visited {
  display: block;
  padding: .55rem .6rem;
  border: 1px solid var(--accent);
  border-radius: 8px;
  text-align: center;
  background: rgba(166,46,16,0.08);
  color: var(--heading);
  text-decoration: none;
}
#mp .quicklinks a:hover { background: rgba(166,46,16,0.16); }

#mp h2 {
  margin: .5rem 0 .8rem;
  padding: .35rem .55rem;
  background: var(--accent);
  color: var(--heading);
  border: 1px solid #631b09;
  border-left: none;
  border-top: none;
  font-size: 1.1rem;
}
#mp .section-body a { color: #ffffff; }

#mp .row {
  display: flex;
  flex-direction: column;
  gap: .6rem;
}
#mp .col { width: 100%; }

@media (min-width: 800px) {
  #mp .row { flex-direction: row; }
  #mp .row .col { width: 50%; }
}


#mp { --bg:#1f1f1f; --accent:#a62e10; --text:#d8d8d8; --heading:#ffffff; }
#mp .card { background:var(--bg); border:2px solid var(--accent); border-radius:10px; padding:1.2rem; margin:.8rem 0; color:var(--text); }

#mp .welcome-card { display:block; }
@media (min-width:900px){
  #mp .welcome-card{
    display:grid;
    grid-template-columns: 1.2fr 1fr;
    align-items:center;
    gap:2rem;
  }
}

#mp .welcome-card .title{ font-size:2rem; font-weight:800; text-align:center; }
#mp .welcome-card .subtitle,
#mp .welcome-card .stats{ text-align:center; font-size:1.05rem; }
@media (min-width:900px){
  #mp .welcome-card .title,
  #mp .welcome-card .subtitle,
  #mp .welcome-card .stats{ text-align:left; }
}

#mp .welcome-card .muted{ color:var(--heading); opacity:.85; }
#mp .welcome-card .site{ color:var(--accent); }
#mp .welcome-card .stats a{ color:var(--accent); text-decoration:none; }

#mp .quicklist{ 
  list-style:disc;
  list-style-position:outside;
  margin:0;
  padding-left:1.2rem;
  display:grid;
  grid-template-columns:1fr;
  gap:.35rem .9rem;
}
@media (min-width:600px){ #mp .quicklist{ grid-template-columns:repeat(2, minmax(160px,1fr)); } }
@media (min-width:900px){ #mp .quicklist{ grid-template-columns:repeat(3, minmax(160px,1fr)); } }

#mp .quicklist a{ color:var(--accent); text-decoration:none; }
#mp .quicklist a:hover{ text-decoration:underline; }
Retrieved from "https://screamer.wiki/index.php?title=MediaWiki:Common.css&oldid=169740"