Committer: sboronchiev
LJSUP-12239: Fast Repost ButtomU 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 {