Committer: szhirkov
LJINT-425: LJ Comments - correct "login more" bubble position 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; + } +*/