Changes

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 13:48, 23 July 2021

9,700 bytes added ,  13:48, 23 July 2021
no edit summary
Line 124: Line 124:  
     margin-top: 1em;
 
     margin-top: 1em;
 
     border-bottom: 1px solid #EBC9FF;
 
     border-bottom: 1px solid #EBC9FF;
−
    text-transform: uppercase;
   
}
 
}
 
h2{
 
h2{
Line 131: Line 130:  
     font-family: 'Share Tech', sans-serif !important;
 
     font-family: 'Share Tech', sans-serif !important;
 
     border-bottom: none;
 
     border-bottom: none;
−
    text-transform: uppercase;
+
text-transform: uppercase;
 
}
 
}
   Line 250: Line 249:  
     background-color: #fff;
 
     background-color: #fff;
 
     cursor: pointer;
 
     cursor: pointer;
−
    border: 1px solid #a2a9b1;
+
  border: none !important;
 
     margin: 0;
 
     margin: 0;
 
     margin-top: -2px;
 
     margin-top: -2px;
Line 342: Line 341:  
     margin-bottom: 1em;
 
     margin-bottom: 1em;
 
}
 
}
 +
 +
    
.wikitable {
 
.wikitable {
 
     background-color: rgba(14, 6, 30, 0) !important;
 
     background-color: rgba(14, 6, 30, 0) !important;
 
     font-size: 1em !important;  
 
     font-size: 1em !important;  
−
     color: #8D79BE !important;
+
     color: #ffffff; !important;
 
     margin: 1em 0;
 
     margin: 1em 0;
−
     border: 1px solid #EBC9FF;
+
    margin-right: .5em;
 +
    margin-left: .5em;
 +
     border: none !important;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
 +
}
 +
 +
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
 +
    border: none !important;
 +
    padding: 0.2em 0.4em;
 +
}
 +
 +
th{
 +
    color: #ffffff;
 +
    background-color: #6E006A !important;
 +
    font-weight: 500;
 
}
 
}
   Line 355: Line 369:  
.navbox {                    /* Navbox container style */
 
.navbox {                    /* Navbox container style */
 
box-sizing: border-box;
 
box-sizing: border-box;
−
border: 1px solid #a2a9b1;
+
border: none !important;
 
width: 100%;
 
width: 100%;
 
clear: both;
 
clear: both;
Line 443: Line 457:     
.wikitable > tr > th, .wikitable > * > tr > th {
 
.wikitable > tr > th, .wikitable > * > tr > th {
−
    background-color: rgba(14, 6, 30, 0) !important;
   
     text-align: center;
 
     text-align: center;
 
}
 
}
    
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
 
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
−
    border: 1px solid #8D79BE;
   
     padding: 0.2em 0.4em;
 
     padding: 0.2em 0.4em;
 
}
 
}
Line 536: Line 548:  
     margin-left: 0;
 
     margin-left: 0;
 
     margin-right: 0;
 
     margin-right: 0;
 +
}
 +
 +
.mw-mmv-image img.gif, .mw-mmv-image img.png, .mw-mmv-image img.svg, .mw-mmv-image img.tiff, .mw-mmv-image img.tif {
 +
    background: none;
 +
}
 +
 +
html .thumbimage {
 +
    background: none !important;
 +
    border:none !important;
 +
}
 +
@media only screen and (max-width: 900px) {
 +
div.tright, div.floatright, table.floatright {
 +
    clear: right;
 +
    float: none;
 +
}}
 +
 +
div.tright, div.floatright, table.floatright {
 +
    clear: right;
 +
    float: right;
 +
}
 +
 +
.mw-parser-output .mod-gallery .whitebg .thumb {
 +
    background: #fff0 !important;
 +
 +
}
 +
 +
li.gallerybox div.thumb {
 +
    border: none;
 +
    background: none !important;
 
}
 
}
   Line 541: Line 582:     
.infobox {
 
.infobox {
−
     border: 1px solid #8D79BE;
+
     border: none !important;
−
    border-spacing: 3px;
   
     background-color: none;
 
     background-color: none;
 
     color: #FFFFFF;
 
     color: #FFFFFF;
Line 567: Line 607:  
float: none;
 
float: none;
 
background-color: transparent;
 
background-color: transparent;
 +
}
 +
 +
th.infobox-label{
 +
background-color: transparent !important;
 
}
 
}
   Line 593: Line 637:  
/* @noflip */
 
/* @noflip */
 
text-align: left;
 
text-align: left;
 +
        font-weight: 500;
 
}
 
}
   Line 631: Line 676:  
border-collapse: collapse;
 
border-collapse: collapse;
 
}
 
}
 +
    
/* TODO split definitions to appropriate class names when live from HTML element */
 
/* TODO split definitions to appropriate class names when live from HTML element */
 
.infobox.bordered td,
 
.infobox.bordered td,
 
.infobox.bordered th {
 
.infobox.bordered th {
−
border: 1px solid #a2a9b1;
+
border: none !important;
 
}
 
}
   Line 820: Line 866:  
.hlist li ol > li:first-child:before {
 
.hlist li ol > li:first-child:before {
 
content: " (" counter(listitem) "\a0";
 
content: " (" counter(listitem) "\a0";
 +
}
 +
@media only screen and (max-width: 900px) {
 +
.client-js .collapsible-block.open-block {
 +
    /* display: block; */
 +
    display: inline-flex;
 +
    flex-direction: column-reverse;
 +
}}
 +
 +
.client-js .collapsible-block.open-block {
 +
display: block;
 
}
 
}
    +
@media only screen and (max-width: 900px) {
 +
section #mf-section-0
 +
{
 +
display: inline-flex;
 +
    flex-direction: column;
 +
}
 +
}
    
/* Normal font styling for wikitable row headers with scope="row" tag */
 
/* Normal font styling for wikitable row headers with scope="row" tag */
Line 845: Line 908:  
.wikitable.hlist td dl {
 
.wikitable.hlist td dl {
 
text-align: inherit;
 
text-align: inherit;
 +
}
 +
 +
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
 +
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
 +
border: none;
 +
/* @noflip */
 +
padding: 0.25em 0.9em;    /* 0.9em left/right */
 +
width: 100%;              /* Make all mboxes the same width regardless of text length */
 +
}
 +
 +
td.mbox-image {                /* The left image cell */
 +
border: none;
 +
/* @noflip */
 +
padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 +
text-align: center;
 +
}
 +
 +
td.mbox-imageright {          /* The right image cell */
 +
border: none;
 +
/* @noflip */
 +
padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
 +
text-align: center;
 +
}
 +
 +
td.mbox-empty-cell {          /* An empty narrow cell */
 +
border: none;
 +
padding: 0;
 +
width: 1px;
 +
}
 +
 +
/* Article message box styles */
 +
table.ambox {
 +
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 +
border: none !important;
 +
/* @noflip */
 +
border-left: 10px solid #36c;  /* Default "notice" blue */
 +
background-color: #fbfbfb;
 +
box-sizing: border-box;
 +
}
 +
 +
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 +
margin-top: -1px;
 +
}
 +
 +
.ambox th.mbox-text,
 +
.ambox td.mbox-text {            /* The message body cell(s) */
 +
padding: 0.25em 0.5em;      /* 0.5em left/right */
 +
}
 +
 +
.ambox td.mbox-image {          /* The left image cell */
 +
/* @noflip */
 +
padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 +
}
 +
 +
.ambox td.mbox-imageright {      /* The right image cell */
 +
/* @noflip */
 +
padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 +
}
 +
 +
table.ambox-notice {
 +
/* @noflip */
 +
border-left: 10px solid #36c;      /* Blue */
 +
}
 +
 +
table.ambox-speedy {
 +
/* @noflip */
 +
border-left: 10px solid #b32424;    /* Red */
 +
background-color: #fee7e6;          /* Pink */
 +
}
 +
 +
table.ambox-delete {
 +
/* @noflip */
 +
border-left: 10px solid #b32424;    /* Red */
 +
}
 +
 +
table.ambox-content {
 +
/* @noflip */
 +
border-left: 10px solid #f28500;    /* Orange */
 +
}
 +
 +
table.ambox-style {
 +
/* @noflip */
 +
border-left: 10px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.ambox-move {
 +
/* @noflip */
 +
border-left: 10px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.ambox-protection {
 +
/* @noflip */
 +
border: none !important;    /* Gray-gold */
 +
}
 +
 +
/* Image message box styles */
 +
table.imbox {
 +
    /* margin: 4px 10%; */
 +
    border-collapse: collapse;
 +
    border: 3px solid #36c;
 +
    background-color: #fbfbfb;
 +
    box-sizing: border-box;
 +
}
 +
 +
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
 +
margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
 +
display: block;        /* Fix for webkit to force 100% width.  */
 +
}
 +
 +
.mbox-inside .imbox {      /* For imboxes inside other templates.  */
 +
margin: 4px;
 +
}
 +
 +
table.imbox-notice {
 +
border: 1px solid #36c;      /* Blue */
 +
}
 +
 +
table.imbox-speedy {
 +
border: 1px solid #b32424;    /* Red */
 +
background-color: #fee7e6;    /* Pink */
 +
}
 +
 +
table.imbox-delete {
 +
border: 1px solid #b32424;    /* Red */
 +
}
 +
 +
table.imbox-content {
 +
border: 1px solid #f28500;    /* Orange */
 +
}
 +
 +
table.imbox-style {
 +
border: 1px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.imbox-move {
 +
border: 3px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.imbox-protection {
 +
border: none !important;    /* Gray-gold */
 +
}
 +
 +
table.imbox-license {
 +
    border: 1px solid #ebc9ff !important;
 +
    background-color: #0e061ed1 !important;
 +
}
 +
 +
table.imbox-featured {
 +
border: 3px solid #cba135;    /* Brown-gold */
 +
}
 +
 +
/* Category message box styles */
 +
table.cmbox {
 +
margin: 3px 10%;
 +
border-collapse: collapse;
 +
border: none !important;
 +
background-color: #dfe8ff;    /* Default "notice" blue */
 +
box-sizing: border-box;
 +
}
 +
 +
table.cmbox-notice {
 +
background-color: #d8e8ff;    /* Blue */
 +
}
 +
 +
table.cmbox-speedy {
 +
margin-top: 4px;
 +
margin-bottom: 4px;
 +
border: 4px solid #b32424;    /* Red */
 +
background-color: #ffdbdb;    /* Pink */
 +
}
 +
 +
table.cmbox-delete {
 +
background-color: #ffdbdb;    /* Pink */
 +
}
 +
 +
table.cmbox-content {
 +
background-color: #ffe7ce;    /* Orange */
 +
}
 +
 +
table.cmbox-style {
 +
background-color: #fff9db;    /* Yellow */
 +
}
 +
 +
table.cmbox-move {
 +
background-color: #e4d8ff;    /* Purple */
 +
}
 +
 +
table.cmbox-protection {
 +
background-color: #efefe1;    /* Gray-gold */
 +
}
 +
 +
/* Other pages message box styles */
 +
table.ombox {
 +
margin: 4px 10%;
 +
border-collapse: collapse;
 +
border: none !important;    /* Default "notice" gray */
 +
background-color: #f8f9fa;
 +
box-sizing: border-box;
 +
}
 +
 +
table.ombox-notice {
 +
border: none !important;    /* Gray */
 +
}
 +
 +
table.ombox-speedy {
 +
border: 2px solid #b32424;    /* Red */
 +
background-color: #fee7e6;    /* Pink */
 +
}
 +
 +
table.ombox-delete {
 +
border: 2px solid #b32424;    /* Red */
 +
}
 +
 +
table.ombox-content {
 +
border: 1px solid #f28500;    /* Orange */
 +
}
 +
 +
table.ombox-style {
 +
border: 1px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.ombox-move {
 +
border: 1px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.ombox-protection {
 +
border: none !important;    /* Gray-gold */
 +
}
 +
 +
/* Talk page message box styles */
 +
table.tmbox {
 +
margin: 4px 10%;
 +
border-collapse: collapse;
 +
border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 +
background-color: #f8eaba;
 +
min-width: 80%;
 +
box-sizing: border-box;
 +
}
 +
 +
.tmbox.mbox-small {
 +
min-width: 0;                /* reset the min-width of tmbox above        */
 +
}
 +
 +
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
 +
margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
 +
width: 100%;                /* For Safari and Opera */
 +
}
 +
 +
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 +
line-height: 1.5em;          /* also "nested", so reset styles that are  */
 +
font-size: 100%;            /* set in "mbox-small" above.                */
 +
}
 +
 +
table.tmbox-speedy {
 +
border: 2px solid #b32424;    /* Red */
 +
background-color: #fee7e6;    /* Pink */
 +
}
 +
 +
table.tmbox-delete {
 +
border: 2px solid #b32424;    /* Red */
 +
}
 +
 +
table.tmbox-content {
 +
border: 2px solid #f28500;    /* Orange */
 +
}
 +
 +
table.tmbox-style {
 +
border: 2px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.tmbox-move {
 +
border: 2px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.tmbox-protection,
 +
table.tmbox-notice {
 +
border: 1px solid #c0c090;    /* Gray-brown */
 +
}
 +
 +
/* Footer and header message box styles */
 +
table.fmbox {
 +
clear: both;
 +
margin: 0.2em 0;
 +
width: 100%;
 +
border: none !important;
 +
background-color: #f8f9fa;    /* Default "system" gray */
 +
box-sizing: border-box;
 +
}
 +
 +
table.fmbox-system {
 +
background-color: #f8f9fa;
 +
}
 +
 +
table.fmbox-warning {
 +
border: 1px solid #bb7070;  /* Dark pink */
 +
background-color: #ffdbdb;  /* Pink */
 +
}
 +
 +
table.fmbox-editnotice {
 +
background-color: transparent;
 +
}
 +
 +
.bannerlinkswrapper {
 +
display:inline-flex;
 +
flex-direction:row;
 +
flex-wrap: wrap
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 +
.bannerlinks{
 +
    margin-right: 5%;
 +
    margin-left: 5%;
 +
}
 +
 +
.bannerlinks,
 +
.mainpagecontent {
 +
display:inline-flex;
 +
flex-direction:row;
 +
}
 +
 +
.mw-parser-output {
 +
display:inherit
 +
}
 +
 +
@media only screen and (max-width: 900px) {
 +
.mw-parser-output {
 +
display:inline-flex;
 +
flex-direction:column;
 +
        align-items: start;
 +
}
 +
}
 +
 +
@media only screen and (max-width: 900px) {
 +
.mainpagecontent {
 +
display:inline-flex;
 +
flex-direction:column;
 +
}
 +
}
 +
 +
.gamepagelinks,
 +
.cosmeticlinks {
 +
display:inline-flex;
 +
flex-direction:row;
 +
flex-wrap: wrap;
 +
        justify-content: center;
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 +
#gamecontent
 +
{
 +
  width: 60%
 +
}
 +
 +
@media only screen and (max-width: 900px) {
 +
#gamecontent
 +
{
 +
  width: 100%
 +
}
 +
}
 +
 +
tbody{
 +
    background-color: rgba(14, 6, 30, 0.75);
 +
}
 +
 +
 +
.gamepagelink img,
 +
.cosmeticlink img,
 +
.platformlink img,
 +
.sociallink img  {
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 +
@media only screen and (max-width: 900px) {#mainbannerleft{display:none}#mainbannermiddle{width:60%}}
 +
#mainbannermiddle img {
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
@media only screen and (max-width: 900px) {
 +
.bannerlinkswrapper {
 +
flex-direction:column;
 +
}
 +
}
 +
@media screen and (max-width:1400px){#menucontent{font-size:12px}}
 +
@media screen and (max-width:1150px){th#sidebar,td#sidebar,td#mainbannerright{display:none}}
 +
 +
iframe .twitter-widget-0
 +
{
 +
    position: static !important;
 +
    visibility: visible !important;
 +
    display: inline-block !important;
 +
    width: 100% !important;
 +
    padding: 0px !important;
 +
    border: none !important;
 +
    margin-top: 0px !important;
 +
    margin-bottom: 0px !important;
 +
    max-height: 600px !important;
 +
}
 +
.timeline-Widget {
 +
    max-width: 30% !important;
 +
    background-color: rgba(14,6,30,0.75) !important;
 
}
 
}
Retrieved from "https://wiki.blaston.com/wiki/Special:MobileDiff/239...926"

Navigation menu