lxbfYeaa9897955
/
SIPRP
forked from Coded/SIPRP
1
0
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
lxbfYeaa
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

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

@ -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;
}
background:url(imgs/button_login_active.png) no-repeat!important;
}

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

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

Write Preview
Loading…
Cancel
Save