Hover image class and logo css source
79,613pages on
this wiki
this wiki
Forum page
This Forum has been archived
Visit the new ForumsForums: Index → General Discussion → Hover image class and logo css source
Wikia's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.
To contact staff directly or to report bugs, please use Special:Contact.
Note: This topic has been unedited for 296 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) |
