Committer: esavintcev
LJSUP-6573: Facebook PicturesU 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; + } + +