FANDOM


This Forum has been archived

Visit the new Forums
Forums: Index General Discussion Hover image class and logo css source
Fandom's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.

50px-Replacement filing cabinet.svg

Note: This topic has been unedited for 281 days. It is considered archived - the discussion is over. Do not add to unless it really needs a response.

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.

<!-- 
DONT COPY THIS OR WHAT's LEFT OFF IT -->



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

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

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

#WikiHeader h1.wordmark.medium.text {
opacity:0.85;
filter:alpha(opacity=85); /* For IE8 and earlier */
}
#WikiHeader h1.wordmark.medium.text:hover
{
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;}

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




<!-- 
DONT COPY THIS OR WHAT's RIGHT OFF IT -->

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