/* ---------------------------------------------------------------------------------------------- Folgende Einstellungen heben die defaultmaessige Vererbung von text-align auf, welche bei td-Zellen durch align=... automatisch mit gesetzt wird und z.B. auf Tables in Tables uebertragen wird, koennte man ggf. auch mit dem p-Tag machen, dort scheints aber sinnvoll zu sein. ------------------------------------------------------------------------------------------------- */ table { text-align:left } /* Hebt die defaultmaessige Vererbung von text-align auf, welche bei td-Zellen durch align=... automatisch mit gesetzt wird */ div { text-align:left } /* Hebt die defaultmaessige Vererbung von text-align auf, welche bei td-Zellen durch align=... automatisch mit gesetzt wird */ /* ----------------- */ table { white-space:normal } /* Hebt die defaultmaessige Vererbung von white-space auf */ div { white-space:normal } /* Hebt die defaultmaessige Vererbung von white-space auf */ p { white-space:normal } /* Hebt die defaultmaessige Vererbung von white-space auf */ table { border-collapse:separate } /* Hebt die defaultmaessige Vererbung von border-collapse auf */ /* ---------------------------------------------------------------------------------------------- */ pre { margin:0 } /* Default margin vom pre-Tag auf null setzen */ /* ---------------------------------------------------------------------------------------------- */ body,p,table,tr,td,input,textarea { font-size: 11px; letter-spacing: 0px; color: #000000; font-weight: normal; font-style: normal; text-decoration:none; font-family: arial,helvetica; } b { font-weight:bold; } /* normal, bold, bolder (=extrafett), lighter (=dnner), 100,200,300,400,500,600,700,800,900 = extra-dnn (100) bis extrafett (900). */ i { font-style:italic; } /* italic = kursiver Schriftstil. oblique = schr?gestellter Schriftstil. normal = normaler Schriftstil */ u { text-decoration:underline; } /* underline, overline, line-through, none */ tt,pre { font-family:"Courier New","Courier"; } /* * 2013-09 Umbau fuer den Redesign (Step1) */ body.CSS_STANDARDBODY { margin : 0 0 10px 0; background-color: #F6F6F6; } div.CSS_EDITORERRORHELPER { display: table; /* Workaround, damit sich der MAIN_EDITORERRORHELPER analog zum Table nicht schmaler macht als sein Inhalt wenn man das Browserfenster klein macht; Relevant z.B. fuer darin enthaltene Divs mit Hintergrundfarbe */ width : 100%; } /*-----------------------JAVASCRIPTBROWSERANDVERSIONCHECK----------------------*/ div.CSS_JAVASCRIPTBROWSERANDVERSIONCHECK { background-color: #FFFFFF; color : #FF0000; padding : 10px; text-align : center; white-space : pre-line; font-size : 12px; border-bottom : 1px solid #FCA851; } div.CSS_JAVASCRIPTBROWSERANDVERSIONCHECK > img { display : inline-block; background-color: #FFFFFF; padding : 10px; vertical-align : top; } div.CSS_JAVASCRIPTBROWSERANDVERSIONCHECK > span { display : inline-block; text-align : left; padding : 10px; } /*-----------------------MAINFORM----------------------*/ /*Achtung: CSS_MAINFORM... werden von start.app, admin.app und e.app verwendet*/ table.CSS_MAINFORM{ width : 1260px;/*=1280px-20px(margin-left)*/ margin-left : 20px; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.1); border : 1px solid #B4B4B4; border-radius : 3px 3px 0px 0px; } td.CSS_MAINFORM_MAINMENU{ box-shadow : inset 0px 1px 0px 0px #FFFFFF; border-radius : 3px 3px 0px 0px; background : #EEEEEE; background : linear-gradient(to bottom, #F6F6F6 0%, #EEEEEE 100%); white-space : nowrap; } td.CSS_MAINFORM_MAINMENU > input:first-child{ border-radius : 3px 0px 0px 0px; } span.CSS_EVALUTIONFROMPROFILEFORM_HEADER{ display : inline-block; font-size : 12px; font-weight : bold; padding : 12px 12px 12px 12px; color : #666666; } td.CSS_MAINFORM_BREADCRUMBMANAGER { box-shadow : inset 0px 1px 0px 0px #FFFFFF; border-top : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; background : #F6F6F6; padding : 0px 5px 0px 5px; } td.CSS_MAINFORM_BREADCRUMBMANAGER:empty{ height : 32px; } td.CSS_MAINFORM_MAINFRAME { background-color: #FFFFFF; height : 485px; vertical-align : top; padding : 5px 5px 10px 5px; } div.CSS_MAINFORM_COPYRIGHTNOTICE{ padding : 5px 5px 5px 25px; font-size : 11px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*---------------------------------------------*/ /* * Oberste Menue-Zeile [Administration | Ereignisanzeige | Bereich wechseln ...] */ table.CSS_TOPLEVELMAINMENU{ margin : 0px 0px 10px 10px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } table.CSS_TOPLEVELMAINMENU > tbody > tr > td { white-space : nowrap; } /* * MainMenu: Hauptmenue-Zeile */ /* Buttons*/ input.CSS_MAINMENU_BUTTON, input.CSS_MAINMENU_BUTTON_H { background : none; cursor : pointer; border-right : 1px solid #B4B4B4; border-left-width : 0; border-left-style : none; border-top-width : 0; border-top-style : none; border-bottom-width: 0; border-bottom-style: none; font-size : 12px; font-weight : bold; padding : 12px 12px 12px 12px; margin : 0; outline-style : none; border-radius : 0; -webkit-appearance : none; } /* Buttons: Farbe */ input.CSS_MAINMENU_BUTTON{ color : #666666; background : #EEEEEE; background : linear-gradient(to bottom, #F6F6F6 0%, #EEEEEE 100%); } input.CSS_MAINMENU_BUTTON:hover{ background : #E6E6E6; background : linear-gradient(to bottom, #EEEEEE 0%, #E6E6E6 100%); color : #666666; } input.CSS_MAINMENU_BUTTON_H { background : #5B84C0; color : #FFFFFF; } /* ----------------- Breadcrumbs ---------------- */ div.CSS_BREADCRUMBMANAGER { white-space : nowrap; width : 100%; } /* * 2013-09 Ende Umbau fuer den Redesign (Step1) */ /*---------------------------------------------*/ /** * 2013-10 Umbau fuer den Redesign - Fragebogeneditor **/ /* ----------------- Survey Editor Aufkalppbare Komponente ---------------- */ div.CSS_COLLAPSIBLE{ border-radius: 3px 3px 3px 3px; } div.CSS_COLLAPSIBLE_NORMAL{ margin : 2px 2px 2px 2px; /* 2px wegen Border bei CUT und COPY*/ } div.CSS_COLLAPSIBLE_CUT{ margin : 0px;/* 2px abgezogen wegen Border*/ border : 2px dashed #FCA851; } div.CSS_COLLAPSIBLE_COPY{ margin : 0px;/* 2px abgezogen wegen Border*/ border : 2px dashed #7BBE6E; } div.CSS_COLLAPSIBLE_ACTIVE{ box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.1); } div.CSS_COLLAPSIBLE_FRAME{ border-radius: 3px 3px 3px 3px; padding : 5px 5px 5px 5px; } /*---TOPBAR---*/ div.CSS_COLLAPSIBLE_COLLAPSED .CSS_COLLAPSIBLE_BOTTOM{ border-bottom-left-radius : 3px; border-bottom-right-radius: 3px; } div.CSS_COLLAPSIBLE_EXPANDED .CSS_COLLAPSIBLE_BOTTOM{ border-bottom-left-radius : 0px; border-bottom-right-radius: 0px; } /*---*/ div.CSS_COLLAPSIBLE_TOPBAR > div.CSS_COLLAPSIBLE_EXPANDED{ border-radius : 3px 3px 0px 0px; border : 1px solid #B4B4B4; } div.CSS_COLLAPSIBLE_TOPBAR > div.CSS_COLLAPSIBLE_COLLAPSED{ border : 1px solid #B4B4B4; border-radius : 3px 3px 3px 3px; } div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR{ box-shadow : inset 0px 1px 0px 0px #FFFFFF; padding : 10px 5px 10px 5px; border-top-left-radius : 3px; border-top-right-radius: 3px; text-align : center; white-space : normal; word-wrap : break-word; -webkit-touch-callout : none; -webkit-user-select : none; -khtml-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; } /*---*/ div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR{ cursor : pointer; } div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_TOPBAR_NORMAL div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR{ background-color : #EEEEEE; background : linear-gradient(to bottom, #F6F6F6 0%, #EEEEEE 100%); color : #666666; border-color : #B4B4B4; } div.CSS_COLLAPSIBLE_INACTIVE div.CSS_COLLAPSIBLE_TOPBAR_NORMAL div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR{ background : #EEEEEE; } div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_TOPBAR_MARK div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR{ background : #BDCDE5; background : linear-gradient(to bottom, #DEE6F2 0%, #BDCDE5 100%); color : #666666; border-color : #B4B4B4; } div.CSS_COLLAPSIBLE_INACTIVE div.CSS_COLLAPSIBLE_TOPBAR_MARK div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR{ background : #DEE6F2; } div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_TOPBAR_NORMAL div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR:hover, div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_TOPBAR_NORMAL div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR:focus{ background-color : #E6E6E6; background : linear-gradient(to bottom, #EEEEEE 0%, #E6E6E6 100%); color : #666666; border-color : #B4B4B4; } div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_TOPBAR_NORMAL div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR:active{ background-color : #EEEEEE; background : linear-gradient(to bottom, #E6E6E6 0%, #EEEEEE 100%); color : #000000; border-color : #B4B4B4; } div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_TOPBAR_MARK div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR:hover, div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_TOPBAR_MARK div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR:focus{ background : #9CB5D9; background : linear-gradient(to bottom, #BDCDE5 0%, #9CB5D9 100%); color : #666666; border-color : #B4B4B4; } div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_TOPBAR_MARK div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR:active{ background : #BDCDE5; background : linear-gradient(to bottom, #9CB5D9 0%, #BDCDE5 100%); color : #000000; border-color : #B4B4B4; } /*---*/ div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR_ARROW{ background-position : right center; background-repeat : no-repeat; padding : 0px 16px 0px 16px; text-align : center; } div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_EXPANDED div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR_ARROW{ background-image: url(/inquery8/images/icons_svg/control_arrow_up.svg); } div.CSS_COLLAPSIBLE_ACTIVE div.CSS_COLLAPSIBLE_COLLAPSED div.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR_ARROW{ background-image: url(/inquery8/images/icons_svg/control_arrow_down.svg); } /*---*/ span.CSS_COLLAPSIBLE_TOPBAR_TITLEBAR_TITLE{ text-shadow : 0px 1px 1px #FFFFFF; font-weight : bold; font-size : 12px; color : #666666; } td.CSS_COLLAPSIBLE_TOPBAR_BUTTONS, td.CSS_COLLAPSIBLE_TOPBAR_ICONS{/*IE8 background nur auf Zellen*/ border-top : 1px solid #B4B4B4; vertical-align : middle; padding : 5px 10px 5px 10px; white-space : nowrap; } div.CSS_COLLAPSIBLE_TOPBAR_NORMAL td.CSS_COLLAPSIBLE_TOPBAR_BUTTONS{ background-color: #EEEEEE;} div.CSS_COLLAPSIBLE_TOPBAR_NORMAL td.CSS_COLLAPSIBLE_TOPBAR_ICONS { background-color: #EEEEEE;} div.CSS_COLLAPSIBLE_TOPBAR_MARK td.CSS_COLLAPSIBLE_TOPBAR_BUTTONS{ background-color: #DEE6F2;} div.CSS_COLLAPSIBLE_TOPBAR_MARK td.CSS_COLLAPSIBLE_TOPBAR_ICONS { background-color: #DEE6F2;} td.CSS_COLLAPSIBLE_TOPBAR_BUTTONS{ text-align: left; } td.CSS_COLLAPSIBLE_TOPBAR_ICONS{ text-align: right; } div.CSS_COLLAPSIBLE_TOPBAR > div.CSS_COLLAPSIBLE_COLLAPSED td.CSS_COLLAPSIBLE_TOPBAR_BUTTONS{ border-radius: 0px 0px 0px 3px; } div.CSS_COLLAPSIBLE_TOPBAR > div.CSS_COLLAPSIBLE_COLLAPSED td.CSS_COLLAPSIBLE_TOPBAR_ICONS{ border-radius: 0px 0px 3px 0px; } /*---CONTENT---*/ /*---Content-Bereich: Outer---*/ div.CSS_COLLAPSIBLE_CONTENT{ text-align : center; } /*---Content-Bereich: Inner---*/ div.CSS_COLLAPSIBLE_CONTENT > div{ background-color : #D6D6D6; border-radius : 0px 0px 3px 3px; } div.CSS_COLLAPSIBLE_EMPTYCONTENT{ padding : 5px 5px 5px 5px; text-align : center; border-radius : 0px 0px 3px 3px; border-top : 1px solid #D6D6D6; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; } /* ----------------- SurveyEditFrame ---------------- */ div.CSS_SURVEYEDITOR_BETWEENPAGES{ margin : 8px 0px 8px 0px; text-align : right; } div.CSS_SURVEYELEMENTEDITOR_INNERCONTAINER, div.CSS_LFROLESEDITOR_INNERCONTAINER{ background-color : #FFFFFF; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.1); } /* ----------------- SurveyEditorPage und PageElemente ---------------- */ table.CSS_SURVEYEDITOR_PAGECONTAINER{ background-color : #EEEEEE; width : 100%; } tr.CSS_SURVEYEDITOR_PAGEELEMENTROW_NORMAL > td.CSS_SURVEYEDITOR_PAGEELEMENTROW_BUTTONSCELL, tr.CSS_SURVEYEDITOR_PAGEELEMENTROW_NORMAL > td.CSS_SURVEYEDITOR_PAGEELEMENTROW_CHECKBOXCELL{ background-color : #EEEEEE; } tr.CSS_SURVEYEDITOR_PAGEELEMENTROW_MARK > td.CSS_SURVEYEDITOR_PAGEELEMENTROW_BUTTONSCELL, tr.CSS_SURVEYEDITOR_PAGEELEMENTROW_MARK > td.CSS_SURVEYEDITOR_PAGEELEMENTROW_CHECKBOXCELL{ background-color : #DEE6F2; } table.CSS_SURVEYEDITOR_PAGECONTAINER > tbody > tr:last-child > td:first-child { border-bottom-left-radius : 3px; } table.CSS_SURVEYEDITOR_PAGECONTAINER > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 3px; } /*1. Spalte:Checkbox*/ td.CSS_SURVEYEDITOR_PAGEELEMENTROW_CHECKBOXCELL{ width : 30px; min-width : 30px; text-align : center; border-left : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; } /*2. Spalte:Inhalt*/ td.CSS_SURVEYEDITOR_PAGEELEMENTROW_MAINCELL_NORMAL, td.CSS_SURVEYEDITOR_PAGEELEMENTROW_MAINCELL_CUT, td.CSS_SURVEYEDITOR_PAGEELEMENTROW_MAINCELL_COPY{ vertical-align : top; text-align : left; } td.CSS_SURVEYEDITOR_PAGEELEMENTROW_MAINCELL_NORMAL{ border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; padding : 5px 2px 5px 2px;/* 2px Abstand mit dem Border (CUT, COPY) der Elemente einer Seite abgestimmt*/ background-position : 2px top;/*Hint: 2px = 2px(padding) - 2px(border)*/ } td.CSS_SURVEYEDITOR_PAGEELEMENTROW_MAINCELL_CUT, td.CSS_SURVEYEDITOR_PAGEELEMENTROW_MAINCELL_COPY{ background-position : 1px top; /*Hint: 1px = 2px(NORMAL_Position) - 1px(CUT/COPY_Border-NORMAL_Border=2px-1px)*/ } td.CSS_SURVEYEDITOR_PAGEELEMENTROW_MAINCELL_GRID{ background-image : url(/inquery8/images/components/page_grid.png); background-repeat : repeat; } td.CSS_SURVEYEDITOR_PAGEELEMENTROW_MAINCELL_CUT{ border : 2px dashed #FCA851; padding : 4px 1px 4px 1px;/*Hint: Padding von NORMAL minus 1px(=CUT_Border-NORMAL_Border=2px-1px) auf allen Seiten also --> 2px-1px=1px(links und rechts) und 5px-1px=4px(oben und unten)*/ } td.CSS_SURVEYEDITOR_PAGEELEMENTROW_MAINCELL_COPY{ border : 2px dashed #7BBE6E; padding : 4px 1px 4px 1px;/*Hint: Padding von NORMAL minus 1px(=COPY_Border-NORMAL_Border=2px-1px) auf allen Seiten also --> 2px-1px=1px(links und rechts) und 5px-1px=4px(oben und unten)*/ } /*3. Spalte:Buttons*/ td.CSS_SURVEYEDITOR_PAGEELEMENTROW_BUTTONSCELL{ text-align : center; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; width : 1%; min-width : 125px; } /*Ruler fuer den Survey-Editor*/ td.CSS_SURVEYEDITOR_RULER{ vertical-align : top; text-align : left; height : 16px; font-size : 10px; padding-top : 0px; padding-left : 2px;/* 2px Abstand mit dem Border (CUT, COPY) der Elemente einer Seite abgestimmt*/ padding-right : 2px;/* Ausgleich zum linken Abstand*/ padding-bottom : 2px; background : url(/inquery8/images/components/ruler.svg) no-repeat 2px 4px;/*2px Position mit dem Border (CUT, COPY) der Elemente einer Seite abgestimmt*/ border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; } td.CSS_SURVEYEDITOR_RULER > div { /*Moveable-Container*/ width : 100%; height : 16px; position : relative; } td.CSS_SURVEYEDITOR_RULER > div > div { /*Moveable*/ width : 11px; height : 18px;/*>16px: Absicht*/ position : absolute; z-index : 6;/*yyymt noch nicht abgestimmt*/ } td.CSS_SURVEYEDITOR_RULER > div > div > div.CSS_SURVEYEDITOR_RULER_MOVEABLE_TOGGLE_UNLOCKED, td.CSS_SURVEYEDITOR_RULER > div > div > div.CSS_SURVEYEDITOR_RULER_MOVEABLE_TOGGLE_LOCKED { /*Moveable(Pfeil)*/ width : 11px; height : 18px;/*>16px: Absicht*/ cursor : pointer; background-position : center top; background-repeat : no-repeat; } td.CSS_SURVEYEDITOR_RULER > div > div > div.CSS_SURVEYEDITOR_RULER_MOVEABLE_TOGGLE_UNLOCKED{ background-image : url(/inquery8/images/components/ruler_ctrl_unlocked.png); } td.CSS_SURVEYEDITOR_RULER > div > div > div.CSS_SURVEYEDITOR_RULER_MOVEABLE_TOGGLE_LOCKED{ background-image : url(/inquery8/images/components/ruler_ctrl_locked.png); } td.CSS_SURVEYEDITOR_RULER > div > div > div.CSS_SURVEYEDITOR_RULER_MOVEABLE_TOGGLE_UNLOCKED:hover { background-image : url(/inquery8/images/components/ruler_ctrl_unlocked_h.png); } td.CSS_SURVEYEDITOR_RULER > div > div > div.CSS_SURVEYEDITOR_RULER_MOVEABLE_TOGGLE_LOCKED:hover { background-image : url(/inquery8/images/components/ruler_ctrl_locked_h.png); } td.CSS_SURVEYEDITOR_RULER > div > div > div.CSS_SURVEYEDITOR_RULER_MOVEABLE_REDLINE{ /*Hilfslinie(Guide,rot)*/ width : 1px; height : 0px; background : #D57879; margin-left : auto ; margin-right : auto ; cursor : pointer; transition : height 0.2s; -webkit-transition : height 0.2s; cursor : col-resize; } td.CSS_SURVEYEDITOR_RULER > div > div:hover > div.CSS_SURVEYEDITOR_RULER_MOVEABLE_REDLINE{ background : #FF0000; border : 1px solid #D57879; } div.CSS_SURVEYEDITOR_RULER_MOVEABLE_XPOS_DISPLAY{ margin : 1px 1px 1px 1px; padding : 1px 2px 1px 2px; height : 11px; line-height : 11px; white-space : nowrap; text-align : center; font-weight : bold; color : #666666; } /*---------------------Indicators/Labels fuer Sry.Ed.Elemente-------------------------*/ /* Farbdefinitionen */ span.CSS_SURVEYEDITOR_INDICATOR_SET{ background-color : #AFD8A8; } span.CSS_SURVEYEDITOR_INDICATOR_WARN{ background-color : #FDCA96; } span.CSS_SURVEYEDITOR_INDICATOR_BAD{ background-color : #E5AEAE; } span.CSS_SURVEYEDITOR_INDICATOR_UNSET{ background-color : #9CB5D9; } /* Highlighting Rahmen */ span.CSS_SURVEYEDITOR_SURVEYINPUT_HIGHLIGHT_SET, span.CSS_SURVEYEDITOR_SURVEYINPUT_HIGHLIGHT_BAD, span.CSS_SURVEYEDITOR_SURVEYINPUT_HIGHLIGHT_WARN{ margin : 1px 1px 1px 1px; padding : 5px 5px 5px 5px; border-radius : 3px 3px 3px 3px; box-shadow : 0px 1px 0px 0px #FFFFFF; display : inline-block; } span.CSS_SURVEYEDITOR_SURVEYINPUT_HIGHLIGHT_BAD{ background-color : #E5AEAE; } span.CSS_SURVEYEDITOR_SURVEYINPUT_HIGHLIGHT_WARN{ background-color : #FDCA96; } span.CSS_SURVEYEDITOR_SURVEYINPUT_HIGHLIGHT_SET{ background-color : #AFD8A8; } /*Einzelne Indicators */ span.CSS_SURVEYEDITOR_INDICATOR_ELEMENTIDENTIFIER, span.CSS_SURVEYEDITOR_INDICATOR_ANSWERVALUE, span.CSS_SURVEYEDITOR_INDICATOR_FORCEDRESP, span.CSS_SURVEYEDITOR_INDICATOR_GLOBALSCRIPT, span.CSS_SURVEYEDITOR_INDICATOR_RESPONSIVENESS, span.CSS_SURVEYEDITOR_INDICATOR_VISIBILITYRULEEXPRESSION, span.CSS_SURVEYEDITOR_INDICATOR_JUMPPAGE{ border-radius : 3px 3px 3px 3px; margin : 1px 1px 1px 1px; padding : 3px 3px 3px 19px; min-height : 14px; line-height : 14px; background-position : 3px center; background-repeat : no-repeat; display : inline-block; box-shadow : 0px 1px 0px 0px #FFFFFF; position : relative; white-space : nowrap; vertical-align : top; } span.CSS_SURVEYEDITOR_INDICATOR_ELEMENTIDENTIFIER{ background-image : url(/inquery8/images/icons_svg/identifier.svg); } span.CSS_SURVEYEDITOR_INDICATOR_ANSWERVALUE{ background-image : url(/inquery8/images/icons_svg/answer_value.svg); } span.CSS_SURVEYEDITOR_INDICATOR_FORCEDRESP{ background-image : url(/inquery8/images/icons_svg/forced_response.svg); } span.CSS_SURVEYEDITOR_INDICATOR_VISIBILITYRULEEXPRESSION{ background-image : url(/inquery8/images/icons_svg/visibility_rule.svg); } span.CSS_SURVEYEDITOR_INDICATOR_GLOBALSCRIPT{ background-image : url(/inquery8/images/icons_svg/global_script.svg); } span.CSS_SURVEYEDITOR_INDICATOR_RESPONSIVENESS{ background-image : url(/inquery8/images/icons_svg/responsiveness_black.svg); } span.CSS_SURVEYEDITOR_INDICATOR_JUMPPAGE{ background-image : url(/inquery8/images/icons_svg/jump_rule.svg); } span.CSS_SURVEYEDITOR_INDICATOR_ELEMENTIDENTIFIER > span, span.CSS_SURVEYEDITOR_INDICATOR_ANSWERVALUE > span, span.CSS_SURVEYEDITOR_INDICATOR_JUMPPAGE > span{ margin : 0px 1px 0px 1px; font-size : 9px; display : inline-block; min-height : 14px; line-height : 14px; min-width : 5px; white-space : nowrap; } span.CSS_SURVEYEDITOR_INDICATOR_INTERNALNAME{ border-radius : 3px 3px 3px 3px; margin : 1px 1px 1px 1px; padding : 1px 2px 1px 2px; display : inline-block; box-shadow : 0px 1px 0px 0px #FFFFFF; background-color : #D6D6D6; color : #000000; font-size : 9px; min-height : 14px; line-height : 14px; border : 1px solid #B4B4B4; } a.CSS_SURVEYEDITOR_INDICATOR_JUMPPAGE_LINK { outline : none; } a.CSS_SURVEYEDITOR_INDICATOR_JUMPPAGE_LINK > span.CSS_SURVEYEDITOR_TOOLTIP_PARENT{ transition : box-shadow 0.2s; -webkit-transition : box-shadow 0.2s; } a.CSS_SURVEYEDITOR_INDICATOR_JUMPPAGE_LINK:not(:hover) > span.CSS_SURVEYEDITOR_TOOLTIP_PARENT { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); } a.CSS_SURVEYEDITOR_INDICATOR_JUMPPAGE_LINK:hover > span.CSS_SURVEYEDITOR_TOOLTIP_PARENT { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.2); cursor: pointer;} /*Indicators container*/ div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER{ margin : 1px 1px 1px 1px; display: inline-block;/*da Div keine Breite hat*/ } /*Indicators container -> top*/ div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_TOP{ padding : 2px 2px 2px 2px; background-color: #FFFFFF; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_EXTENDED > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_TOP{ border-radius: 3px 3px 0px 0px; border-top : 1px solid #B4B4B4; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom: 0px solid #FFFFFF; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_HIDDEN > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_TOP{ border-radius: 3px 3px 3px 3px; border : 1px solid #B4B4B4; box-shadow : 0px 1px 0px 0px #FFFFFF; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER:hover > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_TOP, div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER:hover > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM >div{ background-color: #D6D6D6; } /*Indicators container -> top -> more*/ div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_HIDDEN > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_TOP > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_MORE{ font-weight: bold; text-align : center; color : #FF0000; font-size : 10px; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_HIDDEN:hover > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_TOP > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_MORE{ visibility : hidden; } /*Indicators container -> bottom*/ div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_HIDDEN > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM{ position : relative; margin-top : 2px; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div{ padding : 2px 2px 2px 2px; background-color: #FFFFFF; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_EXTENDED > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div{ border-radius: 0px 0px 3px 3px; border-top : 0px solid #FFFFFF; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom: 1px solid #B4B4B4; box-shadow : 0px 1px 0px 0px #FFFFFF; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_HIDDEN > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div{ position : absolute; border-radius : 3px 3px 3px 3px; border : 1px solid #B4B4B4; box-shadow : 1px 1px 1px 1px rgba(0, 0, 0, 0.1); min-width : 100%;/*HINT: die Liste soll mindestens genau zu breit wie das container div "CSS_SURVEYEDITOR_INDICATORS_CONTAINER" sein. Das funktioniert weil das Parent div "CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM" relative positiniert ist -> also default width=100%*/ box-sizing : border-box;/* HINT: Kanten auf der gleichen Linie wie CSS_SURVEYEDITOR_INDICATORS_CONTAINER_TOP*/ z-index : 5;/*yyymt noch nicht abgestimmt*/ opacity : 0;/*HINT: Wegen "Weich"-Effekt*/ left : -10000px;/*yyy WORKAOUND Display und Height(0->auto) sind nicht animierbar. Verwendung von Overflow_hidden steht im Konflikt mit Tooltips. Verwendung von Max-Height loest das Problem nur teils. Diese Loesung kann dazu fuehren dass die Seite immer groesser wird falls die Hoehe der Liste > 10000px ist.*/ top : -10000px;/*yyy WORKAOUND Display und Height(0->auto) sind nicht animierbar. Verwendung von Overflow_hidden steht im Konflikt mit Tooltips. Verwendung von Max-Height loest das Problem nur teils. Diese Loesung kann dazu fuehren dass die Seite immer groesser wird falls die Hoehe der Liste > 10000px ist.*/ visibility : hidden;/*HINT: um sicherzustellen das die Liste unsichtbar bleibt falls die left und top nicht ausreichen */ -webkit-transition: opacity 0.5s ease-out, top 0s linear 0.5s, left 0s linear 0.5s, visibility 0s linear 0.5s; transition: opacity 0.5s ease , top 0s linear 0.5s, left 0s linear 0.5s, visibility 0s linear 0.5s; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_HIDDEN:hover > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div{ opacity : 1; left : 0px; top : 0px; visibility : visible; -webkit-transition: opacity 0.5s ease-out, top 0s linear 0s, left 0s linear 0s, visibility 0s linear 0s; transition: opacity 0.5s ease , top 0s linear 0s, left 0s linear 0s, visibility 0s linear 0s; } /*Indicators container -> bottom -> list */ div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul{ margin : 0; padding : 0; border : 1px solid #FFFFFF; background-color: #FFFFFF; list-style-type : none; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER:hover > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul{ border : 1px solid #B4B4B4; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul > li.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_SELECTED, div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul > li.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_UNSELECTED{ background-repeat : no-repeat; background-position: 4px top; /*4px zum Rand(links)*/ padding-left : 28px; /*28px=16px(breite des Bildes) + 4px links + 4px rechts + 4px zum Rand(links)*/ padding-bottom : 4px; border-top : 1px solid #B4B4B4; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul > li.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_SELECTED:first-child, div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul > li.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_UNSELECTED:first-child{ border-top : 0px solid #000000; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul > li.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_SELECTED:hover, div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul > li.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_UNSELECTED:hover{ background-color : #EEEEEE; } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul > li.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_SELECTED{ background-image : url(/inquery8/images/icons_svg/bool_true.svg); /*list-style-image : url(/inquery8/images/icons_svg/bool_true.svg); yyymt mit Absicht nicht verwendet, da die vertikale Position auf verschiedene Browser nicht immer gleich ist*/ } div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER > div.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_BOTTOM > div > ul > li.CSS_SURVEYEDITOR_INDICATORS_CONTAINER_ROW_UNSELECTED{ background-image : url(/inquery8/images/icons_svg/bool_false.svg); /*list-style-image : url(/inquery8/images/icons_svg/bool_false.svg); yyymt mit Absicht nicht verwendet, da die vertikale Position auf verschiedene Browser nicht immer gleich ist*/ } /*Die Tooltips*/ .CSS_SURVEYEDITOR_TOOLTIP_PARENT span.CSS_SURVEYEDITOR_TOOLTIP{ z-index : 10;/*yyymt noch nicht abgestimmt*/ margin : -8px 0px 0px 10px; padding : 1px 10px 1px 10px; min-height : 30px; position : absolute; color : #000000; text-align : left; background : #FFFFFF; border : 1px solid #5B84C0; border-radius : 2px 2px 2px 2px; box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); visibility : hidden; opacity : 0; transition : visibility 0.0s linear 0.4s, opacity 0.4s linear; -webkit-transition : visibility 0.0s linear 0.4s, opacity 0.4s linear; -webkit-touch-callout : none; -webkit-user-select : none; -khtml-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; } .CSS_SURVEYEDITOR_TOOLTIP_PARENT:hover span.CSS_SURVEYEDITOR_TOOLTIP{ visibility : visible; opacity : 0.95; transition-delay : 0s; -webkit-transition-delay : 0s; } span.CSS_SURVEYEDITOR_TOOLTIP > span:first-child+span{ line-height : 16px; font-weight : bold; font-size : 11px; padding : 1px 4px 1px 4px; } span.CSS_SURVEYEDITOR_TOOLTIP > p{ max-height : 250px; max-width : 250px; width : 250px; display : inline-block; text-align : left; overflow-x : hidden; overflow-y : auto; text-overflow : ellipsis; margin : 0px; padding : 1px 4px 1px 4px; } span.CSS_SURVEYEDITOR_TOOLTIP > span:first-child { z-index : 11;/*yyymt noch nicht abgestimmt*/ position : absolute; top : 2px; border-width : 0px; left : -11px; width : 11px; height : 22px; background-position : left center; background-repeat : no-repeat; background-image : url(/inquery8/images/components/tooltip_callout.svg); } /** * 2013-10 Ende Umbau fuer den Redesign - Fragebogeneditor **/ /*---------------------------------------------*/ /*---------------------------------------------*/ /** * 2014-07 Redesign - Statistic Center **/ /*00. Evaluation Container*/ td.CSS_EVALUATION_CONTAINER{ padding-left : 10px; text-align : left; vertical-align : top; } td.CSS_EVALUATION_MENUCONTAINER{ width : 200px; min-width : 200px; max-width : 200px; text-align : left; vertical-align : top; } /* ----------------- Widgets Containers ---------------- */ div.CSS_EVALUATION_WIDGETSDISPLAY_CONTAINER{ text-align : left; margin : 20px 0px 20px 0px; padding-left : 215px; } div.CSS_PROJECTMENU_WIDGETSDISPLAY_CONTAINER{ text-align : center; margin : 0px 0px 20px 0px; } /*---------------------------------------------*/ /*02 Widgets*/ div.CSS_WIDGET{ display : inline-block; vertical-align : middle; margin : 5px 2px 5px 2px; border : 1px solid #B4B4B4; border-radius : 3px 3px 3px 3px; height : 82px; background-color: #FFFFFF; } div.CSS_WIDGET > a{ display : inline-block; vertical-align : middle; border-left : 1px solid #B4B4B4; text-decoration: none; cursor : default; } div.CSS_WIDGET > a:first-child{ border-left : 0px solid #B4B4B4; } span.CSS_WIDGET_HEADLINE{ display : block; text-align : center; color : #666666; font-size : 12px; font-weight: bold; height : 26px; padding : 2px 2px 2px 2px; } span.CSS_WIDGET_TEXT{ display : block; text-align : center; color : #666666; min-width : 120px; height : 52px; padding : 0px 5px 0px 5px; overflow : hidden; text-overflow: ellipsis; } span.CSS_WIDGET_TEXT_BIG{ font-size : 24pt;} span.CSS_WIDGET_TEXT_MEDIUM{font-size : 18pt;} span.CSS_WIDGET_TEXT_SMALL{ font-size : 14pt;} /*---*/ div.CSS_WIDGET_WITH_SLIDEOUT{ position : relative; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.1); background-repeat : no-repeat; } div.CSS_WIDGET_WITH_SLIDEOUT:hover{ box-shadow : 0 0 0 2px #9CB5D9; } div.CSS_WIDGET_SLIDEOUT_TOP{ background-position: left bottom; background-image : url(/inquery8/images/icons_svg/control_arrow_down.svg); } div.CSS_WIDGET_SLIDEOUT_BOTTOM{ background-position: top bottom; background-image : url(/inquery8/images/icons_svg/control_arrow_up.svg); } div.CSS_WIDGET_SLIDEOUT_TOP:hover{ background-image : url(/inquery8/images/icons_svg/control_arrow_up.svg); } div.CSS_WIDGET_SLIDEOUT_BOTTOM:hover{ background-image : url(/inquery8/images/icons_svg/control_arrow_down.svg); } div.CSS_WIDGET_WITH_SLIDEOUT > ul{ list-style-type : none; position : absolute; width : 100%; margin : 0; padding : 0; border : 1px solid #B4B4B4; background-color : #F6F6F6; box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.1); /**/ z-index : 14;/*yyymt noch nicht abgestimmt. 14(=hoch) weil Inhalt von Plugin(Auswertungsapplets) beliebig sein kann*/ opacity : 0;/*HINT: Wegen "Weich"-Effekt*/ left : -10000px;/*yyy WORKAOUND Display und Height(0->auto) sind nicht animierbar. Verwendung von Overflow_hidden steht im Konflikt mit Tooltips. Verwendung von Max-Height loest das Problem nur teils. Diese Loesung kann dazu fuehren dass die Seite immer groesser wird falls die Hoehe der Liste > 10000px ist.*/ visibility : hidden;/*HINT: um sicherzustellen das die Liste unsichtbar bleibt falls die left und top nicht ausreichen */ } div.CSS_WIDGET_SLIDEOUT_TOP > ul{ border-radius : 0px 0px 3px 3px; top : -10000px;/*yyy WORKAOUND Display und Height(0->auto) sind nicht animierbar. Verwendung von Overflow_hidden steht im Konflikt mit Tooltips. Verwendung von Max-Height loest das Problem nur teils. Diese Loesung kann dazu fuehren dass die Seite immer groesser wird falls die Hoehe der Liste > 10000px ist.*/ -webkit-transition: opacity 0.1s ease-out, top 0s linear 0.1s, left 0s linear 0.1s, visibility 0s linear 0.1s; transition: opacity 0.1s ease , top 0s linear 0.1s, left 0s linear 0.1s, visibility 0s linear 0.1s; } div.CSS_WIDGET_SLIDEOUT_BOTTOM> ul{ border-radius : 3px 3px 0px 0px; bottom : 10000px;/*yyy WORKAOUND Display und Height(0->auto) sind nicht animierbar. Verwendung von Overflow_hidden steht im Konflikt mit Tooltips. Verwendung von Max-Height loest das Problem nur teils. Diese Loesung kann dazu fuehren dass die Seite immer groesser wird falls die Hoehe der Liste > 10000px ist.*/ -webkit-transition: opacity 0.1s ease-out, bottom 0s linear 0.1s, left 0s linear 0.1s, visibility 0s linear 0.1s; transition: opacity 0.1s ease , bottom 0s linear 0.1s, left 0s linear 0.1s, visibility 0s linear 0.1s; } div.CSS_WIDGET_SLIDEOUT_TOP:hover > ul, div.CSS_WIDGET_SLIDEOUT_TOP:focus > ul{ opacity : 1; left : -1px; visibility : visible; top : 84px;/*HINT: 81=25(title)+2*2(padding_tilte(t b))+50(content)+2(border)*/ -webkit-transition: opacity 0.2s ease-out, top 0s linear 0s, left 0s linear 0s, visibility 0s linear 0s; transition: opacity 0.2s ease , top 0s linear 0s, left 0s linear 0s, visibility 0s linear 0s; } div.CSS_WIDGET_SLIDEOUT_BOTTOM:hover > ul, div.CSS_WIDGET_SLIDEOUT_BOTTOM:focus > ul{ opacity : 1; left : -1px; visibility : visible; bottom : 84px; -webkit-transition: opacity 0.2s ease-out, bottom 0s linear 0s, left 0s linear 0s, visibility 0s linear 0s; transition: opacity 0.2s ease , bottom 0s linear 0s, left 0s linear 0s, visibility 0s linear 0s; } div.CSS_WIDGET_WITH_SLIDEOUT > ul > li{ border-top : 1px solid #B4B4B4; overflow : hidden; word-wrap : break-word; } div.CSS_WIDGET_WITH_SLIDEOUT > ul > li:first-child{ border-top : 0px solid #B4B4B4; } div.CSS_WIDGET_WITH_SLIDEOUT > ul > li.CSS_WIDGET_SLIDEOUT_ITEM_BUTTON:hover{ background-color : #D6D6D6; } div.CSS_WIDGET_WITH_SLIDEOUT > ul > li > div.CSS_WIDGET_ITEM_HEADLINE{ color : #666666; } div.CSS_WIDGET_WITH_SLIDEOUT > ul > li > div.CSS_WIDGET_ITEM_TEXT{ text-align : left; text-indent: 12px; color : #666666; font-weight: bold; } li.CSS_WIDGET_SLIDEOUT_ITEM_BUTTON, li.CSS_WIDGET_SLIDEOUT_ITEM_BUTTON_DISABLED{ padding : 2px 21px 2px 5px; background-repeat : no-repeat; background-position : right center; background-image : url(/inquery8/images/icons_svg/control_arrow_right.svg); -webkit-touch-callout : none; -webkit-user-select : none; -khtml-user-select : none; -moz-user-select : none; -ms-user-select : none; user-select : none; } li.CSS_WIDGET_SLIDEOUT_ITEM_BUTTON{ cursor : pointer; } li.CSS_WIDGET_SLIDEOUT_ITEM_LABEL, li.CSS_WIDGET_SLIDEOUT_ITEM_LABEL_DISABLED{ padding : 2px 5px 2px 5px; } li.CSS_WIDGET_SLIDEOUT_ITEM_LABEL_DISABLED, li.CSS_WIDGET_SLIDEOUT_ITEM_BUTTON_DISABLED{ color : #B4B4B4; } /*---------------------------------------------*/ /*03 Vertical Accordion Menu*/ div.CSS_VERT_ACCORDION_MENU{ background-color: #D6D6D6; border : 1px solid #B4B4B4; border-radius : 3px 3px 3px 3px; } /*--- Die Kontroll-Elemente ---*/ div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION_H, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON_H, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_DISABLED{ box-shadow : inset 0px 1px 0px 0px rgba(255, 255, 255, 0.7); border-top : 1px solid #B4B4B4; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION_H, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON_H{ cursor : pointer; } /*Farbe*/ div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_DISABLED{ background : #EEEEEE; background : linear-gradient(to bottom, #F6F6F6 0%, #EEEEEE 100%); color : #666666; } div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION_H, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON_H, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION:active, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON:active{ background : #EEEEEE; background : linear-gradient(to bottom, #E6E6E6 0%, #EEEEEE 100%); color : #666666; } div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION:hover, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON:hover{ background : #E6E6E6; background : linear-gradient(to bottom, #EEEEEE 0%, #E6E6E6 100%); color : #666666; } /*Icons*/ div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION > div, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION_H> div, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON > div, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON_H > div, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_DISABLED > div{ padding : 8px 5px 8px 26px; background-position: 5px center; background-repeat : no-repeat; font-size : 11px; font-weight : bold; word-wrap : break-word; word-break : break-all; } td.CSS_VERT_ACCORDION_MENU_SECTION_TITLE{ text-shadow : 0px 1px 1px #FFFFFF; font-size : 11px; font-weight : bold; word-wrap : break-word; word-break : break-all; color : #666666; } td.CSS_VERT_ACCORDION_MENU_SECTION_BADGE > p{ background : #666666; border-radius : 4px; padding : 2px 6px 2px 6px; margin : 0; color : #FFFFFF; font-weight : bold; white-space : nowrap; width : 16px; overflow-x : hidden; text-overflow : ellipsis; text-align : center; } div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION_H p{ background : #5B84C0; } /*Pfeile*/ div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION > div > div, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION_H> div > div, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON > div > div, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON_H > div > div{ background-position: right center; background-repeat : no-repeat; padding : 0px 16px 0px 0px; } div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON > div > div, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_BUTTON_H> div > div{ background-image : url(/inquery8/images/icons_svg/control_arrow_right.svg); } div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION > div > div{ background-image : url(/inquery8/images/icons_svg/control_arrow_down.svg); } div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION_H> div > div{ background-image : url(/inquery8/images/icons_svg/control_arrow_up.svg); } /*Border*/ div.CSS_VERT_ACCORDION_MENU > div:first-child{ border-top : 0px solid #B4B4B4; border-top-left-radius : 3px; border-top-right-radius: 3px; } div.CSS_VERT_ACCORDION_MENU > div:last-child, div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_SECTION:nth-last-child(2){/*HINT: second from bottom, da noch unsichtbare Liste*/ border-bottom-left-radius : 3px; border-bottom-right-radius: 3px; } /*--- Die Untermenues ---*/ ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST{ border-top : 1px solid #B4B4B4; margin : 0; padding : 0; list-style-type : none; text-align : center; } ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM_H, ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM, ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM_DISABLED { padding : 10px 20px 10px 26px; margin : 2px 0px 2px 0px; text-align : left; } ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST, ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM_H, ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM{ cursor : pointer; background-position: right center; background-repeat : no-repeat; background-image : url(/inquery8/images/icons_svg/control_arrow_right.svg); } ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM_DISABLED { cursor : not-allowed; } ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li > div{ word-wrap : break-word; word-break : break-all; } ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li > p{ padding : 0; margin : 0; overflow-x : hidden; text-overflow : ellipsis; } /* Farben */ ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM_H{ background-color : #DEE6F2; } ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM_H > p{ color : #666666; text-shadow : 0px 1px 0px #FFFFFF; font-weight : bold; } ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM:hover{ background-color : #F6F6F6; } /*Border*/ ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li:first-child{ border-top : 0px solid #B4B4B4; } /*--- gemeinsames Disabled-Zustand ---*/ div.CSS_VERT_ACCORDION_MENU > div.CSS_VERT_ACCORDION_MENU_DISABLED > div, ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST > li.CSS_VERT_ACCORDION_MENU_SUBITEM_DISABLED{ color : #666666; opacity : 0.4; cursor : not-allowed; } /*---*/ ul.CSS_VERT_ACCORDION_MENU_SECTIONLIST >li.CSS_VERT_ACCORDION_MENU_EMPTY{ font-style : italic; padding : 5px 5px 5px 5px; word-wrap : break-word; word-break : break-all; } /*---------------------------------------------*/ /*05 Inhalt (Provisorisch!!! yyymt)*/ table.CSS_EVALUATION_TABLE{ border-collapse : collapse; } table.CSS_EVALUATION_TABLE_EMBEDDED{ background-color: #FFFFFF; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; } td.CSS_EVALUATION_TABLEGROUP_HEADLINE{ color : #666666; font-size : 14px; font-weight : bold; padding : 10px 5px 10px 21px; background-image : url(/inquery8/images/icons_svg/control_arrow_right.svg ); background-repeat : no-repeat; background-position: left center; } td.CSS_EVALUATION_GROUPBORDER{ background-color : #B4B4B4; } table.CSS_EVALUATION_TABLE > thead > tr > th, table.CSS_EVALUATION_TABLE > thead > tr > td{ vertical-align : middle; border-bottom : 1px solid #B4B4B4; background-color : #FFFFFF; color : #666666; font-weight : bold; } table.CSS_EVALUATION_TABLE > thead > tr > th{ padding : 5px 5px 5px 5px; font-size : 12px; } table.CSS_EVALUATION_TABLE > thead > tr > td{ background-image : url(/inquery8/images/icons_svg/control_arrow_right.svg ); background-repeat : no-repeat; background-position: left center; padding : 5px 5px 5px 21px; font-size : 14px; } table.CSS_EVALUATION_TABLE > thead > tr > th{ border-bottom : 1px solid #B4B4B4; vertical-align : bottom; } table.CSS_EVALUATION_TABLE > tbody > tr > td, table.CSS_EVALUATION_TABLE > tbody > tr > th{ padding-bottom: 5px; padding-top : 5px; border-bottom : 1px dotted #B4B4B4; } table.CSS_EVALUATION_TABLE > tfoot > tr > th, table.CSS_EVALUATION_TABLE > tfoot > tr > td{ padding-bottom: 5px; padding-top : 5px; border-bottom : 1px solid #B4B4B4; } table.CSS_EVALUATION_TABLE > tbody > tr > td.CSS_EVALUATION_TABLE_INNERCONTENT{ border : 1px solid #B4B4B4; } table.CSS_EVALUATION_TABLE > tbody > tr > td.CSS_EVALUATION_TABLE_DATACONTENT, table.CSS_EVALUATION_TABLE > tbody > tr > th.CSS_EVALUATION_TABLE_DATACONTENT, table.CSS_EVALUATION_TABLE > tfoot > tr > td.CSS_EVALUATION_TABLE_DATACONTENT, table.CSS_EVALUATION_TABLE > tfoot > tr > th.CSS_EVALUATION_TABLE_DATACONTENT{ padding : 10px 10px 10px 10px; white-space: normal; } table.CSS_EVALUATION_TABLE > thead > tr > th.CSS_EVALUATION_TABLE_GRAPHICCONTENT, table.CSS_EVALUATION_TABLE > tbody > tr > td.CSS_EVALUATION_TABLE_GRAPHICCONTENT, table.CSS_EVALUATION_TABLE > tfoot > tr > td.CSS_EVALUATION_TABLE_GRAPHICCONTENT{ padding-right: 2px; padding-left : 2px; } table.CSS_EVALUATION_TABLE > tbody > tr > th.CSS_EVALUATION_TABLE_DATACONTENT{ font-weight : bold; color : #000000; text-align : left; } table.CSS_EVALUATION_TABLE > tfoot > tr > th{ font-weight : bold; color : #666666; text-align : left; font-style : italic; background-color: #FFFFFF; } table.CSS_EVALUATION_TABLE > tfoot > tr > td{ color : #666666; font-style : italic; background-color: #FFFFFF; } table.CSS_EVALUATION_TABLE > tbody > tr:nth-child(odd) > td.CSS_EVALUATION_TABLE_GRAPHICCONTENT, table.CSS_EVALUATION_TABLE > tbody > tr:nth-child(odd) > td.CSS_EVALUATION_TABLE_DATACONTENT, table.CSS_EVALUATION_TABLE > tbody > tr:nth-child(odd) > th.CSS_EVALUATION_TABLE_GRAPHICCONTENT, table.CSS_EVALUATION_TABLE > tbody > tr:nth-child(odd) > th.CSS_EVALUATION_TABLE_DATACONTENT, table.CSS_EVALUATION_TABLE > tbody > tr:nth-child(odd) > td.CSS_EVALUATION_TABLE_INNERCONTENT{ background : #F6F6F6; } table.CSS_EVALUATION_TABLE > tbody > tr:hover > td.CSS_EVALUATION_TABLE_GRAPHICCONTENT, table.CSS_EVALUATION_TABLE > tbody > tr:hover > td.CSS_EVALUATION_TABLE_DATACONTENT, table.CSS_EVALUATION_TABLE > tbody > tr:hover > th.CSS_EVALUATION_TABLE_GRAPHICCONTENT, table.CSS_EVALUATION_TABLE > tbody > tr:hover > th.CSS_EVALUATION_TABLE_DATACONTENT, table.CSS_EVALUATION_TABLE > tbody > tr:hover > td.CSS_EVALUATION_TABLE_INNERCONTENT{ background : #DEE6F2; } table.CSS_EVALUATION_TABLE > tbody > tr:first-child > td, table.CSS_EVALUATION_TABLE > tbody > tr:first-child > th{ border-top : 1px solid #B4B4B4; } table.CSS_EVALUATION_TABLE > tfoot > tr:first-child > th, table.CSS_EVALUATION_TABLE > tfoot > tr:first-child > td{ border-top : 4px double #B4B4B4; } table.CSS_EVALUATION_TABLE > tfoot > tr:last-child > th, table.CSS_EVALUATION_TABLE > tfoot > tr:last-child > td, table.CSS_EVALUATION_TABLE > tbody > tr:last-child > th, table.CSS_EVALUATION_TABLE > tbody > tr:last-child > td{ border-bottom : 0px solid #B4B4B4; } table.CSS_EVALUATION_TABLE > tbody > tr:last-child > td.CSS_EVALUATION_TABLE_INNERCONTENT{ border-bottom : 1px solid #B4B4B4; } /*yyymt Provisorisch*/ div.CSS_EVALUATION_RAWDATACONTAINER_CONTROLS{ width : 1016px;/*yyymt abgestimmt auf die max. Breite von 1280px + unschön */ text-align : left; } /*---*/ span.CSS_EVALUATION_NETPROMOTERSCORECONTAINER_HEADLINE{ display : block; color : #666666; font-size : 14px; font-weight : bold; padding : 10px 5px 10px 21px; background-image : url(/inquery8/images/icons_svg/control_arrow_right.svg ); background-repeat : no-repeat; background-position: left center; border-bottom : 1px solid #B4B4B4; } /*-------------Selectors--------------*/ table.CSS_EVALUATIONSELECTOR_CONTAINER, table.CSS_EVALUATIONSELECTOR_CONTAINER_EMBEDDED{ background-color: #EEEEEE; padding : 2px 5px 2px 5px; } table.CSS_EVALUATIONSELECTOR_CONTAINER{ box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.1); border : 1px solid #B4B4B4; margin : 5px 0px 5px 0px; border-radius : 3px 3px 3px 3px; } table.CSS_EVALUATIONSELECTOR_CONTAINER_EMBEDDED{ box-shadow : inset 0px 1px 0px 0px #FFFFFF; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; border-radius : 0px 0px 3px 3px; } td.CSS_EVALUATIONSELECTOR_TD{ font-size : 11px; font-weight : bold; color : #666666; text-shadow : 0px 1px 0px #FFFFFF; padding : 0px 10px 0px 0px; vertical-align : center; text-align : left; white-space : nowrap; } td.CSS_EVALUATIONSELECTOR_TD > span{ font-size : 11px; font-weight : normal; } div.CSS_FADE_OUT_CONTAINER { opacity : 0; height : 0px; animation: CSSKEYFRAMES_FADE_OUT_ANIMATION 4s ease-in-out 0s 1 normal; -webkit-animation: CSSKEYFRAMES_FADE_OUT_ANIMATION 4s ease-in-out 0s 1 normal; } @keyframes CSSKEYFRAMES_FADE_OUT_ANIMATION { 0% { opacity: 1; height: 62px; transform: translateX( 0px); } 55% { opacity: 1; height: 62px; transform: translateX( 0px); } 85% { opacity: 0; height: 62px; transform: translateX(10px); } 100% { opacity: 0; height: 0px; } } @-webkit-keyframes CSSKEYFRAMES_FADE_OUT_ANIMATION { 0% { opacity: 1; height: 62px; transform: translateX( 0px); } 55% { opacity: 1; height: 62px; transform: translateX( 0px); } 85% { opacity: 0; height: 62px; transform: translateX(10px); } 100% { opacity: 0; height: 0px; } } /*---*/ div.CSS_EVALUATIONREPORTBUTTONS_CONTAINER{ border-top : 1px solid #B4B4B4; padding : 5px 5px 5px 5px; text-align : right; } div.CSS_EVALUATIONREPORTBUTTONS_CONTAINER:empty{ display : none; height : 0px; } /*---------------------------------------------*/ /** * 2014-09 Redesign - Statistic Center (Ende) **/ /*---------------------------------------------*/ /*---------------------------------------------*/ /** * 2014-10 Umbau fuer den Redesign der Projektuebersicht-Seite **/ td.CSS_TABSHEET_CONTENT{ padding : 10px 10px 10px 10px; } /*---*/ td.CSS_PROJECTSUBMENU{ width : 25%; text-align : center; vertical-align: top; } td.CSS_PROJECTSUBMENU > table{ border-radius : 3px 3px 3px 3px; } td.CSS_PROJECTSUBMENU:hover > table, td.CSS_PROJECTSUBMENU_HIGHLIGHT > table{ background-color : #DEE6F2; } td.CSS_PROJECTSUBMENU > table > tbody > tr > td.CSS_PROJECTSUBMENU_BANNER{ padding : 0px 5px 5px 5px; vertical-align : middle; text-align : center; } td.CSS_PROJECTSUBMENU > table > tbody > tr > td.CSS_PROJECTSUBMENU_CONTENT{ padding : 5px 5px 20px 5px; vertical-align : top; text-align : center; } td.CSS_PROJECTSUBMENU > table > tbody > tr > td.CSS_PROJECTSUBMENU_HEADLINE{ padding : 5px; vertical-align : bottom; text-align : center; height : 60px; } /** * 2014-10 Ende Redesign der Projektuebersicht-Seite **/ /*---------------------------------------------*/ /** * 2015-02 Inquery-Facelift **/ div.CSS_SURVEYFOLDER{ padding : 10px 10px 40px 10px; } span.CSS_SURVEYFOLDEREDITOR_COLORMODE_LABEL{ display : inline-block; border : 1px solid #9CB5D9; width : 12px; height : 12px; vertical-align : middle; margin : 0px 20px 0px 0px } /*-------------BaseList2 und InquerySimpleListContainer(BaseList2 aehnliche tables)--------------*/ table.CSS_BASELIST2{ border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; border-radius : 0px 0px 3px 3px; } td.CSS_BASELIST2_PAGENAVIGATOR{ padding : 5px 5px 5px 5px; box-shadow : inset 0px 1px 0px 0px #FFFFFF; } span.CSS_BASELIST2_HITCOUNTER{ border : 1px solid #B4B4B4; border-radius : 3px 3px 3px 3px; text-align : right; white-space : nowrap; padding : 5px 5px 5px 5px; display : inline-block; box-shadow : 0px 1px 0px 0px #FFFFFF; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.CSS_BASELIST2_NOHITS{ background-color: #D6D6D6; border-top : 1px solid #B4B4B4; border-radius : 0px 0px 3px 3px; padding : 15px 2px 15px 2px; text-align : center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } table.CSS_BASELIST2_ROWS{ border-collapse :collapse; } table.CSS_BASELIST2_ROWS > tbody > tr > td.CSS_BASELIST2_CELL_HEADER, table.CSS_BASELIST2_ROWS > tbody > tr > td.CSS_BASELIST2_CELL_HEADERGROUP{ background-color: #EEEEEE; color : #666666; font-weight : bold; font-size : 12px; white-space : nowrap; height : 18px; padding : 4px 8px 4px 8px; box-shadow : inset 0px 1px 0px 0px #FFFFFF; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } table.CSS_BASELIST2_ROWS > tbody > tr > td.CSS_BASELIST2_CELL_HEADERGROUP{ border-top : 1px solid #B4B4B4; text-align : center; } table.CSS_BASELIST2_ROWS > tbody > tr > td.CSS_BASELIST2_CELL_HEADER{ border-top : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; } table.CSS_BASELIST2_ROWS > tbody > tr > td.CSS_BASELIST2_CELL_NORMAL, table.CSS_BASELIST2_ROWS > tbody > tr > td.CSS_BASELIST2_CELL_HIGHLIGHT{ border-bottom : 1px solid #B4B4B4; padding : 8px 8px 8px 8px; font-size : 12px; } td.CSS_BASELIST2_CELL_NORMAL { background-color: #FFFFFF;} td.CSS_BASELIST2_CELL_HIGHLIGHT{ background-color: #DEE6F2;} table.CSS_BASELIST2_ROWS > tbody > tr:last-child > td{ border-bottom : 0px solid #B4B4B4; } table.CSS_BASELIST2_ROWS > tbody > tr:last-child > td:first-child{ border-radius : 0px 0px 0px 3px; } table.CSS_BASELIST2_ROWS > tbody > tr:last-child > td:last-child{ border-radius : 0px 0px 3px 0px; } div.CSS_BASELIST2_BOTTOMNAVIGATOR{ background-color: #EEEEEE; border-radius : 0px 0px 3px 3px; box-shadow : inset 0px 1px 0px 0px rgba(0, 0, 0, 0.3); padding : 5px 5px 5px 5px; } div.CSS_BASELIST2_BOTTOMNAVIGATOR:empty{display:none;} /*---*/ table.CSS_INQUERYSIMPLELISTCONTAINER{ border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; border-bottom-left-radius : 3px; border-bottom-right-radius: 3px; } table.CSS_INQUERYSIMPLELISTCONTAINER> thead > tr > td, table.CSS_INQUERYSIMPLELISTCONTAINER> tbody > tr > td.CSS_INQUERYSIMPLELISTCONTAINER_CELL_HEADER, table.CSS_INQUERYSIMPLELISTCONTAINER> tbody > tr > td.CSS_INQUERYSIMPLELISTCONTAINER_CELL_SUBHEADER{ color : #666666; font-size : 12px; font-weight : bold; white-space : nowrap; height : 18px; border-bottom : 1px solid #B4B4B4; box-shadow : inset 0px 1px 0px 0px #FFFFFF; } table.CSS_INQUERYSIMPLELISTCONTAINER> thead > tr > td{ padding : 4px 4px 4px 4px; background-color: #EEEEEE; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } table.CSS_INQUERYSIMPLELISTCONTAINER> tbody > tr > td.CSS_INQUERYSIMPLELISTCONTAINER_CELL_HEADER{ padding : 4px 8px 4px 8px; background-color: #D6D6D6; } table.CSS_INQUERYSIMPLELISTCONTAINER> tbody > tr > td.CSS_INQUERYSIMPLELISTCONTAINER_CELL_SUBHEADER{ padding : 4px 12px 4px 12px; background-color: #EEEEEE; } table.CSS_INQUERYSIMPLELISTCONTAINER> tbody > tr > td{ border-bottom : 1px solid #B4B4B4; padding : 8px 8px 8px 8px; font-size : 12px; } td.CSS_INQUERYSIMPLELISTCONTAINER_CELL_NORMAL { background-color: #FFFFFF; } td.CSS_INQUERYSIMPLELISTCONTAINER_CELL_HIGHLIGHT { background-color: #DEE6F2; } td.CSS_INQUERYSIMPLELISTCONTAINER_CELL_BORDERLEFT{ border-left : 1px solid #B4B4B4; } table.CSS_INQUERYSIMPLELISTCONTAINER> tbody > tr:last-child > td:first-child{ border-radius: 0px 0px 0px 3px; } table.CSS_INQUERYSIMPLELISTCONTAINER> tbody > tr:last-child > td:last-child { border-radius: 0px 0px 3px 0px; } table.CSS_INQUERYSIMPLELISTCONTAINER> tbody > tr:last-child > td { border-bottom: 0px solid #B4B4B4; } table.CSS_INQUERYSIMPLELISTCONTAINER> tfoot > tr > td{ font-size : 12px; border-top : 1px solid #B4B4B4; background-color : #EEEEEE; box-shadow : inset 0px 1px 0px 0px #FFFFFF; padding : 5px 11px 5px 11px; border-bottom-left-radius : 3px; border-bottom-right-radius: 3px; } table.CSS_INQUERYSIMPLELISTCONTAINER> tbody > tr > td.CSS_INQUERYSIMPLELISTCONTAINER_NOHITS{ background-color: #E6E6E6; padding : 15px 2px 15px 2px; text-align : center; font-size : 11px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } tr.CSS_INQUERYSIMPLELISTCONTAINER_ROW_ERROR > td:first-child{ border-left : 3px ridge #D57879; position : relative; background-clip : padding-box; /* wegen IE: Border wird sonst durch die Zelle versteckt (wegen position relative)*/ } tr.CSS_INQUERYSIMPLELISTCONTAINER_ROW_ERROR > td:first-child::before { content : ''; position : absolute; background-image : url('/inquery8/images/icons_svg/error.svg'); background-repeat : no-repeat; background-size : contain; height : 16px; width : 16px; padding-right : 5px; right : 100%; top : -25%; margin-top : 50%; } /*-------------InqueryEmptyStateLabel--------------*/ div.CSS_INQUERYEMPTYSTATE_LABEL{ background-position : center top; background-repeat : no-repeat; padding-top : 160px; text-align : center; min-width : 180px; } div.CSS_INQUERYEMPTYSTATE_LABEL > div.CSS_INQUERYEMPTYSTATE_LABEL_TITLE, div.CSS_INQUERYEMPTYSTATE_LABEL > div.CSS_INQUERYEMPTYSTATE_LABEL_SUBTITLE{ color : #666666; text-align : center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.CSS_INQUERYEMPTYSTATE_LABEL > div.CSS_INQUERYEMPTYSTATE_LABEL_TITLE{ font-size : 22px; } div.CSS_INQUERYEMPTYSTATE_LABEL > div.CSS_INQUERYEMPTYSTATE_LABEL_SUBTITLE{ font-size : 14px; padding : 10px 0px 10px 0px; } /*-------------Media Files/Folders/Katalog--------------*/ table.CSS_MEDIAFILESELECTOR_ITEM, table.CSS_MEDIAFILESELECTOR_ITEM_HILIGHT{ border-radius : 3px 3px 3px 3px; padding : 10px 10px 10px 10px; } table.CSS_MEDIAFILESELECTOR_ITEM{ background-color : #FFFFFF; } table.CSS_MEDIAFILESELECTOR_ITEM_HILIGHT{ background-color : #DEE6F2; } td.CSS_MEDIAFILESELECTOR_ITEM_INFO > p{ vertical-align : top; margin : 0px; width : 82px; text-overflow : ellipsis; white-space : nowrap; overflow : hidden; font-weight : bold; font-size : 11px; } td.CSS_MEDIAFILESELECTOR_ITEM_INFO2{ font-weight : normal; font-size : 10px; color : #B4B4B4; } /*---*/ td.CSS_MEDIAFOLDERNAVIGATOR_CONTAINER, td.CSS_PROJECTCONFIGURATIONSNAVIGATOR_CONTAINER{ width : 250px; min-width : 250px; max-width : 250px; padding : 0px 10px 0px 0px; vertical-align : top; } td.CSS_MEDIASELECTOR_CONTAINER, td.CSS_PROJECTCONFIGURATION_CONTAINER{ padding : 0px 0px 0px 10px; vertical-align : top; } /*-------------Chooser/Modal-Forms--------------*/ table.CSS_MODALFORM { width : 1280px; border-radius : 3px 3px 3px 3px; margin : 50px auto 0 auto; transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; } table.CSS_MODALFORM:not(:hover) { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); } table.CSS_MODALFORM:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2); } div.CSS_MODALFORM_CONTENT{ border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; border-radius : 0px 0px 3px 3px; min-height : 400px; padding : 10px 10px 10px 10px; box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.2); } /*-----------------Login-Forms------------------*/ span.CSS_INQUERY_LOGIN_LICENSE_COPYRIGHT_INFORMATION { position : fixed; width : 100%; bottom : 5px; text-align: center; } div.CSS_INQUERY_LOGIN_CONTAINER { position : absolute; width : 1000px; left : 50%; top : 50%; margin-left : -500px; /* HINT: 1/2 Breite */ margin-top : -250px; /* HINT: 1/2 Min-Höhe */ margin-bottom : 50px; /* HINT: Für Copyright-Hinweis, wenn Viewport-Höhe zu gering. (Scrolling) */ border-radius : 12px; font-size : 0px; /* HINT: Verhindert Abstand zwischen inline-blocks */ white-space : nowrap; transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; animation: CSSKEYFRAMES_FADE_IN_MOVE_UPWARDS 0.7s ease-out 0s 1 normal; -webkit-animation: CSSKEYFRAMES_FADE_IN_MOVE_UPWARDS 0.7s ease-out 0s 1 normal; } div.CSS_INQUERY_LOGIN_CONTAINER:not(:hover) { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); } div.CSS_INQUERY_LOGIN_CONTAINER:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2); } div.CSS_INQUERY_LOGIN_CONTAINER > span.CSS_INQUERY_LOGIN_LOGO_VERSION_CONTAINER { display : inline-block; position : relative; width : 61%; min-height : 500px; } div.CSS_INQUERY_LOGIN_CONTAINER > span.CSS_INQUERY_LOGIN_LOGO_VERSION_CONTAINER > span.CSS_INQUERY_LOGIN_LOGO { position : absolute; width : 100%; top : 50%; text-align : center; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); } div.CSS_INQUERY_LOGIN_CONTAINER > span.CSS_INQUERY_LOGIN_LOGO_VERSION_CONTAINER > span > img { width: 80%; } div.CSS_INQUERY_LOGIN_CONTAINER > span.CSS_INQUERY_LOGIN_LOGO_VERSION_CONTAINER > span.CSS_INQUERY_LOGIN_VERSION { position : absolute; top : 35px; right : 35px; font-weight: bold; } div.CSS_INQUERY_LOGIN_CONTAINER > span.CSS_INQUERY_LOGIN_FORMS_LANGUAGE_CONTAINER { display : inline-block; width : 39%; min-height : 500px; padding : 35px 35px 35px 35px; box-sizing : border-box; vertical-align: top; text-align : right; border-radius : 0 12px 12px 0; } div.CSS_INQUERY_LOGIN_CONTAINER > span.CSS_INQUERY_LOGIN_FORMS_LANGUAGE_CONTAINER > span.CSS_INQUERY_LOGIN_FORMS_CONTAINER { display : block; min-height: 331px; text-align: left; } div.CSS_INQUERY_LOGIN_CONTAINER > span.CSS_INQUERY_LOGIN_FORMS_LANGUAGE_CONTAINER > span.CSS_INQUERY_LOGIN_FOOTER_CONTAINER { display: block; white-space: nowrap; } div.CSS_INQUERY_LOGIN_CONTAINER > span.CSS_INQUERY_LOGIN_FORMS_LANGUAGE_CONTAINER > span.CSS_INQUERY_LOGIN_FOOTER_CONTAINER > span.CSS_INQUERY_LOGIN_LINK { display : inline-block; width : 50%; text-align : left; vertical-align: middle; } div.CSS_INQUERY_LOGIN_CONTAINER > span.CSS_INQUERY_LOGIN_FORMS_LANGUAGE_CONTAINER > span.CSS_INQUERY_LOGIN_FOOTER_CONTAINER > span.CSS_INQUERY_LOGIN_LANGUAGE { display : inline-block; width : 50%; text-align : right; vertical-align: middle; } span.CSS_INQUERY_LOGIN_HEADLINE { display : block; min-height : 48px; margin-bottom: 20px; text-align : center; white-space : normal; font-size : 21px; line-height : 24px; font-weight : bold; } span.CSS_INQUERY_LOGIN_SSO_HEADLINE_DIVIDER_CONTAINER { display : inline-block; position : relative; width : 100%; height : 1px; margin-bottom: 14px; margin-top : 14px; } span.CSS_INQUERY_LOGIN_SSO_HEADLINE_DIVIDER_CONTAINER > span { display : inline-block; position : absolute; left : 50%; top : 50%; font-weight : bold; padding : 0px 5px 0px 5px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } span.CSS_INQUERY_LOGIN_FORM_COMPONENT_HEADLINE { display : block; padding-bottom: 10px; font-weight : bold; } span.CSS_INQUERY_LOGIN_FORM_COMPONENT_LINE { display : block; padding-bottom: 5px; white-space : nowrap; } span.CSS_INQUERY_LOGIN_FORM_COMPONENT_LINE > span:first-child, span.CSS_INQUERY_LOGIN_FORM_COMPONENT_LINE > span:nth-child(2) { display : inline-block; vertical-align: middle; } span.CSS_INQUERY_LOGIN_FORM_COMPONENT_LINE > span:first-child { width: 37%; } span.CSS_INQUERY_LOGIN_FORM_COMPONENT_LINE > span:nth-child(2) { width: 63%; } @keyframes CSSKEYFRAMES_MOVE_UPWARDS { 0% { transform: translateY(10px);} 100% { transform: translateY( 0px);} } @-webkit-keyframes CSSKEYFRAMES_MOVE_UPWARDS { 0% { -webkit-transform: translateY(10px);} 100% { -webkit-transform: translateY( 0px);} } @keyframes CSSKEYFRAMES_FADE_IN_MOVE_UPWARDS { 0% { transform: translateY(10px); opacity: 0;} 100% { transform: translateY( 0px); } } @-webkit-keyframes CSSKEYFRAMES_FADE_IN_MOVE_UPWARDS { 0% { -webkit-transform: translateY(10px); opacity: 0;} 100% { -webkit-transform: translateY( 0px); } } @keyframes CSSKEYFRAMES_FADE_IN_TO_RIGHT { 0% { transform: translateX(-10px); opacity: 0; } 100% { transform: translateX( 0px); } } @-webkit-keyframes CSSKEYFRAMES_FADE_IN_TO_RIGHT { 0% { -webkit-transform: translateX(-10px); opacity: 0; } 100% { -webkit-transform: translateX( 0px); } } /*-------------Confirmation-Forms--------------*/ table.CSS_DIALOG_LAYOUTER { width : 450px; margin : 100px auto 0 auto; background-color : #FFFFFF; border-radius : 3px 3px 3px 3px; border : 1px solid #B4B4B4; transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; animation: CSSKEYFRAMES_MOVE_UPWARDS 0.5s ease-out 0s 1 normal; -webkit-animation: CSSKEYFRAMES_MOVE_UPWARDS 0.5s ease-out 0s 1 normal; } table.CSS_DIALOG_LAYOUTER:not(:hover) { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); } table.CSS_DIALOG_LAYOUTER:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2); } td.CSS_DIALOG_LAYOUTER_MESSAGE { height : 100px; padding : 10px 10px 10px 10px; border-radius: 0px 3px 0px 0px; text-align : left; } td.CSS_DIALOG_LAYOUTER_ICON { width : 56px; height : 100px; padding : 40px 10px 10px 10px; border-radius : 3px 0px 0px 0px; vertical-align : top; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } td.CSS_DIALOG_LAYOUTER_BUTTONS { padding : 10px 10px 10px 10px; border-radius : 0px 0px 3px 3px; text-align : right; white-space : nowrap; box-shadow : inset 0 1px 1px rgba(0, 0, 0, 0.2); background-color: #EEEEEE; } /*---*/ span.CSS_INQUERY_SYSTEM_VERSION_INFO_LOGO { display : block; text-align : center; margin-bottom: 5px; } span.CSS_INQUERY_SYSTEM_VERSION_INFO_LOGO > span { display : inline-block; width : 300px; height : 37px; background : url(/inquery8/images/inquery_logo.svg); background-size: cover; } /*---*/ img.CSS_INQUERY_ICON_SIZE_S { height: 16px; width : 16px; } img.CSS_INQUERY_ICON_SIZE_M { height: 22px; width : 22px; } img.CSS_INQUERY_ICON_SIZE_L { height: 56px; width : 56px; } /*---*/ div.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER { width : 450px; max-width : 100%; min-width : 96px; min-height : 80px; margin : 10% auto 0 auto; background-color : #FFFFFF; border-radius : 3px 3px 3px 3px; border : 1px solid #B4B4B4; box-sizing : border-box; transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; } div.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER:not(:hover) { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); } div.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2); } span.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_ICON { display : inline-block; position : relative; width : 17%; height : 100%; border-radius : 3px 0px 0px 0px; box-sizing : border-box; vertical-align : top; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } span.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_ICON > img { position : absolute; width : 100%; height : auto; top : 0px; left : 0px; padding : 10% 10% 10% 10%; box-sizing: border-box; } span.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_MESSAGE { display : inline-block; width : 83%; padding : 10px 10px 10px 10px; border-radius: 0px 3px 0px 0px; text-align : left; white-space : normal; box-sizing : border-box; } div.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_BUTTONS { width : 100%; padding : 5px 5px 5px 5px; border-radius : 0px 0px 3px 3px; text-align : right; white-space : normal; background-color: #EEEEEE; box-sizing : border-box; } div.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_BUTTONS > button.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_BUTTON { margin: 5px 5px 5px 5px; } button.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_BUTTON { height : 32px; min-width : 52px; padding : 0px 5px 0px 5px; cursor : pointer; outline : none; border : none; border-radius : 3px; font-weight : bold; font-size : 13px; text-decoration : none; font-family : arial,helvetica; color : #000000; font-style : normal; letter-spacing : 0px; box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; } button.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_BUTTON:hover, button.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_BUTTON:focus, button.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_BUTTON:active { background-color: #E6E6E6; } button.CSS_RESPONSIVE_SURVEY_DIALOG_LAYOUTER_BUTTON { background-color: #FFFFFF; } /*---*/ div.CSS_ERROROUTPUT, div.CSS_WARNINGOUTPUT{ padding : 10px 10px 10px 10px; border-radius : 3px 3px 3px 3px; } div.CSS_ERROROUTPUT {background-color: #F6E4E4;} div.CSS_WARNINGOUTPUT{background-color: #F2E1D0;} span.CSS_WARNINGOUTPUT_HEADER{ color : #FCA851; font-weight : bold; } /*------------ Wizard -------------*/ span.CSS_INQUERY_WIZARD_LAYOUTER { display : block; overflow: hidden; } span.CSS_INQUERY_WIZARD_LAYOUTER_NAVIGATION_CONTAINER { display : block; float : left; width : 320px; padding : 10px 0px 20px 20px; box-sizing : border-box; } a.CSS_INQUERY_WIZARD_NAVIGATION { display : block; position : relative; padding : 16px; box-sizing : border-box; white-space : nowrap; min-height : 72px; outline : none; border-radius : 3px 3px 3px 3px; } a.CSS_INQUERY_WIZARD_NAVIGATION:not(:first-child) { margin-top: 8px; } a.CSS_INQUERY_WIZARD_NAVIGATION_ACTIVE, a.CSS_INQUERY_WIZARD_NAVIGATION_ENABLED:hover{ background: #DEE6F2; } a.CSS_INQUERY_WIZARD_NAVIGATION.CSS_INQUERY_WIZARD_NAVIGATION_DISABLED { cursor: default; } a.CSS_INQUERY_WIZARD_NAVIGATION.CSS_INQUERY_WIZARD_NAVIGATION_ENABLED { cursor: pointer; } span.CSS_INQUERY_WIZARD_NAVIGATION_ICON_CONTAINER { display : inline-block; vertical-align : middle; width : 40px; height : 40px; border-radius : 50%; } span.CSS_INQUERY_WIZARD_NAVIGATION_TEXT_CONTAINER { display : inline-block; max-width : 86%; padding-left : 16px; box-sizing : border-box; vertical-align: middle; } span.CSS_INQUERY_WIZARD_NAVIGATION_TEXT_TITLE, span.CSS_INQUERY_WIZARD_NAVIGATION_TEXT_SUBTITLE { display : block; max-width : 100%; overflow : hidden; text-overflow: ellipsis; font-weight : bold; } span.CSS_INQUERY_WIZARD_CONTENT { display : block; margin-left : 320px; position : relative; min-height : 400px; padding-left : 16px; padding-right : 16px; } span.CSS_INQUERY_WIZARD_CONTENT > span.CSS_INQUERY_WIZARD_CONTENT_HEADER::before, span.CSS_INQUERY_WIZARD_CONTENT > span.CSS_INQUERY_WIZARD_CONTENT_FOOTER::before { /* Hilfsklasse, um Texte vertikal zu zentrieren */ display : inline-block; content : ""; width : 0px; height : 100%; vertical-align: middle; } span.CSS_INQUERY_WIZARD_CONTENT > span.CSS_INQUERY_WIZARD_CONTENT_HEADER { display : block; white-space : nowrap; height : 56px; border-bottom: 1px solid #B4B4B4; } span.CSS_INQUERY_WIZARD_CONTENT_TEXT_CONTAINER { display : inline-block; padding-left : 16px; box-sizing : border-box; vertical-align: middle; border-left : 1px solid #B4B4B4; } span.CSS_INQUERY_WIZARD_CONTENT_TEXT_TITLE, span.CSS_INQUERY_WIZARD_CONTENT_TEXT_SUBTITLE { display : block; font-weight: bold; } span.CSS_INQUERY_WIZARD_CONTENT > span.CSS_INQUERY_WIZARD_CONTENT_BODY { display: block; padding: 16px 16px 72px 16px; /* 72px = 56px + 16px */ } span.CSS_INQUERY_WIZARD_CONTENT > span.CSS_INQUERY_WIZARD_CONTENT_FOOTER { display : block; position : absolute; bottom : 0px; left : 16px; /* Entspricht Padding von Parent-Container */ right : 16px; /* Entspricht Padding von Parent-Container */ white-space: nowrap; height : 56px; border-top : 1px solid #B4B4B4; } span.CSS_INQUERY_WIZARD_CONTENT_BUTTONS { display : inline-block; vertical-align: middle; padding-left : 12px; padding-right : 12px; } /*------------InqueryListSelector------------------*/ span.CSS_INQUERY_LIST_SELECTOR_CONTAINER { display : block; border : 1px solid #B4B4B4; border-radius: 3px; box-sizing : border-box; } span.CSS_INQUERY_LIST_SELECTOR_TABLE { display : table; width : 100%; table-layout: fixed; } span.CSS_INQUERY_LIST_SELECTOR_TABLE_HEADER_ROW { display : table-header-group; background-color: #EEEEEE; background : linear-gradient(to bottom, #F6F6F6 0%, #EEEEEE 100%); } span.CSS_INQUERY_LIST_SELECTOR_TABLE_BODY_CONTAINER { display : block; width : 100%; height : 242px; /* 1/2 Row bleibt sichtbar */ overflow-y: auto; box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.6); padding : 2px 2px 2px 2px; box-sizing: border-box; } span.CSS_INQUERY_LIST_SELECTOR_TABLE_COLUMN_GROUP { display: table-column-group; } span.CSS_INQUERY_LIST_SELECTOR_TABLE_COLUMN { display: table-column; } span.CSS_INQUERY_LIST_SELECTOR_TABLE_ROW_GROUP { display: table-row-group; } label.CSS_INQUERY_LIST_SELECTOR_TABLE_ROW { display : table-row; cursor : pointer; height : 37px; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; } span.CSS_INQUERY_LIST_SELECTOR_TABLE_CELL { display : table-cell; padding-top : 12px; padding-bottom: 12px; padding-left : 16px; white-space : nowrap; overflow : hidden; text-overflow : ellipsis; text-align : left; vertical-align: middle; } span.CSS_INQUERY_LIST_SELECTOR_TABLE_CELL:not(:last-child) { padding-right: 0px; } span.CSS_INQUERY_LIST_SELECTOR_TABLE_CELL:last-child { padding-right: 16px; } span.CSS_INQUERY_LIST_SELECTOR_TABLE_HEADER_ROW > span.CSS_INQUERY_LIST_SELECTOR_TABLE_CELL, label.CSS_INQUERY_LIST_SELECTOR_TABLE_ROW:not(:last-child) > span.CSS_INQUERY_LIST_SELECTOR_TABLE_CELL { border-bottom: 1px solid #B4B4B4; } /* Hovering Effekte analog zu CSS_INQUERY_ROW_SELECTOR... */ input:checked + label.CSS_INQUERY_LIST_SELECTOR_TABLE_ROW { background-color: #DEE6F2; } input:not(:checked) + label.CSS_INQUERY_LIST_SELECTOR_TABLE_ROW { background-color: #FFFFFF; } input:not(:checked) + label.CSS_INQUERY_LIST_SELECTOR_TABLE_ROW:hover { background-color: #D6D6D6; } /*-------------Filter--------------*/ div.CSS_FILTERCONTROLLER_CONTENT, div.CSS_LISTFILTEREDITORLAYOUTER_MAIN { background-color: #DEE6F2; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; } div.CSS_FILTERCONTROLLER_BUTTONS, div.CSS_LISTFILTEREDITORLAYOUTER_BOTTOMBAR { background-color: #EEEEEE; padding : 5px 10px 5px 10px; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; border-radius : 0px 0px 3px 3px; box-shadow : inset 0px 1px 0px 0px #FFFFFF; text-align : center; } div.CSS_FILTERCONTROLLER_MODE { background-color: #F6F6F6; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; box-shadow : inset 0px 1px 0px 0px #FFFFFF; text-align : right; } div.CSS_FILTERCONTROLLER_MODE:empty { display : none; } span.CSS_LISTFILTERINFOBAR_ENTRY{ background-color: #FFFFFF; border-radius : 3px 3px 3px 3px; margin : 3px 0px 3px 8px; display : inline-block; white-space : nowrap; vertical-align : middle; } span.CSS_LISTFILTERINFOBAR_ENTRY{ box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.1); border : 1px solid #B4B4B4; } span.CSS_LISTFILTERINFOBAR_ENTRY > span{ padding : 5px 5px 5px 5px; display : inline-block; font-size : 11px; color : #000000; overflow : hidden; white-space : nowrap; min-height : 14px; } span.CSS_LISTFILTERINFOBAR_ENTRY_DESCRIPTION{ background : #DEE6F2; border-radius : 2px 0px 0px 2px; font-weight : bold; font-style : normal; color : #000000; } span.CSS_LISTFILTERINFOBAR_ENTRY_VALUE{ background-color: #FFFFFF; border-radius : 0px 2px 2px 0px; font-weight : normal; max-width : 280px; text-overflow : ellipsis; } div.CSS_LISTFILTEREDITOR_TOPBAR{ background-color: #EEEEEE; padding : 16px 10px 16px 10px; box-shadow : inset 0px 1px 0px 0px #FFFFFF; border-bottom : 1px solid #B4B4B4; text-align : left; } /*--------*/ span.CSS_FILTERFIELDDISPLAY{ box-shadow : 1px 1px 1px rgba(0, 0, 0, 0.1); border-radius : 3px 3px 3px 3px; border : 1px solid #B4B4B4; margin : 2px 2px 2px 2px; display : inline-block; white-space : nowrap; vertical-align : middle; background-color: #FFFFFF; } span.CSS_FILTERFIELDDISPLAY > span{ padding : 5px 5px 5px 5px; display : inline-block; font-size : 11px; font-style : normal; color : #000000; white-space : nowrap; height : 16px; line-height : 16px; vertical-align : middle; } span.CSS_FILTERFIELDDISPLAY > span.CSS_FILTERFIELDDISPLAY_LABEL{ background : #E0E6F0; border-radius : 3px 0px 0px 3px; font-weight : bold; } span.CSS_FILTERFIELDDISPLAY > span.CSS_FILTERFIELDDISPLAY_TAG{ padding : 0; border-radius : 50%; width : 8px; height : 8px; display : inline-block; margin-left : 3px; border : 1px solid; border-color : #666666 } span.CSS_FILTERFIELDDISPLAY > span.CSS_FILTERFIELDDISPLAY_FILTER_MODE{ border-right : 2px solid #BBBBBB } span.CSS_FILTERFIELDDISPLAY > span.CSS_FILTERFIELDDISPLAY_TAGVALUE{ padding : 5px 5px 5px 3px; background : #FFFFFF; border-radius : 0px 3px 3px 0px; max-width : 300px; overflow : hidden; text-overflow : ellipsis; } /*-------------MainMenu & Headline Farben--------------*/ div.CSS_INNERHEADLINEANDCONTROLSLAYOUTER_DIV{ border-bottom: 1px solid #B4B4B4; padding : 5px 5px 5px 5px; margin-bottom: 10px; white-space : nowrap; } td.CSS_INNERHEADLINEANDCONTROLSLAYOUTER_TD_TITLE > span.CSS_INNERHEADLINEANDCONTROLSLAYOUTER_TITLE{ vertical-align: middle; font-weight : bold; color : #5B84C0; } td.CSS_INNERHEADLINEANDCONTROLSLAYOUTER_TD_TITLE, td.CSS_INNERHEADLINEANDCONTROLSLAYOUTER_TD_COMP{ white-space : nowrap; } td.CSS_INNERHEADLINEANDCONTROLSLAYOUTER_TD_SUBTITLE{ font-weight : bold; vertical-align: middle; color : #666666; } td.CSS_INNERHEADLINEANDCONTROLSLAYOUTER_TD_TITLE, td.CSS_INNERHEADLINEANDCONTROLSLAYOUTER_TD_SUBTITLE{ text-align : left; vertical-align: bottom; } td.CSS_INNERHEADLINEANDCONTROLSLAYOUTER_TD_COMP{ text-align : right; width : 1%; } /*--------------- InqueryImage, Thumbnails and Lightbox --------------------------*/ div.CSS_INQUERY_IMAGE{ display : table-cell; vertical-align : middle; text-align : center; background-color : #F6F6F6; padding : 5px 5px 5px 5px; border-radius : 6px; } div.CSS_INQUERY_IMAGE_CLICKABLE{ transition : box-shadow 0.2s; -webkit-transition : box-shadow 0.2s; } div.CSS_INQUERY_IMAGE_CLICKABLE:not(:hover){ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); } div.CSS_INQUERY_IMAGE_CLICKABLE:hover{ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.2); cursor: pointer;} div.CSS_INQUERY_IMAGE > img { background-image : url(/inquery8/images/components/transparency_background.svg); background-position: left top; background-repeat : repeat; } div.CSS_INQUERY_IMAGE_LIGHTBOX_CONTAINER { position : fixed; top : 0px; left : 0px; width : 100%; height : 100%; white-space : nowrap; background : rgba(0, 0, 0, 0.5); text-align : center; vertical-align : middle; } div.CSS_INQUERY_IMAGE_LIGHTBOX_CONTAINER_HIDDEN { visibility : hidden; opacity : 0; -webkit-transition : opacity 0.3s ease-in-out, visibility 0s linear 0.3s; transition : opacity 0.3s ease-in-out, visibility 0s linear 0.3s; } div.CSS_INQUERY_IMAGE_LIGHTBOX_CONTAINER_VISIBLE { visibility : visible; opacity : 1; -webkit-transition : opacity 0.3s ease-in-out; transition : opacity 0.3s ease-in-out; } img.CSS_INQUERY_IMAGE_LIGHTBOX_IMG { position : relative; display : inline-block; margin-top : 4%; /* yyyaa Vorsicht, krank... margin-top bezieht bei Prozentangaben sich stets auf die Breite des Parents... */ right : -8px; /* CSS_INQUERY_IMAGE_LIGHTBOX_IMG und CSS_INQUERY_IMAGE_LIGHTBOX_CLOSE_BUTTON überlappen sich um 16px (= halbe Breite v. Close Button) */ bottom : -8px; height : auto; width : auto; max-width : 90%; max-height : 86%; background-image : url(/inquery8/images/components/transparency_background.svg); background-position: left top; background-repeat : repeat; border : 15px solid #FFFFFF; } span.CSS_INQUERY_IMAGE_LIGHTBOX_CLOSE_BUTTON { position : relative; display : inline-block; left : -8px; /* CSS_INQUERY_IMAGE_LIGHTBOX_IMG und CSS_INQUERY_IMAGE_LIGHTBOX_CLOSE_BUTTON überlappen sich um 16px (= halbe Breite v. Close Button) */ top : -8px; margin-top : 4%; /* yyyaa Vorsicht, krank... margin-top bezieht bei Prozentangaben sich stets auf die Breite des Parents... */ width : 32px; height : 32px; background : url(/inquery8/images/icons/icon_image_close.png); background-repeat : no-repeat; background-position: 0px center; vertical-align : top; cursor : pointer; } /*--------------------------------------------------------------------------*/ span.CSS_INQUERY_MEDIA_THUMBNAIL_BUTTON { display : inline-block; border-radius : 6px; transition: box-shadow 0.2s; -webkit-transition: box-shadow 0.2s; } span.CSS_INQUERY_MEDIA_THUMBNAIL_BUTTON:not(:hover) { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); } span.CSS_INQUERY_MEDIA_THUMBNAIL_BUTTON:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.2); } span.CSS_INQUERY_MEDIA_THUMBNAIL_BUTTON > a { display : table-cell; vertical-align : middle; text-align : center; width : 130px; min-width : 130px; height : 130px; min-height : 130px; padding : 5px 5px 5px 5px; border-radius : 6px; background-color : #F6F6F6; cursor : pointer; text-decoration : none; outline : none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } span.CSS_INQUERY_MEDIA_THUMBNAIL_BUTTON > a > img { background-image : url(/inquery8/images/components/transparency_background.svg); } /*--------------- InqueryFileDropZone--------------------------*/ label.CSS_INQUERY_FILEDROPZONE{ position : relative; display : block; min-width : 360px; min-height : 200px; /* Bei Fehlermeldungen von mehr als zwei Zeilen wächst die Dropzone mit. */ line-height : normal; /* Könnte sonst von übergeordneten Elementen geerbt werden (z.B. Tabellen). */ margin : 10px 0px 10px 0px; border-width : 3px; border-style : dashed; border-color : #9CB5D9; border-radius : 3px 3px 3px 3px; background-color : #FFFFFF; cursor : pointer; overflow : hidden; box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); text-align : center; } label.CSS_INQUERY_FILEDROPZONE > span.CSS_INQUERY_FILEDROPZONE_ICON { position : relative; margin-top : 30px; display : inline-block; width : 65px; height : 60px; overflow : hidden; /* Damit Pfeil bei "Drop"-Animation verschwinden kann. */ border-bottom : 4px solid #666666; } label.CSS_INQUERY_FILEDROPZONE > span.CSS_INQUERY_FILEDROPZONE_TEXT_CHOOSE, label.CSS_INQUERY_FILEDROPZONE > span.CSS_INQUERY_FILEDROPZONE_TEXT_DROP { position : relative; text-align : center; margin-top : 30px; font-size : 25px; color : #666666; } label.CSS_INQUERY_FILEDROPZONE > span.CSS_INQUERY_FILEDROPZONE_SUBTEXT_DROP_OR_CLICK { position : relative; text-align : center; color : #666666; } span.CSS_INQUERY_FILEDROPZONE_TEXT_DISPLAY_NONE { display: none ; } span.CSS_INQUERY_FILEDROPZONE_TEXT_DISPLAY_BLOCK { display: block; } label.CSS_INQUERY_FILEDROPZONE > span.CSS_INQUERY_FILEDROPZONE_ERRORTEXT { display : block; position : relative; text-align : center; } label.CSS_INQUERY_FILEDROPZONE > span.CSS_INQUERY_FILEDROPZONE_ICON > span.CSS_INQUERY_FILEDROPZONE_ICON_ARROW { position : absolute; display : block; width : 100%; height : 36px; background-repeat : no-repeat; background-position: center center; background-image : url(/inquery8/images/components/icon_arrow_down.svg); } /* Loading circle */ label.CSS_INQUERY_FILEDROPZONE_DROP > span.CSS_INQUERY_FILEDROPZONE_ICON_LOADING_OVERLAY, label.CSS_INQUERY_FILEDROPZONE_DRAG > span.CSS_INQUERY_FILEDROPZONE_ICON_LOADING_OVERLAY { display: none; } label.CSS_INQUERY_FILEDROPZONE_WAIT > span.CSS_INQUERY_FILEDROPZONE_ICON_LOADING_OVERLAY { position : absolute; display : block; top : 0px; bottom : 0px; left : 0px; right : 0px; background-color : rgba(255, 255, 255, 0.7); } label.CSS_INQUERY_FILEDROPZONE > span.CSS_INQUERY_FILEDROPZONE_ICON_LOADING_OVERLAY > span.CSS_INQUERY_FILEDROPZONE_ICON_LOADING { position : relative; display : block; margin : 0px auto; width : 100%; height : 100%; background-repeat : no-repeat; background-position: center center; background-image : url(/inquery8/images/components/icon_loading.svg); animation: CSSKEYFRAMES_FULLROTATION 0.7s linear 0s infinite normal; -webkit-animation: CSSKEYFRAMES_FULLROTATION 0.7s linear 0s infinite normal; } /* Animationen */ label.CSS_INQUERY_FILEDROPZONE:not(:active), /* Animation bei Mausklick (losgelassen) */ label.CSS_INQUERY_FILEDROPZONE_DRAG { transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; } label.CSS_INQUERY_FILEDROPZONE:active, /* Animation bei Mausklick (gedrückt) */ label.CSS_INQUERY_FILEDROPZONE_DROP { box-shadow : 0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.2); transition: box-shadow 0.2s ease-in-out; -webkit-transition: box-shadow 0.2s ease-in-out; } label.CSS_INQUERY_FILEDROPZONE_DRAG > span.CSS_INQUERY_FILEDROPZONE_ICON > span.CSS_INQUERY_FILEDROPZONE_ICON_ARROW { margin-top : 0px; transition: margin-top 0.2s linear, opacity 0.2s linear; /* Übergangsanimation zwischen CSSKEYFRAMES_MOVEARROWDOWNWITHFADEINOUT und CSSKEYFRAMES_MOVEARROWOUTWITHFADEIN */ -webkit-transition: margin-top 0.2s linear, opacity 0.2s linear; animation: CSSKEYFRAMES_MOVEARROWDOWNWITHFADEINOUT 1.4s ease-in-out 0s infinite normal; /* Kurz für: name duration timing-function delay iteration-count direction*/ -webkit-animation: CSSKEYFRAMES_MOVEARROWDOWNWITHFADEINOUT 1.4s ease-in-out 0s infinite normal; } label.CSS_INQUERY_FILEDROPZONE_DROP > span.CSS_INQUERY_FILEDROPZONE_ICON > span.CSS_INQUERY_FILEDROPZONE_ICON_ARROW { margin-top : 24px; transition: margin-top 0.2s linear, opacity 0.2s linear; /* Übergangsanimation zwischen CSSKEYFRAMES_MOVEARROWDOWNWITHFADEINOUT und CSSKEYFRAMES_MOVEARROWOUTWITHFADEIN */ -webkit-transition: margin-top 0.2s linear, opacity 0.2s linear; animation: CSSKEYFRAMES_MOVEARROWOUTWITHFADEIN 1.2s ease-in-out 0s infinite normal; /* Kurz für: name duration timing-function delay iteration-count direction*/ -webkit-animation: CSSKEYFRAMES_MOVEARROWOUTWITHFADEIN 1.2s ease-in-out 0s infinite normal; } @keyframes CSSKEYFRAMES_MOVEARROWDOWNWITHFADEINOUT { 0% { transform: translateY( 0px); opacity: 0 ; } 35% { opacity: 0.5; } 65% { opacity: 0.5; } 100% { transform: translateY(24px); opacity: 0 ; } /* 24px = 60px (Höhe Container) - 36px (Höhe Bild) */ } @-webkit-keyframes CSSKEYFRAMES_MOVEARROWDOWNWITHFADEINOUT { 0% { -webkit-transform: translateY( 0px); opacity: 0 ; } 35% { opacity: 0.5; } 65% { opacity: 0.5; } 100% { -webkit-transform: translateY(24px); opacity: 0 ; } /* 24px = 60px (Höhe Container) - 36px (Höhe Bild) */ } @keyframes CSSKEYFRAMES_MOVEARROWOUTWITHFADEIN { 0% { transform: translateY (0px); opacity: 0; } 35% { transform: translateY( 0px); opacity: 1; } 100% { transform: translateY(100px); } } @-webkit-keyframes CSSKEYFRAMES_MOVEARROWOUTWITHFADEIN { 0% { -webkit-transform: translateY( 0px); opacity: 0; } 35% { -webkit-transform: translateY( 0px); opacity: 1; } 100% { -webkit-transform: translateY(100px); } } @keyframes CSSKEYFRAMES_FULLROTATION{ 100%{ transform: rotate(360deg); } } @-webkit-keyframes CSSKEYFRAMES_FULLROTATION{ 100%{ -webkit-transform: rotate(360deg); } } /*----------------------------Ripple Animation ---------------------------------*/ span.CSS_INQUERY_RIPPLE_ANIMATION_ELEMENT { position : absolute; overflow : visible; background-color : #9CB5D9; opacity : 0; border-radius : 50%; animation: CSSKEYFRAMES_RIPPLE 1.7s; -webkit-animation: CSSKEYFRAMES_RIPPLE 1.7s; } @keyframes CSSKEYFRAMES_RIPPLE { from { transform: scale( 1); opacity: 0.7; } to { transform: scale(100); opacity: 0 ; } } @-webkit-keyframes CSSKEYFRAMES_RIPPLE { from { -webkit-transform: scale( 1); opacity: 0.7; } to { -webkit-transform: scale(100); opacity: 0 ; } } /*--------------- InqueryToggleSwitchEditor --------------------------*/ label.CSS_INQUERY_TOGGLESWITCH { position : relative; display : inline-block; text-align : left; vertical-align : top; margin : 0px 1px 0px 1px; border-radius : 1000px;/*Kreisförmigm, Wert ist zufällig*/ cursor : pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } label.CSS_INQUERY_TOGGLESWITCH > span.CSS_INQUERY_TOGGLESWITCH_FOCUS_CONTAINER { position : absolute; border-radius : 1000px; /*Kreisförmigm, Wert ist zufällig*/ width : 100%; height : 100%; top : 0px; left : 0px; } label.CSS_INQUERY_TOGGLESWITCH > span.CSS_INQUERY_TOGGLESWITCH_BACKGROUND_ON, label.CSS_INQUERY_TOGGLESWITCH > span.CSS_INQUERY_TOGGLESWITCH_BACKGROUND_OFF { position : absolute; width : 90%; height : 100%; overflow : hidden; text-overflow : ellipsis; font-weight : bold; vertical-align : middle; border-radius : 1000px; /*Kreisförmig, Wert ist zufällig*/ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } label.CSS_INQUERY_TOGGLESWITCH > span.CSS_INQUERY_TOGGLESWITCH_BACKGROUND_ON { text-align : left; padding-left : 10%; color : #FFFFFF; background-color : #5B84C0; } label.CSS_INQUERY_TOGGLESWITCH > span.CSS_INQUERY_TOGGLESWITCH_BACKGROUND_OFF { text-align : right; padding-right : 10%; color : #666666; background-color : #EEEEEE; } label.CSS_INQUERY_TOGGLESWITCH > input:checked ~ span.CSS_INQUERY_TOGGLESWITCH_BACKGROUND_ON { opacity: 1; } label.CSS_INQUERY_TOGGLESWITCH > input:not(:checked) ~ span.CSS_INQUERY_TOGGLESWITCH_BACKGROUND_ON { opacity: 0; } label.CSS_INQUERY_TOGGLESWITCH > input:checked ~ span.CSS_INQUERY_TOGGLESWITCH_BACKGROUND_OFF { opacity: 0; } label.CSS_INQUERY_TOGGLESWITCH > input:not(:checked) ~ span.CSS_INQUERY_TOGGLESWITCH_BACKGROUND_OFF { opacity: 1; } span.CSS_INQUERY_TOGGLESWITCH_HANDLE { position : absolute; margin-top : 1px; border-style : solid; border-width : 1px; border-radius : 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } /* HINT: SMALL ist so angepasst, damit es wie andere einfache Editoren in eine Zeile passt, ohne das Layout weiter zu sprengen. HINT: MEDIUM ist so angepasst, damit es die gleichen Dimensionen wie ein InqueryButton (MEDIUM) hat. HINT: LARGE ist so angepasst, damit es die gleichen Dimensionen wie ein InqueryButton (LARGE ) hat.*/ label.CSS_INQUERY_TOGGLESWITCH_SIZE_SMALL { height: 17px; width: 50px; font-size: 10px; line-height: 17px; } label.CSS_INQUERY_TOGGLESWITCH_SIZE_MEDIUM { height: 32px; width: 75px; font-size: 11px; line-height: 32px; margin: 1px 1px 1px 1px; } label.CSS_INQUERY_TOGGLESWITCH_SIZE_LARGE { height: 42px; width: 140px; font-size: 13px; line-height: 42px; margin: 1px 1px 1px 1px; } label.CSS_INQUERY_TOGGLESWITCH_SIZE_SMALL > span.CSS_INQUERY_TOGGLESWITCH_HANDLE { width: 13px; height: 13px; } label.CSS_INQUERY_TOGGLESWITCH_SIZE_MEDIUM > span.CSS_INQUERY_TOGGLESWITCH_HANDLE { width: 28px; height: 28px; } label.CSS_INQUERY_TOGGLESWITCH_SIZE_LARGE > span.CSS_INQUERY_TOGGLESWITCH_HANDLE { width: 38px; height: 38px; } label.CSS_INQUERY_TOGGLESWITCH > input:not(:checked) ~ span.CSS_INQUERY_TOGGLESWITCH_HANDLE { margin-left: 1px; } label.CSS_INQUERY_TOGGLESWITCH_SIZE_SMALL > input:checked ~ span.CSS_INQUERY_TOGGLESWITCH_HANDLE { margin-left: 34px; } label.CSS_INQUERY_TOGGLESWITCH_SIZE_MEDIUM > input:checked ~ span.CSS_INQUERY_TOGGLESWITCH_HANDLE { margin-left: 44px; } label.CSS_INQUERY_TOGGLESWITCH_SIZE_LARGE > input:checked ~ span.CSS_INQUERY_TOGGLESWITCH_HANDLE { margin-left: 99px; } /*--------------- InqueryDropDowMenu InqueryButtonGroup InquerySplitButton und InqueryButtton--------------------------*/ div.CSS_INQUERY_BUTTON, div.CSS_INQUERY_DROPDOWN, span.CSS_INQUERY_LINKBUTTON{ display : inline-block; margin : 1px 1px 1px 1px; border-width : 2px; border-style : solid; border-radius : 6px 6px 6px 6px; box-sizing : content-box; } div.CSS_INQUERY_DROPDOWN, li.CSS_INQUERY_DROPDOWN_ITEM{ position : relative; } div.CSS_INQUERY_BUTTON > a, div.CSS_INQUERY_DROPDOWN > a, span.CSS_INQUERY_LINKBUTTON > a, div.CSS_INQUERY_BUTTON span.CSS_INQUERY_BUTTON_ICON, div.CSS_INQUERY_DROPDOWN span.CSS_INQUERY_BUTTON_ICON, span.CSS_INQUERY_LINKBUTTON span.CSS_INQUERY_BUTTON_ICON, div.CSS_INQUERY_BUTTON span.CSS_INQUERY_BUTTON_TEXT, div.CSS_INQUERY_DROPDOWN span.CSS_INQUERY_BUTTON_TEXT, span.CSS_INQUERY_LINKBUTTON span.CSS_INQUERY_BUTTON_TEXT{ display : inline-block; box-sizing : content-box; } li.CSS_INQUERY_DROPDOWN_ITEM, li.CSS_INQUERY_DROPDOWN_ITEM > a, li.CSS_INQUERY_DROPDOWN_ITEM span.CSS_INQUERY_BUTTON_ICON, li.CSS_INQUERY_DROPDOWN_ITEM span.CSS_INQUERY_BUTTON_NOICON, li.CSS_INQUERY_DROPDOWN_ITEM span.CSS_INQUERY_BUTTON_TEXT{ display : block; } /*----------------------------------------------------------------------------*/ div.CSS_INQUERY_BUTTON > a, div.CSS_INQUERY_DROPDOWN > a, li.CSS_INQUERY_DROPDOWN_ITEM > a, span.CSS_INQUERY_LINKBUTTON > a{ vertical-align : middle; text-align : center; text-decoration : none; vertical-align : middle; font-weight : bold; border-style : solid; outline : none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*---*/ div.CSS_INQUERY_BUTTON > a, div.CSS_INQUERY_DROPDOWN > a, span.CSS_INQUERY_LINKBUTTON > a{ border-radius : 3px 3px 3px 3px; border-width : 1px; } li.CSS_INQUERY_DROPDOWN_ITEM > a{ border-width : 0px; } span.CSS_INQUERY_BUTTON_ICON, span.CSS_INQUERY_BUTTON_NOICON{ vertical-align : middle; text-align : center; background-repeat : no-repeat; background-position: 0px center; min-height : 16px; padding-left : 16px; } span.CSS_INQUERY_BUTTON_TEXT{ vertical-align : middle; line-height : 16px; min-height : 16px;/*IconOnly DropDownButton*/ } div span.CSS_INQUERY_BUTTON_TEXT, span span.CSS_INQUERY_BUTTON_TEXT{ white-space: nowrap; } li span.CSS_INQUERY_BUTTON_TEXT { white-space: normal; word-wrap: break-word; } span.CSS_INQUERY_BUTTON_TEXT > i { color : #B4B4B4; } /*---*/ div.CSS_INQUERY_BUTTON span.CSS_INQUERY_BUTTON_TEXT{ text-align: center; padding: 0px 5px 0px 5px; } div.CSS_INQUERY_DROPDOWN span.CSS_INQUERY_BUTTON_TEXT{ text-align: left; padding: 0px 16px 0px 2px; background-position: right center; background-repeat : no-repeat;} span.CSS_INQUERY_LINKBUTTON span.CSS_INQUERY_BUTTON_TEXT{ text-align: center; padding: 0px 5px 0px 5px; } /*---*/ div.CSS_INQUERY_DROPDOWN_DOWNWARDS.CSS_INQUERY_DROPDOWN_CLOSED > a span.CSS_INQUERY_BUTTON_TEXT, div.CSS_INQUERY_DROPDOWN_UPWARDS.CSS_INQUERY_DROPDOWN_OPEN > a span.CSS_INQUERY_BUTTON_TEXT{ background-image: url(/inquery8/images/icons_svg/control_arrow_down.svg); } div.CSS_INQUERY_DROPDOWN_UPWARDS.CSS_INQUERY_DROPDOWN_CLOSED > a span.CSS_INQUERY_BUTTON_TEXT, div.CSS_INQUERY_DROPDOWN_DOWNWARDS.CSS_INQUERY_DROPDOWN_OPEN > a span.CSS_INQUERY_BUTTON_TEXT{ background-image: url(/inquery8/images/icons_svg/control_arrow_up.svg); } li.CSS_INQUERY_DROPDOWN_DOWNWARDS.CSS_INQUERY_DROPDOWN_CLOSED > a span.CSS_INQUERY_BUTTON_TEXT, li.CSS_INQUERY_DROPDOWN_UPWARDS.CSS_INQUERY_DROPDOWN_CLOSED > a span.CSS_INQUERY_BUTTON_TEXT{ background-image: url(/inquery8/images/icons_svg/control_arrow_right.svg); } li.CSS_INQUERY_DROPDOWN_UPWARDS.CSS_INQUERY_DROPDOWN_OPEN > a span.CSS_INQUERY_BUTTON_TEXT, li.CSS_INQUERY_DROPDOWN_DOWNWARDS.CSS_INQUERY_DROPDOWN_OPEN > a span.CSS_INQUERY_BUTTON_TEXT{ background-image: url(/inquery8/images/icons_svg/control_arrow_left.svg); } /*---*/ li.CSS_INQUERY_DROPDOWN_ITEM_EXTERNAL > a span.CSS_INQUERY_BUTTON_TEXT{ background-image: url(/inquery8/images/icons_svg/external_target.svg); } li.CSS_INQUERY_DROPDOWN_ITEM_TOGGLE_ON > a span.CSS_INQUERY_BUTTON_TEXT{ background-image: url(/inquery8/images/icons_svg/bool_true.svg); } li.CSS_INQUERY_DROPDOWN_ITEM_TOGGLE_OFF > a span.CSS_INQUERY_BUTTON_TEXT{ background-image: url(/inquery8/images/icons_svg/bool_false.svg); } /*----------------------------------------------------------------------------*/ div.CSS_INQUERY_DROPDOWN > ul, div.CSS_INQUERY_DROPDOWN > ul ul{ position : absolute; z-index : 1; /* yyymt noch NICHT abgestimmt */ display : none; list-style : none; padding : 0px; width : 260px; border-radius : 3px 3px 3px 3px; border : 1px solid #B4B4B4; box-shadow : 0 6px 12px rgba(0, 0, 0, 0.2); box-sizing : border-box; /* fuer width=100% von ul im Vergleich zu der Schaltflaeche*/ background : #D6D6D6; } div.CSS_INQUERY_DROPDOWN > ul { margin: 5px 0px 5px 0px;} div.CSS_INQUERY_DROPDOWN > ul ul { margin: 0px 2px 0px 2px;} li.CSS_INQUERY_DROPDOWN_ITEM:not(:first-child){ border-top : 1px solid #B4B4B4; } li.CSS_INQUERY_DROPDOWN_ITEM:first-child, li.CSS_INQUERY_DROPDOWN_ITEM:first-child > a{ border-top-right-radius : 3px; border-top-left-radius : 3px; } li.CSS_INQUERY_DROPDOWN_ITEM:last-child, li.CSS_INQUERY_DROPDOWN_ITEM:last-child> a{ border-bottom-right-radius: 3px; border-bottom-left-radius : 3px; } /*--*/ div.CSS_INQUERY_DROPDOWN_RIGHT > ul{ right : 0; left : auto; } div.CSS_INQUERY_DROPDOWN_LEFT > ul{ right : auto; left : 0; } div.CSS_INQUERY_DROPDOWN > ul ul{ left : 100%; } /*---*/ div.CSS_INQUERY_DROPDOWN_UPWARDS> ul{ top : auto; bottom : 100%; } li.CSS_INQUERY_DROPDOWN_UPWARDS > ul{ top : auto; bottom : 0px; } div.CSS_INQUERY_DROPDOWN_DOWNWARDS > ul{ top : 100%; bottom : auto; } li.CSS_INQUERY_DROPDOWN_DOWNWARDS > ul{ top : 0px; bottom : auto; } /*-- Arrows--*/ div.CSS_INQUERY_DROPDOWN > ul:after, div.CSS_INQUERY_DROPDOWN > ul:before{ content : ""; border-style : solid; width : 0; height : 0; position : absolute; } /*---*/ div.CSS_INQUERY_DROPDOWN_DOWNWARDS > ul:after, div.CSS_INQUERY_DROPDOWN_DOWNWARDS > ul:before { bottom : 100%; } div.CSS_INQUERY_DROPDOWN_UPWARDS > ul:after, div.CSS_INQUERY_DROPDOWN_UPWARDS > ul:before { top : 100%; } /*---*/ div.CSS_INQUERY_DROPDOWN_DOWNWARDS > ul:after{ border-width : 0px 6px 6px 6px; border-color : #B4B4B4 transparent; } div.CSS_INQUERY_DROPDOWN_DOWNWARDS> ul:before { border-width : 0px 8px 8px 8px; border-color : #B4B4B4 transparent; } div.CSS_INQUERY_DROPDOWN_UPWARDS > ul:after{ border-width : 6px 6px 0px 6px; border-color : #B4B4B4 transparent; } div.CSS_INQUERY_DROPDOWN_UPWARDS> ul:before { border-width : 8px 8px 0px 8px; border-color : #B4B4B4 transparent; } /*---*/ div.CSS_INQUERY_DROPDOWN_RIGHT > ul:after { right : 15px; } div.CSS_INQUERY_DROPDOWN_LEFT > ul:after { left : 15px; } div.CSS_INQUERY_DROPDOWN_RIGHT > ul:before{ right : 13px; } div.CSS_INQUERY_DROPDOWN_LEFT > ul:before{ left : 13px; } /*-- non buttons --*/ li.CSS_INQUERY_DROPDOWN_HEADLINE{ font-size : 12px; padding : 5px 5px 5px 5px; font-weight : bold; text-shadow : 0px 1px 0px #FFFFFF; background-color : #D6D6D6; color : #666666; word-wrap : break-word; } li.CSS_INQUERY_DROPDOWN_SEPARATOR{ background-color : #B4B4B4; height : 0px; } li.CSS_INQUERY_DROPDOWN_NOTE>div{ font-size : 11px; font-weight : bold; padding : 10px 10px 10px 10px; margin : 1px 1px 1px 1px; border-radius : 3px 3px 3px 3px; border : 1px solid #B4B4B4; background-color : #FFFFCC; color : #666666; word-wrap : break-word; text-align : left; vertical-align : middle; } /*----------------------------------------------------------------------------*/ /*SIZES*/ .CSS_INQUERY_BUTTON_SIZE_SMALL > a, .CSS_INQUERY_BUTTON_SIZE_MEDIUM > a, .CSS_INQUERY_BUTTON_SIZE_LARGE > a{ min-width : 22px; /*Hinweis: 32px = 22px + padding-left=5px + padding-right=5px*/ min-height : 16px; /*wenn kein Text und kein Icon*/ /*Hinweis: 30px = 16px + padding-top=7px + padding-bottom=7px*/ } /*small*/ .CSS_INQUERY_BUTTON_SIZE_SMALL > a{ font-size : 11px; padding : 4px 2px 4px 2px; } /*medium*/ .CSS_INQUERY_BUTTON_SIZE_MEDIUM > a{ font-size : 11px; padding : 7px 5px 7px 5px; } /*large*/ .CSS_INQUERY_BUTTON_SIZE_LARGE > a{ font-size : 13px; padding : 12px 10px 12px 10px; } /*----------------------------------------------------------------------------*/ label > input:focus ~ span.CSS_INQUERY_TOGGLESWITCH_FOCUS_CONTAINER, span.CSS_INQUERY_MEDIA_THUMBNAIL_BUTTON > a:focus, .CSS_INQUERY_CONTROL_ENABLED > a:focus, span.CSS_INQUERY_TEXTBUTTON > a:focus input.CSS_MAINMENU_BUTTON_H:focus, input.CSS_MAINMENU_BUTTON:focus, input.CSS_SURVEYSTATUS_BUTTON:focus{ position : relative; z-index : 20; /*yyy nicht abgestimmt*/ box-shadow : 0px 0px 0px 2px #9CB5D9; animation: CSSKEYFRAMES_ONFOCUS 0.3s linear 0s 1 normal; -webkit-animation: CSSKEYFRAMES_ONFOCUS 0.3s linear 0s 1 normal; } label > input:not(:focus) ~ span.CSS_INQUERY_TOGGLESWITCH_FOCUS_CONTAINER, span.CSS_INQUERY_MEDIA_THUMBNAIL_BUTTON > a:not(:focus), .CSS_INQUERY_CONTROL_ENABLED > a:not(:focus), span.CSS_INQUERY_TEXTBUTTON > a:not(:focus), input.CSS_MAINMENU_BUTTON_H:not(:focus), input.CSS_MAINMENU_BUTTON:not(:focus), input.CSS_SURVEYSTATUS_BUTTON:not(:focus){ transition: box-shadow 0.3s linear; -webkit-transition: box-shadow 0.3s linear; } @keyframes CSSKEYFRAMES_ONFOCUS { 50% { box-shadow: 0px 0px 0px 4px #9CB5D9; } 100% { box-shadow: 0px 0px 0px 2px #9CB5D9; } } @-webkit-keyframes CSSKEYFRAMES_ONFOCUS { 50% { box-shadow: 0px 0px 0px 4px #9CB5D9; } 100% { box-shadow: 0px 0px 0px 2px #9CB5D9; } } .CSS_INQUERY_BUTTON_ACTIVE > a{ box-shadow : inset 0px 0px 1px 0px rgba(0, 0, 0, 0.3); } .CSS_INQUERY_BUTTON_NORMAL> a{ box-shadow : inset 0px 1px 0px 0px rgba(255, 255, 255, 0.7); } .CSS_INQUERY_CONTROL_ENABLED > span, .CSS_INQUERY_CONTROL_ENABLED > a{ cursor : pointer; /*---*/ text-shadow : 0px 1px 1px #FFFFFF; } .CSS_INQUERY_CONTROL_DISABLED > span, .CSS_INQUERY_CONTROL_DISABLED > a{ cursor : not-allowed; } .CSS_INQUERY_CONTROL_DISABLED > span, .CSS_INQUERY_CONTROL_DISABLED > a > span{ opacity : 0.5; } /*----------------------------------------------------------------------------*/ label.CSS_INQUERY_TOGGLESWITCH > input ~ span.CSS_INQUERY_TOGGLESWITCH_HANDLE, .CSS_INQUERY_BUTTON_COLOR_GRAY, a.CSS_INQUERY_BUTTON_COLOR_GRAY:link, a.CSS_INQUERY_BUTTON_COLOR_GRAY:visited{ background-color : #EEEEEE; background : linear-gradient(to bottom, #F6F6F6 0%, #EEEEEE 100%); color : #666666; border-color : #B4B4B4; } label.CSS_INQUERY_TOGGLESWITCH:hover > input ~ span.CSS_INQUERY_TOGGLESWITCH_HANDLE, label.CSS_INQUERY_TOGGLESWITCH > input:focus ~ span.CSS_INQUERY_TOGGLESWITCH_HANDLE, .CSS_INQUERY_CONTROL_ENABLED:hover > .CSS_INQUERY_BUTTON_COLOR_GRAY, .CSS_INQUERY_BUTTON_COLOR_GRAY:focus{ background-color : #E6E6E6; background : linear-gradient(to bottom, #EEEEEE 0%, #E6E6E6 100%); color : #666666; border-color : #B4B4B4; } label.CSS_INQUERY_TOGGLESWITCH > input:active ~ span.CSS_INQUERY_TOGGLESWITCH_HANDLE, .CSS_INQUERY_CONTROL_ENABLED:active > a.CSS_INQUERY_BUTTON_COLOR_GRAY, .CSS_INQUERY_BUTTON_ACTIVE > a.CSS_INQUERY_BUTTON_COLOR_GRAY{ background-color : #EEEEEE; background : linear-gradient(to bottom, #E6E6E6 0%, #EEEEEE 100%); color : #000000; border-color : #B4B4B4; } /*---*/ /*RED*/ .CSS_INQUERY_BUTTON_COLOR_RED, a.CSS_INQUERY_BUTTON_COLOR_RED:link, a.CSS_INQUERY_BUTTON_COLOR_RED:visited { background : #EEC9C9; background : linear-gradient(to bottom, #F6E4E4 0%, #EEC9C9 100%); color : #666666; border-color : #B4B4B4; } .CSS_INQUERY_CONTROL_ENABLED:hover > .CSS_INQUERY_BUTTON_COLOR_RED, .CSS_INQUERY_BUTTON_COLOR_RED:focus{ background : #E5AEAE; background : linear-gradient(to bottom, #EEC9C9 0%, #E5AEAE 100%); color : #666666; border-color : #B4B4B4; } .CSS_INQUERY_CONTROL_ENABLED:active > a.CSS_INQUERY_BUTTON_COLOR_RED, .CSS_INQUERY_BUTTON_ACTIVE > a.CSS_INQUERY_BUTTON_COLOR_RED{ background : #EEC9C9; background : linear-gradient(to bottom, #E5AEAE 0%, #EEC9C9 100%); color : #000000; border-color : #B4B4B4; } /*---*/ /*BLUE*/ .CSS_INQUERY_BUTTON_COLOR_BLUE, a.CSS_INQUERY_BUTTON_COLOR_BLUE:link, a.CSS_INQUERY_BUTTON_COLOR_BLUE:visited { background : #BDCDE5; background : linear-gradient(to bottom, #DEE6F2 0%, #BDCDE5 100%); color : #666666; border-color : #B4B4B4; } .CSS_INQUERY_CONTROL_ENABLED:hover > .CSS_INQUERY_BUTTON_COLOR_BLUE, .CSS_INQUERY_BUTTON_COLOR_BLUE:focus{ background : #9CB5D9; background : linear-gradient(to bottom, #BDCDE5 0%, #9CB5D9 100%); color : #666666; border-color : #B4B4B4; } .CSS_INQUERY_CONTROL_ENABLED:active > a.CSS_INQUERY_BUTTON_COLOR_BLUE, .CSS_INQUERY_BUTTON_ACTIVE > a.CSS_INQUERY_BUTTON_COLOR_BLUE{ background : #BDCDE5; background : linear-gradient(to bottom, #9CB5D9 0%, #BDCDE5 100%); color : #000000; border-color : #B4B4B4; } /*---*/ /*GREEN*/ .CSS_INQUERY_BUTTON_COLOR_GREEN, a.CSS_INQUERY_BUTTON_COLOR_GREEN:link, a.CSS_INQUERY_BUTTON_COLOR_GREEN:visited { background : #CAE5C5; background : linear-gradient(to bottom, #E4F2E2 0%, #CAE5C5 100%); color : #666666; border-color : #B4B4B4; } .CSS_INQUERY_CONTROL_ENABLED:hover > .CSS_INQUERY_BUTTON_COLOR_GREEN, .CSS_INQUERY_BUTTON_COLOR_GREEN:focus{ background : #AFD8A8; background : linear-gradient(to bottom, #CAE5C5 0%, #AFD8A8 100%); color : #666666; border-color : #B4B4B4; } .CSS_INQUERY_CONTROL_ENABLED:active > a.CSS_INQUERY_BUTTON_COLOR_GREEN, .CSS_INQUERY_BUTTON_ACTIVE > a.CSS_INQUERY_BUTTON_COLOR_GREEN{ background : #CAE5C5; background : linear-gradient(to bottom, #AFD8A8 0%, #CAE5C5 100%); color : #000000; border-color : #B4B4B4; } /*---*/ /*ORANGE*/ .CSS_INQUERY_BUTTON_COLOR_ORANGE, a.CSS_INQUERY_BUTTON_COLOR_ORANGE:link, a.CSS_INQUERY_BUTTON_COLOR_ORANGE:visited { background : #FDDCB9; background : linear-gradient(to bottom, #F2E1D0 0%, #FDDCB9 100%); color : #666666; border-color : #B4B4B4; } .CSS_INQUERY_CONTROL_ENABLED:hover > .CSS_INQUERY_BUTTON_COLOR_ORANGE, .CSS_INQUERY_BUTTON_COLOR_ORANGE:focus{ background : #FDCA96; background : linear-gradient(to bottom, #FDDCB9 0%, #FDCA96 100%); color : #666666; border-color : #B4B4B4; } .CSS_INQUERY_CONTROL_ENABLED:active > a.CSS_INQUERY_BUTTON_COLOR_ORANGE, .CSS_INQUERY_BUTTON_ACTIVE > a.CSS_INQUERY_BUTTON_COLOR_ORANGE{ background : #FDDCB9; background : linear-gradient(to bottom, #FDCA96 0%, #FDDCB9 100%); color : #000000; border-color : #B4B4B4; } /*---*/ .CSS_INQUERY_BUTTON_NORMAL { border-color: transparent; } .CSS_INQUERY_BUTTON_ACTIVE { border-color: #9CB5D9; } /*----------------------------------------------------------------------------*/ div.CSS_INQUERY_BUTTON_GROUP_HORIZONTAL{ display : inline-block; white-space : nowrap; } div.CSS_INQUERY_BUTTON_GROUP_VERTICAL, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_BUTTON, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_DROPDOWN, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_BUTTON > a, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_DROPDOWN > a, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_BUTTON span.CSS_INQUERY_BUTTON_ICON, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_DROPDOWN span.CSS_INQUERY_BUTTON_ICON, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_BUTTON span.CSS_INQUERY_BUTTON_TEXT, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_DROPDOWN span.CSS_INQUERY_BUTTON_TEXT{ display : block; } div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_BUTTON span.CSS_INQUERY_BUTTON_TEXT, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_DROPDOWN span.CSS_INQUERY_BUTTON_TEXT{ text-align: left; } div.CSS_INQUERY_BUTTON_GROUP_HORIZONTAL > div.CSS_INQUERY_BUTTON, div.CSS_INQUERY_BUTTON_GROUP_HORIZONTAL > div.CSS_INQUERY_DROPDOWN{ margin-left : 0px; margin-right : 0px; border-left-width : 0px; border-right-width : 0px; } div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_BUTTON, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div.CSS_INQUERY_DROPDOWN{ margin-top : 0px; margin-bottom : 0px; border-top-width : 0px; border-bottom-width: 0px; } div.CSS_INQUERY_BUTTON_GROUP_HORIZONTAL > div:first-child{ margin-left : 2px; border-left-width : 2px; } div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div:first-child{ margin-top : 2px; border-top-width : 2px; } div.CSS_INQUERY_BUTTON_GROUP_HORIZONTAL > div:last-child{ margin-right : 2px; border-right-width : 2px; } div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div:last-child{ margin-bottom : 2px; border-bottom-width : 2px; } div.CSS_INQUERY_BUTTON_GROUP_HORIZONTAL > div:not(:first-child) > a{ border-left : 0px solid #B4B4B4; } div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div:not(:first-child)> a{ border-top : 0px solid #B4B4B4; } div.CSS_INQUERY_BUTTON_GROUP_HORIZONTAL > div:not(:first-child):not(:last-child) > a, div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div:not(:first-child):not(:last-child) > a{ border-radius : 0px 0px 0px 0px; } div.CSS_INQUERY_BUTTON_GROUP_HORIZONTAL > div:first-child:not(:last-child) > a{ border-top-right-radius : 0px; border-bottom-right-radius: 0px; } div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div:first-child:not(:last-child) > a{ border-bottom-left-radius : 0px; border-bottom-right-radius: 0px; } div.CSS_INQUERY_BUTTON_GROUP_HORIZONTAL > div:last-child:not(:first-child) > a{ border-top-left-radius : 0px; border-bottom-left-radius: 0px; } div.CSS_INQUERY_BUTTON_GROUP_VERTICAL > div:last-child:not(:first-child) > a{ border-top-right-radius : 0px; border-top-left-radius: 0px; } /*-------------------InqueryTextButton/InqueryLink-----------------*/ span.CSS_INQUERY_TEXTBUTTON > a, input.CSS_SURVEYSTATUS_BUTTON{ cursor : pointer; text-decoration: underline; } input.CSS_SURVEYSTATUS_BUTTON{ outline-style : none; border-width : 0; border-style : none; background : none; padding : 0; margin : 0; } span.CSS_INQUERY_TEXTBUTTON > a, a.CSS_INQUERY_LINK{ color : #000000; font-weight : bold; } a.CSS_INQUERY_LINK{ padding-right : 16px; background-repeat : no-repeat; background-position: right center; } a.CSS_INQUERY_LINK_EXTERNAL{ background-image: url(/inquery8/images/icons_svg/external.svg ); } a.CSS_INQUERY_LINK_DOWNLOAD{ background-image: url(/inquery8/images/icons_svg/download.svg ); } span.CSS_INQUERY_TEXTBUTTON:hover > a, span.CSS_INQUERY_TEXTBUTTON:focus > a, a.CSS_INQUERY_LINK:hover, a.CSS_INQUERY_LINK:focus{ color : #666666; } input.CSS_SURVEYSTATUS_BUTTON:hover { color: #000000; } /*-------------------InqueryDualStateDisplay-----------------*/ img.CSS_INQUERY_DUALSTATE_ICON { vertical-align: middle; } img.CSS_INQUERY_DUALSTATE_ICON_HELP { cursor: help; } /*-------------Farben--------------*/ .CSS_FRAME_GRAY { background-color: #EEEEEE; } .CSS_FRAME_GREEN { background-color: #CAE5C5; } .CSS_FRAME_BLUE { background-color: #BDCDE5; } .CSS_FRAME_YELLOW { background-color: #FFFFCC; } .CSS_FRAME_RED { background-color: #EEC9C9; } /*---------------------------------*/ /*------------------------------SURVEY-PREVIEW------------------------------*/ div.CSS_SURVEY_PREVIEW_RULER{ height : 0px; background-image : url(/inquery8/images/components/ruler.svg); background-position: left bottom; background-repeat : no-repeat; background-color : #FFFFFF; box-shadow : inset 0px 0px 1px rgba(0, 0, 0, 0.2); border-left : 1px solid #B4B4B4; border-right : 3px solid #FF0000; border-top : 1px solid #B4B4B4; opacity : 0; visibility : hidden; -webkit-transition : opacity 0.5s ease-out, height 0.2s, visibility 0s linear 0.5s; transition : opacity 0.5s ease , height 0.2s, visibility 0s linear 0.5s; } input.CSS_SURVEY_PREVIEW_RULER_STATE { /*inner state*/ display : none; } input.CSS_SURVEY_PREVIEW_RULER_STATE:checked + div.CSS_SURVEY_PREVIEW_RULER{ height : 22px; opacity : 1; visibility : visible; -webkit-transition : opacity 0.5s ease-out, height 0.5s , visibility 0s linear 0s; transition : opacity 0.5s ease , height 0.5s , visibility 0s linear 0s; } /*---*/ div.CSS_SURVEY_PREVIEW_DESKTOP, div.CSS_SURVEY_PREVIEW_BREAKPOINT1{ box-shadow : inset 0px 0px 2px rgba(0, 0, 0, 0.3); border : 1px solid #B4B4B4; background : #FFFFFF; } div.CSS_SURVEY_PREVIEW_DESKTOP{ min-width : 768px; min-height : 400px; } div.CSS_SURVEY_PREVIEW_BREAKPOINT1{ width : 320px; min-width : 320px; max-width : 768px; height : 568px; min-height : 568px; overflow-y : scroll; resize : both; padding : 1px 1px 1px 1px; } /*---*/ div.CSS_SURVEY_PREVIEW_PC, div.CSS_SURVEY_PREVIEW_MOBILE{ border : 2px solid #B4B4B4; } div.CSS_SURVEY_PREVIEW_PC{ border-radius : 32px; padding : 32px 32px 32px 32px; } div.CSS_SURVEY_PREVIEW_MOBILE{ border-radius : 60px; padding : 0px 16px 0px 16px; display : inline-block; position : relative; } div.CSS_SURVEY_PREVIEW_MOBILE > span { /* Switch */ position : absolute; top : -6px; height : 6px; width : 50px; right : 65px; display : inline-block; background : #B4B4B4; border-radius : 3px 3px 0 0; } div.CSS_SURVEY_PREVIEW_MOBILE_TOP{ text-align : center; padding : 32px 0 22px 0; } div.CSS_SURVEY_PREVIEW_MOBILE_TOP > span { /* Speaker */ width : 80px; height : 12px; display : inline-block; border : 1px solid #B4B4B4; border-radius : 100px; } div.CSS_SURVEY_PREVIEW_MOBILE_BOTTOM{ text-align : center; padding : 16px 0 16px 0; } div.CSS_SURVEY_PREVIEW_MOBILE_BOTTOM > label { /* Home-Button */ width : 50px; height : 50px; display : inline-block; border : 1px solid #B4B4B4; border-radius : 100px; cursor : pointer; transition: box-shadow 0.2s linear; -webkit-transition: box-shadow 0.2s linear; } div.CSS_SURVEY_PREVIEW_MOBILE_BOTTOM > label:hover { background-color: #D6D6D6; } div.CSS_SURVEY_PREVIEW_MOBILE_BOTTOM > label:active { box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 2px rgba(0, 0, 0, 0.3); /* inset siehe CSS_INQUERY_INSET_BOX_SHADOW */ } input.CSS_SURVEY_PREVIEW_RULER_STATE:not(:checked) ~ div.CSS_SURVEY_PREVIEW_MOBILE_BOTTOM > label:not(:hover):not(:active) { animation: CSSKEYFRAMES_PULSE_GLOW_ANIMATION 1.5s ease-in-out 0s infinite alternate; -webkit-animation: CSSKEYFRAMES_PULSE_GLOW_ANIMATION 1.5s ease-in-out 0s infinite alternate; } /*---------------------------------*/ @keyframes CSSKEYFRAMES_PULSE_GLOW_ANIMATION { 100% { box-shadow: 0 0 15px #5B84C0; } } @-webkit-keyframes CSSKEYFRAMES_PULSE_GLOW_ANIMATION { 100% { box-shadow: 0 0 15px #5B84C0; } } /*----------------------------------------------------------------------------*/ div.CSS_PERCENTAGEBAR { display : block; border-radius : 3px 3px 3px 3px; background-color : #EEEEEE; } div.CSS_PERCENTAGEBAR > div { display : block; border-radius : 3px 3px 3px 3px; animation: CSSKEYFRAME_FILLING_PERCENTAGE_BAR 1.5s ease-out 0s; -webkit-animation: CSSKEYFRAME_FILLING_PERCENTAGE_BAR 1.5s ease-out 0s; } div.CSS_CORRELATIONCHART_VERTICALBAR{ background-color : #D6D6D6; border-radius : 3px 3px 0px 0px; width : 13px; } div.CSS_CORRELATIONCHART_VERTICALBAR > div{ border-radius : 3px 3px 0px 0px; width : 13px; display : inline-block; animation: CSSKEYFRAME_FILLING_CORRELATIONCHART_VERTICALBAR 1.5s ease-out 0s; -webkit-animation: CSSKEYFRAME_FILLING_CORRELATIONCHART_VERTICALBAR 1.5s ease-out 0s; } @keyframes CSSKEYFRAME_FILLING_PERCENTAGE_BAR { 0% { width: 0px; } } @-webkit-keyframes CSSKEYFRAME_FILLING_PERCENTAGE_BAR { 0% { width: 0px; } } @keyframes CSSKEYFRAME_FILLING_CORRELATIONCHART_VERTICALBAR { 0% { margin-top: 300px; height: 0px; } } /* 300px auf die Höhe des Charts abgestimmt*/ @-webkit-keyframes CSSKEYFRAME_FILLING_CORRELATIONCHART_VERTICALBAR { 0% { margin-top: 300px; height: 0px; } } /* 300px auf die Höhe des Charts abgestimmt*/ /*----------------------------------------------------------------------------*/ select.CSS_INQUERY_MLISTBOX_WIDTH_WIDE { width: 900px;} /*----------------------------------------------------------------------------*/ div.CSS_INQUERY_COMBOBOX{ vertical-align : middle; display : inline-block; margin : 1px 1px 1px 1px; position : relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.CSS_INQUERY_COMBOBOX > span.CSS_INQUERY_COMBOBOX_CONTROL{ display : block; white-space : nowrap; border-radius : 3px 3px 3px 3px; } div.CSS_INQUERY_COMBOBOX > span.CSS_INQUERY_COMBOBOX_CONTROL > span{ vertical-align : middle; display : inline-block; height : 16px; line-height : 16px; padding : 7px 5px 7px 5px; } div.CSS_INQUERY_COMBOBOX > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_ARROW{ width : 22px; border-right : 1px solid #B4B4B4; border-top : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; background-repeat : no-repeat; background-position: center center; } div.CSS_INQUERY_COMBOBOX > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY{ background-color : #FFFFFF; border : 1px solid #B4B4B4; font-size : 11px; font-weight : bold; color : #666666; text-align : left; overflow-x : hidden; overflow-y : auto; text-overflow : ellipsis; } div.CSS_INQUERY_COMBOBOX_WIDTH_NARROW > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY{ width: 135px;} div.CSS_INQUERY_COMBOBOX_WIDTH_MEDIUM > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY{ width: 250px;} div.CSS_INQUERY_COMBOBOX_WIDTH_WIDE > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY{ width: 500px;} div.CSS_INQUERY_COMBOBOX > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY_WITH_ICON{ background-repeat : no-repeat; background-position: 5px center; } div.CSS_INQUERY_COMBOBOX > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY_WITH_ICON > span{ padding-left: 26px; } div.CSS_INQUERY_CONTROL_ENABLED:hover > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY > span{ color : #000000;} div.CSS_INQUERY_COMBOBOX > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY_ITALIC > span{ font-style : italic; } div.CSS_INQUERY_COMBOBOX_CLOSED > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_ARROW { border-radius: 0px 3px 3px 0px; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.7); background-image: url(/inquery8/images/icons_svg/control_arrow_down.svg);} div.CSS_INQUERY_COMBOBOX_OPEN > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_ARROW { border-radius: 0px 3px 0px 0px; box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.7); background-image: url(/inquery8/images/icons_svg/control_arrow_up.svg); } div.CSS_INQUERY_COMBOBOX_CLOSED > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY{ border-radius: 3px 0px 0px 3px; } div.CSS_INQUERY_COMBOBOX_OPEN > span.CSS_INQUERY_COMBOBOX_CONTROL > span.CSS_INQUERY_COMBOBOX_DISPLAY{ border-radius: 3px 0px 0px 0px; box-shadow: 0 0 0 2px #9CB5D9;} div.CSS_INQUERY_COMBOBOX_CLOSED > span.CSS_INQUERY_COMBOBOX_CONTROL { border-radius: 3px 3px 3px 3px; } div.CSS_INQUERY_COMBOBOX_OPEN > span.CSS_INQUERY_COMBOBOX_CONTROL { border-radius: 3px 3px 0px 0px; } div.CSS_INQUERY_COMBOBOX > div{ position : absolute; z-index : 1; /* yyymt noch NICHT abgestimmt */ display : none; border-radius : 0px 0px 3px 3px; border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; box-shadow : 0 6px 12px rgba(0, 0, 0, 0.2); box-sizing : border-box; /* fuer width=100% von ul im Vergleich zu der Schaltflaeche*/ max-height : 320px; left : 0; right : 0; top : 100%; bottom : auto; overflow-x : hidden; overflow-y : auto; } div.CSS_INQUERY_COMBOBOX > div > ul{ border-radius : 0px 0px 3px 3px; list-style : none; padding : 0px; margin : 0px; width : 100%; } div.CSS_INQUERY_COMBOBOX > div > ul > li.CSS_INQUERY_COMBOBOX_LISTITEM{ border-bottom : 1px solid #B4B4B4; padding : 8px 5px 8px 5px; font-size : 11px; color : #000000; cursor : pointer; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } div.CSS_INQUERY_COMBOBOX > div > ul > li.CSS_INQUERY_COMBOBOX_LISTITEM:last-child{ border-bottom: 0px; border-radius: 0px 0px 3px 3px;} div.CSS_INQUERY_COMBOBOX > div > ul > li.CSS_INQUERY_COMBOBOX_LISTITEM_NORMAL { background-color: #FFFFFF;} div.CSS_INQUERY_COMBOBOX > div > ul > li.CSS_INQUERY_COMBOBOX_LISTITEM_SELECTED { background-color: #DEE6F2;} div.CSS_INQUERY_COMBOBOX > div > ul > li.CSS_INQUERY_COMBOBOX_LISTITEM:hover { background-color: #D6D6D6;} /*----------------------------------------------------------------------------*/ /** * 2015-02 Inquery-Facelift **/ /*----------------------------------------------------------------------------*/ div.CSS_TAGCLOUD_HEADLINETEXT{ color : #666666; font-size : 14px; font-weight : bold; padding : 20px 5px 20px 21px; background-image : url(/inquery8/images/icons_svg/control_arrow_right.svg ); background-repeat : no-repeat; background-position: left center; } p.CSS_TAGCLOUD_CONTAINER{ display : block; text-align : center; padding : 10px 10px 10px 10px; margin : 0; border-radius : 3px 3px 3px 3px; } p.CSS_TAGCLOUD_CONTAINER:hover{ background-color: #EEEEEE; } span.CSS_TAGCLOUD_TAG{ display : inline-block; padding : 2px 5px 2px 5px; margin : 1px 1px 1px 1px; border-radius : 3px 3px 3px 3px; text-decoration : none; vertical-align : middle; text-overflow : ellipsis; max-width : 1000px; /*yyymt Text mittels css kuerzen*/ overflow : hidden; } span.CSS_TAGCLOUD_TAG:hover{ background-color: #FFFFFF; box-shadow: 0 0 0 1px #B4B4B4;} /*---------------------------------------------*/ .ERRORTEXT { color:#FF0000; } /* notwendig fuer z.B. LoginForms*/ INPUT { font-size:11px;} /* muss unbedingt leer bleiben */ SELECT { font-size:11px;} /* muss unbedingt leer bleiben */ TEXTAREA { } /* muss unbedingt leer bleiben */ /* ----------------- ALLGEMEIN ------------------------------------------------------- */ .PADDING5 { padding:5px; vertical-align:top;} .PADDING10 { padding:10px; vertical-align:top;} .BOLD {font-weight:bold;} /* ----------------- TABELLEN -------------------- */ /* ----------------- EDITOREN ALLGEMEIN -------------------- */ td.LABEL { font-weight:bold; color:#000000; text-align:right; vertical-align:top; padding:3px;} td.LABEL_LEFT { font-weight:bold; color:#000000; text-align:left ; vertical-align:top; padding:3px;} td.EDITORFIELD { font-weight:normal; vertical-align:top; padding:3px;} td.RADIOBUTTON { font-weight:bold; color:#000000; text-align:left; vertical-align:top; padding:3px;} /* ----------------- SURVEYEDITOR IDENTIFIERS UND JUMPRULES ANZEIGEN -------------------- */ .FORMULAINEDITOR { font-size:11px; color:#000000; font-family:"Courier New"; line-height:14px; } /* ----------------- KAMPAGNENMANAGEMENT & 360-KAMPAGNENMANAGEMENT -------------------- */ td.CSS_CAMPAIGN_HEADLINE, td.CSS_LFCAMPAIGN_HEADLINE{ padding : 5px 5px 5px 5px; border-top : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; box-shadow : inset 0px 1px 0px 0px #FFFFFF; background : #EEEEEE; } td.CSS_CAMPAIGN_NORMAL { background-color:#FFFFFF; padding: 4px;} td.CSS_CAMPAIGN_HIGHLIGHT{ background-color:#DEE6F2; } table.CSS_LFCAMPAIGN_LIST{ border-left : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; border-radius : 0px 0px 3px 3px; } table.CSS_LFCAMPAIGN_LIST > tbody > tr:first-child > td.CSS_LFCAMPAIGN_HEADLINE{ border-top : 0px solid #B4B4B4; } table.CSS_LFCAMPAIGN_LIST > tbody > tr:last-child > td:first-child{ border-radius: 0px 0px 0px 3px;} table.CSS_LFCAMPAIGN_LIST > tbody > tr:last-child > td:last-child { border-radius: 0px 0px 3px 0px;} table.CSS_LFCAMPAIGN_LIST > tbody > tr > td.CSS_LFCAMPAIGN_NOHITS{ background-color: #D6D6D6; border-radius : 0px 0px 3px 3px; padding : 10px 2px 10px 2px; text-align : center; } table.CSS_SIMPLEINFO_EDITOR_TABLE{ border-collapse : collapse; background-color: #FFFFFF; } table.CSS_SIMPLEINFO_EDITOR_TABLE > thead > tr > th, table.CSS_SIMPLEINFO_EDITOR_TABLE > thead > tr > td, table.CSS_SIMPLEINFO_EDITOR_TABLE > tfoot > tr > th, table.CSS_SIMPLEINFO_EDITOR_TABLE > tfoot > tr > td, table.CSS_SIMPLEINFO_EDITOR_TABLE > tbody > tr > th, table.CSS_SIMPLEINFO_EDITOR_TABLE > tbody > tr > td{ border : 1px solid #B4B4B4; padding : 3px 3px 3px 3px; color : #000000; } table.CSS_SIMPLEINFO_EDITOR_TABLE > thead > tr > th, table.CSS_SIMPLEINFO_EDITOR_TABLE > thead > tr > td, table.CSS_SIMPLEINFO_EDITOR_TABLE > tfoot > tr > th, table.CSS_SIMPLEINFO_EDITOR_TABLE > tfoot > tr > td, table.CSS_SIMPLEINFO_EDITOR_TABLE > tbody > tr > th{ font-weight : bold; background-color: #EEEEEE; } table.CSS_SIMPLEINFO_EDITOR_TABLE > tbody > tr > th, table.CSS_SIMPLEINFO_EDITOR_TABLE > tbody > tr > td{ vertical-align : top; } /*--------------------------------------------------------------------------*/ /* ------------------------------------- */ /* Vorsicht: IE und Opera machen das Bild oben mit dem Text bündig, Firefox macht das Bild von unten her mit der Baseline des Texts bündig */ UL.NOTE { line-height: 14px; font-size:11px; list-style-image: url(/inquery8/images/note_minus.gif); padding-left:15px; padding-right:0px; padding-top: 0px; padding-bottom:0px; margin-left:0; margin-right:0px; margin-top:0px; margin-bottom:0px } div.CSS_MAINHEADLINEANDBUTTONSLAYOUTER_DIV { border-bottom : 1px solid #B4B4B4; padding : 0px 5px 5px 5px; color : #666666; min-height : 30px; line-height : 30px; margin-bottom : 10px; } td.CSS_MAINHEADLINEANDBUTTONSLAYOUTER_TD1{ padding : 3px; font-weight : bold; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } td.CSS_MAINHEADLINEANDBUTTONSLAYOUTER_TD2{ padding : 3px 0px; } /*---*/ div.CSS_LISTHEADLINEANDBUTTONSLAYOUTER_DIV, div.CSS_MODALFORMHEADLINEANDBUTTONSLAYOUTER_DIV{ padding : 5px 10px 5px 10px; border-radius : 3px 3px 0px 0px; border : 1px solid #B4B4B4; box-shadow : inset 0px 1px 0px 0px #FFFFFF; background : #EEEEEE; background : linear-gradient(to bottom, #F6F6F6 0%, #EEEEEE 100%); } td.CSS_LISTHEADLINEANDBUTTONSLAYOUTER_HEADLINE_TD1, td.CSS_MODALFORMHEADLINEANDBUTTONSLAYOUTER_HEADLINE_TD1{ min-height : 12px; height : 12px; font-size : 12px; padding : 5px 0px 5px 0px; text-align : center; font-weight : bold; color : #666666; text-shadow : 0px 1px 0px #FFFFFF; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } td.CSS_LISTHEADLINEANDBUTTONSLAYOUTER_BUTTONS_TD2, td.CSS_MODALFORMHEADLINEANDBUTTONSLAYOUTER_BUTTONS_TD2{ text-align : left; } div.CSS_ACTIVEFILTERFIELDSBARLAYOUTER_DIV{ padding : 5px 16px 5px 16px; margin-bottom : 5px; } /* ----------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------- */ /* ---------------------- neu Usability CSS_... ------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ span.CSS_DEFAULTGREYTEXT { font-style: italic; color : #666666; } /* -------------------------------------------------------------------------------------------- */ /* CSS_.......... */ /* -------------------------------------------------------------------------------------------- */ /* ----------------- Language Flag ----------------------------- */ span.CSS_LANGICON_TOP { display: inline-block; vertical-align: top; } span.CSS_LANGICON_MIDDLE { display: inline-block; vertical-align: middle; } /* -------------------------------------------------------------------------------------------- */ span.CSS_LEFTICON_BASE { display : inline-block; white-space : nowrap; vertical-align : bottom; /*Vorsicht, geht so nur auf dem IE7 weil momentan vertical-align: bottom!?*/ background-repeat: no-repeat; width : 20px; height : 17px; } span.CSS_LEFTICON_LEFTMARGIN { background-image: url(/inquery8/images/icons_svg/icon_editor_leftmargin.svg) ; } span.CSS_LEFTICON_RIGHTMARGIN { background-image: url(/inquery8/images/icons_svg/icon_editor_rightmargin.svg) ; } span.CSS_LEFTICON_WIDTH { background-image: url(/inquery8/images/icons_svg/icon_editor_width.svg) ; } span.CSS_LEFTICON_WIDTHHEIGHT { background-image: url(/inquery8/images/icons_svg/icon_editor_widthheight.svg) ; } span.CSS_LEFTICON_CELLSPACING { background-image: url(/inquery8/images/icons_svg/icon_editor_cellspacing.svg) ; } span.CSS_LEFTICON_LINEWIDTH { background-image: url(/inquery8/images/icons_svg/icon_editor_linewidth.svg) ; } span.CSS_LEFTICON_HEIGHT { background-image: url(/inquery8/images/icons_svg/icon_editor_height.svg) ; } span.CSS_LEFTICON_PADT { background-image: url(/inquery8/images/icons_svg/icon_editor_padt.svg) ; } span.CSS_LEFTICON_PADL { background-image: url(/inquery8/images/icons_svg/icon_editor_padl.svg) ; } span.CSS_LEFTICON_PADR { background-image: url(/inquery8/images/icons_svg/icon_editor_padr.svg) ; } span.CSS_LEFTICON_DISTANCENEXT { background-image: url(/inquery8/images/icons_svg/icon_editor_distancenext.svg); } /* -------------------------------------------------------------------------------------------- */ table.CSS_TWOCOLUMN_MASK_LAYOUTER_TABLE { border: 0px; width : 100%; } td.CSS_TWOCOLUMN_MASK_LAYOUTER_TD1 /* Labelfield */ , td.CSS_TWOCOLUMN_MASK_LAYOUTER_TD2 /* Editorfield */ , td.CSS_TWOCOLUMN_MASK_LAYOUTER_TD12 /* colspan 2 */ { padding-top : 2px; padding-bottom: 3px; padding-left : 5px; padding-right : 5px; text-align : left; vertical-align : top; line-height : 11px; font-size : 11px; font-weight : normal; text-decoration: none; color : #000000; height : 18px; /* min height */ } td.CSS_TWOCOLUMN_MASK_LAYOUTER_TD1 { width: 1%; } td.CSS_TWOCOLUMN_MASK_LAYOUTER_TD2 { width: 99%; } td.CSS_TWOCOLUMN_MASK_LAYOUTER_TD12 { height: 5px; width:100%; } /* height weil: min height bei ausgeblendetem ShowHideContainer, soll (fast) ganz zuklappen, bzw. im 2-spaltigen Modus darf die Hoehe ruhig abweichen. */ div.CSS_TWOCOLUMN_MASK_LAYOUTER_TD1_SPACER_LABEL_S { width :175px; height:0; overflow:hidden; } /* overflow: hidden ist ein IE Workaround */ div.CSS_TWOCOLUMN_MASK_LAYOUTER_TD1_SPACER_STANDARD { width :300px; height:0; overflow:hidden; } /* overflow: hidden ist ein IE Workaround */ div.CSS_TWOCOLUMN_MASK_LAYOUTER_TD1_SPACER_LABEL_XL { width :600px; height:0; overflow:hidden; } /* overflow: hidden ist ein IE Workaround */ /* -------------------------------------------------------------------------------------------- */ /* CSS_.......... */ /* -------------------------------------------------------------------------------------------- */ select.CSS_DROPDOWN_SELECT, input.CSS_TEXTINPUT_BASIC, textarea.CSS_TEXTAREA_BASIC{ border : 1px solid #9CB5D9; box-sizing : border-box; /* * -------------------------- * Hinweise zu "border-box": * -------------------------- * - Vereinfachung für die Bestimmung der Höhe. Damit ist die Höhe=OffsetHeight -> Wichtig für die Textarea + AutoResize-Algorithmus * - Es ist auch nicht mehr notwendig, die Border-Width von den Dimensionen un inqbase abzuziehen. * - Beim Dropdown ist scheinbar (aus defaults der User-Agents) box-sizing immer border-box. Somit ist eigentlich ein erneuertes Setzen nicht notwendig */ } /* -------------------------------------------------------------------------------------------- */ select.CSS_DROPDOWN_SELECT { padding : 0px 0px 0px 2px; margin : 0px; font-size : 11px; line-height : 11px; font-weight : normal; background-color: #FFFFFF; color : #000000; height : 17px; } /* -------------------------------------------------------------------------------------------- */ input.CSS_TEXTINPUT_BASIC{ padding : 1px; height : 17px; /*17px = 13px + (border_top + border_bottom) + (padding_top + padding_bottom) wg. box-sizing: border-box*/ } textarea.CSS_TEXTAREA_BASIC { padding : 1px; overflow-y : scroll; /*Ver. Scrollbar immer sichtbar, da sonst die Berechnung der Höhe verfälscht (siehe _MagicTextareaHeightResizer in multilinestringeditor)*/ } textarea.CSS_MONOSPACE, span.CSS_MONOSPACE p { font-family:"Courier New","Courier"; } /* -------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------- */ /* Hinweis: Zeilen-Höhe sollte bei exakt 18px liegen! */ .CSS_INQUERY_SINGLE_LINE { display : inline-block; box-sizing : border-box; vertical-align: middle; } .CSS_INQUERY_MULTI_LINE { display : inline-block; box-sizing : border-box; overflow-x : auto; vertical-align: middle; } .CSS_INQUERY_LINE_WRAPPABLE { min-height: 18px; white-space: normal; } .CSS_INQUERY_LINE_NOT_WRAPPABLE { height: 18px; white-space: nowrap; } .CSS_INQUERY_INSET_BOX_SHADOW { box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 2px rgba(0, 0, 0, 0.3); } /* Hinweis: Folgende Klassen nur verwenden, wenn sonst dafür eine eigene Klasse erstellt werden müsste. Attribute möglichst in bestehenden Klassen verwenden. */ .CSS_INQUERY_BLOCK { display : block; } .CSS_INQUERY_INLINE_BLOCK { display : inline-block; } .CSS_INQUERY_NO_WRAP { white-space : nowrap; } .CSS_INQUERY_VERTICAL_ALIGN_MIDDLE { vertical-align: middle; } .CSS_INQUERY_CHILD_SPACING > :not(:first-child) { margin-left: 5px; } /* Hinweis: Jede Farbe kann es in verschiedenen Versionen geben: Standard, Hover, Active etc. */ .CSS_INQUERY_TEXT_COLOR_WHITE_STANDARD { color: #FFFFFF; } .CSS_INQUERY_TEXT_COLOR_BLACK_STANDARD { color: #000000; } .CSS_INQUERY_TEXT_COLOR_GREY_STANDARD { color: #B4B4B4; } .CSS_INQUERY_TEXT_COLOR_DARK_GREY_STANDARD { color: #666666; } .CSS_INQUERY_TEXT_COLOR_RED_STANDARD { color: #FF0000; } .CSS_INQUERY_TEXT_COLOR_ORANGE_STANDARD { color: #FCA851; } .CSS_INQUERY_TEXT_COLOR_BLUE_STANDARD { color: #5B84C0; } .CSS_INQUERY_TEXT_COLOR_GREEN_STANDARD { color: #7BBE6E; } .CSS_INQUERY_BACKGROUND_COLOR_ORANGE { background-color: #FCA851; } .CSS_INQUERY_BACKGROUND_COLOR_WHITE { background-color: #FFFFFF; } .CSS_INQUERY_BACKGROUND_COLOR_GREY { background-color: #D6D6D6; } /**/ .CSS_INQUERY_TEXT_SIZE_S { font-size: 11px; line-height: 18px; } .CSS_INQUERY_TEXT_SIZE_M { font-size: 12px; line-height: 18px; } .CSS_INQUERY_TEXT_SIZE_L { font-size: 14px; line-height: 18px; } .CSS_INQUERY_TEXT_SIZE_XL { font-size: 16px; line-height: 18px; } /**/ input.CSS_INQUERY_HIDE_INPUT { position: fixed; top : -100px; /* Button muss außerhalb des Viewports liegen, weil es sonst trotz 0 opacity interagierbar wäre. */ opacity : 0; } /**/ span.CSS_INQUERY_DISPLAY_COLOR_BOX { display : inline-block; box-sizing: border-box; width : 16px; height : 16px; border : 1px solid #B4B4B4; } span.CSS_INQUERY_DISPLAY_COLOR_BOX_HEXCODE { text-transform: uppercase; } span.CSS_INQUERY_DISPLAY_ICON_CONTAINER { display : inline-block; vertical-align: top; margin-top : 1px; /* HINT: Zeilenhöhe ist 18px. Icon hat Höhe 16 px. Breite variiert*/ } span.CSS_INQUERY_DISPLAY_ICON_CONTAINER > img, span.CSS_INQUERY_DISPLAY_ICON_CONTAINER > span { vertical-align: middle; } /**/ span.CSS_INQUERY_TEXT_FONT_STANDARD { font-family : arial, helvetica; font-weight : normal; font-style : normal; font-variant : normal; text-decoration: none; } .CSS_INQUERY_TEXT_FONT_BOLD { font-family : arial, helvetica; font-weight : bold; font-style : normal; font-variant : normal; text-decoration: none; } span.CSS_INQUERY_TEXT_FONT_MONOSPACE { font-family : monospace; font-weight : normal; font-style : normal; font-variant : normal; text-decoration : none; } span.CSS_INQUERY_TEXT_STYLE_SCRIPT { background-color: #E6E6E6; border-left : 3px solid #B4B4B4; width : 700px; white-space : pre; } span.CSS_INQUERY_TEXT_STYLE_OUTPUT { background-color: #FFFFFF; } span.CSS_INQUERY_DISPLAY_ERROR { border-bottom: 2px solid #D57879; } /* -------------------------------------------------------------------------------------------- */ span.CSS_INQUERY_TEXT_STYLE_SCRIPT > span.CSS_INQUERY_DISPLAY_MULTI_LINE_WRAPPER, span.CSS_INQUERY_TEXT_STYLE_OUTPUT > span.CSS_INQUERY_DISPLAY_MULTI_LINE_WRAPPER { padding-left : 3px; padding-right: 3px; } span.CSS_INQUERY_DISPLAY_MULTI_LINE_WRAPPER { display : block; position : relative; min-width : 300px; overflow-y: hidden; } span.CSS_INQUERY_DISPLAY_MULTI_LINE_WRAPPER + label { height : 26px; border-top : 1px solid #B4B4B4; background-repeat : no-repeat; background-position: left center; box-sizing : border-box; } span.CSS_INQUERY_DISPLAY_MULTI_LINE_WRAPPER + label:hover { background-color: #F6F6F6; } span.CSS_INQUERY_DISPLAY_MULTI_LINE_WRAPPER + label.CSS_INQUERY_DISPLAY_MULTI_LINE_WRAPPER_LABEL_OPEN { background-image: url(/inquery8/images/icons_svg/control_arrow_up.svg); } span.CSS_INQUERY_DISPLAY_MULTI_LINE_WRAPPER + label.CSS_INQUERY_DISPLAY_MULTI_LINE_WRAPPER_LABEL_CLOSED { background-image: url(/inquery8/images/icons_svg/control_arrow_down.svg); } /* -------------------------------------------------------------------------------------------- */ span.CSS_INQUERY_NOTE_DISPLAY { display : inline-block; position : relative; width : 100%; min-height : 42px; box-sizing : border-box; border-radius : 3px 3px 3px 3px; padding-right : 58px; margin-bottom : 10px; margin-top : 1px; white-space : nowrap; text-align : left; animation: CSSKEYFRAMES_FADE_IN_TO_RIGHT 0.7s ease-out 0s 1 normal; -webkit-animation: CSSKEYFRAMES_FADE_IN_TO_RIGHT 0.7s ease-out 0s 1 normal; } span.CSS_INQUERY_NOTE_DISPLAY_ICON_CONTAINER { display : inline-block; width : 40px; padding : 9px 9px 9px 9px; box-sizing : border-box; vertical-align: top; } span.CSS_INQUERY_DISPLAY_TEXT { display : inline-block; font-family: arial, helvetica; font-weight: normal; padding : 11px 0px 11px 0px; white-space: normal; } span.CSS_INQUERY_WARNING_DISPLAY { border-left : 5px solid #FCA851; border-right : 1px solid #FCA851; border-top : 1px solid #FCA851; border-bottom: 1px solid #FCA851; } span.CSS_INQUERY_INFO_DISPLAY { border-left : 5px solid #5B84C0; border-right : 1px solid #5B84C0; border-top : 1px solid #5B84C0; border-bottom: 1px solid #5B84C0; } span.CSS_INQUERY_HINT_DISPLAY { border-left : 5px solid #7BBE6E; border-right : 1px solid #7BBE6E; border-top : 1px solid #7BBE6E; border-bottom: 1px solid #7BBE6E; } span.CSS_INQUERY_ERROR_DISPLAY { border-left : 5px solid #D57879; border-right : 1px solid #D57879; border-top : 1px solid #D57879; border-bottom: 1px solid #D57879; } img.CSS_INQUERY_PROCESS_STATUS_RUNNING { animation: CSSKEYFRAMES_SPIN_AND_STOP 2s infinite ease-in-out; -webkit-animation: CSSKEYFRAMES_SPIN_AND_STOP 2s infinite ease-in-out; } img.CSS_INQUERY_PROCESS_STATUS_IDLE { animation: CSSKEYFRAMES_PULSATION 3s infinite ease-in-out; -webkit-animation: CSSKEYFRAMES_PULSATION 3s infinite ease-in-out; } @keyframes CSSKEYFRAMES_SPIN_AND_STOP { 0% { transform: rotate( 0deg); } 90% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes CSSKEYFRAMES_SPIN_AND_STOP { 0% { -webkit-transform: rotate( 0deg); } 90% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes CSSKEYFRAMES_PULSATION { 0% { opacity: 0.25; } 45% { opacity: 1.00; } 55% { opacity: 1.00; } 100% { opacity: 0.25; } } @-webkit-keyframes CSSKEYFRAMES_PULSATION { 0% { opacity: 0.25; } 45% { opacity: 1.00; } 55% { opacity: 1.00; } 100% { opacity: 0.25; } } /*--------------------------- LanguageSelector (Login) -----------------------------*/ label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON { display: inline-block; cursor : pointer; } label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON ~ label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON { margin-left: 8px; } label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON > span.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON_LABEL_TEXT { display : inline-block; padding-left : 5px; vertical-align : middle; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; } label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON > input:checked ~ span.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON_LABEL_TEXT, label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON > input:focus ~ span.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON_LABEL_TEXT, label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON > input:hover ~ span.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON_LABEL_TEXT { color: #FCA851; } label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON > input ~ span.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON_LABEL_TEXT { color: #000000; } label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON > span.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON_CIRCLE { display : inline-block; position : relative; height : 23px; width : 23px; border-radius : 50%; background-color: #FFFFFF; vertical-align : middle; } label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON > span.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON_CIRCLE > span { position : absolute; width : 100%; height : 100%; right : 0px; border-radius : 50%; background-color : #FCA851; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON > input:checked ~ span.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON_CIRCLE > span { transform : scale(0.6); animation: CSSKEYFRAMES_SHOW_RADIOBUTTON_CIRCLE 0.3s ease-in-out 0s; -webkit-animation: CSSKEYFRAMES_SHOW_RADIOBUTTON_CIRCLE 0.3s ease-in-out 0s; } label.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON > input:not(:checked) ~ span.CSS_INQUERY_LANGUAGE_OPTION_RADIOBUTTON_CIRCLE > span { transform: scale(0); } @keyframes CSSKEYFRAMES_SHOW_RADIOBUTTON_CIRCLE { 0% { transform: scale(0 ); } 75% { transform: scale(0.7); } 100% { transform: scale(0.6); } } @-webkit-keyframes CSSKEYFRAMES_SHOW_RADIOBUTTON_CIRCLE { 0% { transform: scale(0 ); } 75% { transform: scale(0.7); } 100% { transform: scale(0.6); } } /* -------------------------------------------------------------------------------------------- */ span.CSS_PARSERERRORMESSAGE2_MESSAGES { color : #FCA851; } span.CSS_PARSERERRORMESSAGE2_CODELOCATION { display : inline-block; margin : 4px 0px; padding : 3px; border : solid 1px #FCA851; background-color: #FFFFFF; color : #D57879; font-family :"Courier New","Courier"; white-space : nowrap; } /* -------------------------------------------------------------------------------------------- */ /* CSS_.......... */ /* -------------------------------------------------------------------------------------------- */ span.CSS_CALENDARICONSPAN, span.CSS_COLORCHOOSERICONSPAN { background-color : #FFFFFF; display : inline-block; width : 19px; height : 15px; border-color : #9CB5D9; border-width : 1px 1px 1px 0px; border-style : solid; vertical-align : top; } span.CSS_CALENDARICONSPAN { background-image : url(/inquery8/images/icons_svg/icon_editor_calendar.svg); background-position: center center; background-repeat : no-repeat; } span.CSS_COLORCHOOSERICONSPAN { text-align : center; } /* -------------------------------------------------------------------------------------------- */ input.CSS_READONLY, select.CSS_READONLY, textarea.CSS_READONLY, span.CSS_READONLY { background-color: #F6F6F6; border-color: #B4B4B4; color:#666666} /* -------------------------------------------------------------------------------------------- */ div.CSS_YELLOWBOX1_DIV { margin : 0px; padding-left : 20px; padding-right : 20px; padding-top : 8px; padding-bottom : 8px; background-color: #FFFFCC; border : 1px solid #B4B4B4; } /* -------------------------------------------------------------------------------------------- */ table.CSS_FILTEREDITOR_RESULTFILTER_TABLE { border : 0px; border-collapse : collapse; border-spacing : 0px; background-color: #FFFFCC; width : 100%; } table.CSS_FILTEREDITOR_RESULTFILTER_TABLE td.CSS_FERFTD1 { border-bottom : 1px solid #D6D6D6; padding : 0px; width : 40px; } table.CSS_FILTEREDITOR_RESULTFILTER_TABLE td.CSS_FERFTD2 { border-bottom : 1px solid #D6D6D6; padding : 0px; width : auto; } div.CSS_FILTEREDITOR_RESULTFILTER_NA_DIV { text-align :right; white-space:nowrap; } table.CSS_FILTEREDITOR_RESULTFILTER_QTEXT_NA_DIV_DIVIDER { border : 0px; border-collapse : collapse; border-spacing : 0px; width : 800px; /* Absichtlich 800px anstatt 100% damits die N/A-Auswahl nicht aus dem Bild schiebt bei breiten Elementen */ } /* -------------------------------------------------------------------------------------------- */ table.CSS_FILTEREDITOR_REC_LFREC_TABLE { border : 0px; border-collapse : collapse; border-spacing : 0px; width : 100%; } table.CSS_FILTEREDITOR_REC_LFREC_TABLE td.CSS_FERLFRTD0 { padding : 0px; width : 40px; /* nur fuer Abstand von Links */ } table.CSS_FILTEREDITOR_REC_LFREC_TABLE td.CSS_FERLFRTD1 { border-bottom : 1px solid #D6D6D6; padding : 0px; width : 40px; /* Auf zusaetzliches Spacing wird hier verzichtet da es eh nicht zusammengeschoben werden kann */ background-color: #FFFFCC; } table.CSS_FILTEREDITOR_REC_LFREC_TABLE td.CSS_FERLFRTD2 { border-bottom : 1px solid #D6D6D6; padding : 0px; width : 150px; background-color: #FFFFCC; } table.CSS_FILTEREDITOR_REC_LFREC_TABLE td.CSS_FERLFRTD3 { border-bottom : 1px solid #D6D6D6; padding : 0px; width : auto; background-color: #FFFFCC; } input.CSS_FILTEREDITOR_REC_LFREC_TEXTINPUT_ACTIVE, input.CSS_FILTEREDITOR_REC_LFREC_TEXTINPUT_DISABLED, input.CSS_FILTEREDITOR_REC_LFREC_TEXTINPUT_NOPRIV { border : 1px solid #9CB5D9; height : 13px; padding : 1px; width : 196px; background-color: transparent; } /*-------------*/ input.CSS_FILTEREDITOR_REC_LFREC_TEXTINPUT_ACTIVE { color:#000000; } input.CSS_FILTEREDITOR_REC_LFREC_TEXTINPUT_DISABLED { color:#666666; } input.CSS_FILTEREDITOR_REC_LFREC_TEXTINPUT_NOPRIV { color:#666666; } /*-------------*/ div.CSS_FILTEREDITOR_REC_LFREC_INBETWEENHEADLINE { font-weight:bold; padding: 10px 0px; } /* ------------------------------------------------------------*/ select.CSS_QUESTIONSELECTOR_MULTIPLESELECT { border : 1px solid #9CB5D9; width : 850px; height : 100px; padding : 0px; margin : 2px 0px 0px 0px; font-size : 11px; line-height : 11px; font-weight : normal; background-color: #FFFFFF; } /* ---------------------- Pseudobuttons ---------------------- */ span.CSS_BREADCRUMBBUTTON, span.CSS_BREADCRUMBCURRENT{ display : inline-block; vertical-align : middle; white-space : nowrap; padding : 0px 0px 0px 16px; background : url("/inquery8/images/icons_svg/control_arrow_right.svg") no-repeat left center; } span.CSS_BREADCRUMBBUTTON { color: #666666; } span.CSS_BREADCRUMBCURRENT{ color: #000000; } span.CSS_BREADCRUMBBUTTON > span, span.CSS_BREADCRUMBCURRENT > span{ font-weight : bold; font-size : 11px; display : inline-block; height : 32px; line-height : 32px; padding : 0px 8px 0px 8px; } span.CSS_BREADCRUMBBUTTON > span:hover , span.CSS_BREADCRUMBBUTTON > span:active{ box-shadow : inset 0px 1px 0px 0px #FFFFFF; color : #000000; background-color: #D6D6D6; cursor : pointer; } /* ----------------- ToolTip ----------------------------------- */ span.CSS_TOOLTIP { display : inline-block; white-space : nowrap; position : relative; } span.CSS_TOOLTIP > span { display : block; white-space : normal; visibility : hidden; position : absolute; top : 2px; left : 16px; z-index : 2; /*Muss mit MoveableContainer ...etc. abgestimmt sein*/ padding : 5px 8px; width : 200px; text-align : left; letter-spacing : 0px; border-radius : 2px 2px 2px 2px; box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); opacity : 0.95; } span.CSS_TOOLTIP_INFO > span { border: 1px solid #5B84C0; } span.CSS_TOOLTIP_WARNING > span { border: 1px solid #FCA851; } span.CSS_TOOLTIP_NOTICE > span { border: 1px solid #5B84C0; } span.CSS_TOOLTIP:hover > span { visibility : visible; } /* ----------------- EmptyLabels ----------------------------------- */ span.CSS_TEXTINPUT_EMPTYLABEL, span.CSS_TEXTAREA_EMPTYLABEL { display : block; position : absolute; left : 2px; top : 2px; overflow : hidden; color : #B4B4B4; visibility : hidden; line-height: normal; /* wenn nicht gesetzt, wird es z.B. von td-Klassen vererbt (unerwünschtes Ergebnis) */ } span.CSS_TEXTINPUT_EMPTYLABEL { white-space : nowrap; text-overflow: ellipsis; } span.CSS_TEXTAREA_EMPTYLABEL { white-space: normal; } /* ----------------- NoWrapSpanContainer ------------------------- */ span.CSS_NOWRAPSPANCONTAINER { white-space: nowrap; } /* ----------------- Accordion ----------------------------------- */ /* Header (erster div innen) */ div.CSS_ACCORDIONTAB_ANY > div:first-child { padding : 2px 14px 2px 7px; min-height : 26px; border-bottom : 1px solid #B4B4B4; } div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_ANY > div:first-child { box-shadow : inset 0px 1px 0px 0px rgba(255, 255, 255, 0.7); cursor : pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.CSS_ACCORDIONTAB_GRAY > div:first-child { background : #EEEEEE;} div.CSS_ACCORDIONTAB_GREEN> div:first-child { background : #CAE5C5;} div.CSS_ACCORDIONTAB_BLUE > div:first-child { background : #BDCDE5;} /*GRAY*/ div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_GRAY > div:first-child { background : #EEEEEE; background : linear-gradient(to bottom, #F6F6F6 0%, #EEEEEE 100%); color : #666666; } div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_GRAY > div:first-child:hover, div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_GRAY > div:first-child:focus{ background : #E6E6E6; background : linear-gradient(to bottom, #EEEEEE 0%, #E6E6E6 100%); color : #666666; } div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_GRAY > div:first-child:active{ background : #EEEEEE; background : linear-gradient(to bottom, #E6E6E6 0%, #EEEEEE 100%); color : #666666; } /*BLUE*/ div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_BLUE > div:first-child { background : #BDCDE5; background : linear-gradient(to bottom, #DEE6F2 0%, #BDCDE5 100%); color : #666666; } div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_BLUE > div:first-child:hover , div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_BLUE > div:first-child:focus { background : #9CB5D9; background : linear-gradient(to bottom, #BDCDE5 0%, #9CB5D9 100%); color : #666666; } div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_BLUE > div:first-child:active { background : #BDCDE5; background : linear-gradient(to bottom, #9CB5D9 0%, #BDCDE5 100%); color : #666666; } /*GREEN*/ div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_GREEN> div:first-child { background : #CAE5C5; background : linear-gradient(to bottom, #E4F2E2 0%, #CAE5C5 100%); color : #666666; } div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_GREEN> div:first-child:hover, div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_GREEN> div:first-child:focus{ background : #AFD8A8; background : linear-gradient(to bottom, #CAE5C5 0%, #AFD8A8 100%); color : #666666; } div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_GREEN> div:first-child:active{ background : #CAE5C5; background : linear-gradient(to bottom, #AFD8A8 0%, #CAE5C5 100%); color : #666666; } /* Span fuer Label und Icon (span im ersten div) */ div.CSS_ACCORDIONTAB_ANY > div:first-child > span { padding : 0px 0px 0px 17px; margin-top : 6px; font-size : 11px; font-weight : bold; display : inline-block; } /* Span fuer Label und Icon (CSS_ACC_ISOPEN bzw. CSS_ACC_CLOSED werden von JavaScript gesetzt) */ div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_ANY > div:first-child > span.CSS_ACC_ISOPEN { background-image:url(/inquery8/images/icons_svg/control_arrow_down.svg ); background-repeat:no-repeat; background-position: left center; } div.CSS_ACCORDION_ACTIVE > div.CSS_ACCORDIONTAB_ANY > div:first-child > span.CSS_ACC_CLOSED { background-image:url(/inquery8/images/icons_svg/control_arrow_right.svg); background-repeat:no-repeat; background-position: left center; } /* Content (zweiter/letzter div innen) */ div.CSS_ACCORDIONTAB_ANY > div:last-child { border-bottom : 1px solid #B4B4B4; } div.CSS_ACCORDIONTAB_ANY:last-child > div:first-child { border-bottom : 0px solid #B4B4B4; } div.CSS_ACCORDIONTAB_ANY:last-child > div:last-child { border-bottom : 0px solid #B4B4B4; border-top: 1px solid #B4B4B4; } /* ----------------- MoveableContainer ---------------- */ span.CSS_MOVEABLE_REMOVE { display : inline-block; cursor : pointer; width : 32px; height : 32px; background-image : url(/inquery8/images/icons_svg/control_delete.svg); background-repeat : no-repeat; background-position: center center; border-radius : 3px 3px 3px 3px; } span.CSS_MOVEABLE_REMOVE:hover{ background-color: #D6D6D6; } span.CSS_MOVEABLE_MOVE_BIG { display : inline-block; width : 25px; cursor : move; background-image : url(/inquery8/images/icons/icon_move.svg); background-repeat : no-repeat; background-position: center center; height : 70px; border-radius : 3px 3px 3px 3px; } span.CSS_MOVEABLE_MOVE_SMALL { display : inline-block; width : 25px; cursor : move; background-image : url(/inquery8/images/icons/icon_move_small.svg); background-repeat : no-repeat; background-position: center center; height : 28px; border-radius : 3px 3px 3px 3px; } /* ----------------- FloatingRadioButtonEditor ---------------- */ span.CSS_FLOATINGRB { display : inline-block; white-space : nowrap; margin-right: 10px; } /* ----------------- Gruppierungen ---------------- */ div.CSS_EXTENDED { background-color : #DEE6F2; padding : 4px; border-radius : 3px; } div.CSS_EDITORGROUPING { background-color : #DEE6F2; padding : 4px; border-radius : 3px 3px 3px 3px; } /* ----------------- Sidegrip ---------------- */ div.CSS_SIDEGRIP_LAYOUTER, div.CSS_SIDEGRIPFORARRANGEMENT_LAYOUTER { padding:0px 18px 16px 16px; /*Hinweis: Loesung mit margin beim table geht nicht (chrome betrachtet wohl den margin als nicht zur Hoehe gehoerig)*/ } div.CSS_SIDEGRIPFORARRANGEMENT_LAYOUTER { padding-bottom: 8px; } div.CSS_SIDEGRIP_LAYOUTER_ADDBUTTON { padding : 18px 18px 18px 28px; margin-left : 16px; margin-right : 16px; margin-bottom : 18px; cursor : pointer; border-radius : 3px 3px 3px 3px; background-color : #F6F6F6; box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); font-weight : bold; background-image : url(/inquery8/images/icons_svg/control_add.svg); background-repeat : no-repeat; background-position : 8px center; color : #666666; } div.CSS_SIDEGRIP_LAYOUTER_ADDBUTTON:hover{ background-color : #D6D6D6; } div.CSS_SIDEGRIP_LAYOUTER > table, div.CSS_SIDEGRIPFORARRANGEMENT_LAYOUTER > table { background-color : #F6F6F6; border-top : 1px solid #B4B4B4; border-left : 1px solid #B4B4B4; border-bottom : 1px solid #B4B4B4; border-right : 1px solid #B4B4B4; border-radius : 3px 3px 3px 3px; transition : box-shadow 0.2s; -webkit-transition : box-shadow 0.2s; } div.CSS_SIDEGRIP_LAYOUTER> table:not(:hover), div.CSS_SIDEGRIPFORARRANGEMENT_LAYOUTER> table:not(:hover) { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); } div.CSS_SIDEGRIP_LAYOUTER> table:hover, div.CSS_SIDEGRIPFORARRANGEMENT_LAYOUTER> table:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.2); } div.CSS_SIDEGRIP_LAYOUTER > table > tbody > tr > td:first-child, div.CSS_SIDEGRIPFORARRANGEMENT_LAYOUTER > table > tbody > tr > td:first-child { width : 100%; border-radius : 3px 0px 0px 3px; } div.CSS_SIDEGRIPFORARRANGEMENT_LAYOUTER > table > tbody > tr > td:first-child { padding : 2px 10px; } div.CSS_SIDEGRIP_LAYOUTER > table > tbody > tr > td:first-child + td, div.CSS_SIDEGRIPFORARRANGEMENT_LAYOUTER > table > tbody > tr > td:first-child + td { width : 1px; border-radius : 0px 3px 3px 0px; text-align : center; padding : 5px 5px 5px 5px; } div.CSS_SIDEGRIP_LAYOUTER > table > tbody > tr > td:first-child + td > div:first-child, div.CSS_SIDEGRIPFORARRANGEMENT_LAYOUTER > table > tbody > tr > td:first-child + td > div:first-child { width : 29px; height: 0px; } /*---------------------------------------------------------------------------*/ .CSS_HTMLTEMPLATE_PLACEHOLDER{ color : #666666; background-color: #FFFFFF; padding : 3px; border : 1px solid #B4B4B4; box-shadow : 0px 0px 5px 0px rgba(0, 0, 0, 0.1); display : inline-block; } /* ----------------- NEWMEDIASELECTOR ------------------------- */ /* Hinweis: Die bestehenden MediaChooser auf dieses Modell irgendwann anpassen */ span.CSS_NEWMEDIASELECTOR_OUTHER { white-space : nowrap; display : inline-block; } span.CSS_NEWMEDIASELECTOR { display : inline-block; border : 1px solid #9CB5D9; padding : 0px; } span.CSS_NEWMEDIASELECTOR > span.CSS_NEWMEDIASELECTOR_EMPTY { display : inline-block; font-style : italic; color : #D6D6D6; padding : 2px 5px; width : 168px; } span.CSS_NEWMEDIASELECTOR > span.CSS_NEWMEDIASELECTOR_CHOOSE { color : #000000; cursor : pointer; display : inline-block; border-style : solid; border-color : #9CB5D9; border-width : 0px 0px 0px 1px; padding : 2px 0px; width : 19px; text-align : center; } span.CSS_NEWMEDIASELECTOR > span.CSS_NEWMEDIASELECTOR_IMAGEANDFILENAME { display : inline-block; padding : 3px 5px 2px 5px; width : 168px; } span.CSS_NEWMEDIASELECTOR > span.CSS_NEWMEDIASELECTOR_IMAGEANDFILENAME > span.CSS_NEWMEDIASELECTOR_FILENAME { display : inline-block; padding : 2px 0px 0px 0px; font-style : italic; width : 160px; white-space : normal; /* wird von oben vererbt und wuerde ansonsten word-wrap blockieren */ word-wrap : break-word; } span.CSS_NEWMEDIASELECTOR > span.CSS_NEWMEDIASELECTOR_REMOVE { vertical-align: top; color : #B4B4B4; cursor : pointer; display : inline-block; border-style : solid; border-color : #9CB5D9; border-width : 0px 0px 1px 1px; padding : 2px 0px; width : 19px; text-align : center; font-weight : bold; } /* ----------------- SeparatorTable ------------------------- */ table.CSS_SEPTABLE_WIDELIGHT { border-collapse:collapse; } table.CSS_SEPTABLE_WIDELIGHT > tbody > tr > td { border-width: 0px 0px 0px 1px; border-style:solid; border-color: #EEEEEE; padding: 10px 20px; vertical-align:top; } table.CSS_SEPTABLE_WIDELIGHT > tbody > tr > td:first-child { border-width: 0px 0px 0px 0px; } /*--*/ table.CSS_SEPTABLE_NARROWDARK { border-collapse:collapse; } table.CSS_SEPTABLE_NARROWDARK > tbody > tr > td { border-width: 0px 0px 0px 1px; border-style:solid; border-color: #9CB5D9; padding: 3px 12px; vertical-align:top; } table.CSS_SEPTABLE_NARROWDARK > tbody > tr > td:first-child { border-width: 0px 0px 0px 0px; } /*--*/ table.CSS_SEPTABLE_NARROWMIDDLE { border-collapse:collapse; } table.CSS_SEPTABLE_NARROWMIDDLE > tbody > tr > td { padding: 1px 0px 0px 4px; vertical-align:middle; } table.CSS_SEPTABLE_NARROWMIDDLE > tbody > tr:first-child > td { padding: 0px 0px 0px 4px; } table.CSS_SEPTABLE_NARROWMIDDLE > tbody > tr > td:first-child { padding: 1px 0px 0px 0px; } table.CSS_SEPTABLE_NARROWMIDDLE > tbody > tr:first-child > td:first-child { padding: 0px 0px 0px 0px; } table.CSS_SEPTABLE_NARROWMIDDLE { border-width: 1px 0px 0px 0px; border-style: solid; border-color:transparent; } /* Immer 1px oben Abstand*/ table.CSS_SEPTABLE_NARROWMIDDLE > tbody > tr > td > table.CSS_SEPTABLE_NARROWMIDDLE { border-width: 0px; } /* ausser wenn direkt in einer Zelle */ table.CSS_SEPTABLE_NARROWMIDDLE + table.CSS_SEPTABLE_NARROWMIDDLE { border-width: 1px 0px 0px 0px; } /* Wenn zwei hinterienader dann beim 2. immer 1px von oben Abstand */ /* ----------------- RadioImageButtonsEditor ---------------- */ span.CSS_RADIOIMAGEBUTTON, span.CSS_RADIOIMAGEBUTTON:hover, span.CSS_RADIOIMAGEBUTTON_READONLY { /* if readonly: no hover */ display : inline-block; width : 14px; height : 12px; padding : 1px; margin-right : 1px; /* Abstand zum n?hsten RadioImageButton */ background-color: #F6F6F6; border : 1px solid #9CB5D9; } span.CSS_RADIOIMAGEBUTTON:hover { border : 1px solid #5B84C0; } /* ----------------- PACKAGEFILESELECTOR ------------------------- */ div.CSS_PACKAGEFILESELECTOR_LEVEL1 { padding : 4px 0px 4px 0px; text-decoration : underline; } div.CSS_PACKAGEFILESELECTOR_LEVEL1ERR { padding : 4px 0px 4px 0px; text-decoration : underline; color : #FF0000; } div.CSS_PACKAGEFILESELECTOR_LEVEL2 { padding : 4px 0px 4px 20px; } div.CSS_PACKAGEFILESELECTOR_LEVEL3 { padding : 1px 0px 1px 40px; } div.CSS_PACKAGEFILESELECTOR_LEVEL3 > table > tbody > tr > td:first-child { padding : 1px 0px 1px 0px; } div.CSS_PACKAGEFILESELECTOR_LEVEL3 > table > tbody > tr > td:first-child + td { padding : 3px 0px 1px 3px; } /*---------------------------------------------------------------------------*/ span.CSS_INQUERYTAG{ font-family : arial, helvetica; font-weight : normal; font-style : normal; font-variant : normal; text-decoration: none; display : inline-block; padding : 4px 8px 4px 8px; margin : 1px 3px 1px 3px; border-radius : 16px; box-sizing : border-box; max-width : 160px; overflow-x : hidden; overflow-y : auto; text-overflow : ellipsis; text-align : center; vertical-align : middle; line-height : initial; white-space : nowrap; } /*---------------------------------------------------------------------------*/ span.CSS_INQUERY_TRISTATEEDITOR{ position: relative; } span.CSS_INQUERY_TRISTATEEDITOR > input[type="radio"]:not(:checked) + label { display: none; position:absolute;} span.CSS_INQUERY_TRISTATEEDITOR > input[type="radio"] { visibility: hidden;position:absolute;} span.CSS_INQUERY_TRISTATEEDITOR > label { display : inline-block; width : 16px; height : 16px; box-sizing : border-box; border-radius : 3px 3px 3px 3px; margin : 1px 1px 1px 1px; background-color: #FFFFFF; line-height : 16px; text-align : center; vertical-align : middle; font-weight : bold; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } span.CSS_INQUERY_TRISTATEEDITOR > label.CSS_INQUERY_TRISTATEEDITOR_OFF { box-shadow : inset 0 0px 1px rgba(0, 0, 0, 0.2); border : 1px solid #B4B4B4; } span.CSS_INQUERY_TRISTATEEDITOR > label.CSS_INQUERY_TRISTATEEDITOR_ON { box-shadow : 0 0px 1px rgba(0, 0, 0, 0.2); background-color: #5B84C0; color : #FFFFFF; } span.CSS_INQUERY_TRISTATEEDITOR > label.CSS_INQUERY_TRISTATEEDITOR_SEMI { box-shadow : inset 0 0px 1px rgba(0, 0, 0, 0.2); color : #5B84C0; border : 1px solid #5B84C0; } span.CSS_INQUERY_TRISTATEEDITOR > label.CSS_INQUERY_TRISTATEEDITOR_OFF:hover, span.CSS_INQUERY_TRISTATEEDITOR > label.CSS_INQUERY_TRISTATEEDITOR_SEMI:hover{ box-shadow : inset 0 0px 1px rgba(0, 0, 0, 0.6); } span.CSS_INQUERY_TRISTATEEDITOR > label.CSS_INQUERY_TRISTATEEDITOR_ON:hover { box-shadow : 0 0px 1px rgba(0, 0, 0, 0.6); } /*---------------------------------------------------------------------------*/ div.CSS_INQUERYTAGSELECTOR { display : inline-flex; position : relative; width : 280px; height : 27px; box-sizing : border-box; border : 1px solid #9CB5D9; background-color : #FFFFFF; align-items : center; vertical-align : bottom; margin-right : 3px; cursor : pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.CSS_INQUERYTAGSELECTOR > span.CSS_INQUERYTAGSELECTOR_SELECTEDTAGS { padding : 0 3px; overflow-x : hidden; white-space: nowrap; } div.CSS_INQUERYTAGSELECTOR > span.CSS_INQUERYTAGSELECTOR_ARROWICON { position : absolute; background : url(/inquery8/images/icons_svg/control_arrows.svg) no-repeat; width : 12px; height : 12px; background-repeat : no-repeat; background-position: center center; padding : 5px; right : 0; } div.CSS_INQUERYTAGSELECTOR > div.CSS_INQUERYTAGSELECTOR_DROPDOWN { display : none; position : absolute; width : 280px; max-height : 195px; /* Hint: max. 5,5 Tags */ box-sizing : border-box; left : -1px; top : 26px; background-color: #FFFFFF; border : 1px solid #9CB5D9; border-top : 0; overflow-y : scroll; z-index : 100; /* yyy richtiger Wert? */ } div.CSS_INQUERYTAGSELECTOR > div.CSS_INQUERYTAGSELECTOR_DROPDOWN > label.CSS_INQUERYTAGSELECTOR_LISTITEM { display : block; box-sizing : border-box; height : 30px; padding : 3px; padding-top : 5px; } div.CSS_INQUERYTAGSELECTOR > div.CSS_INQUERYTAGSELECTOR_DROPDOWN > label.CSS_INQUERYTAGSELECTOR_LISTITEM:hover { background-color: #D6D6D6; } div.CSS_INQUERYTAGSELECTOR > div.CSS_INQUERYTAGSELECTOR_DROPDOWN > label.CSS_INQUERYTAGSELECTOR_LISTITEM:last-child { border-bottom: 0; } div.CSS_INQUERYTAGSELECTOR > div.CSS_INQUERYTAGSELECTOR_DROPDOWN > label.CSS_INQUERYTAGSELECTOR_LISTITEM_NONE { display : block; box-sizing : border-box; height : 30px; padding : 3px; padding-top : 5px; border-bottom: 1px solid #9CB5D9; } div.CSS_INQUERYTAGSELECTOR > div.CSS_INQUERYTAGSELECTOR_DROPDOWN > label.CSS_INQUERYTAGSELECTOR_LISTITEM_NONE:hover { background-color: #D6D6D6; } div.CSS_INQUERYTAGSELECTOR > div.CSS_INQUERYTAGSELECTOR_DROPDOWN > label.CSS_INQUERYTAGSELECTOR_LISTITEM_NONE:last-child { border-bottom: 0; } /* ---------------------------------------------------- */ /* Folgende Styles muessen am Ende dieses Files stehen! */ /* ---------------------------------------------------- */ * + html input[type=text] { margin-top:-1px; margin-bottom:-1px } /* Gilt nur auf IE 7: Entfernt bei "INPUT TYPE=TEXT"-Elementen den 1-Pixel-Leerraum-Bug oben und unten */ /* Absichtlich nich verwendet da es sich beim IE6 auf ALLE INPUT-Elemente beziehen wuerde * html body input { margin-top:-1px; margin-bottom:-1px } /* Gilt nur auf IE 6: Wie fuer IE7, gilt aber leider fuer alle INPUT Elemente */