[livejournal] r17445: LJSUP-6867: adding buttons for twitter a...

U   trunk/htdocs/login.bml
U   trunk/htdocs/stc/ie.css
U   trunk/htdocs/stc/lj_base.css

Modified: trunk/htdocs/login.bml
===================================================================
--- trunk/htdocs/login.bml	2010-09-24 09:17:36 UTC (rev 17444)
+++ trunk/htdocs/login.bml	2010-09-24 09:43:52 UTC (rev 17445)
@@ -215,7 +215,7 @@
             $body .= "<form action='<?siteroot?>/create.bml' method='get'><input type='submit' value='$ML{'.createaccount.button'}' class='create-account' /></form>\n";
             $body .= "<p>$ML{'.or.connect.using'}</p>\n";
             $body .= "<p class=\"b-loginpage-btns\">";
-            $body .= "<a href=\"<?siteroot?>/identity/login.bml?type=openid\"><img src=\"$LJ::IMGPREFIX/icons/openid-32.gif\" width=\"32\" height=\"32\" alt=\"$ML{'.connect.openid'}\" title=\"$ML{'.connect.openid'}\" /></a> <a href=\"<?siteroot?>/identity/login.bml?type=facebook\"><img src=\"$LJ::IMGPREFIX/icons/facebook-32.gif\" width=\"32\" height=\"32\" alt=\"$ML{'.connect.facebook'}\" title=\"$ML{'.connect.facebook'}\" /></a>";
+            $body .= "<a href=\"<?siteroot?>/identity/login.bml?type=openid\"><img src=\"$LJ::IMGPREFIX/icons/openid-32.gif\" width=\"32\" height=\"32\" alt=\"$ML{'.connect.openid'}\" title=\"$ML{'.connect.openid'}\" /></a> <a href=\"<?siteroot?>/identity/login.bml?type=facebook\"><img src=\"$LJ::IMGPREFIX/icons/facebook-32.gif\" width=\"32\" height=\"32\" alt=\"$ML{'.connect.facebook'}\" title=\"$ML{'.connect.facebook'}\" /></a> <a href=\"<?siteroot?>/identity/login.bml?type=twitter\"><img src=\"$LJ::IMGPREFIX/icons/twitter-32.gif\" width=\"32\" height=\"32\" alt=\"$ML{'.connect.twitter'}\" title=\"$ML{'.connect.twitter'}\" /></a>";
             #<a href=\"<?siteroot?>/identity/login.bml?type=twitter\"><img src=\"$LJ::IMGPREFIX/icons/twitter-32.gif\" width=\"32\" height=\"32\" alt=\"$ML{'.connect.twitter'}\" title=\"$ML{'.connect.twitter'}\" /></a>";
             $body .= "</p>\n";
             $body .= "<ul>\n";

Modified: trunk/htdocs/stc/ie.css
===================================================================
--- trunk/htdocs/stc/ie.css	2010-09-24 09:17:36 UTC (rev 17444)
+++ trunk/htdocs/stc/ie.css	2010-09-24 09:43:52 UTC (rev 17445)
@@ -151,7 +151,8 @@
 .m-auth-br {
 	zoom: 1;
 	}
-.b-auth-fbconnect {
+.b-facebookbtn,
+.b-twitterbtn {
 	overflow: visible;
 	}
 * HTML .m-auth-item {

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2010-09-24 09:17:36 UTC (rev 17444)
+++ trunk/htdocs/stc/lj_base.css	2010-09-24 09:43:52 UTC (rev 17445)
@@ -766,6 +766,9 @@
 			.m-auth .current A SPAN {
 				border:0;
 				}
+		.m-auth-twitter A {
+			background: url(/img/icons/twitter-16.gif) no-repeat 20px 50%;
+			}
 		.m-auth .current .m-auth-bl,
 		.m-auth .current .m-auth-br {
 			display: block;
@@ -846,7 +849,8 @@
 			margin: 0;
 			}
 
-.b-facebookbtn {
+.b-facebookbtn,
+.b-twitterbtn {
 	position: relative;
 	height: 22px;
 	margin: 0 20px 0 0;
@@ -857,10 +861,12 @@
 	font: bold 11px/1 Verdana,Arial,sans-serif;
 	cursor: pointer;
 	}
-.b-auth .b-facebookbtn {
+.b-auth .b-facebookbtn,
+.b-auth .b-twitterbtn {
 	float: left;
 	}
-	.b-facebookbtn SPAN {
+	.b-facebookbtn SPAN,
+	.b-twitterbtn SPAN {
 		position: relative;
 		display: block;
 		height: 20px;
@@ -872,9 +878,28 @@
 		line-height: 18px;
 		cursor: pointer;
 		}
-		.b-facebookbtn SPAN I {
+	.b-twitterbtn SPAN {
+        background-color:#FFF;
+		background-image:url(/img/buttons/twitter-login-wide.gif);
+        height:24px;
+        border:none;
+        line-height:22px;
+        padding-left:32px;
+        color:#293F46;
+        text-shadow:1px 1px 0px #FFF;
+        white-space:nowrap;
+        }
+		.b-facebookbtn SPAN I{
 			display: none;
 			}
+		.b-twitterbtn SPAN I{
+            background:url(/img/buttons/twitter-login-wide.gif) no-repeat 100% 0;
+            position:absolute;
+            right:0;
+            top:0;
+            height:24px;
+            width:2px;
+			}
 
 .b-fbinterstitial-question {
 	margin: 0 0 10px;