[livejournal] r22561: LJSUP-13108: Paid repost button

[quwiero]

Committer: sboronchievLJSUP-13108: Paid repost button

U trunk/bin/upgrading/en.dat
U trunk/htdocs/stc/lj_base.css

Modified: trunk/bin/upgrading/en.dat
===================================================================
--- trunk/bin/upgrading/en.dat 2012-08-03 08:54:15 UTC (rev 22560)
+++ trunk/bin/upgrading/en.dat 2012-08-03 09:08:11 UTC (rev 22561)
@@ -1735,9 +1735,6 @@
esn.add_friend|staleness=1
esn.add_friend=[[openlink]]Add [[journal]] to your Friends list[[closelink]]

-esn.add_friend_reposter|staleness=1
-esn.add_friend_reposter=[[openlink]]Add [[reposter]] to your Friends list[[closelink]]
-
esn.add_friend_community|staleness=1
esn.add_friend_community=[[openlink]]Add community "[[community]]" to your friends page reading list[[closelink]]

@@ -4906,6 +4903,10 @@

paidrepost.button.title=Repost me

+paidrepost.button.title.owner=Your repost total budget:
+
+paidrepost.button.title.curr= LJ Tokens
+
paidrepost.button.title.delete=Delete repost

paidrepost.button.title.counter=Repost counter

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css 2012-08-03 08:54:15 UTC (rev 22560)
+++ trunk/htdocs/stc/lj_base.css 2012-08-03 09:08:11 UTC (rev 22561)
@@ -3832,7 +3832,7 @@
border: 1px solid!important;
border-color: #C9C9C9 #B4B4B4 #AAA!important;
border-right: 1px solid #AAA!important;
- line-height: 22px!important;
+ line-height: 23px!important;
-webkit-border-radius: 2px!important;
-moz-border-radius: 2px!important;
border-radius: 2px!important;
@@ -3922,17 +3922,22 @@
}
.paidrepost-button-label {
float: left;
+ height: 22px;
margin: 0 6px 0 0;
}
-
+
+.lj-button-light.paidrepost-button-inactive .paidrepost-button-cost {
+ opacity: 0.4;
+ color: #000!important;
+ }
.paidrepost-button-cost {
float: right;
position: relative;
padding: 0 14px 0 5px;
margin: 0;
- min-height: 22px;
+ height: 22px;
background: url(/img/icons/paidrepost.png?v=1) no-repeat 100% 50%!important;
- line-height: 22px;
+ line-height: 23px;
}
.paidrepost-button-cost:before {
content: "";
@@ -3967,6 +3972,39 @@
background-image: linear-gradient(to bottom, #FFF 0%,#ECEDEE 100%);
}

+.paidrepost-button-active .paidrepost-button-cost:before {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 1px;
+ height: 100%;
+ background: #B9B9B9;
+ background-image: -moz-linear-gradient(top, #E4E4E4 0%, #B9B9B9 50%, #E4E4E4 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4E4E4), color-stop(50%,#B9B9B9), color-stop(100%,#E4E4E4));
+ background-image: -webkit-linear-gradient(top, #E4E4E4 0%,#B9B9B9 50%,#E4E4E4 100%);
+ background-image: -o-linear-gradient(top, #E4E4E4 0%,#B9B9B9 50%,#E4E4E4 100%);
+ background-image: -ms-linear-gradient(top, #E4E4E4 0%,#B9B9B9 50%,#E4E4E4 100%);
+ background-image: linear-gradient(to bottom, #E4E4E4 0%,#B9B9B9 50%,#E4E4E4 100%);
+ }
+.paidrepost-button-active .paidrepost-button-cost:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 1px;
+ width: 1px;
+ height: 100%;
+ background: #EDEDED;
+ background-image: -moz-linear-gradient(top, #EEE 0%, #EDEDED 100%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#EDEDED));
+ background-image: -webkit-linear-gradient(top, #EEE 0%,#EDEDED 100%);
+ background-image: -o-linear-gradient(top, #EEE 0%,#EDEDED 100%);
+ background-image: -ms-linear-gradient(top, #EEE 0%,#EDEDED 100%);
+ background-image: linear-gradient(to bottom, #EEE 0%,#EDEDED 100%);
+ }
+
/* Reposted popup */
.b-reposted-popup {
margin: -5px 0 0;