Committer: mchervonniy
LJSUP-8374: semi transparent background for login iconsU trunk/cgi-bin/bml/scheme/lanzelot.look U trunk/htdocs/stc/lanzelot/css/ie.css U trunk/htdocs/stc/lanzelot/css/layout.css
Modified: trunk/cgi-bin/bml/scheme/lanzelot.look
===================================================================
--- trunk/cgi-bin/bml/scheme/lanzelot.look 2011-03-25 11:24:44 UTC (rev 10306)
+++ trunk/cgi-bin/bml/scheme/lanzelot.look 2011-03-28 03:34:51 UTC (rev 10307)
@@ -171,7 +171,23 @@
$returnto
$extra_fields
<table class="login-form"><tr>
- <td colspan="3"><a href="<?siteroot?>/create.bml">$ML{'horizon.login.create'}</a> $ML{'horizon.login.loginwith'} <a href="<?siteroot?>/identity/login.bml?type=facebook" title="$ML{'horizon.login.facebook'}" class="i-auth"><img src="$LJ::IMGPREFIX/icons/facebook-16.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.facebook'}" /></a> <a href="<?siteroot?>/identity/login.bml?type=twitter" title="$ML{'horizon.login.twitter'}" class="i-auth"><img src="$LJ::IMGPREFIX/icons/twitter-16.gif?v=2" width="16" height="16" alt="$ML{'horizon.login.twiiter'}" /></a> <a href="#login-more" class="i-auth i-loginpopup-show"><img src="$LJ::IMGPREFIX/icons/showmore.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.showmore'}" /></a><div class="b-loginpopup" id="login-more"><ul class="b-loginpopup-items"><li class="b-loginpopup-item"><a href="<?siteroot?>/identity/login.bml?type=openid" title="$ML{'horizon.login.openid'}"><img src="$LJ::IMGPREFIX/icons/openid-16.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.openid'}" />$ML{'horizon.login.openid'}</a></li><li class="b-loginpopup-item"><a href="<?siteroot?>/identity/login.bml?type=mailru" title="$ML{'horizon.login.mailru'}"><img src="$LJ::IMGPREFIX/icons/mailru-16.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.mailru'}" />$ML{'horizon.login.mailru'}</a></li><li class="b-loginpopup-item"><a href="<?siteroot?>/identity/login.bml?type=vkontakte" title="$ML{'horizon.login.vkontakte'}"><img src="$LJ::IMGPREFIX/icons/vkontakte-16.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.vkontakte'}" />$ML{'horizon.login.vkontakte'}</a></li></ul></div><script type="text/javascript">jQuery('div.b-loginpopup').bubble({ target: jQuery('a.i-loginpopup-show'), closeControl: false });</script></td>
+ <td colspan="3">
+ <a href="<?siteroot?>/create.bml">$ML{'horizon.login.create'}</a>
+ $ML{'horizon.login.loginwith'}
+ <span class="b-auth-wrapper">
+ <a href="<?siteroot?>/identity/login.bml?type=facebook" title="$ML{'horizon.login.facebook'}" class="i-auth"><img src="$LJ::IMGPREFIX/icons/facebook-16.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.facebook'}" /></a>
+ <a href="<?siteroot?>/identity/login.bml?type=twitter" title="$ML{'horizon.login.twitter'}" class="i-auth"><img src="$LJ::IMGPREFIX/icons/twitter-16.gif?v=2" width="16" height="16" alt="$ML{'horizon.login.twiiter'}" /></a>
+ <a href="#login-more" class="i-auth i-loginpopup-show"><img src="$LJ::IMGPREFIX/icons/showmore.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.showmore'}" /></a>
+ </span>
+ <div class="b-loginpopup" id="login-more">
+ <ul class="b-loginpopup-items">
+ <li class="b-loginpopup-item"><a href="<?siteroot?>/identity/login.bml?type=openid" title="$ML{'horizon.login.openid'}"><img src="$LJ::IMGPREFIX/icons/openid-16.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.openid'}" />$ML{'horizon.login.openid'}</a></li>
+ <li class="b-loginpopup-item"><a href="<?siteroot?>/identity/login.bml?type=mailru" title="$ML{'horizon.login.mailru'}"><img src="$LJ::IMGPREFIX/icons/mailru-16.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.mailru'}" />$ML{'horizon.login.mailru'}</a></li>
+ <li class="b-loginpopup-item"><a href="<?siteroot?>/identity/login.bml?type=vkontakte" title="$ML{'horizon.login.vkontakte'}"><img src="$LJ::IMGPREFIX/icons/vkontakte-16.gif?v=1" width="16" height="16" alt="$ML{'horizon.login.vkontakte'}" />$ML{'horizon.login.vkontakte'}</a></li>
+ </ul>
+ </div>
+ <script type="text/javascript">jQuery('div.b-loginpopup').bubble({ target: jQuery('a.i-loginpopup-show'), closeControl: false });</script>
+ </td>
</tr>
<tr>
<td><input type="text" class="txt" name="user" id="login_user" value="username" onblur="if (this.value=='') this.value='username';" onfocus="if (this.value=='username') this.value='';" /></td>
Modified: trunk/htdocs/stc/lanzelot/css/ie.css
===================================================================
--- trunk/htdocs/stc/lanzelot/css/ie.css 2011-03-25 11:24:44 UTC (rev 10306)
+++ trunk/htdocs/stc/lanzelot/css/ie.css 2011-03-28 03:34:51 UTC (rev 10307)
@@ -66,7 +66,9 @@
border: none;
text-decoration: underline;
}
-
+.b-auth-wrapper {
+ border:0;
+ }
/* Userbar
-------------------------------------- */
Modified: trunk/htdocs/stc/lanzelot/css/layout.css
===================================================================
--- trunk/htdocs/stc/lanzelot/css/layout.css 2011-03-25 11:24:44 UTC (rev 10306)
+++ trunk/htdocs/stc/lanzelot/css/layout.css 2011-03-28 03:34:51 UTC (rev 10307)
@@ -208,6 +208,16 @@
position: absolute;
top: 32px;
}
+ .b-auth-wrapper {
+ padding:4px 1px 2px 0;
+ line-height:16px;
+ border:1px solid #253343;
+ border-width:0 1px 1px 0;
+ background-color:rgba(0, 0, 0, 0.25);
+ -moz-border-radius:4px;
+ -webkit-border-radius:4px;
+ border-radius:4px;
+ }
/* Login Error
-------------------------------------- */