/* * Web Filler server * Cascading stylesheets */ /************************************************************************************************************/ /* debug */ /************************************************************************************************************/ #debugConsole { position:absolute; width:100%; left:0px; bottom:0px; z-index: 9999; height: 100px; border : solid 1px; overflow: auto; font-family: monospace; font-size: 12px; } /************************************************************************************************************/ /* Public */ /************************************************************************************************************/ #wf_fillerform img { border: none; } #wf_fillerform table { border-color: black; } #wf_fillerform button { white-space: normal; } /* #wf_fillerform .field { background-color: #FEFFB3; border-style: none; padding: 0; } */ #wf_fillerform .button { cursor: pointer; } /* pro tlacitko, ale i pro aktivni oblast s onclick eventem */ #wf_fillerform .tabbutton { cursor: pointer; border-left: 1px solid #C0C0C0; } #wf_fillerform .invalid { background-color: #FF6464; border-style: none; padding: 0; } .ui-widget .ui-widget { font-size: 10pt; } /* 24.6.15 kvuli Chrome wizzard */ .div-repe { position:absolute; background-color: #99B4D1; display: block; } /* div-repe je mimo #wf_fillerform */ #div-repe-menu img { border: none; } #wf_fillerform .focused { border: 2px solid #99B4D1 !important; } #wf_fillerform .fakeradio { display: none; font-size: 16px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; cursor: default } /* Lucida Grande je Mac verze*/ #wf_fillerform .fakeradio.fakedisabled { color:gray; } #wf_fillerform .buttonnone { cursor: pointer; border-width: 0px; border-style: none; background-color:transparent; -webkit-appearance: none; background-image: none; } /* pro tlacitko, ktere nema jako tlacitko vypadat - je to jen klikaci oblast */ #wf_fillerform .invisible { position: absolute; top:-500px; left:0; width:1px; height:1px; overflow:hidden; } /* prvky, ktere nemaji byt videt na obrazovce, ale musi je videt ctecka */ #wf_fillerform textarea { resize: none; } /* protoze na rozdil od IE lze v Chrome a jinde resizovat */ #wf_fillerform .textcursor { cursor: text; } /* pro bunku obsahujici editacni pole */ .ui-widget-content a { color: #0000EE; } /* link at je modre uvnitr dialogu */ button.ui-dialog-titlebar-close { visibility: visible !important; } /* 17.12.15 #6545 kvuli FS, protoze tam ho zakryli vlastnim stylem */ #wf_fillerform .no-padding { padding: 0 !important; } /* 5.2.16 #7094 */ #wf_fillerform .anchor-remove { color: black !important; } #wf_fillerform .drag-active { outline: 2px dashed gray; outline-offset: -1px; } #wf_fillerform .multi-toggle { cursor: pointer; } #wf_fillerform .rich { cursor: pointer; min-height: 10pt; } /*#15229 4.1.19 prenesen min-height z XSLT*/ #wf_fillerform .rich[readonly="readonly"] { cursor: default; outline: 0; min-height: 0pt; } /*#14038 18.1.18, #14185 22.3.18, #15229 4.1.19 */ #wf_fillerform .rohidden[disabled="disabled"] { display: none; } /*#12673 3.11.17 readonly pro form602romode=hidden*/ /************************************************************************************************************/ /* Fonty */ /************************************************************************************************************/ .fas-body { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; font-size: 10pt; background-color: white;} /* 2.5.16 prejmenovano z 'body' na 'fas-body' kvuli web designeru */ .fas-body.fas-transparent { background-color: transparent; } .fas-body.hasSubform { overflow: hidden; } /* #14737 18.7.18 nezdvojovat scrollbary */ #wf_fillerform #listdir { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; font-size: 10pt; margin-left: 20px;} #wf_fillerform .ui-widget { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; font-size: 10pt; } /* 24.6.15 kvuli Chrome wizzard */ .ui-widget { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; } /* #6672 predefinovan default styl 'smoothness' - pouziva font-family: Verdana,Arial,sans-serif; a to jsou vetsi texty, delaji problemy */ .ui-widget button { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; } /* #6672 predefinovan default styl 'smoothness' */ .ui-tooltip-content { font-size: 8pt; font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; } .ui-tooltip { padding: 2px; } /************************************************************************************************************/ /* ikony v dialozich */ /************************************************************************************************************/ /* technika CSS sprite pomoci http://tomaserlich.cz/download/soubory-k-clankum/css-sprite-generator/ */ .dlg-icon-48 { background: url(../img/dlgicons48.png) no-repeat; width: 48px; height: 48px; display: block; } .icon-help-hi-48 { background-position: -177px -118px; } .icon-help-low-48 { background-position: -177px -59px; } .icon-info-hi-48 { background-position: -177px -0px; } .icon-info-low-48 { background-position: -118px -118px; } .icon-ok-hi-48 { background-position: -59px -118px; } .icon-ok-low-48 { background-position: -0px -118px; } .icon-stop-hi-48 { background-position: -118px -59px; } .icon-stop-low-48 { background-position: -59px -59px; } .icon-warning-orange-hi-48 { background-position: -0px -59px; } .icon-warning-orange-low-48 { background-position: -118px -0px; } .icon-warning-red-hi-48 { background-position: -59px -0px; } .icon-warning-red-low-48 { background-position: -0px -0px; } .icon-error-hi-48 { background-position: -59px -175px; } /*#15233 10.8.18 nova ikona pro error*/ .icon-error-low-48 { background-position: -0px -175px; } /*#15233 10.8.18 nova ikona pro error*/ /************************************************************************************************************/ /* Wait cursor */ /************************************************************************************************************/ body.global-wait, body.global-wait * { cursor: wait !important; } /************************************************************************************************************/ /* VREP */ /************************************************************************************************************/ .vrep_status { /* border: 1px solid #C0C0C0; */ text-align: center; font-style: italic; font-size: 12px; } .vrep_grayed { color: #A0A0A0; } #wf_VREP_progressbar { height: 10px; display: none; } /*#wf_VREP_progressbar .ui-progressbar-value { background-image: url(../../page/img/pbar-ani.gif); height: 100%; } */ #wf_VREP_progressbar .ui-progressbar-value { height: 100%; } /************************************************************************************************************/ /* Nastaveni formularovych poli */ /************************************************************************************************************/ /* #10933 19.1.17 zde je to zbytecne, css vzdy nastavuje xslt #wf_fillerform .Pref_fld_normal { background-color: #ffffB4 !important; } #wf_fillerform .Pref_fld_required { background-color: #ffffB4 !important; } #wf_fillerform .Pref_fld_readonly { background-color: #ffffB4 !important; } #wf_fillerform .Pref_fld_richtext { background-color: #ffffB4 !important; } #wf_fillerform .Pref_fld_error { background-color: rgb(255,100,100) !important; } */ /************************************************************************************************************/ /* Barvy vicenasobnych podpisu */ /************************************************************************************************************/ /* zde nutno bez #wf_fillerform, aby se barva uplatnila i na panelu podpisu */ .Sign_Color_0 { background-color: #FCD8D8 !important; } .Sign_Color_1 { background-color: #D8EAFC !important; } .Sign_Color_2 { background-color: #FCEAD8 !important; } .Sign_Color_3 { background-color: #D8D8FC !important; } .Sign_Color_4 { background-color: #EAD8FC !important; } .Sign_Color_5 { background-color: #EAFCD8 !important; } .Sign_Color_6 { background-color: #FCD8FC !important; } .Sign_Color_7 { background-color: #D8FCD8 !important; } .Sign_Color_8 { background-color: #FCD8EA !important; } .Sign_Color_9 { background-color: #D8FCEA !important; } .Sign_Color_10 { background-color: #FCD8D8 !important; } .Sign_Color_11 { background-color: #D8FCFC !important; } .Sign_Color_12 { background-color: #FFDCDC !important; } .Sign_Color_13 { background-color: #DCF0FF !important; } .Sign_Color_14 { background-color: #FFF0DC !important; } .Sign_Color_15 { background-color: #DCDCFF !important; } .Sign_Color_16 { background-color: #F0DCFF !important; } .Sign_Color_17 { background-color: #F0FFDC !important; } .Sign_Color_18 { background-color: #FFDCFF !important; } .Sign_Color_19 { background-color: #DCFFDC !important; } .Sign_Color_20 { background-color: #FFDCF0 !important; } .Sign_Color_21 { background-color: #DCFFF0 !important; } .Sign_Color_22 { background-color: #FFDCDC !important; } .Sign_Color_23 { background-color: #DCFFFF !important; } /* Protoze se ale .Sign_Color_* tlucou s .Pref_fld_*, je nutne definovat viteze pres tzv. multiple class selector: */ /* nutne je i umisteni do #wf_fillerform, jinak se neuplatni */ /* .Pref_fld_error - vitezi chyba */ #wf_fillerform .Pref_fld_error.Sign_Color_0 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_1 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_2 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_3 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_4 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_5 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_6 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_7 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_8 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_9 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_10 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_11 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_12 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_13 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_14 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_15 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_16 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_17 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_18 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_19 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_20 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_21 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_22 { background-color: rgb(255,100,100) !important; } #wf_fillerform .Pref_fld_error.Sign_Color_23 { background-color: rgb(255,100,100) !important; } /* .Pref_fld_* - s vyjimkou chyby Pref_fld_error vse ostatni prebiji barva podpisu */ #wf_fillerform .Pref_fld_normal.Sign_Color_0 { background-color: #FCD8D8 !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_1 { background-color: #D8EAFC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_2 { background-color: #FCEAD8 !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_3 { background-color: #D8D8FC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_4 { background-color: #EAD8FC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_5 { background-color: #EAFCD8 !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_6 { background-color: #FCD8FC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_7 { background-color: #D8FCD8 !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_8 { background-color: #FCD8EA !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_9 { background-color: #D8FCEA !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_10 { background-color: #FCD8D8 !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_11 { background-color: #D8FCFC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_12 { background-color: #FFDCDC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_13 { background-color: #DCF0FF !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_14 { background-color: #FFF0DC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_15 { background-color: #DCDCFF !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_16 { background-color: #F0DCFF !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_17 { background-color: #F0FFDC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_18 { background-color: #FFDCFF !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_19 { background-color: #DCFFDC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_20 { background-color: #FFDCF0 !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_21 { background-color: #DCFFF0 !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_22 { background-color: #FFDCDC !important; } #wf_fillerform .Pref_fld_normal.Sign_Color_23 { background-color: #DCFFFF !important; } #wf_fillerform .Pref_fld_required.Sign_Color_0 { background-color: #FCD8D8 !important; } #wf_fillerform .Pref_fld_required.Sign_Color_1 { background-color: #D8EAFC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_2 { background-color: #FCEAD8 !important; } #wf_fillerform .Pref_fld_required.Sign_Color_3 { background-color: #D8D8FC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_4 { background-color: #EAD8FC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_5 { background-color: #EAFCD8 !important; } #wf_fillerform .Pref_fld_required.Sign_Color_6 { background-color: #FCD8FC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_7 { background-color: #D8FCD8 !important; } #wf_fillerform .Pref_fld_required.Sign_Color_8 { background-color: #FCD8EA !important; } #wf_fillerform .Pref_fld_required.Sign_Color_9 { background-color: #D8FCEA !important; } #wf_fillerform .Pref_fld_required.Sign_Color_10 { background-color: #FCD8D8 !important; } #wf_fillerform .Pref_fld_required.Sign_Color_11 { background-color: #D8FCFC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_12 { background-color: #FFDCDC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_13 { background-color: #DCF0FF !important; } #wf_fillerform .Pref_fld_required.Sign_Color_14 { background-color: #FFF0DC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_15 { background-color: #DCDCFF !important; } #wf_fillerform .Pref_fld_required.Sign_Color_16 { background-color: #F0DCFF !important; } #wf_fillerform .Pref_fld_required.Sign_Color_17 { background-color: #F0FFDC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_18 { background-color: #FFDCFF !important; } #wf_fillerform .Pref_fld_required.Sign_Color_19 { background-color: #DCFFDC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_20 { background-color: #FFDCF0 !important; } #wf_fillerform .Pref_fld_required.Sign_Color_21 { background-color: #DCFFF0 !important; } #wf_fillerform .Pref_fld_required.Sign_Color_22 { background-color: #FFDCDC !important; } #wf_fillerform .Pref_fld_required.Sign_Color_23 { background-color: #DCFFFF !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_0 { background-color: #FCD8D8 !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_1 { background-color: #D8EAFC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_2 { background-color: #FCEAD8 !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_3 { background-color: #D8D8FC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_4 { background-color: #EAD8FC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_5 { background-color: #EAFCD8 !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_6 { background-color: #FCD8FC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_7 { background-color: #D8FCD8 !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_8 { background-color: #FCD8EA !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_9 { background-color: #D8FCEA !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_10 { background-color: #FCD8D8 !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_11 { background-color: #D8FCFC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_12 { background-color: #FFDCDC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_13 { background-color: #DCF0FF !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_14 { background-color: #FFF0DC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_15 { background-color: #DCDCFF !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_16 { background-color: #F0DCFF !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_17 { background-color: #F0FFDC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_18 { background-color: #FFDCFF !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_19 { background-color: #DCFFDC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_20 { background-color: #FFDCF0 !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_21 { background-color: #DCFFF0 !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_22 { background-color: #FFDCDC !important; } #wf_fillerform .Pref_fld_readonly.Sign_Color_23 { background-color: #DCFFFF !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_0 { background-color: #FCD8D8 !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_1 { background-color: #D8EAFC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_2 { background-color: #FCEAD8 !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_3 { background-color: #D8D8FC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_4 { background-color: #EAD8FC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_5 { background-color: #EAFCD8 !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_6 { background-color: #FCD8FC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_7 { background-color: #D8FCD8 !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_8 { background-color: #FCD8EA !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_9 { background-color: #D8FCEA !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_10 { background-color: #FCD8D8 !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_11 { background-color: #D8FCFC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_12 { background-color: #FFDCDC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_13 { background-color: #DCF0FF !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_14 { background-color: #FFF0DC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_15 { background-color: #DCDCFF !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_16 { background-color: #F0DCFF !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_17 { background-color: #F0FFDC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_18 { background-color: #FFDCFF !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_19 { background-color: #DCFFDC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_20 { background-color: #FFDCF0 !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_21 { background-color: #DCFFF0 !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_22 { background-color: #FFDCDC !important; } #wf_fillerform .Pref_fld_richtext.Sign_Color_23 { background-color: #DCFFFF !important; } /*********************** Konec sekce multiple class selector **************************/ /************************************************************************************************************/ /* Dialog */ /************************************************************************************************************/ .withoutTitle .ui-dialog-titlebar { display: none } /* pro skryti titulku v dialogu, kde se to hodi */ /*.ui-front { z-index: 150 !important; } */ /* NE! rozhodi to jQueryUI 1.11.3, viz #6177, #3883, #5713 */ .no-close-box .ui-dialog-titlebar-close { display: none } /* pro skryti moznosti zavreni vpravo nahore */ .on-top { z-index: 9999999999 !important; } /* pro dialog vzdy na vrchu, viz #6078 */ .leftButton { position: absolute; left: 16px; } /* leve tlacitko v jQueryUI dialogu */ .bootstrap-iso .close-box-in-body button.close { /* #16643 24.4.19 close-box-in-body */ padding: 2px 5px 2px 5px; } .bootstrap-iso .modal-dialog.withoutTitle.close-box-in-body .modal-body { padding-right: 0px; } .bootstrap-iso .modal-dialog .modal-body { overflow-wrap: break-word; /* #16964 18.6.19 */ } /************************************************************************************************************/ /* Validator */ /************************************************************************************************************/ #wf_fillerform label.error { display: block; color: red; font-style: italic; font-weight: normal; } #wf_fillerform input.error { /* border: 2px solid red; */ background-color: rgb(255,100,100); /* natvrdo cervena, tak je to ve Filleru */ } #wf_fillerform div.button-container { display: flex; } #wf_fillerform div.button-container .bootstrap-iso { /*#16901 10.6.19 kvuli datepicker, ale zrejme nutno obecne*/ flex: 0 0 100%; } #wf_fillerform .hasTooltipButton { border-top-right-radius: 0pt; border-bottom-right-radius: 0pt; min-width: 0pt; /*#16141 6.2.19 hlavne kvuli FF a Edge*/ } #wf_fillerform button.right-button { /* button s napovedou */ /*#14922 11.6.18 width a height je ve WD stylech, kde se upravuje vzhledem k motivu*/ cursor: pointer; background-color: #D4ECF9; background-image: url("../img/info2_16.png"); background-repeat: no-repeat; background-position: center; border-top-right-radius: 3pt; border-bottom-right-radius: 3pt; border-top-left-radius: 0pt; border-bottom-left-radius: 0pt; /* border-left-style: none !important; #16574 12.4.19 presunuto do WD css */ } #wf_fillerform .input-group-addon[disabled] { /* #14568 kvuli kurzoru */ cursor: not-allowed; } #wf_fillerform .input-group-addon.bsbutton-addon { padding: 0px; border: 0; line-height: 10px; /* #14429 nutne, ale jen kvuli IE a Edge */ } #wf_fillerform .right-button.pushed-button { /*box-shadow: 0 0 8px 8px white inset;*/ /*background-image: url("../img/info_16.png");*/ opacity: 0.6; } #wf_fillerform button.right-button.Pref_fld_error { /*button s chybou*/ background-color: #FFCCCC; background-image: url("../img/info3_16.png"); } /************************************************************************************************************/ /* Nove FAS tooltipy #15748 13.11.18 /************************************************************************************************************/ #wf_fillerform .fastooltip, #wf_fillerform .selectboxit-container .fastooltip { display: none; color: #000; background-color: #ffffff; border: 1px solid #767676; border-radius: 3pt; padding: 5px; position: absolute; /*min-width: 200px;*/ white-space: pre-wrap; /* 15.11.18 'normal' kvuli .selectboxit-container, ten nastavuje nowrap; 23.11.18 #15815 nutny 'pre-wrap' kvuli zachovani odradkovani */ /*box-shadow: 2px 2px grey;*/ box-sizing: border-box; /*nutno pro spravny vypocet width!*/ z-index: 1000; /*3.6.19 nad #webfillertoolbar*/ overflow-wrap: break-word; /*#16658 13.6.19*/ max-width: 500px; /* lepe se cte uzsi tooltip*/ } #wf_fillerform .fastooltip-container-relative { position: relative; display: inline-block; } .fas-body:not(.wd-body) #wf_fillerform .fastooltip, #wf_fillerform .selectboxit-container .fastooltip { /*specifika FAS tooltip*/ /*background-color: #fffff9; lehce zazloutla*/ text-align: left; font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; } .wd-body #wf_fillerform .button-container .fastooltip, #wf_fillerform .button-container .selectboxit-container .fastooltip { /*specifika pro WD tooltip tlacitkovy */ text-align: center; /*pro WD se text centruje, protoze se roztahuje do kontejneru*/ } #wf_fillerform input[type=image] + .fastooltip { display: inline; /*#16729 13.5.19*/ } #wf_fillerform .fastooltip div.hr { margin-top: 7px; margin-bottom: 5px; border-bottom: 1px solid #767676; /*seda*/ } /* .fas-body #wf_fillerform .fastooltip.tooltiperror { background-color: #FFCCCC; border: 1px solid red; } */ #wf_fillerform .fastooltip .errortext { color: #FF0000; } #wf_fillerform .fastooltip::after { /*zobacek u tooltipu*/ content: ""; position: absolute; left: 15px; /*zobacek nalevo pro dynamicky tooltip*/ margin-left: -5px; border-width: 5px; border-style: solid; } #wf_fillerform .fastooltip.placeright::after { left: auto; right: 15px; /*zobacek napravo pro dynamicky tooltip*/ } #wf_fillerform .fastooltip.withbutton::after { /*zobacek u tooltipu napravo u buttonu*/ right: 11px; left: auto; } #wf_fillerform .fastooltip.placetop::after { top: 100%; border-color: #767676 transparent transparent transparent; } .wd-body #wf_fillerform .fastooltip.placetop::after { /*pro formy z WD je default zobacek sedy*/ border-color: #767676 transparent transparent transparent; } /* zobacek u tooltipu - error #wf_fillerform .fastooltip.placetop.tooltiperror::after { border-color: red transparent transparent transparent; } */ #wf_fillerform .fastooltip.placebottom::after { bottom: 100%; border-color: transparent transparent #767676 transparent; } .wd-body #wf_fillerform .fastooltip.placebottom::after { /*pro formy z WD je default zobacek sedy*/ border-color: transparent transparent #767676 transparent; } /* zobacek u tooltipu - error #wf_fillerform .fastooltip.placebottom.tooltiperror::after { border-color: transparent transparent red transparent; } */ .disabled-proxy { position:absolute; left:0; right:0; top:0; bottom:0; /*cursor: not-allowed;*/ } /************************************************************************************************************/ /* File upload */ /************************************************************************************************************/ #wf_fillerform .input-file-uploadextent /* v ramci #15841 19.2.19 prejmenovan input-file-upload na input-file-uploadextent, aby se oddelila funkcnost vsech tlacitek a vizual stareho tlacitka */ { position: absolute; top: 0; left: 0; /* pro ladeni zrusit filter a opacity, at je videt... */ filter: alpha(opacity=0); opacity: 0; cursor: pointer; width: 100%; /*20.12.16 #10617, #10690*/ height: 100%; /*20.12.16 #10617, #10690*/ } ::-webkit-file-upload-button { cursor:pointer; } /* #4416 Chrome jinak prekresli kurzor pokud je pod nim skryty input file */ /************************************************************************************************************/ /* Datepicker */ /************************************************************************************************************/ div.ui-datepicker { /* div.ui-datepicker je mimo #wf_fillerform */ font-size: 12px; /* z-index: 9999 !important; */ z-index: 1000000 !important; /* 14.10.13 SelectBoxIt default nastavuje z-index na 999999, je nutne ho datepickerem prebit, viz #3353; 8.3.17 #11181 snizuju na 1000000 */ } .ios-appearance { /* iOS device render by default the inputs using the iOS buttons */ /* #9186 bud lze 1) uplne vypnout iOS tlacitkovej vhled: -webkit-appearance: textfield; min-height: 1.2em; 2) alespon roztahnout picker na celou siri: */ /*width: 95%;*/ -webkit-min-logical-width: 95%; /* 100% nelze, to usekne i sipecku :-( */ } .overflow-to-visible { overflow: visible !important; /*important nutny pro prebiti style*/ } /************************************************************************************************************/ /* Timepicker */ /************************************************************************************************************/ /* viz jquery-ui-timepicker-addon.css */ /* timepicker je mimo je mimo #wf_fillerform */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 60%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-rtl{ direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 60% 10px 10px; } /* #15832 8.3.19 bootstrap timepicker uz i ve FAS, podle WD stylu */ .bootstrap-iso .bootstrap-datetimepicker-widget .timepicker-picker table td span.glyphicon { line-height: 54px; } .bootstrap-iso .timepicker-picker .table-condensed > tbody > tr > td { padding: 0px; } /************************************************************************************************************/ /* Output */ /************************************************************************************************************/ .hasOutput { word-wrap: break-word; } /* #11121 28.3.17 i dlouhe slovo se rozdeli na vic radku */ /************************************************************************************************************/ /* Dropdown menu - je mimo #wf_fillerform */ /************************************************************************************************************/ #div-repe-menu .dropdown { margin: 0; padding: 0; font: 12px Arial, helvetica, sans-serif; z-index: 150; } /*10.12.14 zindex 150 kvuli FFS */ /* #16304 21.2.19 vlozeno pod #div-repe-menu, uz se tlouklo s bootstrapem */ /* level one */ #div-repe-menu ul.dropdown { position: relative; list-style: none; } #div-repe-menu ul.dropdown li { float: left; background-color: #99B4D1; cursor: pointer; } /* hlavicka menu */ #div-repe-menu ul.dropdown a:hover { color: #000; text-decoration: none; } #div-repe-menu ul.dropdown a:active { color: #ffa500; text-decoration: none; } #div-repe-menu ul.dropdown li a { display: block; padding: 2px 4px; border: 0px solid #333; color: black; text-decoration: none; } /* text v hlavicce */ #div-repe-menu ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ #div-repe-menu ul.dropdown li:hover { background-color: #F3D673; color: black; position: relative; } /* oranzova pri prejezdu */ #div-repe-menu ul.dropdown li.hover a { color: black; } /* level two */ #div-repe-menu ul.dropdown ul { width: 170px; visibility: hidden; position: absolute; top: 100%; left: 0; margin: 0; padding: 0; list-style: none; } #div-repe-menu ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border: 1px solid #cccccc; border-top-style:none; float: none; } /* podmenu */ /************************************************************************************************************/ /* Attachments */ /************************************************************************************************************/ #wf_attachmentForm { position: absolute; visibility: hidden; } .attchdown { margin: 0; padding: 0; font: 12px Arial, helvetica, sans-serif; z-index: 150; } /*10.12.14 zindex 150 kvuli FFS */ .div-attch-enabled { position: absolute; background-color: #99B4D1; display: none; } .div-attch-disabled { position: absolute; background-color: #99B4D1; display: none; } .drop-attch-menu { position: absolute; float:right; width: 16px; height: 100%; border-style: none; border-left: 1px solid lightgray; top: 0px; right: 0px; background-image: url("../img/dropdown.gif"); background-position: center; background-repeat: no-repeat; z-index: 1; cursor: pointer; } .input-file-attachment { overflow: hidden; cursor: default; } /* 3.1.17 #10617 cursor: pointer zmenen na default; */ .input-file-attachment { position: relative; } /* 17.10.17 tohle ve FAS sice doda class ui-button, ale je to potreba i pro form z WD, kde se prevod na jQueryUI tlacitko nedela */ /* #10308: ReadOnly prilohove pole ma vysedlou sipku akci: */ .input-file-attachment.ui-state-disabled { opacity: 1; filter: alpha(opacity=100); } /* #10308 pro celek opacity vypnout */ .input-file-attachment.ui-state-disabled .ui-button-text { opacity: 0.35; filter: alpha(opacity=35); } /* #10308 nastavit jen po text na tlacitku - 0.35 je default hodnota z .ui-state-disabled */ /* a kvuli #10308 to same nutno i pro vsechna tlacitka (jinak by se vizualne lisila od priloh): */ button.ui-state-disabled, input[type="button"].ui-state-disabled { opacity: 1; filter: alpha(opacity=100); } button.ui-state-disabled .ui-button-text, input[type="button"].ui-state-disabled { opacity: 0.35; filter: alpha(opacity=35); } #wf_file-upload-progress { width: 200px; height: 10px; position: absolute; display:none; } /* #wf_file-upload-progress .ui-progressbar-value { background-image: url(../../page/img/pbar-ani.gif); height: 100%; } */ #wf_file-upload-progress .ui-progressbar-value { height: 100%; } .noselection { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; } /* Prevents text selection - kdyby se hodilo */ .input-file-attachment.buttonnone.ui-button, .input-file-attachment.buttonnone.btn /* #6968 14.1.16, 27.2.19 vztazeno k ui-button (nikoliv bootstrap) */ /* 22.3.19 v ramci #16445 i pro bootstrap!*/ { width: 100%; } .btn.input-file-attachment.Pref_fld_error:focus { /* povinne multiprilohove pole pres bootstrap */ /* #16445 25.3.19 v css .btn.focus nastavuje fokus zapornym outline, a tim ho castecne zakryje error. Nejlepsi reseni se jevi prebarvit outline take cervene jako Pref_fld_error */ outline-color: rgb(255,100,100); } .bil-progress { float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 16px); } /* #14497 20.3.18 */ .bil-progress-debil { width: 100%; } /* #16253 14.2.19 */ .bil-state { float:left; } .bil-download { float: right; cursor: pointer; } .bil-download img { vertical-align: middle; } /* #16634 12.4.19 */ .bil-progress .ui-progressbar { box-sizing: border-box; } /* menu level one - enabled */ .div-attch-enabled ul.attchdown { position: relative; list-style: none; left: 0; margin: 0; padding: 0; width: 150px; } /* width nemenit, je i v javascriptu */ .div-attch-enabled ul.attchdown li { float: left; font-weight: normal; background: #f6f6f6; color: #000; border: 1px solid #cccccc; border-top-style:none; text-align:left; width: 120px; } /* menu */ /* width nemenit, je i v javascriptu */ .div-attch-enabled ul.attchdown a:hover { color: #000; text-decoration: none; } .div-attch-enabled ul.attchdown a:active { /*color: #ffa500;*/ text-decoration: none; } .div-attch-enabled ul.attchdown li a { display: block; padding: 2px 4px; border: 0px solid #333; color: black; text-decoration: none; } /* text v hlavicce */ .div-attch-enabled ul.attchdown li:last-child a { border-right: none; } /* Doesn't work in IE */ .div-attch-enabled ul.attchdown li:hover { background-color: #F3D673; color: black; position: relative; } /* oranzova pri prejezdu */ .div-attch-enabled ul.attchdown li.hover a { color: black; } /* menu level one - disabled */ .div-attch-disabled ul.attchdown { position: relative; list-style: none; left: 0; margin: 0; padding: 0; width: 150px; } .div-attch-disabled ul.attchdown li { float: left; font-weight: normal; background: #f6f6f6; color: #000; border: 1px solid #cccccc; border-top-style:none; text-align:left; width: 120px; } /* menu */ .div-attch-disabled ul.attchdown a:hover { color: #D3D3D3; text-decoration: none; } .div-attch-disabled ul.attchdown a:active { /*color: #ffa500;*/ text-decoration: none; } .div-attch-disabled ul.attchdown li a { display: block; padding: 2px 4px; border: 0px solid #333; color: #D3D3D3; text-decoration: none; } /* text v hlavicce */ .div-attch-disabled ul.attchdown li:last-child a { border-right: none; } /* Doesn't work in IE */ .div-attch-disabled ul.attchdown li:hover { /* background-color: #F3D673; */ color: #D3D3D3; position: relative; } .div-attch-disabled ul.attchdown li.hover a { color: black; } /************************************************************************************************************/ /* PanelBar */ /************************************************************************************************************/ .panelitem { font-weight: bold; } .fixPanelPosition { position: fixed !important; /* position: absolute !important; */ /* bug #6939 http://bugs.jqueryui.com/ticket/6939 element both draggable and resizable gets unexpected position:absolute on resize You will need to reset the position to fixed after a resizing operation by the jQuery resizable plug-in, because the plug-in co-opts the position CSS attribute and sets it to absolute. -> nefungoval resize, pokud byla stranka posunuta; vyreseno prepsanim resizeStart a nastavenim startovni ui.position.top */ } #DisableAllTooltips { position: absolute; bottom: 5px; } .panelbar .ui-dialog, .panelbar.ui-dialog { font-size: 11px; } .panelbar .ui-dialog .ui-dialog-titlebar, .panelbar.ui-dialog .ui-dialog-titlebar { font-size: 11px; } /************************************************************************************************************/ /* ToolBar */ /************************************************************************************************************/ #webfillertoolbar { padding: 2px 10px 2px 10px; font-size: 9px; position: fixed; /* fixed nefunguje dobre v default browseru Androidu (Firefox je OK) */ top: 0; left: 0; width: 100%; z-index: 500; /* nad tlacitky pro attachment viz .attchdown */ } #webfillertoolbar_placeholder { top: 0; left: 0; width: 100%; /* height se vypocte v js dynamicky podle height #webfillertoolbar */ } /************************************************************************************************************/ /* ReadonlyBar */ /************************************************************************************************************/ #webfillerreadonlybar { padding: 0px 0px 0px 0px; font-size: 14px; position: fixed; /* fixed nefunguje dobre v default browseru Androidu (Firefox je OK) */ top: 0; left: 0; width: 100%; z-index: 500; /* nad tlacitky pro attachment viz .attchdown */ } #webfillerreadonlybar .readonlytitle { text-align: center; height: 28px; padding-top:4px; } #webfillerreadonlybar_AnchorSignatures { color: white; text-decoration: underline; } #webfillerreadonlybar_Text { color: white; } #webfillerreadonlybar_placeholder { top: 0; left: 0; width: 100%; height: 28px; /*#16118 25.1.19*/ } /************************************************************************************************************/ /* DebugBar */ /************************************************************************************************************/ #webfillerdebugbar { padding: 2px 5px 2px 5px; font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; font-size: 11px; position: fixed; /* fixed nefunguje dobre v default browseru Androidu (Firefox je OK) */ bottom: 0; left: 0; width: 100%; z-index: 500; /* nad tlacitky pro attachment viz .attchdown */ } #webfillerdebugbar_placeholder { bottom: 0; left: 0; width: 100%; /* height se vypocte v js dynamicky podle height #webfillerdebugbar */ } #webfillerdebugbar #webfillerdebugbar_Text { font-weight: bold; } #webfillerdebugbar input, #webfillerdebugbar button { font-family: inherit; font-size: inherit; } #webfillerdebugbar input[type='checkbox'] { vertical-align: bottom; } #webfillerdebugbar .vertrule { /*width:2px; height:25px;*/ border:1px solid gray; } #webfillerdebugbar .space { width:2px; } /************************************************************************************************************/ /* SelectBoxIt - styly prepsany aby vzhled zapadl do kontextu ve formulari */ /************************************************************************************************************/ #wf_fillerform .selectboxit-container { width: 100%; /* jako #wf_fillerform select */ font-size: inherit; /* z-index: 99 !important; 20.5.15 zruseno kvuli #5713 */ vertical-align: bottom; /* 6.6.18 #14906 musi byt jako u button.hasSelect, aby sedela vyska po konverzi tlacitka na selectboxit */ } #wf_fillerform .selectboxit-container-IE-hack { /* 22.11.16 #8324: Překrývající číselníky v IE */ position: static !important; /* default relative */ /*display: inline !important;*/ /* default inline-block */ } #wf_fillerform .selectboxit-container select { z-index: auto !important; /* 20.5.15 bug bug#3883 */ } #wf_fillerform .selectboxit { /* width: 100% !important; */ /* zde musi byt !important aby prebyl javascriptem vypocitanou hodnotu */ width: auto !important; /* zde musi byt !important aby prebyl javascriptem vypocitanou hodnotu; width: auto zohledni velikost border, width: 100% pretece */ border: 2px solid #ccc; } #wf_fillerform .selectboxit-container span, #wf_fillerform .selectboxit-container .selectboxit-options a { height: 100%; /* Height of the drop down */ /*line-height: 12px;*/ /* Vertically positions the drop down text */ font-size: inherit; line-height: inherit; /* #13554 8.11.17, #13674 21.11.17 vraceno */ border-radius: 0px; /* bez zaoblenych rohu */ } #wf_fillerform .selectboxit-container * { font-size: inherit; /* velikost textu v dropdownu, vybrany i rozvinuty; musi se prebit default (14px) */ font-style: inherit; /* prebit default (normal) */ font-weight: inherit; /* prebit default (normal) */ font-family: inherit; /* prebit default (Helvetica, Arial) */ } #wf_fillerform .selectboxit-container .selectboxit-options .selectboxit-optgroup-header { font-weight: bold; /* #15921 8.2.19 */ } #wf_fillerform .selectboxit .selectboxit-arrow-container .ui-icon.selectboxit-arrow { top: 0; /* souvisí s velikostí fontu a line-height výše */ } #wf_fillerform .selectboxit .selectboxit-arrow-container .selectboxit-arrow { top: 40%; /* osazeni vrsku sipice, default byl 50% */ } #wf_fillerform .selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px; /* odsazeni textu nalevo v dropdownlistu */ /*#16855 22.5.19 zvetseno na 5px, coz byl i default*/ } #wf_fillerform .selectboxit-text { text-indent: 1px; /* odsazeni textu nalevo v combu */ } #wf_fillerform .selectboxit .selectboxit-option-icon-container { margin-left: 0px; /* odsazeni textu nalevo v combu */ } #wf_fillerform .selectboxit-sync-arrow /* zatim nepouzito */ { top: 0 !important; bottom: 0 !important; width: 16px; height: 16px; background-image: url("../img/progress_16.gif"); } #wf_fillerform .selectboxit-arrow-container { width: 16px; /* size dropdown arrow, default byl 30, to bylo moc od kraje */ } /* pryc se zaoblenymi rohy, vsude */ #wf_fillerform .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; } #wf_fillerform .selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; } #wf_fillerform .selectboxit-option-last { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } #wf_fillerform .selectboxit-container .selectboxit-options { border-radius: 0px; width: 100%; /* viz #3847, SelectBoxit 3.8.1 se zacal chovat jinak nez 3.7.0 */ } #wf_fillerform .selectboxit-container .selectboxit-option .selectboxit-option-anchor { /*#13530 28.12.17 lepsi vzhled*/ padding: 3px; } .wd-body #wf_fillerform .selectboxit-container .selectboxit-option .selectboxit-option-anchor { /*#13530 28.12.17 lepsi vzhled pro formy z WD*/ padding: 6px; } #wf_fillerform .selectboxit-container select[disabled="disabled"] { cursor: default !important; /* oprava #3901: Zmena kurzoru po najeti na readonly vlozeny ciselnik */ } /* 14.11.18 pokus nezasedavat selectbox prilis #wf_fillerform .selectboxit.selectboxit-disabled.styleTransparent { opacity: 1; filter: alpha(opacity=100); color: rgb(84, 84, 84); coz je default pro input:disabled TODO jeste by se ale muselo doresit zasednuti sipecky } */ #wf_fillerform .bootstrap-iso .btn .caret { /* vyladeno aby to presne sedlo, az se z tlacitka po kliku stane selectboxit */ align-self: center; margin-left: 5px; margin-right: 4px; } .wd-body #wf_fillerform .bootstrap-iso .btn .caret { margin-right: 2px; } /************************************************************************************************************/ /* Vlastni zobrazeni fokusu */ /************************************************************************************************************/ #wf_fillerform .selectboxit-container .selectboxit:focus /* pro SelectBoxIt */ { outline: 1px dotted gray; outline: -webkit-focus-ring-color auto 5px; /*#14726 28.5.18 pro webkit browsery */ } #wf_fillerform .selectboxit-container .selectboxit-myfocus /* obezlicka pro SelectBoxIt s native=true */ { outline: 1px dotted gray; outline: -webkit-focus-ring-color auto 5px; /*#14726 28.5.18 pro webkit browsery */ } /* focus lze zapnout i pro ostatni formularove prvky: ale nektere browsery delaji focus efekt automaticky, radsi se jim do toho nemichat... #wf_fillerform input:focus, select:focus, textarea:focus { outline-width: 1px; outline-style: dotted; outline-color: gray; } */ /************************************************************************************************************/ /* IO dialog */ /************************************************************************************************************/ /* nebo by slo primo na #wf_tableedit */ .tablesorter tbody > tr > td > span.editable[contenteditable=true] { outline: 1px solid black; background: white; /*border: 1px solid black;*/ resize: none; } /* scroll tbody { height: 200px; overflow: auto; } thead > tr, tbody { display:block; } */ #wf_Dlg_OpenFileTree { float: left; top: 0px; left: 0px; width: 30%; height: 100%; /* border: 1px dotted gray; */ border: 1px solid lightgray; } #wf_Dlg_OpenFileToolbar /* podle webfillertoolbar */ { padding: 2px 10px 6px 0px; font-size: 9px; position: relative; /* fixed nefunguje dobre v default browseru Androidu (Firefox je OK) */ width: 100%; } #wf_Dlg_OpenFileError { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; font-size: 12px; border: 1px solid lightgray; position: relative; top: 5px; height: 18px; padding: 5px 10px 3px 10px; vertical-align: middle; } #wf_Dlg_OpenFileEditContainer { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; font-size: 12px; /*border: 1px solid lightgray;*/ position: relative; top: 10px; height: 20px; text-align: right; } #wf_Dlg_OpenFileEditTitle { float: left; width: 30%; padding-top: 2px; /* srovna baseline s textem v editu */ } #wf_Dlg_OpenFileEdit { float: right; width: 69%; border: 1px solid lightgray; } ul.fancytree-container { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; font-size: 12px; background-color: transparent; height: 100%; border: 0px; padding-bottom: 0px; padding-top: 0px; overflow: auto; } span.fancytree-node { /* display: inline-block; */ /* chybne ve \fancytree-2.0\dist\skin-themeroller\ui.fancytree.css */ display: inherit; /* skin-themeroller ho definuje jako display: inline-block, coz zpusobuje rozhozeni v Chrome a FF */ } /* pro progres na toolbaru. ma-li byt stejny jako fancytree */ .ui-icon-fancytree-download { background-image: url("../page/jqplugins/fancytree-2.0/src/skin-themeroller/loading.gif") !important; background-position-x: 0; background-position-y: 0; } /* pro progres fancytree, ma-li byt z jqueryui icon setu, zde .ui-icon-clock - ale souvisi s uitheme... */ /* .fancytree-loading span.fancytree-expander, .fancytree-loading span.fancytree-expander:hover { background-image: url("../page/jquery-ui-1.10.0/themes/smoothness/images/ui-icons_ef8c08_256x240.png"); background-position: -80px -112px; } .statusnode-wait span.fancytree-icon, .fancytree-statusnode-wait span.fancytree-icon:hover { background-image: url("../page/jquery-ui-1.10.0/themes/smoothness/images/ui-icons_ef8c08_256x240.png"); background-position: -80px -112px; } */ /* #wf_Dlg_OpenFile table.tablesorter { */ #wf_Dlg_OpenFileTable { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; margin: 0px; font-size: 12px !important; /* zde nutny important, jinak by se musel predefinovat primo styl ".ui-widget .ui-widget" */ /* width: 100%;*/ text-align: left; padding: 0px; /* float: right; */ /*right: 0px;*/ /*width: 69%;*/ border: 1px dotted gray; /* position: absolute; left: 100px; top: 50px; width: 400px; height: 100px; */ } #wf_Dlg_OpenFileTableContainer { overflow: auto; float: right; width: 69%; border: 1px solid lightgray; } /* div.tablesorter-scroller { float: right; right: 0px; width: 69%; border: 1px dotted gray; } */ .tablesorter-jui { margin: 2px 0 15px; } #wf_Dlg_OpenFile table.tablesorter thead tr th, #wf_Dlg_OpenFile table.tablesorter tfoot tr th { font-family: "Trebuchet MS",Tahoma,Verdana,Arial,sans-serif; font-size: 12px; padding: 2px; } #wf_Dlg_OpenFile table.tablesorter-jui { border-spacing: 2px; /* adjust spacing between table cells */ padding: 0px; } #wf_Dlg_OpenFile table.tablesorter-jui td { padding-top: 1px; padding-bottom: 1px; } #wf_Dlg_OpenFile table.tablesorter-jui tr { cursor: pointer; } /* #wf_Dlg_OpenFileTable tr:hover { cursor: pointer; background-image: linear-gradient(rgb(242, 249, 253) 0%, rgb(196, 232, 250) 100%); } poreseno ve vazbe na fancytree */ #wf_Dlg_OpenFileContainer .ui-state-hover, #wf_Dlg_OpenFileContainer .ui-state-focus, #wf_Dlg_OpenFileContainer .ui-state-active { font-weight: normal; /* default je bold, to rozhazuje tabulku pri hover, strom take */ } #wf_Dlg_OpenFileContainer .ui-widget-content { /* background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; - default dela nepekny efekt na pozadi */ background-color: transparent; background-image: none; } /************************************************************************************************************/ /* Autocomplete */ /************************************************************************************************************/ .ui-autocomplete-loading { background: white url("../../page/img/progress_16.gif") right center no-repeat; /* background: transparent url("../../page/img/progress_16.gif") right center no-repeat; */ } .ui-autocomplete.ui-widget { /* rozbaleny autocomplete */ font-family: inherit; font-size: 12px; } li.autocomplete-continue { color: #A0A0A0; text-align: center; font-style: italic; /* font-size: 8px; */ } li.autocomplete-noresults.ui-state-disabled { /*#16665 18.4.19*/ color: #A0A0A0; text-align: center; opacity: initial; font-style: italic; } li.autocomplete-noresults.ui-state-focus { background-color: initial; color: #A0A0A0; opacity: initial; } .ui-autocomplete li img.autocomplete-img { /*#15839 10.12.18*/ vertical-align: top; margin-right: 3px; width: 12px; height: 12px; } .ui-autocomplete li span.autocomplete-level { /*#15839 10.12.18*/ display: inline-block; width: 15px; } .ui-autocomplete li.ui-menu-item.highest-level { /*#15839 2.1.19*/ font-weight: bold; } .ui-autocomplete-input { border: 0px; /* #4640 aby se prebila default definice inputu v html - ten ma okraje... */ } li.autocomplete-displayinactive.ui-state-disabled { /*#17017 9.7.19*/ opacity: initial; } /************************************************************************************************************/ /* Overlay */ /************************************************************************************************************/ #wf_Overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1; /*kvuli castemu pouziti #7589 nutno pruhlednejsi */ z-index: 10000; } /************************************************************************************************************/ /* Form not ready */ /************************************************************************************************************/ #wf_FormNotReady { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=2); -moz-opacity:0.02; opacity: 0.02; z-index: 99; /* 9.10.15 zruseno 20000, nastaveno 99 (pod ui-front ktery ma z-index=100), aby pripadne dialogy pri startu byly az nad nim */ } /************************************************************************************************************/ /* IFRAME misto window */ /************************************************************************************************************/ #wf_subform_dialog { top: 30px; /* centering podle https://stackoverflow.com/questions/114543/how-to-horizontally-center-a-div-in-another-div; nebo by slo pouzit display:flex a justify-content: center */ display: table; margin: 0 auto; } #wf_subform_dialog.wd-responsive-subform { /* #16687 18.7.19 responzivni subformy */ display: block; padding: 5px; /*s malym paddingem je to hezci, nez tesne u okraju*/ } .wd-body #wf_subform_dialog.wd-responsive-subform > .modal-content > .modal-body { /* #16687 18.7.19 responzivni subformy */ width: auto !important; /* #15930 2.1.19 WD form ma responsivni layout a je nutne ignorovat sirku nastavenou subformem */ } @media (max-width: 380px) { /*pro telefony*/ #wf_subform_dialog:not(.wd-responsive-subform) { /*#16618, #16685 7.6.19*/ display: block; /*roztahne se na 100% sirky*/ padding: 5px; /*s malym paddingem je to hezci, nez tesne u okraju*/ } } @media (max-width: 380px) { /*pro telefony*/ .wd-body #wf_subform_dialog:not(.wd-responsive-subform) > .modal-content > .modal-body { /* #15930 2.1.19 WD form ma responsivni layout a na mobilech je nutne ignorovat sirku nastavenou subformem */ width: auto !important; } } .subform-iso .modal-content { /* #9475 25.7.17 kopie podle .bootstrap-iso .modal-content apod. */ position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .subform-iso .modal-header { padding: 5px; /* #13529 27.4.18 */ border-bottom: 1px solid #e5e5e5; display: flex; /*#16898 18.6.19*/ } .subform-iso .modal-header button.close { margin-top: -2px; padding-left: 10px; /* #13529 27.4.18 paddingem zvetsuju klikaci oblast, #16898 18.6.19 */ padding-right: 10px; } .subform-iso .modal-title { flex: 1; /*#16898 18.6.19*/ margin: 0; line-height: 2.5; /* #13529 27.4.18 number that will be multiplied with the current font-size to set the line height */ padding-left: 12px; } .subform-iso .modal-body { position: relative; padding: 15px; } @media (max-width: 380px) { /*pro telefony*/ .subform-iso .modal-body { padding: 5px; /* #16618, #16686 7.6.19 */ } } .subform-iso .close { /*float: right; #16898 18.6.19 zruseno s prechodem na flex*/ font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .subform-iso .close:hover, .subform-iso .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .subform-iso button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } #wf_IFDialog { -webkit-overflow-scrolling: touch; /* aby slo scrolovat na iPadu!!! */ padding: 1px 1px; /* dialog s minimalnimi okraji */ overflow: hidden; /* zamezi problemum se scrollbary - v Chrome vertikalni navic, nekdy zdvojene, apod. */ } #wf_IFProgress { width: 100%; height: 10px; display: none; } /* #wf_IFProgress .ui-progressbar-value { background-image: url(../../page/img/pbar-ani.gif); height: 100%; } */ #wf_IFProgress .ui-progressbar-value { height: 100%; } #wf_IFDialog .modal-dialog.npapifirefox { /* 29.6.17 #12660 */ transform: none; } /************************************************************************************************************/ /* SelectButton */ /************************************************************************************************************/ #wf_fillerform button.hasSelect { /*border: 2px solid #ccc;*/ /* viz #wf_fillerform .selectboxit */ width: 100%; /* viz #wf_fillerform .selectboxit-container */ border-radius: 0px; /* bez kulatych rohu z ui-corner-all */ max-height: 21px; /* aby dlouhy text nezvetsoval vysku */ vertical-align: bottom; /* 6.6.18 #14906 musi byt jako .selectboxit-container, aby sedela vyska po konverzi tlacitka na selectboxit */ /* podle selectboxit-btn (default theme) */ background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); /* @alternate */ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); /* @alternate */ background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); /* @alternate */ background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); /* @alternate */ background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f5f5f5', endColorstr='#f5f5f5'); /* #6758 kvuli IE7-8-9 */ background-repeat: repeat-x; border: 2px solid #cccccc; /* bylo 1 px */ border-color: #e6e6e6 #e6e6e6 #bfbfbf; /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/ border-bottom-color: #b3b3b3; /* podle #wf_fillerform .selectboxit-container */ font-size: inherit; font-style: inherit; font-weight: inherit; font-family: inherit; } #wf_fillerform button.hasSelect.btn { /* 28.2.19 bootstrap select button */ display: flex; padding-right: 0px; padding-left: 0px; } #wf_fillerform button.hasSelect.styleTransparent, #wf_fillerform .selectboxit.styleTransparent { /* #14571 20.3.18 */ background-color: transparent; background-image: none; border-width: 0px; border-style: none; } /*#wf_fillerform button.hasSelect.ui-state-disabled { opacity: ... } #11658 11.4.17 a #15057 21.6.18 a #15831 3.5.19 opacity spolecna v XSLT */ #wf_fillerform button.hasSelect.ui-state-disabled .ui-button-text { opacity: 1; filter: alpha(opacity=100); } /* #15057 21.6.18 */ #wf_fillerform button.hasSelect.ui-state-disabled .ui-button-icon-secondary { opacity: 0.4; filter: alpha(opacity=40); } /* #15057 21.6.18 */ #wf_fillerform button.hasSelect .ui-icon { background-image: none; /* #16961 2.7.19 */ } #wf_fillerform button.hasSelect .ui-button-text, #wf_fillerform button.hasSelect .btn-button-text { color: black; padding: 0px; text-align: left; /* podle .selectboxit-text */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: inherit; text-indent: 1px; border-collapse: collapse; float: left; max-width: calc(100% - 16px); /* #17045 2.7.19 */ /* overflow: hidden; display:block; float: left; */ } #wf_fillerform button.hasSelect:disabled .ui-button-text, #wf_fillerform button.hasSelect:disabled .btn-button-text { color: inherit; /* #15831 3.5.19 */ } #wf_fillerform #wf_fillerform button.hasSelect .btn-button-text { /* 28.2.19 bootstrap select button */ flex-grow: 1; } body:not(.wd-body) #wf_fillerform .styled-select { /* 6.6.18 #14906 browsery maji tento vertikalni padding default u inputu, styled-select se musi chovat obdobne; oprava 12.6.18 nikoliv pro form z WD! */ padding-top: 1px; padding-bottom: 1px; } body:not(.wd-body) #wf_fillerform .styled-select.safari-styled-select { /*#17064 15.7.19*/ margin-top: 2px; margin-bottom: 2px; } #wf_fillerform button.hasSelect .ui-button-icon-secondary.ui-icon-triangle-1-s { /*#16961 6.6.19 ikona pres css jako to dela selectboxit*/ width: 0; height: 0; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-top: -2px; } body:not(.wd-body) #wf_fillerform button.hasSelect .ui-button-icon-secondary.ui-icon-triangle-1-s { /*#16961 6.6.19 klasicky form mimo WD*/ margin-right: -1.25px; /*pisvic aby to fungovalo i pri zoomu*/ } #wf_fillerform button.hasSelect .ui-button-icon-secondary.ui-icon-triangle-1-s { /*#16961 6.6.19 pro form z WD*/ margin-right: 0.5px; /*pisvic aby to fungovalo i pri zoomu*/ } span.selectboxit-arrow-container { /*#16961 6.6.19 pomuze jasny rozmer*/ margin-right: 2px; } /************************************************************************************************************/ /* podpora pro bootstrap */ /************************************************************************************************************/ .btn-file { position: relative; overflow: hidden; text-align: center; cursor: pointer; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .draggable-header { /* 6.1.17 v souvislosti s #10803 */ cursor: move; } /************************************************************************************************************/ /* bootstrap menu pro opakovaci sekce z WD */ /************************************************************************************************************/ .div-repe.wd-repe { /*menu hlavni opakovacky*/ background-color: #ababab; } /* menu vnorene opakovacky .repeatable.inner-repe .div-repe.wd-repe { } */ /*.repeatable.hover { margin: -2px; border: 2px solid #ababab; } */ .repeatable.hover { /* standardni :hover neni pouzitelny, zrusi se pri prechodu do menu */ /*outline: 1px solid #ababab; #16002 8.1.19 outline jiz neni funkcni*/ /*overflow: auto;*/ /*#15580 7.12.18 overflow jen kvuli bugu ve Firefoxu s outline - NE!, zpusobilo to bug #15950 - Seznam v opakovačce se při rozbalení přes okraj oddílu ořízne s oddílem */ /* box-shadow: 0px 0px 0px 1px #ababab; - chova se jako 'outline: 1px solid #ababab', ale nema Firefoxi bug - nazahrne absolutne pozicovane prvky */ /*verze modra*/ border-right: 3px solid #a5c5e0; /*#16002 8.1.19, pozor zmeny border-right-width nutno promitnout i do javascriptove promenne repeatable_hover_border_right_width!*/ box-shadow: 0px 0px 2px 2px #a5c5e0; } .repeatable.inner-repe.hover { /* vnorena opakovacka se svetlejsim okrajem */ border-right: 3px solid #dee9f3; /*verze modra*/ } .wd-repe .bootstrap-iso .btn-group { display: block; /* aby byly butony vertikalne pod sebou */ width: 30px; border: 1px solid #ababab; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .wd-repe-touch .bootstrap-iso .btn-group { float: right; margin-top: -1px; /* srovnani .wd-sectionframeinner { padding-top: 4pt; }, coz je nastaveno ve WD */ } .wd-repe .bootstrap-iso .btn-group button { border: none; background-color: #F2F2F2; padding: 5px; width: 100%; } .wd-repe-touch .bootstrap-iso .btn-group button { background-color: white; border: 1px solid #ababab; border-top-left-radius: 0; padding: 0px; width: 30px; height: 30px; } .wd-repe-touch .bootstrap-iso .btn-group button.item-section { background-color: #F2F2F2; border: 1px solid #ababab; border-right-width: 0px; padding: 0px; width: 8px; height: 30px; cursor: default; border-bottom-right-radius: 0; border-top-right-radius: 0; } .repeatable.inner-repe .wd-repe-touch .bootstrap-iso .btn-group button.item-section { background-color: white; } .repeatable.inner-repe .wd-repe .bootstrap-iso .btn-group button { background-color: white; } .repeatable .wd-repe .bootstrap-iso .btn-group button:hover, .repeatable.inner-repe .wd-repe .bootstrap-iso .btn-group button:hover, .repeatable .wd-repe-touch .bootstrap-iso .btn-group button:hover, .repeatable.inner-repe .wd-repe-touch .bootstrap-iso .btn-group button:hover { background-color: #d9d9d9; } .wd-repe .bootstrap-iso .btn-group button:first-child { border-top-right-radius: 5px; } .wd-repe .bootstrap-iso .btn-group button:last-child { border-bottom-right-radius: 5px; } /* ikony v bootstrap buttonech podle https://codepen.io/jfgilbert/pen/LppbLz */ .bootstrap-iso .btn-group button.item-image:before { /* pripadne vazat na .wd-repe i .wd-repe-touch */ content: ""; width: 16px; height: 16px; display: inline-block; vertical-align: text-top; background-color: transparent; background-position : center center; background-repeat: no-repeat; } .bootstrap-iso .btn-group button.item-image:disabled { /* bootstrap nastavuje opacity, nutno prebit */ opacity: 1; filter: alpha(opacity=100); } .bootstrap-iso .btn-group button.item-image-minus:before { background-image : url(../img/minus-5.png); } .bootstrap-iso .btn-group button.item-image-minus:disabled:before { background-image : url(../img/minus-6.png); } .bootstrap-iso .btn-group button.item-image-plus:before { background-image : url(../img/plus-5.png); } /************************************************************************************************************/ /* radia a checkboxy pres CSS */ /* tipy http://adrianroselli.com/2017/05/under-engineered-custom-radio-buttons-and-checkboxen.html http://code.stephenmorley.org/html-and-css/styling-checkboxes-and-radio-buttons/ https://wordx.press/use-fontawesome-icons-website-checkboxes-radio-buttons/ https://codepen.io/rstrahl/pen/yyEYBx Nejlepe zrejme pres font Awesome, kazdopadne se musi generovat i label input[type=checkbox]:checked input[type=radio]:checked */ /************************************************************************************************************/ /************************************************************************************************************/ /* wait synchro client-server */ /************************************************************************************************************/ .wait-for-synchro { background: transparent url("../../page/img/progress_16.gif") right center no-repeat !important; } /************************************************************************************************************/ /* Premisteno z XSLT, aby to bylo k dispozici i pro fragment */ /************************************************************************************************************/ #wf_fillerform select { width: 100%; } @media print { #wf_fillerform .Pref_fld_normal { background-color: transparent !important; } #wf_fillerform .Pref_fld_required { background-color: transparent !important; } #wf_fillerform .Pref_fld_readonly { background-color: transparent !important; } #wf_fillerform .Pref_fld_richtext { background-color: transparent !important; } #wf_fillerform .Pref_fld_error { background-color: transparent !important; } /* #wf_fillerform button { display: none; } */ /* #wf_fillerform input[type=image] { display: none; } */ /* #wf_fillerform span[class~=input-file-attachment] { display: none; } */ #wf_fillerform input[type=file] { display: none; } #wf_fillerform span[class~=drop-attch-menu] { display: none; } #wf_fillerform ul[class~=attchdown] { display: none; } #wf_fillerform div[class~=div-attch-disabled] { display: none; } #wf_fillerform div[class~=div-attch-enabled] { display: none; } #wf_fillerform div[class~=styled-select] { overflow: hidden; } #wf_fillerform select { width: 200%; } /*#wf_fillerform *[display=noprint] { display: none; }*/ #webfillertoolbar_placeholder { display: none; } #webfillerdebugbar_placeholder { display: none; } #webfillerreadonlybar_placeholder { display: none; } } /************************************************************************************************************/ /* TinyMCE 4 */ /************************************************************************************************************/ .mce-menubtn.mce-fixed-width[aria-label="Font Sizes"] span{ width: 40px; } .mce-fullscreen { z-index: 1000 !important; } /************************************************************************************************************/ /* flexText jQuery plugin */ /************************************************************************************************************/ /* Ensure that typography, padding, border-width (and optionally min-height) are identical across textarea & pre */ .flex-text-wrap { position: relative; outline: 0; margin: 0; border: none; padding: 0; width: 100%; /*18.7.18*/ } .flex-text-wrap textarea, .flex-text-wrap pre { /* pozor zmeny promitat i do XSLT, kde se pro PrintOnly generuje rovnou spravny obsah textarea */ white-space: pre-wrap; word-wrap: break-word; /*#14993 19.7.18 tohle resi jednolity text*/ width: 100%; /* pozor tato hodnota width se nastavuje i javascriptem, viz wf_setExtraWDButtons */ box-sizing: border-box; /* ale padding a border se nastavi pres WD css, musi byt presne shodny s textarea! */ margin-top: 0px; /*18.7.18*/ margin-bottom: 0px; /*18.7.18*/ } .flex-text-wrap textarea { overflow: hidden; position: absolute; top: 0; left: 0; height: 100%; resize: none; } .flex-text-wrap pre { display: block; visibility: hidden; } body:not(.wd-body) .flex-text-wrap pre { /*#15159 19.7.18 nastaveni pre pro FAS (WD to resi ve svych css...)*/ font-family: inherit; font-size: inherit; padding: 2px; /*neb 2px je default pro textarea*/ resize: none; } .printonly-longfield { /* #16560 14.6.19 */ background-color: white; /* white background nastavuje user agent stylesheet pro texarea, ale pri tisku uz je tam jen div bez textarea */ }