Jump to content

MediaWiki:Mobile.css: Difference between revisions

From VR & AR Wiki
No edit summary
No edit summary
Line 7: Line 7:
}
}


 
/* give some padding to the infobox field names on mobile */
/* Old Infobox template style - NOT WORKING on Mobile*/
table.infobox tr td:nth-child(1) {
.infobox {
  padding: 5px!important;
  border: 1px solid #020202;
  padding-left: 10px!important;
  background-color: #f9f9f9;
  padding-right: 10px!important;
  color: black;
  margin-bottom: 0.1em!important;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
}
.infobox td,
.infobox th,
.infobox tr,
.infobox tbody {
  vertical-align: top; 
}
.content .infobox tbody > tr > td, .content .infobox tbody > tr > th{
  flex: inherit!important;
  border-bottom:none!important;
}
 
.infobox  tr  th{
  text-align:center!important;
}
 
 
.infobox tbody > tr {
  border-bottom:1px solid #eaecf0!important;
}
.infobox caption {
  font-size: larger;
  margin-left: inherit;
}
.infobox.bordered {
  border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
  border: 1px solid #020202;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
  border: 0;
}
}



Revision as of 02:07, 15 September 2023

/* CSS placed here will affect users of the mobile site */


/* center the infobox on mobile */
table.infobox tr th{
   text-align:center!important;
}

/* give some padding to the infobox field names on mobile */
table.infobox tr td:nth-child(1) {
  padding: 5px!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
}



table.sweet1 td{
  border: 1px solid white;

}

.XinReality1 {
    background:#939aa4;
    background:linear-gradient(to bottom, #939aa4 0%, #bbc2ca  100%);
}
 
.XinReality2 {
    background:#254b72;
    background:linear-gradient(to bottom, #254b72 0%, #6f97b0  100%);
}
 
.XinReality3 {
    background:#eab267;
    background:linear-gradient(to bottom, #e5a145 0%, #f8d281  100%);
}
 
p.white {
   color:#FFFFFF;
}

.superheader {
    border: 3px double #bbc2ca;
    padding: 7px;
}

table.sweet1 {
  margin: 0 0 0 0;

}

/* Stub template style */
.stub {
    margin: 1px;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;
}

/*we don't want disqus on the main page*/
.page-Main_Page #disqus-wrapper {
    display:none!important;
}

/*Show only mobile ad code on mobile*/
.nomobile{
display:none!important;
}