Changes

MediaWiki:Common.css

188 bytes added, 17: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; }
/* CSS Responsive Gallery */
.wrap galleryItem { overflow float: hiddenleft; width: 16%; margin: 10px 2% 2% 50px 2%;
}
.box { float@media only screen and (max-width : left;940px), positiononly screen and (max-device-width : relative;940px){ .galleryItem {width: 20%; padding-bottom: 2021%;}
}
.boxInner { position@media only screen and (max-width : absolute;720px), leftonly screen and (max-device-width : 10px;720px){ right .galleryItem {width: 10px; top: 10px; bottom: 10px; overflow: hidden29.33333%;}
}
.boxInner img @media only screen and (max-width : 530px),only screen and (max-device-width : 530px){ .galleryItem {width: 10046%;}
}
.boxInner .titleBox { position: absolute; bottom: 0; left: 0; right: 0; margin@media only screen and (max-bottomwidth : -50px;320px), background: #000; background: rgbaonly screen and (0, 0, 0, 0.5); color: #FFF; padding: 10px; textmax-align: center; device-webkit-transitionwidth : all 0.3s ease-out;320px){ -moz-transition: all 0 .3s ease-out; -o-transitiongalleryItem {width: all 0.3s ease-out96%;} transition: all 0.3s ease-out;
}
 @media only screen and (max-width : 480px420px) { /* Smartphone view: 1 tile */ .box MenuBox { width display: 100%block; padding-bottom width: 100%; }}@media only screen and (max-width : 650px) and (min-width : 481px) { /* Tablet view: 2 tiles */ .box MenuBox2 { widthdisplay: 50%; paddingtable-bottom: 50%caption; }}@media only screen and (max-width : 1050px) and (min-width : 651px) { /* Small desktop / ipad view: 3 tiles */ .box MenuBox1 { widthdisplay: 33.3%; paddingtable-bottom: 33.3%; }}@media only screen and (maxfooter-width : 1290px) and (min-width : 1051px) { /* Medium desktop: 4 tiles */ .box { width: 25%; padding-bottom: 25%group; }
}
 
/* CSS Responsive Gallery END*/
* @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{
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]]