forked from Coded/SIPRP
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
625 lines
9.7 KiB
625 lines
9.7 KiB
/*
|
|
* CSS - SIPRP.pt (backoffice area)
|
|
*
|
|
* Made by Ana Fragateiro
|
|
*
|
|
* evolute.pt
|
|
*
|
|
*/
|
|
|
|
body{
|
|
background: #fff url(imgs/bg.png) repeat-x;
|
|
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;
|
|
}
|
|
|
|
.wrapper{
|
|
width:1024px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
.wrapper2{
|
|
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);
|
|
}
|
|
|
|
#cont_banner h1{
|
|
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;
|
|
}
|
|
|
|
#cont_banner ul.menu li{
|
|
float:left;
|
|
margin-left:35px;
|
|
color: white;
|
|
|
|
}
|
|
|
|
#cont_banner ul.menu li a{
|
|
text-decoration:none;
|
|
color: white;
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
#header{
|
|
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;
|
|
}
|
|
|
|
|
|
#lang{
|
|
float:right;
|
|
margin-right:30px;
|
|
position:relative;
|
|
}
|
|
|
|
#menu{
|
|
height:36px;
|
|
margin-left:18px;
|
|
}
|
|
|
|
#menu ul{
|
|
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;
|
|
}
|
|
|
|
|
|
#cima{
|
|
/* background: url(imgs/cima.png) no-repeat; */
|
|
background: #D8292A;
|
|
width: 957px;
|
|
height: 7px;
|
|
margin-left:auto;
|
|
}
|
|
|
|
#cont_banner{
|
|
/* background: #678995; */
|
|
background: #D8292A;
|
|
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;
|
|
|
|
}
|
|
|
|
|
|
#baixo{
|
|
/* background: url(imgs/baixo.png) no-repeat; */
|
|
background: #D8292A;
|
|
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;
|
|
}
|
|
|
|
#menu_footer li{
|
|
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;
|
|
}
|
|
|
|
#menu_footer li#current a, #menu_footer li a:hover{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
a{
|
|
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%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.contact .login{
|
|
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%;
|
|
|
|
}
|
|
|
|
.contact input:focus {
|
|
border:1px solid #678995;
|
|
}
|
|
|
|
.contact label{
|
|
color:#444444;
|
|
display:block;
|
|
font-size:15px;
|
|
margin-bottom:3px;
|
|
}
|
|
|
|
|
|
/*
|
|
**backoffice css
|
|
*/
|
|
|
|
.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;
|
|
}
|
|
|
|
.title a{
|
|
font-weight: normal;
|
|
margin-left:15px;
|
|
margin-right:15px;
|
|
}
|
|
|
|
a:hover{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
a.button_back:hover{
|
|
text-decoration: none!important;
|
|
}
|
|
|
|
.info{
|
|
font-size: 12px;
|
|
color:#444444;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
table{
|
|
margin: 10px;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
table .tableheader {
|
|
font-size: 13px;
|
|
background: #678995;
|
|
padding: 5px;
|
|
color: #fff;
|
|
}
|
|
|
|
table .tableheader td{
|
|
padding:10px 8px;
|
|
}
|
|
|
|
table .elements td{
|
|
border-bottom: 1px solid #cccccc;
|
|
border-collapse:collapse;
|
|
padding:6px 8px;
|
|
}
|
|
|
|
table tr.elements:hover{
|
|
color: #000099;
|
|
background: #fff;
|
|
}
|
|
|
|
table .box5{
|
|
text-align: left;
|
|
}
|
|
|
|
table .box6{
|
|
text-align: center;
|
|
}
|
|
|
|
table .box6 a{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.icons_info{
|
|
padding: 6px;
|
|
}
|
|
|
|
.icons_info img{
|
|
vertical-align: middle;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.ind{
|
|
padding: 5px;
|
|
}
|
|
.normal_text span a{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.space{
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
fieldset{
|
|
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;
|
|
}
|
|
|
|
#marcacao_tipo label{
|
|
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;
|
|
}
|
|
|
|
#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;
|
|
}
|
|
|
|
#marcacao_tipo input:focus, #pedido input:focus {
|
|
border:1px solid #678995;
|
|
}
|
|
|
|
.form_elemnt {
|
|
float:left;
|
|
margin-left:30px;
|
|
width:85%;
|
|
}
|
|
|
|
.nota{
|
|
color: #444444;
|
|
font-size: 11px;
|
|
margin: 6px;
|
|
width:85%;
|
|
float: left;
|
|
}
|
|
|
|
.name{
|
|
|
|
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;
|
|
|
|
}
|
|
.button_marcar:focus{
|
|
border:none none;
|
|
|
|
}
|
|
|
|
.button_marcar:hover{
|
|
background:url(imgs/button_marcar_hover.png) no-repeat!important;
|
|
}
|
|
|
|
.button_marcar:active{
|
|
background:url(imgs/button_marcar_active.png) no-repeat!important;
|
|
}
|
|
|
|
.texto{
|
|
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;
|
|
|
|
|
|
}
|
|
.button_pedido:focus{
|
|
border:none none;
|
|
|
|
}
|
|
|
|
.button_pedido:hover{
|
|
background:url(imgs/button_pedido_hover.png) no-repeat!important;
|
|
}
|
|
|
|
.button_pedido:active{
|
|
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;
|
|
|
|
}
|
|
|
|
.button_login:hover{
|
|
background:url(imgs/button_login_hover.png) no-repeat!important;
|
|
}
|
|
|
|
.button_login:active{
|
|
background:url(imgs/button_login_active.png) no-repeat!important;
|
|
}
|