[ljcom] r10507: LJINT-425: LJ Comments - correct "login ...

U   trunk/htdocs/stc/partners/login.css

Modified: trunk/htdocs/stc/partners/login.css
===================================================================
--- trunk/htdocs/stc/partners/login.css	2011-05-13 01:20:54 UTC (rev 10506)
+++ trunk/htdocs/stc/partners/login.css	2011-05-13 03:07:03 UTC (rev 10507)
@@ -71,21 +71,22 @@
 	z-index:1;
 	border:0;
 	font:12px Arial, Helvetica, sans-serif;
+	background-color:#F7F7F7;
 	}
 	.b-auth LI {
 		padding:0;
 		border:0;
 		}
 		.b-auth FORM {
-			padding:10px 30px;
-			height:180px;
+			padding:24px 30px 9px;
+			height:167px;
 			overflow:hidden;
 			border:1px solid #CCC;
-			border-radius:6px;
-			-moz-border-radius:6px;
-			-webkit-border-radius:6px;
+			-webkit-border-radius:0 0 6px 6px;
+			-moz-border-radius:0 0 6px 6px;
+			border-radius:0 0 6px 6px;
 			}
-		.b-auth #tab-user FORM {
+		/*.b-auth #tab-user FORM {
 			border-radius:0 6px 6px 6px;
 			-moz-border-radius:0 6px 6px 6px;
 			-webkit-border-radius:0 6px 6px 6px;
@@ -94,14 +95,14 @@
 		.b-auth #tab-twitter FORM {
 			padding:30px;
 			height:140px;
-			}
+			}*/
 
 .b-auth-user-form,
 .b-auth-openid-form {
-	/*float:left;*/
+	float:left;
 	margin:0;
-	padding:20px 0;
-	text-align:left;
+	padding:0;
+	text-align:center;
 	}
 #tab-user .b-auth-input-wrapper {
 	margin: 0 0 5px;
@@ -116,6 +117,9 @@
 		left:6px;
 		color:#666;
 		}
+	.b-auth-input-wrapper INPUT {
+		width:150px;
+		}
 	.lj3-input-wrapper INPUT,
 	.lj3-input-wrapper TEXTAREA,
 	.b-auth-input-wrapper INPUT,
@@ -128,34 +132,38 @@
 	.b-auth-input-wrapper A,
 	.b-auth-input-wrapper SPAN {
 		display:block;
+		text-align:center;
 		font-size:11px;
 		color:#666;
 		}
 	.b-auth-input-wrapper A {
-		color:#222;
+		color:#369;
 		}
 .b-auth-user-form BUTTON,
 .b-auth-openid-form BUTTON {
-	margin:10px 0;
+	margin:5px 0;
 	text-align:left;
+	color:#222;
 	}
 
 .b-auth-desc {
-	float:right;
-	padding:20px 0;
+	/*float:right;*/
+	padding:0 0 0 184px;
+	overflow:visible;
 	line-height:1.4em;
+	color:#333;
 	}
-.b-auth #tab-user .b-auth-desc {
+/*.b-auth #tab-user .b-auth-desc {
 	width:340px;
-	}
+	}*/
 .b-auth #tab-openid .b-auth-desc {
-	width:260px;
+	padding:0 0 0 260px;
 	}
-.b-auth #tab-facebook .b-auth-desc,
+/*.b-auth #tab-facebook .b-auth-desc,
 .b-auth #tab-twitter .b-auth-desc {
 	width:300px;
 	padding:0;
-	}
+	}*/
 
 .b-auth-error {
     position:absolute;
@@ -187,7 +195,7 @@
 
 .b-auth-user-form .b-auth-user-input {
 	width:138px;
-	margin:0;
+	margin:0 0 5px;
 	}
 .b-auth-openid-form INPUT {
 	width:218px;
@@ -332,3 +340,63 @@
 	background:url(/img/icons/twitter-16.gif?v=1) no-repeat 0 0;
 	}
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* NEW DESIGN */
+.b-identity-header {
+	padding:14px 28px 12px;
+	position:relative;
+	background:url(../img/header-gradient.gif) repeat-x 0 0;
+	background-color:#6D9BC7;
+	border-bottom:1px solid #3F6D8D;
+	-webkit-border-radius:6px 6px 0 0;
+	-moz-border-radius:6px 6px 0 0;
+	border-radius:6px 6px 0 0;
+	overflow:visible;
+	}
+.b-identity-header .logo {
+	font:bold 18px/20px Arial, sans-serif;
+	text-shadow:0 -1px 0 #000;
+	color:#FFF;
+	}
+.b-identity-header .logo I {
+	display:inline-block;
+	width:16px;
+	height:16px;
+	margin:0 6px 0 0;
+	vertical-align:baseline;
+	background:url(http://livejournal.com/img/pencil.gif) no-repeat 0 0;
+	}
+.b-identity-header .b-auth-wrapper {
+	position:absolute;
+	right:28px;
+	top:14px;
+	line-height:10px;
+	padding:2px;
+	background-color:rgba(0, 0, 0, 0.25);
+	border-color:#253343;
+	border-radius:4px 4px 4px 4px;
+	border-style:solid;
+	border-width:0 1px 1px 0;
+	}
+
+.b-popup-inner {
+	padding:6px 8px;
+	}
+/*	
+.i-popup-arrtr {
+	right:14px;
+	}
+*/