Difference between revisions of "MediaWiki:Mobile.css"

From Virtual Reality, Augmented Reality Wiki
Jump to: navigation, search
 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will affect users of the mobile site */
 
/* CSS placed here will affect users of the mobile site */
table.sweet1 td{
 
  border: 1px solid white;
 
  
 +
 +
/* 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;
 +
}
 +
 +
/*Remove the empty space from below the infobox */
 +
table.infobox {
 +
  margin-bottom: 0px!important;
 
}
 
}
  
sweet1 {
+
table.sweet1 td{
 
   border: 1px solid white;
 
   border: 1px solid white;
  margin: 0 0 -10 0;
 
  
 
}
 
}
Line 28: Line 41:
 
p.white {
 
p.white {
 
   color:#FFFFFF;
 
   color:#FFFFFF;
}
 
 
table {
 
  background: #FFFFFF;
 
  color: #000000;
 
  padding: 1px;
 
  margin: auto;
 
  margin-bottom: 3px;
 
}
 
 
table td, table th {
 
    border: 1px solid #000000;
 
    padding: 0px;
 
}
 
 
.radical {
 
  padding: 0;
 
  margin: 10px -10px 0 -10px;
 
 
 
}
 
 
table.sharp1 {
 
  table-layout: fixed;
 
  border-collapse: separate;
 
  border-spacing: 10px;
 
  margin: -10px 0 0 0;
 
  padding: 0;
 
  width: 100%;
 
 
}
 
}
  
Line 63: Line 48:
 
}
 
}
  
.dull1 {
+
table.sweet1 {
  border: 3px double #bbc2ca;
+
   margin: 0 0 0 0;
   margin: 0 0 10px 0;
 
  padding: 3px 6px;
 
  vertical-align: top;
 
}
 
  
.dull1 .heading {
 
  margin: 0 0 0px 0;
 
  padding: 5px 0 10px 0;
 
 
}
 
}
  
.dull1 .body {
+
/* Stub template style */
  height: 100%;
+
.stub {
  margin: 0 0 0 0;
+
    margin: 1px;
  padding: 5px 5px 0px 10px;
+
    text-align: center;
 +
    border-collapse: collapse;
 +
    border: 1px solid #aaa;
 +
    background: #DFE8FF;
 
}
 
}
  
.dull2 {
+
/*we don't want disqus on the main page*/
  border: 3px double #eab267;
+
.page-Main_Page #disqus-wrapper {
  margin: 0 0 10px 0;
+
    display:none!important;
  padding: 3px 6px;
 
  vertical-align: top;
 
 
}
 
}
  
.dull2 .heading {
+
/*Show only mobile ad code on mobile*/
  margin: 0 0 0px 0;
+
.nomobile{
  padding: 5px 0 10px 0;
+
display:none!important;
}
 
 
 
.dull2 .body {
 
  height: 100%;
 
  margin: 0 0 0 0;
 
  padding: 5px 5px 0px 10px;
 
 
}
 
}

Latest revision as of 02:48, 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;
}

/*Remove the empty space from below the infobox */
table.infobox {
  margin-bottom: 0px!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;
}