Difference between revisions of "MediaWiki:Common.css"

From The Viking Age Compendium
Jump to: navigation, search
(Created page with "→‎CSS placed here will be applied to all skins: <!-- No [view history] tab for users who can not edit --> <?php global $wgUser; if( !$wgUser->isAllowed('edit') ) { ?> ...")
 
m
 
(84 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 */
  
−
<!-- No [view history] tab for users who can not edit -->
+
body.page-Main_Page h1.firstHeading { display:none; }
−
<?php global $wgUser; if( !$wgUser->isAllowed('edit') ) { ?>
+
 
−
       <style type="text/css">
+
#ca-history { display:none!important; }
−
        #ca-history { display: none !important; }
+
/* #filehistory {display: none} */ /* Hides the "File history" header */
−
      </style>
+
/* .special {display: none}  */ /* Hides the Edit history */
−
     <?php } ?>
+
#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]]

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]]
Retrieved from ‘http://www.vikingage.org/wiki/index.php?title=MediaWiki:Common.css&oldid=16812’