MediaWiki:Wikia.css

/* overview pages styling*/

.polaroid { position:relative; width:160px; display:inline-block; }

.locationphoto { position:relative; width:160px; display:inline-block; }

.btschar { position:relative; width:200px; display:inline-block; }

.polaroid-pic { position: absolute; bottom: 37px; left: 8px; }

.locationphoto-pic { position: absolute; bottom: 78px; left: 60px; z-index:-1; }

.btschar-pic { position:absolute; bottom:60px; left:32px; }

.hoverzoom { transition: all 0.2s ease; margin:1em; } .hoverzoom:hover { transform:scale(1.1, 1.1) translateY(-10px); } .hoverzoom:hover a { text-decoration:underline; }

.polaroid-text { position:absolute; bottom:2px; font-size:17px; font-family:'Coming Soon Regular', cursive; font-weight:bold; width:100%; text-align:center; margin:-8px; }

.locationphoto-text { position:absolute; bottom:15px; left:50px; font-size:14px; font-family:'Coming Soon Regular', cursive; font-weight:bold; width:100px; height:20px; text-align:center; margin:0px; }

.btschar-text { position:absolute; bottom:22px; left:32px; font-size:18px; font-family:'Coming Soon Regular', cursive; font-weight:bold; text-align:left; width:160px; height:20px; margin:0px; } .polaroid-pic img { width:143px; height:146px; object-fit:cover; object-position: 50% 0px; }

.locationphoto-pic img { width:175px; height:98px; object-fit:cover; }

.btschar-pic img { width:148px; height:170px; object-fit:cover; object-position: 50% 0px; }

/*Image Hover Tooltip */ .lightbox-caption, figcaption { position:relative; }

.wikia-gallery-item:hover .img-hover-tooltip, .article-thumb:hover .img-hover-tooltip { opacity:1; visibility:visible; transition: all 0.1s linear; transition-delay: 0.2s; }

.img-hover-tooltip { opacity:0; visibility:hidden; display:block; text-align:center; position:absolute; top:100%; left: 50%; width:100%; margin-left:-50%; background-color:#eee5de; color:#000; font-size:14px; line-height:20px; box-shadow: 1px 1px 10px rgba(0,0,0,0.5); padding:3px; border-radius:5px; z-index:1; transition: all 0.1s linear; }

.img-hover-tooltip:after { content: " "; position: absolute; bottom: 100%; /* At the top of the tooltip */ left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #eee5de transparent; }

.img-hover-tooltip .article-thumb { margin:0px 5px; }