Fandom

Community Central

Hover image class and logo css source

Forum page

19,012pages on
this wiki
Add New Page
Share

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.

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.
Note: This topic has been unedited for 40 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)

Also on Fandom

Random Wiki