Difference between revisions of "MediaWiki:Common.css"

From diff.wiki
m (Protected "MediaWiki:Common.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
m
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
body {
 +
font-size:1.2em;
 +
}
  
 +
/** 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;
 +
padding: 0.45em 0.45em 0.45em 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 thead th {
 +
  text-align: left;
 +
padding: 6px;
 +
word-wrap: break-word;
 +
border-bottom: 2px solid #ededed;
 +
}
 +
 +
table thead th:first-child,table 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 thead th {
 +
        display: block;
 +
        width: 50%;
 +
        border-bottom: none;
 +
  }
 +
  table thead th:first-child,  table tbody td:first-child {
 +
        width: 100%;
 +
        border-top: 2px solid #ededed;
 +
  }
 +
  table thead th:first-child {
 +
        display: none;
 +
  }
 +
  th {
 +
    border-right: none;
 +
  }
 +
 +
}
 +
 +
/** Center homepage content **/
 +
@media screen and (min-width: 768px){
 +
body.page-Main_Page.action-view .mw-content-ltr {
 +
padding-left: 25%;
 +
    padding-right: 25%;
 +
    font-size: 1.25em;
 +
}
 +
}
 +
 +
/** Remove unused space on this size **/
 +
@media screen and (max-width: 1099px) and (min-width: 851px){
 +
    #mw-header-nav-hack {
 +
        display: none;
 +
        z-index: 0;
 +
    }
 +
 +
    #mw-content {
 +
        margin-top: 0em;
 +
    }
 +
}
 +
 +
/** Remove usertools icon on smalles screen widths **/
 +
@media screen and (max-width: 550px){
 +
#mw-header-container {
 +
    padding: 0em 0.45em 0.35em;
 +
}
 +
 +
#user-tools h2, .sidebar-chunk h2 {
 +
    display:none;
 +
}
 +
}
 +
 +
/** Align logo text **/
 +
@media screen and (min-width: 551px) and (max-width: 850px){
 +
#p-logo-text a {
 +
    margin-left: -2.1em;
 +
}
 +
}

Latest revision as of 22:35, 18 July 2020

body {
	font-size:1.2em;
}

/** 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;
	padding: 0.45em 0.45em 0.45em 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 thead th {
  text-align: left;
padding: 6px;
word-wrap: break-word;
border-bottom: 2px solid #ededed;
}

table thead th:first-child,table 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 thead th {
        display: block;
        width: 50%;
        border-bottom: none;
  }
  table thead th:first-child,  table tbody td:first-child {
        width: 100%;
        border-top: 2px solid #ededed;
  }
  table thead th:first-child {
        display: none;
  }
  th {
    border-right: none;
  }

}

/** Center homepage content **/
@media screen and (min-width: 768px){
	body.page-Main_Page.action-view .mw-content-ltr {
		padding-left: 25%;
	    padding-right: 25%;
	    font-size: 1.25em;
	}
}

/** Remove unused space on this size **/
@media screen and (max-width: 1099px) and (min-width: 851px){
    #mw-header-nav-hack {
        display: none;
        z-index: 0;
    }

    #mw-content {
        margin-top: 0em;
    }
}

/** Remove usertools icon on smalles screen widths **/
@media screen and (max-width: 550px){
	#mw-header-container {
	    padding: 0em 0.45em 0.35em;
	}

	#user-tools h2, .sidebar-chunk h2 {
	    display:none;
	}
}

/** Align logo text **/
@media screen and (min-width: 551px) and (max-width: 850px){
	#p-logo-text a {
	    margin-left: -2.1em;
	}
}