[livejournal] r17150: LJSUP-6473: Facebook

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-08-18 07:48:31 UTC (rev 17149)
+++ trunk/htdocs/login.bml	2010-08-18 07:50:31 UTC (rev 17150)
@@ -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=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=openid\"><img src=\"$LJ::IMGPREFIX/icons/openid-32.gif\" width=\"32\" height=\"32\" alt=\"$ML{'.connect.openid'}\" title=\"$ML{'.connect.openid'}\" /></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>";
             $body .= "</p>\n";
             $body .= "<ul>\n";

Modified: trunk/htdocs/stc/ie.css
===================================================================
--- trunk/htdocs/stc/ie.css	2010-08-18 07:48:31 UTC (rev 17149)
+++ trunk/htdocs/stc/ie.css	2010-08-18 07:50:31 UTC (rev 17150)
@@ -105,6 +105,33 @@
 	}
 
 
+/* Styles for bubbles
+--------------------------- */
+/*Must be removed after implementation of Framework! */
+* HTML .i-bubble-arrow,
+* HTML .i-bubble-arrow-border {
+	zoom: 1;
+	filter: chroma(color=pink);
+	}
+* HTML .b-bubble-lite .i-bubble-arrow {
+	border-color: pink #FFF pink pink;
+	}
+* HTML .b-bubble-lite .i-bubble-arrow-border {
+	border-color: pink #CCC pink pink;
+	}
+* HTML .b-bubble-yellow .i-bubble-arrow {
+	border-color: pink #FFFFD5 pink pink;
+	}
+* HTML .b-bubble-yellow .i-bubble-arrow-border {
+	border-color: pink #EAE8AC pink pink;
+	}
+
+
+.replyform TABLE TD.b-postform-active .i-postform-label {
+	vertical-align: 1em !important;
+	}
+
+
 /* Facebook & Openid
 --------------------------- */
 /* Must be removed after implementation of Framework! */

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2010-08-18 07:48:31 UTC (rev 17149)
+++ trunk/htdocs/stc/lj_base.css	2010-08-18 07:50:31 UTC (rev 17150)
@@ -335,28 +335,28 @@
 	-moz-border-radius: 5px;
 	border-radius: 5px;
 	}
-	.i-bubble-arrow {
+	.i-bubble-arrow,
+	.i-bubble-arrow-border {
+		overflow: hidden;
 		position: absolute;
 		top: 50%;
-		left: -9px;
 		height: 0;
 		width: 0;
+		}
+	.i-bubble-arrow {
+		left: -9px;
 		margin: -5px 0 0;
 		border-style: solid;
 		border-width: 5px 10px 5px 0;
 		}
 	.i-bubble-arrow-border {
-		position:absolute;
-		top: 50%;
 		left: -11px;
-		height: 0;
-		width: 0;
 		margin: -5px 0 0;
 		border-style: solid;
 		border-width: 5px 10px 5px 0;
 		}
 .b-bubble-noarrow {
-	margin: 0;
+	margin: 0 !important;
 	}
 	.b-bubble-noarrow .i-bubble-arrow,
 	.b-bubble-noarrow .i-bubble-arrow-border {
@@ -383,7 +383,7 @@
 		border-color: transparent #EAE8AC transparent transparent;
 		}
 .b-bubble-intext {
-	margin: 10px 0;
+	margin: 10px 0 !important;
 	}
 
 
@@ -807,9 +807,13 @@
 				width: 300px;
 				}
 		.b-auth-error {
-			margin: 0;
+			margin: 15px 0 5px;
 			text-align: center;
 			}
+			.b-auth-error .i-message-error {
+				display: inline-block;
+				padding: 3px 8px;
+				}
 		.b-auth-desc {
 			overflow: hidden;
 			margin: 0;
@@ -825,6 +829,7 @@
 			background: transparent;
 			color: #6676AB;
 			font: 12px/1 Tahoma,Arial,sans-serif;
+			cursor: pointer;
 			}
 			.b-auth-fbconnect SPAN {
 				position: relative;
@@ -842,7 +847,7 @@
 					height: 22px;
 					margin: 0;
 					padding: 0;
-					background: url(/img/buttons/btn-fb-login.png) no-repeat 0 0;
+					background: url(/img/buttons/facebook-login-wide.gif) no-repeat 0 0;
 					font: 0/0 serif;
 					cursor: pointer;
 					}
@@ -881,9 +886,28 @@
 			vertical-align: -3px;
 			}
 
-.b-postform-td {
+
+.replyform TABLE.b-postform-from {
+	margin: 0 0 0.5em;
+	}
+.replyform TABLE TD.b-postform-icon,
+.replyform TABLE TD.b-postform-radio {
+	vertical-align: middle !important;
+	text-align: center;
+	}
+	.replyform TABLE TD.b-postform-radio INPUT {
+		margin: 0;
+		}
+.replyform TABLE TD.b-postform-data {
+	text-align: left;
 	white-space: nowrap;
 	}
+	.replyform TABLE TD.b-postform-data .i-postform-label {
+		display: inline-block;
+		}
+	.i-postform-disabled {
+		color: #C0C0C0;
+		}
 
 .b-loginpage-btns {
 	}
@@ -897,5 +921,71 @@
 		border: 0;
 		}
 
+.b-manage-connectbtn {
+	margin: 0 0 0.5em;
+	}
+.b-manage-connectopt {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	}
+	.b-manage-connectopt LI {
+		margin: 0 0 0.1em;
+		padding: 0;
+		list-style: none;
+		}
 
+.b-connectbtn {
+	position: relative;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+	font: 12px/1 Tahoma,Arial,sans-serif;
+	cursor: pointer;
+	}
+	.b-connectbtn SPAN {
+		position: relative;
+		display: block;
+		cursor: pointer;
+		}
+		.b-connectbtn SPAN I {
+			position: absolute;
+			top: 0;
+			left: 0;
+			display: block;
+			margin: 0;
+			padding: 0;
+			font: 0/0 serif;
+			cursor: pointer;
+			}
+.b-connectbtn-facebook {
+	width: 65px;
+	height: 22px;
+	color: #6676AB;
+	}
+	.b-connectbtn-facebook SPAN {
+		width: 65px;
+		height: 22px;
+		}
+		.b-connectbtn-facebook SPAN I {
+			width: 65px;
+			height: 22px;
+			background: url(/img/buttons/facebook-login-tiny.gif) no-repeat 0 0;
+			}
+.b-connectbtn-twitter {
+	width: 61px;
+	height: 23px;
+	color: #32CBFF;
+	}
+	.b-connectbtn-twitter SPAN {
+		width: 61px;
+		height: 23px;
+		}
+		.b-connectbtn-twitter SPAN I {
+			width: 61px;
+			height: 23px;
+			background: url(/img/buttons/twitter-login-tiny.gif) no-repeat 0 0;
+			}
 
+