From 051f8bee795926b97dd75c24ec39c558fd251f31 Mon Sep 17 00:00:00 2001 From: Carlos Roque Date: Tue, 10 Mar 2015 16:56:36 +0000 Subject: [PATCH] =?UTF-8?q?Altera=C3=A7=C3=A3o=20ao=20ecr=C3=A3=20de=20log?= =?UTF-8?q?in.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit git-svn-id: https://svn.coded.pt/svn/SIPRP@2048 bb69d46d-e84e-40c8-a05a-06db0d633741 --- trunk/siprpWeb/web/html/css/template.css | 693 +++++++++++++---------- trunk/siprpWeb/web/html/index.html | 84 +-- 2 files changed, 419 insertions(+), 358 deletions(-) diff --git a/trunk/siprpWeb/web/html/css/template.css b/trunk/siprpWeb/web/html/css/template.css index b2742f1f..71205e9a 100644 --- a/trunk/siprpWeb/web/html/css/template.css +++ b/trunk/siprpWeb/web/html/css/template.css @@ -7,287 +7,374 @@ * */ - body{ - background: #fff url(imgs/bg.png) repeat-x; - margin:0; - width:100%; - font-size: 13px; - font-family:century gothic,verdana,arial,sans-serif; - + background: #fff url(imgs/bg.png) repeat-x; + margin:0; + width:100%; + font-size: 13px; + font-family:century gothic,verdana,arial,sans-serif; } -body #popup{ - background: #fff url(imgs/none.png) repeat!important; - margin:0; - width:100%; - font-size: 13px; - font-family:century gothic,verdana,arial,sans-serif; - +body.login{ + background: #e6e6e6; + box-sizing: border-box; } +body.login * { + box-sizing: border-box; +} + +body #popup{ + background: #fff url(imgs/none.png) repeat!important; + margin:0; + width:100%; + font-size: 13px; + font-family:century gothic,verdana,arial,sans-serif; +} #bg_header{ - background: #f5f5f4; - height:100px; - position:absolute; - right:0; - width:50%; - margin-top: 2px; -} - + background: #f5f5f4; + height:100px; + position:absolute; + right:0; + width:50%; + margin-top: 2px; +} + .wrapper{ - width:1024px; - margin-left:auto; - margin-right:auto; + width:1024px; + margin-left:auto; + margin-right:auto; } .wrapper2{ - width:957px; - margin-left:auto; - margin-right:auto; + width:957px; + margin-left:auto; + margin-right:auto; } hr{ - background: url(imgs/hr.png) repeat-x; - width:95%; - opacity:0.4; - filter:alpha(opacity=40); + background: url(imgs/hr.png) repeat-x; + width:95%; + opacity:0.4; + filter:alpha(opacity=40); } #cont_banner h1{ - margin-left:26px; - background: url(imgs/h1.png) no-repeat center left; - padding-left: 27px; - color:white; - font-size: 25px; - + margin-left:26px; + background: url(imgs/h1.png) no-repeat center left; + padding-left: 27px; + color:white; + font-size: 25px; + } #cont_banner ul.menu{ - float:right; - list-style: none; - margin-right:30px; + float:right; + list-style: none; + margin-right:30px; } #cont_banner ul.menu li{ - float:left; - margin-left:35px; - color: white; + float:left; + margin-left:35px; + color: white; } #cont_banner ul.menu li a{ - text-decoration:none; - color: white; - font-size: 14px; + text-decoration:none; + color: white; + font-size: 14px; } #header{ - background: url(imgs/header.png) no-repeat; - margin-top: 8px; - width: 1020px; - height: 114px; + background: url(imgs/header.png) no-repeat; + margin-top: 8px; + width: 1020px; + height: 114px; } #logo{ - background: url(imgs/logo.png) no-repeat; - margin-top: 12px; - width: 452px; - height: 80px; - float: left; - margin-left: 46px; + background: url(imgs/logo.png) no-repeat; + margin-top: 12px; + width: 452px; + height: 80px; + float: left; + margin-left: 46px; } #lang{ - float:right; - margin-right:30px; - position:relative; + float:right; + margin-right:30px; + position:relative; } #menu{ - height:36px; - margin-left:18px; - } + height:36px; + margin-left:18px; +} #menu ul{ - float:left; - list-style-type:none; - padding:0; + float:left; + list-style-type:none; + padding:0; } #menu ul li{ - background:url(imgs/hover_l.png) no-repeat scroll 0 0 transparent; - display:block; - float:left; - height:27px; - margin-left:-18px; - position:relative; - width:500px; + background:url(imgs/hover_l.png) no-repeat scroll 0 0 transparent; + display:block; + float:left; + height:27px; + margin-left:-18px; + position:relative; + width:500px; } #cima{ - background: url(imgs/cima.png) no-repeat; - width: 957px; - height: 7px; - margin-left:auto; + background: url(imgs/cima.png) no-repeat; + width: 957px; + height: 7px; + margin-left:auto; } #cont_banner{ - background: #678995; - width: 957px; - min-height: 100px; - display: inline-block; - - } + background: #678995; + width: 957px; + min-height: 100px; + display: inline-block; + +} #cont_banner .button_back{ - color: #fff; - float: right; - margin-top: 10px; - margin-right: 35px; - font-size: 17px; + color: #fff; + float: right; + margin-top: 10px; + margin-right: 35px; + font-size: 17px; } - - + + #baixo{ - background: url(imgs/baixo.png) no-repeat; - width: 957px; - height: 8px; - margin-left:auto; - margin-right:auto; + background: url(imgs/baixo.png) no-repeat; + width: 957px; + height: 8px; + margin-left:auto; + margin-right:auto; } #menu_footer{ - float: right; - font-size:11px; - margin-right:25px; - margin-top:-115px; - vertical-align:top; - color: #3e4d52; + float: right; + font-size:11px; + margin-right:25px; + margin-top:-115px; + vertical-align:top; + color: #3e4d52; } #menu_footer li{ - background: url(imgs/it.png) no-repeat center left transparent; - padding-left: 10px; - list-style-type:none; - float:left; - + background: url(imgs/it.png) no-repeat center left transparent; + padding-left: 10px; + list-style-type:none; + float:left; + } #menu_footer li a{ - color:#3E4D52; - float:left; - padding-left:5px; - padding-right:10px; - text-decoration:none; + color:#3E4D52; + float:left; + padding-left:5px; + padding-right:10px; + text-decoration:none; } #menu_footer li#current a, #menu_footer li a:hover{ - text-decoration: underline; + text-decoration: underline; } -#cont{ - width: 957px; - min-height: 100px; - margin-left:auto; - margin-right:auto; - margin-top:40px; - min-height:200px; +#cont{ + width: 957px; + min-height: 100px; + margin-left:auto; + margin-right:auto; + margin-top:40px; + min-height:200px; } .contentheading{ - font-size: 17px; - color: #bf1b2e; - margin-bottom: 6px; + font-size: 17px; + color: #bf1b2e; + margin-bottom: 6px; } a{ - color: #bf1b2e; - text-decoration: none; + color: #bf1b2e; + text-decoration: none; } #footer{ - background: url(imgs/footer.png) repeat-x; - min-height: 60px; - display: inline-block; - position: absolute; - z-index: -2; - width: 100%; + background: url(imgs/footer.png) repeat-x; + min-height: 60px; + display: inline-block; + position: absolute; + z-index: -2; + width: 100%; } .wrapperFooter{ - background:transparent url(imgs/footer_bg.png) no-repeat scroll 0 0; - height: 394px; - position: relative; - z-index: -1; - margin-top: -254px; -} - - -.chronoform a{ - display: none; -} - -.cf_label{ - font-size: 90%; -} - -#copy{ - color:gray; - display:inline-block; - font-size:11px; - margin-left:25px; - margin-top:-100px; - vertical-align:top; - float:left; -} - + background:transparent url(imgs/footer_bg.png) no-repeat scroll 0 0; + height: 394px; + position: relative; + z-index: -1; + margin-top: -254px; +} + + +.chronoform a{ + display: none; +} + +.cf_label{ + font-size: 90%; +} + +#copy{ + color:gray; + display:inline-block; + font-size:11px; + margin-left:25px; + margin-top:-100px; + vertical-align:top; + float:left; +} + .contact{ - background:url(imgs/login_form.png) no-repeat scroll 0 0 transparent; - height:325px; - padding-right:25px; - width:357px; - margin-left: auto; - margin-right: auto; + background:url(imgs/login_form.png) no-repeat scroll 0 0 transparent; + height:325px; + padding-right:25px; + width:357px; + margin-left: auto; + margin-right: auto; +} + +.lg-contact{ + background: #fff; + width: 400px; + margin: 0 auto; + padding-top: 15px; + overflow: auto; +} + +.lg-contact .lg-logo{ + width: 100%; + text-align: center; + margin-bottom: 20px; +} + +.lg-contact .clientes{ + width: 100%; + text-align: center; + padding-top: 10px; + padding-bottom: 10px; + display: inline-block; + background: #d8292a; + color: #ffffff; +} + +.lg-contact .lg-content{ + padding-top: 20px; + background: #c1272d; + overflow: auto; + padding-bottom: 15px; + color: #ffffff; +} + +.lg-contact form{ + width: 340px; + margin: 0 auto; +} + +.lg-contact .login{ + width: 100%; + margin-bottom: 5px; +} + +.lg-contact .login > label{ + width: 90px; + display: inline-block; + text-align: right; +} + +#cont-lg{ + width: 957px; + margin-left:auto; + margin-right:auto; + margin-top:90px; + min-height:200px; +} + +.lg-contact .login > input{ + width: 246px; + display: inline-block; + border: none; + background: #d8292a; + color: #ffffff; +} + +.lg-contact .button-lg{ + background: #611c1d; + float: right; + border: 0; + color: #ffffff; + width: 120px; + height: 30px; + vertical-align: middle; + text-align: center; + line-height: 30px; + margin-top: 10px; + padding: 0; +} + +.lg-contact .button-lg:hover{ + background: #ff0000; } .contact form{ - padding-top: 70px; - margin-left:30px; + padding-top: 70px; + margin-left:30px; } .contact .login{ - margin:0 auto; - padding-bottom:18px; - width:456px; + margin:0 auto; + padding-bottom:18px; + width:456px; } .contact input{ - background:url(imgs/textinputbg.gif) repeat-x scroll 0 0 #FFFFFF; - border:1px solid #D3D3D3; - color:#000000; - font-size:15px; - margin-bottom:10px; - padding:7px 0; - text-indent:7px; - width:63%; + background:url(imgs/textinputbg.gif) repeat-x scroll 0 0 #FFFFFF; + border:1px solid #D3D3D3; + color:#000000; + font-size:15px; + margin-bottom:10px; + padding:7px 0; + text-indent:7px; + width:63%; } .contact input:focus { - border:1px solid #678995; + border:1px solid #678995; } .contact label{ - color:#444444; - display:block; - font-size:15px; - margin-bottom:3px; + color:#444444; + display:block; + font-size:15px; + margin-bottom:3px; } @@ -296,239 +383,239 @@ a{ */ .title{ - font-weight: bold; - font-size: 13px; - color: #678995; - font-family:century gothic,verdana,arial,sans-serif; - border-bottom:2px solid #678995; - padding:10px 8px; + font-weight: bold; + font-size: 13px; + color: #678995; + font-family:century gothic,verdana,arial,sans-serif; + border-bottom:2px solid #678995; + padding:10px 8px; } .title a{ - font-weight: normal; - margin-left:15px; - margin-right:15px; + font-weight: normal; + margin-left:15px; + margin-right:15px; } a:hover{ - text-decoration:underline; + text-decoration:underline; } a.button_back:hover{ - text-decoration: none!important; + text-decoration: none!important; } .info{ - font-size: 12px; - color:#444444; - margin-top: 5px; - margin-bottom: 5px; + font-size: 12px; + color:#444444; + margin-top: 5px; + margin-bottom: 5px; } table{ - margin: 10px; - border-collapse:collapse; + margin: 10px; + border-collapse:collapse; } table .tableheader { - font-size: 13px; - background: #678995; - padding: 5px; - color: #fff; + font-size: 13px; + background: #678995; + padding: 5px; + color: #fff; } table .tableheader td{ - padding:10px 8px; + padding:10px 8px; } table .elements td{ - border-bottom: 1px solid #cccccc; - border-collapse:collapse; - padding:6px 8px; + border-bottom: 1px solid #cccccc; + border-collapse:collapse; + padding:6px 8px; } table tr.elements:hover{ - color: #000099; - background: #fff; + color: #000099; + background: #fff; } table .box5{ - text-align: left; + text-align: left; } table .box6{ - text-align: center; + text-align: center; } table .box6 a{ - font-weight: bold; + font-weight: bold; } .icons_info{ - padding: 6px; + padding: 6px; } .icons_info img{ - vertical-align: middle; - margin-left: 5px; + vertical-align: middle; + margin-left: 5px; } .ind{ - padding: 5px; + padding: 5px; } .normal_text span a{ - font-weight: bold; + font-weight: bold; } .space{ - margin-bottom: 25px; + margin-bottom: 25px; } fieldset{ - border:1px solid #678995; - float:left; - - width:auto; - margin:10px; - padding:10px; - + border:1px solid #678995; + float:left; + + width:auto; + margin:10px; + padding:10px; + } legend{ - background:none repeat scroll 0 0; - border:medium none; - color:#678995; - padding:2px 6px; - font-size: 17px; - font-weight:bold; + background:none repeat scroll 0 0; + border:medium none; + color:#678995; + padding:2px 6px; + font-size: 17px; + font-weight:bold; } #marcacao_tipo label{ - display:block; - float:left; - font-weight:bold; - line-height:22px; - padding:0 10px 0 0; - vertical-align:middle; - width:100px; + display:block; + float:left; + font-weight:bold; + line-height:22px; + padding:0 10px 0 0; + vertical-align:middle; + width:100px; } #pedido label{ - display:block; - float:left; - font-weight:bold; - line-height:22px; - padding:0 10px 0 0; - vertical-align:middle; - width:130px; + display:block; + float:left; + font-weight:bold; + line-height:22px; + padding:0 10px 0 0; + vertical-align:middle; + width:130px; } #marcacao_tipo input, #pedido input{ - float:left; - background:url(imgs/textinputbg.gif) repeat-x scroll 0 0 #FFFFFF; - border:1px solid #D3D3D3; - font-size:12px; - margin:2px 0 20px 10px; - padding:4px 2px; - width:145px; + float:left; + background:url(imgs/textinputbg.gif) repeat-x scroll 0 0 #FFFFFF; + border:1px solid #D3D3D3; + font-size:12px; + margin:2px 0 20px 10px; + padding:4px 2px; + width:145px; } #marcacao_tipo input:focus, #pedido input:focus { - border:1px solid #678995; + border:1px solid #678995; } .form_elemnt { - float:left; - margin-left:30px; - width:85%; + float:left; + margin-left:30px; + width:85%; } .nota{ - color: #444444; - font-size: 11px; - margin: 6px; - width:85%; - float: left; + color: #444444; + font-size: 11px; + margin: 6px; + width:85%; + float: left; } .name{ - margin-left:10px; - margin-bottom: 6px; + margin-left:10px; + margin-bottom: 6px; } .button_marcar{ - background:url(imgs/button_marcar.png) no-repeat!important; - width:100px!important; - height: 30px!important; - float:right!important; - border:0px solid!important; - margin:0px!important; - padding:0px!important; - + background:url(imgs/button_marcar.png) no-repeat!important; + width:100px!important; + height: 30px!important; + float:right!important; + border:0px solid!important; + margin:0px!important; + padding:0px!important; + } .button_marcar:focus{ - border:none none; - + border:none none; + } .button_marcar:hover{ - background:url(imgs/button_marcar_hover.png) no-repeat!important; + background:url(imgs/button_marcar_hover.png) no-repeat!important; } .button_marcar:active{ - background:url(imgs/button_marcar_active.png) no-repeat!important; + background:url(imgs/button_marcar_active.png) no-repeat!important; } .texto{ - margin-left: 30px; - + margin-left: 30px; + } .button_pedido{ - background:url(imgs/button_pedido.png) no-repeat!important; - width:145px!important; - height: 30px!important; - float:right!important; - border:0px solid!important; - margin:0px!important; - padding:0px!important; - - + background:url(imgs/button_pedido.png) no-repeat!important; + width:145px!important; + height: 30px!important; + float:right!important; + border:0px solid!important; + margin:0px!important; + padding:0px!important; + + } .button_pedido:focus{ - border:none none; - + border:none none; + } .button_pedido:hover{ - background:url(imgs/button_pedido_hover.png) no-repeat!important; + background:url(imgs/button_pedido_hover.png) no-repeat!important; } .button_pedido:active{ - background:url(imgs/button_pedido_active.png) no-repeat!important; + background:url(imgs/button_pedido_active.png) no-repeat!important; } .button_login{ - background:url(imgs/button_login.png) no-repeat!important; - width:114px!important; - height:37px; - float: right!important; - border:0px solid #D3D3D3!important; - color:#000000; - font-size:15px; - margin-bottom:10px; - padding:0px!important; - text-indent:7px; - margin-right: 36px; - + background:url(imgs/button_login.png) no-repeat!important; + width:114px!important; + height:37px; + float: right!important; + border:0px solid #D3D3D3!important; + color:#000000; + font-size:15px; + margin-bottom:10px; + padding:0px!important; + text-indent:7px; + margin-right: 36px; + } .button_login:hover{ - background:url(imgs/button_login_hover.png) no-repeat!important; + background:url(imgs/button_login_hover.png) no-repeat!important; } .button_login:active{ - background:url(imgs/button_login_active.png) no-repeat!important; -} \ No newline at end of file + background:url(imgs/button_login_active.png) no-repeat!important; +} diff --git a/trunk/siprpWeb/web/html/index.html b/trunk/siprpWeb/web/html/index.html index e0005b31..6e625b0c 100644 --- a/trunk/siprpWeb/web/html/index.html +++ b/trunk/siprpWeb/web/html/index.html @@ -46,61 +46,35 @@ - -
- +
- -
- -
-
-

Área de Clientes

-
- « Voltar - -
- -
-
-
-
- #if ( $msg ) - $msg - #end -
-
- -
- - - - - -
-
-
- - \ No newline at end of file +