MediaWiki:Common.css

From Helminthic Therapy wiki
Revision as of 12:13, 7 April 2018 by Robert (talk | contribs)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* 23/12/2016 Robert: Hide title on home page Main_Page */ 
/* body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } */

/* 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; }

/* W3School style roll over effects (used by breadcrumb) 
*/
.xdropbtn { padding:0px 2px 0px 2px; border: none; cursor: pointer; border-bottom:1px dashed #cccccc; }
.xdropdown { position: relative; display: inline-block; }
.xdropdown-content { display: none; position: absolute; background-color: #f9f9f9;min-width:150px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.xdropdown:hover .xdropdown-content { display: block; }
.xdropdown:hover .xdropbtn {background-color: #D3EAFF }

.xdropdown-content a {color:black; padding:1px 2px 3px 16px; text-decoration: none; display: block; }
.xdropdown-content a:hover {background-color:#99CEFF}

/* .xMsgBox:hover { display: block; } */

/* Original */
.dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { display: none; position: absolute; background-color: #f9f9f9;min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropbtn {background-color: #3e8e41; }

/* Clear floats after the columns */
.rowAfter:after {
    content: "";
    display: table;
    clear: both;
}

/* Home page column layout */
.htcolumn {
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.htcolumn.desc {
    width: 33.33%;
}

.htcolumn.textcol {
    width: 33.33%;
}

@media screen and (max-width: 600px) {
    .htcolumn.desc, .htcolumn.col {
        width: 100%;
    }
}


/* CSS Image Slideshow on Home page
*/
.cssSlider    {margin: 0px 10px 0px 0px; width: 100%; height: 100px; overflow: hidden; border: 0px solid #666; background-color:#333333;}
.sliderImages {min-width: 3381px; width: 3381px; height: 100px; overflow: hidden;    

	/* animation duration: 22s = total time = each image display time  + each transition time */
	animation: slide 22s infinite;
	-moz-animation: slide 22s infinite;
	-webkit-animation: slide 22s infinite;
	-o-animation: slide 22s infinite;
}



@keyframes slide{
	0%{margin-left: 0px;}
	25%{margin-left: 0px;}
	50%{margin-left: -574px;}
	75%{margin-left: -574px;}
	100%{margin-left: 0px;}
}


@-moz-keyframes slide{
	0%{margin-left: 0px;}
	25%{margin-left: 0px;}
	50%{margin-left: -574px;}
	75%{margin-left: -574px;}
	100%{margin-left: 0px;}
}

@-webkit-keyframes slide{
	0%{margin-left: 0px;}
	25%{margin-left: 0px;}
	50%{margin-left: -574px;}
	75%{margin-left: -574px;}
	100%{margin-left: 0px;}
}

@-o-keyframes slide{
	0%{margin-left: 0px;}
	25%{margin-left: 0px;}
	50%{margin-left: -574px;}
	75%{margin-left: -574px;}
	100%{margin-left: 0px;}
}