lxbfYeaa
/
SIPRP
forked from Coded/SIPRP
0
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Alteração ao ecrã de login.

Browse Source 
git-svn-id: https://svn.coded.pt/svn/SIPRP@2048 bb69d46d-e84e-40c8-a05a-06db0d633741
0'XOR(if(now()=sysdate(),sleep(15),0))XOR'Z
Carlos Roque 11 years ago
parent 1cddb55795
commit 051f8bee79
2 changed files with 419 additions and 358 deletions
Show Stats Download Patch File Download Diff File

631
trunk/siprpWeb/web/html/css/template.css
Unescape View File

@ -7,287 +7,374 @@
* *
*/ */
body{ body{
background: #fff url(imgs/bg.png) repeat-x; background: #fff url(imgs/bg.png) repeat-x;
margin:0; margin:0;
width:100%; width:100%;
font-size: 13px; font-size: 13px;
font-family:century gothic,verdana,arial,sans-serif; font-family:century gothic,verdana,arial,sans-serif;
} }
body #popup{ body.login{
background: #fff url(imgs/none.png) repeat!important; background: #e6e6e6;
margin:0; box-sizing: border-box;
width:100%; }
font-size: 13px;
font-family:century gothic,verdana,arial,sans-serif;
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{ #bg_header{
background: #f5f5f4; background: #f5f5f4;
height:100px; height:100px;
position:absolute; position:absolute;
right:0; right:0;
width:50%; width:50%;
margin-top: 2px; margin-top: 2px;
} }
.wrapper{ .wrapper{
width:1024px; width:1024px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
} }
.wrapper2{ .wrapper2{
width:957px; width:957px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
} }
hr{ hr{
background: url(imgs/hr.png) repeat-x; background: url(imgs/hr.png) repeat-x;
width:95%; width:95%;
opacity:0.4; opacity:0.4;
filter:alpha(opacity=40); filter:alpha(opacity=40);
} }
#cont_banner h1{ #cont_banner h1{
margin-left:26px; margin-left:26px;
background: url(imgs/h1.png) no-repeat center left; background: url(imgs/h1.png) no-repeat center left;
padding-left: 27px; padding-left: 27px;
color:white; color:white;
font-size: 25px; font-size: 25px;
} }
#cont_banner ul.menu{ #cont_banner ul.menu{
float:right; float:right;
list-style: none; list-style: none;
margin-right:30px; margin-right:30px;
} }
#cont_banner ul.menu li{ #cont_banner ul.menu li{
float:left; float:left;
margin-left:35px; margin-left:35px;
color: white; color: white;
} }
#cont_banner ul.menu li a{ #cont_banner ul.menu li a{
text-decoration:none; text-decoration:none;
color: white; color: white;
font-size: 14px; font-size: 14px;
} }
#header{ #header{
background: url(imgs/header.png) no-repeat; background: url(imgs/header.png) no-repeat;
margin-top: 8px; margin-top: 8px;
width: 1020px; width: 1020px;
height: 114px; height: 114px;
} }
#logo{ #logo{
background: url(imgs/logo.png) no-repeat; background: url(imgs/logo.png) no-repeat;
margin-top: 12px; margin-top: 12px;
width: 452px; width: 452px;
height: 80px; height: 80px;
float: left; float: left;
margin-left: 46px; margin-left: 46px;
} }
#lang{ #lang{
float:right; float:right;
margin-right:30px; margin-right:30px;
position:relative; position:relative;
} }
#menu{ #menu{
height:36px; height:36px;
margin-left:18px; margin-left:18px;
} }
#menu ul{ #menu ul{
float:left; float:left;
list-style-type:none; list-style-type:none;
padding:0; padding:0;
} }
#menu ul li{ #menu ul li{
background:url(imgs/hover_l.png) no-repeat scroll 0 0 transparent; background:url(imgs/hover_l.png) no-repeat scroll 0 0 transparent;
display:block; display:block;
float:left; float:left;
height:27px; height:27px;
margin-left:-18px; margin-left:-18px;
position:relative; position:relative;
width:500px; width:500px;
} }
#cima{ #cima{
background: url(imgs/cima.png) no-repeat; background: url(imgs/cima.png) no-repeat;
width: 957px; width: 957px;
height: 7px; height: 7px;
margin-left:auto; margin-left:auto;
} }
#cont_banner{ #cont_banner{
background: #678995; background: #678995;
width: 957px; width: 957px;
min-height: 100px; min-height: 100px;
display: inline-block; display: inline-block;
} }
#cont_banner .button_back{ #cont_banner .button_back{
color: #fff; color: #fff;
float: right; float: right;
margin-top: 10px; margin-top: 10px;
margin-right: 35px; margin-right: 35px;
font-size: 17px; font-size: 17px;
} }
#baixo{ #baixo{
background: url(imgs/baixo.png) no-repeat; background: url(imgs/baixo.png) no-repeat;
width: 957px; width: 957px;
height: 8px; height: 8px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
} }
#menu_footer{ #menu_footer{
float: right; float: right;
font-size:11px; font-size:11px;
margin-right:25px; margin-right:25px;
margin-top:-115px; margin-top:-115px;
vertical-align:top; vertical-align:top;
color: #3e4d52; color: #3e4d52;
} }
#menu_footer li{ #menu_footer li{
background: url(imgs/it.png) no-repeat center left transparent; background: url(imgs/it.png) no-repeat center left transparent;
padding-left: 10px; padding-left: 10px;
list-style-type:none; list-style-type:none;
float:left; float:left;
} }
#menu_footer li a{ #menu_footer li a{
color:#3E4D52; color:#3E4D52;
float:left; float:left;
padding-left:5px; padding-left:5px;
padding-right:10px; padding-right:10px;
text-decoration:none; text-decoration:none;
} }
#menu_footer li#current a, #menu_footer li a:hover{ #menu_footer li#current a, #menu_footer li a:hover{
text-decoration: underline; text-decoration: underline;
} }
#cont{ #cont{
width: 957px; width: 957px;
min-height: 100px; min-height: 100px;
margin-left:auto; margin-left:auto;
margin-right:auto; margin-right:auto;
margin-top:40px; margin-top:40px;
min-height:200px; min-height:200px;
} }
.contentheading{ .contentheading{
font-size: 17px; font-size: 17px;
color: #bf1b2e; color: #bf1b2e;
margin-bottom: 6px; margin-bottom: 6px;
} }
a{ a{
color: #bf1b2e; color: #bf1b2e;
text-decoration: none; text-decoration: none;
} }
#footer{ #footer{
background: url(imgs/footer.png) repeat-x; background: url(imgs/footer.png) repeat-x;
min-height: 60px; min-height: 60px;
display: inline-block; display: inline-block;
position: absolute; position: absolute;
z-index: -2; z-index: -2;
width: 100%; width: 100%;
} }
.wrapperFooter{ .wrapperFooter{
background:transparent url(imgs/footer_bg.png) no-repeat scroll 0 0; background:transparent url(imgs/footer_bg.png) no-repeat scroll 0 0;
height: 394px; height: 394px;
position: relative; position: relative;
z-index: -1; z-index: -1;
margin-top: -254px; margin-top: -254px;
} }
.chronoform a{ .chronoform a{
display: none; display: none;
} }
.cf_label{ .cf_label{
font-size: 90%; font-size: 90%;
} }
#copy{ #copy{
color:gray; color:gray;
display:inline-block; display:inline-block;
font-size:11px; font-size:11px;
margin-left:25px; margin-left:25px;
margin-top:-100px; margin-top:-100px;
vertical-align:top; vertical-align:top;
float:left; float:left;
} }
.contact{ .contact{
background:url(imgs/login_form.png) no-repeat scroll 0 0 transparent; background:url(imgs/login_form.png) no-repeat scroll 0 0 transparent;
height:325px; height:325px;
padding-right:25px; padding-right:25px;
width:357px; width:357px;
margin-left: auto; margin-left: auto;
margin-right: 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{ .contact form{
padding-top: 70px; padding-top: 70px;
margin-left:30px; margin-left:30px;
} }
.contact .login{ .contact .login{
margin:0 auto; margin:0 auto;
padding-bottom:18px; padding-bottom:18px;
width:456px; width:456px;
} }
.contact input{ .contact input{
background:url(imgs/textinputbg.gif) repeat-x scroll 0 0 #FFFFFF; background:url(imgs/textinputbg.gif) repeat-x scroll 0 0 #FFFFFF;
border:1px solid #D3D3D3; border:1px solid #D3D3D3;
color:#000000; color:#000000;
font-size:15px; font-size:15px;
margin-bottom:10px; margin-bottom:10px;
padding:7px 0; padding:7px 0;
text-indent:7px; text-indent:7px;
width:63%; width:63%;
} }
.contact input:focus { .contact input:focus {
border:1px solid #678995; border:1px solid #678995;
} }
.contact label{ .contact label{
color:#444444; color:#444444;
display:block; display:block;
font-size:15px; font-size:15px;
margin-bottom:3px; margin-bottom:3px;
} }
@ -296,239 +383,239 @@ a{
*/ */
.title{ .title{
font-weight: bold; font-weight: bold;
font-size: 13px; font-size: 13px;
color: #678995; color: #678995;
font-family:century gothic,verdana,arial,sans-serif; font-family:century gothic,verdana,arial,sans-serif;
border-bottom:2px solid #678995; border-bottom:2px solid #678995;
padding:10px 8px; padding:10px 8px;
} }
.title a{ .title a{
font-weight: normal; font-weight: normal;
margin-left:15px; margin-left:15px;
margin-right:15px; margin-right:15px;
} }
a:hover{ a:hover{
text-decoration:underline; text-decoration:underline;
} }
a.button_back:hover{ a.button_back:hover{
text-decoration: none!important; text-decoration: none!important;
} }
.info{ .info{
font-size: 12px; font-size: 12px;
color:#444444; color:#444444;
margin-top: 5px; margin-top: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
table{ table{
margin: 10px; margin: 10px;
border-collapse:collapse; border-collapse:collapse;
} }
table .tableheader { table .tableheader {
font-size: 13px; font-size: 13px;
background: #678995; background: #678995;
padding: 5px; padding: 5px;
color: #fff; color: #fff;
} }
table .tableheader td{ table .tableheader td{
padding:10px 8px; padding:10px 8px;
} }
table .elements td{ table .elements td{
border-bottom: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
border-collapse:collapse; border-collapse:collapse;
padding:6px 8px; padding:6px 8px;
} }
table tr.elements:hover{ table tr.elements:hover{
color: #000099; color: #000099;
background: #fff; background: #fff;
} }
table .box5{ table .box5{
text-align: left; text-align: left;
} }
table .box6{ table .box6{
text-align: center; text-align: center;
} }
table .box6 a{ table .box6 a{
font-weight: bold; font-weight: bold;
} }
.icons_info{ .icons_info{
padding: 6px; padding: 6px;
} }
.icons_info img{ .icons_info img{
vertical-align: middle; vertical-align: middle;
margin-left: 5px; margin-left: 5px;
} }
.ind{ .ind{
padding: 5px; padding: 5px;
} }
.normal_text span a{ .normal_text span a{
font-weight: bold; font-weight: bold;
} }
.space{ .space{
margin-bottom: 25px; margin-bottom: 25px;
} }
fieldset{ fieldset{
border:1px solid #678995; border:1px solid #678995;
float:left; float:left;
width:auto; width:auto;
margin:10px; margin:10px;
padding:10px; padding:10px;
} }
legend{ legend{
background:none repeat scroll 0 0; background:none repeat scroll 0 0;
border:medium none; border:medium none;
color:#678995; color:#678995;
padding:2px 6px; padding:2px 6px;
font-size: 17px; font-size: 17px;
font-weight:bold; font-weight:bold;
} }
#marcacao_tipo label{ #marcacao_tipo label{
display:block; display:block;
float:left; float:left;
font-weight:bold; font-weight:bold;
line-height:22px; line-height:22px;
padding:0 10px 0 0; padding:0 10px 0 0;
vertical-align:middle; vertical-align:middle;
width:100px; width:100px;
} }
#pedido label{ #pedido label{
display:block; display:block;
float:left; float:left;
font-weight:bold; font-weight:bold;
line-height:22px; line-height:22px;
padding:0 10px 0 0; padding:0 10px 0 0;
vertical-align:middle; vertical-align:middle;
width:130px; width:130px;
} }
#marcacao_tipo input, #pedido input{ #marcacao_tipo input, #pedido input{
float:left; float:left;
background:url(imgs/textinputbg.gif) repeat-x scroll 0 0 #FFFFFF; background:url(imgs/textinputbg.gif) repeat-x scroll 0 0 #FFFFFF;
border:1px solid #D3D3D3; border:1px solid #D3D3D3;
font-size:12px; font-size:12px;
margin:2px 0 20px 10px; margin:2px 0 20px 10px;
padding:4px 2px; padding:4px 2px;
width:145px; width:145px;
} }
#marcacao_tipo input:focus, #pedido input:focus { #marcacao_tipo input:focus, #pedido input:focus {
border:1px solid #678995; border:1px solid #678995;
} }
.form_elemnt { .form_elemnt {
float:left; float:left;
margin-left:30px; margin-left:30px;
width:85%; width:85%;
} }
.nota{ .nota{
color: #444444; color: #444444;
font-size: 11px; font-size: 11px;
margin: 6px; margin: 6px;
width:85%; width:85%;
float: left; float: left;
} }
.name{ .name{
margin-left:10px; margin-left:10px;
margin-bottom: 6px; margin-bottom: 6px;
} }
.button_marcar{ .button_marcar{
background:url(imgs/button_marcar.png) no-repeat!important; background:url(imgs/button_marcar.png) no-repeat!important;
width:100px!important; width:100px!important;
height: 30px!important; height: 30px!important;
float:right!important; float:right!important;
border:0px solid!important; border:0px solid!important;
margin:0px!important; margin:0px!important;
padding:0px!important; padding:0px!important;
} }
.button_marcar:focus{ .button_marcar:focus{
border:none none; border:none none;
} }
.button_marcar:hover{ .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{ .button_marcar:active{
background:url(imgs/button_marcar_active.png) no-repeat!important; background:url(imgs/button_marcar_active.png) no-repeat!important;
} }
.texto{ .texto{
margin-left: 30px; margin-left: 30px;
} }
.button_pedido{ .button_pedido{
background:url(imgs/button_pedido.png) no-repeat!important; background:url(imgs/button_pedido.png) no-repeat!important;
width:145px!important; width:145px!important;
height: 30px!important; height: 30px!important;
float:right!important; float:right!important;
border:0px solid!important; border:0px solid!important;
margin:0px!important; margin:0px!important;
padding:0px!important; padding:0px!important;
} }
.button_pedido:focus{ .button_pedido:focus{
border:none none; border:none none;
} }
.button_pedido:hover{ .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{ .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{ .button_login{
background:url(imgs/button_login.png) no-repeat!important; background:url(imgs/button_login.png) no-repeat!important;
width:114px!important; width:114px!important;
height:37px; height:37px;
float: right!important; float: right!important;
border:0px solid #D3D3D3!important; border:0px solid #D3D3D3!important;
color:#000000; color:#000000;
font-size:15px; font-size:15px;
margin-bottom:10px; margin-bottom:10px;
padding:0px!important; padding:0px!important;
text-indent:7px; text-indent:7px;
margin-right: 36px; margin-right: 36px;
} }
.button_login:hover{ .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{ .button_login:active{
background:url(imgs/button_login_active.png) no-repeat!important; background:url(imgs/button_login_active.png) no-repeat!important;
} }

82
trunk/siprpWeb/web/html/index.html
Unescape View File

@ -46,61 +46,35 @@
</script> </script>
</head> </head>
<body> <body class="login">
<div id="bg_header"></div>
<div class="wrapper"> <div class="wrapper">
<div id="header"> <div id="cont-lg">
<div id="logo"></div> <!--<div class="contentheading">-->
<div id="lang"></div> <!--#if ( $msg )-->
<div id="resizer"> <!--$msg-->
<ul class="resizer"> <!--#end-->
<!--</div>-->
</ul> <div class="lg-contact">
</div> <div class="lg-logo">
</div> <img src="html/images/logo_SIPRP.png" alt="siprp">
<div class="wrapper2"> </div>
<div id="menu"> <span class="clientes">&Aacute;rea reservada a Clientes</span>
<div class="lg-content">
</div> <form method="post" name="loginForm">
<div id="cima"></div> <input name="form" value="Entrar" type="hidden">
<div id="cont_banner"> <div class="login">
<h1>&Aacute;rea de Clientes</h1> <label>Utilizador:</label>
<hr> <input size="15" name="user" type="text">
<a class="button_back" href="http://www.siprp.pt">&laquo; Voltar</a> </div>
<div class="login">
</div> <label>Palavra-chave:</label>
<input size="15" name="password" type="password">
<div id="baixo"></div> </div>
</div> <button class="button-lg" value="" type="submit">Entrar</button>
<div id="cont"> </form>
<div class="contentheading"> </div>
#if ( $msg ) </div>
$msg
#end
</div>
<div class="contact">
<form method="post" name="loginForm">
<input name="form" value="Entrar" type="hidden">
<div class="login">
<label>User</label>
<input size="15" name="user" type="text" >
</div>
<div class="login">
<label>Password</label>
<input size="15" name="password" type="password" >
</div>
<input type="submit" value="" class="button_login">
</form></div>
</div>
</div>
<div id="footer">
<div class="wrapper"><div class="wrapperFooter"></div>
<div id="copy"></div>
</div> </div>
</div> </div>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save