The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Topic Rollover Color Change

View previous topic View next topic Go down

Solved Topic Rollover Color Change

Post by Cman on June 13th 2013, 6:13 pm

I installed the like "mod", and now whenever I hover over a topic, the color changes to something that I did not set.

http://www.firealarmsrme.org/




Here is my CSS stylesheet code:
Code:
.buttons img{background: url(http://i35.servimg.com/u/f35/14/65/54/10/sr10.png) no-repeat center;}

.buttons img:hover{background: url(http://i35.servimg.com/u/f35/14/65/54/10/srh10.png) no-repeat center;}

.i_post{background: url(http://i62.servimg.com/u/f62/14/52/34/74/nt10.png) no-repeat center !important;}

.i_post:hover{background: url(http://i63.servimg.com/u/f63/14/53/79/27/nt10.png) no-repeat center !important;}

.i_reply, #new-message-link img{background: url(http://i62.servimg.com/u/f62/14/52/34/74/pr10.png) no-repeat center !important;}

.i_reply:hover, #new-message-link img:hover{background: url(http://i63.servimg.com/u/f63/14/53/79/27/pr10.png) no-repeat center !important;}

img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]{background: url('http://i62.servimg.com/u/f62/14/52/34/74/loced10.png') no-repeat center !important;}
img[src="http://i33.servimg.com/u/f33/15/33/29/01/i_post12.gif"]:hover{background: url('http://i62.servimg.com/u/f62/14/52/65/41/locked17.png') no-repeat center !important;}

.i_msg_newpost{background: url(http://i62.servimg.com/u/f62/14/52/34/74/npm10.png) no-repeat center !important;}

.i_msg_newpost:hover{background: url(http://i63.servimg.com/u/f63/14/73/12/96/npm10.png) no-repeat center !important;}

.online {
background-image: url("http://i32.servimg.com/u/f32/14/52/34/74/icon_u10.gif");
}

#wrap {
width: 857px;
margin-top: 18px;
padding-top:15px;
padding-right:25px;
padding-left:25px;
-moz-border-radius : 15px;
-webkit-border-radius : 15px;
box-shadow : 0 0 10px #666;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
}


li.row {
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #00608f;
}

li.row:hover dd {
border-left-color: #CCCCCC;
}

li.row:hover {
background-color: #f6f6f6;
}

body {
color: #536482;
background-color: #ACA8A1;
}

.inputbox:hover {
border-color: #11A3EA;
}

.content {
   min-height: 3em;
   overflow: hidden;
   line-height: 1.4em;
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size: 1em;
   color: #333333;
}

.postprofile {
color: #666666;}


li.row {
 border-top-color:  #FFFFFF;
 border-bottom-color: #00608F;
 background-color: #E8ECEE;
}

.headerbar {
   background-color: #7C8891;
   background-image: url("http://i32.servimg.com/u/f32/14/52/34/74/bg_hea11.gif");
   }

.table-title, .table-title h2{
font-family: "Verdana";
font-weight: normal;
font-variant: normal-caps;
font-variant : sVariant;
font-size: 10px;
font-family: Arial;
color: #ffffff;
padding: 2px;}
.table-title, .table-title h2:hover{color: #a8d8ff;}

blockquote, blockquote blockquote, blockquote blockquote blockquote {
border-color: #9fd1ff;
background-color: #f9f9f9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.icon-home{
background: url('http://i62.servimg.com/u/f62/14/52/34/74/icon_h10.gif') no-repeat left;
padding-left: 15px;}

.h3 {border-bottom:1px solid #cccccc;}

.postbody {
color: #333333;
}

.copyright {
color: #555555;
}

.copyright a {
color: #000000 !important;
}

h3,.h3{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   text-transform: uppercase;
   margin-bottom: 3px;
   padding-bottom: 2px;
   font-size: 1.05em;
   color: #989898;
   margin-top: 20px;
}

.table-title:hover {text-decoration:underline;}

a.forumtitle {
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
}

a.topictitle {
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}

.postbody .content a {text-decoration:underline !important;}

a.mainmenu {color: #105289;}

a.mainmenu:hover {
color: #d31141;
text-decoration: none;}

a.mainmenu {
font-weight : normal;
letter-spacing : -1px;
font-size : 12px;
}

ul.navlinks span.new-message {
color: #FF0000;
text-decoration:blink;
}

.navbar #search-box {
display : none;
}

.navbar {
  background-color: #DCDEE2;
}

.navbar img {vertical-align: middle; margin-top: -3px; margin-right: 1px;}

.navbar {
clear: both;
background-image: url("http://i32.servimg.com/u/f32/14/52/34/74/innerb11.gif");
padding:0px 10px;
}

                          
.forabg, .forumbg {
  background-color: #505C65;
  background-image: url("http://i32.servimg.com/u/f32/14/52/34/74/bg_lis10.gif");
}

.forumbg {
  background-color: #505C65;
  background-image: url("http://i32.servimg.com/u/f32/14/52/34/74/bg_lis10.gif");
}



    a.fa_fancybox img{
      cursor: pointer;
      cursor: -webkit-zoom-in;
      cursor: -moz-zoom-in;
    }
    /* general */
    .fancybox-tmp iframe, .fancybox-tmp object {
      vertical-align: top;
      padding: 0;
      margin: 0;
    }

    .fancybox-wrap {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 920;
    }

    .fancybox-skin {
      position: relative;
      padding: 0;
      margin: 0;
      background: #f9f9f9;
      color: #444;
      text-shadow: none;
      -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
              border-radius: 4px;
    }

    .fancybox-opened {
      z-index: 930;
    }

    .fancybox-opened .fancybox-skin {
      -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
              box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

    .fancybox-outer, .fancybox-inner {
      padding: 0;
      margin: 0;
      position: relative;
      outline: none;
    }

    .fancybox-inner {
      overflow: hidden;
    }

    .fancybox-type-iframe .fancybox-inner {
      -webkit-overflow-scrolling: touch;
    }

    .fancybox-error {
      color: #444;
      font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
      margin: 0;
      padding: 10px;
    }

    .fancybox-image, .fancybox-iframe {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      padding: 0;
      margin: 0;
      vertical-align: top;
    }

    .fancybox-image {
      max-width: 100%;
      max-height: 100%;
    }

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
      background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
    }

    #fancybox-loading {
      position: fixed;
      top: 50%;
      left: 50%;
      margin-top: -22px;
      margin-left: -22px;
      background-position: 0 -108px;
      opacity: 0.8;
      cursor: pointer;
      z-index: 920;
    }

    #fancybox-loading div {
      width: 44px;
      height: 44px;
      background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
    }

    .fancybox-close {
      position: absolute;
      top: -18px;
      right: -18px;
      width: 36px;
      height: 36px;
      cursor: pointer;
      z-index: 940;
    }

    .fancybox-nav {
      position: absolute;
      top: 0;
      width: 40%;
      height: 100%;
      cursor: pointer;
      background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      z-index: 940;
    }

    .fancybox-prev {
      left: 0;
    }

    .fancybox-next {
      right: 0;
    }

    .fancybox-nav span {
      position: absolute;
      top: 50%;
      width: 36px;
      height: 34px;
      margin-top: -18px;
      cursor: pointer;
      z-index: 940;
      visibility: hidden;
    }

    .fancybox-prev span {
      left: 20px;
      background-position: 0 -36px;
    }

    .fancybox-next span {
      right: 20px;
      background-position: 0 -72px;
    }

    .fancybox-nav:hover span {
      visibility: visible;
    }

    .fancybox-tmp {
      position: absolute;
      top: -9999px;
      left: -9999px;
      padding: 0;
      overflow: visible;
      visibility: hidden;
    }

    /* Overlay helper */

    #fancybox-overlay {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      display: none;
      z-index: 910;
      background: #000;
    }

    #fancybox-overlay.overlay-fixed {
      position: fixed;
      bottom: 0;
      right: 0;
    }

    /* Title helper */

    .fancybox-title {
      visibility: hidden;
      font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
      position: relative;
      text-shadow: none;
      z-index: 950;
    }

    .fancybox-opened .fancybox-title {
      visibility: visible;
    }

    .fancybox-title-float-wrap {
      position: absolute;
      bottom: 0;
      right: 50%;
      margin-bottom: -35px;
      z-index: 930;
      text-align: center;
    }

    .fancybox-title-float-wrap .child {
      display: inline-block;
      margin-right: -100%;
      padding: 2px 20px;
      background: transparent; /* Fallback for web browsers that doesn't support RGBa */
      background: rgba(0, 0, 0, 0.8);
      -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
              border-radius: 15px;
      text-shadow: 0 1px 2px #222;
      color: #FFF;
      font-weight: bold;
      line-height: 24px;
      white-space: nowrap;
    }

    .fancybox-title-outside-wrap {
      position: relative;
      margin-top: 10px;
      color: #fff;
    }

    .fancybox-title-inside-wrap {
      margin-top: 10px;
    }

    .fancybox-title-over-wrap {
      position: absolute;
      bottom: 0;
      left: 0;
      color: #fff;
      padding: 10px;
      background: #000;
      background: rgba(0, 0, 0, .8);
    }



    li.row:hover {
    background:url(http://i82.servimg.com/u/f82/13/99/54/90/logo_a15.png) right bottom no-repeat;
    }



    .LGlike {
      background: #FFFFFF;
      padding: 3px;
      border-radius: 4px;
      color: #fff;
      font-size: 10px;
      font-weight: bold;
      text-shadow: -1px 0.5px #888;
      box-shadow: 1px 1px 1px #888;
      cursor: pointer;
      margin-right: 4px;
     }
     .LGvote { margin: 0 5px; }
     .LGnovote {
      filter:Alpha(opacity=50);
      opacity: 0.5;
      cursor: default;
      box-shadow: none;
      text-shadow: none;
     }




    .expand, .contract {position: absolute; top: 6px; right: 10px; cursor: pointer; width: 9px; height: 9px; background: url(http://illiweb.com/fa/m/tabs_more1.gif);}
    .contract {background: url(http://illiweb.com/fa/m/tabs_less1.gif);}

Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Topic Rollover Color Change

Post by Sanket on June 13th 2013, 6:27 pm

Add this to your css & check.
Code:
 ul.topiclist li.row:hover {
    background-color: #ff0000;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Topic Rollover Color Change

Post by Cman on June 13th 2013, 6:45 pm

Thanks! It worked.

This might be a bit off topic, and I can create a new thread if necessary, but I have another question.

Why does the like button only appear on some threads, and not all?
It DOES appear here: http://www.firealarmsrme.org/t2-image-uploading
It does NOT appear here: http://www.firealarmsrme.org/t3-guestbook-2013

Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Topic Rollover Color Change

Post by Sanket on June 13th 2013, 9:24 pm

The green thing means someone has liked your post. Where there is nothing, it means no one has yet liked it.

In the future, its better to ask your different queries in different threads.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Topic Rollover Color Change

Post by Cman on June 13th 2013, 9:44 pm

I see what you mean, I've logged into a test user account, and have noticed that the like button is working properly.

Thank you for the support, and I will open a new thread next time.

Arrow Solved

Cman
Forumember

Male Posts : 681
Reputation : 5
Language : English
Location : Florida

http://firealarmsrme.org/

Back to top Go down

Solved Re: Topic Rollover Color Change

Post by Sanket on June 13th 2013, 9:52 pm

Topic Solved & Archived.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum