Changes

Jump to navigation Jump to search

MediaWiki:Mobile.css (view source)

Revision as of 12:47, 23 July 2021

13,037 bytes added ,  12:47, 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 246: Line 245:  
   
 
   
 
}
 
}
−
 
+
.suggestions-special {
 +
    position: relative;
 +
    background-color: #fff;
 +
    cursor: pointer;
 +
  border: none !important;
 +
    margin: 0;
 +
    margin-top: -2px;
 +
    display: none;
 +
    padding: 0.25em 0.25em;
 +
    line-height: 1.25em;
 +
    background-color: #0E061E !important;
 +
}
 
.oo-ui-buttonElement-button{
 
.oo-ui-buttonElement-button{
 
     font-size: 1em !important;  
 
     font-size: 1em !important;  
Line 335: Line 345:  
     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;
 +
}
 +
 +
/* Default style for navigation boxes */
 +
.navbox {                    /* Navbox container style */
 +
box-sizing: border-box;
 +
border: none !important;
 +
width: 100%;
 +
clear: both;
 +
font-size: 88%;
 +
text-align: center;
 +
padding: 1px;
 +
margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */
 +
}
 +
 +
.navbox .navbox {
 +
margin-top: 0;            /* No top margin for nested navboxes */
 +
}
 +
 +
.navbox + .navbox {
 +
margin-top: -1px;        /* Single pixel border between adjacent navboxes */
 +
}
 +
 +
.navbox-inner,
 +
.navbox-subgroup {
 +
width: 100%;
 +
}
 +
 +
.navbox-group,
 +
.navbox-title,
 +
.navbox-abovebelow {
 +
padding: 0.25em 1em;      /* Title, group and above/below styles */
 +
line-height: 1.5em;
 +
text-align: center;
 +
}
 +
 +
th.navbox-group {            /* Group style */
 +
white-space: nowrap;
 +
/* @noflip */
 +
text-align: right;
 +
}
 +
 +
.navbox,
 +
.navbox-subgroup {
 +
background-color: #fdfdfd; /* Background color */
 +
}
 +
 +
.navbox-list {
 +
line-height: 1.5em;
 +
border-color: #fdfdfd;    /* Must match background color */
 +
}
 +
 +
/* cell spacing for navbox cells */
 +
tr + tr > .navbox-abovebelow,
 +
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 */
 +
}
 +
 +
.navbox th,
 +
.navbox-title {
 +
background-color: #ccccff;      /* Level 1 color */
 +
}
 +
 +
.navbox-abovebelow,
 +
th.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
background-color: #ddddff;      /* Level 2 color */
 +
}
 +
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
background-color: #e6e6ff;      /* Level 3 color */
 +
}
 +
 +
.navbox-even {
 +
background-color: #f7f7f7;      /* Even row striping */
 +
}
 +
 +
.navbox-odd {
 +
background-color: transparent;  /* Odd row striping */
 +
}
 +
 +
.navbox .hlist td dl,
 +
.navbox .hlist td ol,
 +
.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 */
 
}
 
}
    
.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 435: Line 546:  
     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;
 +
}
 +
 +
.mw-parser-output .mod-gallery .whitebg .thumb {
 +
    background: #fff0 !important;
 +
 +
}
 +
 +
li.gallerybox div.thumb {
 +
    border: none;
 +
    background: none !important;
 
}
 
}
   Line 440: Line 570:     
.infobox {
 
.infobox {
−
     border: 1px solid #8D79BE;
+
     border: none !important;
−
    border-spacing: 3px;
   
     background-color: none;
 
     background-color: none;
 
     color: #FFFFFF;
 
     color: #FFFFFF;
Line 466: Line 595:  
float: none;
 
float: none;
 
background-color: transparent;
 
background-color: transparent;
 +
}
 +
 +
th.infobox-label{
 +
background-color: transparent !important;
 
}
 
}
   Line 492: Line 625:  
/* @noflip */
 
/* @noflip */
 
text-align: left;
 
text-align: left;
 +
        font-weight: 500;
 
}
 
}
   Line 530: Line 664:  
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 609: Line 744:  
padding: 0;
 
padding: 0;
 
}
 
}
 +
 +
/* Style for horizontal lists (separator following item).
 +
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
 +
  @revision 8 (2016-05-21)
 +
  @author [[User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
/* Display list items inline */
 +
.hlist dd,
 +
.hlist dt,
 +
.hlist li {
 +
margin: 0; /* don't trust the note that says margin doesn't work with inline
 +
* removing margin: 0 makes dds have margins again */
 +
display: inline;
 +
}
 +
 +
/* Display nested lists inline */
 +
.hlist.inline,
 +
.hlist.inline dl,
 +
.hlist.inline ol,
 +
.hlist.inline ul,
 +
.hlist dl dl,
 +
.hlist dl ol,
 +
.hlist dl ul,
 +
.hlist ol dl,
 +
.hlist ol ol,
 +
.hlist ol ul,
 +
.hlist ul dl,
 +
.hlist ul ol,
 +
.hlist ul ul {
 +
display: inline;
 +
}
 +
 +
/* Hide empty list items */
 +
.hlist .mw-empty-li {
 +
display: none;
 +
}
 +
 +
/* Generate interpuncts */
 +
.hlist dt:after {
 +
content: ": ";
 +
}
 +
 +
/**
 +
* Note hlist style usage differs in Minerva and is defined in core as well!
 +
* Please check Minerva desktop (and Minerva.css) when changing
 +
* See https://phabricator.wikimedia.org/T213239
 +
*/
 +
.hlist dd:after,
 +
.hlist li:after {
 +
content: " · ";
 +
font-weight: bold;
 +
}
 +
 +
.hlist dd:last-child:after,
 +
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
content: none;
 +
}
 +
 +
/* Add parentheses around nested lists */
 +
.hlist dd dd:first-child:before,
 +
.hlist dd dt:first-child:before,
 +
.hlist dd li:first-child:before,
 +
.hlist dt dd:first-child:before,
 +
.hlist dt dt:first-child:before,
 +
.hlist dt li:first-child:before,
 +
.hlist li dd:first-child:before,
 +
.hlist li dt:first-child:before,
 +
.hlist li li:first-child:before {
 +
content: " (";
 +
font-weight: normal;
 +
}
 +
 +
.hlist dd dd:last-child:after,
 +
.hlist dd dt:last-child:after,
 +
.hlist dd li:last-child:after,
 +
.hlist dt dd:last-child:after,
 +
.hlist dt dt:last-child:after,
 +
.hlist dt li:last-child:after,
 +
.hlist li dd:last-child:after,
 +
.hlist li dt:last-child:after,
 +
.hlist li li:last-child:after {
 +
content: ")";
 +
font-weight: normal;
 +
}
 +
 +
/* Put ordinals in front of ordered list items */
 +
.hlist ol {
 +
counter-reset: listitem;
 +
}
 +
 +
.hlist ol > li {
 +
counter-increment: listitem;
 +
}
 +
 +
.hlist ol > li:before {
 +
content: " " counter(listitem) "\a0";
 +
}
 +
 +
.hlist dd ol > li:first-child:before,
 +
.hlist dt ol > li:first-child:before,
 +
.hlist li ol > li:first-child:before {
 +
content: " (" counter(listitem) "\a0";
 +
}
 +
    
/* Normal font styling for wikitable row headers with scope="row" tag */
 
/* Normal font styling for wikitable row headers with scope="row" tag */
Line 634: Line 881:  
}
 
}
   −
@media screen and (max-width:1600px){#mainbannerleft{display:none}#mainbannermiddle{width:60%}}
+
/* 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;
 +
}
 +
 
 +
@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 {
 
#mainbannermiddle img {
 
max-width: 100%;
 
max-width: 100%;
 
height: auto;
 
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:1400px){#menucontent{font-size:12px}}
 
@media screen and (max-width:1150px){th#sidebar,td#sidebar,td#mainbannerright{display:none}}
 
@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;
 +
}
Retrieved from "https://wiki.blaston.com/wiki/Special:MobileDiff/906"

Navigation menu