[livejournal] r17150: LJSUP-6473: Facebook
Committer: esavintcev
LJSUP-6473: FacebookU 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;
+ }
+