transition for background hover colour

JoomJunk · Feb 26, 2014 · 1428a56 · 1428a56
1 parent f7841c1
commit 1428a56
Showing 1 changed file with 46 additions and 44 deletions.
diff --git a/mod_social_slider/media/css/style.css b/mod_social_slider/media/css/style.css
@@ -27,54 +27,56 @@ ul#jj_sl_navigation li a {
 	text-decoration: none;
 	font-size: 12px;
 	font-weight: bold;
+	-webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -ms-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
 
 }
 ul#jj_sl_navigation li a .jj_social_text {
 	display: inline-block;
 	width: 125px;        
 }
-ul#jj_sl_navigation .facebook a:hover{
-    background-color: #3B5998;
-}
-ul#jj_sl_navigation .twitter a:hover{
-    background-color: #62BDB2;
-}
-ul#jj_sl_navigation .google a:hover{
-    background-color: #DB4A39;
-}
-ul#jj_sl_navigation .myspace a:hover{
-    background-color: #3B64B3;
-}
-ul#jj_sl_navigation .youtube a:hover{
-    background-color: #CC252C;
-}
-ul#jj_sl_navigation .linkedin a:hover{
-    background-color: #4F93B3;
-}
-ul#jj_sl_navigation .steam a:hover{
-    background-color: #111111;
-}
-ul#jj_sl_navigation .lastfm a:hover{
-    background-color: #bf0d1c;
-}
-ul#jj_sl_navigation .pinterest a:hover{
-    background-color: #b61d23;
-}
-ul#jj_sl_navigation .soundcloud a:hover{
-    background-color: #ff5419;
-}
-ul#jj_sl_navigation .tumblr a:hover{
-    background-color: #304e6c;
-}
-ul#jj_sl_navigation .github a:hover{
-    background-color: #222222;
-}
-ul#jj_sl_navigation .flickr a:hover{
-    background-color: #ff0084;
-}
-ul#jj_sl_navigation .rss a:hover{
-    background-color: #FF6600;
-}
-ul#jj_sl_navigation .vimeo a:hover{
-    background-color: #1BB7EA;
+ul#jj_sl_navigation .facebook a:hover{ background-color: #3B5998; }
+ul#jj_sl_navigation .twitter a:hover{ background-color: #62BDB2; }
+ul#jj_sl_navigation .google a:hover{ background-color: #DB4A39; }
+ul#jj_sl_navigation .myspace a:hover{ background-color: #3B64B3; }
+ul#jj_sl_navigation .youtube a:hover{ background-color: #CC252C; }
+ul#jj_sl_navigation .linkedin a:hover{ background-color: #4F93B3; }
+ul#jj_sl_navigation .steam a:hover{ background-color: #111111; }
+ul#jj_sl_navigation .lastfm a:hover{ background-color: #bf0d1c; }
+ul#jj_sl_navigation .pinterest a:hover{ background-color: #b61d23; }
+ul#jj_sl_navigation .soundcloud a:hover{ background-color: #ff5419; }
+ul#jj_sl_navigation .tumblr a:hover{ background-color: #304e6c; }
+ul#jj_sl_navigation .github a:hover{ background-color: #222222; }
+ul#jj_sl_navigation .flickr a:hover{ background-color: #ff0084; }
+ul#jj_sl_navigation .rss a:hover{ background-color: #FF6600; }
+ul#jj_sl_navigation .vimeo a:hover{ background-color: #1BB7EA; }
+
+ul#jj_sl_navigation .facebook a:hover, 
+ul#jj_sl_navigation .twitter a:hover, 
+ul#jj_sl_navigation .google a:hover, 
+ul#jj_sl_navigation .myspace a:hover,
+ul#jj_sl_navigation .youtube a:hover,
+ul#jj_sl_navigation .linkedin a:hover,
+ul#jj_sl_navigation .steam a:hover,
+ul#jj_sl_navigation .lastfm a:hover,
+ul#jj_sl_navigation .pinterest a:hover,
+ul#jj_sl_navigation .soundcloud a:hover,
+ul#jj_sl_navigation .tumblr a:hover,
+ul#jj_sl_navigation .github a:hover,
+ul#jj_sl_navigation .flickr a:hover,
+ul#jj_sl_navigation .rss a:hover,
+ul#jj_sl_navigation .vimeo a:hover,
+ul#jj_sl_navigation .custom1 a:hover,
+ul#jj_sl_navigation .custom2 a:hover,
+ul#jj_sl_navigation .custom3 a:hover,
+ul#jj_sl_navigation .custom4 a:hover,
+ul#jj_sl_navigation .custom5 a:hover{
+    -webkit-transition: all 0.3s ease;
+    -moz-transition: all 0.3s ease;
+    -ms-transition: all 0.3s ease;
+    -o-transition: all 0.3s ease;
+    transition: all 0.3s ease;
 }