Forum:Hover image class and logo css source

I personaly had some troubles to find a hoverimage css. Sinds it was so hard to find. That's why I post it here. Hope it can help other wikias ;)

Post this css add the bottom of "MediaWiki:Wikia.css". Note: This is probaly not the pure source but it works. Feel free to improve it if needed.

{|class="mw-collapsible mw-collapsed" ! 

/*******************************************************************************/ /*********************************HOVER IMAGES**********************************/ /*******************************************************************************/

/* Installing header wordmark */ opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ } opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
 * 1) WikiHeader h1.wordmark img {
 * 1) WikiHeader h1.wordmark img:hover {

/*Styles for Guides Tabs-*/

.tab-item-avatar { float:left;width:48px;margin:20px 10px 0px 10px;}

.tab-item-title { font-size:15px;padding-top:20px;margin:5px 0px -5px 0px }

.tab-item-content { margin: 0px 0px 0px 10px;border-bottom:1px solid #ccc; }

opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ } { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ } /* Simple hover-over stuff */ .WikiaMainContent .show {display: none !important;} .WikiaMainContent .hover:hover .show {display: inline !important;} .WikiaMainContent .hover:hover .hide {display:none;}
 * 1) WikiHeader h1.wordmark.medium.text {
 * 1) WikiHeader h1.wordmark.medium.text:hover

/* Class */ .hoverimage img { opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ } .hoverimage img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }

/* LandingPage styles */

.LandingPage{margin:54px 0} .LandingPage .LandingPageSearch {float:right;left:4px;margin-right:9px;margin-top: -6px;width:331px} .LandingPage .LandingPageSearch .placeholder {width:287px} .LandingPage .LandingPageSearch .secondary{height:27px;top:0px;border:1px solid #d9d9d9} .LandingPage ul.LandingPageSocialLinks {position:absolute;left:531px;top: -2px;list-style:none;margin:0px} .LandingPage ul.LandingPageSocialLinks li { background: url(http://images1.wikia.nocookie.net/__cb39294/common/extensions/wikia/LandingPage/images/misc.wikiaglobal.sprite.png) no-repeat; float:left;margin-right:7px;display:inline-block }

.LandingPage ul.LandingPageSocialLinks li.facebook { background-position: -2px -249px }

.LandingPage ul.LandingPageSocialLinks li.blog{ background-position: -36px -249px }

.LandingPage ul.LandingPageSocialLinks li.twitter { background-position: -73px -249px }

.LandingPage ul.LandingPageSocialLinks li a { width:30px; height:30px; display:block }

.LandingPage .LandingPageLanguageLinks { *zoom:1; list-style:none; margin:0; float:right; position:absolute; right:20px; top: -41px }

.LandingPage .LandingPageLanguageLinks:after { content:"."; display:block; height:0; clear:both; visibility:hidden }

.LandingPage .LandingPageLanguageLinks li { float:left; margin:0 4px }

.LandingPage .LandingPageWelcome { margin-left:11px; width:475px }

.LandingPage .LandingPageWelcome h1 { color:#006cb0; font-size:30px; font-weight:bold; margin:0px; margin-bottom:8px }

.LandingPage .LandingPageWelcome p { font-size:17px }

.LandingPage .LandingPageVideo { *zoom:1; padding-top:10px; width:608px; height:343px; margin-top:8px; margin-left:10px }

.LandingPage .LandingPageVideo:after { content:"."; display:block; height:0; clear:both; visibility:hidden }

.LandingPage .LandingPageVideo .video { width:605px; height:340px; border:none; margin:0px }

.LandingPage .LandingPageVideo h1 { background-color: #006cb0; background-image: -moz-linear-gradient(top, #2094dd 35%, #006cb0 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #2094dd), color-stop(65%, #006cb0)); color:white; display:inline; left: -5px; padding:5px 15px 5px 25px; position:absolute;top: -12px }

.LandingPage .LandingPageVideo h1 .banner-corner-left{ border-color:#000 #000000 transparent transparent; bottom: -4px; left:0 }

.LandingPage .LandingPageVideo ul{ margin:0; list-style:none; text-align:center }

.LandingPage .LandingPageVideo ul li { display:inline-block; line-height:2.5em; margin:5px 10px }

.LandingPage .LandingPageVideo ul a { font-size:12px; font-weight:normal }

.LandingPage .LandingPageVideo ul img { border:solid 1px #d7d7d7;display:block}.LandingPage .LandingPageSites{background-image: -moz-linear-gradient(top, white 60%, #f2f2f2 100%);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(60%, white), color-stop(100%, #f2f2f2));border:1px solid #d9d9d9;clear:both;float:right;margin-right:8px;padding:15px;width:300px}.LandingPage .LandingPageSites ul{margin:0;list-style:none;text-align:center}.LandingPage .LandingPageSites ul li{border-bottom:1px solid #d9d9d9;height:82px}.LandingPage .LandingPageSites ul li img{width:300px;height:82px}.LandingPage .LandingPageSites ul li.landingpage-site1{background-position:32px 0px;background-repeat:no-repeat;height:70px}.LandingPage .LandingPageSites ul li.landingpage-site1 img{height:70px}.LandingPage .LandingPageSites ul li.landingpage-site2{background-position:32px -66px;background-repeat:no-repeat}.LandingPage .LandingPageSites ul li.landingpage-site3{background-position:32px -146px;background-repeat:no-repeat}.LandingPage .LandingPageSites ul li.landingpage-site4{background-position:32px -234px;background-repeat:no-repeat}.LandingPage .LandingPageSites ul li.landingpage-site5{background-position:32px -317px;background-repeat:no-repeat;border-bottom:none}.LandingPage .LandingPageSites .more{float:right;font-size:13px}.LandingPage .LandingPageSites h2{border-bottom:none;font-size:22px;font-weight:bold;color:#3a3a3a;margin-top:0px;margin-bottom:2px;padding:0px;overflow:visible !important}.LandingPage .LandingPageMain{*zoom:1;display:block;margin-left:10px !important;margin-right:10px !important;margin-top:5px;font-size:22px !important;line-height:30px;width:623px}.LandingPage .LandingPageMain:after{content:".";display:block;height:0;clear:both;visibility:hidden}.LandingPage .LandingPageMain strong{font-weight:bold}.LandingPage .LandingPageMain .more{font-size:16px}#WikiaArticleBottomAd{display:none} .createislandbutton a { background-color: #699b53; color: #cdd5a9; display: inline-block; font-size: 15px; margin: 5px; padding: 15px; text-decoration: none; width: 169px; text-align: center; border: 1px solid #376831, 2px solid #669b53, 2px solid #cdd519 } .createislandbutton a span { color: #cdd5a9; font-size: 25px; font-weight: bold; text-align: center; } .createislandbutton a:hover { background-color: #75a95f; } .hoverimage img { opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ } .hoverimage img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }

.helptopics a { background-color: #EEEEEE; border-radius: 15px 15px 15px 15px; color: #666666; display: inline-block; font-size: 15px; margin: 10px; padding: 15px; text-decoration: none; width: 260px; } .helptopics a span { color: #333333; font-size: 20px; font-weight: bold; } .helptopics a:hover { background-color: #CCCCCC; }   .basic { background-image: url('http://images.wikia.com/communitytest/images/3/3b/Greenheader.png'); color:#006600; }

.moderate { background-image: url('http://images.wikia.com/communitytest/images/7/7f/Blueheader.png'); color:#333399; }

.expert { background-image: url('http://images.wikia.com/communitytest/images/e/ed/Purpleheader.png'); color:#663399; }

.helpheader { padding-left: 5px; margin-top: .5em; margin-bottom: .17em; width: 100%; background-repeat: repeat-y; clear: right; display: table; }   .helpheader h2 { margin: 0px !important; display: inline; float: left; font-size: 140%; font-weight: bold; line-height: 150%; margin: 15px 0px 3px 0px; padding:0.4em; text-align:left; vertical-align:middle; border-style: none; }   .helpheader h2 ~ h2 { display: inline; float: left; }   .silver_taskstar h2 { background: url('http://images.wikia.com/central/images/a/aa/Silver_taskstar.png') left center no-repeat; padding-left: 25px; padding-right: 15px; }   .silver_taskstar h2 ~ h2 { background: transparent !important; padding-left: 0px; }   .helpheader h2 ~ h2:before { content: '/'; margin-right: 10px; }   .helpheader .editsection { background: white; margin-top: -25px; position: absolute; right: 5px; }

.glass { background-image: url(http://images.wikia.com/central/images/a/a9/Glass_bar.png); background-repeat: repeat-x }

/* Adding image support */ .img { opacity:0.85; filter:alpha(opacity=85); /* For IE8 and earlier */ } .img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }

--Jens Ingels (talk) 18:06, August 1, 2012 (UTC)