/* * retronerd: Kundenportal * Dark Mode (generiert + Feinschliff) & Responsive für osTicket v1.18.x * NICHT direkt bearbeiten – Quelle: src/parts/*.css + tools/gen_dark.py, Build: tools/build.sh * Build: 2026-10-19 23:23 */ /* --- generiert aus css/osticket.css --- */ :where(html[data-theme="dark"]) #loading{background-color:#1c1c1c} :where(html[data-theme="dark"]) #loading h4{color:#ffb43d} :where(html[data-theme="dark"]) .non-local-image{border:3px dashed #3c3c3c} :where(html[data-theme="dark"]) div.section-break{border-top:1px solid #4f4f4f} :where(html[data-theme="dark"]) .notice_bar{background-color:#1c351c} :where(html[data-theme="dark"]) .warning_bar{background-color:#36361d} :where(html[data-theme="dark"]) .error_bar{background-color:#2c1818} :where(html[data-theme="dark"]) .submitBtnFormChanged{color:#ff3d3d} /* --- generiert aus assets/default/css/theme.css --- */ :where(html[data-theme="dark"]) body, :where(html[data-theme="dark"]) input, :where(html[data-theme="dark"]) select, :where(html[data-theme="dark"]) textarea{color:#e6e6e6} :where(html[data-theme="dark"]) hr{border-top:1px solid #4f4f4f} :where(html[data-theme="dark"]) a, :where(html[data-theme="dark"]) .link{color:#65c2ff} :where(html[data-theme="dark"]) h1{color:#3dcaff} :where(html[data-theme="dark"]) h2, :where(html[data-theme="dark"]) .subject{color:#e6e6e6} :where(html[data-theme="dark"]) .faded{color:#adadad} :where(html[data-theme="dark"]) #pagination li a:hover{color:#ff3da2} :where(html[data-theme="dark"]) #pagination .previousOff, :where(html[data-theme="dark"]) #pagination .nextOff{color:#adadad} :where(html[data-theme="dark"]) #pagination .active{color:#e6e6e6} :where(html[data-theme="dark"]) #msg_notice{background-color:#1c351c} :where(html[data-theme="dark"]) #msg_warning, :where(html[data-theme="dark"]) .warning-banner{background-color:#36361d} :where(html[data-theme="dark"]) #msg_error{background-color:#2c1818} :where(html[data-theme="dark"]) #msg_info{color:#6eaece;border:1px solid #37555c;background-color:#21333c} :where(html[data-theme="dark"]) .warning{background-color:#3f3f22} :where(html[data-theme="dark"]) .warning strong{color:#ff6e6e} :where(html[data-theme="dark"]) .error{color:#ff3d3d} :where(html[data-theme="dark"]) .button, :where(html[data-theme="dark"]) .button:visited{border-bottom:1px solid rgba(115,115,115,0.25)} :where(html[data-theme="dark"]) body{background-color:#484848} :where(html[data-theme="dark"]) #container{background-color:#1c1c1c} :where(html[data-theme="dark"]) #nav{border-top:1px solid #626262} :where(html[data-theme="dark"]) #nav li a{color:#c9c9c9} :where(html[data-theme="dark"]) #nav li a.active, :where(html[data-theme="dark"]) #nav li a:hover{background-color:#1e2c37;color:#e6e6e6} :where(html[data-theme="dark"]) #nav li a:hover{background-color:#2a2a2a;color:#71b9ff} :where(html[data-theme="dark"]) #footer{color:#c9c9c9} :where(html[data-theme="dark"]) #footer a{color:#c9c9c9} :where(html[data-theme="dark"]) #faq ol{border-top:1px solid #464646} :where(html[data-theme="dark"]) #faq ol li a{border-bottom:1px solid #464646} :where(html[data-theme="dark"]) #faq ol li a:hover{background-color:#1a2630} :where(html[data-theme="dark"]) #faq .article-meta{background-color:#202020} :where(html[data-theme="dark"]) #kb > li{border-bottom:1px solid #464646} :where(html[data-theme="dark"]) #kb > li h4 span{color:#adadad} :where(html[data-theme="dark"]) .featured-category i{color:rgba(61,202,255,0.80)} :where(html[data-theme="dark"]) #kb-search #breadcrumbs{color:#c9c9c9} :where(html[data-theme="dark"]) #kb-search #breadcrumbs #breadcrumbs a{color:#b7b7b7} :where(html[data-theme="dark"]) #ticketForm div input, :where(html[data-theme="dark"]) #clientLogin div input, :where(html[data-theme="dark"]) #ticketForm div textarea, :where(html[data-theme="dark"]) #clientLogin div textarea{border:1px solid #626262;background-color:#1c1c1c} :where(html[data-theme="dark"]) #ticketForm td em, :where(html[data-theme="dark"]) #clientLogin td em, :where(html[data-theme="dark"]) #ticketForm div em, :where(html[data-theme="dark"]) #clientLogin div em{color:#a4a4a4} :where(html[data-theme="dark"]) #ticketForm div.error label, :where(html[data-theme="dark"]) #clientLogin div.error label{color:#ff6e6e} :where(html[data-theme="dark"]) #clientLogin{border:1px solid #4f4f4f;background-color:#232323} :where(html[data-theme="dark"]) #clientLogin strong{color:#ff3d3d} :where(html[data-theme="dark"]) #reply{background-color:#212121;border:1px solid #4f4f4f} :where(html[data-theme="dark"]) #reply h2{border-bottom:2px dotted rgba(115,115,115,0.10)} :where(html[data-theme="dark"]) #reply input[type=text], :where(html[data-theme="dark"]) #reply #response_options textarea{border:1px solid #626262;background-color:#1c1c1c} :where(html[data-theme="dark"]) .Icon{color:#78d2ff} :where(html[data-theme="dark"]) #ticketTable{border:1px solid #626262} :where(html[data-theme="dark"]) #ticketTable caption{color:#e6e6e6;background-color:#373737;border:1px solid #626262} :where(html[data-theme="dark"]) #ticketTable th{background-color:#1c2a34;border:1px solid #626262} :where(html[data-theme="dark"]) #ticketTable th a{color:#e6e6e6} :where(html[data-theme="dark"]) #ticketTable td{border:1px solid #626262} :where(html[data-theme="dark"]) #ticketTable tr.alt td{background-color:#212121} :where(html[data-theme="dark"]) i.refresh{color:#6eff6e} :where(html[data-theme="dark"]) .infoTable{background-color:#17212a} :where(html[data-theme="dark"]) .action-button{color:#a4a4a4 !important;border:1px solid #626262;background-color:#373737;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100% #373737));background-image:-webkit-linear-gradient(top, #292929 0%, #373737 100%);background-image:-moz-linear-gradient(top, #292929 0%, #373737 100%);background-image:-ms-linear-gradient(top, #292929 0%, #373737 100%);background-image:-o-linear-gradient(top, #292929 0%, #373737 100%);background-image:linear-gradient(top, #292929 0%, #373737 100%)} :where(html[data-theme="dark"]) .action-button span, :where(html[data-theme="dark"]) .action-button a{color:#a4a4a4 !important} :where(html[data-theme="dark"]) .action-button a{color:#a4a4a4} :where(html[data-theme="dark"]) .external-auth-box{border:1px solid #737373} :where(html[data-theme="dark"]) .external-auth-icon{color:#c9c9c9;border-right:1px solid #464646} :where(html[data-theme="dark"]) .external-auth-name{color:#c9c9c9} :where(html[data-theme="dark"]) .sidebar .content{border:1px solid #334154;background-color:#162129} :where(html[data-theme="dark"]) .searchbar .search, :where(html[data-theme="dark"]) .search-form .search{border:1px solid #4f4f4f} :where(html[data-theme="dark"]) table.custom-data th{background-color:#17212a} :where(html[data-theme="dark"]) table .headline, :where(html[data-theme="dark"]) table.custom-data .headline{border-bottom:2px solid #464646;border-bottom:2px solid rgba(115,115,115,0.15);background-color:#1c1c1c} :where(html[data-theme="dark"]) #ticketInfo h1{border-bottom:2px dotted rgba(115,115,115,0.15)} :where(html[data-theme="dark"]) .thread-entry .header{border:1px solid #4f4f4f;border-color:rgba(115,115,115,0.20)} :where(html[data-theme="dark"]) .thread-entry.avatar .header:before{border-left:8px solid #5e5e5e} :where(html[data-theme="dark"]) .thread-entry.response .header{background-color:#373737} :where(html[data-theme="dark"]) .thread-entry.avatar.response .header:after{border-left:7px solid #464646} :where(html[data-theme="dark"]) .thread-entry.message .header{background-color:#243044} :where(html[data-theme="dark"]) .thread-entry.avatar.message .header:before{border-right:8px solid #4f4f4f} :where(html[data-theme="dark"]) .thread-entry.avatar.message .header:before{border-right-color:#455673} :where(html[data-theme="dark"]) .thread-entry.avatar.message .header:after{border-right:7px solid #333f54} :where(html[data-theme="dark"]) .thread-entry .thread-body{border:1px solid #464646;border-bottom:2px solid #626262} :where(html[data-theme="dark"]) .thread-body .attachments{background-color:#17212a;border-top:1px dotted #4f4f4f;border-top-color:rgba(115,115,115,0.20)} :where(html[data-theme="dark"]) .label{background-color:#6e6e6e} :where(html[data-theme="dark"]) .label-bare{border:1px solid #6b6b6b} :where(html[data-theme="dark"]) .type-icon{background-color:#252525;border:1px solid #3c3c3c} :where(html[data-theme="dark"]) .type-icon.dark{border-color:#737373;background-color:#727272} :where(html[data-theme="dark"]) .thread-event .type-icon::after{border:16px solid #333333} :where(html[data-theme="dark"]) .thread-entry::after{border-bottom:2px solid #333333} :where(html[data-theme="dark"]) .thread-entry::before{border-top:2px solid #333333} :where(html[data-theme="dark"]) #ticketThread::before{border-left:2px dotted #464646;border-bottom-color:rgba(115,115,115,0.10)} :where(html[data-theme="dark"]) #ticketThread{border-bottom:2px solid #464646;border-bottom-color:rgba(115,115,115,0.10)} :where(html[data-theme="dark"]) .freetext-files{border:1px dotted #464646;background-color:#242424} /* --- generiert aus css/thread.css --- */ :where(html[data-theme="dark"]) .thread-body{color:#c9c9c9;background-color:#1c1c1c} :where(html[data-theme="dark"]) .thread-body a:not(.button){color:#68a2d5 !important} :where(html[data-theme="dark"]) .thread-body a:not(.button):hover, :where(html[data-theme="dark"]) .thread-body a:not(.button):focus{color:#85b4dd} :where(html[data-theme="dark"]) .thread-body a:not(.button):focus{outline:thin dotted #737373} :where(html[data-theme="dark"]) .thread-body hr{border-top:1px solid #3c3c3c} :where(html[data-theme="dark"]) .thread-body h1, :where(html[data-theme="dark"]) .thread-body h2, :where(html[data-theme="dark"]) .thread-body h3, :where(html[data-theme="dark"]) .thread-body h4, :where(html[data-theme="dark"]) .thread-body h5, :where(html[data-theme="dark"]) .thread-body h6, :where(html[data-theme="dark"]) .thread-body .h1, :where(html[data-theme="dark"]) .thread-body .h2, :where(html[data-theme="dark"]) .thread-body .h3, :where(html[data-theme="dark"]) .thread-body .h4, :where(html[data-theme="dark"]) .thread-body .h5, :where(html[data-theme="dark"]) .thread-body .h6{color:#e6e6e6} :where(html[data-theme="dark"]) .thread-body .page-header{border-bottom:1px solid #3c3c3c} :where(html[data-theme="dark"]) .thread-body blockquote{border-left:5px solid #3c3c3c;color:#a4a4a4} :where(html[data-theme="dark"]) .thread-body blockquote.pull-right{border-right:5px solid #3c3c3c} :where(html[data-theme="dark"]) .thread-body table thead > tr > td, :where(html[data-theme="dark"]) .thread-body table thead > tr > th, :where(html[data-theme="dark"]) .thread-body table tr > th{background-color:#282828 !important} :where(html[data-theme="dark"]) .thread-body table thead > tr > th, :where(html[data-theme="dark"]) .thread-body table tbody > tr > th, :where(html[data-theme="dark"]) .thread-body table tfoot > tr > th, :where(html[data-theme="dark"]) .thread-body table thead > tr > td, :where(html[data-theme="dark"]) .thread-body table tbody > tr > td, :where(html[data-theme="dark"]) .thread-body table tfoot > tr > td{border-top:1px solid #464646} :where(html[data-theme="dark"]) .thread-body table thead > tr > th{border-bottom:2px solid #464646} :where(html[data-theme="dark"]) .thread-body table tbody + tbody{border-top:2px solid #464646} :where(html[data-theme="dark"]) .thread-body table table{background-color:#1c1c1c} :where(html[data-theme="dark"]) .thread-body pre{background-color:#242424} /* --- generiert aus css/redactor.css --- */ :where(html[data-theme="dark"]) .redactor-box.redactor-styles-on{background-color:#1c1c1c;border:1px solid rgba(115,115,115,0.07)} :where(html[data-theme="dark"]) .redactor-source-view, :where(html[data-theme="dark"]) .redactor-source-view.redactor-styles-on{border-color:#737373 !important} :where(html[data-theme="dark"]) .redactor-blur.redactor-styles-on .redactor-component-active{outline:5px solid #464646 !important} :where(html[data-theme="dark"]) .redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] img{outline:5px solid #464646 !important} :where(html[data-theme="dark"]) .redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] iframe{outline:5px solid #464646 !important} :where(html[data-theme="dark"]) .redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=variable]{background-color:#373737} :where(html[data-theme="dark"]) .redactor-file-item{border:1px solid rgba(115,115,115,0.20)} :where(html[data-theme="dark"]) .redactor-placeholder:before{color:rgba(230,230,230,0.40)} :where(html[data-theme="dark"]) .redactor-in figcaption[placeholder]:empty:before{color:rgba(230,230,230,0.40)} :where(html[data-theme="dark"]) .redactor-statusbar{background-color:#222222} :where(html[data-theme="dark"]) .redactor-statusbar li{color:rgba(230,230,230,0.50);border-right:1px solid rgba(115,115,115,0.10)} :where(html[data-theme="dark"]) .redactor-statusbar a{color:rgba(230,230,230,0.50)} :where(html[data-theme="dark"]) .redactor-statusbar a:hover{color:#f14b75} :where(html[data-theme="dark"]) .redactor-toolbar a, :where(html[data-theme="dark"]) .redactor-air a{color:rgba(230,230,230,0.85);background-color:rgba(28,28,28,0.97)} :where(html[data-theme="dark"]) .redactor-toolbar a.redactor-button-active{background-color:rgba(36,36,36,0.95);color:rgba(230,230,230,0.40)} :where(html[data-theme="dark"]) .redactor-toolbar a.redactor-button-disabled:hover, :where(html[data-theme="dark"]) .redactor-air a.redactor-button-disabled:hover{color:#c9c9c9} :where(html[data-theme="dark"]) .re-button-tooltip:after{border-bottom-color:rgba(115,115,115,0.90)} :where(html[data-theme="dark"]) .redactor-air a.redactor-button-active{background-color:rgba(255,255,255,0.08)} :where(html[data-theme="dark"]) .redactor-air-helper{color:#e6e6e6;background-color:rgba(28,28,28,0.85)} :where(html[data-theme="dark"]) .redactor-air-helper:hover{background-color:#1c1c1c} :where(html[data-theme="dark"]) .redactor-context-toolbar{color:#b7b7b7} :where(html[data-theme="dark"]) .redactor-context-toolbar a:before{border-left:1px solid rgba(51,51,51,0.30)} :where(html[data-theme="dark"]) .redactor-context-toolbar[dir="rtl"] a:before{border-right:1px solid rgba(51,51,51,0.30)} :where(html[data-theme="dark"]) .redactor-dropdown{background-color:#1c1c1c} :where(html[data-theme="dark"]) .redactor-dropdown a{border-bottom:1px solid rgba(115,115,115,0.05)} :where(html[data-theme="dark"]) .redactor-dropdown a{color:#e6e6e6} :where(html[data-theme="dark"]) .redactor-dropdown a.redactor-dropdown-item-disabled{color:rgba(230,230,230,0.40);background-color:#1c1c1c} :where(html[data-theme="dark"]) .redactor-dropdown-selector span:hover{background-color:#2a2a2a} :where(html[data-theme="dark"]) .redactor-dropdown-selector span.active{color:rgba(230,230,230,0.30);background-color:#2a2a2a} :where(html[data-theme="dark"]) .redactor-dropdown-format .redactor-dropdown-item-blockquote{color:rgba(230,230,230,0.40)} :where(html[data-theme="dark"]) .redactor-modal{background-color:#1c1c1c;color:#e6e6e6} :where(html[data-theme="dark"]) .redactor-modal input, :where(html[data-theme="dark"]) .redactor-modal select, :where(html[data-theme="dark"]) .redactor-modal textarea{background-color:#1c1c1c;border:1px solid #454d55} :where(html[data-theme="dark"]) .redactor-modal fieldset{border:1px solid rgba(115,115,115,0.10)} :where(html[data-theme="dark"]) .redactor-modal label{color:#b7b7b7} :where(html[data-theme="dark"]) .redactor-modal input:hover, :where(html[data-theme="dark"]) .redactor-modal textarea:hover, :where(html[data-theme="dark"]) .redactor-modal select:hover{background-color:#1c1c1c;border-color:#5d6772} :where(html[data-theme="dark"]) .redactor-modal input:focus, :where(html[data-theme="dark"]) .redactor-modal textarea:focus, :where(html[data-theme="dark"]) .redactor-modal select:focus{background-color:#1c1c1c} :where(html[data-theme="dark"]) .redactor-modal input.error:focus, :where(html[data-theme="dark"]) .redactor-modal textarea.error:focus, :where(html[data-theme="dark"]) .redactor-modal select.error:focus{box-shadow:0 0 1px rgba(0,0,0,0.55)} :where(html[data-theme="dark"]) .redactor-modal input:disabled, :where(html[data-theme="dark"]) .redactor-modal input:disabled:hover, :where(html[data-theme="dark"]) .redactor-modal input.disabled, :where(html[data-theme="dark"]) .redactor-modal input.disabled:hover, :where(html[data-theme="dark"]) .redactor-modal textarea:disabled, :where(html[data-theme="dark"]) .redactor-modal textarea:disabled:hover, :where(html[data-theme="dark"]) .redactor-modal textarea.disabled, :where(html[data-theme="dark"]) .redactor-modal textarea.disabled:hover, :where(html[data-theme="dark"]) .redactor-modal select:disabled, :where(html[data-theme="dark"]) .redactor-modal select:disabled:hover, :where(html[data-theme="dark"]) .redactor-modal select.disabled, :where(html[data-theme="dark"]) .redactor-modal select.disabled:hover{color:rgba(230,230,230,0.50);border:1px solid #454d55;background-color:#1c1c1c} :where(html[data-theme="dark"]) .redactor-modal .req{color:#ff3d6d} :where(html[data-theme="dark"]) .redactor-modal .desc{color:rgba(201,201,201,0.50)} :where(html[data-theme="dark"]) .redactor-modal .redactor-close{color:#e6e6e6} :where(html[data-theme="dark"]) .redactor-modal button{color:#3d9cff;background-color:#1c1c1c} :where(html[data-theme="dark"]) .redactor-modal button:hover{color:rgba(61,156,255,0.60)} :where(html[data-theme="dark"]) .redactor-modal button.redactor-button-secondary{border-color:#67707f;color:#c6cbd1} :where(html[data-theme="dark"]) .redactor-modal button.redactor-button-secondary:hover{color:rgba(198,203,209,0.60);border-color:rgba(103,112,127,0.50)} :where(html[data-theme="dark"]) .redactor-modal button.redactor-button-danger, :where(html[data-theme="dark"]) .redactor-modal button.redactor-button-unstyled{color:rgba(198,203,209,0.60)} :where(html[data-theme="dark"]) .redactor-modal button.redactor-button-danger:hover, :where(html[data-theme="dark"]) .redactor-modal button.redactor-button-unstyled:hover{color:#ff3d6d} :where(html[data-theme="dark"]) .redactor-modal-header{color:#e6e6e6;border-bottom:1px solid rgba(115,115,115,0.05)} :where(html[data-theme="dark"]) .redactor-modal-footer{border-top:1px solid rgba(115,115,115,0.05)} :where(html[data-theme="dark"]) .redactor-modal-tabs{border-bottom:2px solid rgba(115,115,115,0.05)} :where(html[data-theme="dark"]) .redactor-modal-tabs a{color:rgba(230,230,230,0.50)} :where(html[data-theme="dark"]) .redactor-modal-tabs a:hover, :where(html[data-theme="dark"]) .redactor-modal-tabs a.active{color:#3d9cff} :where(html[data-theme="dark"]) .redactor-styles{color:#c9c9c9} :where(html[data-theme="dark"]) .redactor-styles h1, :where(html[data-theme="dark"]) .redactor-styles h2, :where(html[data-theme="dark"]) .redactor-styles h3, :where(html[data-theme="dark"]) .redactor-styles h4, :where(html[data-theme="dark"]) .redactor-styles h5, :where(html[data-theme="dark"]) .redactor-styles h6{color:#dcdcdc} :where(html[data-theme="dark"]) .redactor-styles blockquote{color:rgba(230,230,230,0.50)} :where(html[data-theme="dark"]) .redactor-styles time, :where(html[data-theme="dark"]) .redactor-styles small, :where(html[data-theme="dark"]) .redactor-styles var, :where(html[data-theme="dark"]) .redactor-styles code, :where(html[data-theme="dark"]) .redactor-styles kbd, :where(html[data-theme="dark"]) .redactor-styles mark{color:rgba(201,201,201,0.90)} :where(html[data-theme="dark"]) .redactor-styles dfn[title], :where(html[data-theme="dark"]) .redactor-styles abbr[title]{border-bottom:1px dotted rgba(115,115,115,0.50)} :where(html[data-theme="dark"]) .redactor-styles code{background-color:#24292c} :where(html[data-theme="dark"]) .redactor-styles kbd{border:1px solid #3b4046} :where(html[data-theme="dark"]) .redactor-styles pre, :where(html[data-theme="dark"]) .redactor-styles pre code{background-color:#1e2227;color:rgba(201,201,201,0.85)} :where(html[data-theme="dark"]) .redactor-styles table caption{color:rgba(230,230,230,0.50)} :where(html[data-theme="dark"]) .redactor-styles table th, :where(html[data-theme="dark"]) .redactor-styles table td{border:1px solid #3c3c3c} :where(html[data-theme="dark"]) .redactor-styles table tfoot th, :where(html[data-theme="dark"]) .redactor-styles table tfoot td{color:rgba(230,230,230,0.50)} :where(html[data-theme="dark"]) .upload-redactor-box{background-color:#1c1c1c} :where(html[data-theme="dark"]) .upload-redactor-placeholder{color:rgba(230,230,230,0.30)} :where(html[data-theme="dark"]) .redactor-box.redactor-styles-on .redactor-toolbar.redactor-toolbar{background-color:rgba(28,28,28,0.97)} :where(html[data-theme="dark"]) .redactor-in[style*=' width:'], :where(html[data-theme="dark"]) .redactor-in[style^='width:']{border-right:1px dashed #6b6b6b} :where(html[data-theme="dark"]) .redactor-modal .redactor-toolbar{border-bottom:1px solid rgba(115,115,115,0.05)} /* --- generiert aus css/typeahead.css --- */ :where(html[data-theme="dark"]) .dropdown-menu{background-color:#1c1c1c;border-color:#4f4f4f;border-color:rgba(115,115,115,0.20)} :where(html[data-theme="dark"]) .dropdown-menu .divider{background-color:#313131;border-bottom:1px solid #333333} :where(html[data-theme="dark"]) .dropdown-menu a{color:#c9c9c9} :where(html[data-theme="dark"]) .dropdown-menu li + li{border-top:1px solid rgba(115,115,115,0.15)} /* --- generiert aus css/select2.min.css --- */ :where(html[data-theme="dark"]) .select2-dropdown{background-color:#1c1c1c;border:1px solid #626262} :where(html[data-theme="dark"]) .select2-close-mask{background-color:#1c1c1c} :where(html[data-theme="dark"]) .select2-container--default .select2-selection--single{background-color:#1c1c1c;border:1px solid #626262} :where(html[data-theme="dark"]) .select2-container--default .select2-selection--single .select2-selection__rendered{color:#c0c0c0} :where(html[data-theme="dark"]) .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#747474 transparent transparent transparent} :where(html[data-theme="dark"]) .select2-container--default.select2-container--disabled .select2-selection--single{background-color:#2a2a2a} :where(html[data-theme="dark"]) .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #747474 transparent} :where(html[data-theme="dark"]) .select2-container--default .select2-selection--multiple{background-color:#1c1c1c;border:1px solid #626262} :where(html[data-theme="dark"]) .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#323232;border:1px solid #626262} :where(html[data-theme="dark"]) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#c9c9c9} :where(html[data-theme="dark"]) .select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #737373 1px} :where(html[data-theme="dark"]) .select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#2a2a2a} :where(html[data-theme="dark"]) .select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #626262} :where(html[data-theme="dark"]) .select2-container--default .select2-results__option[aria-selected=true]{background-color:#373737} :where(html[data-theme="dark"]) .select2-container--classic .select2-selection--single{background-color:#222222;border:1px solid #626262;background-image:-webkit-linear-gradient(top, #1c1c1c 50%, #2a2a2a 100%);background-image:-o-linear-gradient(top, #1c1c1c 50%, #2a2a2a 100%);background-image:linear-gradient(to bottom, #1c1c1c 50%, #2a2a2a 100%)} :where(html[data-theme="dark"]) .select2-container--classic .select2-selection--single .select2-selection__rendered{color:#c0c0c0} :where(html[data-theme="dark"]) .select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#373737;border-left:1px solid #626262;background-image:-webkit-linear-gradient(top, #2a2a2a 50%, #454545 100%);background-image:-o-linear-gradient(top, #2a2a2a 50%, #454545 100%);background-image:linear-gradient(to bottom, #2a2a2a 50%, #454545 100%)} :where(html[data-theme="dark"]) .select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#747474 transparent transparent transparent} :where(html[data-theme="dark"]) .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border-right:1px solid #626262} :where(html[data-theme="dark"]) .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #747474 transparent} :where(html[data-theme="dark"]) .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{background-image:-webkit-linear-gradient(top, #1c1c1c 0%, #2a2a2a 50%);background-image:-o-linear-gradient(top, #1c1c1c 0%, #2a2a2a 50%);background-image:linear-gradient(to bottom, #1c1c1c 0%, #2a2a2a 50%)} :where(html[data-theme="dark"]) .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{background-image:-webkit-linear-gradient(top, #2a2a2a 50%, #1c1c1c 100%);background-image:-o-linear-gradient(top, #2a2a2a 50%, #1c1c1c 100%);background-image:linear-gradient(to bottom, #2a2a2a 50%, #1c1c1c 100%)} :where(html[data-theme="dark"]) .select2-container--classic .select2-selection--multiple{background-color:#1c1c1c;border:1px solid #626262} :where(html[data-theme="dark"]) .select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#323232;border:1px solid #626262} :where(html[data-theme="dark"]) .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#9b9b9b} :where(html[data-theme="dark"]) .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#b7b7b7} :where(html[data-theme="dark"]) .select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #626262} :where(html[data-theme="dark"]) .select2-container--classic .select2-dropdown{background-color:#1c1c1c} :where(html[data-theme="dark"]) .select2-container--classic .select2-results__option[aria-disabled=true]{color:#9f9f9f} /* --- generiert aus css/ui-lightness/jquery-ui-1.13.2.custom.min.css --- */ :where(html[data-theme="dark"]) .ui-selectable-helper{border:1px dotted #737373} :where(html[data-theme="dark"]) .ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px rgba(0,0,0,0.55)} :where(html[data-theme="dark"]) .ui-widget.ui-widget-content{border:1px solid #4f4f4f} :where(html[data-theme="dark"]) .ui-widget-content{border:1px solid #464646;background-color:#2a2a2a;color:#c9c9c9} :where(html[data-theme="dark"]) .ui-widget-content a{color:#c9c9c9} :where(html[data-theme="dark"]) .ui-state-default, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-default, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-default, :where(html[data-theme="dark"]) .ui-button, html:where([data-theme="dark"]) .ui-button.ui-state-disabled:hover, html:where([data-theme="dark"]) .ui-button.ui-state-disabled:active{border:1px solid #4f4f4f;background-color:#232323;color:#55bde7} :where(html[data-theme="dark"]) .ui-state-default a, :where(html[data-theme="dark"]) .ui-state-default a:link, :where(html[data-theme="dark"]) .ui-state-default a:visited, :where(html[data-theme="dark"]) a.ui-button, :where(html[data-theme="dark"]) a:link.ui-button, :where(html[data-theme="dark"]) a:visited.ui-button, :where(html[data-theme="dark"]) .ui-button{color:#55bde7} :where(html[data-theme="dark"]) .ui-state-hover, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-hover, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-hover, :where(html[data-theme="dark"]) .ui-state-focus, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-focus, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-focus, :where(html[data-theme="dark"]) .ui-button:hover, :where(html[data-theme="dark"]) .ui-button:focus{background-color:#3f3a22;color:#faab42} :where(html[data-theme="dark"]) .ui-state-hover a, :where(html[data-theme="dark"]) .ui-state-hover a:hover, :where(html[data-theme="dark"]) .ui-state-hover a:link, :where(html[data-theme="dark"]) .ui-state-hover a:visited, :where(html[data-theme="dark"]) .ui-state-focus a, :where(html[data-theme="dark"]) .ui-state-focus a:hover, :where(html[data-theme="dark"]) .ui-state-focus a:link, :where(html[data-theme="dark"]) .ui-state-focus a:visited, :where(html[data-theme="dark"]) a.ui-button:hover, :where(html[data-theme="dark"]) a.ui-button:focus{color:#faab42} :where(html[data-theme="dark"]) .ui-visual-focus{box-shadow:0 0 3px 1px rgba(0,0,0,0.55)} :where(html[data-theme="dark"]) .ui-state-active, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-active, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-active, :where(html[data-theme="dark"]) a.ui-button:active, :where(html[data-theme="dark"]) .ui-button:active, :where(html[data-theme="dark"]) .ui-button.ui-state-active:hover{background-color:#1c1c1c;color:#ffb33d} :where(html[data-theme="dark"]) .ui-state-active a, :where(html[data-theme="dark"]) .ui-state-active a:link, :where(html[data-theme="dark"]) .ui-state-active a:visited{color:#ffb33d} :where(html[data-theme="dark"]) .ui-state-highlight a, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-highlight a, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-highlight a{color:#c8c8c8} /* --- generiert aus css/jquery-ui-timepicker-addon.css --- */ :where(html[data-theme="dark"]) .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{border-bottom:solid 1px #737373} :where(html[data-theme="dark"]) .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus{border-bottom-color:#626262} /* --- generiert aus css/jstree_element.css --- */ :where(html[data-theme="dark"]) .jsTreeBox{background-color:#1c1c1c;border:1px dotted #6b6b6b} :where(html[data-theme="dark"]) .jstree-anchor{color:#e6e6e6} :where(html[data-theme="dark"]) .vakata-context, :where(html[data-theme="dark"]) .vakata-context ul{background-color:#242424;box-shadow:2px 2px 2px rgba(0,0,0,0.55)} :where(html[data-theme="dark"]) .vakata-context li > a{color:#e6e6e6;text-shadow:1px 1px 0 rgba(0,0,0,0.00)} :where(html[data-theme="dark"]) .vakata-context li > a:hover{background-color:#1c2835} :where(html[data-theme="dark"]) .vakata-context .vakata-context-hover > a{background-color:#1c2835} :where(html[data-theme="dark"]) .vakata-context .vakata-context-separator > a, :where(html[data-theme="dark"]) .vakata-context .vakata-context-separator > a:hover{background-color:#1c1c1c;border-top:1px solid #424444;border-left:1px solid #444444} :where(html[data-theme="dark"]) .vakata-context li > a .vakata-contextmenu-sep{background-color:#1c1c1c;border-left:1px solid #424444} :where(html[data-theme="dark"]) .vakata-context-rtl .vakata-context-separator > a{border-right:1px solid #424444} :where(html[data-theme="dark"]) .vakata-context-rtl li > a .vakata-contextmenu-sep{border-left-color:#333333;background-color:#323434} :where(html[data-theme="dark"]) .jstree-default .jstree-hovered{background-color:#1c2d34;box-shadow:inset 0 0 1px rgba(0,0,0,0.55)} :where(html[data-theme="dark"]) .jstree-default .jstree-context{background-color:#1c2d34;box-shadow:inset 0 0 1px rgba(0,0,0,0.55)} :where(html[data-theme="dark"]) .jstree-default .jstree-clicked{background-color:#263c46;box-shadow:inset 0 0 1px rgba(0,0,0,0.55)} :where(html[data-theme="dark"]) .jstree-default .jstree-disabled{color:#adadad} :where(html[data-theme="dark"]) .jstree-default .jstree-disabled.jstree-clicked{background-color:#292929} :where(html[data-theme="dark"]) .jstree-default .jstree-search{color:#ff8080} :where(html[data-theme="dark"]) .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered{background-color:#1c2d34} :where(html[data-theme="dark"]) .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered{background-color:#1c2d34} :where(html[data-theme="dark"]) .jstree-default .jstree-wholerow-hovered{background-color:#1c2d34} :where(html[data-theme="dark"]) .jstree-default .jstree-wholerow-clicked{background-color:#263c46;background:-webkit-linear-gradient(top, #263c46 0%, #2c4652 100%);background:linear-gradient(to bottom, #263c46 0%, #2c4652 100%)} :where(html[data-theme="dark"]) .jstree-default .jstree-disabled.jstree-clicked{background-color:#292929} :where(html[data-theme="dark"]) .jstree-default-small .jstree-disabled.jstree-clicked{background-color:#292929} :where(html[data-theme="dark"]) .jstree-default-large .jstree-disabled.jstree-clicked{background-color:#292929} @media (max-width: 768px){ :where(html[data-theme="dark"]) #jstree-dnd.jstree-dnd-responsive{text-shadow:1px 1px rgba(0,0,0,0.00)} } @media (max-width: 768px){ :where(html[data-theme="dark"]) .jstree-default-responsive .jstree-anchor{text-shadow:1px 1px rgba(0,0,0,0.00)} :where(html[data-theme="dark"]) .jstree-default-responsive .jstree-wholerow{border-top:1px solid rgba(51,51,51,0.70);border-bottom:1px solid rgba(115,115,115,0.20);background-color:#2c2c2c} :where(html[data-theme="dark"]) .jstree-default-responsive .jstree-wholerow-hovered{background-color:#1c2d34} :where(html[data-theme="dark"]) .jstree-default-responsive .jstree-wholerow-clicked{background-color:#263c46} } /* --- generiert aus css/filedrop.css --- */ :where(html[data-theme="dark"]) .filedrop .dropzone{border:2px dashed rgba(115,115,115,0.20)} :where(html[data-theme="dark"]) .filedrop .dropzone a{color:rgba(141,189,234,0.70)} :where(html[data-theme="dark"]) .filedrop .files:not(:empty){border:1px solid rgba(115,115,115,0.20)} :where(html[data-theme="dark"]) .progress{background-color:#242424} :where(html[data-theme="dark"]) .progress-striped .progress-bar, :where(html[data-theme="dark"]) .progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent)} :where(html[data-theme="dark"]) .progress-bar[aria-valuenow="0"]{color:#a4a4a4} :where(html[data-theme="dark"]) .progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent)} :where(html[data-theme="dark"]) .progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent)} :where(html[data-theme="dark"]) .progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent)} :where(html[data-theme="dark"]) .progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.08) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, transparent 75%, transparent)} /* ===================================================================== Gemeinsam: Umschalter-Button & Dark-Mode-Grundlagen ===================================================================== */ #rn-theme-toggle { position: fixed; right: 14px; bottom: 14px; z-index: 100000; width: 38px; height: 38px; padding: 0; border-radius: 50%; border: 1px solid #bbb; background: #fff; color: #333; font-size: 19px; line-height: 36px; text-align: center; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,.25); opacity: .75; transition: opacity .15s, transform .15s; } #rn-theme-toggle:hover, #rn-theme-toggle:focus { opacity: 1; transform: scale(1.07); } @media print { #rn-theme-toggle { display: none !important; } } html[data-theme="dark"] { color-scheme: dark; } html[data-theme="dark"] body { color: #d6d6d6; background-image: none !important; } html[data-theme="dark"] #rn-theme-toggle { background: #2a2d31; color: #f0c674; border-color: #555; } html[data-theme="dark"] a:not(.button):not(.action-button):not(.btn) { color: #6fb3ff; } html[data-theme="dark"] a:not(.button):not(.action-button):not(.btn):hover { color: #9cccff; } /* Formularelemente ohne eigene osTicket-Farben */ html[data-theme="dark"] input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="image"]), html[data-theme="dark"] select, html[data-theme="dark"] textarea { background-color: #16181b !important; color: #e2e2e2 !important; border-color: #4a4d52 !important; } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #808487 !important; } html[data-theme="dark"] input[type="submit"], html[data-theme="dark"] input[type="button"], html[data-theme="dark"] input[type="reset"], html[data-theme="dark"] button:not(#rn-theme-toggle) { background-color: #33373c; color: #e6e6e6; border-color: #555a60; } html[data-theme="dark"] input[type="submit"]:hover, html[data-theme="dark"] input[type="button"]:hover, html[data-theme="dark"] button:not(#rn-theme-toggle):hover { background-color: #3d4248; } html[data-theme="dark"] input:disabled, html[data-theme="dark"] select:disabled, html[data-theme="dark"] textarea:disabled { opacity: .6; } html[data-theme="dark"] hr { border-color: #3a3a3a; background-color: #3a3a3a; } html[data-theme="dark"] ::selection { background: #2f5d8a; color: #fff; } /* Fest verdrahtete Inline-Hintergründe in Templates abfangen */ html[data-theme="dark"] [style*="background-color: #fff" i], html[data-theme="dark"] [style*="background-color:#fff" i], html[data-theme="dark"] [style*="background:#fff" i], html[data-theme="dark"] [style*="background: #fff" i], html[data-theme="dark"] [style*="background-color: white" i], html[data-theme="dark"] [style*="background-color:white" i], html[data-theme="dark"] [style*="background: white" i], html[data-theme="dark"] [style*="background:white" i] { background-color: #1c1c1c !important; color: #e2e2e2; } /* Scrollbars (Chromium/Firefox) */ html[data-theme="dark"] * { scrollbar-color: #4a4d52 #1a1c1f; } /* Bilder und Videos im Thread leicht abdunkeln, aber nicht invertieren */ html[data-theme="dark"] .thread-body img:not(.avatar) { filter: brightness(.92); } /* ===================================================================== Kundenportal: Dark-Mode-Feinschliff ===================================================================== */ :root { --rn-bg: #fff; } html[data-theme="dark"] { --rn-bg: #1c1c1c; } html[data-theme="dark"] body { background-color: #111214 !important; } html[data-theme="dark"] #container { background-color: #1c1c1c; box-shadow: 0 0 10px rgba(0,0,0,.8); } html[data-theme="dark"] #header { background-color: #1c1c1c !important; } html[data-theme="dark"] #nav { background: #26292d !important; border-top-color: #3a3d42; } html[data-theme="dark"] #nav li a.active { background-color: #22384d; color: #fff; } html[data-theme="dark"] #footer, html[data-theme="dark"] #footer a { color: #9a9a9a; } html[data-theme="dark"] #footer #poweredBy { filter: invert(1) hue-rotate(180deg) brightness(1.4); } html[data-theme="dark"] #landing_page #new_ticket, html[data-theme="dark"] #landing_page #check_status { background-color: transparent; } html[data-theme="dark"] .sidebar .content { background: #1e2832; border-color: #34465a; } html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3 { color: #e8e8e8; } /* ===================================================================== Kundenportal: Responsive ===================================================================== */ #container { width: auto; max-width: 840px; } img, video, iframe { max-width: 100%; } img { height: auto; } .thread-body { overflow-wrap: anywhere; } .thread-body table, .thread-body pre { max-width: 100%; overflow-x: auto; display: block; } @media (max-width: 860px) { #container { margin: 0; box-shadow: none; } } @media (max-width: 760px) { #content *, #content *::before, #content *::after { box-sizing: border-box; } body { font-size: 15px; } #container { width: 100%; } /* Kopfbereich */ #header { height: auto; padding: 8px 12px; display: flex; flex-direction: column-reverse; gap: 6px; } #header .pull-right { float: none; width: 100%; text-align: left; } #header p { width: auto; padding: 4px 0 0; } #header #logo { display: block; height: auto; float: none; } #header #logo img { max-width: 100%; max-height: 54px; } #header .valign-helper { display: none; } /* Navigation: horizontal scrollbar statt Umbruch-Chaos */ #nav { height: auto; margin: 0; padding: 6px 8px; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } #nav li a { margin-left: 4px; height: 32px; line-height: 32px; } #content { margin: 0 12px; padding: 14px 0; min-height: 0; } /* Startseite / Sidebar untereinander */ .main-content, .sidebar, .pull-left, .pull-right:not(.flush-right) { width: auto !important; float: none !important; } .sidebar { margin: 16px 0 0 !important; } #landing_page #new_ticket, #landing_page #check_status { width: auto; } .search-form .search { width: 100%; } /* Formulare */ #ticketForm > table, #clientLogin > table, #ticketForm table, #clientLogin table, form table.padded { width: 100% !important; table-layout: auto; } #ticketForm > table td, #ticketForm > table td + td { width: auto; } #ticketForm table tr, #clientLogin table tr { display: block; } #ticketForm table td, #ticketForm table th, #clientLogin table td, #clientLogin table th { display: block; width: 100% !important; padding: 2px 0; } #ticketForm td textarea, #clientLogin td textarea, #ticketForm div textarea, #clientLogin div textarea, #reply textarea, #ticketForm input[type=text], #ticketForm input[type=email], #ticketForm select, #clientLogin input[type=text], #clientLogin input[type=password], #clientLogin input[type=email], .redactor-box, .redactor-layer, .select2-container { width: 100% !important; max-width: 100%; } #clientLogin .login-box, #clientLogin > div { float: none !important; width: auto !important; border: 0 !important; padding: 0 !important; } input, select, textarea, button { font-size: 16px; } /* verhindert iOS-Zoom */ input[type=submit], input[type=button], input[type=reset], .action-button { min-height: 38px; } a.button { display: flex; align-items: center; justify-content: center; min-height: 40px; max-width: none; } /* Wissensdatenbank-Suche */ #kb-search #query, #kb-search #cid, #kb-search #topic-id, #kb-search #searchSubmit { float: none; width: 100%; margin: 0 0 6px; top: 0; } /* Ticket-Liste und Detail: Tabellen horizontal scrollbar */ #ticketTable, table.list, table.custom-data, .ticket-view > table, #ticketInfo, #ticketInfo table { display: block; width: 100% !important; overflow-x: auto; -webkit-overflow-scrolling: touch; } #ticketInfo td { display: block; width: auto !important; } .thread-event .description { width: calc(100% - 40px); } .thread-entry .header, .thread-entry .thread-body { margin-left: 0 !important; margin-right: 0 !important; } .thread-entry .avatar { display: none; } /* Dialoge */ .dialog, .ui-dialog { width: 94vw !important; left: 3vw !important; max-width: 94vw; } }