Samuele E. Locatelli
482 lines
8.5 KiB
CSS
482 lines
8.5 KiB
CSS
body {
|
|
margin-top: 0px;
|
|
margin-left: 0px;
|
|
margin-bottom: 0px;
|
|
margin-right: 0px;
|
|
font-family: Verdana, Arial;
|
|
font-size: small;
|
|
}
|
|
.fullscreen {
|
|
display: block;
|
|
/*set the div in the top-left corner of the screen*/
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
/*set the width and height to 100% of the screen*/
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#content {
|
|
width: 210px;
|
|
height: 240px;
|
|
padding: 0px;
|
|
border: 1px black solid;
|
|
background-position: center bottom;
|
|
background-image: url('images/logo_sw.jpg');
|
|
background-repeat: no-repeat;
|
|
}
|
|
#activeContent {
|
|
height: 200px;
|
|
}
|
|
#topBanner {
|
|
height: 20px;
|
|
}
|
|
#smallTable {
|
|
width: 98%;
|
|
padding: 1px;
|
|
white-space: nowrap;
|
|
font-size: 10pt;
|
|
}
|
|
#smallGrid {
|
|
width: 100%;
|
|
font-size: 8pt;
|
|
}
|
|
#smallGridDetail {
|
|
width: 100%;
|
|
font-size: 9pt;
|
|
}
|
|
.quadro1,
|
|
.quadro3,
|
|
.quadro5 {
|
|
float: left;
|
|
width: 48%;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.quadro2,
|
|
.quadro4,
|
|
.quadro6 {
|
|
float: right;
|
|
width: 48%;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
margin-top: 2px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.userBanner {
|
|
padding-top: 2px;
|
|
padding-bottom: 2px;
|
|
background-color: #6969AC;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
color: White;
|
|
}
|
|
.taskBanner {
|
|
height: 16px;
|
|
padding-top: 0px;
|
|
padding-bottom: 0px;
|
|
background-color: #ABABFF;
|
|
text-align: center;
|
|
color: Black;
|
|
}
|
|
.ctrHeaderPager {
|
|
background-color: #b8b8b8;
|
|
font-weight: bold;
|
|
color: White;
|
|
text-align: center;
|
|
}
|
|
.ctrHeaderPagerMini {
|
|
background-color: #b8b8b8;
|
|
color: White;
|
|
text-align: center;
|
|
font-size: x-small;
|
|
height: 10px;
|
|
}
|
|
.ctrHeaderPagerWide {
|
|
background-color: #b8b8b8;
|
|
font-weight: bold;
|
|
color: White;
|
|
font-size: 10pt;
|
|
}
|
|
.ctrRowStyle {
|
|
vertical-align: top;
|
|
background-color: #EFF3FB;
|
|
text-align: left;
|
|
}
|
|
.ctrAltRowStyle {
|
|
vertical-align: top;
|
|
background-color: White;
|
|
text-align: left;
|
|
}
|
|
.ctrRowStyleRight {
|
|
background-color: #EFF3FB;
|
|
text-align: right;
|
|
}
|
|
.ctrAltRowStyleRight {
|
|
background-color: White;
|
|
text-align: right;
|
|
}
|
|
.ctrInsRowStyle {
|
|
background-color: #b8b8b8;
|
|
}
|
|
.ctrEditRowStyle {
|
|
background-color: #D1DDF1;
|
|
}
|
|
.ctrSelRowStyle {
|
|
font-weight: bold;
|
|
color: #333333;
|
|
background-color: #D1DDF1;
|
|
}
|
|
.ctrFooterMini {
|
|
font-size: x-small;
|
|
height: 15px;
|
|
}
|
|
.btnDeposita {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px red;
|
|
background-color: #FFCCAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnSposta {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px green;
|
|
background-color: #AAFFAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnRettifica {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px blue;
|
|
background-color: #5454FF;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
color: White;
|
|
}
|
|
.btnPreleva {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px red;
|
|
background-color: #FFCCAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnRiattiva {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px red;
|
|
background-color: #FFCCFF;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnConferma {
|
|
display: block;
|
|
width: 56px;
|
|
height: 40px;
|
|
border: solid 2px #DDDD99;
|
|
background-color: #FFFFAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnCellaPiena {
|
|
display: block;
|
|
width: 56px;
|
|
height: 40px;
|
|
border: solid 2px blue;
|
|
background-color: #AAFFFF;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnBarcode {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
text-align: center;
|
|
border: solid 2px blue;
|
|
background-color: #AAFFFF;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnChiudi {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px #DDDD99;
|
|
background-color: #FFFFAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnChiudiInput {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px red;
|
|
background-color: #FFCCAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnDeliberaFusi {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px green;
|
|
background-color: #AAFFAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnDeliberaWipPre {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px green;
|
|
background-color: #AAFFAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnDeliberaWipPost {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px green;
|
|
background-color: #AAFFAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnUpdate {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px green;
|
|
background-color: #AAFFAA;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
}
|
|
.btnCancel {
|
|
display: block;
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px blue;
|
|
background-color: #AAAAFF;
|
|
font-size: x-small;
|
|
font-weight: bold;
|
|
}
|
|
/* classe generale per div dei bottoni */
|
|
.divButtons {
|
|
float: left;
|
|
}
|
|
/* bottoni homepage */
|
|
.btnBarcodeBigWide1 {
|
|
width: 320px;
|
|
height: 140px;
|
|
border: solid 2px blue;
|
|
background-color: #88FFFF;
|
|
font-weight: bold;
|
|
font-size: 20pt;
|
|
text-align: center;
|
|
}
|
|
.btnBarcodeBigWide2 {
|
|
width: 320px;
|
|
height: 140px;
|
|
border: solid 2px blue;
|
|
background-color: #FF88FF;
|
|
font-weight: bold;
|
|
font-size: 20pt;
|
|
text-align: center;
|
|
}
|
|
.btnBarcodeBigWide3 {
|
|
width: 320px;
|
|
height: 140px;
|
|
border: solid 2px blue;
|
|
background-color: #FFFF88;
|
|
font-weight: bold;
|
|
font-size: 20pt;
|
|
text-align: center;
|
|
}
|
|
.btnBarcodeBigWide4 {
|
|
width: 320px;
|
|
height: 140px;
|
|
border: solid 2px blue;
|
|
background-color: #F8F8F8;
|
|
font-weight: bold;
|
|
font-size: 20pt;
|
|
text-align: center;
|
|
}
|
|
.btnBarcodeBigWide5 {
|
|
width: 320px;
|
|
height: 140px;
|
|
border: solid 2px blue;
|
|
background-color: #44FF44;
|
|
font-weight: bold;
|
|
font-size: 20pt;
|
|
text-align: center;
|
|
}
|
|
.btnBarcodeBigWide6 {
|
|
width: 320px;
|
|
height: 140px;
|
|
border: solid 2px blue;
|
|
background-color: #FF4444;
|
|
font-weight: bold;
|
|
font-size: 20pt;
|
|
text-align: center;
|
|
}
|
|
.btnBarcodeBig {
|
|
width: 95px;
|
|
height: 90px;
|
|
border: solid 2px blue;
|
|
background-color: #AAFFFF;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
white-space: pre;
|
|
}
|
|
.btnBarcodeBigWide {
|
|
width: 155px;
|
|
height: 80px;
|
|
border: solid 2px blue;
|
|
background-color: #AAFFFF;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
.btnSearchBig {
|
|
width: 95px;
|
|
height: 90px;
|
|
border: solid 2px #DDDD99;
|
|
background-color: #FFFFAA;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnCaricaBig {
|
|
width: 95px;
|
|
height: 90px;
|
|
border: solid 2px #99DD99;
|
|
background-color: #AAFFAA;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnScaricaBig {
|
|
width: 95px;
|
|
height: 90px;
|
|
border: solid 2px #FF6666;
|
|
background-color: #FFAA88;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnListBig {
|
|
width: 95px;
|
|
height: 90px;
|
|
border: solid 2px #BBBB33;
|
|
background-color: #FFFF00;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnListBigWide {
|
|
width: 190px;
|
|
height: 90px;
|
|
border: solid 2px red;
|
|
background-color: #FFAA88;
|
|
font-weight: bold;
|
|
white-space: nowrap;
|
|
}
|
|
.btnTaskBig {
|
|
width: 95px;
|
|
height: 90px;
|
|
border: solid 2px green;
|
|
background-color: #AAFFAA;
|
|
font-weight: bold;
|
|
white-space: pre;
|
|
}
|
|
.btnHome {
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px green;
|
|
background-color: #AAFFAA;
|
|
white-space: pre;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
}
|
|
.btnLogout {
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px red;
|
|
background-color: #FFAAAA;
|
|
white-space: pre;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
}
|
|
.btnShowPeriodo {
|
|
height: 40px;
|
|
border: solid 2px Orange;
|
|
background-color: #FFCCAA;
|
|
white-space: pre;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
}
|
|
.btnBarcodeSmall {
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px blue;
|
|
background-color: #AAFFFF;
|
|
white-space: pre;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
}
|
|
.btnPrendiInCarico {
|
|
width: 140px;
|
|
height: 40px;
|
|
border: solid 2px red;
|
|
background-color: #FFCCAA;
|
|
white-space: pre;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
}
|
|
.btnCarica {
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px green;
|
|
background-color: #AAFFAA;
|
|
white-space: pre;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
}
|
|
.btnScarica {
|
|
width: 80px;
|
|
height: 40px;
|
|
border: solid 2px red;
|
|
background-color: #FFAAAA;
|
|
white-space: pre;
|
|
font-size: 9pt;
|
|
font-weight: bold;
|
|
}
|
|
.errore {
|
|
color: Red;
|
|
font-weight: bold;
|
|
}
|
|
.divSx {
|
|
float: left;
|
|
}
|
|
.divDx {
|
|
float: right;
|
|
} |