diff options
| -rw-r--r-- | css/page.css | 7 | ||||
| -rw-r--r-- | includes/header.php | 35 |
2 files changed, 26 insertions, 16 deletions
diff --git a/css/page.css b/css/page.css index ec0f1c9..10038e4 100644 --- a/css/page.css +++ b/css/page.css @@ -152,6 +152,7 @@ a img {border: none;} /* IE specific: remove outline around image links */ background-color:#ccc;
padding: 5px 15px 5px 15px;
box-shadow: 0 0 4px #888;
+ border-radius: 10px;
}
#oid_btn {
background-color: #bbb;
@@ -180,16 +181,18 @@ position:absolute;color:#333;left:25px;bottom:20px; -moz-animation: signinAnimate 1s; /* Firefox */
position:fixed;
color:#000;
- background-color:#999;
+ background-color: rgb(216, 216, 216);
+ background-color: rgba(216, 216, 216, 0.95);
box-shadow: 0 0 5px #888;
z-index:200;
padding: 0px 15px 15px 15px;
text-align: left;
left:50%;
- top:120px;
+ top:100px;
width:530px;
margin-left:-275px;
display:inline;
+ border-radius:15px;
}
#oid_hidden {
position:fixed;
diff --git a/includes/header.php b/includes/header.php index f8519a1..3965357 100644 --- a/includes/header.php +++ b/includes/header.php @@ -41,17 +41,17 @@ function htmlHeader($css = array(), $title = 'Pathery', $desc = '', $scripts = a </script>
<script>
-<? echo userDataToJS(); ?>
function showSignin() {
- if (document.getElementById('oid_hidden') !== undefined) {
+ if (typeof document.getElementById('oid_hidden') !== 'undefined') {
document.getElementById('oid_hidden').id = 'oid_wrapper';
}
}
function hideSignin() {
- if (document.getElementById('oid_wrapper') !== undefined) {
+ if (typeof document.getElementById('oid_wrapper') !== 'undefined') {
document.getElementById('oid_wrapper').id = 'oid_hidden';
}
}
+<? echo userDataToJS(); ?>
</script>
</head>
@@ -145,7 +145,6 @@ function htmlFooter() { ?>
})();
- createSignin();
</script>
</body>
@@ -155,6 +154,24 @@ function htmlFooter() { function topbar($links) {
global $accepted, $wallColor, $wallEmblem, $request;
+
+
+
+ //Empty first-div contains sound manager stuff
+ echo '<div></div>';
+
+ //echo '<script>createSignin();</script>';
+ echo ' <div class="wrapper" id="oid_hidden" >
+ <h2>Sign in</h2>
+ <div id="oid_box">
+ <h2 style="color:#333;">Do you have an account here?</h2>
+ <a rel="nofollow" href="login?op=google"><img id="oid_btn" src="images/btns/signin_Google.png" alt="Sign in with Google" /></a>
+ <a rel="nofollow" href="login?op=yahoo"><img id="oid_btn" src="images/btns/signin_Yahoo.png" alt="Sign in with Yahoo" /></a>
+ <a id="oid_learn" href="http://openid.net/get-an-openid/what-is-openid/" target="_blank" >Learn more about OpenID</a>
+ <a id="oid_cancel" href="javascript:hideSignin();">X</a>
+ </div>
+ </div>';
+
echo '<div id="topbar"><div id="topbarContent">';
foreach ($links as $key => $value) {
@@ -183,16 +200,6 @@ function topbar($links) { } else {
?>
<a href='javascript:showSignin();'>Sign in</a>
-<!-- <div class="wrapper" id="oid_hidden" >
- <h2>Sign in</h2>
- <div id="oid_box">
- <h2 style="color:#333;">Do you have an account here?</h2>
- <a rel="nofollow" href="login?op=google"><img id="oid_btn" src="images/btns/signin_Google.png" alt="Sign in with Google" /></a>
- <a rel="nofollow" href="login?op=yahoo"><img id="oid_btn" src="images/btns/signin_Yahoo.png" alt="Sign in with Yahoo" /></a>
- <a id="oid_learn" href="http://openid.net/get-an-openid/what-is-openid/" target="_blank" >Learn more about OpenID</a>
- <a id="oid_cancel" href="javascript:hideSignin();">X</a>
- </div>
- </div> -->
<?
}
echo " </div>";
|