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;
+ }
+
+
