[livejournal] r17317: LJSUP-6573: Facebook Pictures

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

Modified: trunk/htdocs/stc/entry.css
===================================================================
--- trunk/htdocs/stc/entry.css	2010-09-09 06:33:55 UTC (rev 17316)
+++ trunk/htdocs/stc/entry.css	2010-09-09 07:27:55 UTC (rev 17317)
@@ -707,3 +707,158 @@
     
     
 
+/* Choose Facebook Repost Pic
+--------------------------- */
+/* Must be removed after implementation of Framework! */
+.b-repost-pics {
+	position: absolute;
+	top: -150px;
+	left: 72px;
+	min-width: 222px;
+	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: 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;
+			}
+	#updateForm .b-repost-pics-items {
+		position: relative;
+		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;
+			}
+			.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/ie.css
===================================================================
--- trunk/htdocs/stc/ie.css	2010-09-09 06:33:55 UTC (rev 17316)
+++ trunk/htdocs/stc/ie.css	2010-09-09 07:27:55 UTC (rev 17317)
@@ -213,3 +213,28 @@
 	zoom: 1;
 	}
 
+/* Choose Facebook Repost Pic
+--------------------------- */
+/* Must be removed after implementation of Framework! */
+* HTML .b-repost-pics-bg {
+	width: expression(this.parentNode.clientWidth);
+	height: 151px;
+	background: none;
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src=/img/repost/pics-bg.png);
+	}
+* HTML .b-repost-pics-l {
+	background: none;
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=/img/repost/pics-l.png);
+	}
+* HTML .b-repost-pics-r {
+	background: none;
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=/img/repost/pics-r.png);
+	}
+* HTML .b-repost-pics-arr {
+	background: none;
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src=/img/repost/pics-arr.png;
+	}
+* HTML .b-repost-pics-items LI IMG {
+	width: 96px;
+	height: 96px;
+	}

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2010-09-09 06:33:55 UTC (rev 17316)
+++ trunk/htdocs/stc/lj_base.css	2010-09-09 07:27:55 UTC (rev 17317)
@@ -897,6 +897,7 @@
 	}
 
 .b-repost-items {
+	position: relative;
 	margin: 10px 0;
 	}
 	.b-repost-item {