Difference between revisions of "MediaWiki:Common.css"
From The Viking Age Compendium
m |
|||
(67 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | body.page-Main_Page h1.firstHeading { display:none; } | ||
#ca-history { display:none!important; } | #ca-history { display:none!important; } | ||
− | # | + | /* #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; } | ||
+ | |||
+ | /* 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), | ||
+ | only screen and (max-device-width : 940px){ | ||
+ | .galleryItem {width: 21%;} | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width : 720px), | ||
+ | only screen and (max-device-width : 720px){ | ||
+ | .galleryItem {width: 29.33333%;} | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width : 530px), | ||
+ | only screen and (max-device-width : 530px){ | ||
+ | .galleryItem {width: 46%;} | ||
+ | } | ||
+ | |||
+ | @media only screen and (max-width : 320px), | ||
+ | only screen and (max-device-width : 320px){ | ||
+ | .galleryItem {width: 96%;} | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | @media (max-width: 420px) { | ||
+ | .MenuBox { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .MenuBox2 { | ||
+ | display: table-caption; | ||
+ | } | ||
+ | |||
+ | .MenuBox1 { | ||
+ | display: table-footer-group; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* CSS Responsive Gallery END*/ | ||
+ | |||
+ | |||
+ | .tocnumber { display: none !important; } | ||
+ | .toc { width: 200px; } | ||
/* Allow limiting of which header levels are shown in a TOC; | /* Allow limiting of which header levels are shown in a TOC; | ||
Line 8: | Line 68: | ||
showing ==headings== and ===headings=== but no further | showing ==headings== and ===headings=== but no further | ||
(as long as there are no =headings= on the page, which | (as long as there are no =headings= on the page, which | ||
− | there shouldn't be according to the MoS). | + | there shouldn't be according to the MoS).*/ |
− | + | .toclimit-2 .toclevel-2, | |
− | .toclimit-2 .toclevel- | + | .toclimit-3 .toclevel-3, |
− | .toclimit-3 .toclevel- | + | .toclimit-4 .toclevel-4, |
− | .toclimit-4 .toclevel- | + | .toclimit-5 .toclevel-5, |
− | .toclimit-5 .toclevel- | + | .toclimit-6 .toclevel-6, |
− | .toclimit-6 .toclevel- | + | .toclimit-7 .toclevel-7 { display: none; } |
− | .toclimit-7 .toclevel- | + | |
− | + | ||
− | } | + | |
+ | #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]] | /*Add this text at the end of [[Mediawiki:Commons.css]] | ||
− | /*For HarvardReferences extension*/ | + | /*For HarvardReferences extension */ |
.harvVisitedLink { | .harvVisitedLink { | ||
background-color: #AAAAAA; | background-color: #AAAAAA; | ||
Line 35: | Line 98: | ||
background-color: #DDEEFF; | background-color: #DDEEFF; | ||
} | } | ||
+ | |||
+ | /* CSS Hover Gallery for Mediawiki | ||
+ | * | ||
+ | * @author: Unknown | ||
+ | * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia] | ||
+ | |||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .zoom_img img:hover{ | ||
+ | -moz-transform:scale(2); | ||
+ | -webkit-transform:scale(2); | ||
+ | -o-transform:scale(2); | ||
+ | transform:scale(2); | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | /* Size External Images */ | ||
+ | .externalimage-holder { | ||
+ | position: relative; | ||
+ | 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 { | ||
+ | width: 100%; | ||
+ | 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:59, 5 May 2017
/* CSS placed here will be applied to all skins */ body.page-Main_Page h1.firstHeading { display:none; } #ca-history { display:none!important; } /* #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; } /* 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), only screen and (max-device-width : 940px){ .galleryItem {width: 21%;} } @media only screen and (max-width : 720px), only screen and (max-device-width : 720px){ .galleryItem {width: 29.33333%;} } @media only screen and (max-width : 530px), only screen and (max-device-width : 530px){ .galleryItem {width: 46%;} } @media only screen and (max-width : 320px), only screen and (max-device-width : 320px){ .galleryItem {width: 96%;} } @media (max-width: 420px) { .MenuBox { display: block; width: 100%; } .MenuBox2 { display: table-caption; } .MenuBox1 { display: table-footer-group; } } /* CSS Responsive Gallery END*/ .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 { background-color: #FFFF00; } .harvNone { background-color: inherit; } .harvBackground { background-color: #DDEEFF; } /* CSS Hover Gallery for Mediawiki * * @author: Unknown * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia] .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; } .zoom_img img:hover{ -moz-transform:scale(2); -webkit-transform:scale(2); -o-transform:scale(2); transform:scale(2); } */ /* Size External Images */ .externalimage-holder { position: relative; 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 { width: 100%; 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]]