Максим Червонный (fiskus_boulder) wrote in changelog,
Максим Червонный
fiskus_boulder
changelog

[ljcom] r10307: LJSUP-8374: semi transparent background ...

Committer: mchervonniy
LJSUP-8374: semi transparent background for login icons
U   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
 -------------------------------------- */

Tags: css, fiskus_boulder, ljcom, look
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments