MediaWiki:Mobile.css: Difference between revisions

From AI Wiki
No edit summary
No edit summary
 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/*Do Not display elements with .nomobile class on Mobile*/
/*Do Not display elements with .nomobile class on Mobile*/
.nomobile {
 
   display:none!important;
/* Old Infobox template style - NOT WORKING on Mobile*/
.infobox {
  border: 1px solid #020202;
  background-color: #f9f9f9;
  color: black;
  margin-bottom: 0.5em;
  margin-left: 1em;
  padding: 0.2em;
  float: right;
  clear: right;
}
.infobox td,
.infobox th {
  vertical-align: top;
}
.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;
}
 
/* model infobox */
.model-infobox{
    position: relative;
    min-width: 300px;
    background: #fff;
    font-size: 0.923em;
    border: 1px solid #aaa;
    margin: 0 0 1em 1em;
    padding: 0;
 
}
 
.model-infobox p {
    padding: 5px 5px 5px 5px;
}
 
.model-infobox .heading {
    background-color: #878eb5 !important;
    font-family: EasonPro,"Times New Roman",serif !important;
    font-size: 1.417em !important;
    color: #fff !important;
    background-color: #444;
    text-shadow: rgba(0,0,0,0.75) 0 0 0.25em;
    line-height: 1.176em;
    font-size-adjust: 0.43;
    padding: 0.5em !important;
    font-weight: 700;
    background-image: url(/images/b/b3/Box_overlay.png) !important;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.25);
    border-bottom-width: 0;
    position: relative;
    z-index: 1;
    font-size-adjust: 0.52;
    margin: -1px -1px 5px !important;
}
 
.model-infobox .heading a {
    font-family: EasonPro,"Times New Roman",serif !important;    
    color: #fff !important;
}
 
.model-infobox-row {
  width: 100%;
  display: flex;
  flex-direction: row;
}
 
.model-infobox-cell {
  padding-left:10px;
  width: 50%;  
}
}


/* frontpage styles */
/* frontpage styles */
.frontpage.table {
.frontpage.table {
   margin-bottom: 20px;
   margin-bottom: 0.5rem;
   margin-left: -20px;
   margin-left: -1rem;
}
 
/* .table styles */
.table {
  border:1px solid #313235;
}
}


Line 13: Line 99:
/* remove header on main page (AI ML Wiki) */
/* remove header on main page (AI ML Wiki) */
body.page-AI_ML_Wiki header.mw-body-header {  
body.page-AI_ML_Wiki header.mw-body-header {  
  display: none;
}
body.page-AI_ML_Wiki h1#firstHeading {
   display: none;
   display: none;
}
}
Line 20: Line 109:
div.vector-sitenotice-container {  
div.vector-sitenotice-container {  
   display: none;
   display: none;
}

Latest revision as of 21:37, 14 June 2023

/*Do Not display elements with .nomobile class on Mobile*/

/* Old Infobox template style - NOT WORKING on Mobile*/
.infobox {
   border: 1px solid #020202;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.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;
}

/* model infobox */
.model-infobox{
    position: relative;
    min-width: 300px;
    background: #fff;
    font-size: 0.923em;
    border: 1px solid #aaa;
    margin: 0 0 1em 1em;
    padding: 0;

}

.model-infobox p {
    padding: 5px 5px 5px 5px;
}

.model-infobox .heading {
    background-color: #878eb5 !important;
    font-family: EasonPro,"Times New Roman",serif !important;
    font-size: 1.417em !important;
    color: #fff !important;
    background-color: #444;
    text-shadow: rgba(0,0,0,0.75) 0 0 0.25em;
    line-height: 1.176em;
    font-size-adjust: 0.43;
    padding: 0.5em !important;
    font-weight: 700;
    background-image: url(/images/b/b3/Box_overlay.png) !important;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.25);
    border-bottom-width: 0;
    position: relative;
    z-index: 1;
    font-size-adjust: 0.52;
    margin: -1px -1px 5px !important;
}

.model-infobox .heading a {
    font-family: EasonPro,"Times New Roman",serif !important;   
    color: #fff !important;
}

.model-infobox-row {
   width: 100%; 
   display: flex; 
   flex-direction: row; 
}

.model-infobox-cell {
   padding-left:10px;
   width: 50%; 
}

/* frontpage styles */
.frontpage.table {
  margin-bottom: 0.5rem;
  margin-left: -1rem;
}

/* .table styles */
.table {
  border:1px solid #313235;
}


/* remove header on main page (AI ML Wiki) */
body.page-AI_ML_Wiki header.mw-body-header { 
  display: none;
}
body.page-AI_ML_Wiki h1#firstHeading {
  display: none;
}


/* remove the empty space below the search bar and above the content  */
div.vector-sitenotice-container { 
  display: none;
}