MediaWiki:Mobile.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
 
(12 intermediate revisions by 2 users not shown)
Line 31: Line 31:


*/
*/
.mp-topbanner  {display: none;}


/* Hide the images */
/* Hide the images */
Line 193: Line 192:
.cnotice {
.cnotice {
margin-bottom: 0 !important;
margin-bottom: 0 !important;
}
/* Divs for changing the main page from tables to css */
.divTable{
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell, .divTableHead {
border: 0px solid #999999;
display: table-row;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}
/* Quote boxes */
.quotes {
    background: none repeat scroll 0 0 #F5FDFE;
    border: 1px solid #A8A8A8;
    margin-bottom: 10px;
    margin-left: 14px;
    padding: 6px;
    overflow: hidden;
}
/* Indented quotes without borders */
.indentedquotes {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;
}
/* Small text Refs at bottom right within quote boxes */
.quotes_ref {
    font-size: 85%;
    text-align: right;
}
/* Box for Core articles */
.core_box {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #AAAAAA;
    clear: both;
    float: right;
    font-size: 85%;
    margin: 15px;
    padding: 0.3em;
    width: 260px;
}
/* Site Tag line (top of each page under page title) */
#siteSub {
    display: inline;
    font-size: 85%;
    font-weight: normal;
    font-style: normal;
    text-align: right;
}
.simpleborder {
    border: 1px #aaaaaa solid;
    padding: 3px;
}
.center {
    text-align: center;
    width: 100%;
}
/* Used for {{main||}} template to out-dent and italicize, from Wikipedia */
.rellink, .dablink {
    font-style: italic;
    margin-bottom: 0.5em;
    padding-left: 1.6em;
}
/* Highlight text with yellow background without making a border. Can be used within Quote boxes as well */
.wiHighlight {
  background: #fff8cc;
  border-bottom: 1px solid #ffe222;
  padding-left: .3em;
  padding-right: .3em;
  font-weight: normal;
}
/* Portal articles */
.articleSummaryColumnsWrapper {
  margin: 0 .5em;
}
.articleSummaryColumnsWrapper .articleSummaryColumn {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
  right: -.5em;
}
.articleSummaryColumnsWrapper .articleSummaryColumn:first-child {
  left: -.5em;
}
.articleSummary {
  clear: both;
  margin: 1em 0;
  background: #FAF4E1;
  border: 3px solid #283763;
  -webkit-box-shadow: 0 50px 100px #EFDA9C inset, 0 1px 2px rgba(195, 205, 218, .6);
  -moz-box-shadow: 0 50px 100px #EFDA9C inset, 0 1px 2px rgba(195, 205, 218, .6);
  box-shadow: 0 50px 100px #EFDA9C inset, 0 1px 2px rgba(195, 205, 218, .6);
}
.articleSummary .articleSummaryInner {
  border: 1px solid white;
  padding: .3em 0;
}
.articleSummary .articleSummaryTitle {
  padding: .5em 1em 0 1em;
  margin-bottom: -.2em;
}
.articleSummary .articleSummaryTitle .articleSummaryTitleInner {
  font-size: 140%;
  margin: 0 -.3em;
  border-bottom: 1px dashed #C6D3E3;
  padding: 0 .3em .1em .3em;
}
.articleSummary .articleSummaryImage {
  float: left;
  width: 150px;
  margin: .7em 1em;
}
.articleSummary .articleSummaryImage:hover + .articleSummaryTitle a {
  text-decoration: underline;
}
.articleSummary .articleSummaryImage:active + .articleSummaryTitle a {
  color: #FAA700;
}
.articleSummary .articleSummaryText {
  padding: .7em 1em;
  color: #22262A;
}
.articleSummary .articleSummaryText ol {
  margin-left: 1.6em;
}
.articleSummary .articleSummaryEnding {
  clear: both;
}
.articleSummary .articleSummaryImage + .articleSummaryTitle + .articleSummaryText, .articleSummary .articleSummaryImage + .articleSummaryText {
  margin-left: 150px;
  padding-left: 2em;
}
@media screen and (min-width: 601px) and (max-width: 1110px) {
  .articleSummaryColumnsWrapper {
    margin: 0;
  }
  .articleSummaryColumnsWrapper .articleSummaryColumn {
    display: block;
    width: auto;
    vertical-align: top;
    position: static;
    right: 0;
  }
  .articleSummaryColumnsWrapper .articleSummaryColumn:first-child {
    left: 0;
  }
}
@media screen and (max-width: 600px) {
  .articleSummaryColumnsWrapper {
    margin: 0;
  }
  .articleSummaryColumnsWrapper .articleSummaryColumn {
    display: block;
    width: auto;
    vertical-align: top;
    position: static;
    right: 0;
  }
  .articleSummaryColumnsWrapper .articleSummaryColumn:first-child {
    left: 0;
  }
.articleSummaryImage {
    display: none;
}
.articleSummary .articleSummaryImage + .articleSummaryTitle + .articleSummaryText, .articleSummary .articleSummaryImage + .articleSummaryText {
  margin-left: 0px;
  padding-left: 2em;
}
}
/*
@media screen and (min-width: 1111px) and (max-width: 1340px) {
  .articleSummary .articleSummaryExtendedDescription {
    display: none;
  }
}
*/
/* Increase the default header sizes */
.mw-body-content h2 {
  font-size: 2.2em;
}
.mw-body h1, .mw-body-content h1 {
    font-size: 2.8em;
}
/* Force display of mobile menu */
.toctitle {
visibility: visible;  !important;
}
.toc {
display: table;  !important;
}
}