Difference between revisions of "MediaWiki:Common.css"

From Regiapædia
Jump to: navigation, search
(Emergency styling so meny is readable!)
 
(107 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
/* CSS placed here will be applied to all skins */
+
/*
  
−
body.page-Main_Page h1.firstHeading { display:none; }
+
Common CSS for all skins
  
−
/*#ca-history { display:none!important; } */
+
See https://phabricator.wikimedia.org/M82 for standard colors
−
/* #filehistory {display: none} */ /* Hides the "File history" header */
 
−
/* .special {display: none}  */ /* Hides the Edit history */
 
−
#metadata {display: none} /* Hides the "Metadata" header */
 
−
#mw_metadata {display: none} /* Hides the Metadata graph */
 
  
−
#ca-talk { display:none!important; }
+
*/
 +
* {
 +
box-sizing: border-box;
 +
}
 +
.clear{
 +
clear:both;
 +
}
 +
html, body {
 +
  width: 100vw;
 +
  min-height: 100vh;
 +
  margin: 0;
 +
  padding: 0;
 +
  min-width:320px;
 +
}
  
−
/* Hides Mobile only elements */
 
−
#mf-HideOnDesktop { display: none; }
 
  
−
/* CSS Responsive Gallery */
 
−
.galleryItem {
 
−
float: left;
 
−
width: 16%;
 
−
margin:  2% 2% 50px 2%;
 
−
}
 
  
−
@media only screen and (max-width : 940px),
+
table, th, td {
−
only screen and (max-device-width : 940px){
+
    border: 1px solid darkgray;
−
.galleryItem {width: 21%;}
+
    padding: 1px;
 +
    margin: 6px 0;
 +
    margin-left: auto;
 +
    margin-right: auto;
 
}
 
}
−
+
caption {
−
@media only screen and (max-width : 720px),
+
font-weight:bold;
−
only screen and (max-device-width : 720px){
+
text-align:left;
−
.galleryItem {width: 29.33333%;}
 
 
}
 
}
−
+
body {
−
@media only screen and (max-width : 530px),
+
overflow-y: scroll;
−
only screen and (max-device-width : 530px){
+
display: grid;
−
.galleryItem {width: 46%;}
+
background-color: #080808;
 +
color:#fff;
 +
font-size:14px;
 +
font-family:tahoma,helvetica,sans-serif;
 
}
 
}
−
+
 
−
@media only screen and (max-width : 320px),
+
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
−
only screen and (max-device-width : 320px){
+
  /* IE-only styles here. Works for IE10 & IE11*/
−
.galleryItem {width: 96%;}
+
html, body {
−
+
background-color: #FFFFD5;
 +
width:100%;
 +
}
 +
.quicklink {
 +
display:block!important;
 +
}
 
}
 
}
  
−
 
+
header {
−
@media (max-width: 420px) {
+
grid-area: header;
−
    .MenuBox {
+
background:linear-gradient(#000 85%,#ffffd5 100%);
−
        display: block;
+
min-height: 100px;
−
        width: 100%;
+
padding-bottom:15px;
−
    }
 
−
 
 
−
    .MenuBox2 {
 
−
      display: table-caption;
 
−
    }
 
−
 
 
−
    .MenuBox1 {
 
−
      display: table-footer-group;
 
−
    }
 
 
}
 
}
−
 
+
.megamenu_container {
−
/* CSS Responsive Gallery END*/
+
background:#000!important;
−
 
 
−
 
 
−
.tocnumber { display: none !important; }
 
−
.toc { width: 200px; }
 
−
 
 
−
/* Allow limiting of which header levels are shown in a TOC;
 
−
  <div class="toclimit-3">, for instance, will limit to
 
−
  showing ==headings== and ===headings=== but no further
 
−
  (as long as there are no =headings= on the page, which
 
−
  there shouldn't be according to the MoS).*/
 
−
.toclimit-2 .toclevel-2,
 
−
.toclimit-3 .toclevel-3,
 
−
.toclimit-4 .toclevel-4,
 
−
.toclimit-5 .toclevel-5,
 
−
.toclimit-6 .toclevel-6,
 
−
.toclimit-7 .toclevel-7 { display: none; }
 
−
 
 
−
#toc { float:right };
 
−
 
 
−
#footer-places-Privacy_policy { display:none;}
 
−
#footer-places-disclaimer { display:none;}
 
−
#footer-places-about { display:none;}
 
−
 
 
−
.hidden {display:none}
 
−
 
 
−
/*Add this text at the end of [[Mediawiki:Commons.css]]
 
−
/*For HarvardReferences extension */
 
−
.harvVisitedLink {  
 
−
background-color: #AAAAAA;
 
 
}
 
}
−
.harvReferenceLink {  
+
.megamenu {
−
background-color: #FFFF00;
+
text-align:center;
 
}
 
}
−
.harvNone {  
+
.megamenu li {
−
background-color: inherit;
+
display:inline;
 +
text-align:center;
 
}
 
}
−
.harvBackground {  
+
.megamenu a {
−
background-color: #DDEEFF;
+
color:white;
 
}
 
}
−
 
+
main {
−
/* CSS Hover Gallery for Mediawiki
+
background-color: #ffffd5;
−
*
+
grid-area: main;
−
* @author: Unknown
+
color: #000;
−
* current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
+
overflow:hidden;
−
 
 
−
 
 
−
.zoom_img img{
 
−
-moz-transition:-moz-transform 0.1s ease-in;  
 
−
-webkit-transition:-webkit-transform 0.1s ease-in;  
 
−
-o-transition:-o-transform 0.1s ease-in;
 
−
transition:transform 0.1 ease-in;
 
 
}
 
}
−
 
+
footer {
−
.zoom_img img:hover{
+
grid-area: footer;
−
-moz-transform:scale(2);  
+
    background: linear-gradient(#ffffd5 0%,#000 15%);
−
-webkit-transform:scale(2);
+
    min-height: 100px;
−
-o-transform:scale(2);
+
    display: grid;
−
transform:scale(2);
+
    padding: 50px 20px 10px;
 +
    color: white;
 +
text-align: center;
 
}
 
}
−
*/
+
footer a {
−
 
+
display:block;
−
/* Size External Images */
+
color:white;
−
.externalimage-holder {
+
text-decoration:none;
−
    position: relative;
+
padding: 0 0 1.6em;
−
    height: auto;
 
−
    float: left;
 
−
    border-radius: 10px;
 
−
    -moz-border-radius: 10px;
 
−
    -webkit-border-radius: 10px;
 
−
    -khtml-border-radius: 10px;
 
−
    -icab-border-radius: 10px;
 
−
    -o-border-radius: 10px;
 
−
    color: #ffffff;
 
−
    background: green;  
 
−
    text-align:center;  
 
−
    margin: 0 0 10px 10px;
 
 
}
 
}
−
.externalimage-holder img {
+
footer a:hover {
−
    width: 100%;
+
color:yellowgreen;
−
    height: inherit;
 
−
    border-radius: 10px;
 
−
    -moz-border-radius: 10px;
 
−
    -webkit-border-radius: 10px;
 
−
    -khtml-border-radius: 10px;
 
−
    -icab-border-radius: 10px;
 
−
    -o-border-radius: 10px;
 
−
    float: left;
 
−
   
 
 
}
 
}
−
[[Category:Wiki]]
 

Latest revision as of 18:26, 17 October 2021

/*

Common CSS for all skins

See https://phabricator.wikimedia.org/M82 for standard colors

*/
* {
	box-sizing: border-box;
}
.clear{
	clear:both;
}
html, body {
  width: 100vw;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  min-width:320px;
}



table, th, td {
    border: 1px solid darkgray;
    padding: 1px;
    margin: 6px 0;
    margin-left: auto;
    margin-right: auto;
}
caption {
	font-weight:bold;
	text-align:left;
}
body {
	overflow-y: scroll;
	display: grid;
	background-color: #080808;
	color:#fff;
	font-size:14px;
	font-family:tahoma,helvetica,sans-serif;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE-only styles here. Works for IE10 & IE11*/
	html, body {
		background-color: #FFFFD5;
		width:100%;
	}
	.quicklink {
		display:block!important;
	}
}

header {
	grid-area: header;
	background:linear-gradient(#000 85%,#ffffd5 100%);
	min-height: 100px;
	padding-bottom:15px;
}
.megamenu_container {
	background:#000!important;
}
.megamenu {
	text-align:center;
}
.megamenu li {
	display:inline;
	text-align:center;
}
.megamenu a {
	color:white;
}
main {
	background-color: #ffffd5;
	grid-area: main;
	color: #000;
	overflow:hidden;
}
footer {
	grid-area: footer;
    background: linear-gradient(#ffffd5 0%,#000 15%);
    min-height: 100px;
    display: grid;
    padding: 50px 20px 10px;
    color: white;
	text-align: center;
}
footer a {
	display:block;
	color:white;
	text-decoration:none;
	padding: 0 0 1.6em;
}
footer a:hover {
	color:yellowgreen;
}
Retrieved from "https://wiki.regia.org/index.php?title=MediaWiki:Common.css&oldid=5612"