From 43435fb74e0b18b569362088e38166e4fdebf28d Mon Sep 17 00:00:00 2001 From: Minh Tran Date: Tue, 20 Dec 2011 18:42:29 +0100 Subject: [PATCH] Restyling of the login page bzr revid: mit@openerp.com-20111220174229-i615k9nhuoggwl3u --- addons/web/static/src/css/base.css | 185 +++++++++++++++++++++++--- addons/web/static/src/img/logo2.png | Bin 0 -> 8836 bytes addons/web/static/src/img/pattern.png | Bin 0 -> 98 bytes addons/web/static/src/xml/base.xml | 134 +++++++++---------- 4 files changed, 230 insertions(+), 89 deletions(-) create mode 100644 addons/web/static/src/img/logo2.png create mode 100644 addons/web/static/src/img/pattern.png diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css index 25e593170c6..51b6d0e26dc 100644 --- a/addons/web/static/src/css/base.css +++ b/addons/web/static/src/css/base.css @@ -88,12 +88,6 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio .openerp .login { display: none; } -.openerp .login form { - float: left; - width: 420px; - margin-left: 40px; - margin-bottom: 60px; -} .openerp .login fieldset { padding-bottom: 5px; min-width: 100px; @@ -133,19 +127,27 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio } .openerp .login .login_error_message { display: none; - background-color: #9A0404; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - color: white; + background-color: #b41616; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); + -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8); + filter: alpha(opacity=95); + -khtml-opacity: 0.95; + -moz-opacity: 0.95; + color: #eee; font-size: 16px; - font-weight: bold; - padding: 5px; - margin-top: 5px; + padding: 8px 12px; + margin-top: 15px; + text-align: center; +} +.openerp .login .login_invalid { text-align: center; } .openerp .login .login_invalid .login_error_message { - display: block; + display: inline-block; } .openerp.login-mode .login-container { @@ -157,6 +159,8 @@ body.openerp, .openerp textarea, .openerp input, .openerp select, .openerp optio .openerp.login-mode .menu, .openerp.login-mode .secondary_menu, .openerp.login-mode .oe-application, +.openerp.login-mode .oe_footer, +.openerp.login-mode .header, .openerp.login-mode .db_options_row { display: none; } @@ -1841,3 +1845,154 @@ ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after { cursor: default; text-shadow: 0 1px 1px white !important; } + +/* Login page */ + +#oe_login { + padding: 0; + margin: 0; + font-family: "Lucida Grande", Helvetica, Verdana, Arial; + background: url("/web/static/src/img/pattern.png") repeat; + color: #eee; + font-size: 14px; + height: 100%; +} + +#oe_login ul, ol { + padding: 0; + margin: 0; +} + +#oe_login li { + list-style-type: none; + padding-bottom: 4px; +} + +#oe_login a { + color: #eee; + text-decoration: none; +} + +#oe_login button { + float: right; + display: inline-block; + cursor: pointer; + padding: 6px 16px; + font-size: 13px; + font-family: "Lucida Grande", Helvetica, Verdana, Arial; + border: 1px solid #222222; + color: white; + margin: 0; + background: #600606; + background: -moz-linear-gradient(#b92020, #600606); + background: -webkit-gradient(linear, left top, left bottom, from(#b92020), to(#600606)); + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(155, 155, 155, 0.4) inset; + -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset; +} + +#oe_login input, #oe_login select { + width: 250px; + margin-bottom: 10px; + font-size: 14px; + padding: 5px 6px; + border: 1px solid #999999; + background: whitesmoke; + -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); + -box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3); + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +#oe_login .dbpane { + position: fixed; + top: 0; + right: 8px; + padding: 6px 12px 0px; + color: #eee; + border: solid 1px #333; + background: #101010; + filter: alpha(opacity=95); + -khtml-opacity: 0.95; + -moz-opacity: 0.95; + opacity: 0.95; + -moz-border-radius: 0 0 8px 8px; + -webkit-border-radius: 0 0 8px 8px; + border-radius: 0 0 8px 8px; +} + +#oe_login .bottom { + position: absolute; + top: 50%; + left: 0; + right: 0; + bottom: 0; + text-shadow: 0 1px 1px #999999; + background: #600606; + background: -moz-linear-gradient(#b41616, #600606); + background: -webkit-gradient(linear, left top, left bottom, from(#b41616), to(#600606)); +} + +#oe_login .pane { + position: absolute; + top: 50%; + left: 50%; + margin: -160px -166px; + border: solid 1px #333333; + background: #101010; + padding: 20px 32px; + text-align: left; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border-radius: 8px; + -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9); + -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9); + -box-shadow: 0 0 18px rgba(0, 0, 0, 0.9); + filter: alpha(opacity=95); + -khtml-opacity: 0.95; + -moz-opacity: 0.95; + opacity: 0.95; +} + +#oe_login .pane h2 { + margin-top: 0; + font-size: 18px; +} + +#oe_login #logo { + position: absolute; + top: -70px; + left: 0; + width: 100%; + margin: 0 auto; + text-align: center; +} + +#oe_login .footer { + position: absolute; + bottom: -40px; + left: 0; + width: 100%; + text-align: center; +} + +#oe_login .footer a { + font-size: 13px; + margin: 0 8px; +} + +#oe_login .footer a:hover { + text-decoration: underline; +} + +#oe_login .openerp { + font-weight: bold; + font-family: serif; + font-size: 16px; +} diff --git a/addons/web/static/src/img/logo2.png b/addons/web/static/src/img/logo2.png new file mode 100644 index 0000000000000000000000000000000000000000..49e789fa01dcc6f449f240e5dafb9cf7f558cfc8 GIT binary patch literal 8836 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
+ @@ -61,6 +62,41 @@
@@ -36,7 +37,7 @@
-
+
+ + + + + + + + + + + + + + + +
+
+ +
+
+ 		+
+
+ + + + + +
+
+
+
+
@@ -262,80 +298,30 @@ -