diff --git a/ui/css/main.css b/ui/css/main.css index 5d91d395624..efbc752704f 100644 --- a/ui/css/main.css +++ b/ui/css/main.css @@ -200,14 +200,109 @@ a:hover { padding:0; } -.loginbutton_box { - width:400px; + +.loginoptions_panel { + width:420px; height:auto; float:left; - margin:17px 0 0 0; + margin:10px 0 0 0; padding:0; } +.loginbutton_box { + width:420px; + height:auto; + float:left; + margin:10px 0 0 0; + padding:0; +} + +.loginoptions_box { + width:auto; + height:auto; + float:right; + margin:0; + padding:0; +} + +.loginoptions_dropdownbutton { + width: 109px; + height:21px; + float:left; + position:relative; + background:url(../images/loginoptions_dropdownbutton.png) no-repeat top left; + margin:0 0 0 5px; + padding:0; + cursor:pointer; + cursor:hand; +} + +.loginoptions_dropdownbutton:hover { + background:url(../images/loginoptions_dropdownbutton_hover.png) no-repeat top left; +} + +.loginoptions_dropdownbutton p{ + width:78px; + height:auto; + float:left; + color:#2c8bbc; + font-size:11px; + font-weight:normal; + text-align:left; + margin:6px 0 0 10px; + display:inline; + padding:0; +} + +.loginoptions_ddarrow { + width:7px; + height:3px; + float:left; + background:url(../images/loginoptions_ddarrow.png) no-repeat top left; + margin:8px 0 0 5px; + display:inline; + padding:0; +} + +.loginoptions_dropdown { + width:97px; + height:100px; + float:left; + position:absolute; + background:#f2f2f2; + border:1px solid #bebebe; + border-top:none; + top:20px; + left:5px; +} + +.loginoptions_dropdown ul{ + width:79px; + height:auto; + float:left; + margin:3px 0 0 9px; + padding:0 0 10px 0; + list-style:none; +} + +.loginoptions_dropdown li{ + width:74px; + height:auto; + float:left; + color:#333; + font-size:11px; + font-weight:none; + background:#f2f2f2; + border-bottom:1px dotted #999; + margin:0; + padding:5px 0 3px 5px; + list-style:none; +} + +.loginoptions_dropdown li:hover{ + background:#bebebe; +} + .login_button { width:94px; height:30px; diff --git a/ui/images/loginoptions_ddarrow.png b/ui/images/loginoptions_ddarrow.png new file mode 100644 index 00000000000..e710a1b3441 Binary files /dev/null and b/ui/images/loginoptions_ddarrow.png differ diff --git a/ui/images/loginoptions_dropdownbutton.png b/ui/images/loginoptions_dropdownbutton.png new file mode 100644 index 00000000000..ba150042924 Binary files /dev/null and b/ui/images/loginoptions_dropdownbutton.png differ diff --git a/ui/images/loginoptions_dropdownbutton_hover.png b/ui/images/loginoptions_dropdownbutton_hover.png new file mode 100644 index 00000000000..60159850e28 Binary files /dev/null and b/ui/images/loginoptions_dropdownbutton_hover.png differ