[livejournal] r21984: LJSUP-12239: Fast Repost Buttom

U   trunk/htdocs/stc/lj_base.css

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2012-05-17 13:26:10 UTC (rev 21983)
+++ trunk/htdocs/stc/lj_base.css	2012-05-17 14:46:50 UTC (rev 21984)
@@ -3584,7 +3584,7 @@
 	}
 
 /* light button */
-.lj-button-light.donate-button {
+.lj-button-light {
 	border: 1px solid!important;
 	border-color: #C9C9C9 #B4B4B4 #AAA!important;
 	-webkit-border-radius: 2px!important;
@@ -3592,16 +3592,16 @@
 	border-radius: 2px!important;
 	background-color: #CBCBCB!important;
 	}
-.lj-button-light.donate-button .lj-button-b {
+.lj-button-light .lj-button-b {
 	padding: 0 5px!important;
 	-webkit-border-radius: 2px!important;
 	-moz-border-radius: 2px!important;
 	border-radius: 2px!important;
 	}
-.lj-button-light.donate-button .lj-button-b {
+.lj-button-light .lj-button-b {
 	border-right: 1px solid #AAA!important;
 	}
-.lj-button-light.donate-button .lj-button-b {
+.lj-button-light .lj-button-b {
 	border-right: none!important;
 	background: #FFFFFF!important;
 	background: -moz-linear-gradient(top, #FFFFFF 0%, #FEFEFC 10%, #FFFEFE 52%, #F2F6F1 57%, #EFEFF0 62%, #E7E8EA 76%, #E1E2E4 100%)!important;
@@ -3611,26 +3611,26 @@
 	background: -ms-linear-gradient(top, #FFFFFF 0%,#FEFEFC 10%,#FFFEFE 52%,#F2F6F1 57%,#EFEFF0 62%,#E7E8EA 76%,#E1E2E4 100%)!important;
 	background: linear-gradient(top, #FFFFFF 0%,#FEFEFC 10%,#FFFEFE 52%,#F2F6F1 57%,#EFEFF0 62%,#E7E8EA 76%,#E1E2E4 100%)!important;
 	}
-.lj-button-light.donate-button .lj-button-c {
+.lj-button-light .lj-button-c {
 	padding: 0 4px 0 6px!important;
 	border-left: 1px solid #FEFEFE!important;
 	}
-.lj-button-light.donate-button A .lj-button-c {
+.lj-button-light A .lj-button-c {
 	border-left: 1px solid #B4B4B4!important;
 	}
-.lj-button-light.donate-button .lj-button-c.empty {
+.lj-button-light .lj-button-c.empty {
 	margin-left: -1px!important;
 	padding: 0!important;
 	border: none!important;
 	}
-.lj-button-light.donate-button A .lj-button-c.empty {
+.lj-button-light A .lj-button-c.empty {
 	margin-left: 0!important;
 	}
-.lj-button-light.donate-button .lj-button-link,
-.lj-button-light.donate-button .lj-button-link:link,
-.lj-button-light.donate-button .lj-button-link:visited,
-.lj-button-light.donate-button .lj-button-link:hover,
-.lj-button-light.donate-button .lj-button-link:active {
+.lj-button-light .lj-button-link,
+.lj-button-light .lj-button-link:link,
+.lj-button-light .lj-button-link:visited,
+.lj-button-light .lj-button-link:hover,
+.lj-button-light .lj-button-link:active {
 	text-shadow: -1px 1px 0 #DDD!important;
 	color: #222!important;
 	}
@@ -3649,11 +3649,11 @@
 	-moz-border-radius: 2px!important;
 	}
 .lj-button-light.donate-button.embed-button .lj-button-icon {
-	width:12px!important;
-	height:10px!important;
-	margin:0 5px 0 0!important;
-	vertical-align:middle;
-	background:url(/img/icons/donate-inactive.png)!important;
+	width: 12px!important;
+	height: 10px!important;
+	margin: 0 5px 0 0!important;
+	background: url(/img/icons/donate-inactive.png)!important;
+	vertical-align: middle;
 	}
 .lj-button-light.donate-button.embed-button A.lj-button-b {
 	border-right: 1px solid #AAA!important;
@@ -3691,9 +3691,9 @@
 	left: -9px!important;
 	border: 4px solid!important;
 	border-color: transparent #CCC transparent transparent!important;
-	width:0!important;
-	height:0!important;
-	font-size:0!important;
+	width: 0!important;
+	height: 0!important;
+	font-size: 0!important;
 	}
 .lj-button-light.donate-button .lj-button-arrow-bg {
 	position: absolute!important;
@@ -3701,11 +3701,78 @@
 	left: -3px!important;
 	border: 4px solid!important;
 	border-color: transparent #FFF transparent transparent!important;
-	width:0!important;
-	height:0!important;
-	font-size:0!important;
+	width: 0!important;
+	height: 0!important;
+	font-size: 0!important;
 	}
+	
 
+/* repost button */
+.lj-button-light.repost-button {
+	border: none!important;
+	background-color: transparent!important;
+	}
+.lj-button-light.repost-button .lj-button-b {
+	margin: 0 5px 0 0!important;
+	padding:0 5px!important;
+	border: 1px solid!important;
+	border-color: #C9C9C9 #B4B4B4 #AAA!important;
+	border-right: 1px solid #AAA!important;
+	-webkit-border-radius: 2px!important;
+	-moz-border-radius: 2px!important;
+	border-radius: 2px!important;
+	color: #000!important;
+	}
+.lj-button-light.repost-button .lj-button-icon {
+	width: 16px!important;
+	height: 22px!important;
+	margin: 0 5px 0 0!important;
+	background: url(/img/icons/repost.png?v=1) no-repeat 50%!important;
+	vertical-align: middle;
+	}
+.lj-button-light.repost-button .lj-button-icon-sinlge {
+	margin: 0!important;
+	}
+.lj-button-light.repost-button .lj-button-c.empty {
+	margin: 0!important;
+	padding: 0!important;
+	border: none!important;
+	}
+.lj-button-light.repost-button .lj-button-c {
+	position: relative!important;
+	padding: 0 5px!important;
+	border: 1px solid #CCC!important;
+	-webkit-border-radius: 3px!important;
+	-moz-border-radius: 3px!important;
+	border-radius: 3px!important;
+	background-color: #FFF!important;
+	color: #000!important;
+	text-shadow: 0 1px 0 #FFF !important;
+	}
+.repost-button .lj-button-c.empty .lj-button-arrow {
+	display: none!important;
+	}
+.lj-button-light.repost-button .lj-button-arrow {
+	position: absolute!important;
+	top: 6px!important;
+	left: -9px!important;
+	border: 4px solid!important;
+	border-color: transparent #CCC transparent transparent!important;
+	width: 0!important;
+	height: 0!important;
+	font-size: 0!important;
+	}
+.lj-button-light.repost-button .lj-button-arrow-bg {
+	position: absolute!important;
+	top: -4px!important;
+	left: -3px!important;
+	border: 4px solid!important;
+	border-color: transparent #FFF transparent transparent!important;
+	width: 0!important;
+	height: 0!important;
+	font-size: 0!important;
+	}
+
 /* LJ like buttons 
 -----------------------------------------------*/
 .lj-like {