From 420353a562942a7b4045464cc3981ec18bdabe33 Mon Sep 17 00:00:00 2001 From: timb Date: Fri, 15 Jan 2010 17:33:12 -0800 Subject: added login form to banner --- static/form_login/front.css | 125 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 125 insertions(+) create mode 100644 static/form_login/front.css (limited to 'static/form_login/front.css') diff --git a/static/form_login/front.css b/static/form_login/front.css new file mode 100644 index 0000000..936d9ec --- /dev/null +++ b/static/form_login/front.css @@ -0,0 +1,125 @@ +#login-container { + width:780px; + margin:0 auto; + position: relative; +} + +#login-container a:link, a:visited { + color:#27b; + text-decoration:none; +} +#login-container .topnav { + padding:10px 0px 12px; + font-size:11px; + line-height:23px; + text-align:right; +} +#login-container .topnav a.signin { + background:#88bbd4; + padding:4px 6px 6px; + text-decoration:none; + font-weight:bold; + color:#fff; + -webkit-border-radius:4px; + -moz-border-radius:4px; + border-radius:4px; + *background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0; + *padding:4px 12px 6px; +} +#login-container .topnav a.signin:hover { + background:#59B; + *background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0; + *padding:4px 12px 6px; +} +#login-container .topnav a.signin, #login-container .topnav a.signin:hover { + *background-position:0 3px!important; +} + +a.signin { + position:relative; + margin-left:3px; +} +a.signin span { + background-image:url("images/toggle_down_light.png"); + background-repeat:no-repeat; + background-position:100% 50%; + padding:4px 16px 6px 0; +} +#login-container .topnav a.menu-open { + background:#ddeef6!important; + color:#666!important; + outline:none; +} + +a.signin.menu-open span { + background-image:url("images/toggle_up_dark.png"); + color:#789; +} + +#signin_menu { + -moz-border-radius-topleft:5px; + -moz-border-radius-bottomleft:5px; + -moz-border-radius-bottomright:5px; + -webkit-border-top-left-radius:5px; + -webkit-border-bottom-left-radius:5px; + -webkit-border-bottom-right-radius:5px; + display:none; + background-color:#ddeef6; + position:absolute; + width:210px; + z-index:100; + border:1px transparent; + text-align:left; + padding:12px; + top: 24.5px; + right: 0px; + margin-top:5px; + margin-right: 0px; + *margin-right: -1px; + color:#789; + font-size:11px; +} + +#signin_menu input[type=text], #signin_menu input[type=password] { + display:block; + -moz-border-radius:4px; + -webkit-border-radius:4px; + border:1px solid #ACE; + font-size:13px; + margin:0 0 5px; + padding:5px; + width:203px; +} +#signin_menu p { + margin:0; +} +#signin_menu a { + color:#6AC; +} +#signin_menu label { + font-weight:normal; +} + +#signin_menu p a { + color:#27B!important; +} +#loginSubmit { + -moz-border-radius:4px; + -webkit-border-radius:4px; + background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0; + border:1px solid #39D; + color:#fff; + text-shadow:0 -1px 0 #39d; + padding:4px 10px 5px; + font-size:11px; + margin:0 5px 0 0; + font-weight:bold; +} +#loginSubmit::-moz-focus-inner { +padding:0; +border:0; +} +#loginSubmit:hover, #loginSubmit:focus { + background-position:0 -5px; + cursor:pointer; +} \ No newline at end of file -- cgit v1.2.3-70-g09d2 From 3cb8a719e34785eb972368734eb70b6ad2270f34 Mon Sep 17 00:00:00 2001 From: timb Date: Sat, 16 Jan 2010 20:17:30 -0800 Subject: fix position of login --- static/form_login/front.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'static/form_login/front.css') diff --git a/static/form_login/front.css b/static/form_login/front.css index 936d9ec..46cbc4c 100644 --- a/static/form_login/front.css +++ b/static/form_login/front.css @@ -1,6 +1,7 @@ #login-container { - width:780px; - margin:0 auto; + float: right; + /*width:780px; + margin:0 auto;*/ position: relative; } -- cgit v1.2.3-70-g09d2 From ba5bfc7892f8bfb6448d741291de1b0e51d8885b Mon Sep 17 00:00:00 2001 From: dumpfmprod Date: Tue, 19 Jan 2010 00:03:59 -0500 Subject: timb adding ryder's banner changes --- static/form_login/front.css | 34 +++++++++++++++++++++++++++------- static/header.css | 11 ++++++----- template/banner.st | 16 +++++++--------- template/form_login.st | 8 +++++++- 4 files changed, 47 insertions(+), 22 deletions(-) (limited to 'static/form_login/front.css') diff --git a/static/form_login/front.css b/static/form_login/front.css index 46cbc4c..ea767b0 100644 --- a/static/form_login/front.css +++ b/static/form_login/front.css @@ -2,11 +2,19 @@ float: right; /*width:780px; margin:0 auto;*/ +right:2; +color:#fff; position: relative; +top:-6; +filter:alpha(opacity=90); + -moz-opacity:0.9; + -khtml-opacity: 0.9; + opacity: 0.9; + } #login-container a:link, a:visited { - color:#27b; + color:#f0e; text-decoration:none; } #login-container .topnav { @@ -14,18 +22,23 @@ font-size:11px; line-height:23px; text-align:right; + } #login-container .topnav a.signin { - background:#88bbd4; - padding:4px 6px 6px; + + padding:4px 3 3px 6px; text-decoration:none; - font-weight:bold; +border:1px solid #; +background-color:#f0e; + font-weight:; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0; - *padding:4px 12px 6px; + *padding:4px 12px 6px; filter:alpha(opacity=80); + + } #login-container .topnav a.signin:hover { background:#59B; @@ -49,7 +62,11 @@ a.signin span { #login-container .topnav a.menu-open { background:#ddeef6!important; color:#666!important; - outline:none; + outline:none;box-shadow: 3px 2px 2px #ccc; +-webkit-box-shadow: 3px 2px 2px #ccc; +-moz-box-shadow: 3px 2px 2px #ccc; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); + } a.signin.menu-open span { @@ -78,7 +95,10 @@ a.signin.menu-open span { margin-right: 0px; *margin-right: -1px; color:#789; - font-size:11px; + font-size:11px; box-shadow: 3px 2px 2px #ccc; +-webkit-box-shadow: 3px 2px 2px #ccc; +-moz-box-shadow: 3px 2px 2px #ccc; +filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ccc, offX=3, offY=4, positive=true); } #signin_menu input[type=text], #signin_menu input[type=password] { diff --git a/static/header.css b/static/header.css index e4a09a3..a128095 100755 --- a/static/header.css +++ b/static/header.css @@ -10,8 +10,8 @@ color: #fff; } #strapline{position:absolute; -top:1; -right:10%; +top:6; +right:20%; } .white a:hover { text-decoration: none; @@ -46,7 +46,7 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#036aca, offX=3, offY } #bar7{ - top:30px; + top:25px; position:absolute; font-family: Arial, Helvetica, sans-serif; @@ -58,12 +58,13 @@ filter: progid:DXImageTransform.Microsoft.dropShadow(color=#036aca, offX=3, offY z-index: 999; } #logout7{ - top:5px; + top:2px; position:relative; font-size:12px; - margin-right: 10px; + margin-right: 5px; float:right; z-index: 999; + line-height:1.5; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } diff --git a/template/banner.st b/template/banner.st index 1a54489..9e92d8c 100755 --- a/template/banner.st +++ b/template/banner.st @@ -10,25 +10,23 @@
$if(user_nick)$  - ★ Profile ★ | - $else$ Register | + Profile + $else$ Register $endif$ - Room A | - Log - | Browser Tool + Room A + Log + Browser Tool $if(isadmin)$ - | ★ VIP ★ + ★ VIP ★ $endif$
- $if(user_nick)$
-
Logout +
$if(user_nick)$ Logout $else$ $form_login()$ $endif$
- $else$ $form_login()$ $endif$

diff --git a/template/form_login.st b/template/form_login.st index 5c164fe..aee9283 100644 --- a/template/form_login.st +++ b/template/form_login.st @@ -1,7 +1,13 @@
-
+
Have an account?
+

+ +

+


+

+

-- cgit v1.2.3-70-g09d2