Difference between revisions of "MediaWiki:Common.css"

From diff.wiki
Line 27: Line 27:
 
     overflow: hidden;
 
     overflow: hidden;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 +
}
 +
 +
 +
 +
* {
 +
  box-sizing: border-box;
 +
}
 +
 +
table {
 +
  width: 100%;
 +
}
 +
 +
table tbody td,table#difieretable thead th {
 +
  text-align: left;
 +
padding: 6px;
 +
word-wrap: break-word;
 +
border-bottom: 2px solid #ededed;
 +
}
 +
 +
table thead th:first-child,table#difieretable tbody td:first-child {
 +
  font-weight: bold;
 +
color: black;
 +
}
 +
 +
@media screen and (max-width: 768px) {
 +
  table tr {
 +
        display: flex;
 +
        flex-flow: row wrap;
 +
        justify-content: space-around;
 +
  }
 +
  table tbody td,  table#difieretable thead th {
 +
        display: block;
 +
        width: 50%;
 +
        border-bottom: none;
 +
  }
 +
  table thead th:first-child,  table#difieretable tbody td:first-child {
 +
        width: 100%;
 +
        border-top: 2px solid #ededed;
 +
  }
 +
  table thead th:first-child {
 +
        display: none;
 +
  }
 
}
 
}

Revision as of 18:37, 18 July 2020

/** Hide sidebar **/
div#mw-site-navigation {
  display: none;
}

div#mw-related-navigation {
  display: none;
}

#left-navigation {
  left: 1em;
}
#mw-head-base,
div#content,
div#footer {
  margin-left: 1em;
}


#mw-content, #content-bottom-stuff { margin-left: 0em; }

body.page-Main_Page.action-view h1.firstHeading, body.page--Main_Page.action-submit h1.firstHeading { display: none; }

.tools-inline li a {
    text-indent: -99999px;
    width: 20px;
    overflow: hidden;
    box-sizing: border-box;
}



* {
  box-sizing: border-box;
}

table {
  width: 100%;
}

table tbody td,table#difieretable thead th {
  text-align: left;
padding: 6px;
word-wrap: break-word;
border-bottom: 2px solid #ededed;
}

table thead th:first-child,table#difieretable tbody td:first-child {
  font-weight: bold;
color: black;
}

@media screen and (max-width: 768px) { 
  table tr {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
  }
  table tbody td,  table#difieretable thead th {
        display: block;
        width: 50%;
        border-bottom: none;
  }
  table thead th:first-child,  table#difieretable tbody td:first-child {
        width: 100%;
        border-top: 2px solid #ededed;
  }
  table thead th:first-child {
        display: none;
  }
}