Files
2020-04-03 09:28:19 +02:00

945 lines
18 KiB
CSS

/* zona blocchi Sx/DX */
.divSx {
float: left;
padding: 0;
margin: 0;
}
.divDx {
float: right;
padding: 0;
margin: 0;
}
.divCenter {
float: none;
text-align: center;
padding: 0;
margin: 0 auto 0 auto;
}
.clearDiv {
clear: both;
}
/* @end */
/* fix alcuni std dei cdd jQuery/jUqeryUi, jQueryMobile */
#accordion .ui-accordion-content {
padding: 0.5em 0.5em;
/* riduco padding accordion! */
}
/* end*/
/* group barPlot a colori*/
.sv {
text-align: center;
height: 20px;
background-image: url(../images/verde_20.png);
}
.sb {
text-align: center;
height: 20px;
background-image: url(../images/blu_20.png);
}
.sa {
text-align: center;
height: 20px;
background-image: url(../images/arancio_20.png);
}
.sg {
text-align: center;
height: 20px;
background-image: url(../images/giallo_20.png);
}
.sr {
text-align: center;
height: 20px;
background-image: url(../images/rosso_20.png);
color: White;
}
.ss {
text-align: center;
height: 20px;
background-image: url(../images/grigio_20.png);
color: White;
}
.sv80 {
text-align: center;
height: 80px;
background-image: url(../images/verde_80.png);
}
.sb80 {
text-align: center;
height: 80px;
background-image: url(../images/blu_80.png);
}
.sa80 {
text-align: center;
height: 80px;
background-image: url(../images/arancio_80.png);
}
.sg80 {
text-align: center;
height: 80px;
background-image: url(../images/giallo_80.png);
}
.sr80 {
text-align: center;
height: 80px;
background-image: url(../images/rosso_80.png);
color: White;
}
.ss80 {
text-align: center;
height: 80px;
background-image: url(../images/grigio_80.png);
color: White;
}
/* end*/
/* zona size % div */
.twoThird {
width: 67%;
}
.half {
width: 50%;
}
.third {
width: 33%;
}
.quarter {
width: 25%;
}
.fifth {
width: 20%;
}
/* end zona size % div */
/* reset links!*/
.noLink {
text-decoration: none !important;
}
/* gestione gridview generica */
.headerStyle {
background-color: #507CD1;
font-weight: bold;
color: White;
white-space: nowrap;
}
.pagerStyle {
background-color: #2461BF;
color: White;
white-space: nowrap;
text-align: center;
margin: auto;
font-size: medium;
}
.editRowStyle {
/*background-color: #2461BF;*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#4683ff), to(#2461BF));
background-image: -webkit-linear-gradient(#4683ff, #2461BF);
background-image: -moz-linear-gradient(#4683ff, #2461BF);
background-image: -ms-linear-gradient(#4683ff, #2461BF);
background-image: -o-linear-gradient(#4683ff, #2461BF);
background-image: linear-gradient(#4683ff, #2461BF);
}
.selectedRowStyle {
/*background-color: #D1DDF1;*/
background-image: -webkit-gradient(linear, left top, left bottom, from(#dfd), to(#80ff80));
background-image: -webkit-linear-gradient(#dfd, #80ff80);
background-image: -moz-linear-gradient(#dfd, #80ff80);
background-image: -ms-linear-gradient(#dfd, #80ff80);
background-image: -o-linear-gradient(#dfd, #80ff80);
background-image: linear-gradient(#dfd, #80ff80);
font-weight: bold;
}
.sortAscHead {
background-color: #6D95E1;
}
.sortDescHead {
background-color: #4870BE;
}
.sortAscCell {
background-color: #F5F7FB;
}
.sortDescCell {
background-color: #E9EBEF;
}
/* end gridView */
/* gestione gridview Red */
.headerStyleRed {
background-color: #D17C50;
font-weight: bold;
color: White;
white-space: nowrap;
}
.footerStyleRed {
background-color: #D17C50;
font-weight: bold;
color: White;
white-space: nowrap;
}
.pagerStyleRed {
background-color: #BF6124;
color: White;
white-space: nowrap;
text-align: center;
margin: auto;
font-size: medium;
}
.rowStyleRed {
background-color: #EAE2DE;
}
.alternatingRowStyleRed {
background-color: White;
}
.editRowStyleRed {
background-color: #BF6124;
}
.selectedRowStyleRed {
background-color: #F1DDD1;
font-weight: bold;
}
.sortAscHeadRed {
background-color: #E1956D;
}
.sortDescHeadRed {
background-color: #BE7048;
}
.sortAscCellRed {
background-color: #FBF7F5;
}
.sortDescCellRed {
background-color: #EFEBE9;
}
/* end gridView */
/* gestione gridview Green */
.headerStyleGreen {
background-color: #7CD150;
font-weight: bold;
color: White;
white-space: nowrap;
}
.footerStyleGreen {
background-color: #7CD150;
font-weight: bold;
color: White;
white-space: nowrap;
}
.pagerStyleGreen {
background-color: #61BF24;
color: White;
white-space: nowrap;
text-align: center;
margin: auto;
font-size: medium;
}
.rowStyleGreen {
background-color: #E2EADE;
}
.alternatingRowStyleGreen {
background-color: White;
}
.editRowStyleGreen {
background-color: #61BF24;
}
.selectedRowStyleGreen {
background-color: #DDF1D1;
font-weight: bold;
}
.sortAscHeadGreen {
background-color: #95E16D;
}
.sortDescHeadGreen {
background-color: #70BE48;
}
.sortAscCellGreen {
background-color: #F7FBF5;
}
.sortDescCellGreen {
background-color: #EBEFE9;
}
/* end gridView */
/* colore testi */
.textArancio {
color: #FFAA33;
}
.textAzzurro {
color: #36F;
}
.textNero {
color: #000;
}
.textGrigio {
color: #888;
}
/* gestione etichette calcolate*/
.badgeRosso {
border: solid 2px red;
background-color: #FFAAAA;
width: 100%;
text-align: center;
}
.badgeStd {
border: solid 2px #333;
background-color: #EEE;
width: 100%;
text-align: center;
}
.badgeVerde {
border: solid 2px green;
background-color: #AAFFAA;
width: 100%;
text-align: center;
}
.badgeArancio {
border: solid 2px #998800;
background-color: #FFEE66;
width: 100%;
text-align: center;
}
/*end etichette calcolate */
/* modal popup*/
.modalBackground {
background-color: gray;
filter: alpha(opacity=70);
opacity: 0.7;
}
/* end */
/* button con template */
.shadowBox {
-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}
.placardSteamware {
background-image: url(../images/logo_sw.png);
background-repeat: no-repeat;
background-position: top left;
padding-bottom: 128px;
min-height: 200px;
}
.btnHomeLogo {
background-image: url(../images/time.png);
background-repeat: no-repeat;
background-position: top;
padding-bottom: 128px;
margin-top: 10px;
}
.btnHomeBarcode {
background-image: url(../images/barcode.png);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 128px;
min-height: 200px;
height: 100%;
width: 100%;
}
.btnHomeAdmin {
background-image: url(../images/adminRed.png);
background-repeat: no-repeat;
background-position: top;
padding-bottom: 128px;
min-height: 200px;
height: 100%;
width: 100%;
}
.btnHomeSmart {
background-image: url(../images/smart.png);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 128px;
min-height: 200px;
height: 100%;
width: 100%;
}
.btnHomeUser {
background-image: url(../images/user.png);
background-repeat: no-repeat;
background-position: top;
padding-bottom: 128px;
min-height: 200px;
height: 100%;
width: 100%;
}
.btnChiudi {
background-image: url(../images/cancel_m.png);
background-repeat: no-repeat;
background-position: right;
border: 1px solid #333333;
padding: 4px;
padding-right: 28px;
}
.btnNew {
background-image: url(../images/new_m.png);
background-repeat: no-repeat;
background-position: right;
border: 1px solid #333333;
padding: 4px;
padding-right: 28px;
}
.btnDelete {
background-image: url(../images/elimina_m.png);
background-repeat: no-repeat;
background-position: right;
border: 1px solid #333333;
padding: 4px;
padding-right: 28px;
}
.btnEditBig {
background-image: url(../images/edit_l.png);
background-repeat: no-repeat;
background-position: right;
border: 1px solid #333333;
padding: 4px;
padding-right: 28px;
}
.btnEdit {
background-image: url(../images/edit_m.png);
background-repeat: no-repeat;
background-position: right;
border: 1px solid #333333;
padding: 4px;
padding-right: 28px;
}
.btnClonaBig {
background-image: url(../images/clonaObj_l.png);
background-repeat: no-repeat;
background-position: right;
border: 1px solid #333333;
padding: 4px;
padding-right: 28px;
}
.btnClona {
background-image: url(../images/clonaObj_m.png);
background-repeat: no-repeat;
background-position: right;
border: 1px solid #333333;
padding: 4px;
padding-right: 28px;
}
.btnNaviga {
background-image: url(../images/naviga_m.png);
background-repeat: no-repeat;
background-position: right;
border: 1px solid #333333;
padding: 4px;
padding-right: 28px;
}
.btnExportCSV {
background-color: #DEDEDE;
background-image: url(../images/download_m.png);
background-repeat: no-repeat;
background-position: right;
border: 1px solid #333333;
padding: 4px;
padding-right: 24px;
font-size: 10pt;
}
.btnRosso {
border: solid 2px red;
background-color: #FFAAAA;
width: 100%;
text-align: center;
}
.btnRossoGrad {
border: solid 2px red;
background-color: #FFAAAA;
width: 100%;
text-align: center;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFAAAA), to(#994444));
background-image: -webkit-linear-gradient(#FFAAAA, #994444);
background-image: -moz-linear-gradient(#FFAAAA, #994444);
background-image: -ms-linear-gradient(#FFAAAA, #994444);
background-image: -o-linear-gradient(#FFAAAA, #994444);
background-image: linear-gradient(#FFAAAA, #994444);
}
.btnArancio {
border: solid 2px #998800;
background-color: #FFEE66;
width: 100%;
text-align: center;
}
.btnVerde {
border: solid 2px green;
background-color: #AAFFAA;
width: 100%;
text-align: center;
}
.btnVerdeGrad {
border: solid 2px green;
background-color: #AAFFAA;
text-align: center;
background-image: -webkit-gradient(linear, left top, left bottom, from(#AAFFAA), to(#449944));
background-image: -webkit-linear-gradient(#AAFFAA, #449944);
background-image: -moz-linear-gradient(#AAFFAA, #449944);
background-image: -ms-linear-gradient(#AAFFAA, #449944);
background-image: -o-linear-gradient(#AAFFAA, #449944);
background-image: linear-gradient(#AAFFAA, #449944);
}
.btnBlu {
border: solid 2px blue;
background-color: #AAAAFF;
width: 100%;
text-align: center;
}
.btnPreferred {
font-size: 3em;
border: solid 4px red;
background-color: #FFACAC;
width: 100%;
min-height: 200px;
height: 100%;
text-align: center;
white-space: pre;
}
.btnStd {
font-size: 3em;
color: #696969;
border: solid 4px #333;
background-color: #ACACAC;
width: 100%;
min-height: 200px;
height: 100%;
text-align: center;
white-space: pre;
}
/* end buttons! */
.bottomWrite {
font-size: 8pt;
}
.lblWarning {
color: Red;
}
/* zona menù top */
.menuNav {
background-color: #B5C7DE;
color: #284E98;
font-size: 1.2em;
}
.menuNavSel {
background-color: #507CD1;
}
.menuItem {
width: 200px;
}
/* end zona menu */
/* zona colorazione filtri */
.filtro_1 {
background-color: #8888ff;
}
.filtro_2 {
background-color: #aaaaff;
}
.filtro_3 {
background-color: #ccccff;
}
.filtro_4 {
background-color: #dedeff;
}
.filtro_5 {
background-color: #efefff;
}
/* @end */
/* area gestione etichette tab */
.tabLabelGreen {
background-color: #DDFFDD;
border-top: 1px solid #339933;
border-left: 1px solid #339933;
border-right: 1px solid #339933;
height: 1.5em;
vertical-align: middle;
padding-top: 0.5em;
font-size: 13pt;
font-weight: bold;
}
.tabBodyGreen {
background-color: #DDFFDD;
border-bottom: 1px solid green;
border-left: 1px solid green;
border-right: 1px solid green;
}
.tabLabelGray {
background-color: #DEDEDE;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
height: 1.5em;
vertical-align: middle;
padding-top: 0.5em;
font-size: 13pt;
font-weight: bold;
}
.tabBodyGray {
background-color: #DEDEDE;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}
/* @end */
/* dimensione caratteri & co */
.fontTitolo {
font-size: 44pt;
height: 36px;
}
.fontMedio {
font-size: 16pt;
}
.fontNormale {
font-size: 10pt;
}
.fontPiccolo {
font-size: 8pt;
}
.labelInput {
font-size: 9pt;
color: #555;
}
/* @end */
/* autocomplete e watermarking */
.watermark {
color: Gray;
font-style: italic;
}
.autocomplete {
width: 400px;
color: Gray;
background-color: White;
font-size: 8pt;
padding: 4px 1px 4px 1px;
border-bottom: 1px solid #888;
}
.autocompleteHiglight {
width: 400px;
color: Black;
background-color: Yellow;
font-size: 8pt;
padding: 4px 1px 4px 1px;
border-bottom: 1px solid #888;
}
.autocompleteElemID {
background-color: Red;
font-weight: bold;
}
.autocompleteListCssClass {
width: 400px;
font-size: 8pt;
background-color: White;
padding: 2px 2px 2px 2px;
}
/* @end */
/* gestione blocco dati */
.dataBlock {
background-color: #FFFFFF;
font-size: 9pt;
border: solid 1px gray;
vertical-align: text-top;
text-align: left;
}
.dataBlockHeader {
border-top: solid 2px gray;
border-bottom: solid 1px gray;
border-left: solid 2px gray;
border-right: solid 2px gray;
background-color: #EFEFEF;
font-weight: bold;
padding: 2px;
}
.dataBlockSx {
float: left;
text-align: left;
}
.dataBlockDx {
float: right;
text-align: right;
}
.dataBlockLabel {
border-top: solid 1px #FEFEFE;
padding-right: 2px;
padding-left: 2px;
}
.dataBlockValue {
color: Black;
font-weight: bold;
padding-right: 4px;
padding-left: 4px;
margin-bottom: 0px;
font-weight: normal;
}
.dataBlockReset {
clear: both;
padding-bottom: 2px;
margin-bottom: 2px;
}
.dataBlockResetGray {
border-bottom: solid 1px #CECECE;
clear: both;
padding-bottom: 2px;
margin-bottom: 2px;
}
.dataBlockResetDark {
border-bottom: solid 1px #363636;
clear: both;
padding-bottom: 2px;
margin-bottom: 2px;
}
.dataBlockBtn {
background-color: #FAFAFA;
border: solid 1px gray;
padding-top: 4px;
padding-bottom: 4px;
vertical-align: text-top;
margin: 0px;
text-align: center;
}
.blockSizeSmallest {
width: 175px;
}
.blockSizeSmaller {
width: 200px;
}
.blockSizeSmall {
width: 225px;
}
.blockSizeMed {
width: 250px;
}
.blockSizeLarge {
width: 275px;
}
.blockSizeXLarge {
width: 300px;
}
.blockSizeXXLarge {
width: 350px;
}
.blockSizeXXXLarge {
width: 400px;
}
.blockSpac {
padding: 0.3em;
margin-bottom: 0.5em;
width: 100%;
}
/* END gestione blocco dati */
/* standard gridview */
.grView {
color: #333333;
font-size: 8pt;
padding: 1px;
}
.ctrHeaderPager {
background-color: #b8b8b8;
font-weight: bold;
color: White;
}
.ctrHeaderPagerRight {
background-color: #b8b8b8;
font-weight: bold;
color: White;
text-align: right;
}
.ctrHeaderPagerBlue {
background-color: #507CD1;
height: 1px;
}
.ctrHeaderPagerBlueRight {
background-color: #507CD1;
height: 1px;
text-align: right;
}
.ctrFooter {
background-color: #507CD1;
font-weight: bold;
color: White;
}
.ctrRowStyle {
vertical-align: top;
background-color: #EFF3FB;
}
/* end gridview */
/* area conf x gestione pagine full con barcode (es: spostamenti gitterbox, postazioni...) */
.stileAttesa {
background: #AAAAAA;
text-align: center;
}
.stileComandoOk {
background: #AAFFAA;
text-align: center;
}
.stileComandoKo {
background: #FFAAAA;
text-align: center;
}
.stileComandoAdd {
background: #AAAAFF;
text-align: center;
}
.stileComandoND {
background: #FFFFAA;
text-align: center;
}
.clockBar {
color: #9CC0FF;
background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
background-image: -webkit-linear-gradient(#999, #000);
background-image: -moz-linear-gradient(#999, #000);
background-image: -ms-linear-gradient(#999, #000);
background-image: -o-linear-gradient(#999, #000);
background-image: linear-gradient(#999, #000);
}
.fullPageHeader {
border-bottom: solid 2px Black;
background-color: #6C90FF;
font-weight: bold;
}
.msgBoxBarcode {
border-top: solid 2px Black;
border-bottom: solid 2px Black;
background-color: #E5E5E5;
}
.stileErr01 {
background: #FF6633;
text-align: center;
}
.stileErr02 {
background: #FFAA77;
text-align: center;
}
.stileErr03 {
background: #FF3300;
text-align: center;
}
/* end gestione barcode full page */
/* Tag Cloud */
#tagCloud {
/*border: solid 1px #ccc;*/
/*padding: 0.2rem;*/
margin-bottom: 0.4rem;
text-align: justify;
line-height: 1.1rem;
font-size: 0.9em;
}
#tagCloud A {
text-decoration: none;
margin-left: 0.2rem;
margin-right: 0.2rem;
border: 1px solid #FFFFFF;
}
#tagCloud A:hover {
/*text-transform: uppercase;*/
/*text-decoration: underline;*/
/*font-weight: 800;*/
border: 1px solid #4683ff;
background-color: #c8ddff;
}
#tagCloud A.w1 {
color: #ff9900;
font-size: 1.9em;
font-weight: bolder;
}
#tagCloud A.w2 {
color: #4169e1;
font-size: 1.5em;
font-weight: bolder;
}
#tagCloud A.w3 {
color: #009eff;
font-size: 1.4em;
font-weight: bolder;
}
#tagCloud A.w4 {
color: #4188cf;
font-size: 1.2em;
}
#tagCloud A.w5 {
color: #83bcd8;
font-size: 1em;
}
#tagCloud A.e1 {
/*text-wrap: none;
white-space: nowrap;*/
color: #d88100;
}
#tagCloud A.e2 {
/*text-wrap: none;
white-space: nowrap;*/
color: #7d4b00;
}
#tagCloud A.e3 {
/*text-wrap: none;
white-space: nowrap;*/
color: #0b2055;
}
#tagCloud A.e4 {
/*text-wrap: none;
white-space: nowrap;*/
color: #4188cf;
}
#tagCloud A.e5 {
/*text-wrap: none;
white-space: nowrap;*/
color: #83bcd8;
}
#tagCloud A.p1 {
color: #ff9900;
font-size: 1.9em;
font-weight: bolder;
min-width: 100%;
text-align: center;
text-wrap: none;
background-color: #ffe5c3;
margin: 2px 0px;
min-height: 3em;
}
#tagCloud A.p2 {
color: #4169e1;
font-size: 1.5em;
font-weight: bolder;
width: 48%;
text-align: center;
float: left;
margin: 2px 2px;
text-wrap: none;
background-color: #e6ecfc;
min-height: 3em;
}
#tagCloud A.p3 {
color: #009eff;
font-size: 1.4em;
font-weight: bolder;
width: 32%;
text-align: center;
float: left;
margin: 2px 2px;
text-wrap: none;
background-color: #c3e9ff;
min-height: 3em;
/*white-space: nowrap;*/
}
#tagCloud A.p4 {
color: #4188cf;
font-size: 1.2em;
width: 23%;
text-align: center;
float: left;
margin: 2px 2px;
text-wrap: none;
background-color: #d7e6f5;
min-height: 2em;
}
#tagCloud A.p5 {
color: #83bcd8;
font-size: 1em;
width: 18%;
text-align: center;
float: left;
margin: 2px 2px;
text-wrap: none;
background-color: #f8fbfc;
min-height: 2em;
}
#tagCloud A.p6 {
color: #83bcd8;
font-size: 1em;
width: 16.6%;
}
#tagCloud A.p7 {
color: #83bcd8;
font-size: 0.9em;
width: 10%;
}
/* END Tag Cloud */