[livejournal] r17317: LJSUP-6573: Facebook Pictures
Committer: esavintcev
LJSUP-6573: Facebook PicturesU 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 {