[livejournal] r17350: LJSUP-6573: Facebook Pictures

U   trunk/htdocs/stc/entry.css
U   trunk/htdocs/stc/lj_base.css

Modified: trunk/htdocs/stc/entry.css
===================================================================
--- trunk/htdocs/stc/entry.css	2010-09-10 09:27:34 UTC (rev 17349)
+++ trunk/htdocs/stc/entry.css	2010-09-10 10:29:54 UTC (rev 17350)
@@ -704,172 +704,3 @@
         background: none;
         } 
 
-    
-    
-
-/* Choose Facebook Repost Pic
---------------------------- */
-/* Must be removed after implementation of Framework! */
-.b-repost-pics {
-	display: none;
-	position: absolute;
-	top: -150px;
-	left: 72px;
-	height: 117px;
-	padding: 27px 4px 0;
-	z-index: 99;
-	}
-	.b-repost-pics-bg,
-	.b-repost-pics-l,
-	.b-repost-pics-r,
-	.b-repost-pics-arr {
-		display: block;
-		position: absolute;
-		overflow: hidden;
-		margin: 0;
-		padding: 0;
-		font: 0/0 serif;
-		}
-	.b-repost-pics-bg {
-		top: 0;
-		left: 0;
-		width: 100%;
-		height: 144px;
-		background: #FFF url(/img/repost/pics-bg.png) repeat 0 0;
-		}
-	.b-repost-pics-l {
-		top: 0;
-		left: -9px;
-		width: 9px;
-		height: 144px;
-		background: url(/img/repost/pics-l.png) repeat 0 0;
-		}
-	.b-repost-pics-r {
-		top: 0;
-		right: -9px;
-		width: 9px;
-		height: 144px;
-		background: url(/img/repost/pics-r.png) repeat 0 0;
-		}
-	.b-repost-pics-arr {
-		top: 138px;
-		left: 160px;
-		width: 13px;
-		height: 13px;
-		background: url(/img/repost/pics-arr.png) repeat 0 0;
-		}
-	#updateForm .b-repost-pics-head {
-		position: absolute;
-		top: 8px;
-		left: 4px;
-		margin: 0;
-		padding: 0;
-		font-weight: bold;
-		font-size: 12px;
-		}
-	#updateForm .b-repost-nav {
-		position: absolute;
-		top: 8px;
-		right: 4px;
-		margin: 0;
-		padding: 0;
-		line-height: 11px;
-		font-size: 11px;
-		}
-		.i-repost-nav-first,
-		.i-repost-nav-last,
-		.i-repost-nav-prev,
-		.i-repost-nav-next {
-			overflow: hidden;
-			display: inline-block;
-			width: 16px;
-			height: 16px;
-			margin: 0;
-			padding: 0;
-			vertical-align: -4px;
-			background-image: url(/img/arrow-spotlight.gif);
-			background-repeat: no-repeat;
-			font: 0/0 serif;
-			cursor: pointer;
-			}
-		.i-repost-nav-first {
-			margin: 0 5px 0 0;
-			background-position: 0 -32px;
-			}
-		.i-repost-nav-first-dis {
-			background-position: 0 -48px;
-			cursor: default;
-			}
-		.i-repost-nav-last {
-			margin: 0 0 0 5px;
-			background-position: -16px -32px;
-			}
-		.i-repost-nav-last-dis {
-			background-position: -16px -48px;
-			cursor: default;
-			}
-		.i-repost-nav-prev {
-			margin: 0 5px 0 0;
-			background-position: 0 0;
-			}
-		.i-repost-nav-prev-dis {
-			background-position: 0 -16px;
-			cursor: default;
-			}
-		.i-repost-nav-next {
-			margin: 0 0 0 5px;
-			background-position: -16px 0;
-			}
-		.i-repost-nav-next-dis {
-			background-position: -16px -16px;
-			cursor: default;
-			}
-	.b-repost-pics-wrapper {
-		position: relative;
-		overflow: hidden;
-		min-width: 222px;
-		max-width: 454px;
-		height: 106px;
-		}
-	#updateForm .b-repost-pics-items {
-		position: relative;
-		width: 9999px;
-		height: 106px;
-		margin: 0 0 0 -10px;
-		padding: 0;
-		list-style: none;
-		}
-		#updateForm .b-repost-pics-items LI {
-			overflow: hidden;
-			position: relative;
-			float: left;
-			width: 96px;
-			height: 96px;
-			margin: 0 0 0 10px;
-			padding: 5px;
-			list-style: none;
-			text-align: center;
-			background: url(/img/repost/pics-frame.gif) no-repeat 0 0;
-			cursor: pointer;
-			}
-		#updateForm .b-repost-pics-items LI.b-repost-pics-no {
-			color: #999;
-			}
-		#updateForm .b-repost-pics-items LI.b-repost-pics-active {
-			background: url(/img/repost/pics-aframe.gif) no-repeat 0 0;
-			}
-			.b-repost-pics-no SPAN {
-				position: absolute;
-				top: 50%;
-				left: 0;
-				width: 106px;
-				height: 15px;
-				margin: -7px 0 0;
-				text-align: center;
-				}
-			.b-repost-pics-items LI IMG {
-				/*background: url(/img/preloader.gif) no-repeat 50% 50%;*/
-				max-width: 96px;
-				max-height: 96px;
-				}
-

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2010-09-10 09:27:34 UTC (rev 17349)
+++ trunk/htdocs/stc/lj_base.css	2010-09-10 10:29:54 UTC (rev 17350)
@@ -900,6 +900,9 @@
 	position: relative;
 	margin: 10px 0;
 	}
+#postform .b-repost-items {
+	margin: 0;
+	}
 	.b-repost-item {
 		margin: 0 0 5px !important;
 		text-align: left !important;
@@ -1185,12 +1188,14 @@
 			}
 		.b-pending-users LI:hover SPAN .i-pending-close,
 		.b-pending-users LI.hover SPAN .i-pending-close {
+			display: block;
 			position: absolute;
 			top: 50%;
 			left: -12px;
 			width: 6px;
 			height: 7px;
 			margin: -3px 0 0 100%;
+			padding: 0;
 			background: url(/img/buttons/pending-close.gif) no-repeat 0 0;
 			cursor: pointer;
 			}
@@ -1213,3 +1218,180 @@
 	}
 
 
+/* Choose Facebook Repost Pic
+--------------------------- */
+/* Must be removed after implementation of Framework! */
+.b-repost-pics {
+	display: none;
+	position: absolute;
+	top: -150px;
+	left: 72px;
+	height: 117px;
+	padding: 27px 4px 0;
+	z-index: 99;
+	}
+#postform .b-repost-pics {
+	left: -22px;
+	}
+	.b-repost-pics-bg,
+	.b-repost-pics-l,
+	.b-repost-pics-r,
+	.b-repost-pics-arr {
+		display: block;
+		position: absolute;
+		overflow: hidden;
+		margin: 0;
+		padding: 0;
+		font: 0/0 serif;
+		}
+	.b-repost-pics-bg {
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 144px;
+		background: #FFF url(/img/repost/pics-bg.png) repeat 0 0;
+		}
+	.b-repost-pics-l {
+		top: 0;
+		left: -9px;
+		width: 9px;
+		height: 144px;
+		background: url(/img/repost/pics-l.png) repeat 0 0;
+		}
+	.b-repost-pics-r {
+		top: 0;
+		right: -9px;
+		width: 9px;
+		height: 144px;
+		background: url(/img/repost/pics-r.png) repeat 0 0;
+		}
+	.b-repost-pics-arr {
+		top: 138px;
+		left: 160px;
+		width: 13px;
+		height: 13px;
+		background: url(/img/repost/pics-arr.png) repeat 0 0;
+		}
+	.b-repost-pics-head,
+	#updateForm .b-repost-pics-head {
+		position: absolute;
+		top: 8px;
+		left: 4px;
+		margin: 0;
+		padding: 0;
+		font-weight: bold;
+		font-size: 12px;
+		}
+	.b-repost-nav,
+	#updateForm .b-repost-nav {
+		position: absolute;
+		top: 8px;
+		right: 4px;
+		margin: 0;
+		padding: 0;
+		line-height: 11px;
+		font-size: 11px;
+		}
+		.i-repost-nav-first,
+		.i-repost-nav-last,
+		.i-repost-nav-prev,
+		.i-repost-nav-next {
+			overflow: hidden;
+			display: inline-block;
+			width: 16px;
+			height: 16px;
+			margin: 0;
+			padding: 0;
+			vertical-align: -4px;
+			background-image: url(/img/arrow-spotlight.gif);
+			background-repeat: no-repeat;
+			font: 0/0 serif;
+			cursor: pointer;
+			}
+		.i-repost-nav-first {
+			margin: 0 5px 0 0;
+			background-position: 0 -32px;
+			}
+		.i-repost-nav-first-dis {
+			background-position: 0 -48px;
+			cursor: default;
+			}
+		.i-repost-nav-last {
+			margin: 0 0 0 5px;
+			background-position: -16px -32px;
+			}
+		.i-repost-nav-last-dis {
+			background-position: -16px -48px;
+			cursor: default;
+			}
+		.i-repost-nav-prev {
+			margin: 0 5px 0 0;
+			background-position: 0 0;
+			}
+		.i-repost-nav-prev-dis {
+			background-position: 0 -16px;
+			cursor: default;
+			}
+		.i-repost-nav-next {
+			margin: 0 0 0 5px;
+			background-position: -16px 0;
+			}
+		.i-repost-nav-next-dis {
+			background-position: -16px -16px;
+			cursor: default;
+			}
+	.b-repost-pics-wrapper {
+		position: relative;
+		overflow: hidden;
+		min-width: 222px;
+		max-width: 454px;
+		height: 106px;
+		}
+	.b-repost-pics-items,
+	#updateForm .b-repost-pics-items {
+		position: relative;
+		width: 9999px;
+		height: 106px;
+		margin: 0 0 0 -10px;
+		padding: 0;
+		list-style: none;
+		}
+		.b-repost-pics-items SPAN,
+		#updateForm .b-repost-pics-items SPAN {
+			display: block;
+			overflow: hidden;
+			position: relative;
+			float: left;
+			width: 96px;
+			height: 96px;
+			margin: 0 0 0 10px;
+			padding: 5px;
+			list-style: none;
+			text-align: center;
+			background: url(/img/repost/pics-frame.gif) no-repeat 0 0;
+			cursor: pointer;
+			}
+		.b-repost-pics-items SPAN.b-repost-pics-no,
+		#updateForm .b-repost-pics-items SPAN.b-repost-pics-no {
+			color: #999;
+			}
+		.b-repost-pics-items SPAN.b-repost-pics-active,
+		#updateForm .b-repost-pics-items SPAN.b-repost-pics-active {
+			background: url(/img/repost/pics-aframe.gif) no-repeat 0 0;
+			}
+			.b-repost-pics-no EM {
+				position: absolute;
+				top: 50%;
+				left: 0;
+				width: 106px;
+				height: 15px;
+				margin: -7px 0 0;
+				text-align: center;
+				font-style: normal;
+				}
+			.b-repost-pics-items SPAN IMG {
+				max-width: 96px;
+				max-height: 96px;
+				}
+
+