Files
limanapp/GeLiSt/css/BuildBlocks.css
Samuele Locatelli a196544a6c Legacy site commit
2021-10-07 16:23:17 +02:00

1084 lines
20 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: .5em .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 */
/* colori gradeinte */
.gradRosso
{
background-image: -webkit-gradient(linear,left top,left bottom,from( #FF7a00 ),to( #CC3800 ));
background-image: -webkit-linear-gradient( #FF7a00,#CC3800 );
background-image: -moz-linear-gradient( #FF7a00,#CC3800 );
background-image: -ms-linear-gradient( #FF7a00,#CC3800 );
background-image: -o-linear-gradient( #FF7a00,#CC3800 );
background-image: linear-gradient( #FF7a00,#CC3800 );
}
.gradVerde
{
background-image: -webkit-gradient(linear,left top,left bottom,from( #00FFa0 ),to( #00CC38 ));
background-image: -webkit-linear-gradient( #00FFa0,#00CC38 );
background-image: -moz-linear-gradient( #00FFa0,#00CC38 );
background-image: -ms-linear-gradient( #00FFa0,#00CC38 );
background-image: -o-linear-gradient( #00FFa0,#00CC38 );
background-image: linear-gradient( #00FFa0,#00CC38 );
}
.gradBlu
{
background-image: -webkit-gradient(linear,left top,left bottom,from( #00a0FF ),to( #0038CC ));
background-image: -webkit-linear-gradient( #00a0FF,#0038CC );
background-image: -moz-linear-gradient( #00a0FF,#0038CC );
background-image: -ms-linear-gradient( #00a0FF,#0038CC );
background-image: -o-linear-gradient( #00a0FF,#0038CC );
background-image: linear-gradient( #00a0FF,#0038CC );
}
/* end zona colori gradiente*/
/* reset links!*/
.noLink
{
text-decoration: none!important;
}
/* gestione gridview generica */
.headerStyle
{
background-color: #507CD1;
font-weight: bold;
color: White;
white-space: nowrap;
}
.footeStyle
{
background-color: #507CD1;
font-weight: bold;
color: White;
white-space: nowrap;
}
.footerRowStyle
{
background-image: -webkit-gradient(linear,left top,left bottom,from( #FF7a00 ),to( #CC3800 ));
background-image: -webkit-linear-gradient( #FF7a00,#CC3800 );
background-image: -moz-linear-gradient( #FF7a00,#CC3800 );
background-image: -ms-linear-gradient( #FF7a00,#CC3800 );
background-image: -o-linear-gradient( #FF7a00,#CC3800 );
background-image: linear-gradient( #FF7a00,#CC3800 );
}
.pagerStyle
{
background-color: #2461BF;
color: White;
white-space: nowrap;
text-align: center;
margin: auto;
font-size: medium;
}
.rowStyle
{
/*background-color: #DEE2EA;*/
background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f1f1f1 ));
background-image: -webkit-linear-gradient( #fff,#f1f1f1 );
background-image: -moz-linear-gradient( #fff,#f1f1f1 );
background-image: -ms-linear-gradient( #fff,#f1f1f1 );
background-image: -o-linear-gradient( #fff,#f1f1f1 );
background-image: linear-gradient( #fff,#f1f1f1 );
border: 1px solid #CDCDCD;
}
.alternatingRowStyle
{
/*background-color: White;*/
border: 1px solid #CDCDCD;
background-image: -webkit-gradient(linear,left top,left bottom,from( #ddf ),to( #e1f1ff ));
background-image: -webkit-linear-gradient( #ddf,#e1f1ff );
background-image: -moz-linear-gradient( #ddf,#e1f1ff );
background-image: -ms-linear-gradient( #ddf,#e1f1ff );
background-image: -o-linear-gradient( #ddf,#e1f1ff );
background-image: linear-gradient( #ddf,#e1f1ff );
/*
background-image: -webkit-gradient(linear,left top,left bottom,from( #fff ),to( #f1f1f1 ));
background-image: -webkit-linear-gradient( #fff,#f1f1f1 );
background-image: -moz-linear-gradient( #fff,#f1f1f1 );
background-image: -ms-linear-gradient( #fff,#f1f1f1 );
background-image: -o-linear-gradient( #fff,#f1f1f1 );
background-image: linear-gradient( #fff,#f1f1f1 );
*/
}
.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;
}
/* gestioen 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);
}
.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;
white-space: pre;
}
.btnArancio
{
border: solid 2px #998800;
background-color: #FFEE66;
width: 100%;
text-align: center;
white-space: pre;
}
.btnVerde
{
border: solid 2px green;
background-color: #AAFFAA;
width: 100%;
text-align: center;
white-space: pre;
}
.btnBlu
{
border: solid 2px blue;
background-color: #AAAAFF;
width: 100%;
text-align: center;
white-space: pre;
}
.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;
float: left;
border-top: solid 1px gray;
border-bottom: solid 1px gray;
border-left: solid 1px gray;
border-right: solid 1px gray;
margin: 0px;
padding: 4px;
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;
}
/* END gestione blocco dati */
/* standard gridview */
.grView
{
color: #333333;
font-size: 8pt;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;
padding-bottom: 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:5px;
margin-bottom:10px;
text-align:justify;
}
#tagCloud A
{
text-decoration:none;
margin-left:5px;
margin-right:5px;
font-family:Trebuchet MS, Verdana, Arial;
text-transform:lowercase;
}
#tagCloud A:hover
{
color:#00cc00;
text-decoration:underline;
}
#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: 1.0em;
}
/* END Tag Cloud */