[ljcom] r10504: LJSUP-8748: Friesnd Times Loading

LJSUP-8748: Friesnd Times Loading

U   trunk/htdocs/img/icons/friendstimes-arrows.png
U   trunk/htdocs/stc/friendstimes.css

Modified: trunk/htdocs/img/icons/friendstimes-arrows.png
===================================================================
(Binary files differ)

Modified: trunk/htdocs/stc/friendstimes.css
===================================================================
--- trunk/htdocs/stc/friendstimes.css	2011-05-12 09:19:55 UTC (rev 10503)
+++ trunk/htdocs/stc/friendstimes.css	2011-05-12 11:20:45 UTC (rev 10504)
@@ -155,30 +155,35 @@
 	.b-friendstimes-pages-next {
 		margin: 0;
 		padding: 0;
-		background: url(/img/icons/friendstimes-arrows.png) no-repeat 0 0;
 		}
 	.b-friendstimes-pages-prev {
 		float: left;
-		padding-left: 30px;
-		background-position: 0 -4px;
 		}
 	.b-friendstimes-pages-next {
 		float: right;
-		padding-right: 30px;
-		background-position: 100% -34px;
 		}
 		.b-friendstimes-pages-prev A,
 		.b-friendstimes-pages-next A {
+			position: relative;
+			margin: 0;
 			font-size: 18px;
 			text-shadow: 0 1px 1px #FFF;
 			}
+		.b-friendstimes-pages-prev A {
+			float: left;
+			padding: 0 0 0 30px;
+			}
+		.b-friendstimes-pages-next A {
+			float: right;
+			padding: 0 30px 0 0;
+			}
 		.b-friendstimes-pages-prev A:link,
 		.b-friendstimes-pages-prev A:visited,
 		.b-friendstimes-pages-prev A:hover,
 		.b-friendstimes-pages-next A:link,
 		.b-friendstimes-pages-next A:visited,
 		.b-friendstimes-pages-next A:hover {
-			color: #333!important;
+			color: #436DAA !important;
 			text-decoration: none;
 			}
 		.b-friendstimes-pages-prev A:hover,
@@ -186,6 +191,26 @@
 			text-shadow: none;
 			border-bottom: none;
 			}
+			.b-friendstimes-pages-prev A .b-friendstimes-icon,
+			.b-friendstimes-pages-next A .b-friendstimes-icon {
+				position: absolute;
+				top: 3px;
+				width: 13px;
+				height: 21px;
+				margin: 0;
+				padding: 0;
+				background-image: url(/img/icons/friendstimes-arrows.png);
+				background-repeat: no-repeat;
+				font: 0/0 serif;
+				}
+			.b-friendstimes-pages-prev A .b-friendstimes-icon {
+				left: 2px;
+				background-position: 0 0;
+				}
+			.b-friendstimes-pages-next A .b-friendstimes-icon {
+				right: 2px;
+				background-position: 0 -21px;
+				}
 
 .p-friendstimes #footer {
 	border-color: #9BBAD6;
@@ -242,3 +267,27 @@
 			font-size: 21px;
 			font-weight: normal;
 			}
+
+.b-friendstimes-loading {
+	margin: 0;
+	padding: 0;
+	color: #436DAA;
+	font-size: 18px;
+	text-shadow: 0 1px 1px #FFF;
+	text-align: center;
+	}
+	.b-friendstimes-loading SPAN {
+		position: relative;
+		padding: 0 0 0 24px;
+		}
+		.b-friendstimes-loading .b-friendstimes-icon {
+			position: absolute;
+			top: 50%;
+			left: 0;
+			width: 16px;
+			height: 16px;
+			margin: -6px 0 0;
+			padding: 0;
+			background: url(/img/friendstimes/loader.gif) no-repeat 0 0;
+			font: 0/0 serif;
+			}