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 {