/* created cache file: /tmp/cb_min/ed74f752fe76b5fbad167c3ea7bce154.dbg.css */ /* * Combined files (in this order): * /var/www/kulturportal/media/styles/reset.css [19.05.2020 10:52:06 - 3.63 KB] * /var/www/module_php7/jscript/lib/bootstrap_plugins/bootstrap-switch/bootstrap-switch.css [02.03.2020 11:46:17 - 8.07 KB] * /var/www/register/css/registration.css [02.02.2023 10:31:21 - 22.24 KB] * /var/www/module_php7/jscript/lib/jquery_plugins/jqueryui/jquery-ui-core-interactions-latest-stable.min.css [02.03.2020 11:46:19 - 2.04 KB] * /var/www/module_php7/jscript/lib/jquery_plugins/autocomplete2/mod.autocomplete.css [22.03.2022 10:07:21 - 5.30 KB] * /var/www/module_php7/lib/framework/css/cb_tex_window.css [22.01.2024 16:52:35 - 12.83 KB] * /var/www/player/media/css/player_7.css [07.12.2023 12:43:05 - 51.03 KB] * /var/www/module_php7/jscript/lib/jquery_plugins/mCustomScrollbar/jquery.mCustomScrollbar.css [02.03.2020 11:46:19 - 52.43 KB] * /var/www/event/media/css/event_window.css [06.02.2025 09:26:48 - 54.91 KB] * /var/www/event/media/css/dropdowntree.css [31.01.2020 14:17:03 - 1.02 KB] * /var/www/module_php7/jscript/lib/jquery_plugins/socialshareprivacy/socialshareprivacy/socialshareprivacy.css [02.03.2020 11:46:19 - 7.48 KB] * /var/www/mollie/media/css/mollie-payment.css [15.01.2025 14:55:46 - 20.77 KB] * /var/www/module_php7/jscript/lib/cb_ui/default.css [20.06.2023 16:27:20 - 13.38 KB] * /var/www/module_php7/lib/framework/css/cb_controlbar2.css [03.03.2020 23:21:21 - 18.16 KB] * /var/www/pix/css/cbui.css [13.08.2024 09:14:45 - 4.37 KB] * /var/www/pix/css/style.css [14.01.2021 10:04:27 - 14.34 KB] * /var/www/pix/css/picmanage.css [11.04.2023 09:47:13 - 26.88 KB] * /var/www/pix/css/picmeta.css [31.01.2020 14:21:32 - 2.85 KB] * /var/www/pix/css/picseriesmeta.css [31.01.2020 14:21:31 - 1.45 KB] * /var/www/pix/css/picposition.css [31.01.2020 14:21:32 - 5.17 KB] * /var/www/kulturportal/media/styles/event_window.css [19.05.2020 10:52:06 - 0.04 KB] * /var/www/kulturportal/media/styles/dropdowns.css [19.05.2020 10:52:06 - 2.54 KB] * /var/www/kulturportal/media/styles/collapsibles.css [19.05.2020 10:52:06 - 5.29 KB] * /var/www/kulturportal/media/styles/inputs.css [30.01.2024 12:32:57 - 11.54 KB] * /var/www/kulturportal/media/styles/user-panel.css [31.01.2023 13:35:20 - 12.43 KB] * /var/www/kulturportal/media/styles/cb_tex_window.css [19.05.2020 10:52:06 - 1.76 KB] * /var/www/kulturportal/media/styles/onepager_intro_layer.css [21.11.2023 10:16:07 - 7.44 KB] * /var/www/kulturportal/media/styles/editor.css [19.05.2020 10:52:06 - 13.45 KB] * /var/www/kulturportal/media/styles/register.css [16.01.2024 10:40:20 - 6.87 KB] * /var/www/kulturportal/media/styles/search.css [19.05.2020 10:52:06 - 4.21 KB] * /var/www/kulturportal/media/styles/main.css [19.03.2024 13:33:33 - 13.06 KB] * /var/www/kulturportal/media/styles/nav.css [19.05.2020 10:52:06 - 7.15 KB] * /var/www/kulturportal/media/styles/cookie_layer.css [22.07.2021 12:26:05 - 4.29 KB] * /var/www/kulturportal/media/styles/selectpure.css [19.05.2020 10:52:06 - 2.96 KB] * /var/www/kulturportal/media/styles/ks-nrw/CbEventSearch.css [20.03.2024 09:29:47 - 22.18 KB] * /var/www/kulturportal/media/styles/cb_flex_editor.css [23.06.2021 09:53:24 - 1.23 KB] * /var/www/kulturportal/media/styles/owl.carousel.min.css [23.06.2021 09:53:24 - 2.94 KB] * /var/www/kulturportal/media/styles/owl_media_container.css [23.06.2021 12:54:23 - 0.08 KB] * /var/www/kulturportal/media/styles/theaternacht_theater.css [24.06.2021 17:15:40 - 48.29 KB] * /var/www/kulturportal/media/styles/digitaler_spielplan.css [24.06.2022 10:54:41 - 26.16 KB] * /var/www/kulturportal/media/styles/film_side_layer.css [24.06.2021 17:15:40 - 23.99 KB] * /var/www/kulturportal/media/styles/digitaler_spielplan_theater.css [23.06.2021 12:54:23 - 10.42 KB] * /var/www/kulturportal/media/styles/digitaler_spielplan_film.css [23.06.2021 12:54:23 - 0.99 KB] * /var/www/kulturportal/media/styles/blog_new_page.css [13.02.2023 14:20:44 - 8.64 KB] * /var/www/kulturportal/media/styles/page_filme.css [24.06.2021 17:19:12 - 0.92 KB] * /var/www/kulturportal/media/styles/home_onepager_slider.css [30.01.2024 12:59:48 - 5.31 KB] */ /* --- /var/www/kulturportal/media/styles/reset.css ------------------------- */ /* 1 */ /* 2 */ /* /+ 3 +/ ************************* /+ 4 +/ $RESET / NORMALIZE /+ 5 +/ ************************* /+ 6 +/ */ /* 7 */ /* 8 */ * { /* 9 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 10 */ } /* 11 */ /* 12 */ * { /* 13 */ -webkit-box-sizing: border-box; /* 14 */ -moz-box-sizing: border-box; /* 15 */ box-sizing: border-box; /* 16 */ } /* 17 */ /* 18 */ *:before, /* 19 */ *:after { /* 20 */ -webkit-box-sizing: border-box; /* 21 */ -moz-box-sizing: border-box; /* 22 */ box-sizing: border-box; /* 23 */ } /* 24 */ /* 25 */ html, body { /* 26 */ min-height: 100%; /* 27 */ overflow-x: hidden; /* 28 */ overflow-y: visible; /* 29 */ } /* 30 */ /* 31 */ html, body, div, span, applet, object, iframe, /* 32 */ h1, h2, h3, h4, h5, h6, p, blockquote, pre, /* 33 */ a, abbr, acronym, address, big, cite, code, /* 34 */ del, dfn, em, img, ins, kbd, q, s, samp, /* 35 */ small, strike, strong, sub, sup, tt, var, /* 36 */ b, u, i, center, /* 37 */ dl, dt, dd, ol, ul, li, /* 38 */ fieldset, form, label, legend, /* 39 */ table, caption, tbody, tfoot, thead, tr, th, td, /* 40 */ article, aside, canvas, details, embed, /* 41 */ figure, figcaption, footer, header, hgroup, /* 42 */ menu, nav, output, ruby, section, summary, /* 43 */ time, mark, audio, video { /* 44 */ margin: 0; /* 45 */ padding: 0; /* 46 */ border: 0; /* 47 */ font-size: 100%; /* 48 */ font: inherit; /* 49 */ vertical-align: baseline; /* 50 */ } /* 51 */ /* 52 */ article, aside, details, figcaption, figure, /* 53 */ footer, header, hgroup, main, menu, nav, section, summary { /* 54 */ display: block; /* 55 */ } /* 56 */ /* 57 */ ul { /* 58 */ list-style: none; /* 59 */ } /* 60 */ /* 61 */ blockquote, q { /* 62 */ quotes: none; /* 63 */ } /* 64 */ /* 65 */ blockquote:before, blockquote:after, /* 66 */ q:before, q:after { /* 67 */ content: ''; /* 68 */ content: none; /* 69 */ } /* 70 */ /* 71 */ table { /* 72 */ border-collapse: collapse; /* 73 */ border-spacing: 0; /* 74 */ } /* 75 */ /* 76 */ audio, /* 77 */ canvas, /* 78 */ progress, /* 79 */ video { /* 80 */ display: inline-block; /* 81 */ vertical-align: baseline; /* 82 */ } /* 83 */ /* 84 */ audio, /* 85 */ canvas, /* 86 */ iframe, /* 87 */ img, /* 88 */ svg, /* 89 */ video { /* 90 */ vertical-align: middle; /* 91 */ -webkit-user-select: none; /* 92 */ -khtml-user-select: none; /* 93 */ -moz-user-select: none; /* 94 */ -o-user-select: none; /* 95 */ user-select: none; /* 96 */ } /* 97 */ /* 98 */ canvas, /* 99 */ table{ /* 100 */ max-width:100% !important; /* 101 */ height:auto; /* 102 */ } /* 103 */ /* 104 */ input::-webkit-input-placeholder { /* 105 */ padding: 0; /* 106 */ } /* 107 */ input:-moz-placeholder { /* 108 */ padding: 0; /* 109 */ } /* 110 */ input::-moz-placeholder { /* 111 */ padding: 0; /* 112 */ } /* 113 */ input:-ms-input-placeholder { /* 114 */ padding: 0; /* 115 */ } /* 116 */ /* 117 */ input:focus::-webkit-input-placeholder { /* 118 */ color:transparent; /* 119 */ } /* 120 */ input:focus:-moz-placeholder { /* 121 */ color:transparent; /* 122 */ } /* 123 */ input:focus::-moz-placeholder { /* 124 */ color:transparent; /* 125 */ } /* 126 */ input:focus:-ms-input-placeholder { /* 127 */ color:transparent; /* 128 */ } /* 129 */ /* 130 */ textarea, /* 131 */ input, /* 132 */ button, /* 133 */ select { /* 134 */ font-family: inherit; /* 135 */ font-size: inherit; /* 136 */ } /* 137 */ /* 138 */ textarea { /* 139 */ outline: none; /* 140 */ overflow: auto; /* 141 */ } /* 142 */ /* 143 */ textarea:focus::-webkit-input-placeholder { /* 144 */ color:transparent; /* 145 */ } /* 146 */ textarea:focus:-moz-placeholder { /* 147 */ color:transparent; /* 148 */ } /* 149 */ textarea:focus::-moz-placeholder { /* 150 */ color:transparent; /* 151 */ } /* 152 */ textarea:focus:-ms-input-placeholder { /* 153 */ color:transparent; /* 154 */ } /* 155 */ /* 156 */ input, /* 157 */ button, /* 158 */ [role="button"] { /* 159 */ -webkit-box-sizing: border-box; /* 160 */ -moz-box-sizing: border-box; /* 161 */ box-sizing: border-box; /* 162 */ /* 163 */ border:none; /* 164 */ background-image:none; /* 165 */ background-color:transparent; /* 166 */ -webkit-box-shadow: none; /* 167 */ -moz-box-shadow: none; /* 168 */ box-shadow: none; /* 169 */ /* 170 */ color: inherit; /* 171 */ /* cursor: default; */ /* 172 */ font: inherit; /* 173 */ line-height: normal; /* 174 */ overflow: visible; /* 175 */ padding: 0; /* 176 */ -webkit-appearance: button; /* for input */ /* 177 */ } /* 178 */ /* 179 */ input::-moz-focus-inner, /* 180 */ button::-moz-focus-inner { /* 181 */ border: 0; /* 182 */ padding: 0; /* 183 */ } /* 184 */ /* 185 */ button, /* 186 */ [role="button"] { /* 187 */ color: inherit; /* 188 */ cursor: default; /* 189 */ display: inline-block; /* 190 */ vertical-align: top; /* 191 */ text-align: center; /* 192 */ text-decoration: none; /* 193 */ white-space: pre; /* 194 */ -webkit-user-select: none; /* 195 */ -moz-user-select: none; /* 196 */ -ms-user-select: none; /* 197 */ } /* 198 */ /* 199 */ input[type="search"] { /* 200 */ -moz-appearance:none; /* 201 */ -webkit-appearance:none; /* 202 */ outline: 0; /* 203 */ } /* 204 */ /* 205 */ input[type="search"]::-webkit-search-decoration, /* 206 */ input[type="search"]::-webkit-search-cancel-button, /* 207 */ input[type="search"]::-webkit-search-results-button, /* 208 */ input[type="search"]::-webkit-search-results-decoration { /* 209 */ -moz-appearance:none; /* 210 */ -webkit-appearance:none; /* 211 */ outline: 0; /* 212 */ } /* 213 */ /* 214 */ a, /* 215 */ a:focus, /* 216 */ a:hover, /* 217 */ a:active, /* 218 */ input:focus, /* 219 */ input:hover, /* 220 */ input:active, /* 221 */ textarea:focus, /* 222 */ textarea:hover, /* 223 */ textarea:active { /* 224 */ outline:0; /* 225 */ } /* 226 */ /* --- /var/www/module_php7/jscript/lib/bootstrap_plugins/bootstrap-switch/bootstrap-switch.css --- */ /* 1 */ /* ======================================================================== /+ 2 +/ * bootstrap-switch - v3.3.2 /+ 3 +/ * http://www.bootstrap-switch.org /+ 4 +/ * ======================================================================== /+ 5 +/ * Copyright 2012-2013 Mattia Larentis /+ 6 +/ * /+ 7 +/ * ======================================================================== /+ 8 +/ * Licensed under the Apache License, Version 2.0 (the "License"); /+ 9 +/ * you may not use this file except in compliance with the License. /+ 10 +/ * You may obtain a copy of the License at /+ 11 +/ * /+ 12 +/ * http://www.apache.org/licenses/LICENSE-2.0 /+ 13 +/ * /+ 14 +/ * Unless required by applicable law or agreed to in writing, software /+ 15 +/ * distributed under the License is distributed on an "AS IS" BASIS, /+ 16 +/ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. /+ 17 +/ * See the License for the specific language governing permissions and /+ 18 +/ * limitations under the License. /+ 19 +/ * ======================================================================== /+ 20 +/ */ /* 21 */ /* 22 */ .bootstrap-switch { /* 23 */ display: inline-block; /* 24 */ direction: ltr; /* 25 */ cursor: pointer; /* 26 */ border-radius: 4px; /* 27 */ border: 1px solid; /* 28 */ border-color: #cccccc; /* 29 */ position: relative; /* 30 */ text-align: left; /* 31 */ overflow: hidden; /* 32 */ line-height: 8px; /* 33 */ z-index: 0; /* 34 */ -webkit-user-select: none; /* 35 */ -moz-user-select: none; /* 36 */ -ms-user-select: none; /* 37 */ user-select: none; /* 38 */ vertical-align: middle; /* 39 */ -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; /* 40 */ -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; /* 41 */ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; /* 42 */ } /* 43 */ .bootstrap-switch .bootstrap-switch-container { /* 44 */ display: inline-block; /* 45 */ top: 0; /* 46 */ border-radius: 4px; /* 47 */ -webkit-transform: translate3d(0, 0, 0); /* 48 */ transform: translate3d(0, 0, 0); /* 49 */ } /* 50 */ .bootstrap-switch .bootstrap-switch-handle-on, /* 51 */ .bootstrap-switch .bootstrap-switch-handle-off, /* 52 */ .bootstrap-switch .bootstrap-switch-label { /* 53 */ -webkit-box-sizing: border-box; /* 54 */ -moz-box-sizing: border-box; /* 55 */ box-sizing: border-box; /* 56 */ cursor: pointer; /* 57 */ display: inline-block !important; /* 58 */ height: 100%; /* 59 */ padding: 6px 12px; /* 60 */ font-size: 14px; /* 61 */ line-height: 20px; /* 62 */ } /* 63 */ .bootstrap-switch .bootstrap-switch-handle-on, /* 64 */ .bootstrap-switch .bootstrap-switch-handle-off { /* 65 */ text-align: center; /* 66 */ z-index: 1; /* 67 */ } /* 68 */ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, /* 69 */ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary { /* 70 */ color: #fff; /* 71 */ background: #337ab7; /* 72 */ } /* 73 */ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info, /* 74 */ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info { /* 75 */ color: #fff; /* 76 */ background: #5bc0de; /* 77 */ } /* 78 */ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success, /* 79 */ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success { /* 80 */ color: #fff; /* 81 */ background: #5cb85c; /* 82 */ } /* 83 */ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning, /* 84 */ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning { /* 85 */ background: #f0ad4e; /* 86 */ color: #fff; /* 87 */ } /* 88 */ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger, /* 89 */ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger { /* 90 */ color: #fff; /* 91 */ background: #d9534f; /* 92 */ } /* 93 */ .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, /* 94 */ .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default { /* 95 */ color: #000; /* 96 */ background: #eeeeee; /* 97 */ } /* 98 */ .bootstrap-switch .bootstrap-switch-label { /* 99 */ text-align: center; /* 100 */ margin-bottom: -1px; /* 101 */ z-index: 100; /* 102 */ color: #333333; /* 103 */ background: #ffffff; /* 104 */ } /* 105 */ .bootstrap-switch .bootstrap-switch-handle-on { /* 106 */ border-bottom-left-radius: 3px; /* 107 */ border-top-left-radius: 3px; /* 108 */ } /* 109 */ .bootstrap-switch .bootstrap-switch-handle-off { /* 110 */ border-bottom-right-radius: 3px; /* 111 */ border-top-right-radius: 3px; /* 112 */ } /* 113 */ .bootstrap-switch input[type='radio'], /* 114 */ .bootstrap-switch input[type='checkbox'] { /* 115 */ position: absolute !important; /* 116 */ top: 0; /* 117 */ left: 0; /* 118 */ margin: 0; /* 119 */ z-index: -1; /* 120 */ opacity: 0; /* 121 */ filter: alpha(opacity=0); /* 122 */ } /* 123 */ .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on, /* 124 */ .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off, /* 125 */ .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label { /* 126 */ padding: 1px 5px; /* 127 */ font-size: 12px; /* 128 */ line-height: 1.5; /* 129 */ } /* 130 */ .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, /* 131 */ .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, /* 132 */ .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { /* 133 */ padding: 5px 10px; /* 134 */ font-size: 12px; /* 135 */ line-height: 1.5; /* 136 */ } /* 137 */ .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on, /* 138 */ .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off, /* 139 */ .bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label { /* 140 */ padding: 6px 16px; /* 141 */ font-size: 18px; /* 142 */ line-height: 1.3333333; /* 143 */ } /* 144 */ .bootstrap-switch.bootstrap-switch-disabled, /* 145 */ .bootstrap-switch.bootstrap-switch-readonly, /* 146 */ .bootstrap-switch.bootstrap-switch-indeterminate { /* 147 */ cursor: default !important; /* 148 */ } /* 149 */ .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on, /* 150 */ .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on, /* 151 */ .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on, /* 152 */ .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off, /* 153 */ .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off, /* 154 */ .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off, /* 155 */ .bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label, /* 156 */ .bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label, /* 157 */ .bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label { /* 158 */ opacity: 0.5; /* 159 */ filter: alpha(opacity=50); /* 160 */ cursor: default !important; /* 161 */ } /* 162 */ .bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container { /* 163 */ -webkit-transition: margin-left 0.5s; /* 164 */ -o-transition: margin-left 0.5s; /* 165 */ transition: margin-left 0.5s; /* 166 */ } /* 167 */ .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on { /* 168 */ border-bottom-left-radius: 0; /* 169 */ border-top-left-radius: 0; /* 170 */ border-bottom-right-radius: 3px; /* 171 */ border-top-right-radius: 3px; /* 172 */ } /* 173 */ .bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off { /* 174 */ border-bottom-right-radius: 0; /* 175 */ border-top-right-radius: 0; /* 176 */ border-bottom-left-radius: 3px; /* 177 */ border-top-left-radius: 3px; /* 178 */ } /* 179 */ .bootstrap-switch.bootstrap-switch-focused { /* 180 */ border-color: #cccccc; /* 181 */ outline: 0; /* 182 */ } /* 183 */ .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label, /* 184 */ .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label { /* 185 */ border-bottom-right-radius: 3px; /* 186 */ border-top-right-radius: 3px; /* 187 */ } /* 188 */ .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, /* 189 */ .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label { /* 190 */ border-bottom-left-radius: 3px; /* 191 */ border-top-left-radius: 3px; /* 192 */ } /* 193 */ /* 194 */ /*** custom ***/ /* 195 */ /* 196 */ .bootstrap-switch.bootstrap-switch-disabled, /* 197 */ .bootstrap-switch.bootstrap-switch-readonly, /* 198 */ .bootstrap-switch.bootstrap-switch-indeterminate { /* 199 */ opacity: 0.5; /* 200 */ } /* 201 */ /* 202 */ .bootstrap-switch.bootstrap-switch-disabled + span, /* 203 */ .bootstrap-switch.bootstrap-switch-readonly + span, /* 204 */ .bootstrap-switch.bootstrap-switch-indeterminate + span { /* 205 */ opacity: 0.3; /* 206 */ } /* 207 */ /* 208 */ .bootstrap-switch { /* 209 */ box-sizing: border-box; /* 210 */ width: 45px !important; /* 211 */ } /* 212 */ /* 213 */ .bootstrap-switch-container { /* 214 */ background-color: #f1f1f1; /* 215 */ } /* 216 */ /* 217 */ .bootstrap-switch-wrapper { /* 218 */ border-radius: 20px; /* 219 */ } /* 220 */ /* 221 */ .bootstrap-switch-handle-on, /* 222 */ .bootstrap-switch-handle-off { /* 223 */ opacity: 0; /* 224 */ padding: 0; /* 225 */ } /* 226 */ /* 227 */ .bootstrap-switch .bootstrap-switch-label { /* 228 */ background: transparent; /* 229 */ position: absolute; /* 230 */ } /* 231 */ /* 232 */ .bootstrap-switch .flip-switch-handle { /* 233 */ display: inline-block; /* 234 */ background-color: #ffffff; /* 235 */ height: 22px; /* 236 */ width: 22px; /* 237 */ border-radius: 100%; /* 238 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* 239 */ } /* 240 */ /* 241 */ .bootstrap-switch .bootstrap-switch-container, /* 242 */ .bootstrap-switch .bootstrap-switch-container > span { /* 243 */ padding: 0; /* 244 */ } /* 245 */ /* 246 */ .bootstrap-switch .bootstrap-switch-primary, /* 247 */ .bootstrap-switch .bootstrap-switch-default { /* 248 */ line-height: 22px; /* 249 */ } /* 250 */ /* 251 */ .bootstrap-switch-on .bootstrap-switch-container { /* 252 */ background-color: #757575; /* 253 */ } /* 254 */ /* 255 */ .bootstrap-switch-off .bootstrap-switch-container { /* 256 */ margin-left: -21px !important; /* 257 */ } /* 258 */ .bootstrap-switch .bootstrap-switch-default { /* 259 */ position: absolute; /* 260 */ left: 45px; /* 261 */ } /* 262 */ /* --- /var/www/register/css/registration.css ------------------------------- */ /* 1 */ .__CbUiRegisterWindow .__CbUiContent { /* 2 */ max-height: 500px; /* 3 */ overflow: auto; /* 4 */ box-sizing: border-box; /* 5 */ } /* 6 */ .__CbUiRegisterWindow .__CbUiErrorMessage { /* 7 */ clear : both; /* 8 */ color : red; /* 9 */ display: none; /* 10 */ line-height: 140%; /* 11 */ } /* 12 */ .__CbUiRegisterWindow *::-webkit-input-placeholder { /* 13 */ font-style: normal; /* 14 */ font-size: 100%; /* 15 */ color: #aaa; /* 16 */ } /* 17 */ .__CbUiRegisterWindow *::-moz-placeholder { /* 18 */ font-style: normal; /* 19 */ font-size: 100%; /* 20 */ color: #555; /* 21 */ } /* 22 */ .__CbUiRegisterWindow *::-ms-input-placeholder { /* 23 */ font-style: normal; /* 24 */ font-size: 100%; /* 25 */ color: #555; /* 26 */ } /* 27 */ .__CbUiRegisterWindow .__AC_position { /* 28 */ max-width: 100%; /* 29 */ } /* 30 */ .__CbRegLinkClass { /* 31 */ padding-bottom:10px; /* 32 */ font-size:11px; /* 33 */ width: 430px; /* 34 */ margin: 0 auto; /* 35 */ } /* 36 */ /* 37 */ .__CbRegLinkClass a { /* 38 */ color: #000000; /* 39 */ font-weight: bold; /* 40 */ text-decoration: none; /* 41 */ } /* 42 */ /* 43 */ .__CbRegLinkClass a:hover { /* 44 */ text-decoration: underline; /* 45 */ } /* 46 */ /* 47 */ .__CbRegValidatedCity { /* 48 */ font-weight: bold; /* 49 */ } /* 50 */ /* 51 */ .__CbRegPage { /* 52 */ /*background-color:#ffffff;*/ /* 53 */ position:relative; /* 54 */ display:none; /* 55 */ font-size:12px; /* 56 */ min-height: 450px; /* 57 */ } /* 58 */ /* 59 */ .__CbRegLogo { /* 60 */ position:absolute; /* 61 */ left:10px; /* 62 */ top:10px; /* 63 */ z-index:1337; /* 64 */ opacity:0; /* 65 */ } /* 66 */ /* 67 */ .__CbRegLanguageEntry { /* 68 */ margin-bottom:10px; /* 69 */ cursor:pointer; /* 70 */ } /* 71 */ /* 72 */ .__CbRegLangSelect, .__CbRegLanguageBox { /* 73 */ border:1px solid black; /* 74 */ background-color:#ffffff; /* 75 */ } /* 76 */ /* 77 */ .__CbRegLanguageBox { /* 78 */ margin: 2px; /* 79 */ padding: 0px 3px; /* 80 */ float: right; /* 81 */ width: 18px; /* 82 */ text-align: center; /* 83 */ color: rgb(0, 0, 0); /* 84 */ } /* 85 */ /* 86 */ .__CbRegLanguageBoxText { /* 87 */ padding-top: 2px; /* 88 */ } /* 89 */ /* 90 */ .__CbRegInputs { /* 91 */ width:410px; /* 92 */ } /* 93 */ /* 94 */ .__CbRegForm { /* 95 */ margin-top:10px; /* 96 */ overflow:hidden; /* 97 */ padding:0px 10px 0px 10px; /* 98 */ } /* 99 */ /* 100 */ .__CbRegFormHeader { /* 101 */ padding-top:10px; /* 102 */ padding-bottom: 3px; /* 103 */ } /* 104 */ /* 105 */ .__CbRegFormHeaderContent { /* 106 */ font-size:10px; /* 107 */ background-color:#F8F7F0; /* 108 */ color:#BABABA; /* 109 */ } /* 110 */ /* 111 */ .__CbRegInputLine { /* 112 */ margin-bottom: 4px; /* 113 */ } /* 114 */ /* 115 */ .__CbRegInputLine input { /* 116 */ padding-left: 10px; /* 117 */ } /* 118 */ /* 119 */ .__CbRegFloatClear { /* 120 */ clear:both; /* 121 */ } /* 122 */ .__CbRegError { /* 123 */ padding-top:5px; /* 124 */ color:#ff0000; /* 125 */ font-style:italic; /* 126 */ } /* 127 */ /* 128 */ .__CbRegError.__CbUiMultiText { /* 129 */ /* 130 */ } /* 131 */ /* 132 */ .__CbRegPasswordStrengthBox { /* 133 */ float:left; /* 134 */ height:10px; /* 135 */ width:66px; /* 136 */ margin-right:5px; /* 137 */ } /* 138 */ /* 139 */ .__CbRegButtonContainer { /* 140 */ text-align: right; /* 141 */ padding-top: 5px; /* 142 */ margin-right: -11px; /* 143 */ } /* 144 */ /* 145 */ #registerframe_button_ok { /* 146 */ margin-top: 20px; /* 147 */ } /* 148 */ /* 149 */ .__CbRegBottomDesc { /* 150 */ padding-top: 20px; /* 151 */ margin: 0 auto; /* 152 */ width: 410px; /* 153 */ } /* 154 */ /* 155 */ #registerframe_main_page { /* 156 */ display:block; /* 157 */ } /* 158 */ /* 159 */ #registerframe_button_password_reminder { /* 160 */ display:none; /* 161 */ width: auto; /* 162 */ } /* 163 */ /* 164 */ #registerframe_button_register_progress { /* 165 */ display:none; /* 166 */ cursor:default; /* 167 */ } /* 168 */ /* 169 */ #registerframe_hide_button { /* 170 */ display:none; /* 171 */ } /* 172 */ /* 173 */ .__CbRegInputLine select { /* 174 */ border-radius: 4px; /* 175 */ } /* 176 */ /* 177 */ .__CbRegInputLine .styled-select { /* 178 */ background-position: 90% center; /* 179 */ border: 1px solid #bababa; /* 180 */ background-color: #FFFFFF; /* 181 */ width: 120px; /* 182 */ margin-bottom: 0; /* 183 */ } /* 184 */ /* 185 */ .__CbRegInputLine > input { /* 186 */ width: 100%; /* 187 */ } /* 188 */ /* 189 */ #registerframe_input_first, /* 190 */ #registerframe_input_last, /* 191 */ #registerframe_input_zip, /* 192 */ #registerframe_input_city, /* 193 */ #registerframe_input_street, /* 194 */ #registerframe_input_nr, /* 195 */ #registerframe_input_mail, /* 196 */ #registerframe_input_phone { /* 197 */ margin-top: 3px; /* 198 */ } /* 199 */ /* 200 */ #registerframe_input_gender { /* 201 */ width:140px; /* 202 */ min-height:28px; /* 203 */ color:#000000; /* 204 */ border: none; /* 205 */ background: none; /* 206 */ margin-left: 0px; /* 207 */ padding-top: 5px; /* 208 */ padding-left: 9px; /* 209 */ padding-bottom: 3px; /* 210 */ text-align: left; /* 211 */ } /* 212 */ /* 213 */ #registerframe_input_first, #registerframe_input_last { /* 214 */ width:100%; /* 215 */ } /* 216 */ /* 217 */ #registerframe_input_street { /* 218 */ width:100%; /* 219 */ margin-top: 2px; /* 220 */ } /* 221 */ /* 222 */ #registerframe_input_nr { /* 223 */ width:100%; /* 224 */ } /* 225 */ /* 226 */ #registerframe_input_zip { /* 227 */ width:100%; /* 228 */ margin-top: 0; /* 229 */ } /* 230 */ /* 231 */ #registerframe_input_city_id { /* 232 */ display:none; /* 233 */ } /* 234 */ /* 235 */ #registerframe_input_city { /* 236 */ display: block; /* 237 */ min-height: 28px; /* 238 */ border: none; /* 239 */ position: relative; /* 240 */ width: 414px; /* 241 */ } /* 242 */ /* 243 */ #registerframe_input_city .__CbUiSearchBox { /* 244 */ height: auto; /* 245 */ min-height: 16px; /* 246 */ padding: 6px 0 6px 6px; /* 247 */ border: 1px solid #BABABA; /* 248 */ } /* 249 */ /* 250 */ #registerframe_input_mail, #registerframe_input_account:disabled { /* 251 */ width:100%; /* 252 */ background-color: #EEEEEE; /* 253 */ color: #C0C0C0; /* 254 */ margin-top: 0; /* 255 */ } /* 256 */ /* 257 */ #registerframe_input_password_confirm, /* 258 */ #registerframe_input_new_password, #registerframe_input_new_password_confirm { /* 259 */ display:block; /* 260 */ width:410px; /* 261 */ } /* 262 */ /* 263 */ .__CbRegInputs .__CbRegInputLine #registerframe_input_password, /* 264 */ .__CbRegInputs .__CbRegInputLine #registerframe_input_password_confirm { /* 265 */ display:block; /* 266 */ width:410px; /* 267 */ } /* 268 */ /* 269 */ #registerframe_language_selector { /* 270 */ padding-left:35px; /* 271 */ color:rgb(180,0,0); /* 272 */ font-weight:bold; /* 273 */ padding-right:70px; /* 274 */ overflow:auto; /* 275 */ } /* 276 */ /* 277 */ #registerframe_intro { /* 278 */ display:block; /* 279 */ margin:auto; /* 280 */ width:430px; /* 281 */ line-height:16px; /* 282 */ } /* 283 */ /* 284 */ #registerframe_new_email { /* 285 */ display:none; /* 286 */ } /* 287 */ /* 288 */ #registerframe_new_email #registerframe_input_mail, /* 289 */ #registerframe_input_account { /* 290 */ width: 100%; /* 291 */ } /* 292 */ /* 293 */ .__CbUiRegisterWindow input, /* 294 */ .admin-table-userdata .__CbRegInputLine input { /* 295 */ -webkit-box-sizing: content-box; /* 296 */ -moz-box-sizing: content-box; /* 297 */ box-sizing: content-box; /* 298 */ font-size: 14px; /* 299 */ } /* 300 */ /* 301 */ #registerframe_changepass_email { /* 302 */ margin-top:10px; /* 303 */ padding: 5px; /* 304 */ background-color: #F8F7F0; /* 305 */ display: none; /* 306 */ } /* 307 */ /* 308 */ #registerframe_password_hint { /* 309 */ padding-top:10px; /* 310 */ display:none; /* 311 */ width: 430px; /* 312 */ } /* 313 */ /* 314 */ #registerframe_password_info { /* 315 */ padding-top:10px; /* 316 */ font-size:9px; /* 317 */ } /* 318 */ /* 319 */ #registerframe_password_strong, #registerframe_password_weak { /* 320 */ font-size: 10px; /* 321 */ text-align: center; /* 322 */ line-height: 90%; /* 323 */ color: white; /* 324 */ } /* 325 */ /* 326 */ #registerframe_error { /* 327 */ display: none; /* 328 */ } /* 329 */ /* 330 */ #registerframe_error_user { /* 331 */ padding: 0 0 0 25px; /* 332 */ background-size: 20px auto; /* 333 */ } /* 334 */ /* 335 */ #registerframe_input_terms.__CbUiInputError { /* 336 */ border:1px solid #FF0000; /* 337 */ padding-top:6px; /* 338 */ padding-left:4px; /* 339 */ padding-right:3px; /* 340 */ padding-bottom: 6px; /* 341 */ } /* 342 */ /* 343 */ .__CbUiRegisterWindow #registerframe_input_city .__AC_position .__AC_layer .__AC_data { /* 344 */ max-height: 135px !important; /* 345 */ } /* 346 */ /* 347 */ #registerframe_input_city .autocomplete-new-city { /* 348 */ border: 1px solid #D4D4C7; /* 349 */ display: block; /* 350 */ float: left; /* 351 */ min-height: 24px; /* 352 */ height: auto; /* 353 */ color: #c0c0c0; /* 354 */ } /* 355 */ /* 356 */ .__CbUiRegisterWindow .contentTitle { /* 357 */ color: #A73C2E; /* 358 */ font-size: 14px; /* 359 */ font-weight: bold; /* 360 */ margin: 5px 0 30px; /* 361 */ } /* 362 */ /* 363 */ .__CbUiRegisterWindow #registerframe_main_page .contentTitle { /* 364 */ margin-bottom: 10px; /* 365 */ } /* 366 */ /* 367 */ #registerframe_title, /* 368 */ #registerframe_title_alt{ /* 369 */ font-size: 20px; /* 370 */ font-weight: normal; /* 371 */ margin: 0; /* 372 */ } /* 373 */ /* 374 */ .__CbUiRegisterWindow .contentTitle #registerframe_title_alt{ /* 375 */ display: none; /* 376 */ } /* 377 */ .__CbUiRegisterWindow .__CbUiInputText, /* 378 */ .__CbUiRegisterWindow .__CbUiPassword, /* 379 */ .admin-table-userdata .__CbRegInputLine input { /* 380 */ border: 1px solid #BABABA; /* 381 */ display: block; /* 382 */ padding: 6px 0 6px 10px; /* 383 */ } /* 384 */ .__CbUiRegisterWindow .__CbUiInputText, .__CbUiRegisterWindow .__CbUiPassword, /* 385 */ .__CbUiLayerFrame .__CbUiSelect, .__CbUiLayerFrame #registerframe_input_password, /* 386 */ .__CbUiLayerFrame #registerframe_input_password_confirm, /* 387 */ .__CbUiLayerFrame #registerframe_input_new_password, /* 388 */ .__CbUiLayerFrame #registerframe_input_new_password_confirm { /* 389 */ background-color: #FFFFFF; /* 390 */ color: #BABABA; /* 391 */ } /* 392 */ .__CbUiRegisterWindow .__CbUiFieldUnedited { /* 393 */ color: #C0C0C0; /* 394 */ } /* 395 */ .__CbUiRegisterWindow .__CbUiInputText, .__CbUiRegisterWindow .__CbUiPassword { /* 396 */ height: auto; /* 397 */ min-height: 16px; /* 398 */ } /* 399 */ .__CbUiRegisterWindow #registerframe_input_password, .__CbUiRegisterWindow #registerframe_input_password_confirm, /* 400 */ .__CbUiRegisterWindow #registerframe_input_new_password, .__CbUiRegisterWindow #registerframe_input_new_password_confirm { /* 401 */ display: block; /* 402 */ width: 410px; /* 403 */ } /* 404 */ #registerframe_button_password_lost { /* 405 */ display: none; /* 406 */ color: #db2f26; /* 407 */ text-transform: uppercase; /* 408 */ } /* 409 */ /* 410 */ #registerframe_button_password_lost_inactive { /* 411 */ color: #c0c0c0; /* 412 */ text-transform: uppercase; /* 413 */ text-decoration: underline; /* 414 */ } /* 415 */ .__CbUiRegisterWindow .__CbUiInputError { /* 416 */ border: 1px solid #FF0000 !important; /* 417 */ } /* 418 */ .__CbUiRegisterWindow .__CbUiFieldEdited { /* 419 */ color: #000000; /* 420 */ } /* 421 */ .__CbUiRegisterWindow .__CbRegPage a, .__CbUiRegisterWindow .__CbRegLinkClass a, .__CbUiRegisterWindow .CbRegPage a:visited, .__CbUiRegisterWindow .__CbRegLinkClass a:visited { /* 422 */ color: #DB2F26; /* 423 */ text-decoration: underline; /* 424 */ } /* 425 */ /* 426 */ .login-headline { /* 427 */ padding-top: 1em; /* 428 */ } /* 429 */ .login-text { /* 430 */ width: 66%; /* 431 */ border-bottom: 1px solid #C4C4B4; /* 432 */ padding-bottom: 25px; /* 433 */ } /* 434 */ .login-further-links { /* 435 */ padding-top: 50px; /* 436 */ } /* 437 */ a.menu-bar-item.login { /* 438 */ color: #db2f26; /* 439 */ } /* 440 */ .support-button-overlay { /* 441 */ height: 15px; /* 442 */ width: 30px; /* 443 */ z-index: 10; /* 444 */ position: absolute; /* 445 */ top: -38px; /* 446 */ right: 40px; /* 447 */ cursor: pointer; /* 448 */ } /* 449 */ /* 450 */ #registerframe_input_city .__AC_button { /* 451 */ text-align: center !important; /* 452 */ } /* 453 */ /* 454 */ span.__CbRegNewAccountText { /* 455 */ color: #A73C2E; /* 456 */ } /* 457 */ /* 458 */ .__CbRegNewAccountText + .__CbRegBottomDesc { /* 459 */ padding-top: 20px; /* 460 */ } /* 461 */ /* 462 */ .__CbRegNewAccountTextCntnr { /* 463 */ width: 410px; /* 464 */ } /* 465 */ .CbControlbar2Window .__CbRegButtonContainer .__CbUiText, /* 466 */ .AgdokRegisterWindow .__CbRegButtonContainer .__CbUiText { /* 467 */ width: 70%; /* 468 */ text-align: left; /* 469 */ } /* 470 */ #registerframe_checkdoublet_block, /* 471 */ #registerframe_doublet_medium_matches_block { /* 472 */ /* margin-top: 20px;*/ /* 473 */ } /* 474 */ #registerframe_checkdoublet_block .selection { /* 475 */ border: 1px solid #d4d4c7; /* 476 */ clear: both; /* 477 */ color: #9b0000; /* 478 */ cursor: pointer; /* 479 */ margin-top: 5px; /* 480 */ padding: 5px 5px 9px 0; /* 481 */ font-size: 13px; /* 482 */ } /* 483 */ /* 484 */ .styled-select-autoheight { /* 485 */ background-image: url("../images/selectbox_arrow_icon.png"); /* 486 */ background-position: 95% center; /* 487 */ background-repeat: no-repeat; /* 488 */ border: 1px solid #d4d4c7; /* 489 */ box-shadow: 0 8px 9px -9px #bdbeb2; /* 490 */ height: inherit; /* 491 */ overflow: hidden; /* 492 */ position: relative; /* 493 */ z-index: 5; /* 494 */ } /* 495 */ /* 496 */ /* 497 */ /* Doublet Check Window */ /* 498 */ /* 499 */ .DSRegisterCheckDoubletWindow .entryblock { /* 500 */ padding: 4px 0px; /* 501 */ border-bottom: 1px solid #000; /* 502 */ background: #fff url("../../../register/images/img_accordion-close.png") no-repeat right top 10px; /* 503 */ } /* 504 */ /* 505 */ .DSRegisterCheckDoubletWindow .entryblock.opened { /* 506 */ background-image: url("../../../register/images/img_accordion-open.png"); /* 507 */ } /* 508 */ /* 509 */ .DSRegisterCheckDoubletWindow div.entryblock:last-child { /* 510 */ padding: 4px 0px; /* 511 */ border-bottom: none; /* 512 */ } /* 513 */ /* 514 */ .DSRegisterCheckDoubletWindow hr { /* 515 */ display: none; /* 516 */ } /* 517 */ /* 518 */ /* 519 */ .DSRegisterCheckDoubletWindow .styled-select-autoheight.selection > img { /* 520 */ margin-right: 10px; /* 521 */ } /* 522 */ /* 523 */ /* 524 */ .DSRegisterCheckDoubletWindow div.styled-select-autoheight.selection { /* 525 */ margin-top: 0px; /* 526 */ } /* 527 */ /* 528 */ /* 529 */ .DSRegisterCheckDoubletWindow h2.register-duplicate-check-headline { /* 530 */ font-size: 24px; /* 531 */ /* margin-bottom: 29px; /+ 532 +/ margin-top: 35px;*/ /* 533 */ margin-bottom: 0px; /* 534 */ margin-top: 0px; /* 535 */ /* width: 200%;*/ /* 536 */ } /* 537 */ /* 538 */ /* 539 */ .DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow h2.register-duplicate-check-headline { /* 540 */ margin-bottom: 29px; /* 541 */ } /* 542 */ /* 543 */ .DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.left, /* 544 */ .DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.left { /* 545 */ padding-right: 20px; /* 546 */ width: 50%; /* 547 */ display: flex; /* 548 */ flex-direction: column; /* 549 */ } /* 550 */ /* 551 */ .DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.right{ /* 552 */ padding-top: 0px; /* 553 */ } /* 554 */ /* 555 */ /* 556 */ .DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.right, /* 557 */ .DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.right { /* 558 */ padding-left: 20px; /* 559 */ /* padding-top: 53px;*/ /* 560 */ padding-top: 0px; /* 561 */ width: 50%; /* 562 */ } /* 563 */ /* 564 */ /* 565 */ .DSRegisterCheckDoubletWindow h2#registerframe_choose_high_match_headline, /* 566 */ .DSRegisterCheckDoubletWindow h2#registerframe_choose_medium_match_headline { /* 567 */ font-size: 19px; /* 568 */ line-height: 19px; /* 569 */ } /* 570 */ /* 571 */ .DSRegisterCheckDoubletWindow h2#registerframe_choose_high_match_headline { /* 572 */ /* margin-top: 37px;*/ /* 573 */ margin-top: 0px; /* 574 */ } /* 575 */ /* 576 */ .DSRegisterCheckDoubletWindow h2#registerframe_choose_medium_match_headline { /* 577 */ margin-bottom: 0; /* 578 */ } /* 579 */ /* 580 */ .DSRegisterCheckDoubletWindow #registerframe_checkdoublet_block .styled-select-autoheight.selection { /* 581 */ border: none; /* 582 */ box-shadow: none; /* 583 */ color: #000000; /* 584 */ background-image: none; /* 585 */ } /* 586 */ /* 587 */ /*.DSRegisterCheckDoubletWindow .duplicate-image { /+ 588 +/ background: url('images/avatra2.png') center center / contain; /+ 589 +/ width: 32px; /+ 590 +/ height: 32px; /+ 591 +/ }*/ /* 592 */ /* 593 */ .DSRegisterCheckDoubletWindow h2#registerframe_choose_medium_match_headline { /* 594 */ margin-bottom: 0; /* 595 */ } /* 596 */ /* 597 */ .DSRegisterCheckDoubletWindow .selection-block { /* 598 */ text-align: right; /* 599 */ } /* 600 */ /* 601 */ .DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_high_match_button, /* 602 */ .DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_medium_match_button, /* 603 */ .DSRegisterCheckDoubletWindow button.registerframe_doublet_submit { /* 604 */ background-color: #000000; /* 605 */ background-image: none; /* 606 */ border: none; /* 607 */ box-shadow: none; /* 608 */ color: #ffffff; /* 609 */ } /* 610 */ /* 611 */ .DSRegisterCheckDoubletWindow button.registerframe_doublet_submit { /* 612 */ background-color: #000000; /* 613 */ background-image: none; /* 614 */ border: none; /* 615 */ box-shadow: none; /* 616 */ color: #ffffff; /* 617 */ padding: 12px 20px; /* 618 */ margin-top: 30px; /* 619 */ text-transform: uppercase; /* 620 */ width: 100%; /* 621 */ background: #000 url("images/img_accordeon-close_white.png") no-repeat center right; /* 622 */ background-position: 95%; /* 623 */ } /* 624 */ /* 625 */ .DSRegisterCheckDoubletWindow .entryblock .styled-select-autoheight img { /* 626 */ width: auto; /* 627 */ height: 35px; /* 628 */ margin-right: 10px; /* 629 */ } /* 630 */ /* 631 */ .DSRegisterCheckDoubletWindow .entryblock .selection-block > div > h4.__CbUiText { /* 632 */ font-size: 12px; /* 633 */ letter-spacing: 0.2em; /* 634 */ margin: 0; /* 635 */ } /* 636 */ /* 637 */ /* 638 */ .DSRegisterCheckDoubletWindow .entryblock .selection-block .user-id-block, /* 639 */ .DSRegisterCheckDoubletWindow .entryblock .selection-block .film-5-block, /* 640 */ .DSRegisterCheckDoubletWindow .entryblock .selection-block .film-6-block { /* 641 */ text-align: left; /* 642 */ padding-left: 3px; /* 643 */ font-size: 13px; /* 644 */ margin-bottom: 2px; /* 645 */ } /* 646 */ /* 647 */ .DSRegisterCheckDoubletInfoWindow h2 { /* 648 */ font-size: 15px; /* 649 */ margin-top: 20px; /* 650 */ } /* 651 */ /* 652 */ .DSRegisterCheckDoubletWindow div#registerframe_checkdoublet_block .styled-select-autoheight.selection { /* 653 */ margin-top: 1px !important; /* 654 */ } /* 655 */ /* 656 */ .DSRegisterCheckDoubletWindow div#registerframe_checkdoublet_block .selection { /* 657 */ margin-top: 0px; /* 658 */ padding: 5px 0px; /* 659 */ position: relative; /* 660 */ } /* 661 */ /* 662 */ .DSRegisterCheckDoubletWindow div#registerframe_button_register_no_doublet_action { /* 663 */ font-weight: bold; /* 664 */ } /* 665 */ /* 666 */ .DSRegisterCheckDoubletWindow .HalfWidthContainer.left p { /* 667 */ margin-bottom: 1.5em; /* 668 */ } /* 669 */ /* 670 */ .DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_medium_match_button, /* 671 */ .DSRegisterCheckDoubletWindow button.__CbUiTextButton.choose_high_match_button { /* 672 */ margin-top: 17px; /* 673 */ margin-bottom: 20px; /* 674 */ text-transform: uppercase; /* 675 */ font-size: 13px; /* 676 */ font-weight: normal; /* 677 */ padding: 3px 16px; /* 678 */ } /* 679 */ /* 680 */ .DSRegisterCheckDoubletWindow div#registerframe_checkdoublet_block .selection { /* 681 */ margin-top: 0px; /* 682 */ padding: 5px 0px; /* 683 */ } /* 684 */ .DSRegisterCheckDoubletWindow div#registerframe_button_register_no_doublet_action { /* 685 */ font-weight: bold; /* 686 */ } /* 687 */ /* 688 */ .DSRegisterCheckDoubletInfoWindow h2:first-child { /* 689 */ margin-top: 0; /* 690 */ } /* 691 */ /* 692 */ .DSRegisterCheckDoubletInfoWindow textarea#registerframe_doublet_info_text { /* 693 */ margin-bottom: 77px; /* 694 */ width: 100%; /* 695 */ min-height: 90px; /* 696 */ } /* 697 */ .DSRegisterCheckDoubletInfoWindow .FullWidthContainer:first-of-type span.__CbUiText { /* 698 */ font-weight: normal; /* 699 */ } /* 700 */ /* 701 */ .DSRegisterCheckDoubletInfoWindow h2.register-duplicate-check-info-headline { /* 702 */ font-size: 25px; /* 703 */ letter-spacing: 0.025em; /* 704 */ line-height: 0.8em; /* 705 */ margin-bottom: 36px; /* 706 */ } /* 707 */ /* 708 */ .DSRegisterCheckDoubletInfoWindow .doublet-login-data-container, /* 709 */ #registerframe_checkdoublet_block .doublet-login-data-container { /* 710 */ float: left; /* 711 */ border-right: 1px solid; /* 712 */ margin-right: 27px; /* 713 */ width: 267px; /* 714 */ } /* 715 */ /* 716 */ #registerframe_checkdoublet_block .doublet-login-data-container { /* 717 */ width: 50%; /* 718 */ } /* 719 */ /* 720 */ .DSRegisterCheckDoubletInfoWindow h2:first-child { /* 721 */ line-height: 1.75em; /* 722 */ } /* 723 */ /* 724 */ .DSRegisterCheckDoubletInfoWindow .registerframe-data-container { /* 725 */ padding: 0 43px 29px; /* 726 */ } /* 727 */ /* 728 */ #registerframe_checkdoublet_block .registerframe-data-container { /* 729 */ margin-bottom: 25px; /* 730 */ } /* 731 */ /* 732 */ .DSRegisterCheckDoubletInfoWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1), /* 733 */ .DSRegisterCheckDoubletInfoWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1) { /* 734 */ padding-bottom: 28px; /* 735 */ } /* 736 */ /* 737 */ .DSRegisterCheckDoubletInfoWindow h2.register-duplicate-check-info-headline { /* 738 */ line-height: 0.8em; /* 739 */ } /* 740 */ /* 741 */ .DSRegisterCheckDoubletWindow .duplicate-profile-img-wrp { /* 742 */ height: 100%; /* 743 */ display: inline-block; /* 744 */ vertical-align: middle; /* 745 */ min-width: 50%; /* 746 */ } /* 747 */ /* 748 */ .DSRegisterCheckDoubletWindow .duplicate-info-text-wrp { /* 749 */ display: inline-block; /* 750 */ width: 70%; /* 751 */ vertical-align: middle; /* 752 */ } /* 753 */ /* 754 */ /*div#registerframe_error_user { /+ 755 +/ height: 40px; /+ 756 +/ } /+ 757 +/ */ /* 758 */ div.DSRegisterCheckDoubletWindow .__CbUiTextButton { /* 759 */ display: inline-block !important; /* 760 */ } /* 761 */ /* 762 */ div.DSRegisterMessageWindow .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer, /* 763 */ div.DSRegisterMessageWindow .__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .FullWidthContainer { /* 764 */ height: 400px !important; /* 765 */ } /* 766 */ /* 767 */ div.DSRegisterMessageWindow div.FullWidthContainer .__CbRegButtonContainer { /* 768 */ height: auto; /* 769 */ } /* 770 */ /* 771 */ div.DSRegisterMessageWindow div.FullWidthContainer .__CbRegButtonContainer .padded-box { /* 772 */ margin-bottom: 20px; /* 773 */ } /* 774 */ /* 775 */ span.__CbUiText.__CbUiReplaceHtml { /* 776 */ display: inline-block; /* 777 */ margin-top: 20px; /* 778 */ } /* 779 */ /* 780 */ #registerframe_checkdoublet_block .duplicate-profile-img-wrp img { /* 781 */ float: left; /* 782 */ } /* 783 */ /* 784 */ #registerframe_checkdoublet_block .duplicate-info-text-wrp { /* 785 */ float: left; /* 786 */ padding-left: 10px; /* 787 */ padding-top: 5px; /* 788 */ color: #000000; /* 789 */ line-height: 1.2em; /* 790 */ } /* 791 */ /* 792 */ #registerframe_checkdoublet_block .selection { /* 793 */ border: none; /* 794 */ box-shadow: none; /* 795 */ } /* 796 */ /* 797 */ #registerframe_checkdoublet_block .entryblock:last-child .selection { /* 798 */ border: none; /* 799 */ } /* 800 */ /* 801 */ #registerframe_checkdoublet_block .match-button-container { /* 802 */ text-align: right; /* 803 */ margin: 15px 15px 30px; /* 804 */ } /* 805 */ /* 806 */ #registerframe_checkdoublet_block .entryblock { /* 807 */ border-bottom: 1px solid #000000; /* 808 */ } /* 809 */ /* 810 */ #registerframe_checkdoublet_block .entryblock:last-child { /* 811 */ border: none; /* 812 */ } /* 813 */ /* 814 */ #registerframe_checkdoublet_block h4.__CbUiText.registerframe-headline-doublet-userid, /* 815 */ #registerframe_checkdoublet_block h4.__CbUiText.registerframe-headline-doublet-film5 { /* 816 */ margin: 10px 0 5px; /* 817 */ } /* 818 */ /* 819 */ #registerframe_checkdoublet_block .user-id-link-block, /* 820 */ #registerframe_checkdoublet_block .film-5-link-block, /* 821 */ #registerframe_checkdoublet_block .film-6-link-block{ /* 822 */ margin-bottom: 5px; /* 823 */ } /* 824 */ /* 825 */ #registerframe_checkdoublet_block .bottom-info { /* 826 */ margin-top: 20px; /* 827 */ } /* 828 */ /* 829 */ #registerframe_checkdoublet_block .__CbRegButtonContainer { /* 830 */ padding-right: 26px; /* 831 */ } /* 832 */ /* 833 */ #registerframe_checkdoublet_block .registerframe_doublet_info_text { /* 834 */ width: 100%; /* 835 */ height: 6em; /* 836 */ margin-bottom: 20px; /* 837 */ } /* 838 */ /* 839 */ #registerframe_checkdoublet_block h2 { /* 840 */ font-size: 15px; /* 841 */ } /* 842 */ /* 843 */ .__CbRegExistAccountText.__CbUiText.login-label { /* 844 */ margin-bottom: 1.5em; /* 845 */ } /* 846 */ /* 847 */ .DSRegisterCheckDoubletWindow .selection-block > div > h4 { /* 848 */ padding: 10px 0; /* 849 */ } /* 850 */ .film-5-link-block::before, /* 851 */ .film-6-link-block::before, /* 852 */ .user-id-link-block::before { /* 853 */ content: '- '; /* 854 */ } /* 855 */ /* 856 */ /* 857 */ /* 858 */ /* 859 */ .__CbUiFrame.cb-window { /* 860 */ background: #ffffff; /* 861 */ border-radius: 0; /* 862 */ /* 863 */ min-height: 350px; /* 864 */ /* 865 */ width: 100%; /* 866 */ max-width: 930px; /* 867 */ /* 868 */ padding-top: 40px; /* 869 */ padding-bottom: 40px; /* 870 */ } /* 871 */ /* 872 */ .__CbUiFrame.cb-window .__CbUiCloseButton { /* 873 */ right: 40px; /* 874 */ top: 40px; /* 875 */ background-image: url("/module/lib/framework/images/img_close-black.png"); /* 876 */ background-size: 14px 14px; /* 877 */ color: #000; /* 878 */ font-size: 0; /* 879 */ height: 14px; /* 880 */ right: 40px; /* 881 */ top: 0; /* 882 */ width: 14px; /* 883 */ } /* 884 */ /* 885 */ .__CbUiFrame.cb-window .__CbUiText { /* 886 */ font-family: 'Roboto', sans-serif; /* 887 */ font-size: 14px; /* 888 */ line-height: 20px; /* 889 */ letter-spacing: 1.05px; /* 890 */ /* 891 */ color: #101010; /* 892 */ } /* 893 */ /* 894 */ .__CbUiFrame.cb-window .voucher-error-message { /* 895 */ color: red; /* 896 */ font-style: italic; /* 897 */ margin-bottom: 8px; /* 898 */ display: none; /* 899 */ } /* 900 */ /* 901 */ .__CbUiFrame.cb-window .contentTitle { /* 902 */ visibility: hidden; /* 903 */ display: none; /* 904 */ } /* 905 */ /* 906 */ .__CbUiFrame.cb-window .__CbRegPage { /* 907 */ min-height: 0; /* 908 */ } /* 909 */ /* 910 */ .__CbUiFrame.cb-window .__CbRegLinkClass { /* 911 */ width: 100%; /* 912 */ } /* 913 */ /* 914 */ .__CbUiFrame.cb-window .__CbUiForm { /* 915 */ padding-left: 0; /* 916 */ padding-right: 0; /* 917 */ } /* 918 */ /* 919 */ .__CbUiFrame.cb-window #registerframe_message { /* 920 */ margin-bottom: 40px; /* 921 */ } /* 922 */ /* 923 */ .cb-col { /* 924 */ display: inline-block; /* 925 */ vertical-align: top; /* 926 */ width: 100%; /* 927 */ padding-left: 40px; /* 928 */ padding-right: 40px; /* 929 */ } /* 930 */ /* 931 */ .cb-window__header { /* 932 */ padding-bottom: 50px; /* 933 */ } /* 934 */ /* 935 */ .__CbUiFrame.cb-window .cb-input { /* 936 */ border: 2px solid #d0d0d0; /* 937 */ box-sizing: border-box; /* 938 */ margin-bottom: 8px; /* 939 */ padding: 10px 0 10px 20px; /* 940 */ width: 100%; /* 941 */ border-radius: 5px; /* 942 */ display: block; /* 943 */ height: auto; /* 944 */ min-height: 16px; /* 945 */ } /* 946 */ /* 947 */ .__CbUiFrame.cb-window .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton { /* 948 */ padding: 13px; /* 949 */ width: 100%; /* 950 */ max-width: 9999px; /* 951 */ } /* 952 */ /* 953 */ /* 954 */ /* 955 */ /* 956 */ @media only screen and (min-width: 768px) { /* 957 */ /* 958 */ .cb-col--half { /* 959 */ width: 50%; /* 960 */ } /* 961 */ /* 962 */ } /* 963 */ /* 964 */ @media only screen and (max-width: 767px) { /* 965 */ /* 966 */ .__CbUiFrame.DSRegisterCheckDoubletWindow.DSRegisterWindow.CbControlbar2Window.CbControlbar2RegisterWindow .HalfWidthContainer { /* 967 */ float: none; /* 968 */ width: 100%; /* 969 */ } /* 970 */ /* 971 */ .DSRegisterCheckDoubletWindow h2.register-duplicate-check-headline { /* 972 */ width: 100%; /* 973 */ } /* 974 */ /* 975 */ .__CbUiFrame.DSRegisterCheckDoubletInfoWindow.DSRegisterWindow.CbControlbar2Window.CbControlbar2RegisterWindow #registerframe_checkdoublet_block .doublet-login-data-container { /* 976 */ border: medium none; /* 977 */ float: none; /* 978 */ padding-bottom: 20px; /* 979 */ width: 100%; /* 980 */ } /* 981 */ /* 982 */ .CbControlbar2Window #AddressData .reduced-line-height, /* 983 */ .AgdokRegisterWindow #AddressData .reduced-line-height { /* 984 */ /*margin-bottom: 100px;*/ /* 985 */ } /* 986 */ div.DSRegisterCheckDoubletWindow.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.right, /* 987 */ div.DSRegisterCheckDoubletWindow.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.right { /* 988 */ width: 100%; /* 989 */ } /* 990 */ div.DSRegisterCheckDoubletWindow.__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.left, /* 991 */ div.DSRegisterCheckDoubletWindow.__CbUiFrame.AgdokRegisterWindow.__CbUiLayerFrame .HalfWidthContainer.left { /* 992 */ width: 100%; /* 993 */ padding-right: 40px; /* 994 */ } /* 995 */ div.DSRegisterCheckDoubletInfoWindow .doublet-login-data-container { /* 996 */ border-right: none; /* 997 */ } /* 998 */ /* 999 */ .CbControlbar2Window #registerframe_checkdoublet_block .__CbRegButtonContainer { /* 1000 */ padding-right: 0; /* 1001 */ } /* 1002 */ /* 1003 */ } /* 1004 */ /* 1005 */ @media only screen and (max-width: 479px) { /* 1006 */ div.DSRegisterCheckDoubletInfoWindow .doublet-login-data-container { /* 1007 */ border-right: none; /* 1008 */ } /* 1009 */ } /* 1010 */ /* --- /var/www/module_php7/jscript/lib/jquery_plugins/jqueryui/jquery-ui-core-interactions-latest-stable.min.css --- */ /* 1 */ /*! jQuery UI - v1.11.4 - 2015-04-30 /+ 2 +/ * http://jqueryui.com /+ 3 +/ * Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css /+ 4 +/ * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* 5 */ /* 6 */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none} /* --- /var/www/module_php7/jscript/lib/jquery_plugins/autocomplete2/mod.autocomplete.css --- */ /* 1 */ /* This file is part of cbautocomplete2. /+ 2 +/ * Copyright © 2010-2013 stiftung kulturserver.de ggmbh /+ 3 +/ * /+ 4 +/ * cbui is free software: you can redistribute it and/or modify /+ 5 +/ * it under the terms of the GNU General Public License as published by /+ 6 +/ * the Free Software Foundation, either version 3 of the License, or /+ 7 +/ * (at your option) any later version. /+ 8 +/ * /+ 9 +/ * cbui is distributed in the hope that it will be useful, /+ 10 +/ * but WITHOUT ANY WARRANTY; without even the implied warranty of /+ 11 +/ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the /+ 12 +/ * GNU General Public License for more details. /+ 13 +/ * /+ 14 +/ * You should have received a copy of the GNU General Public License /+ 15 +/ * along with cbui. If not, see . /+ 16 +/ */ /* 17 */ /* 18 */ .__AC_position { /* 19 */ background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/pointer.gif'); /* 20 */ background-position: center top; /* 21 */ background-repeat: no-repeat; /* 22 */ color: #000000; /* 23 */ font-family: Arial; /* 24 */ font-size: 15px; /* 25 */ line-height: 19px; /* 26 */ padding-top: 11px; /* 27 */ position: absolute; /* 28 */ } /* 29 */ /* 30 */ .__AC_layer { /* 31 */ background-color: #F7ECCF; /* 32 */ border-radius: 4px; /* 33 */ -moz-border-radius: 4px; /* 34 */ -webkit-border-radius: 4px; /* 35 */ position: relative; /* 36 */ padding: 15px 0px 10px 10px; /* 37 */ z-index: 1; /* 38 */ } /* 39 */ .__AC_layer:before, .__AC_layer:after{ /* 40 */ content: '.'; /* 41 */ display: block; /* 42 */ height: 0; /* 43 */ overflow: hidden; /* 44 */ visibility: hidden; /* 45 */ width: 0; /* 46 */ clear: both; /* 47 */ } /* 48 */ /* 49 */ .__AC_data { /* 50 */ max-height: 200px; /* 51 */ overflow-y: auto; /* 52 */ padding-right: 10px; /* 53 */ } /* 54 */ /* 55 */ .__AC_close { /* 56 */ background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/close-large.gif'); /* 57 */ background-size: contain; /* 58 */ cursor: pointer; /* 59 */ height: 18px; /* 60 */ width: 18px; /* 61 */ position: absolute; /* 62 */ right: 2px; /* 63 */ top: 13px; /* 64 */ z-index: 2; /* 65 */ } /* 66 */ /* 67 */ .__AC_data div { /* 68 */ padding: 2px; /* 69 */ margin-bottom: 5px; /* 70 */ -moz-hyphens: auto; /* 71 */ -ms-hyphens: auto; /* 72 */ -o-hyphens: auto; /* 73 */ -webkit-hyphens: auto; /* 74 */ hyphens: auto; /* 75 */ } /* 76 */ /* 77 */ .__AC_data div:hover, .__AC_keyhover, .__AC_ie8HoverFix { /* 78 */ background-color: #F1851B; /* 79 */ cursor: pointer; /* 80 */ color: #ffffff; /* 81 */ } /* 82 */ /* 83 */ .__AC_button { /* 84 */ margin: 10px 11px 0 0; /* 85 */ text-decoration: none; /* 86 */ padding: 0 5px; /* 87 */ font-size: 11px; /* 88 */ color: #a73c2e; /* 89 */ background-color: #fcfcf9; /* 90 */ background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%); /* 91 */ background-image: -webkit-gradient( /* 92 */ linear, /* 93 */ left bottom, /* 94 */ left top, /* 95 */ color-stop(0.15, rgb(246,246,239)), /* 96 */ color-stop(0.85, rgb(255,255,255)) /* 97 */ ); /* 98 */ background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 99 */ background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 100 */ background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 101 */ background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 102 */ vertical-align: middle; /* 103 */ font-weight: bold; /* 104 */ border: 1px solid rgb(189,190,178); /* 105 */ -moz-box-shadow: 0 0 5px rgb(189,190,178); /* 106 */ -webkit-box-shadow: 0 0 5px rgb(189,190,178); /* 107 */ box-shadow: 0 0 5px rgb(189,190,178); /* 108 */ text-align: center; /* 109 */ line-height: 250%; /* 110 */ -moz-border-radius: 2px 2px 2px 2px; /* 111 */ -webkit-border-radius: 2px 2px 2px 2px; /* 112 */ border-radius: 2px 2px 2px 2px; /* 113 */ cursor: pointer; /* 114 */ } /* 115 */ /* 116 */ input.__AC_invalidated { /* 117 */ background-color: #DAE1E4; /* 118 */ color: #5F7BA5; /* 119 */ background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/glas_icon.svg'); /* 120 */ background-position: right center; /* 121 */ background-repeat: no-repeat; /* 122 */ font-style: normal !important; /* 123 */ } /* 124 */ /* 125 */ .__CbUiCbTexPageContainer input.__AC_invalidated { /* 126 */ background-color: #DAE1E4; /* 127 */ color: #5F7BA5; /* 128 */ } /* 129 */ /* 130 */ input.__AC_editing { /* 131 */ background-color: #F7ECCF !important; /* 132 */ color: #D95E28 !important; /* 133 */ padding-left: 10px; /* 134 */ background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/editing.svg'); /* 135 */ background-position: right center; /* 136 */ background-repeat: no-repeat; /* 137 */ font-style: normal !important; /* 138 */ } /* 139 */ /* 140 */ .__AC_editing::placeholder{ /* 141 */ padding-left: 0px!important; /* 142 */ } /* 143 */ /* 144 */ .__AC_validating{ /* 145 */ padding-left: 10px; /* 146 */ } /* 147 */ /* 148 */ input.__AC_validating, div.__AC_validating { /* 149 */ background-color: #F7ECCF !important; /* 150 */ color: #D95E28 !important; /* 151 */ background-image: url('/module/jscript/lib/jquery_plugins/autocomplete2/validating.svg'); /* 152 */ background-position: right center; /* 153 */ background-repeat: no-repeat; /* 154 */ font-style: normal !important; /* 155 */ } /* 156 */ /* 157 */ input.__AC_validated { /* 158 */ background-color: #EDF4D8 !important; /* 159 */ color: #42443F !important; /* 160 */ background-image:url('/module/jscript/lib/jquery_plugins/autocomplete2/icon-field-validated.svg'); /* 161 */ background-position: 95% center; /* 162 */ background-repeat: no-repeat; /* 163 */ font-style: normal !important; /* 164 */ } /* 165 */ /* 166 */ input.__AC_freetext { /* 167 */ background-color: #ECEDE1 !important; /* 168 */ color: #3F3F3F !important; /* 169 */ font-style: normal !important; /* 170 */ } /* 171 */ /* --- /var/www/module_php7/lib/framework/css/cb_tex_window.css ------------- */ /* 1 */ /* /+ 2 +/ To change this license header, choose License Headers in Project Properties. /+ 3 +/ To change this template file, choose Tools | Templates /+ 4 +/ and open the template in the editor. /+ 5 +/ */ /* 6 */ /* /+ 7 +/ Created on : Jun 8, 2015, 10:08:55 AM /+ 8 +/ Author : henningrichter /+ 9 +/ */ /* 10 */ /* 11 */ /* /+ 12 +/ For a unified TEX window appearance include this file as /+ 13 +/ /var/www/module/lib/framework/css/cb_tex_window.css /+ 14 +/ in all projects that feature editors. /+ 15 +/ */ /* 16 */ /* 17 */ .__CbUiCbTexWindow .__CbUiContent>form { /* 18 */ height: 510px; /* 19 */ position: relative; /* 20 */ } /* 21 */ /* 22 */ .__CbUiCbTexPageButton, /* 23 */ .__CbUiCbTexSubmitButton, /* 24 */ .__CbUiCbTexRelatedImageButton, /* 25 */ .__CbUiCbTexEmbedImageButton, /* 26 */ .__CbUiCbTexRelatedExpandButton { /* 27 */ text-decoration: none; /* 28 */ font-size: 11px; /* 29 */ color: #a73c2e; /* 30 */ background-color: #fcfcf9; /* 31 */ background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%); /* 32 */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(246,246,239)),color-stop(0.85, rgb(255,255,255))); /* 33 */ background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 34 */ background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 35 */ background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 36 */ background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 37 */ vertical-align: middle; /* 38 */ font-weight: bold; /* 39 */ border: 1px solid rgb(189,190,178); /* 40 */ -moz-box-shadow: 0 0 5px rgb(189,190,178); /* 41 */ -webkit-box-shadow: 0 0 5px rgb(189,190,178); /* 42 */ box-shadow: 0 0 5px rgb(189,190,178); /* 43 */ text-align: center; /* 44 */ -moz-border-radius: 2px 2px 2px 2px; /* 45 */ -webkit-border-radius: 2px 2px 2px 2px; /* 46 */ border-radius: 2px 2px 2px 2px; /* 47 */ cursor: pointer; /* 48 */ margin: 0 2px; /* 49 */ } /* 50 */ .__CbUiCbTexPage-1 .__CbUiCbTexNextPageButton, /* 51 */ .__CbUiCbTexPage-2 .__CbUiCbTexNextPageButton, /* 52 */ .__CbUiCbTexPage-2 .__CbUiCbTexSubmitButton, /* 53 */ .__CbUiCbTexPage-2 .__CbUiCbTexPreviousPageButton, /* 54 */ .__CbUiCbTexPage-3 .__CbUiCbTexSubmitButton, /* 55 */ .__CbUiCbTexPage-3 .__CbUiCbTexPreviousPageButton { /* 56 */ float: right; /* 57 */ } /* 58 */ /* 59 */ .__CbUiCbTexAutoCompleteContainer, /* 60 */ .text-type-container { /* 61 */ padding: 15px; /* 62 */ } /* 63 */ /* 64 */ .__CbUiCbTexAutoCompleteContainer { /* 65 */ height: 40px; /* 66 */ left: 188px; /* 67 */ position: relative; /* 68 */ width: 430px; /* 69 */ } /* 70 */ /* 71 */ .__CbUiCbTexPage-2 .__ACPosition { /* 72 */ padding-top: 28px; /* 73 */ } /* 74 */ /* 75 */ #CbTexAuthorName, /* 76 */ #CbTexLanguageName { /* 77 */ border-radius: 4px; /* 78 */ float: right; /* 79 */ height: 20px; /* 80 */ width: 415px; /* 81 */ background-position: 97% 40%; /* 82 */ } /* 83 */ /* 84 */ #CbTexType { /* 85 */ border-radius: 0; /* 86 */ text-align: left; /* 87 */ width: 445px; /* 88 */ border: none; /* 89 */ } /* 90 */ /* 91 */ #CbTexYearText { /* 92 */ display: none; /* 93 */ } /* 94 */ /* 95 */ #CbTexTitelText { /* 96 */ width: 100%; /* 97 */ } /* 98 */ /* 99 */ .__CbUiCbTexWindow #CbTexText, /* 100 */ .__CbUiCbTexWindow #CbTexTitelText { /* 101 */ padding: 5px; /* 102 */ width: 635px; /* 103 */ } /* 104 */ /* 105 */ .__CbUiCbTexWindow #CbTexText { /* 106 */ height: 400px; /* 107 */ } /* 108 */ /* 109 */ .input-label { /* 110 */ font-size: 12px; /* 111 */ font-weight: bold; /* 112 */ opacity: 0.35; /* 113 */ } /* 114 */ /* 115 */ .inform-author-container { /* 116 */ font-size: 11px; /* 117 */ } /* 118 */ /* 119 */ .inform-author-container p { /* 120 */ padding: 10px 0; /* 121 */ } /* 122 */ /* 123 */ .inform-author-container label { /* 124 */ font-weight: bold; /* 125 */ padding: 0 5px; /* 126 */ } /* 127 */ /* 128 */ .inform-author-container span { /* 129 */ font-weight: bold; /* 130 */ font-style: italic; /* 131 */ color: #A73C2E; /* 132 */ } /* 133 */ /* 134 */ .__CbUiCbTexWindow input[type="text"] { /* 135 */ padding: 5px; /* 136 */ width: 628px; /* 137 */ background-color: #fff; /* 138 */ } /* 139 */ /* 140 */ .__CbUiCbTexWindow textarea, /* 141 */ .__CbUiCbTexWindow input[type="text"] { /* 142 */ border: 1px solid #CCCCCC; /* 143 */ color: #000000; /* 144 */ font-family: Arial,sans-serif; /* 145 */ font-size: 12px; /* 146 */ margin-bottom: 10px; /* 147 */ } /* 148 */ /* 149 */ .__CbUiCbTexWindow textarea { /* 150 */ min-height: 290px; /* 151 */ padding: 5px; /* 152 */ width: 626px; /* 153 */ } /* 154 */ /* 155 */ .__CbUiCbTexWindow .text-type-container { /* 156 */ height: 10px; /* 157 */ } /* 158 */ /* 159 */ .text-edit-mail-intro-container { /* 160 */ font-size: 11px; /* 161 */ padding: 10px 0; /* 162 */ text-align: left; /* 163 */ border: none; /* 164 */ padding: 10px 0; /* 165 */ } /* 166 */ /* 167 */ .text-edit-mail-intro-container p { /* 168 */ font-size: 12px; /* 169 */ } /* 170 */ /* 171 */ .text-edit-mail-intro-container .input-container { /* 172 */ font-weight: bold; /* 173 */ border: none; /* 174 */ width: 100%; /* 175 */ } /* 176 */ /* 177 */ .text-edit-mail-intro-container .input-container label { /* 178 */ border: medium none; /* 179 */ font-size: 12px !important; /* 180 */ width: 100% !important; /* 181 */ } /* 182 */ /* 183 */ .text-edit-mail-intro-container .input-container .remark { /* 184 */ color: #2F74A9; /* 185 */ font-style: italic; /* 186 */ margin-left: 10px; /* 187 */ } /* 188 */ /* 189 */ .text-edit-mail-intro-container .input-container input, /* 190 */ .film-genre-cat-block .option-container input { /* 191 */ width: 15px; /* 192 */ margin: 0; /* 193 */ border: none; /* 194 */ } /* 195 */ /* 196 */ .text-edit-mail-intro-container input[type="checkbox"] + span.icon, /* 197 */ .film-genre-cat-block input[type="checkbox"] + span.icon { /* 198 */ background-image: url("../images/radio_toggle_icon.png"); /* 199 */ background-position: 0 0; /* 200 */ display: inline-block; /* 201 */ height: 20px; /* 202 */ margin-right: 5px; /* 203 */ padding: 0; /* 204 */ vertical-align: middle; /* 205 */ width: 20px; /* 206 */ } /* 207 */ /* 208 */ .text-edit-mail-intro-container input[type="checkbox"]:checked + span.icon, /* 209 */ .film-genre-cat-block input[type="checkbox"]:checked + span.icon { /* 210 */ background-position: -20px 0; /* 211 */ } /* 212 */ /* 213 */ .text-edit-mail-intro-container input[type="checkbox"], /* 214 */ .film-genre-cat-block input[type="checkbox"] { /* 215 */ display: none; /* 216 */ } /* 217 */ /* 218 */ .text-edit-mail-intro-container input, /* 219 */ .film-genre-cat-block input { /* 220 */ margin: 10px 10px 0 20px; /* 221 */ } /* 222 */ /* 223 */ .autocomplete-container .input-label.__CbUiText { /* 224 */ left: 15px; /* 225 */ position: relative; /* 226 */ top: 35px; /* 227 */ } /* 228 */ /* 229 */ .__CbUiCbTexPage-2 .__AC_position { /* 230 */ padding-top: 30px; /* 231 */ } /* 232 */ /* 233 */ .__CbUiLayerFrame { /* 234 */ overflow: visible !important; /* 235 */ } /* 236 */ /* 237 */ .__CbUiEditButtons { /* 238 */ width: 650px; /* 239 */ margin: 10px 0; /* 240 */ padding: 0 0 0 0; /* 241 */ list-style: none; /* 242 */ bottom: 10px; /* 243 */ font-family: Arial, Helvetica, sans-serif; /* 244 */ } /* 245 */ /* 246 */ .__CbUiEditButtons div.__CbUiRelatedMenu { /* 247 */ margin-right: 20px; /* 248 */ float: left; /* 249 */ position: relative; /* 250 */ } /* 251 */ /* 252 */ .__CbUiCbTexRelatedButtons { /* 253 */ display: none; /* 254 */ position: absolute; /* 255 */ bottom: 0; /* 256 */ min-width: 100%; /* 257 */ list-style: none; /* 258 */ width: 180px; /* 259 */ padding: 5px 0; /* 260 */ } /* 261 */ /* 262 */ .__CbUiCbTexRelatedButtons button { /* 263 */ background-color: transparent; /* 264 */ background-image: none; /* 265 */ border: medium none; /* 266 */ box-shadow: none; /* 267 */ color: #333333; /* 268 */ padding: 15px; /* 269 */ cursor: pointer; /* 270 */ line-height: 5px; /* 271 */ text-align: left; /* 272 */ } /* 273 */ /* 274 */ .__CbUiCbTexRelatedButtons button:hover { /* 275 */ color: #A73C2E; /* 276 */ } /* 277 */ /* 278 */ /* 279 */ .__CbUiCbTexRelatedImagesBlock { /* 280 */ /*margin: 10px 0 20px;*/ /* 281 */ padding: 2px; /* 282 */ min-height: 50px; /* 283 */ } /* 284 */ /* 285 */ .__CbUiCbTexRelatedImagesThumbs, /* 286 */ .__CbUiCbTexRelatedImagesContainer { /* 287 */ text-align: left; /* 288 */ float: left; /* 289 */ } /* 290 */ /* 291 */ .thumb-container { /* 292 */ position: relative; /* 293 */ float: left; /* 294 */ margin: 5px 10px 0; /* 295 */ padding-right: 2px; /* 296 */ } /* 297 */ /* 298 */ .__CbUiCbTexRelatedImagesThumbs.ui-sortable .thumb-container .image-tile-item { /* 299 */ background: transparent; /* 300 */ border: none; /* 301 */ box-shadow: none; /* 302 */ height: 100%; /* 303 */ width: 100%; /* 304 */ margin: 0; /* 305 */ padding: 0; /* 306 */ } /* 307 */ /* 308 */ .__CbUiCbTexRelatedImagesThumbs.ui-sortable { /* 309 */ height: auto; /* 310 */ width: 650px; /* 311 */ overflow-y: scroll; /* 312 */ } /* 313 */ /* 314 */ .__CbUiCbTexRelatedImagesBlock .__CbUiCbTexRelatedImagesThumbs.ui-sortable { /* 315 */ max-height: 280px; /* 316 */ } /* 317 */ /* 318 */ .__CbUiCbTexRelatedImagesThumbs.ui-sortable:empty { /* 319 */ height: 0; /* 320 */ border: none; /* 321 */ } /* 322 */ /* 323 */ .__CbUiCbTexRelatedImagesThumbs .thumb-button-delete, /* 324 */ .__CbUiCbTexRelatedImagesThumbs .thumb-button-edit { /* 325 */ display: none; /* 326 */ text-align: right; /* 327 */ width: 25px; /* 328 */ height: 25px; /* 329 */ color: #fff; /* 330 */ font-size: 10px; /* 331 */ cursor: pointer; /* 332 */ position: absolute; /* 333 */ right: 0; /* 334 */ } /* 335 */ /* 336 */ .__CbUiCbTexRelatedImagesThumbs .thumb-button-delete { /* 337 */ top: 0; /* 338 */ } /* 339 */ /* 340 */ .__CbUiCbTexRelatedImagesThumbs .thumb-button-edit { /* 341 */ bottom: 0; /* 342 */ } /* 343 */ /* 344 */ .__CbUiCbTexRelatedImagesThumbs .thumb-button-delete img, /* 345 */ .__CbUiCbTexRelatedImagesThumbs .thumb-button-edit img { /* 346 */ margin: 0 5px 0 0; /* 347 */ } /* 348 */ /* 349 */ .__CbUiCbTexRelatedExpandButton { /* 350 */ background: url("/module/jscript/lib/cb_ui/img/selectbox_arrow_icon_up.png") no-repeat scroll 110px 12px #FAFAF6; /* 351 */ font-family: Arial, Helvetica sans-serif; /* 352 */ padding-right: 25px; /* 353 */ } /* 354 */ /* 355 */ .__CbUiCbTexRelatedButtons { /* 356 */ background-color: #F0F0F1; /* 357 */ background-image: -webkit-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%); /* 358 */ background-image: -moz-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%); /* 359 */ background-image: -ms-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%); /* 360 */ background-image: -o-linear-gradient(bottom , #F0F0F1 0%, #FFFFFF 100%); /* 361 */ border: 1px solid #CCCCCC; /* 362 */ bottom: 16px; /* 363 */ box-shadow: 0 1px 5px #999999; /* 364 */ } /* 365 */ /* 366 */ .__CbUiCbTexWindow .__CbTexGeoCoordinates { /* 367 */ padding: 20px 0; /* 368 */ border-bottom: 1px solid #ccc; /* 369 */ margin-bottom: 20px; /* 370 */ } /* 371 */ /* 372 */ .__CbUiCbTexWindow .CbTexArticle2Media { /* 373 */ border-bottom: 1px solid #ccc; /* 374 */ } /* 375 */ /* 376 */ .__CbUiCbTexWindow .__CbTexBubbleOpen { /* 377 */ padding: 20px 0 20px; /* 378 */ margin-bottom: 20px; /* 379 */ border-top: 1px solid #ccc; /* 380 */ } /* 381 */ /* 382 */ .__CbUiCbTexWindow .__CbTexGeoCoordinates input[type="text"] { /* 383 */ width: 120px; /* 384 */ margin: 0 20px; /* 385 */ } /* 386 */ /* 387 */ .__CbUiCbTexWindow .__CbUiTexPageContent { /* 388 */ height: 487px; /* 389 */ font-size: 15px; /* 390 */ padding-top: 15px; /* 391 */ } /* 392 */ /* 393 */ .__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexTagInputLabel, /* 394 */ .__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexRelatedImagesBlock, /* 395 */ .__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexInsertedAtLabel { /* 396 */ font-size: 12px; /* 397 */ } /* 398 */ /* 399 */ .__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexRelatedImagesBlock { /* 400 */ font-style: italic; /* 401 */ } /* 402 */ /* 403 */ .__CbUiCbTexWindow .__CbUiTexPageContent .__CbUiCbTexRelatedImagesBlock { /* 404 */ color: grey; /* 405 */ } /* 406 */ /* 407 */ .__CbUiCbTexWindow span.tile-item-positioner { /* 408 */ text-align: center; /* 409 */ float: left; /* 410 */ width: 100%; /* 411 */ height: 100%; /* 412 */ padding: 4px; /* 413 */ margin: 2px; /* 414 */ position: relative; /* 415 */ border: 1px solid #CCCCCA; /* 416 */ border-radius: 4px; /* 417 */ background: #ffffff; /* 418 */ -moz-box-shadow: 0 0 5px rgb(189,190,178); /* 419 */ -webkit-box-shadow: 2px 2px 5px rgb(189,190,178); /* 420 */ box-shadow: 2px 2px 5px rgb(189,190,178); /* 421 */ display: table; /* 422 */ } /* 423 */ /* 424 */ .__CbUiCbTexWindow .image-tile-preview-info { /* 425 */ display: table-cell; /* 426 */ text-align: center; /* 427 */ vertical-align: middle; /* 428 */ height: 113px; /* 429 */ width: 113px; /* 430 */ } /* 431 */ /* 432 */ .__CbUiCbTexWindow .cursor-area { /* 433 */ height: 60px; /* 434 */ left: 7px; /* 435 */ position: absolute; /* 436 */ top: 30px; /* 437 */ width: 100%; /* 438 */ cursor: url("/module/lib/framework/images/move.png") 15 15, auto; /* 439 */ } /* 440 */ /* 441 */ .__CbUiCbTexWindow .main-navi { /* 442 */ padding-bottom: 6px; /* 443 */ } /* 444 */ /* 445 */ div#form_upload { /* 446 */ z-index: 1338; /* 447 */ left: -1001px; /* 448 */ } /* 449 */ /* 450 */ .__CbUiCbTexWindow div.mce-flow-layout-item { /* 451 */ margin: 2px 0px 2px 1px; /* 452 */ } /* 453 */ /* 454 */ .__CbUiCbTexWindow .image-tile-item img.preview-image { /* 455 */ display: block; /* 456 */ margin: 0 auto; /* 457 */ height: auto; /* 458 */ -moz-box-shadow: 0 0 5px rgba(163,163,163,1); /* 459 */ -webkit-box-shadow: 0 0 5px rgba(163,163,163,1); /* 460 */ box-shadow: 0 0 5px rgba(163,163,163,0.8); /* 461 */ } /* 462 */ /* 463 */ .__CbUiCbTexWindow .__CbUiCbTexRelatedImagesDesc, /* 464 */ .__CbUiCbTexWindow .__CbUiCbTexRelatedImagesBlock { /* 465 */ margin: 10px 0 20px; /* 466 */ padding: 2px; /* 467 */ min-height: 50px; /* 468 */ max-height: 370px; /* 469 */ background-color: transparent; /* 470 */ } /* 471 */ /* 472 */ .__CbUiCbTexWindow #ThumbManager #CbTexThumb .image-tile-item { /* 473 */ background: transparent; /* 474 */ border: none; /* 475 */ box-shadow: none; /* 476 */ height: auto; /* 477 */ width: auto; /* 478 */ margin: 0; /* 479 */ padding: 0; /* 480 */ } /* 481 */ /* 482 */ /* 483 */ .__CbUiCbTexWindow #CbTexTitle, /* 484 */ .__CbUiCbTexWindow #CbTexSubtitle { /* 485 */ box-sizing: border-box; /* 486 */ width: 100%; /* 487 */ float: none; /* 488 */ } /* 489 */ /* 490 */ .__CbUiCbTexTagManager { /* 491 */ border-top: 3px solid #000; /* 492 */ padding: 5px 0; /* 493 */ margin: 10px 0; /* 494 */ width: 630px; /* 495 */ } /* 496 */ /* 497 */ .autocomplete-container { /* 498 */ position: relative; /* 499 */ } /* 500 */ /* 501 */ .__CbUiCbTexTagInputLabel { /* 502 */ color: #000; /* 503 */ font-size: 12px; /* 504 */ } /* 505 */ /* 506 */ .__CbUiCbTexTagLabel { /* 507 */ background-color: #ededed; /* 508 */ padding: 5px; /* 509 */ float: left; /* 510 */ margin: 0 10px 10px 0; /* 511 */ border-radius: 3px; /* 512 */ } /* 513 */ /* 514 */ .__CbUiCbTexTagLabels p { /* 515 */ font-size: 13px; /* 516 */ float: left; /* 517 */ margin-right: 5px; /* 518 */ min-width: 50px; /* 519 */ margin-bottom: 0px; /* 520 */ /* 521 */ } /* 522 */ /* 523 */ .__CbUiCbTexTagLabels button.__CbUiCbTexTagLabelDelete { /* 524 */ float: left; /* 525 */ width: 19px; /* 526 */ height: 19px; /* 527 */ background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_tag_icon_bg.png'); /* 528 */ border: none; /* 529 */ background-color: transparent; /* 530 */ background-repeat: no-repeat; /* 531 */ background-position: center; /* 532 */ } /* 533 */ /* 534 */ .__CbUiCbTexTagLabels .hover button.__CbUiCbTexTagLabelDelete { /* 535 */ background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_icon_bg.png'); /* 536 */ } /* 537 */ /* 538 */ #CbTexInsertedAt { /* 539 */ margin: 10px 0; /* 540 */ width: 620px; /* 541 */ height: 24px; /* 542 */ } /* 543 */ /* 544 */ #CbTexInsertedAt.__CbUiCbTexInvalidated { /* 545 */ border: 1px solid red; /* 546 */ } /* 547 */ /* 548 */ .__CbUiCbTexError { /* 549 */ color: red; /* 550 */ display: none; /* 551 */ font-size: 12px; /* 552 */ } /* 553 */ /* 554 */ .__CbUiCbTexToggleButton { /* 555 */ float: left; /* 556 */ width: 38px; /* 557 */ height: 38px; /* 558 */ margin-left: 10px; /* 559 */ background: #ffffff; /* 560 */ background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f1 100%); /* 561 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f1)); /* 562 */ background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f1 100%); /* 563 */ background: -o-linear-gradient(top, #ffffff 0%, #f0f0f1 100%); /* 564 */ background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f1 100%); /* 565 */ background: linear-gradient(to bottom, #ffffff 0%, #f0f0f1 100%); /* 566 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f1', GradientType=0); /* 567 */ border: 1px solid #ccc; /* 568 */ border-radius: 2px; /* 569 */ } /* 570 */ /* 571 */ .__CbUiCbTexToggleOption { /* 572 */ width: 28px; /* 573 */ height: 28px; /* 574 */ margin: 5px; /* 575 */ background-repeat: no-repeat; /* 576 */ background-size: cover; /* 577 */ cursor: pointer; /* 578 */ display: none; /* 579 */ } /* 580 */ /* 581 */ .__CbUiCbTexToggleOption.selected { /* 582 */ display: block; /* 583 */ } /* 584 */ /* 585 */ img.thumb-button-meta { /* 586 */ position: absolute; /* 587 */ bottom: 3px; /* 588 */ left: 0px; /* 589 */ width: 30px; /* 590 */ } /* --- /var/www/player/media/css/player_7.css ------------------------------- */ /* 1 */ /** original player code */ /* 2 */ /* 3 */ @charset "UTF-8"; /* 4 */ .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { /* 5 */ position: absolute; /* 6 */ top: 0; /* 7 */ left: 0; /* 8 */ width: 100%; /* 9 */ height: 100%; /* 10 */ } /* 11 */ /* 12 */ .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { /* 13 */ text-align: center; /* 14 */ } /* 15 */ /* 16 */ @font-face { /* 17 */ font-family: VideoJS; /* 18 */ src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff"); /* 19 */ font-weight: normal; /* 20 */ font-style: normal; /* 21 */ } /* 22 */ .vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { /* 23 */ font-family: VideoJS; /* 24 */ font-weight: normal; /* 25 */ font-style: normal; /* 26 */ } /* 27 */ .vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before { /* 28 */ content: "\f101"; /* 29 */ color:#fff; /* 30 */ } /* 31 */ /* 32 */ .vjs-icon-play-circle { /* 33 */ font-family: VideoJS; /* 34 */ font-weight: normal; /* 35 */ font-style: normal; /* 36 */ } /* 37 */ .vjs-icon-play-circle:before { /* 38 */ content: "\f102"; /* 39 */ color:#fff; /* 40 */ } /* 41 */ /* 42 */ .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { /* 43 */ font-family: VideoJS; /* 44 */ font-weight: normal; /* 45 */ font-style: normal; /* 46 */ } /* 47 */ .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { /* 48 */ content: "\f103"; /* 49 */ color:#fff; /* 50 */ } /* 51 */ /* 52 */ .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { /* 53 */ font-family: VideoJS; /* 54 */ font-weight: normal; /* 55 */ font-style: normal; /* 56 */ } /* 57 */ .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { /* 58 */ content: "\f104"; /* 59 */ } /* 60 */ /* 61 */ .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { /* 62 */ font-family: VideoJS; /* 63 */ font-weight: normal; /* 64 */ font-style: normal; /* 65 */ } /* 66 */ .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { /* 67 */ content: "\f105"; /* 68 */ } /* 69 */ /* 70 */ .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { /* 71 */ font-family: VideoJS; /* 72 */ font-weight: normal; /* 73 */ font-style: normal; /* 74 */ } /* 75 */ .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { /* 76 */ content: "\f106"; /* 77 */ } /* 78 */ /* 79 */ .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { /* 80 */ font-family: VideoJS; /* 81 */ font-weight: normal; /* 82 */ font-style: normal; /* 83 */ } /* 84 */ .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { /* 85 */ content: "\f107"; /* 86 */ } /* 87 */ /* 88 */ .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { /* 89 */ font-family: VideoJS; /* 90 */ font-weight: normal; /* 91 */ font-style: normal; /* 92 */ } /* 93 */ .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { /* 94 */ content: "\f108"; /* 95 */ color: #fff; /* 96 */ } /* 97 */ /* 98 */ .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { /* 99 */ font-family: VideoJS; /* 100 */ font-weight: normal; /* 101 */ font-style: normal; /* 102 */ } /* 103 */ .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { /* 104 */ content: "\f109"; /* 105 */ } /* 106 */ /* 107 */ .vjs-icon-square { /* 108 */ font-family: VideoJS; /* 109 */ font-weight: normal; /* 110 */ font-style: normal; /* 111 */ } /* 112 */ .vjs-icon-square:before { /* 113 */ content: "\f10a"; /* 114 */ } /* 115 */ /* 116 */ .vjs-icon-spinner { /* 117 */ font-family: VideoJS; /* 118 */ font-weight: normal; /* 119 */ font-style: normal; /* 120 */ } /* 121 */ .vjs-icon-spinner:before { /* 122 */ content: "\f10b"; /* 123 */ } /* 124 */ /* 125 */ .vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, /* 126 */ .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, /* 127 */ .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, /* 128 */ .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, /* 129 */ .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder { /* 130 */ font-family: VideoJS; /* 131 */ font-weight: normal; /* 132 */ font-style: normal; /* 133 */ } /* 134 */ .vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, /* 135 */ .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, /* 136 */ .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, /* 137 */ .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, /* 138 */ .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before { /* 139 */ content: "\f10c"; /* 140 */ color: #fff; /* 141 */ } /* 142 */ /* 143 */ .vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, /* 144 */ .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder { /* 145 */ font-family: VideoJS; /* 146 */ font-weight: normal; /* 147 */ font-style: normal; /* 148 */ } /* 149 */ .vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, /* 150 */ .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before { /* 151 */ content: "\f10d"; /* 152 */ } /* 153 */ /* 154 */ .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { /* 155 */ font-family: VideoJS; /* 156 */ font-weight: normal; /* 157 */ font-style: normal; /* 158 */ } /* 159 */ .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { /* 160 */ content: "\f10e"; /* 161 */ } /* 162 */ /* 163 */ .vjs-icon-share { /* 164 */ font-family: VideoJS; /* 165 */ font-weight: normal; /* 166 */ font-style: normal; /* 167 */ } /* 168 */ .vjs-icon-share:before { /* 169 */ content: "\f10f"; /* 170 */ } /* 171 */ /* 172 */ .vjs-icon-cog { /* 173 */ font-family: VideoJS; /* 174 */ font-weight: normal; /* 175 */ font-style: normal; /* 176 */ } /* 177 */ .vjs-icon-cog:before { /* 178 */ content: "\f110"; /* 179 */ } /* 180 */ /* 181 */ .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { /* 182 */ font-family: VideoJS; /* 183 */ font-weight: normal; /* 184 */ font-style: normal; /* 185 */ } /* 186 */ .vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before { /* 187 */ content: "\f111"; /* 188 */ } /* 189 */ /* 190 */ .vjs-icon-circle-outline { /* 191 */ font-family: VideoJS; /* 192 */ font-weight: normal; /* 193 */ font-style: normal; /* 194 */ } /* 195 */ .vjs-icon-circle-outline:before { /* 196 */ content: "\f112"; /* 197 */ } /* 198 */ /* 199 */ .vjs-icon-circle-inner-circle { /* 200 */ font-family: VideoJS; /* 201 */ font-weight: normal; /* 202 */ font-style: normal; /* 203 */ } /* 204 */ .vjs-icon-circle-inner-circle:before { /* 205 */ content: "\f113"; /* 206 */ } /* 207 */ /* 208 */ .vjs-icon-hd { /* 209 */ font-family: VideoJS; /* 210 */ font-weight: normal; /* 211 */ font-style: normal; /* 212 */ } /* 213 */ .vjs-icon-hd:before { /* 214 */ content: "\f114"; /* 215 */ } /* 216 */ /* 217 */ .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { /* 218 */ font-family: VideoJS; /* 219 */ font-weight: normal; /* 220 */ font-style: normal; /* 221 */ } /* 222 */ .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { /* 223 */ content: "\f115"; /* 224 */ } /* 225 */ /* 226 */ .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { /* 227 */ font-family: VideoJS; /* 228 */ font-weight: normal; /* 229 */ font-style: normal; /* 230 */ } /* 231 */ .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { /* 232 */ content: "\f116"; /* 233 */ } /* 234 */ /* 235 */ .vjs-icon-facebook { /* 236 */ font-family: VideoJS; /* 237 */ font-weight: normal; /* 238 */ font-style: normal; /* 239 */ } /* 240 */ .vjs-icon-facebook:before { /* 241 */ content: "\f117"; /* 242 */ } /* 243 */ /* 244 */ .vjs-icon-gplus { /* 245 */ font-family: VideoJS; /* 246 */ font-weight: normal; /* 247 */ font-style: normal; /* 248 */ } /* 249 */ .vjs-icon-gplus:before { /* 250 */ content: "\f118"; /* 251 */ } /* 252 */ /* 253 */ .vjs-icon-linkedin { /* 254 */ font-family: VideoJS; /* 255 */ font-weight: normal; /* 256 */ font-style: normal; /* 257 */ } /* 258 */ .vjs-icon-linkedin:before { /* 259 */ content: "\f119"; /* 260 */ } /* 261 */ /* 262 */ .vjs-icon-twitter { /* 263 */ font-family: VideoJS; /* 264 */ font-weight: normal; /* 265 */ font-style: normal; /* 266 */ } /* 267 */ .vjs-icon-twitter:before { /* 268 */ content: "\f11a"; /* 269 */ } /* 270 */ /* 271 */ .vjs-icon-tumblr { /* 272 */ font-family: VideoJS; /* 273 */ font-weight: normal; /* 274 */ font-style: normal; /* 275 */ } /* 276 */ .vjs-icon-tumblr:before { /* 277 */ content: "\f11b"; /* 278 */ } /* 279 */ /* 280 */ .vjs-icon-pinterest { /* 281 */ font-family: VideoJS; /* 282 */ font-weight: normal; /* 283 */ font-style: normal; /* 284 */ } /* 285 */ .vjs-icon-pinterest:before { /* 286 */ content: "\f11c"; /* 287 */ } /* 288 */ /* 289 */ .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { /* 290 */ font-family: VideoJS; /* 291 */ font-weight: normal; /* 292 */ font-style: normal; /* 293 */ } /* 294 */ .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { /* 295 */ content: "\f11d"; /* 296 */ } /* 297 */ /* 298 */ .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { /* 299 */ font-family: VideoJS; /* 300 */ font-weight: normal; /* 301 */ font-style: normal; /* 302 */ } /* 303 */ .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { /* 304 */ content: "\f11e"; /* 305 */ } /* 306 */ /* 307 */ .vjs-icon-next-item { /* 308 */ font-family: VideoJS; /* 309 */ font-weight: normal; /* 310 */ font-style: normal; /* 311 */ } /* 312 */ .vjs-icon-next-item:before { /* 313 */ content: "\f11f"; /* 314 */ } /* 315 */ /* 316 */ .vjs-icon-previous-item { /* 317 */ font-family: VideoJS; /* 318 */ font-weight: normal; /* 319 */ font-style: normal; /* 320 */ } /* 321 */ .vjs-icon-previous-item:before { /* 322 */ content: "\f120"; /* 323 */ } /* 324 */ /* 325 */ .vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder { /* 326 */ font-family: VideoJS; /* 327 */ font-weight: normal; /* 328 */ font-style: normal; /* 329 */ } /* 330 */ .vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { /* 331 */ content: "\f121"; /* 332 */ color:#fff; /* 333 */ } /* 334 */ /* 335 */ .vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder { /* 336 */ font-family: VideoJS; /* 337 */ font-weight: normal; /* 338 */ font-style: normal; /* 339 */ } /* 340 */ .vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before { /* 341 */ content: "\f122"; /* 342 */ } /* 343 */ /* 344 */ .video-js { /* 345 */ display: block; /* 346 */ vertical-align: top; /* 347 */ box-sizing: border-box; /* 348 */ color: #fff; /* 349 */ background-color: #000; /* 350 */ position: relative; /* 351 */ padding: 0; /* 352 */ font-size: 10px; /* 353 */ line-height: 1; /* 354 */ font-weight: normal; /* 355 */ font-style: normal; /* 356 */ font-family: Arial, Helvetica, sans-serif; /* 357 */ word-break: initial; /* 358 */ } /* 359 */ .video-js:-moz-full-screen { /* 360 */ position: absolute; /* 361 */ } /* 362 */ .video-js:-webkit-full-screen { /* 363 */ width: 100% !important; /* 364 */ height: 100% !important; /* 365 */ } /* 366 */ /* 367 */ .video-js[tabindex="-1"] { /* 368 */ outline: none; /* 369 */ } /* 370 */ /* 371 */ .video-js *, /* 372 */ .video-js *:before, /* 373 */ .video-js *:after { /* 374 */ box-sizing: inherit; /* 375 */ /* color: #fff;*/ /* 376 */ } /* 377 */ /* 378 */ .video-js ul { /* 379 */ font-family: inherit; /* 380 */ font-size: inherit; /* 381 */ line-height: inherit; /* 382 */ list-style-position: outside; /* 383 */ margin-left: 0; /* 384 */ margin-right: 0; /* 385 */ margin-top: 0; /* 386 */ margin-bottom: 0; /* 387 */ } /* 388 */ /* 389 */ .video-js.vjs-fluid, /* 390 */ .video-js.vjs-16-9, /* 391 */ .video-js.vjs-4-3 { /* 392 */ width: 100%; /* 393 */ max-width: 100%; /* 394 */ height: 0; /* 395 */ } /* 396 */ /* 397 */ .video-js.vjs-16-9 { /* 398 */ padding-top: 56.25%; /* 399 */ } /* 400 */ /* 401 */ .video-js.vjs-4-3 { /* 402 */ padding-top: 75%; /* 403 */ } /* 404 */ /* 405 */ .video-js.vjs-fill { /* 406 */ width: 100%; /* 407 */ height: 100%; /* 408 */ } /* 409 */ /* 410 */ .video-js .vjs-tech { /* 411 */ position: absolute; /* 412 */ top: 0; /* 413 */ left: 0; /* 414 */ width: 100%; /* 415 */ height: 100%; /* 416 */ } /* 417 */ /* 418 */ body.vjs-full-window { /* 419 */ padding: 0; /* 420 */ margin: 0; /* 421 */ height: 100%; /* 422 */ } /* 423 */ /* 424 */ .vjs-full-window .video-js.vjs-fullscreen { /* 425 */ position: fixed; /* 426 */ overflow: hidden; /* 427 */ z-index: 1000; /* 428 */ left: 0; /* 429 */ top: 0; /* 430 */ bottom: 0; /* 431 */ right: 0; /* 432 */ } /* 433 */ /* 434 */ .video-js.vjs-fullscreen { /* 435 */ width: 100% !important; /* 436 */ height: 100% !important; /* 437 */ padding-top: 0 !important; /* 438 */ } /* 439 */ /* 440 */ .video-js.vjs-fullscreen.vjs-user-inactive { /* 441 */ cursor: none; /* 442 */ } /* 443 */ /* 444 */ .vjs-hidden { /* 445 */ display: none !important; /* 446 */ } /* 447 */ /* 448 */ .vjs-disabled { /* 449 */ opacity: 0.5; /* 450 */ cursor: default; /* 451 */ } /* 452 */ /* 453 */ .video-js .vjs-offscreen { /* 454 */ height: 1px; /* 455 */ left: -9999px; /* 456 */ position: absolute; /* 457 */ top: 0; /* 458 */ width: 1px; /* 459 */ } /* 460 */ /* 461 */ .vjs-lock-showing { /* 462 */ display: block !important; /* 463 */ opacity: 1; /* 464 */ visibility: visible; /* 465 */ } /* 466 */ /* 467 */ .vjs-no-js { /* 468 */ padding: 20px; /* 469 */ color: #fff; /* 470 */ background-color: #000; /* 471 */ font-size: 18px; /* 472 */ font-family: Arial, Helvetica, sans-serif; /* 473 */ text-align: center; /* 474 */ width: 300px; /* 475 */ height: 150px; /* 476 */ margin: 0px auto; /* 477 */ } /* 478 */ /* 479 */ .vjs-no-js a, /* 480 */ .vjs-no-js a:visited { /* 481 */ color: #66A8CC; /* 482 */ } /* 483 */ /* 484 */ .video-js .vjs-big-play-button { /* 485 */ font-size: 3em; /* 486 */ line-height: 1.5em; /* 487 */ height: 1.63332em; /* 488 */ width: 3em; /* 489 */ display: block; /* 490 */ position: absolute; /* 491 */ top: 10px; /* 492 */ left: 10px; /* 493 */ padding: 0; /* 494 */ cursor: pointer; /* 495 */ opacity: 1; /* 496 */ border: 0.06666em solid #fff; /* 497 */ background-color: #2B333F; /* 498 */ background-color: rgba(43, 51, 63, 0.7); /* 499 */ border-radius: 0.3em; /* 500 */ transition: all 0.4s; /* 501 */ } /* 502 */ .vjs-big-play-centered .vjs-big-play-button { /* 503 */ top: 50%; /* 504 */ left: 50%; /* 505 */ margin-top: -0.81666em; /* 506 */ margin-left: -1.5em; /* 507 */ } /* 508 */ /* 509 */ .video-js:hover .vjs-big-play-button, /* 510 */ .video-js .vjs-big-play-button:focus { /* 511 */ border-color: #fff; /* 512 */ background-color: #73859f; /* 513 */ background-color: rgba(115, 133, 159, 0.5); /* 514 */ transition: all 0s; /* 515 */ } /* 516 */ /* 517 */ .vjs-controls-disabled .vjs-big-play-button, /* 518 */ .vjs-has-started .vjs-big-play-button, /* 519 */ .vjs-using-native-controls .vjs-big-play-button, /* 520 */ .vjs-error .vjs-big-play-button { /* 521 */ display: none; /* 522 */ } /* 523 */ /* 524 */ .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { /* 525 */ display: block; /* 526 */ } /* 527 */ /* 528 */ .video-js button { /* 529 */ background: none; /* 530 */ border: none; /* 531 */ color: inherit; /* 532 */ display: inline-block; /* 533 */ font-size: inherit; /* 534 */ line-height: inherit; /* 535 */ text-transform: none; /* 536 */ text-decoration: none; /* 537 */ transition: none; /* 538 */ -webkit-appearance: none; /* 539 */ -moz-appearance: none; /* 540 */ appearance: none; /* 541 */ } /* 542 */ /* 543 */ .vjs-control .vjs-button { /* 544 */ width: 100%; /* 545 */ height: 100%; /* 546 */ } /* 547 */ /* 548 */ .video-js .vjs-control.vjs-close-button { /* 549 */ cursor: pointer; /* 550 */ height: 3em; /* 551 */ position: absolute; /* 552 */ right: 0; /* 553 */ top: 0.5em; /* 554 */ z-index: 2; /* 555 */ } /* 556 */ .video-js .vjs-modal-dialog { /* 557 */ background: rgba(0, 0, 0, 0.8); /* 558 */ background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); /* 559 */ overflow: auto; /* 560 */ } /* 561 */ /* 562 */ .video-js .vjs-modal-dialog > * { /* 563 */ box-sizing: border-box; /* 564 */ } /* 565 */ /* 566 */ .vjs-modal-dialog .vjs-modal-dialog-content { /* 567 */ font-size: 1.2em; /* 568 */ line-height: 1.5; /* 569 */ padding: 20px 24px; /* 570 */ z-index: 1; /* 571 */ } /* 572 */ /* 573 */ .vjs-menu-button { /* 574 */ cursor: pointer; /* 575 */ } /* 576 */ /* 577 */ .vjs-menu-button.vjs-disabled { /* 578 */ cursor: default; /* 579 */ } /* 580 */ /* 581 */ .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { /* 582 */ display: none; /* 583 */ } /* 584 */ /* 585 */ .vjs-menu .vjs-menu-content { /* 586 */ display: block; /* 587 */ padding: 0; /* 588 */ margin: 0; /* 589 */ font-family: Arial, Helvetica, sans-serif; /* 590 */ overflow: auto; /* 591 */ } /* 592 */ /* 593 */ .vjs-menu .vjs-menu-content > * { /* 594 */ box-sizing: border-box; /* 595 */ color:#fff; /* 596 */ } /* 597 */ /* 598 */ .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { /* 599 */ display: none; /* 600 */ } /* 601 */ /* 602 */ .vjs-menu li { /* 603 */ list-style: none; /* 604 */ margin: 0; /* 605 */ padding: 0.2em 0; /* 606 */ line-height: 1.4em; /* 607 */ font-size: 1.2em; /* 608 */ text-align: center; /* 609 */ /*text-transform: lowercase;*/ /* 610 */ } /* 611 */ /* 612 */ .vjs-menu li.vjs-menu-item:focus, /* 613 */ .vjs-menu li.vjs-menu-item:hover, /* 614 */ .js-focus-visible .vjs-menu li.vjs-menu-item:hover { /* 615 */ background-color: #73859f; /* 616 */ background-color: rgba(115, 133, 159, 0.5); /* 617 */ } /* 618 */ /* 619 */ .vjs-menu li.vjs-selected, /* 620 */ .vjs-menu li.vjs-selected:focus, /* 621 */ .vjs-menu li.vjs-selected:hover, /* 622 */ .js-focus-visible .vjs-menu li.vjs-selected:hover { /* 623 */ background-color: #fff; /* 624 */ color: #2B333F; /* 625 */ } /* 626 */ /* 627 */ .vjs-menu li.vjs-menu-title { /* 628 */ text-align: center; /* 629 */ text-transform: uppercase; /* 630 */ font-size: 1em; /* 631 */ line-height: 2em; /* 632 */ padding: 0; /* 633 */ margin: 0 0 0.3em 0; /* 634 */ font-weight: bold; /* 635 */ cursor: default; /* 636 */ } /* 637 */ /* 638 */ .vjs-menu-button-popup .vjs-menu { /* 639 */ display: none; /* 640 */ position: absolute; /* 641 */ bottom: 0; /* 642 */ width: 10em; /* 643 */ left: -3em; /* 644 */ height: 0em; /* 645 */ margin-bottom: 1.5em; /* 646 */ border-top-color: rgba(43, 51, 63, 0.7); /* 647 */ } /* 648 */ /* 649 */ .vjs-menu-button-popup .vjs-menu .vjs-menu-content { /* 650 */ background-color: #2B333F; /* 651 */ background-color: rgba(43, 51, 63, 0.7); /* 652 */ position: absolute; /* 653 */ width: 100%; /* 654 */ bottom: 1.5em; /* 655 */ max-height: 15em; /* 656 */ } /* 657 */ /* 658 */ .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content, /* 659 */ .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { /* 660 */ max-height: 5em; /* 661 */ } /* 662 */ /* 663 */ .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content { /* 664 */ max-height: 10em; /* 665 */ } /* 666 */ /* 667 */ .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content { /* 668 */ max-height: 14em; /* 669 */ } /* 670 */ /* 671 */ .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, /* 672 */ .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content, /* 673 */ .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content { /* 674 */ max-height: 25em; /* 675 */ } /* 676 */ /* 677 */ .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu, /* 678 */ .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { /* 679 */ display: block; /* 680 */ } /* 681 */ /* 682 */ .video-js .vjs-menu-button-inline { /* 683 */ transition: all 0.4s; /* 684 */ overflow: hidden; /* 685 */ } /* 686 */ /* 687 */ .video-js .vjs-menu-button-inline:before { /* 688 */ width: 2.222222222em; /* 689 */ } /* 690 */ /* 691 */ .video-js .vjs-menu-button-inline:hover, /* 692 */ .video-js .vjs-menu-button-inline:focus, /* 693 */ .video-js .vjs-menu-button-inline.vjs-slider-active, /* 694 */ .video-js.vjs-no-flex .vjs-menu-button-inline { /* 695 */ width: 12em; /* 696 */ } /* 697 */ /* 698 */ .vjs-menu-button-inline .vjs-menu { /* 699 */ opacity: 0; /* 700 */ height: 100%; /* 701 */ width: auto; /* 702 */ position: absolute; /* 703 */ left: 4em; /* 704 */ top: 0; /* 705 */ padding: 0; /* 706 */ margin: 0; /* 707 */ transition: all 0.4s; /* 708 */ } /* 709 */ /* 710 */ .vjs-menu-button-inline:hover .vjs-menu, /* 711 */ .vjs-menu-button-inline:focus .vjs-menu, /* 712 */ .vjs-menu-button-inline.vjs-slider-active .vjs-menu { /* 713 */ display: block; /* 714 */ opacity: 1; /* 715 */ } /* 716 */ /* 717 */ .vjs-no-flex .vjs-menu-button-inline .vjs-menu { /* 718 */ display: block; /* 719 */ opacity: 1; /* 720 */ position: relative; /* 721 */ width: auto; /* 722 */ } /* 723 */ /* 724 */ .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, /* 725 */ .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, /* 726 */ .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { /* 727 */ width: auto; /* 728 */ } /* 729 */ /* 730 */ .vjs-menu-button-inline .vjs-menu-content { /* 731 */ width: auto; /* 732 */ height: 100%; /* 733 */ margin: 0; /* 734 */ overflow: hidden; /* 735 */ } /* 736 */ /* 737 */ .video-js .vjs-control-bar { /* 738 */ display: none; /* 739 */ width: 100%; /* 740 */ position: absolute; /* 741 */ bottom: 0; /* 742 */ left: 0; /* 743 */ right: 0; /* 744 */ height: 3em; /* 745 */ background-color: #2B333F; /* 746 */ background-color: rgba(43, 51, 63, 0.7); /* 747 */ } /* 748 */ /* 749 */ .vjs-has-started .vjs-control-bar { /* 750 */ display: flex; /* 751 */ visibility: visible; /* 752 */ opacity: 1; /* 753 */ transition: visibility 0.1s, opacity 0.1s; /* 754 */ } /* 755 */ /* 756 */ .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { /* 757 */ visibility: visible; /* 758 */ opacity: 0; /* 759 */ transition: visibility 1s, opacity 1s; /* 760 */ } /* 761 */ /* 762 */ .vjs-controls-disabled .vjs-control-bar, /* 763 */ .vjs-using-native-controls .vjs-control-bar, /* 764 */ .vjs-error .vjs-control-bar { /* 765 */ display: none !important; /* 766 */ } /* 767 */ /* 768 */ .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { /* 769 */ opacity: 1; /* 770 */ visibility: visible; /* 771 */ } /* 772 */ /* 773 */ .vjs-has-started.vjs-no-flex .vjs-control-bar { /* 774 */ display: table; /* 775 */ } /* 776 */ /* 777 */ .video-js .vjs-control { /* 778 */ position: relative; /* 779 */ text-align: center; /* 780 */ margin: 0; /* 781 */ padding: 0; /* 782 */ height: 100%; /* 783 */ width: 4em; /* 784 */ flex: none; /* 785 */ } /* 786 */ /* 787 */ .vjs-button > .vjs-icon-placeholder:before { /* 788 */ font-size: 1.8em; /* 789 */ line-height: 1.67; /* 790 */ } /* 791 */ /* 792 */ .video-js .vjs-control:focus:before, /* 793 */ .video-js .vjs-control:hover:before, /* 794 */ .video-js .vjs-control:focus { /* 795 */ text-shadow: 0em 0em 1em white; /* 796 */ } /* 797 */ /* 798 */ .video-js .vjs-control-text { /* 799 */ border: 0; /* 800 */ clip: rect(0 0 0 0); /* 801 */ height: 1px; /* 802 */ overflow: hidden; /* 803 */ padding: 0; /* 804 */ position: absolute; /* 805 */ width: 1px; /* 806 */ } /* 807 */ /* 808 */ .vjs-no-flex .vjs-control { /* 809 */ display: table-cell; /* 810 */ vertical-align: middle; /* 811 */ } /* 812 */ /* 813 */ .video-js .vjs-custom-control-spacer { /* 814 */ display: none; /* 815 */ } /* 816 */ /* 817 */ .video-js .vjs-progress-control { /* 818 */ cursor: pointer; /* 819 */ flex: auto; /* 820 */ display: flex; /* 821 */ align-items: center; /* 822 */ min-width: 4em; /* 823 */ touch-action: none; /* 824 */ } /* 825 */ /* 826 */ .video-js .vjs-progress-control.disabled { /* 827 */ cursor: default; /* 828 */ } /* 829 */ /* 830 */ .vjs-live .vjs-progress-control { /* 831 */ display: none; /* 832 */ } /* 833 */ /* 834 */ .vjs-liveui .vjs-progress-control { /* 835 */ display: flex; /* 836 */ align-items: center; /* 837 */ } /* 838 */ /* 839 */ .vjs-no-flex .vjs-progress-control { /* 840 */ width: auto; /* 841 */ } /* 842 */ /* 843 */ .video-js .vjs-progress-holder { /* 844 */ flex: auto; /* 845 */ transition: all 0.2s; /* 846 */ height: 0.3em; /* 847 */ } /* 848 */ /* 849 */ .video-js .vjs-progress-control .vjs-progress-holder { /* 850 */ margin: 0 10px; /* 851 */ } /* 852 */ /* 853 */ .video-js .vjs-progress-control:hover .vjs-progress-holder { /* 854 */ font-size: 1.6666666667em; /* 855 */ } /* 856 */ /* 857 */ .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { /* 858 */ font-size: 1em; /* 859 */ } /* 860 */ /* 861 */ .video-js .vjs-progress-holder .vjs-play-progress, /* 862 */ .video-js .vjs-progress-holder .vjs-load-progress, /* 863 */ .video-js .vjs-progress-holder .vjs-load-progress div { /* 864 */ position: absolute; /* 865 */ display: block; /* 866 */ height: 100%; /* 867 */ margin: 0; /* 868 */ padding: 0; /* 869 */ width: 0; /* 870 */ } /* 871 */ /* 872 */ .video-js .vjs-play-progress { /* 873 */ background-color: #fff; /* 874 */ } /* 875 */ .video-js .vjs-play-progress:before { /* 876 */ font-size: 0.9em; /* 877 */ position: absolute; /* 878 */ right: -0.5em; /* 879 */ top: -0.3333333333em; /* 880 */ z-index: 1; /* 881 */ } /* 882 */ /* 883 */ .video-js .vjs-load-progress { /* 884 */ background: rgba(115, 133, 159, 0.5); /* 885 */ } /* 886 */ /* 887 */ .video-js .vjs-load-progress div { /* 888 */ background: rgba(115, 133, 159, 0.75); /* 889 */ } /* 890 */ /* 891 */ .video-js .vjs-time-tooltip { /* 892 */ background-color: #fff; /* 893 */ background-color: rgba(255, 255, 255, 0.8); /* 894 */ border-radius: 0.3em; /* 895 */ color: #000; /* 896 */ float: right; /* 897 */ font-family: Arial, Helvetica, sans-serif; /* 898 */ font-size: 1em; /* 899 */ padding: 6px 8px 8px 8px; /* 900 */ pointer-events: none; /* 901 */ position: absolute; /* 902 */ top: -3.4em; /* 903 */ visibility: hidden; /* 904 */ z-index: 1; /* 905 */ } /* 906 */ /* 907 */ .video-js .vjs-progress-holder:focus .vjs-time-tooltip { /* 908 */ display: none; /* 909 */ } /* 910 */ /* 911 */ .video-js .vjs-progress-control:hover .vjs-time-tooltip, /* 912 */ .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { /* 913 */ display: block; /* 914 */ font-size: 0.6em; /* 915 */ visibility: visible; /* 916 */ } /* 917 */ /* 918 */ .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { /* 919 */ font-size: 1em; /* 920 */ } /* 921 */ /* 922 */ .video-js .vjs-progress-control .vjs-mouse-display { /* 923 */ display: none; /* 924 */ position: absolute; /* 925 */ width: 1px; /* 926 */ height: 100%; /* 927 */ background-color: #000; /* 928 */ z-index: 1; /* 929 */ } /* 930 */ /* 931 */ .vjs-no-flex .vjs-progress-control .vjs-mouse-display { /* 932 */ z-index: 0; /* 933 */ } /* 934 */ /* 935 */ .video-js .vjs-progress-control:hover .vjs-mouse-display { /* 936 */ display: block; /* 937 */ } /* 938 */ /* 939 */ .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { /* 940 */ visibility: hidden; /* 941 */ opacity: 0; /* 942 */ transition: visibility 1s, opacity 1s; /* 943 */ } /* 944 */ /* 945 */ .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { /* 946 */ display: none; /* 947 */ } /* 948 */ /* 949 */ .vjs-mouse-display .vjs-time-tooltip { /* 950 */ color: #fff; /* 951 */ background-color: #000; /* 952 */ background-color: rgba(0, 0, 0, 0.8); /* 953 */ } /* 954 */ /* 955 */ .video-js .vjs-slider { /* 956 */ position: relative; /* 957 */ cursor: pointer; /* 958 */ padding: 0; /* 959 */ margin: 0 0.45em 0 0.45em; /* 960 */ /* iOS Safari */ /* 961 */ -webkit-touch-callout: none; /* 962 */ /* Safari */ /* 963 */ -webkit-user-select: none; /* 964 */ /* Konqueror HTML */ /* 965 */ /* Firefox */ /* 966 */ -moz-user-select: none; /* 967 */ /* Internet Explorer/Edge */ /* 968 */ -ms-user-select: none; /* 969 */ /* Non-prefixed version, currently supported by Chrome and Opera */ /* 970 */ user-select: none; /* 971 */ background-color: #73859f; /* 972 */ background-color: rgba(115, 133, 159, 0.5); /* 973 */ } /* 974 */ /* 975 */ .video-js .vjs-slider.disabled { /* 976 */ cursor: default; /* 977 */ } /* 978 */ /* 979 */ .video-js .vjs-slider:focus { /* 980 */ text-shadow: 0em 0em 1em white; /* 981 */ box-shadow: 0 0 1em #fff; /* 982 */ } /* 983 */ /* 984 */ .video-js .vjs-mute-control { /* 985 */ cursor: pointer; /* 986 */ flex: none; /* 987 */ } /* 988 */ .video-js .vjs-volume-control { /* 989 */ cursor: pointer; /* 990 */ margin-right: 1em; /* 991 */ display: flex; /* 992 */ } /* 993 */ /* 994 */ .video-js .vjs-volume-control.vjs-volume-horizontal { /* 995 */ width: 5em; /* 996 */ } /* 997 */ /* 998 */ .video-js .vjs-volume-panel .vjs-volume-control { /* 999 */ visibility: visible; /* 1000 */ opacity: 0; /* 1001 */ width: 1px; /* 1002 */ height: 1px; /* 1003 */ margin-left: -1px; /* 1004 */ /* top: 46%; */ /* 1005 */ } /* 1006 */ /* 1007 */ .video-js .vjs-volume-panel { /* 1008 */ transition: width 1s; /* 1009 */ } /* 1010 */ .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { /* 1011 */ visibility: visible; /* 1012 */ opacity: 1; /* 1013 */ position: relative; /* 1014 */ transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; /* 1015 */ } /* 1016 */ .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { /* 1017 */ width: 5em; /* 1018 */ height: 3em; /* 1019 */ margin-right: 0; /* 1020 */ } /* 1021 */ .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical { /* 1022 */ left: -3.5em; /* 1023 */ transition: left 0s; /* 1024 */ } /* 1025 */ .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { /* 1026 */ width: 10em; /* 1027 */ transition: width 0.1s; /* 1028 */ } /* 1029 */ .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only { /* 1030 */ width: 4em; /* 1031 */ } /* 1032 */ /* 1033 */ .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { /* 1034 */ height: 8em; /* 1035 */ width: 3em; /* 1036 */ left: -3000em; /* 1037 */ transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; /* 1038 */ } /* 1039 */ /* 1040 */ .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { /* 1041 */ transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; /* 1042 */ } /* 1043 */ /* 1044 */ .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { /* 1045 */ width: 5em; /* 1046 */ height: 3em; /* 1047 */ visibility: visible; /* 1048 */ opacity: 1; /* 1049 */ position: relative; /* 1050 */ transition: none; /* 1051 */ } /* 1052 */ /* 1053 */ .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, /* 1054 */ .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { /* 1055 */ position: absolute; /* 1056 */ bottom: 3em; /* 1057 */ left: 0.5em; /* 1058 */ } /* 1059 */ /* 1060 */ .video-js .vjs-volume-panel { /* 1061 */ display: flex; /* 1062 */ } /* 1063 */ /* 1064 */ .video-js .vjs-volume-bar { /* 1065 */ margin: 1.35em 0.45em; /* 1066 */ } /* 1067 */ /* 1068 */ .vjs-volume-bar.vjs-slider-horizontal { /* 1069 */ width: 5em; /* 1070 */ height: 0.3em; /* 1071 */ } /* 1072 */ /* 1073 */ .vjs-volume-bar.vjs-slider-vertical { /* 1074 */ width: 0.3em; /* 1075 */ height: 5em; /* 1076 */ margin: 1.35em auto; /* 1077 */ } /* 1078 */ /* 1079 */ .video-js .vjs-volume-level { /* 1080 */ position: absolute; /* 1081 */ bottom: 0; /* 1082 */ left: 0; /* 1083 */ background-color: #fff; /* 1084 */ } /* 1085 */ .video-js .vjs-volume-level:before { /* 1086 */ position: absolute; /* 1087 */ font-size: 0.9em; /* 1088 */ } /* 1089 */ /* 1090 */ .vjs-slider-vertical .vjs-volume-level { /* 1091 */ width: 0.3em; /* 1092 */ } /* 1093 */ .vjs-slider-vertical .vjs-volume-level:before { /* 1094 */ top: -0.5em; /* 1095 */ left: -0.3em; /* 1096 */ } /* 1097 */ /* 1098 */ .vjs-slider-horizontal .vjs-volume-level { /* 1099 */ height: 0.3em; /* 1100 */ } /* 1101 */ .vjs-slider-horizontal .vjs-volume-level:before { /* 1102 */ top: -0.3em; /* 1103 */ right: -0.5em; /* 1104 */ } /* 1105 */ /* 1106 */ .video-js .vjs-volume-panel.vjs-volume-panel-vertical { /* 1107 */ width: 4em; /* 1108 */ } /* 1109 */ /* 1110 */ .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { /* 1111 */ height: 100%; /* 1112 */ } /* 1113 */ /* 1114 */ .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { /* 1115 */ width: 100%; /* 1116 */ } /* 1117 */ /* 1118 */ .video-js .vjs-volume-vertical { /* 1119 */ width: 3em; /* 1120 */ height: 8em; /* 1121 */ bottom: 8em; /* 1122 */ background-color: #2B333F; /* 1123 */ background-color: rgba(43, 51, 63, 0.7); /* 1124 */ } /* 1125 */ /* 1126 */ .video-js .vjs-volume-horizontal .vjs-menu { /* 1127 */ left: -2em; /* 1128 */ } /* 1129 */ /* 1130 */ .vjs-poster { /* 1131 */ display: inline-block; /* 1132 */ vertical-align: middle; /* 1133 */ background-repeat: no-repeat; /* 1134 */ background-position: 50% 50%; /* 1135 */ background-size: contain; /* 1136 */ background-color: #000000; /* 1137 */ cursor: pointer; /* 1138 */ margin: 0; /* 1139 */ padding: 0; /* 1140 */ position: absolute; /* 1141 */ top: 0; /* 1142 */ right: 0; /* 1143 */ bottom: 0; /* 1144 */ left: 0; /* 1145 */ height: 100%; /* 1146 */ } /* 1147 */ /* 1148 */ .vjs-has-started .vjs-poster { /* 1149 */ display: none; /* 1150 */ } /* 1151 */ /* 1152 */ .vjs-audio.vjs-has-started .vjs-poster { /* 1153 */ display: block; /* 1154 */ } /* 1155 */ /* 1156 */ .vjs-using-native-controls .vjs-poster { /* 1157 */ display: none; /* 1158 */ } /* 1159 */ /* 1160 */ .video-js .vjs-live-control { /* 1161 */ display: flex; /* 1162 */ align-items: flex-start; /* 1163 */ flex: auto; /* 1164 */ font-size: 1em; /* 1165 */ line-height: 3em; /* 1166 */ } /* 1167 */ /* 1168 */ .vjs-no-flex .vjs-live-control { /* 1169 */ display: table-cell; /* 1170 */ width: auto; /* 1171 */ text-align: left; /* 1172 */ } /* 1173 */ /* 1174 */ .video-js:not(.vjs-live) .vjs-live-control, /* 1175 */ .video-js.vjs-liveui .vjs-live-control { /* 1176 */ display: none; /* 1177 */ } /* 1178 */ /* 1179 */ .video-js .vjs-seek-to-live-control { /* 1180 */ cursor: pointer; /* 1181 */ flex: none; /* 1182 */ display: inline-flex; /* 1183 */ height: 100%; /* 1184 */ padding-left: 0.5em; /* 1185 */ padding-right: 0.5em; /* 1186 */ font-size: 1em; /* 1187 */ line-height: 3em; /* 1188 */ width: auto; /* 1189 */ min-width: 4em; /* 1190 */ } /* 1191 */ /* 1192 */ .vjs-no-flex .vjs-seek-to-live-control { /* 1193 */ display: table-cell; /* 1194 */ width: auto; /* 1195 */ text-align: left; /* 1196 */ } /* 1197 */ /* 1198 */ .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control, /* 1199 */ .video-js:not(.vjs-live) .vjs-seek-to-live-control { /* 1200 */ display: none; /* 1201 */ } /* 1202 */ /* 1203 */ .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { /* 1204 */ cursor: auto; /* 1205 */ } /* 1206 */ /* 1207 */ .vjs-seek-to-live-control .vjs-icon-placeholder { /* 1208 */ margin-right: 0.5em; /* 1209 */ color: #888; /* 1210 */ } /* 1211 */ /* 1212 */ .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder { /* 1213 */ color: red; /* 1214 */ } /* 1215 */ /* 1216 */ .video-js .vjs-time-control { /* 1217 */ flex: none; /* 1218 */ font-size: 1em; /* 1219 */ line-height: 3em; /* 1220 */ min-width: 2em; /* 1221 */ width: auto; /* 1222 */ padding-left: 1em; /* 1223 */ padding-right: 1em; /* 1224 */ color:#fff; /* 1225 */ } /* 1226 */ /* 1227 */ .vjs-live .vjs-time-control { /* 1228 */ display: none; /* 1229 */ } /* 1230 */ /* 1231 */ .video-js .vjs-current-time, /* 1232 */ .vjs-no-flex .vjs-current-time { /* 1233 */ display: none; /* 1234 */ } /* 1235 */ /* 1236 */ .video-js .vjs-duration, /* 1237 */ .vjs-no-flex .vjs-duration { /* 1238 */ display: none; /* 1239 */ } /* 1240 */ /* 1241 */ .vjs-time-divider { /* 1242 */ display: none; /* 1243 */ line-height: 3em; /* 1244 */ } /* 1245 */ /* 1246 */ .vjs-live .vjs-time-divider { /* 1247 */ display: none; /* 1248 */ } /* 1249 */ /* 1250 */ .video-js .vjs-play-control { /* 1251 */ cursor: pointer; /* 1252 */ } /* 1253 */ /* 1254 */ .video-js .vjs-play-control .vjs-icon-placeholder { /* 1255 */ flex: none; /* 1256 */ } /* 1257 */ /* 1258 */ .vjs-text-track-display { /* 1259 */ position: absolute; /* 1260 */ bottom: 3em; /* 1261 */ left: 0; /* 1262 */ right: 0; /* 1263 */ top: 0; /* 1264 */ pointer-events: none; /* 1265 */ } /* 1266 */ /* 1267 */ .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { /* 1268 */ bottom: 1em; /* 1269 */ } /* 1270 */ /* 1271 */ .video-js .vjs-text-track { /* 1272 */ font-size: 1.4em; /* 1273 */ text-align: center; /* 1274 */ margin-bottom: 0.1em; /* 1275 */ } /* 1276 */ /* 1277 */ .vjs-subtitles { /* 1278 */ color: #fff; /* 1279 */ } /* 1280 */ /* 1281 */ .vjs-captions { /* 1282 */ color: #fc6; /* 1283 */ } /* 1284 */ /* 1285 */ .vjs-tt-cue { /* 1286 */ display: block; /* 1287 */ } /* 1288 */ /* 1289 */ video::-webkit-media-text-track-display { /* 1290 */ transform: translateY(-3em); /* 1291 */ } /* 1292 */ /* 1293 */ .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { /* 1294 */ transform: translateY(-1.5em); /* 1295 */ } /* 1296 */ /* 1297 */ .video-js .vjs-picture-in-picture-control { /* 1298 */ cursor: pointer; /* 1299 */ flex: none; /* 1300 */ } /* 1301 */ .video-js .vjs-fullscreen-control { /* 1302 */ cursor: pointer; /* 1303 */ flex: none; /* 1304 */ } /* 1305 */ .vjs-playback-rate > .vjs-menu-button, /* 1306 */ .vjs-playback-rate .vjs-playback-rate-value { /* 1307 */ position: absolute; /* 1308 */ top: 0; /* 1309 */ left: 0; /* 1310 */ width: 100%; /* 1311 */ height: 100%; /* 1312 */ } /* 1313 */ /* 1314 */ .vjs-playback-rate .vjs-playback-rate-value { /* 1315 */ pointer-events: none; /* 1316 */ font-size: 1.5em; /* 1317 */ line-height: 2; /* 1318 */ text-align: center; /* 1319 */ } /* 1320 */ /* 1321 */ .vjs-playback-rate .vjs-menu { /* 1322 */ width: 4em; /* 1323 */ left: 0em; /* 1324 */ } /* 1325 */ /* 1326 */ .vjs-error .vjs-error-display .vjs-modal-dialog-content { /* 1327 */ font-size: 1.4em; /* 1328 */ text-align: center; /* 1329 */ } /* 1330 */ /* 1331 */ .vjs-error .vjs-error-display:before { /* 1332 */ color: #fff; /* 1333 */ content: "X"; /* 1334 */ font-family: Arial, Helvetica, sans-serif; /* 1335 */ font-size: 4em; /* 1336 */ left: 0; /* 1337 */ line-height: 1; /* 1338 */ margin-top: -0.5em; /* 1339 */ position: absolute; /* 1340 */ text-shadow: 0.05em 0.05em 0.1em #000; /* 1341 */ text-align: center; /* 1342 */ top: 50%; /* 1343 */ vertical-align: middle; /* 1344 */ width: 100%; /* 1345 */ } /* 1346 */ /* 1347 */ .vjs-loading-spinner { /* 1348 */ display: none; /* 1349 */ position: absolute; /* 1350 */ top: 50%; /* 1351 */ left: 50%; /* 1352 */ margin: -25px 0 0 -25px; /* 1353 */ opacity: 0.85; /* 1354 */ text-align: left; /* 1355 */ border: 6px solid rgba(43, 51, 63, 0.7); /* 1356 */ box-sizing: border-box; /* 1357 */ background-clip: padding-box; /* 1358 */ width: 50px; /* 1359 */ height: 50px; /* 1360 */ border-radius: 25px; /* 1361 */ visibility: hidden; /* 1362 */ } /* 1363 */ /* 1364 */ .vjs-seeking .vjs-loading-spinner, /* 1365 */ .vjs-waiting .vjs-loading-spinner { /* 1366 */ display: block; /* 1367 */ -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards; /* 1368 */ animation: vjs-spinner-show 0s linear 0.3s forwards; /* 1369 */ } /* 1370 */ /* 1371 */ .vjs-loading-spinner:before, /* 1372 */ .vjs-loading-spinner:after { /* 1373 */ content: ""; /* 1374 */ position: absolute; /* 1375 */ margin: -6px; /* 1376 */ box-sizing: inherit; /* 1377 */ width: inherit; /* 1378 */ height: inherit; /* 1379 */ border-radius: inherit; /* 1380 */ opacity: 1; /* 1381 */ border: inherit; /* 1382 */ border-color: transparent; /* 1383 */ border-top-color: white; /* 1384 */ } /* 1385 */ /* 1386 */ .vjs-seeking .vjs-loading-spinner:before, /* 1387 */ .vjs-seeking .vjs-loading-spinner:after, /* 1388 */ .vjs-waiting .vjs-loading-spinner:before, /* 1389 */ .vjs-waiting .vjs-loading-spinner:after { /* 1390 */ -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; /* 1391 */ animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; /* 1392 */ } /* 1393 */ /* 1394 */ .vjs-seeking .vjs-loading-spinner:before, /* 1395 */ .vjs-waiting .vjs-loading-spinner:before { /* 1396 */ border-top-color: white; /* 1397 */ } /* 1398 */ /* 1399 */ .vjs-seeking .vjs-loading-spinner:after, /* 1400 */ .vjs-waiting .vjs-loading-spinner:after { /* 1401 */ border-top-color: white; /* 1402 */ -webkit-animation-delay: 0.44s; /* 1403 */ animation-delay: 0.44s; /* 1404 */ } /* 1405 */ /* 1406 */ @keyframes vjs-spinner-show { /* 1407 */ to { /* 1408 */ visibility: visible; /* 1409 */ } /* 1410 */ } /* 1411 */ @-webkit-keyframes vjs-spinner-show { /* 1412 */ to { /* 1413 */ visibility: visible; /* 1414 */ } /* 1415 */ } /* 1416 */ @keyframes vjs-spinner-spin { /* 1417 */ 100% { /* 1418 */ transform: rotate(360deg); /* 1419 */ } /* 1420 */ } /* 1421 */ @-webkit-keyframes vjs-spinner-spin { /* 1422 */ 100% { /* 1423 */ -webkit-transform: rotate(360deg); /* 1424 */ } /* 1425 */ } /* 1426 */ @keyframes vjs-spinner-fade { /* 1427 */ 0% { /* 1428 */ border-top-color: #73859f; /* 1429 */ } /* 1430 */ 20% { /* 1431 */ border-top-color: #73859f; /* 1432 */ } /* 1433 */ 35% { /* 1434 */ border-top-color: white; /* 1435 */ } /* 1436 */ 60% { /* 1437 */ border-top-color: #73859f; /* 1438 */ } /* 1439 */ 100% { /* 1440 */ border-top-color: #73859f; /* 1441 */ } /* 1442 */ } /* 1443 */ @-webkit-keyframes vjs-spinner-fade { /* 1444 */ 0% { /* 1445 */ border-top-color: #73859f; /* 1446 */ } /* 1447 */ 20% { /* 1448 */ border-top-color: #73859f; /* 1449 */ } /* 1450 */ 35% { /* 1451 */ border-top-color: white; /* 1452 */ } /* 1453 */ 60% { /* 1454 */ border-top-color: #73859f; /* 1455 */ } /* 1456 */ 100% { /* 1457 */ border-top-color: #73859f; /* 1458 */ } /* 1459 */ } /* 1460 */ .vjs-chapters-button .vjs-menu ul { /* 1461 */ width: 24em; /* 1462 */ } /* 1463 */ /* 1464 */ .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { /* 1465 */ vertical-align: middle; /* 1466 */ display: inline-block; /* 1467 */ margin-bottom: -0.1em; /* 1468 */ } /* 1469 */ /* 1470 */ .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { /* 1471 */ font-family: VideoJS; /* 1472 */ content: ""; /* 1473 */ font-size: 1.5em; /* 1474 */ line-height: inherit; /* 1475 */ } /* 1476 */ /* 1477 */ .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder { /* 1478 */ vertical-align: middle; /* 1479 */ display: inline-block; /* 1480 */ margin-bottom: -0.1em; /* 1481 */ } /* 1482 */ /* 1483 */ .video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { /* 1484 */ font-family: VideoJS; /* 1485 */ content: " "; /* 1486 */ font-size: 1.5em; /* 1487 */ line-height: inherit; /* 1488 */ } /* 1489 */ /* 1490 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time, /* 1491 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider, /* 1492 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration, /* 1493 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time, /* 1494 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate, /* 1495 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button, /* 1496 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button, /* 1497 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button, /* 1498 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button, /* 1499 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button, /* 1500 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time, /* 1501 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider, /* 1502 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration, /* 1503 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time, /* 1504 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate, /* 1505 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button, /* 1506 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button, /* 1507 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button, /* 1508 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button, /* 1509 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button, /* 1510 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time, /* 1511 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider, /* 1512 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration, /* 1513 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time, /* 1514 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate, /* 1515 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button, /* 1516 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button, /* 1517 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button, /* 1518 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button, /* 1519 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button, /* 1520 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control { /* 1521 */ display: none; /* 1522 */ } /* 1523 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, /* 1524 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, /* 1525 */ .video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, /* 1526 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, /* 1527 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, /* 1528 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, /* 1529 */ .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { /* 1530 */ width: auto; /* 1531 */ width: initial; /* 1532 */ } /* 1533 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button { /* 1534 */ display: none; /* 1535 */ } /* 1536 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer { /* 1537 */ flex: auto; /* 1538 */ display: block; /* 1539 */ } /* 1540 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer { /* 1541 */ width: auto; /* 1542 */ } /* 1543 */ .video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control { /* 1544 */ display: none; /* 1545 */ } /* 1546 */ /* 1547 */ .vjs-modal-dialog.vjs-text-track-settings { /* 1548 */ background-color: rgba(43, 51, 63, 0.75); /* 1549 */ color: #fff; /* 1550 */ height: 70%; /* 1551 */ /*background-color: #6e6e6e;*/ /* 1552 */ z-index: 10000; /* 1553 */ } /* 1554 */ /* 1555 */ .vjs-text-track-settings .vjs-modal-dialog-content { /* 1556 */ display: table; /* 1557 */ } /* 1558 */ /* 1559 */ .vjs-text-track-settings .vjs-track-settings-colors, /* 1560 */ .vjs-text-track-settings .vjs-track-settings-font, /* 1561 */ .vjs-text-track-settings .vjs-track-settings-controls { /* 1562 */ display: table-cell; /* 1563 */ } /* 1564 */ /* 1565 */ .vjs-text-track-settings .vjs-track-settings-controls { /* 1566 */ text-align: right; /* 1567 */ vertical-align: bottom; /* 1568 */ } /* 1569 */ /* 1570 */ .vjs-modal-dialog.vjs-text-track-settings button.vjs-close-button.vjs-control.vjs-button { /* 1571 */ display: none; /* 1572 */ } /* 1573 */ /* 1574 */ @supports (display: grid) { /* 1575 */ .vjs-text-track-settings .vjs-modal-dialog-content { /* 1576 */ display: grid; /* 1577 */ grid-template-columns: 1fr 1fr; /* 1578 */ grid-template-rows: 1fr; /* 1579 */ padding: 20px 24px 0px 24px; /* 1580 */ } /* 1581 */ /* 1582 */ .vjs-track-settings-controls .vjs-default-button { /* 1583 */ margin-bottom: 20px; /* 1584 */ } /* 1585 */ /* 1586 */ .vjs-text-track-settings .vjs-track-settings-controls { /* 1587 */ grid-column: 1/-1; /* 1588 */ } /* 1589 */ /* 1590 */ .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, /* 1591 */ .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content, /* 1592 */ .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content { /* 1593 */ grid-template-columns: 1fr; /* 1594 */ } /* 1595 */ } /* 1596 */ .vjs-track-setting > select { /* 1597 */ margin-right: 1em; /* 1598 */ margin-bottom: 0.5em; /* 1599 */ } /* 1600 */ /* 1601 */ .video-js select { /* 1602 */ height: 25px; /* 1603 */ background: transparent; /* 1604 */ font-size: 12px; /* 1605 */ color: white; /* 1606 */ line-height: 15px; /* 1607 */ background-image: url(images/select-arrow.png); /* 1608 */ background-position: right; /* 1609 */ background-repeat: no-repeat; /* 1610 */ -webkit-box-shadow: 0 0px 0px 0px #bdbeb2; /* 1611 */ -moz-box-shadow: 0 0px 0px 0px #bdbeb2; /* 1612 */ box-shadow: 0 0px 0px 0px #bdbeb2; /* 1613 */ cursor: pointer; /* 1614 */ } /* 1615 */ /* 1616 */ .video-js select option{ /* 1617 */ color: black; /* 1618 */ } /* 1619 */ /* 1620 */ .vjs-text-track-settings fieldset { /* 1621 */ margin: 5px; /* 1622 */ padding: 3px; /* 1623 */ border: none; /* 1624 */ } /* 1625 */ /* 1626 */ .vjs-text-track-settings fieldset span { /* 1627 */ display: inline-block; /* 1628 */ } /* 1629 */ /* 1630 */ .vjs-text-track-settings fieldset span > select { /* 1631 */ max-width: 7.3em; /* 1632 */ } /* 1633 */ /* 1634 */ .vjs-text-track-settings legend { /* 1635 */ color: #fff; /* 1636 */ margin: 0 0 5px 0; /* 1637 */ font-size: 1.2em; /* 1638 */ } /* 1639 */ /* 1640 */ .vjs-track-settings-controls button { /* 1641 */ padding: 0.2em 0.8em; /* 1642 */ } /* 1643 */ /* 1644 */ .vjs-track-settings-controls button:hover { /* 1645 */ background-color: #e7e7e7; /* 1646 */ } /* 1647 */ /* 1648 */ .vjs-text-track-settings .vjs-label { /* 1649 */ position: absolute; /* 1650 */ clip: rect(1px 1px 1px 1px); /* 1651 */ clip: rect(1px, 1px, 1px, 1px); /* 1652 */ display: block; /* 1653 */ margin: 0 0 5px 0; /* 1654 */ padding: 0; /* 1655 */ border: 0; /* 1656 */ height: 1px; /* 1657 */ width: 1px; /* 1658 */ overflow: hidden; /* 1659 */ } /* 1660 */ /* 1661 */ .vjs-track-settings-controls button:focus, /* 1662 */ .vjs-track-settings-controls button:active { /* 1663 */ outline-style: solid; /* 1664 */ outline-width: medium; /* 1665 */ background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); /* 1666 */ } /* 1667 */ /* 1668 */ .vjs-track-settings-controls button:hover { /* 1669 */ color: rgba(43, 51, 63, 0.75); /* 1670 */ } /* 1671 */ /* 1672 */ .vjs-track-settings-controls button { /* 1673 */ background-color: #fff; /* 1674 */ /* background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);*/ /* 1675 */ color: #2B333F; /* 1676 */ cursor: pointer; /* 1677 */ /* border-radius: 2px;*/ /* 1678 */ } /* 1679 */ /* 1680 */ .vjs-track-settings-controls .vjs-default-button { /* 1681 */ margin-right: 1em; /* 1682 */ } /* 1683 */ /* 1684 */ @media print { /* 1685 */ .video-js > *:not(.vjs-tech):not(.vjs-poster) { /* 1686 */ visibility: hidden; /* 1687 */ } /* 1688 */ } /* 1689 */ .vjs-resize-manager { /* 1690 */ position: absolute; /* 1691 */ top: 0; /* 1692 */ left: 0; /* 1693 */ width: 100%; /* 1694 */ height: 100%; /* 1695 */ border: none; /* 1696 */ z-index: -1000; /* 1697 */ } /* 1698 */ /* 1699 */ .js-focus-visible .video-js *:focus:not(.focus-visible) { /* 1700 */ /*outline: none;*/ /* 1701 */ /*background: none;*/ /* 1702 */ } /* 1703 */ /* 1704 */ .video-js *:focus:not(:focus-visible), /* 1705 */ .video-js .vjs-menu *:focus:not(:focus-visible) { /* 1706 */ /*outline: none;*/ /* 1707 */ /*background: none;*/ /* 1708 */ } /* 1709 */ /* 1710 */ /** culturebase player code */ /* 1711 */ /* 1712 */ .vjs-menu.vjs-menu-show { /* 1713 */ display: block; /* 1714 */ } /* 1715 */ /* 1716 */ .video-error-container { /* 1717 */ display: flex; /* 1718 */ flex-direction: column; /* 1719 */ width: 94%; /* 1720 */ top: 5%; /* 1721 */ height: 90%; /* 1722 */ left: 3%; /* 1723 */ position: absolute; /* 1724 */ color: white; /* 1725 */ background-color: #000000ad; /* 1726 */ padding: 10px; /* 1727 */ font-weight: bold; /* 1728 */ } /* 1729 */ /* 1730 */ .video-error-message { /* 1731 */ color: #fff !important; /* 1732 */ font-size: 12px; /* 1733 */ line-height: 14px; /* 1734 */ font-weight: 200; /* 1735 */ font-family: arial; /* 1736 */ } /* 1737 */ /* 1738 */ div#video-error-countdown { /* 1739 */ text-align: center; /* 1740 */ } /* 1741 */ /* 1742 */ .countown-element-container { /* 1743 */ display: inline-block; /* 1744 */ min-width: 40px; /* 1745 */ height: fit-content; /* 1746 */ /*background-color: #000000b3;*/ /* 1747 */ padding: 8px 0 9px; /* 1748 */ border-radius: 10px; /* 1749 */ border: solid 1px white; /* 1750 */ margin-top: 24px; /* 1751 */ } /* 1752 */ /* 1753 */ .countown-element-separator { /* 1754 */ display: inline-block; /* 1755 */ width: 30px; /* 1756 */ height: 40px; /* 1757 */ text-align: center; /* 1758 */ color: white; /* 1759 */ font-size: 30px; /* 1760 */ line-height: 80px; /* 1761 */ position: relative; /* 1762 */ } /* 1763 */ /* 1764 */ .countown-element-number { /* 1765 */ color: white; /* 1766 */ text-align: center; /* 1767 */ font-size: 16px; /* 1768 */ font-weight: 200; /* 1769 */ } /* 1770 */ /* 1771 */ .countown-element-description { /* 1772 */ color: white; /* 1773 */ text-align: center; /* 1774 */ text-transform: uppercase; /* 1775 */ font-size: 12px; /* 1776 */ margin-top: 1px; /* 1777 */ } /* 1778 */ /* 1779 */ .countown-element-separator-text { /* 1780 */ position: absolute; /* 1781 */ width: 30px; /* 1782 */ height: 50px; /* 1783 */ text-align: center; /* 1784 */ color: white; /* 1785 */ font-size: 20px; /* 1786 */ line-height: 30px; /* 1787 */ padding-top: 3px; /* 1788 */ } /* 1789 */ /* 1790 */ @media screen and (min-width: 380px){ /* 1791 */ /* 1792 */ .video-error-container { /* 1793 */ padding: 20px; /* 1794 */ } /* 1795 */ /* 1796 */ .video-error-message { /* 1797 */ font-size: 14px; /* 1798 */ line-height: 16px; /* 1799 */ } /* 1800 */ /* 1801 */ .countown-element-container { /* 1802 */ min-width: 50px; /* 1803 */ padding: 14px 0; /* 1804 */ } /* 1805 */ /* 1806 */ .countown-element-separator { /* 1807 */ width: 30px; /* 1808 */ height: 40px; /* 1809 */ font-size: 30px; /* 1810 */ line-height: 80px; /* 1811 */ } /* 1812 */ /* 1813 */ .countown-element-number { /* 1814 */ font-size: 20px; /* 1815 */ } /* 1816 */ /* 1817 */ .countown-element-description { /* 1818 */ margin-top: 10px; /* 1819 */ font-size: 14px; /* 1820 */ } /* 1821 */ /* 1822 */ .countown-element-separator-text { /* 1823 */ width: 30px; /* 1824 */ height: 50px; /* 1825 */ font-size: 20px; /* 1826 */ line-height: 30px; /* 1827 */ padding-top: 3px; /* 1828 */ } /* 1829 */ /* 1830 */ } /* 1831 */ /* 1832 */ @media screen and (min-width: 420px){ /* 1833 */ /* 1834 */ /* 1835 */ .video-error-message { /* 1836 */ font-size: 16px; /* 1837 */ line-height: 22px; /* 1838 */ } /* 1839 */ /* 1840 */ .countown-element-container { /* 1841 */ min-width: 50px; /* 1842 */ /* height: 75px;*/ /* 1843 */ border-radius: 10px; /* 1844 */ /*background-color: red*/ /* 1845 */ } /* 1846 */ /* 1847 */ .countown-element-separator { /* 1848 */ width: 30px; /* 1849 */ height: 40px; /* 1850 */ font-size: 30px; /* 1851 */ line-height: 80px; /* 1852 */ } /* 1853 */ /* 1854 */ .countown-element-number { /* 1855 */ font-size: 20px; /* 1856 */ font-weight: 200; /* 1857 */ } /* 1858 */ /* 1859 */ .countown-element-description { /* 1860 */ margin-top: 6px; /* 1861 */ } /* 1862 */ /* 1863 */ .countown-element-separator-text { /* 1864 */ width: 30px; /* 1865 */ height: 50px; /* 1866 */ font-size: 20px; /* 1867 */ line-height: 30px; /* 1868 */ padding-top: 3px; /* 1869 */ } /* 1870 */ } /* 1871 */ /* 1872 */ /* 1873 */ @media screen and (min-width: 640px){ /* 1874 */ /* 1875 */ /* 1876 */ .video-error-container { /* 1877 */ padding: 50px; /* 1878 */ } /* 1879 */ /* 1880 */ .video-error-message { /* 1881 */ font-size: 20px; /* 1882 */ line-height: 25px; /* 1883 */ } /* 1884 */ .countown-element-container { /* 1885 */ min-width: 90px; /* 1886 */ padding: 16px 0 14px; /* 1887 */ border-radius: 10px; /* 1888 */ /*background-color: yellow*/ /* 1889 */ } /* 1890 */ /* 1891 */ .countown-element-number { /* 1892 */ font-size: 50px; /* 1893 */ margin-top: 20px; /* 1894 */ } /* 1895 */ /* 1896 */ .countown-element-description { /* 1897 */ margin-top: 20px; /* 1898 */ } /* 1899 */ /* 1900 */ .countown-element-separator { /* 1901 */ height: 50px; /* 1902 */ } /* 1903 */ } /* 1904 */ /* 1905 */ /* 1906 */ @media screen and (min-width: 768px){ /* 1907 */ /* 1908 */ .video-error-message { /* 1909 */ font-size: 24px; /* 1910 */ line-height: 32px; /* 1911 */ } /* 1912 */ .countown-element-container { /* 1913 */ min-width: 120px; /* 1914 */ margin-top: 40px; /* 1915 */ border-radius: 10px; /* 1916 */ padding: 29px 0 13px; /* 1917 */ } /* 1918 */ /* 1919 */ .countown-element-separator { /* 1920 */ height: 120px; /* 1921 */ font-size: 30px; /* 1922 */ line-height: 80px; /* 1923 */ } /* 1924 */ .countown-element-number { /* 1925 */ font-size: 60px; /* 1926 */ margin-top: 45px; /* 1927 */ font-weight: 200; /* 1928 */ } /* 1929 */ /* 1930 */ .countown-element-description { /* 1931 */ margin-top: 25px; /* 1932 */ } /* 1933 */ /* 1934 */ .countown-element-separator-text { /* 1935 */ width: 30px; /* 1936 */ height: 80px; /* 1937 */ font-size: 30px; /* 1938 */ line-height: 80px; /* 1939 */ padding-top: 28px; /* 1940 */ } /* 1941 */ /* 1942 */ .countown-element-number { /* 1943 */ font-size: 60px; /* 1944 */ } /* 1945 */ } /* 1946 */ /* --- /var/www/module_php7/jscript/lib/jquery_plugins/mCustomScrollbar/jquery.mCustomScrollbar.css --- */ /* 1 */ /* /+ 2 +/ == malihu jquery custom scrollbar plugin == /+ 3 +/ Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller /+ 4 +/ */ /* 5 */ /* 6 */ /* 7 */ /* 8 */ /* /+ 9 +/ CONTENTS: /+ 10 +/ 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). /+ 11 +/ 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. /+ 12 +/ 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. /+ 13 +/ 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. /+ 14 +/ 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. /+ 15 +/ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS /+ 16 +/ 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. /+ 17 +/ */ /* 18 */ /* 19 */ /* 20 */ /* 21 */ /* /+ 22 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 23 +/ 1. BASIC STYLE /+ 24 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 25 +/ */ /* 26 */ /* 27 */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } /* 28 */ .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } /* 29 */ /* 30 */ .mCustomScrollBox{ /* contains plugin's markup */ /* 31 */ position: relative; /* 32 */ overflow: hidden; /* 33 */ height: 100%; /* 34 */ max-width: 100%; /* 35 */ outline: none; /* 36 */ direction: ltr; /* 37 */ } /* 38 */ /* 39 */ .mCSB_container{ /* contains the original content */ /* 40 */ overflow: hidden; /* 41 */ width: auto; /* 42 */ height: auto; /* 43 */ } /* 44 */ /* 45 */ /* 46 */ /* 47 */ /* /+ 48 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 49 +/ 2. VERTICAL SCROLLBAR /+ 50 +/ y-axis /+ 51 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 52 +/ */ /* 53 */ /* 54 */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } /* 55 */ /* 56 */ .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ /* 57 */ /* 58 */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ /* 59 */ margin-right: 0; /* 60 */ margin-left: 30px; /* 61 */ } /* 62 */ /* 63 */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ /* 64 */ /* 65 */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ /* 66 */ position: absolute; /* 67 */ width: 16px; /* 68 */ height: auto; /* 69 */ left: auto; /* 70 */ top: 0; /* 71 */ right: 0; /* 72 */ bottom: 0; /* 73 */ } /* 74 */ /* 75 */ .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ /* 76 */ /* 77 */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, /* 78 */ .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ /* 79 */ right: auto; /* 80 */ left: 0; /* 81 */ } /* 82 */ /* 83 */ .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ /* 84 */ /* 85 */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ /* 86 */ position: absolute; /* 87 */ top: 0; /* 88 */ left: 0; /* 89 */ bottom: 0; /* 90 */ right: 0; /* 91 */ height: auto; /* 92 */ } /* 93 */ /* 94 */ .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } /* 95 */ /* 96 */ .mCSB_scrollTools .mCSB_draggerRail{ /* 97 */ width: 2px; /* 98 */ height: 100%; /* 99 */ margin: 0 auto; /* 100 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; /* 101 */ } /* 102 */ /* 103 */ .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ /* 104 */ cursor: pointer; /* 105 */ width: 100%; /* 106 */ height: 30px; /* minimum dragger height */ /* 107 */ z-index: 1; /* 108 */ } /* 109 */ /* 110 */ .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ /* 111 */ position: relative; /* 112 */ width: 4px; /* 113 */ height: 100%; /* 114 */ margin: 0 auto; /* 115 */ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; /* 116 */ text-align: center; /* 117 */ } /* 118 */ /* 119 */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, /* 120 */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } /* 121 */ /* 122 */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 123 */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } /* 124 */ /* 125 */ .mCSB_scrollTools .mCSB_buttonUp, /* 126 */ .mCSB_scrollTools .mCSB_buttonDown{ /* 127 */ display: block; /* 128 */ position: absolute; /* 129 */ height: 20px; /* 130 */ width: 100%; /* 131 */ overflow: hidden; /* 132 */ margin: 0 auto; /* 133 */ cursor: pointer; /* 134 */ } /* 135 */ /* 136 */ .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* 137 */ /* 138 */ /* 139 */ /* 140 */ /* /+ 141 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 142 +/ 3. HORIZONTAL SCROLLBAR /+ 143 +/ x-axis /+ 144 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 145 +/ */ /* 146 */ /* 147 */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ /* 148 */ margin-right: 0; /* 149 */ margin-bottom: 30px; /* 150 */ } /* 151 */ /* 152 */ .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } /* 153 */ /* 154 */ .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ /* 155 */ /* 156 */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ /* 157 */ width: auto; /* 158 */ height: 16px; /* 159 */ top: auto; /* 160 */ right: 0; /* 161 */ bottom: 0; /* 162 */ left: 0; /* 163 */ } /* 164 */ /* 165 */ .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, /* 166 */ .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ /* 167 */ /* 168 */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } /* 169 */ /* 170 */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ /* 171 */ width: 100%; /* 172 */ height: 2px; /* 173 */ margin: 7px 0; /* 174 */ } /* 175 */ /* 176 */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ /* 177 */ width: 30px; /* minimum dragger width */ /* 178 */ height: 100%; /* 179 */ left: 0; /* 180 */ } /* 181 */ /* 182 */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* 183 */ width: 100%; /* 184 */ height: 4px; /* 185 */ margin: 6px auto; /* 186 */ } /* 187 */ /* 188 */ .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, /* 189 */ .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ /* 190 */ height: 12px; /* auto-expanded scrollbar */ /* 191 */ margin: 2px auto; /* 192 */ } /* 193 */ /* 194 */ .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 195 */ .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ /* 196 */ height: 8px; /* auto-expanded scrollbar */ /* 197 */ margin: 4px 0; /* 198 */ } /* 199 */ /* 200 */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, /* 201 */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ /* 202 */ display: block; /* 203 */ position: absolute; /* 204 */ width: 20px; /* 205 */ height: 100%; /* 206 */ overflow: hidden; /* 207 */ margin: 0 auto; /* 208 */ cursor: pointer; /* 209 */ } /* 210 */ /* 211 */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } /* 212 */ /* 213 */ .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* 214 */ /* 215 */ /* 216 */ /* 217 */ /* /+ 218 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 219 +/ 4. VERTICAL AND HORIZONTAL SCROLLBARS /+ 220 +/ yx-axis /+ 221 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 222 +/ */ /* 223 */ /* 224 */ .mCSB_container_wrapper{ /* 225 */ position: absolute; /* 226 */ height: auto; /* 227 */ width: auto; /* 228 */ overflow: hidden; /* 229 */ top: 0; /* 230 */ left: 0; /* 231 */ right: 0; /* 232 */ bottom: 0; /* 233 */ margin-right: 30px; /* 234 */ margin-bottom: 30px; /* 235 */ } /* 236 */ /* 237 */ .mCSB_container_wrapper > .mCSB_container{ /* 238 */ padding-right: 30px; /* 239 */ padding-bottom: 30px; /* 240 */ } /* 241 */ /* 242 */ .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } /* 243 */ /* 244 */ .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* 245 */ /* 246 */ /* non-visible horizontal scrollbar */ /* 247 */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* 248 */ /* 249 */ /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ /* 250 */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, /* 251 */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* 252 */ /* 253 */ /* RTL direction/left-side scrollbar */ /* 254 */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* 255 */ /* 256 */ /* non-visible scrollbar/RTL direction/left-side scrollbar */ /* 257 */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } /* 258 */ /* 259 */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ /* 260 */ margin-right: 0; /* 261 */ margin-left: 30px; /* 262 */ } /* 263 */ /* 264 */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ /* 265 */ padding-right: 0; /* 266 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 267 */ } /* 268 */ /* 269 */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ /* 270 */ padding-bottom: 0; /* 271 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 272 */ } /* 273 */ /* 274 */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ /* 275 */ margin-right: 0; /* non-visible scrollbar */ /* 276 */ margin-left: 0; /* 277 */ } /* 278 */ /* 279 */ /* non-visible horizontal scrollbar */ /* 280 */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* 281 */ /* 282 */ /* 283 */ /* 284 */ /* /+ 285 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 286 +/ 5. TRANSITIONS /+ 287 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 288 +/ */ /* 289 */ /* 290 */ .mCSB_scrollTools, /* 291 */ .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 292 */ .mCSB_scrollTools .mCSB_buttonUp, /* 293 */ .mCSB_scrollTools .mCSB_buttonDown, /* 294 */ .mCSB_scrollTools .mCSB_buttonLeft, /* 295 */ .mCSB_scrollTools .mCSB_buttonRight{ /* 296 */ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; /* 297 */ -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; /* 298 */ -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; /* 299 */ transition: opacity .2s ease-in-out, background-color .2s ease-in-out; /* 300 */ } /* 301 */ /* 302 */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ /* 303 */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, /* 304 */ .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* 305 */ .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ /* 306 */ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, /* 307 */ margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, /* 308 */ margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, /* 309 */ opacity .2s ease-in-out, background-color .2s ease-in-out; /* 310 */ -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, /* 311 */ margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, /* 312 */ margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, /* 313 */ opacity .2s ease-in-out, background-color .2s ease-in-out; /* 314 */ -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, /* 315 */ margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, /* 316 */ margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, /* 317 */ opacity .2s ease-in-out, background-color .2s ease-in-out; /* 318 */ transition: width .2s ease-out .2s, height .2s ease-out .2s, /* 319 */ margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, /* 320 */ margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, /* 321 */ opacity .2s ease-in-out, background-color .2s ease-in-out; /* 322 */ } /* 323 */ /* 324 */ /* 325 */ /* 326 */ /* /+ 327 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 328 +/ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS /+ 329 +/ ------------------------------------------------------------------------------------------------------------------------ /+ 330 +/ */ /* 331 */ /* 332 */ /* /+ 333 +/ ---------------------------------------- /+ 334 +/ 6.1 THEMES /+ 335 +/ ---------------------------------------- /+ 336 +/ */ /* 337 */ /* 338 */ /* default theme ("light") */ /* 339 */ /* 340 */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } /* 341 */ /* 342 */ .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, /* 343 */ .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } /* 344 */ /* 345 */ .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, /* 346 */ .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, /* 347 */ .mCustomScrollBox:hover > .mCSB_scrollTools, /* 348 */ .mCustomScrollBox:hover ~ .mCSB_scrollTools, /* 349 */ .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, /* 350 */ .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } /* 351 */ /* 352 */ .mCSB_scrollTools .mCSB_draggerRail{ /* 353 */ background-color: #000; background-color: rgba(0,0,0,0.4); /* 354 */ filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* 355 */ } /* 356 */ /* 357 */ .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 358 */ background-color: #fff; background-color: rgba(255,255,255,0.75); /* 359 */ filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; /* 360 */ } /* 361 */ /* 362 */ .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ /* 363 */ background-color: #fff; background-color: rgba(255,255,255,0.85); /* 364 */ filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; /* 365 */ } /* 366 */ .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 367 */ .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ /* 368 */ background-color: #fff; background-color: rgba(255,255,255,0.9); /* 369 */ filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; /* 370 */ } /* 371 */ /* 372 */ .mCSB_scrollTools .mCSB_buttonUp, /* 373 */ .mCSB_scrollTools .mCSB_buttonDown, /* 374 */ .mCSB_scrollTools .mCSB_buttonLeft, /* 375 */ .mCSB_scrollTools .mCSB_buttonRight{ /* 376 */ background-image: url(mCSB_buttons.png); /* css sprites */ /* 377 */ background-repeat: no-repeat; /* 378 */ opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; /* 379 */ } /* 380 */ /* 381 */ .mCSB_scrollTools .mCSB_buttonUp{ /* 382 */ background-position: 0 0; /* 383 */ /* /+ 384 +/ sprites locations /+ 385 +/ light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px /+ 386 +/ dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px /+ 387 +/ */ /* 388 */ } /* 389 */ /* 390 */ .mCSB_scrollTools .mCSB_buttonDown{ /* 391 */ background-position: 0 -20px; /* 392 */ /* /+ 393 +/ sprites locations /+ 394 +/ light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px /+ 395 +/ dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px /+ 396 +/ */ /* 397 */ } /* 398 */ /* 399 */ .mCSB_scrollTools .mCSB_buttonLeft{ /* 400 */ background-position: 0 -40px; /* 401 */ /* /+ 402 +/ sprites locations /+ 403 +/ light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px /+ 404 +/ dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px /+ 405 +/ */ /* 406 */ } /* 407 */ /* 408 */ .mCSB_scrollTools .mCSB_buttonRight{ /* 409 */ background-position: 0 -56px; /* 410 */ /* /+ 411 +/ sprites locations /+ 412 +/ light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px /+ 413 +/ dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px /+ 414 +/ */ /* 415 */ } /* 416 */ /* 417 */ .mCSB_scrollTools .mCSB_buttonUp:hover, /* 418 */ .mCSB_scrollTools .mCSB_buttonDown:hover, /* 419 */ .mCSB_scrollTools .mCSB_buttonLeft:hover, /* 420 */ .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } /* 421 */ /* 422 */ .mCSB_scrollTools .mCSB_buttonUp:active, /* 423 */ .mCSB_scrollTools .mCSB_buttonDown:active, /* 424 */ .mCSB_scrollTools .mCSB_buttonLeft:active, /* 425 */ .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* 426 */ /* 427 */ /* 428 */ /* theme: "dark" */ /* 429 */ /* 430 */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } /* 431 */ /* 432 */ .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } /* 433 */ /* 434 */ .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } /* 435 */ /* 436 */ .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 437 */ .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } /* 438 */ /* 439 */ .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } /* 440 */ /* 441 */ .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } /* 442 */ /* 443 */ .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } /* 444 */ /* 445 */ .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* 446 */ /* 447 */ /* ---------------------------------------- */ /* 448 */ /* 449 */ /* 450 */ /* 451 */ /* theme: "light-2", "dark-2" */ /* 452 */ /* 453 */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, /* 454 */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ /* 455 */ width: 4px; /* 456 */ background-color: #fff; background-color: rgba(255,255,255,0.1); /* 457 */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; /* 458 */ } /* 459 */ /* 460 */ .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 461 */ .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 462 */ width: 4px; /* 463 */ background-color: #fff; background-color: rgba(255,255,255,0.75); /* 464 */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; /* 465 */ } /* 466 */ /* 467 */ .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 468 */ .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 469 */ .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 470 */ .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* 471 */ width: 100%; /* 472 */ height: 4px; /* 473 */ margin: 6px auto; /* 474 */ } /* 475 */ /* 476 */ .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } /* 477 */ /* 478 */ .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 479 */ .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* 480 */ /* 481 */ .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } /* 482 */ /* 483 */ .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } /* 484 */ /* 485 */ .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } /* 486 */ /* 487 */ .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* 488 */ /* 489 */ /* 490 */ /* theme: "dark-2" */ /* 491 */ /* 492 */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ /* 493 */ background-color: #000; background-color: rgba(0,0,0,0.1); /* 494 */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; /* 495 */ } /* 496 */ /* 497 */ .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 498 */ background-color: #000; background-color: rgba(0,0,0,0.75); /* 499 */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; /* 500 */ } /* 501 */ /* 502 */ .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } /* 503 */ /* 504 */ .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 505 */ .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } /* 506 */ /* 507 */ .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } /* 508 */ /* 509 */ .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } /* 510 */ /* 511 */ .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } /* 512 */ /* 513 */ .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* 514 */ /* 515 */ /* ---------------------------------------- */ /* 516 */ /* 517 */ /* 518 */ /* 519 */ /* theme: "light-thick", "dark-thick" */ /* 520 */ /* 521 */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, /* 522 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ /* 523 */ width: 4px; /* 524 */ background-color: #fff; background-color: rgba(255,255,255,0.1); /* 525 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /* 526 */ } /* 527 */ /* 528 */ .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 529 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 530 */ width: 6px; /* 531 */ background-color: #fff; background-color: rgba(255,255,255,0.75); /* 532 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /* 533 */ } /* 534 */ /* 535 */ .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 536 */ .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ /* 537 */ width: 100%; /* 538 */ height: 4px; /* 539 */ margin: 6px 0; /* 540 */ } /* 541 */ /* 542 */ .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 543 */ .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* 544 */ width: 100%; /* 545 */ height: 6px; /* 546 */ margin: 5px auto; /* 547 */ } /* 548 */ /* 549 */ .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } /* 550 */ /* 551 */ .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 552 */ .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* 553 */ /* 554 */ .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } /* 555 */ /* 556 */ .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } /* 557 */ /* 558 */ .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } /* 559 */ /* 560 */ .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* 561 */ /* 562 */ /* 563 */ /* theme: "dark-thick" */ /* 564 */ /* 565 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ /* 566 */ background-color: #000; background-color: rgba(0,0,0,0.1); /* 567 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /* 568 */ } /* 569 */ /* 570 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 571 */ background-color: #000; background-color: rgba(0,0,0,0.75); /* 572 */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /* 573 */ } /* 574 */ /* 575 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } /* 576 */ /* 577 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 578 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } /* 579 */ /* 580 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } /* 581 */ /* 582 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } /* 583 */ /* 584 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } /* 585 */ /* 586 */ .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* 587 */ /* 588 */ /* ---------------------------------------- */ /* 589 */ /* 590 */ /* 591 */ /* 592 */ /* theme: "light-thin", "dark-thin" */ /* 593 */ /* 594 */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } /* 595 */ /* 596 */ .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 597 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } /* 598 */ /* 599 */ .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 600 */ .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } /* 601 */ /* 602 */ .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 603 */ .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* 604 */ width: 100%; /* 605 */ height: 2px; /* 606 */ margin: 7px auto; /* 607 */ } /* 608 */ /* 609 */ /* 610 */ /* theme "dark-thin" */ /* 611 */ /* 612 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } /* 613 */ /* 614 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } /* 615 */ /* 616 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } /* 617 */ /* 618 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 619 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } /* 620 */ /* 621 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } /* 622 */ /* 623 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } /* 624 */ /* 625 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } /* 626 */ /* 627 */ .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* 628 */ /* 629 */ /* ---------------------------------------- */ /* 630 */ /* 631 */ /* 632 */ /* 633 */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ /* 634 */ /* 635 */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } /* 636 */ /* 637 */ .mCS-rounded.mCSB_scrollTools .mCSB_dragger, /* 638 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, /* 639 */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, /* 640 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } /* 641 */ /* 642 */ .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 643 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 644 */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 645 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 646 */ width: 14px; /* 647 */ margin: 0 1px; /* 648 */ } /* 649 */ /* 650 */ .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, /* 651 */ .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, /* 652 */ .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, /* 653 */ .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } /* 654 */ /* 655 */ .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 656 */ .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 657 */ .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 658 */ .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* 659 */ height: 14px; /* 660 */ margin: 1px 0; /* 661 */ } /* 662 */ /* 663 */ .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, /* 664 */ .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, /* 665 */ .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, /* 666 */ .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ /* 667 */ width: 16px; /* auto-expanded scrollbar */ /* 668 */ height: 16px; /* 669 */ margin: -1px 0; /* 670 */ } /* 671 */ /* 672 */ .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 673 */ .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, /* 674 */ .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 675 */ .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } /* 676 */ /* 677 */ .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, /* 678 */ .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, /* 679 */ .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, /* 680 */ .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ /* 681 */ height: 16px; /* auto-expanded scrollbar */ /* 682 */ width: 16px; /* 683 */ margin: 0 -1px; /* 684 */ } /* 685 */ /* 686 */ .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 687 */ .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, /* 688 */ .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 689 */ .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ /* 690 */ height: 4px; /* auto-expanded scrollbar */ /* 691 */ margin: 6px 0; /* 692 */ } /* 693 */ /* 694 */ .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } /* 695 */ /* 696 */ .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } /* 697 */ /* 698 */ .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } /* 699 */ /* 700 */ .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* 701 */ /* 702 */ /* 703 */ /* theme "rounded-dark", "rounded-dots-dark" */ /* 704 */ /* 705 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 706 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } /* 707 */ /* 708 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } /* 709 */ /* 710 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, /* 711 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } /* 712 */ /* 713 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 714 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, /* 715 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 716 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } /* 717 */ /* 718 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } /* 719 */ /* 720 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } /* 721 */ /* 722 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } /* 723 */ /* 724 */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* 725 */ /* 726 */ /* 727 */ /* theme "rounded-dots", "rounded-dots-dark" */ /* 728 */ /* 729 */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, /* 730 */ .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } /* 731 */ /* 732 */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, /* 733 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, /* 734 */ .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 735 */ .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ /* 736 */ background-color: transparent; /* 737 */ background-position: center; /* 738 */ } /* 739 */ /* 740 */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, /* 741 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ /* 742 */ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); /* 743 */ background-repeat: repeat-y; /* 744 */ opacity: 0.3; /* 745 */ filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; /* 746 */ } /* 747 */ /* 748 */ .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 749 */ .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ /* 750 */ height: 4px; /* 751 */ margin: 6px 0; /* 752 */ background-repeat: repeat-x; /* 753 */ } /* 754 */ /* 755 */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } /* 756 */ /* 757 */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } /* 758 */ /* 759 */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } /* 760 */ /* 761 */ .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* 762 */ /* 763 */ /* 764 */ /* theme "rounded-dots-dark" */ /* 765 */ /* 766 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ /* 767 */ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); /* 768 */ } /* 769 */ /* 770 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } /* 771 */ /* 772 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } /* 773 */ /* 774 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } /* 775 */ /* 776 */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* 777 */ /* 778 */ /* ---------------------------------------- */ /* 779 */ /* 780 */ /* 781 */ /* 782 */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ /* 783 */ /* 784 */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 785 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 786 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 787 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 788 */ background-repeat: repeat-y; /* 789 */ background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* 790 */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* 791 */ background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* 792 */ background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* 793 */ background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* 794 */ background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* 795 */ } /* 796 */ /* 797 */ .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 798 */ .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 799 */ .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 800 */ .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* 801 */ background-repeat: repeat-x; /* 802 */ background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* 803 */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* 804 */ background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* 805 */ background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* 806 */ background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* 807 */ background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* 808 */ } /* 809 */ /* 810 */ /* 811 */ /* theme "3d", "3d-dark" */ /* 812 */ /* 813 */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, /* 814 */ .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } /* 815 */ /* 816 */ .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, /* 817 */ .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } /* 818 */ /* 819 */ .mCS-3d.mCSB_scrollTools, /* 820 */ .mCS-3d-dark.mCSB_scrollTools{ /* 821 */ opacity: 1; /* 822 */ filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; /* 823 */ } /* 824 */ /* 825 */ .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, /* 826 */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 827 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, /* 828 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } /* 829 */ /* 830 */ .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, /* 831 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ /* 832 */ width: 8px; /* 833 */ background-color: #000; background-color: rgba(0,0,0,0.2); /* 834 */ box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); /* 835 */ } /* 836 */ /* 837 */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 838 */ .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, /* 839 */ .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 840 */ .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, /* 841 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 842 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, /* 843 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 844 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } /* 845 */ /* 846 */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 847 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } /* 848 */ /* 849 */ .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 850 */ .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ /* 851 */ width: 100%; /* 852 */ height: 8px; /* 853 */ margin: 4px 0; /* 854 */ box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); /* 855 */ } /* 856 */ /* 857 */ .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 858 */ .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* 859 */ width: 100%; /* 860 */ height: 8px; /* 861 */ margin: 4px auto; /* 862 */ } /* 863 */ /* 864 */ .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } /* 865 */ /* 866 */ .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } /* 867 */ /* 868 */ .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } /* 869 */ /* 870 */ .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* 871 */ /* 872 */ /* 873 */ /* theme "3d-dark" */ /* 874 */ /* 875 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ /* 876 */ background-color: #000; background-color: rgba(0,0,0,0.1); /* 877 */ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); /* 878 */ } /* 879 */ /* 880 */ .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } /* 881 */ /* 882 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } /* 883 */ /* 884 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } /* 885 */ /* 886 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } /* 887 */ /* 888 */ .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* 889 */ /* 890 */ /* ---------------------------------------- */ /* 891 */ /* 892 */ /* 893 */ /* 894 */ /* theme: "3d-thick", "3d-thick-dark" */ /* 895 */ /* 896 */ .mCS-3d-thick.mCSB_scrollTools, /* 897 */ .mCS-3d-thick-dark.mCSB_scrollTools{ /* 898 */ opacity: 1; /* 899 */ filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; /* 900 */ } /* 901 */ /* 902 */ .mCS-3d-thick.mCSB_scrollTools, /* 903 */ .mCS-3d-thick-dark.mCSB_scrollTools, /* 904 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, /* 905 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* 906 */ /* 907 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 908 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* 909 */ /* 910 */ .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, /* 911 */ .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } /* 912 */ /* 913 */ .mCS-3d-thick.mCSB_scrollTools_vertical, /* 914 */ .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } /* 915 */ /* 916 */ .mCS-3d-thick.mCSB_scrollTools_horizontal, /* 917 */ .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ /* 918 */ bottom: 1px; /* 919 */ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); /* 920 */ } /* 921 */ /* 922 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 923 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 924 */ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); /* 925 */ width: 12px; /* 926 */ margin: 2px; /* 927 */ position: absolute; /* 928 */ height: auto; /* 929 */ top: 0; /* 930 */ bottom: 0; /* 931 */ left: 0; /* 932 */ right: 0; /* 933 */ } /* 934 */ /* 935 */ .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 936 */ .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } /* 937 */ /* 938 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 939 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, /* 940 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 941 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } /* 942 */ /* 943 */ .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 944 */ .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* 945 */ height: 12px; /* 946 */ width: auto; /* 947 */ } /* 948 */ /* 949 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ /* 950 */ background-color: #000; background-color: rgba(0,0,0,0.05); /* 951 */ box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); /* 952 */ } /* 953 */ /* 954 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } /* 955 */ /* 956 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } /* 957 */ /* 958 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } /* 959 */ /* 960 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } /* 961 */ /* 962 */ .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* 963 */ /* 964 */ /* 965 */ /* theme: "3d-thick-dark" */ /* 966 */ /* 967 */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } /* 968 */ /* 969 */ .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } /* 970 */ /* 971 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } /* 972 */ /* 973 */ .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } /* 974 */ /* 975 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 976 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, /* 977 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 978 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } /* 979 */ /* 980 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ /* 981 */ background-color: #fff; background-color: rgba(0,0,0,0.05); /* 982 */ box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); /* 983 */ } /* 984 */ /* 985 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } /* 986 */ /* 987 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } /* 988 */ /* 989 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } /* 990 */ /* 991 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } /* 992 */ /* 993 */ .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* 994 */ /* 995 */ /* ---------------------------------------- */ /* 996 */ /* 997 */ /* 998 */ /* 999 */ /* theme: "minimal", "minimal-dark" */ /* 1000 */ /* 1001 */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, /* 1002 */ .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ /* 1003 */ right: 0; /* 1004 */ margin: 12px 0; /* 1005 */ } /* 1006 */ /* 1007 */ .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, /* 1008 */ .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, /* 1009 */ .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, /* 1010 */ .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ /* 1011 */ bottom: 0; /* 1012 */ margin: 0 12px; /* 1013 */ } /* 1014 */ /* 1015 */ /* RTL direction/left-side scrollbar */ /* 1016 */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, /* 1017 */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ /* 1018 */ left: 0; /* 1019 */ right: auto; /* 1020 */ } /* 1021 */ /* 1022 */ .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, /* 1023 */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } /* 1024 */ /* 1025 */ .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, /* 1026 */ .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } /* 1027 */ /* 1028 */ .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, /* 1029 */ .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } /* 1030 */ /* 1031 */ .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 1032 */ background-color: #fff; background-color: rgba(255,255,255,0.2); /* 1033 */ filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; /* 1034 */ } /* 1035 */ /* 1036 */ .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 1037 */ .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ /* 1038 */ background-color: #fff; background-color: rgba(255,255,255,0.5); /* 1039 */ filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; /* 1040 */ } /* 1041 */ /* 1042 */ /* 1043 */ /* theme: "minimal-dark" */ /* 1044 */ /* 1045 */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 1046 */ background-color: #000; background-color: rgba(0,0,0,0.2); /* 1047 */ filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; /* 1048 */ } /* 1049 */ /* 1050 */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 1051 */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ /* 1052 */ background-color: #000; background-color: rgba(0,0,0,0.5); /* 1053 */ filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; /* 1054 */ } /* 1055 */ /* 1056 */ /* ---------------------------------------- */ /* 1057 */ /* 1058 */ /* 1059 */ /* 1060 */ /* theme "light-3", "dark-3" */ /* 1061 */ /* 1062 */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, /* 1063 */ .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ /* 1064 */ width: 6px; /* 1065 */ background-color: #000; background-color: rgba(0,0,0,0.2); /* 1066 */ } /* 1067 */ /* 1068 */ .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 1069 */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } /* 1070 */ /* 1071 */ .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 1072 */ .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 1073 */ .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 1074 */ .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ /* 1075 */ width: 100%; /* 1076 */ height: 6px; /* 1077 */ margin: 5px 0; /* 1078 */ } /* 1079 */ /* 1080 */ .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 1081 */ .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, /* 1082 */ .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 1083 */ .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ /* 1084 */ width: 12px; /* 1085 */ } /* 1086 */ /* 1087 */ .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 1088 */ .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, /* 1089 */ .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, /* 1090 */ .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ /* 1091 */ height: 12px; /* 1092 */ margin: 2px 0; /* 1093 */ } /* 1094 */ /* 1095 */ .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } /* 1096 */ /* 1097 */ .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } /* 1098 */ /* 1099 */ .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } /* 1100 */ /* 1101 */ .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* 1102 */ /* 1103 */ /* 1104 */ /* theme "dark-3" */ /* 1105 */ /* 1106 */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } /* 1107 */ /* 1108 */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } /* 1109 */ /* 1110 */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 1111 */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } /* 1112 */ /* 1113 */ .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } /* 1114 */ /* 1115 */ .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } /* 1116 */ /* 1117 */ .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } /* 1118 */ /* 1119 */ .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } /* 1120 */ /* 1121 */ .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* 1122 */ /* 1123 */ /* ---------------------------------------- */ /* 1124 */ /* 1125 */ /* 1126 */ /* 1127 */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ /* 1128 */ /* 1129 */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, /* 1130 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, /* 1131 */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, /* 1132 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, /* 1133 */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, /* 1134 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ /* 1135 */ width: 12px; /* 1136 */ background-color: #000; background-color: rgba(0,0,0,0.2); /* 1137 */ } /* 1138 */ /* 1139 */ .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 1140 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 1141 */ .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 1142 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 1143 */ .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 1144 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* 1145 */ width: 6px; /* 1146 */ margin: 3px 5px; /* 1147 */ position: absolute; /* 1148 */ height: auto; /* 1149 */ top: 0; /* 1150 */ bottom: 0; /* 1151 */ left: 0; /* 1152 */ right: 0; /* 1153 */ } /* 1154 */ /* 1155 */ .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 1156 */ .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 1157 */ .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 1158 */ .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 1159 */ .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, /* 1160 */ .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ /* 1161 */ height: 6px; /* 1162 */ margin: 5px 3px; /* 1163 */ position: absolute; /* 1164 */ width: auto; /* 1165 */ top: 0; /* 1166 */ bottom: 0; /* 1167 */ left: 0; /* 1168 */ right: 0; /* 1169 */ } /* 1170 */ /* 1171 */ .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 1172 */ .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 1173 */ .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 1174 */ .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 1175 */ .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, /* 1176 */ .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ /* 1177 */ width: 100%; /* 1178 */ height: 12px; /* 1179 */ margin: 2px 0; /* 1180 */ } /* 1181 */ /* 1182 */ .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, /* 1183 */ .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, /* 1184 */ .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } /* 1185 */ /* 1186 */ .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, /* 1187 */ .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, /* 1188 */ .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } /* 1189 */ /* 1190 */ .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, /* 1191 */ .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, /* 1192 */ .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } /* 1193 */ /* 1194 */ .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, /* 1195 */ .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, /* 1196 */ .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* 1197 */ /* 1198 */ /* 1199 */ /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ /* 1200 */ /* 1201 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 1202 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, /* 1203 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } /* 1204 */ /* 1205 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, /* 1206 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, /* 1207 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } /* 1208 */ /* 1209 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 1210 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, /* 1211 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 1212 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, /* 1213 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 1214 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } /* 1215 */ /* 1216 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, /* 1217 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, /* 1218 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } /* 1219 */ /* 1220 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, /* 1221 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, /* 1222 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } /* 1223 */ /* 1224 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, /* 1225 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, /* 1226 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } /* 1227 */ /* 1228 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, /* 1229 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, /* 1230 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } /* 1231 */ /* 1232 */ .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, /* 1233 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, /* 1234 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* 1235 */ /* 1236 */ /* 1237 */ /* theme "inset-2", "inset-2-dark" */ /* 1238 */ /* 1239 */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, /* 1240 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ /* 1241 */ background-color: transparent; /* 1242 */ border-width: 1px; /* 1243 */ border-style: solid; /* 1244 */ border-color: #fff; /* 1245 */ border-color: rgba(255,255,255,0.2); /* 1246 */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1247 */ } /* 1248 */ /* 1249 */ .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* 1250 */ /* 1251 */ /* 1252 */ /* theme "inset-3", "inset-3-dark" */ /* 1253 */ /* 1254 */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } /* 1255 */ /* 1256 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } /* 1257 */ /* 1258 */ .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } /* 1259 */ /* 1260 */ .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } /* 1261 */ /* 1262 */ .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 1263 */ .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } /* 1264 */ /* 1265 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } /* 1266 */ /* 1267 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } /* 1268 */ /* 1269 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, /* 1270 */ .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* 1271 */ /* 1272 */ /* ---------------------------------------- */ /* 1273 */ /* --- /var/www/event/media/css/event_window.css ---------------------------- */ /* 1 */ @charset "UTF-8"; /* 2 */ /* roboto-300 - latin */ /* 3 */ @font-face { /* 4 */ font-display: swap; /* 5 */ /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ /* 6 */ font-family: 'Roboto-thin'; /* 7 */ font-style: normal; /* 8 */ font-weight: 300; /* 9 */ src: url("../fonts/roboto-v30-latin-300.eot"); /* 10 */ /* IE9 Compat Modes */ /* 11 */ src: url("../fonts/roboto-v30-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"), url("../fonts/roboto-v30-latin-300.ttf") format("truetype"), url("../fonts/roboto-v30-latin-300.svg#Roboto") format("svg"); /* 12 */ /* Legacy iOS */ } /* 13 */ /* roboto-regular - latin */ /* 14 */ @font-face { /* 15 */ font-display: swap; /* 16 */ /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ /* 17 */ font-family: 'Roboto-regular'; /* 18 */ font-style: normal; /* 19 */ font-weight: 400; /* 20 */ src: url("../fonts/roboto-v30-latin-regular.eot"); /* 21 */ /* IE9 Compat Modes */ /* 22 */ src: url("../fonts/roboto-v30-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"), url("../fonts/roboto-v30-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* 23 */ /* Legacy iOS */ } /* 24 */ /* roboto-500 - latin */ /* 25 */ @font-face { /* 26 */ font-display: swap; /* 27 */ /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ /* 28 */ font-family: 'Roboto-medium'; /* 29 */ font-style: normal; /* 30 */ font-weight: 500; /* 31 */ src: url("../fonts/roboto-v30-latin-500.eot"); /* 32 */ /* IE9 Compat Modes */ /* 33 */ src: url("../fonts/roboto-v30-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-500.woff2") format("woff2"), url("../fonts/roboto-v30-latin-500.woff") format("woff"), url("../fonts/roboto-v30-latin-500.ttf") format("truetype"), url("../fonts/roboto-v30-latin-500.svg#Roboto") format("svg"); /* 34 */ /* Legacy iOS */ } /* 35 */ /* roboto-700 - latin */ /* 36 */ @font-face { /* 37 */ font-display: swap; /* 38 */ /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ /* 39 */ font-family: 'Roboto-bold'; /* 40 */ font-style: normal; /* 41 */ font-weight: 700; /* 42 */ src: url("../fonts/roboto-v30-latin-700.eot"); /* 43 */ /* IE9 Compat Modes */ /* 44 */ src: url("../fonts/roboto-v30-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"), url("../fonts/roboto-v30-latin-700.ttf") format("truetype"), url("../fonts/roboto-v30-latin-700.svg#Roboto") format("svg"); /* 45 */ /* Legacy iOS */ } /* 46 */ .dropdown-selectbox-container { /* 47 */ /* hide the dropdowns */ /* 48 */ /* Displays second level dropdowns to the right of the first level dropdown */ /* 49 */ /* Simple clearfix */ /* 50 */ /* manage size of dropdowns*/ } /* 51 */ .dropdown-selectbox-container .styled-select { /* 52 */ cursor: pointer; /* 53 */ font-size: 13px; /* 54 */ display: flex; /* 55 */ align-items: center; /* 56 */ padding-left: 10px; /* 57 */ color: #000; } /* 58 */ .dropdown-selectbox-container ul { /* 59 */ width: fit-content; /* 60 */ padding: 0; /* 61 */ margin: 0; /* 62 */ background: #fff; /* 63 */ display: flex; /* 64 */ flex-direction: column; /* 65 */ border: 1px #c8c8c8 solid; /* 66 */ border-radius: 5px; /* 67 */ box-shadow: 0 8px 9px -9px #bdbeb2; /* 68 */ z-index: 10; } /* 69 */ .dropdown-selectbox-container ul.dropdown-selectbox { /* 70 */ margin-bottom: 10px; /* 71 */ display: none; /* 72 */ position: absolute; /* 73 */ /*top: 230px;*/ /* 74 */ z-index: 30; /* 75 */ height: fit-content; /* 76 */ margin-top: -15px; } /* 77 */ .dropdown-selectbox-container ul li { /* 78 */ font-size: 13px; /* 79 */ list-style: none; /* 80 */ display: block; /* 81 */ position: relative; /* 82 */ cursor: pointer; /* 83 */ color: #000; /* 84 */ text-decoration: none; /* 85 */ white-space: nowrap; /* 86 */ margin: 2px 43px 2px 0; /* 87 */ float: left; /* 88 */ width: 100%; /* 89 */ min-width: 200px; } /* 90 */ .dropdown-selectbox-container ul li span { /* 91 */ height: 100%; /* 92 */ width: 100%; /* 93 */ display: block; /* 94 */ padding: 0.5em; } /* 95 */ .dropdown-selectbox-container li ul { /* 96 */ display: none; } /* 97 */ .dropdown-selectbox-container ul.has-sub > li:not(.has-sub) span:after, /* 98 */ .dropdown-selectbox-container ul li.has-sub button { /* 99 */ width: 40px; /* 100 */ height: 100%; /* 101 */ position: absolute; /* 102 */ top: 0; /* 103 */ right: 0; /* 104 */ border: 0; /* 105 */ border-left: solid 1px #ccc; /* 106 */ padding: 0; /* 107 */ cursor: pointer; /* 108 */ transition: transform .4s ease; /* 109 */ background-color: #fff; /* 110 */ background-repeat: no-repeat; /* 111 */ background-size: 15px; /* 112 */ background-position: center; } /* 113 */ .dropdown-selectbox-container ul.has-sub > li:not(.has-sub) span:after { /* 114 */ content: ""; /* 115 */ width: 40px; /* 116 */ cursor: initial; /* 117 */ background-image: url(/event/media/images/icon_chevron-right-greyed.svg); } /* 118 */ .dropdown-selectbox-container ul li.has-sub button { /* 119 */ background-color: #fff; /* 120 */ background-image: url(/event/media/images/icon_chevron-right.svg); } /* 121 */ .dropdown-selectbox-container ul li.has-sub.expanded > button { /* 122 */ background-color: #6a6a6a; /* 123 */ background-image: url(/event/media/images/icon_goto.svg); } /* 124 */ .dropdown-selectbox-container li.has-sub.expanded { /* 125 */ color: #000; /* 126 */ background-color: #f1f1f1; } /* 127 */ .dropdown-selectbox-container ul li span:hover { /* 128 */ color: #fff; /* 129 */ background-color: #6a6a6a; } /* 130 */ .dropdown-selectbox-container ul ul ul { /* 131 */ left: 100%; /* 132 */ top: 0; } /* 133 */ .dropdown-selectbox-container ul:before, /* 134 */ .dropdown-selectbox-container ul:after { /* 135 */ content: " "; /* 136 */ display: table; } /* 137 */ .dropdown-selectbox-container li.has-sub.expanded > ul { /* 138 */ display: block; /* 139 */ position: absolute; /* 140 */ left: 100%; /* 141 */ top: -3px; } /* 142 */ .dropdown-selectbox-container li:nth-child(n+5).expanded > ul { /* 143 */ transform: translate(0, -38%); } /* 144 */ .dropdown-selectbox-container li:nth-child(n+9).expanded > ul { /* 145 */ transform: translate(0, -60%); } /* 146 */ .dropdown-selectbox-container .FullWidthContainer .HalfWidthContainer .__CbRegButtonContainer { /* 147 */ position: initial; } /* 148 */ .dropdown-selectbox-container ul.dropdown-sub { /* 149 */ max-height: 420px; /* 150 */ overflow: auto; } /* 151 */ /* 152 */ .__EventWindow { /* 153 */ /* /+ 154 +/ .button-parent-reference-page-level3 .cb-flex-editor-button{ /+ 155 +/ top: 100px; /+ 156 +/ }*/ } /* 157 */ .__EventWindow .button-parent-reference, /* 158 */ .__EventWindow .button-parent-reference-page-level2 { /* 159 */ position: relative; } /* 160 */ .__EventWindow .button-parent-reference-page-level3 { /* 161 */ /* position: relative;*/ } /* 162 */ .__EventWindow .cb-flex-editor-button.page-level-3, /* 163 */ .__EventWindow button.show-share-layer { /* 164 */ top: 150px !important; } /* 165 */ .__EventWindow button.page-level-1 { /* 166 */ background-color: #9b4234 !important; } /* 167 */ .__EventWindow button.page-level-2 { /* 168 */ background-color: #747474 !important; } /* 169 */ .__EventWindow .dynamic-page-article { /* 170 */ min-height: 0px; } /* 171 */ .__EventWindow .editorContainer { /* 172 */ background: rgba(0, 0, 0, 0.7); /* 173 */ display: block; /* 174 */ width: 100%; /* 175 */ height: 100%; /* 176 */ position: fixed; /* 177 */ right: 0; /* 178 */ bottom: 0; /* 179 */ left: 0; /* 180 */ top: 0; /* 181 */ z-index: 4000; /* 182 */ display: flex; /* 183 */ justify-content: center; /* 184 */ align-items: center; } /* 185 */ .__EventWindow button.cb-flex-editor-button, /* 186 */ .__EventWindow button.show-share-layer { /* 187 */ font-family: 'Roboto', sans-serif; /* 188 */ border: 0px solid #478bbe; /* 189 */ border-radius: 0px; /* 190 */ color: #fff; /* 191 */ padding: 5px 10px; /* 192 */ font-weight: 500; /* 193 */ font-size: 14px; /* 194 */ background-color: #3e73c0; /* 195 */ line-height: 20px; /* 196 */ outline: none; /* 197 */ position: fixed; /* 198 */ bottom: 12px; /* 199 */ right: 12px; /* 200 */ z-index: 900; /* 201 */ cursor: pointer; /* 202 */ display: none; /* 203 */ align-items: center; } /* 204 */ .__EventWindow button.cb-flex-editor-button svg, /* 205 */ .__EventWindow button.show-share-layer svg { /* 206 */ margin: 5px; } /* 207 */ .__EventWindow button.cb-flex-editor-button span, /* 208 */ .__EventWindow button.show-share-layer span { /* 209 */ display: none; } /* 210 */ .__EventWindow button.cb-flex-editor-button:hover span, /* 211 */ .__EventWindow button.show-share-layer:hover span { /* 212 */ display: flex; } /* 213 */ .__EventWindow .accordion button.cb-flex-editor-button { /* 214 */ display: none; } /* 215 */ .__EventWindow .accordion .show button.cb-flex-editor-button { /* 216 */ display: flex; } /* 217 */ .__EventWindow .blog-edit-button { /* 218 */ box-shadow: 0 0 0.3em #0000005c; } /* 219 */ .__EventWindow .accordion-body button.media-editor-button.scrolled { /* 220 */ position: fixed !important; /* 221 */ top: 140px; } /* 222 */ .__EventWindow button.cb-flex-editor-button.article-editor-button, /* 223 */ .__EventWindow button.cb-flex-editor-button.article-delete-button { /* 224 */ position: absolute; /* 225 */ top: 0px; /* 226 */ bottom: initial; /* 227 */ right: 0; /* 228 */ margin-right: 20px; } /* 229 */ .__EventWindow button.cb-flex-editor-button.pix-edit-button { /* 230 */ position: absolute; /* 231 */ left: unset; /* 232 */ top: unset; /* 233 */ right: 0; /* 234 */ bottom: 0; /* 235 */ width: 20px; /* 236 */ height: 20px; /* 237 */ display: block; /* 238 */ background-image: url("/module/jscript/lib/cb_ui/img/edit_icon_bg.png"); /* 239 */ border: 0px solid #478bbe; /* 240 */ background-color: unset; } /* 241 */ .__EventWindow button.cb-flex-editor-button.article-delete-button { /* 242 */ background-color: #9b4234; /* 243 */ right: 100px; /* 244 */ z-index: 99; } /* 245 */ .__EventWindow button.show-share-layer { /* 246 */ position: absolute; /* 247 */ bottom: initial; /* 248 */ background-color: #56ada2; /* 249 */ right: 172px !important; /* 250 */ z-index: 98; /* 251 */ padding-bottom: 6px; } /* 252 */ .__EventWindow button.show-share-layer svg { /* 253 */ margin: 4px; } /* 254 */ .__EventWindow button.cb-flex-editor-button.article-editor-button:not(.media-editor-button) { /* 255 */ right: 50px; /* 256 */ z-index: 100; } /* 257 */ .__EventWindow button.cb-flex-editor-button.article-editor-button:not(.media-editor-button) svg { /* 258 */ margin-bottom: 6px; } /* 259 */ .__EventWindow .badge-editor-container button.cb-flex-editor-button.article-editor-button:not(.media-editor-button) { /* 260 */ top: 140px !important; } /* 261 */ .__EventWindow .__EditorWindowDraggableButton { /* 262 */ top: 0; /* 263 */ right: auto; /* 264 */ width: 67px; /* 265 */ height: 63px; /* 266 */ background-color: #efebeb; /* 267 */ background-image: url(../images/icon_move_window.svg); /* 268 */ background-repeat: no-repeat; /* 269 */ background-position: center; /* 270 */ background-size: inherit; /* 271 */ border-left: 1px solid #d0d0d0; /* 272 */ cursor: move; /* 273 */ position: relative; /* 274 */ z-index: 99; /* 275 */ left: 0; } /* 276 */ /* 277 */ * { /* 278 */ -webkit-box-sizing: border-box; /* 279 */ -moz-box-sizing: border-box; /* 280 */ box-sizing: border-box; } /* 281 */ /* 282 */ .__EventWindow, /* 283 */ .__EventWindowp .__CbUiText, /* 284 */ .__EventWindow textarea, /* 285 */ .__EventWindow input { /* 286 */ /* font-family: $roboto-regular;*/ /* 287 */ font-family: Helvetica, Arial, sans-serif; /* 288 */ letter-spacing: 0; } /* 289 */ /* 290 */ button, select, input, textarea { /* 291 */ outline: none; /* 292 */ font-family: inherit; /* 293 */ font-size: inherit; /* 294 */ line-height: inherit; } /* 295 */ /* 296 */ .__EventScrollLock { /* 297 */ overflow: hidden; } /* 298 */ /* 299 */ .__CbUiInputError { /* 300 */ border-color: red !important; /* 301 */ /* border: 1px solid red !important; */ } /* 302 */ /* 303 */ .__CbUiLayer.__CbUiLoader { /* 304 */ z-index: 10001 !important; } /* 305 */ /* 306 */ .__EventWindow { /* 307 */ width: 930px; /* 308 */ min-height: 660px; /* 309 */ max-height: 100vh; /* 310 */ height: 660px; /* 311 */ overflow: visible; /* 312 */ font-size: 14px; /* 313 */ line-height: 1.42857143; /* 314 */ color: #333 !important; /* 315 */ -moz-osx-font-smoothing: auto; /* 316 */ border-radius: 1px; } /* 317 */ .__EventWindow select { /* 318 */ min-width: initial; } /* 319 */ /* 320 */ .__EventWindow .__EventContainer td { /* 321 */ position: relative; } /* 322 */ /* 323 */ .__EventWindow .__EventContainer .__EventSideMenu { /* 324 */ display: none; /* 325 */ position: absolute; /* 326 */ top: 0; /* 327 */ right: 0; /* 328 */ width: 200px; /* 329 */ background-color: #fff; /* 330 */ box-shadow: 0 0 10px #999999; /* 331 */ list-style: none; /* 332 */ z-index: 10; } /* 333 */ /* 334 */ table.__EventContainer { /* 335 */ table-layout: fixed; } /* 336 */ table.__EventContainer td:not(.__EventState) { /* 337 */ overflow: hidden; } /* 338 */ table.__EventContainer tr.bottom-position .__EventSideMenu { /* 339 */ bottom: 0; /* 340 */ top: initial; } /* 341 */ /* 342 */ .__EventContentAvailable, /* 343 */ .__EventNoContentAvailable { /* 344 */ display: none; } /* 345 */ /* 346 */ .__EventContentAvailable { /* 347 */ height: 470px; /* 348 */ overflow-y: auto; } /* 349 */ /* 350 */ .__EventEmptyResults { /* 351 */ margin-top: 80px; /* 352 */ padding: 0 5%; } /* 353 */ /* 354 */ .__EventTab { /* 355 */ /* padding-button should cover .__EventTabFooter's height */ /* 356 */ padding-bottom: 130px; } /* 357 */ /* 358 */ #__EventTabMyOverview { /* 359 */ padding-bottom: 0; } /* 360 */ #__EventTabMyOverview .__EventTabFooter { /* 361 */ height: 70px; } /* 362 */ #__EventTabMyOverview .__EventExpertModeBtn, /* 363 */ #__EventTabMyOverview .__EventDetailWindowButton { /* 364 */ margin-top: 0; } /* 365 */ /* 366 */ .__EventTabFooter { /* 367 */ height: 128px; /* 368 */ position: absolute; /* 369 */ bottom: 0; /* 370 */ left: 0; /* 371 */ right: 0; } /* 372 */ /* 373 */ .__EventWindowHeader .__EventOverviewWindowButton { /* 374 */ margin-right: 40px; } /* 375 */ /* 376 */ .__EventWindow .__EventLeftColumn, /* 377 */ .__EventWindow .__EventRightColumn { /* 378 */ width: 50%; /* 379 */ -webkit-box-sizing: border-box; /* 380 */ -moz-box-sizing: border-box; /* 381 */ box-sizing: border-box; /* 382 */ float: left; /* 383 */ font-size: 16px; /* 384 */ line-height: 23px; /* 385 */ letter-spacing: 0; } /* 386 */ .__EventWindow .__EventLeftColumn { /* 387 */ margin: 20px 0; } /* 388 */ .__EventWindow .__EventRightColumn { /* 389 */ margin: 27px 0 20px; } /* 390 */ .__EventWindow .__EventRightColumn hr { /* 391 */ margin: 16px 0 35px; /* 392 */ border: 1px solid #ccc; /* 393 */ border-top: 0; } /* 394 */ .__EventWindow .__EventAutocompleteContainer { /* 395 */ position: relative; } /* 396 */ .__EventWindow .__EventAutocompleteContainer input.__AC_invalidated { /* 397 */ background-color: #e4eef4; } /* 398 */ .__EventWindow .__EventAutocompleteContainer input.__AC_validated { /* 399 */ background-color: #EDF4D8 !important; /* 400 */ color: #42443F !important; /* 401 */ background-image: url(/event/media/images/icon_validated.svg); /* 402 */ background-position: 98% center; /* 403 */ background-repeat: no-repeat; /* 404 */ font-style: normal !important; } /* 405 */ .__EventWindow .__EventContainer tr { /* 406 */ border: medium none; /* 407 */ height: 41px; /* 408 */ cursor: pointer; } /* 409 */ .__EventWindow .__EventContainer tr:not(.__EventHeader):hover { /* 410 */ background: #f7f7f7; } /* 411 */ .__EventWindow .__EventContainer td { /* 412 */ border-bottom: 1px solid #cccccc; /* 413 */ height: 20px; /* 414 */ position: relative; /* 415 */ white-space: nowrap; } /* 416 */ .__EventWindow .__EventContainer .__EventFadeScreen { /* 417 */ height: 40px; /* 418 */ position: absolute; /* 419 */ right: 0; /* 420 */ top: 0; } /* 421 */ .__EventWindow .__EventContainer .__EventFadeScreen.grey { /* 422 */ display: none; } /* 423 */ .__EventWindow .__EventContainer tr:hover .__EventFadeScreen.grey { /* 424 */ display: block; } /* 425 */ .__EventWindow .__EventContainer tr:hover .__EventFadeScreen.white { /* 426 */ display: none; } /* 427 */ .__EventWindow .__EventContainer .__EventFadeScreen.white, /* 428 */ .__EventWindow .__EventContainer .__EventFadeScreen.grey { /* 429 */ background-color: transparent; } /* 430 */ .__EventWindow .__EventTabButton.__EventActiveTab { /* 431 */ background-color: #ffffff; } /* 432 */ .__EventWindow .__EventWindowHeader .__EventTabButton { /* 433 */ padding: 0 18px; /* 434 */ background-color: #efefef; } /* 435 */ .__EventWindow .__EventInfoCntnr .__EventInputInfo, /* 436 */ .__EventWindow .__EventInfoCntnr .__EventInputErrorInfo { /* 437 */ display: none; /* 438 */ margin-bottom: 10px; } /* 439 */ .__EventWindow .__EventInfoCntnr .__EventInputErrorInfo { /* 440 */ color: red; /* 441 */ font-size: 13px; } /* 442 */ .__EventWindow .__EventInputInfo { /* 443 */ color: #555555; } /* 444 */ .__EventWindow .__EventAddMediaButtonContainer, /* 445 */ .__EventWindow .__EventMediaItem { /* 446 */ width: 48%; /* 447 */ height: 130px; } /* 448 */ .__EventWindow .__EventAddMediaButtonContainer { /* 449 */ background: url(/event/media/images/img_plus-icon.jpg) no-repeat right 10px top 10px transparent; /* 450 */ display: inline-block; } /* 451 */ .__EventWindow .__EventAddMediaButton, /* 452 */ .__EventWindow .__EventMediaItem { /* 453 */ width: 48%; /* 454 */ height: 130px; /* 455 */ border: 1px solid #b5b5b5; /* 456 */ background-size: contain; /* 457 */ border-radius: 0px; } /* 458 */ .__EventWindow .__EventAddMediaButton { /* 459 */ width: 100%; /* 460 */ cursor: pointer; /* 461 */ outline: none; } /* 462 */ .__EventWindow .__EventMediaItem { /* 463 */ margin-right: 2%; /* 464 */ margin-bottom: 7px; /* 465 */ box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset; /* 466 */ float: left; /* 467 */ position: relative; /* 468 */ overflow: hidden; /* 469 */ background-size: cover; } /* 470 */ .__EventWindow .__EventMediaItem img { /* 471 */ width: 100%; /* 472 */ height: auto; } /* 473 */ .__EventWindow .__EventDeleteMediaItemButton { /* 474 */ position: absolute; /* 475 */ top: 2px; /* 476 */ right: 2px; /* 477 */ width: 10px; /* 478 */ height: 10px; /* 479 */ display: inline-block; /* 480 */ border: 1px solid #c9c3b8; /* 481 */ border-radius: 3px; /* 482 */ width: 22px; /* 483 */ height: 22px; /* 484 */ cursor: pointer; /* 485 */ box-shadow: 0 0 5px #bdbeb2; /* 486 */ background: url(/event/media/images/img_event-terminate.png) no-repeat center center #ffffff; } /* 487 */ .__EventWindow .__EventEditMediaItemButton { /* 488 */ position: absolute; /* 489 */ bottom: 2px; /* 490 */ right: 2px; /* 491 */ width: 10px; /* 492 */ height: 10px; /* 493 */ display: inline-block; /* 494 */ border: 1px solid #c9c3b8; /* 495 */ border-radius: 3px; /* 496 */ width: 22px; /* 497 */ height: 22px; /* 498 */ cursor: pointer; /* 499 */ box-shadow: 0 0 5px #bdbeb2; /* 500 */ background: url(/event/media/images/img_pics-edit.png) no-repeat center center #ffffff; } /* 501 */ .__EventWindow .__EventRightColumn input::-webkit-input-placeholder { /* 502 */ color: #555555; /* 503 */ font-style: normal; /* 504 */ font-size: 1.1em; } /* 505 */ .__EventWindow .__EventRightColumn input:-moz-placeholder { /* 506 */ /* Firefox 18- */ /* 507 */ color: #555555; /* 508 */ font-style: normal; /* 509 */ font-size: 1.1em; } /* 510 */ .__EventWindow .__EventRightColumn input::-moz-placeholder { /* 511 */ /* Firefox 19+ */ /* 512 */ color: #555555; /* 513 */ font-style: normal; /* 514 */ font-size: 1.1em; } /* 515 */ .__EventWindow .__EventRightColumn input:-ms-input-placeholder { /* 516 */ color: #555555; /* 517 */ font-style: normal; /* 518 */ font-size: 1.1em; } /* 519 */ .__EventWindow input.__EventCmnToggleRound + label { /* 520 */ padding: 2px; /* 521 */ width: 44px; /* 522 */ height: 24px; /* 523 */ float: right; /* 524 */ background-color: #dddddd; /* 525 */ border-radius: 20px; /* 526 */ margin-top: 7px; } /* 527 */ .__EventWindow input.__EventCmnToggleRound + label:before, /* 528 */ .__EventWindow input.__EventCmnToggleRound + label:after { /* 529 */ display: block; /* 530 */ position: absolute; /* 531 */ top: 1px; /* 532 */ left: 1px; /* 533 */ bottom: 1px; /* 534 */ content: ""; } /* 535 */ .__EventWindow input.__EventCmnToggleRound + label:after { /* 536 */ width: 22px; /* 537 */ background-color: #fff; /* 538 */ border-radius: 100%; /* 539 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* 540 */ transition: margin 0.4s; } /* 541 */ .__EventWindow input.__EventCmnToggleRound + label::before { /* 542 */ background-color: #f1f1f1; /* 543 */ border-radius: 20px; /* 544 */ right: 1px; /* 545 */ transition: background 0.4s ease 0s; } /* 546 */ .__EventWindow input.__EventCmnToggleRound:checked + label:before { /* 547 */ background-color: #757575; } /* 548 */ .__EventWindow input.__EventCmnToggleRound:checked + label:after { /* 549 */ margin-left: 20px; } /* 550 */ /* 551 */ .__EventLeftColumn .__EventSwitch { /* 552 */ float: none; /* 553 */ margin: 40px 0 15px 0; /* 554 */ border-top: 1px solid #ccc; /* 555 */ padding: 15px 0 0 0; } /* 556 */ .__EventLeftColumn .__EventSwitch .bootstrap-switch { /* 557 */ margin: 0; /* 558 */ overflow: hidden; /* 559 */ width: 45px !important; /* 560 */ height: 24px; /* 561 */ background-color: #eeeeee; } /* 562 */ .__EventLeftColumn .__EventSwitch .bootstrap-switch .flip-switch-handle { /* 563 */ /* border: 1px solid #cccccc; */ /* 564 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); /* 565 */ border: 1px solid #cccccc; /* 566 */ margin: 0; } /* 567 */ .__EventLeftColumn .__EventSwitch .bootstrap-switch .bootstrap-switch-container { /* 568 */ background-color: #eeeeee; } /* 569 */ .__EventLeftColumn .__EventSwitch .bootstrap-switch .bootstrap-switch-container .bootstrap-switch-label { /* 570 */ top: 0 !important; /* 571 */ right: 17px; } /* 572 */ .__EventLeftColumn .__EventSwitch .bootstrap-switch .bootstrap-switch-container .bootstrap-switch-primary { /* 573 */ line-height: 22px; } /* 574 */ .__EventLeftColumn .__EventSwitch .bootstrap-switch-on { /* 575 */ background-color: #2f74a9; } /* 576 */ .__EventLeftColumn .__EventSwitch .bootstrap-switch-on .bootstrap-switch-container { /* 577 */ background-color: #2f74a9; } /* 578 */ /* 579 */ .__EventToggleText { /* 580 */ color: #757575; /* 581 */ margin: 0; /* 582 */ position: static; /* 583 */ float: right; /* 584 */ padding: 2px 10px 0 0; /* 585 */ text-transform: uppercase; /* 586 */ font-size: 14px; } /* 587 */ /* 588 */ .__EventMediaContainer { /* 589 */ margin-bottom: 20px; /* 590 */ max-height: 440px; /* 591 */ overflow: auto; } /* 592 */ /* 593 */ .__EventAddMediaButton { /* 594 */ background: url(/event/media/images/img_camera.png) no-repeat center center transparent; } /* 595 */ /* 596 */ .__EventDescTabMedia { /* 597 */ font-size: 16px; /* 598 */ line-height: 23px; } /* 599 */ /* 600 */ .__EventCopyrightInfoText { /* 601 */ display: none; /* 602 */ font-size: 13px; } /* 603 */ /* 604 */ .__EventSideMenu button[value="1"] { /* 605 */ border: none; /* 606 */ background: url(/event/media/images/img_event-published.png) no-repeat transparent; } /* 607 */ /* 608 */ .__EventSideMenu button[value="0"] { /* 609 */ border: none; /* 610 */ background: url(/event/media/images/img_event-unpublished.png) no-repeat transparent; } /* 611 */ /* 612 */ .__EventSideMenu button[value="2"] { /* 613 */ border: none; /* 614 */ background: url(/event/media/images/img_event-terminate.png) no-repeat left 5px top 6px transparent; } /* 615 */ /* 616 */ .__EventDeleteLocationButton, /* 617 */ .__EventDeleteOrganisationButton { /* 618 */ background-image: url(/event/media/images/img_close-event.png); /* 619 */ width: 30px; /* 620 */ height: 30px; /* 621 */ background-repeat: no-repeat; /* 622 */ background-position: center; /* 623 */ background-color: #EDF4D8; /* 624 */ border: none; /* 625 */ position: absolute; /* 626 */ right: 8px; /* 627 */ top: 4px; /* 628 */ display: none; } /* 629 */ /* 630 */ .__EventNoContentAvailable { /* 631 */ margin: 34px auto 0; /* 632 */ width: 91.5%; } /* 633 */ .__EventNoContentAvailable .__EventLeftColumn { /* 634 */ margin-top: 0; } /* 635 */ .__EventNoContentAvailable .__EventRightColumn { /* 636 */ position: absolute; /* 637 */ bottom: 25px; /* 638 */ right: 0px; /* 639 */ padding: 0 4%; /* 640 */ margin-bottom: 0; } /* 641 */ /* 642 */ .__EventNextTabButton, .__EventSaveButton { /* 643 */ bottom: 25px; /* 644 */ position: absolute; /* 645 */ right: 5%; /* 646 */ width: 40%; } /* 647 */ .__EventNextTabButton:hover, .__EventSaveButton:hover { /* 648 */ background-color: #23527c; } /* 649 */ /* 650 */ .__EventDescriptionField { /* 651 */ height: 17em; /* 652 */ resize: vertical; /* 653 */ font-size: 0.8em; /* 654 */ padding-left: 1em; } /* 655 */ .__EventDescriptionField#Description { /* 656 */ height: 35em; } /* 657 */ /* 658 */ .__EventWindow .__EventContainer .__EventStatus { /* 659 */ display: inline-block; /* 660 */ width: 5px; /* 661 */ height: 36px; /* 662 */ float: left; /* 663 */ margin-right: 5px; } /* 664 */ /* 665 */ .__EventWindow .__AC_button { /* 666 */ display: block; } /* 667 */ /* 668 */ .__EventWindow .__AC_position { /* 669 */ z-index: 100; } /* 670 */ /* 671 */ .__EventNewAddressPopUp { /* 672 */ position: absolute; /* 673 */ top: -20px; /* 674 */ left: -2.5%; /* 675 */ background-color: #fff; /* 676 */ z-index: 10; /* 677 */ padding: 10px; /* 678 */ border: 1px solid #b5b5b5; /* 679 */ box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.75); /* 680 */ width: 107.5%; } /* 681 */ /* 682 */ .__EventNewAddressPopUp button { /* 683 */ cursor: pointer; /* 684 */ border-color: #456771; /* 685 */ width: 50px; /* 686 */ height: 26px; /* 687 */ background-repeat: no-repeat; /* 688 */ background-position: center center; /* 689 */ display: block; /* 690 */ padding: 5px; /* 691 */ font-size: 11px; /* 692 */ background-color: #fcfcf9; /* 693 */ background-image: linear-gradient(bottom, #eeeeee 15%, #dadada 45%, #eeeeee 85%); /* 694 */ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, #f6f6ef), color-stop(0.85, white)); /* 695 */ background-image: -webkit-linear-gradient(bottom, #f6f6ef 15%, white 85%); /* 696 */ background-image: -moz-linear-gradient(bottom, #f6f6ef 15%, white 85%); /* 697 */ background-image: -ms-linear-gradient(bottom, #f6f6ef 15%, white 85%); /* 698 */ background-image: -o-linear-gradient(bottom, #f6f6ef 15%, white 85%); /* 699 */ font-weight: bold; /* 700 */ border: 1px solid #bdbeb2; /* 701 */ -moz-box-shadow: 0 0 5px #bdbeb2; /* 702 */ -webkit-box-shadow: 0 0 5px #bdbeb2; /* 703 */ line-height: 250%; /* 704 */ -moz-border-radius: 2px 2px 2px 2px; /* 705 */ -webkit-border-radius: 2px 2px 2px 2px; /* 706 */ border-radius: 2px 2px 2px 2px; /* 707 */ cursor: pointer; /* 708 */ float: right; } /* 709 */ /* 710 */ .__EventNewAddressSave { /* 711 */ background-image: url(/module/lib/framework/images/edit_save_icon.png) !important; } /* 712 */ /* 713 */ .__EventNewAddressCancel { /* 714 */ background-image: url(/module/lib/framework/images/edit_close_icon.png) !important; /* 715 */ margin-right: 10px; } /* 716 */ /* 717 */ .__EventNewAddressHeader { /* 718 */ font-size: 0.8em; } /* 719 */ /* 720 */ /* datepicker */ /* 721 */ .datepick a { /* 722 */ text-decoration: none; } /* 723 */ /* 724 */ .datepick td { /* 725 */ text-align: center; /* 726 */ width: 40px; } /* 727 */ /* 728 */ .datepick { /* 729 */ width: 100% !important; } /* 730 */ /* 731 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul { /* 732 */ color: #2f74a9; /* 733 */ z-index: 9999999; /* 734 */ background-color: #f7f7f7; /* 735 */ box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.39) !important; /* 736 */ padding: 10px; /* 737 */ width: 320px; /* 738 */ border: 2px solid #adabab; /* 739 */ font-family: Helvetica, Arial, sans-serif !important; /* 740 */ font-size: 14px; /* 741 */ line-height: 1.42857143; /* 742 */ -moz-osx-font-smoothing: auto; /* 743 */ margin-top: 5px; } /* 744 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul a { /* 745 */ color: #2f74a9; /* 746 */ -moz-osx-font-smoothing: auto; /* 747 */ padding: 2px 5px !important; } /* 748 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul a:hover { /* 749 */ color: #23527c; } /* 750 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul a.datepick-selected { /* 751 */ font-weight: 600; /* 752 */ border: 2px solid #ff0000 !important; } /* 753 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul a.datepick-today { /* 754 */ color: #000 !important; /* 755 */ border: 0 !important; } /* 756 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul a, /* 757 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick thead { /* 758 */ font-size: 14px !important; } /* 759 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick { /* 760 */ background-color: transparent; /* 761 */ padding: 0; } /* 762 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav { /* 763 */ position: relative; /* 764 */ margin-bottom: 4px; /* 765 */ height: inherit; /* 766 */ padding: 0 !important; /* 767 */ width: inherit; /* 768 */ top: inherit; /* 769 */ display: block; /* 770 */ left: inherit; /* 771 */ transform: inherit; } /* 772 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav .datepick-cmd-today { /* 773 */ text-align: center; /* 774 */ display: block; } /* 775 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav .datepick-cmd-prev { /* 776 */ position: absolute; /* 777 */ top: 0; /* 778 */ left: 0; } /* 779 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav .datepick-cmd-next { /* 780 */ position: absolute; /* 781 */ top: 0; /* 782 */ right: 0; } /* 783 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav a.datepick-cmd { /* 784 */ margin: 0; /* 785 */ width: auto; /* 786 */ height: auto; /* 787 */ text-indent: 0; /* 788 */ background-image: none; /* 789 */ transform: rotate(0); } /* 790 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-nav a.datepick-cmd.datepick-cmd-today { /* 791 */ display: block; } /* 792 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row { /* 793 */ padding: 0; } /* 794 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header { /* 795 */ width: 100%; /* 796 */ display: flex; /* 797 */ margin: 0 0 8px 0; /* 798 */ padding: 0 8px; /* 799 */ text-align: left; /* 800 */ margin-top: 0 !important; } /* 801 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header select { /* 802 */ max-width: initial; /* 803 */ font-size: 14px; /* 804 */ line-height: 14px; /* 805 */ text-align: left; /* 806 */ background: transparent; /* 807 */ border: 1px solid #D4D4C7; /* 808 */ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* 809 */ height: auto; /* 810 */ border-radius: 1px; /* 811 */ padding: 6px 7px 6px 12px; /* 812 */ margin: 0; /* 813 */ text-transform: none; /* 814 */ color: #2f74a9 !important; /* 815 */ font-family: Helvetica, Arial, sans-serif !important; /* 816 */ appearance: auto; /* 817 */ font-weight: normal; } /* 818 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header select:nth-child(1) { /* 819 */ margin-right: 5px; } /* 820 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header select:nth-child(2) { /* 821 */ max-width: fit-content; } /* 822 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row .datepick-month .datepick-month-header select:hover { /* 823 */ text-decoration: none; } /* 824 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row th { /* 825 */ text-align: center; /* 826 */ font-weight: 600; /* 827 */ padding-bottom: 0; /* 828 */ color: #2f74a9; } /* 829 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row td { /* 830 */ line-height: inherit; } /* 831 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row td a { /* 832 */ color: #2f74a9; } /* 833 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row td a:not(.datepick-selected) { /* 834 */ border-bottom: 0; } /* 835 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-month-row td a:not(.datepick-selected):hover { /* 836 */ color: #23527c; /* 837 */ border-bottom: 2px #2f74a9 solid; } /* 838 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-ctrl { /* 839 */ margin-top: 10px; /* 840 */ position: relative; } /* 841 */ body.body_dp_event_modul > .datepick-popup.dp_event_modul .datepick .datepick-ctrl .datepick-cmd { /* 842 */ display: block; /* 843 */ margin: 0; /* 844 */ text-indent: inherit; /* 845 */ width: inherit; /* 846 */ height: inherit; /* 847 */ background-image: none; } /* 848 */ /* 849 */ .datepick-popup table { /* 850 */ width: 100%; } /* 851 */ /* 852 */ .datepick-cmd-clear { /* 853 */ float: left; } /* 854 */ /* 855 */ .datepick-cmd-close { /* 856 */ float: right; } /* 857 */ /* 858 */ .__EventDatepickContainer { /* 859 */ position: relative; } /* 860 */ /* 861 */ .datepick-trigger { /* 862 */ position: absolute; /* 863 */ top: 7px; /* 864 */ right: 11px; /* 865 */ width: 22px; /* 866 */ height: 22px; /* 867 */ background-image: url(/event/media/images/calendar_blue.png); /* 868 */ cursor: pointer; } /* 869 */ /* 870 */ .__EventNewAddressPopUp .__EventInputErrorInfo { /* 871 */ display: none; /* 872 */ color: red; /* 873 */ font-size: 0.8em; } /* 874 */ /* 875 */ .__EventNewAddressPopUp .__CbUiInputError + .__EventInputErrorInfo { /* 876 */ display: block; } /* 877 */ /* 878 */ .__EventWindow .list-prefix, /* 879 */ .__EventWindow .__EventResponsiveMenuBtn { /* 880 */ display: none; } /* 881 */ /* 882 */ select.__EventNewAddressCategory, /* 883 */ select.__EventNewAddressOrganiserLocationType { /* 884 */ padding-left: 13px; /* 885 */ padding-top: 0; } /* 886 */ /* 887 */ /** START resolve conficts with default.css from module */ /* 888 */ .__EventWindow .list-prefix, /* 889 */ .__EventWindow .__EventResponsiveMenuBtn { /* 890 */ display: none; } /* 891 */ .__EventWindow .__EventContainer td { /* 892 */ color: #aaa; /* 893 */ border-bottom: 1px solid #cccccc; /* 894 */ vertical-align: middle; /* 895 */ font-size: 16px !important; /* 896 */ letter-spacing: 0 !important; } /* 897 */ .__EventWindow .__EventDetailWindowButton { /* 898 */ width: 45%; /* 899 */ padding: 16px 20px; /* 900 */ margin-top: 39px; /* 901 */ transition: background-color .2s ease-in-out; /* 902 */ outline: none; } /* 903 */ .__EventWindow .__EventNextTabButton { /* 904 */ margin-top: 20px; /* 905 */ bottom: 25px; } /* 906 */ .__EventWindow .__EventNextTabButton, /* 907 */ .__EventWindow .__EventSaveButton { /* 908 */ letter-spacing: .15em; /* 909 */ transition: background-color .2s ease-in-out; /* 910 */ outline: none; /* 911 */ letter-spacing: .15em; /* 912 */ font-size: 16px !important; } /* 913 */ .__EventWindow .__EventNextTabButton span, /* 914 */ .__EventWindow .__EventSaveButton span { /* 915 */ color: white; } /* 916 */ .__EventWindow .__EventTabFooter .__EventExpertModeBtn, /* 917 */ .__EventWindow #__EventTabMyOverview .__EventExpertModeBtn { /* 918 */ padding: 14px 14px; /* 919 */ outline: none; /* 920 */ transition: all .2s ease-in-out; } /* 921 */ .__EventWindow .__EventTabFooter { /* 922 */ padding-left: 40px; /* 923 */ padding-right: 40px; /* 924 */ font-size: 14px; } /* 925 */ .__EventWindow .__EventTabFooter .__EventDetailWindowButton, /* 926 */ .__EventWindow .__EventTabFooter .__EventExpertModeBtn { /* 927 */ font-size: 14px !important; } /* 928 */ /* 929 */ .__EventWindow.__CbUiFrame { /* 930 */ top: 50% !important; /* 931 */ left: 50% !important; /* 932 */ transform: translate(-50%, -50%); /* 933 */ background-color: #fff; /* 934 */ border-radius: 1px; } /* 935 */ .__EventWindow.__CbUiFrame a { /* 936 */ color: #2f74a9; } /* 937 */ .__EventWindow #__EventDetailForm, /* 938 */ .__EventWindow #__EventTabMyOverview { /* 939 */ font-size: 16px !important; } /* 940 */ /* 941 */ .__EventWindow button.__CbUiCloseButton.__EventWindowCloseButton { /* 942 */ top: 0; /* 943 */ right: 0; } /* 944 */ /* 945 */ /** END resolve conficts with default.css from module */ /* 946 */ @media only screen and (max-width: 767px) { /* 947 */ .__EventWindow .__EventPaddedBoxBg { /* 948 */ display: none; } /* 949 */ /* 950 */ .__EventWindow .__EventRightColumn { /* 951 */ margin-top: 0; } /* 952 */ /* 953 */ .__EventWindow .__EventLeftColumn .__EventSwitch { /* 954 */ margin: 30px 0; } /* 955 */ /* 956 */ .__EventWindow .__EventWindowHeader { /* 957 */ padding-left: 0; /* 958 */ padding-top: 5px; /* 959 */ padding-bottom: 5px; } /* 960 */ /* 961 */ .__EventWindow .__EventTabButton { /* 962 */ display: block; /* 963 */ border: none; } /* 964 */ /* 965 */ .__EventWindow .__EventActiveTab { /* 966 */ background-color: transparent; } /* 967 */ /* 968 */ .__EventWindow .__EventWindowHeader { /* 969 */ background-color: #f7f7f7; /* 970 */ border-bottom: 1px solid #c0c0c0; } /* 971 */ /* 972 */ .__EventWindow .__EventWindowHeader button.__EventTabButton, /* 973 */ .__EventWindow .__EventWindowHeader button.__EventTabButton.active { /* 974 */ border: none; /* 975 */ background: transparent; /* 976 */ height: 40px; } /* 977 */ /* 978 */ .__EventWindow .__EventTabButton:not(.active) { /* 979 */ display: none; } /* 980 */ /* 981 */ .__EventWindow .__EventTabButton:not(:empty) { /* 982 */ min-height: 0; /* 983 */ box-sizing: border-box; } /* 984 */ /* 985 */ .__EventWindow .__EventTabButton .list-prefix, /* 986 */ .__EventWindow .__EventResponsiveMenuBtn { /* 987 */ display: inline-block; } /* 988 */ /* 989 */ .__EventWindow .__EventResponsiveMenuBtn { /* 990 */ background: transparent url("/event/media/images/toggle_view_big_list_icon.png") no-repeat scroll center center/contain; /* 991 */ cursor: pointer; /* 992 */ height: 20px; /* 993 */ position: absolute; /* 994 */ right: 115px; /* 995 */ top: 15px; /* 996 */ width: 20px; /* 997 */ z-index: 10; } /* 998 */ /* 999 */ .__EventWindow .__EventResponsiveMenuBtn.collapsed { /* 1000 */ background-image: url("/event/media/images/toggle_view_big_list_icon.png"); } /* 1001 */ /* 1002 */ .__EventWindow .__EventResponsiveMenuBtn.open { /* 1003 */ background-image: url("/event/media/images/toggle_view_big_list_icon_grey.png"); } /* 1004 */ /* 1005 */ .__EventWindow .__EventWindowHeader .__EventOverviewWindowButton { /* 1006 */ position: absolute; /* 1007 */ right: 0px; /* 1008 */ top: 0; /* 1009 */ height: 51px; /* 1010 */ padding: 10px; /* 1011 */ margin: 0; /* 1012 */ border-left: 1px solid #c0c0c0; /* 1013 */ border-bottom: 1px solid #c0c0c0; } /* 1014 */ /* 1015 */ .__EventWindow .__EventWindowHeader .__EventWindowCloseButton { /* 1016 */ border: none; /* 1017 */ position: absolute; /* 1018 */ width: 50px; /* 1019 */ height: 50px; /* 1020 */ background-color: #ffffff; /* 1021 */ border-left: 1px solid #c0c0c0; } /* 1022 */ /* 1023 */ .__EventWindow .__EventTabFooter .__EventDetailWindowButton { /* 1024 */ width: 100%; /* 1025 */ margin-top: 20px; } /* 1026 */ /* 1027 */ .__EventWindow .__EventTab .__EventSaveButton, /* 1028 */ .__EventWindow .__EventTab .__EventNextTabButton { /* 1029 */ width: 90%; } /* 1030 */ /* 1031 */ .__EventTab { /* 1032 */ padding-bottom: 90px; } /* 1033 */ /* 1034 */ .__EventWindow .show-tab { /* 1035 */ display: block !important; } /* 1036 */ /* 1037 */ .__EventWindow .hide-tab { /* 1038 */ display: none !important; } } /* 1039 */ /* @todo: new event window css should be merged here */ /* 1040 */ .__EventWindow { /* 1041 */ background-color: #fff; /* 1042 */ width: 930px; /* 1043 */ border: 3px solid #ffffff; /* 1044 */ border-radius: 0px; /* 1045 */ box-shadow: 0px 1px 17px 0px rgba(50, 50, 50, 0.83) !important; } /* 1046 */ /* 1047 */ .__EventWindow .__EventContainer { /* 1048 */ margin: 40px auto 40px; /* 1049 */ width: 91.5%; /* 1050 */ border-collapse: collapse; /* 1051 */ font-size: 15px; } /* 1052 */ /* 1053 */ .__EventWindow .__EventContainer th, /* 1054 */ .__EventWindow .__EventContainer td { /* 1055 */ font-weight: normal; } /* 1056 */ /* 1057 */ .__EventWindow .__EventContainer th { /* 1058 */ color: #ccc; /* 1059 */ text-align: left; } /* 1060 */ /* 1061 */ .__EventWindow .__EventContainer td { /* 1062 */ color: #aaa; /* 1063 */ border-bottom: 1px solid #cccccc; } /* 1064 */ /* 1065 */ .__EventWindow .__EventContainer tbody td { /* 1066 */ color: #808080; } /* 1067 */ /* 1068 */ .__EventWindow .__EventContainer .__EventSideMenu { /* 1069 */ margin: 0; /* 1070 */ padding: 10px; } /* 1071 */ /* 1072 */ .__EventWindow .__EventContainer .__EventSideMenu li { /* 1073 */ margin-bottom: 10px; /* 1074 */ padding-left: 0; } /* 1075 */ .__EventWindow .__EventContainer .__EventSideMenu li:before { /* 1076 */ display: none; } /* 1077 */ /* 1078 */ .__EventStatus.__EventPublished { /* 1079 */ background-color: #00bb00; } /* 1080 */ /* 1081 */ .__EventStatus.__EventNotPublished { /* 1082 */ background-color: #bb0000; } /* 1083 */ /* 1084 */ .__EventWindow .__EventPaddedBoxBg { /* 1085 */ background-color: #f7f7f7; /* 1086 */ border-bottom: 1px solid #cccccc; /* 1087 */ height: 63px; /* 1088 */ position: absolute; /* 1089 */ width: 100%; /* 1090 */ z-index: 0; /* 1091 */ border-top-left-radius: 10px; /* 1092 */ border-top-right-radius: 10px; } /* 1093 */ /* 1094 */ .__EventWindow .__EventTabFooter { /* 1095 */ padding-left: 40px; /* 1096 */ padding-right: 40px; } /* 1097 */ .__EventWindow .__EventWindowCloseButton, .__EventWindow __EventWindowCbLink { /* 1098 */ border: none; } /* 1099 */ .__EventWindow .__EventWindowHeader { /* 1100 */ padding-left: 36px; } /* 1101 */ .__EventWindow .__EventWindowHeader:after { /* 1102 */ display: none; } /* 1103 */ .__EventWindow .__EventWindowHeader button, .__EventWindow .__EventWindowHeader a { /* 1104 */ position: relative; /* 1105 */ height: 63px; /* 1106 */ cursor: pointer; /* 1107 */ text-transform: uppercase; /* 1108 */ font-size: 14px !important; } /* 1109 */ /* 1110 */ .__EventWindowHeader .__EventWindowCloseButton { /* 1111 */ background: url("/event/media/images/img_close-black.png") no-repeat scroll center center transparent !important; /* 1112 */ width: 80px; /* 1113 */ border-left: 1px solid #cccccc; } /* 1114 */ /* 1115 */ .__EventWindowHeader .__EventWindowCbLink { /* 1116 */ display: none; /* 1117 */ /* background: url("/media/images/icon_cb_small.png") no-repeat scroll center center transparent;*/ /* 1118 */ background: url("/event/media/images/icon_cb_small.png") no-repeat scroll center center transparent; /* 1119 */ width: 80px; /* 1120 */ border-left: 1px solid #cccccc; } /* 1121 */ /* 1122 */ .__EventWindowHeader a.__EventWindowSupportLink { /* 1123 */ float: right; /* 1124 */ line-height: 63px; /* 1125 */ margin-right: 20px; /* 1126 */ text-decoration: none; /* 1127 */ font-weight: 700; } /* 1128 */ /* 1129 */ .__EventWindowHeader [class~='langLink']:last-of-type { /* 1130 */ margin-right: 10px !important; /* 1131 */ position: relative; } /* 1132 */ /* 1133 */ .__EventWindowHeader [class~='langLink']:last-of-type::after { /* 1134 */ content: ''; /* 1135 */ position: absolute; /* 1136 */ top: 22px; /* 1137 */ right: -7px; /* 1138 */ width: 2px; /* 1139 */ height: 20px; /* 1140 */ background-color: #000; } /* 1141 */ /* 1142 */ .activeLang.lang_EN .langLinkEN, /* 1143 */ .activeLang.lang_DE .langLinkDE { /* 1144 */ color: #000; /* 1145 */ pointer-events: none; } /* 1146 */ /* 1147 */ .langLink { /* 1148 */ display: none; } /* 1149 */ /* 1150 */ body.event-standalone .langLink { /* 1151 */ display: block; } /* 1152 */ /* 1153 */ .__EventWindowHeader .__EventTabButton { /* 1154 */ border-top: none; /* 1155 */ border-right: 1px solid #cccccc; /* 1156 */ border-bottom: none; /* 1157 */ border-left: 1px solid #cccccc; /* 1158 */ color: #c0c0c0; /* 1159 */ margin-right: -1px; /* 1160 */ outline: none; } /* 1161 */ /* 1162 */ .__EventWindowHeader .__EventTabButton.active { /* 1163 */ background: #ffffff; /* 1164 */ height: 65px; /* 1165 */ margin-top: -1px; } /* 1166 */ /* 1167 */ .__EventWindowHeader .__EventOverviewWindowButton { /* 1168 */ border: none; /* 1169 */ float: right; /* 1170 */ color: #757575; /* 1171 */ background-color: #efefef; /* 1172 */ padding: 0 4px; } /* 1173 */ /* 1174 */ .__EventNextTabButton, /* 1175 */ .__EventDetailWindowButton, /* 1176 */ .__EventExpertModeBtn, /* 1177 */ .__EventSaveButton { /* 1178 */ background-color: #2f74a9; /* 1179 */ border: medium none; /* 1180 */ border-radius: 0px; /* 1181 */ color: #ffffff; /* 1182 */ display: block; /* 1183 */ /* font-weight: bold;*/ /* 1184 */ height: auto; /* 1185 */ letter-spacing: 0.3em; /* 1186 */ line-height: 14px; /* 1187 */ min-height: 16px; /* 1188 */ padding: 16px 20px; /* 1189 */ text-transform: uppercase; /* 1190 */ cursor: pointer; /* 1191 */ transition: 0.3s all; } /* 1192 */ /* 1193 */ .__EventDetailWindowButton { /* 1194 */ width: 45%; /* 1195 */ margin-top: 40px; /* 1196 */ float: right; } /* 1197 */ .__EventDetailWindowButton:hover { /* 1198 */ background-color: #23527c; } /* 1199 */ /* 1200 */ .__EventExpertModeBtn { /* 1201 */ float: left; /* 1202 */ margin-top: 40px; /* 1203 */ width: 100%; /* 1204 */ height: 46px; /* 1205 */ border: medium solid #2f74a9; /* 1206 */ background-color: transparent; /* 1207 */ color: #2f74a9; } /* 1208 */ .__EventExpertModeBtn:hover { /* 1209 */ border-color: #23527c; /* 1210 */ color: #23527c; } /* 1211 */ /* 1212 */ .__EventTabFooter .__EventExpertModeBtn { /* 1213 */ width: 45%; } /* 1214 */ /* 1215 */ .__EventWindow { /* 1216 */ /* /+ 1217 +/ * We need a separate rule for each vendor prefix /+ 1218 +/ * otherwise they will be ignored /+ 1219 +/ */ /* 1220 */ /* /+ 1221 +/ ************************* /+ 1222 +/ OVERVIEW-TAB /+ 1223 +/ ************************* /+ 1224 +/ */ } /* 1225 */ .__EventWindow form#__EventDetailForm .__CbUiText { /* 1226 */ letter-spacing: 0; } /* 1227 */ .__EventWindow form#__EventDetailForm .__CbUiText a { /* 1228 */ color: #2f74a9; /* 1229 */ transition: all .4s ease; /* 1230 */ font-weight: normal; /* 1231 */ font-style: normal; } /* 1232 */ .__EventWindow form#__EventDetailForm .__CbUiText a:hover { /* 1233 */ color: #23527c; /* 1234 */ text-decoration: unterline; } /* 1235 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn > input { /* 1236 */ border: 2px solid #d0d0d0; /* 1237 */ box-sizing: border-box; /* 1238 */ margin-bottom: 8px; /* 1239 */ padding: 10px 0 10px 20px; /* 1240 */ width: 100%; /* 1241 */ border-radius: 5px; /* 1242 */ display: block; /* 1243 */ height: auto; /* 1244 */ min-height: 16px; } /* 1245 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventLeftColumn, /* 1246 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn { /* 1247 */ padding: 0 5%; } /* 1248 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn { /* 1249 */ padding-bottom: 60px; } /* 1250 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn input { /* 1251 */ color: #000; /* 1252 */ width: 100%; /* 1253 */ padding: 0.7em 1em !important; /* 1254 */ border-radius: 0px; /* 1255 */ margin-bottom: 13px !important; /* 1256 */ border: 1px solid #b5b5b5; /* 1257 */ font-size: 13px; /* 1258 */ line-height: 18px; /* 1259 */ height: auto; /* 1260 */ background-position: 97% center !important; /* 1261 */ letter-spacing: 0; } /* 1262 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn input::placeholder { /* 1263 */ font-size: 14px; /* 1264 */ font-weight: 400 !important; /* 1265 */ letter-spacing: 0; } /* 1266 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .add_keyword_wrapper { /* 1267 */ display: flex; } /* 1268 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .add_keyword_wrapper input { /* 1269 */ flex: 1; /* 1270 */ background-color: #e4eef4; } /* 1271 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .add_keyword_wrapper .add_keyword_button { /* 1272 */ width: 39px; /* 1273 */ height: 39px; /* 1274 */ background-color: #2f74a9; /* 1275 */ font-size: 0; /* 1276 */ margin-left: 8px; /* 1277 */ background-image: url("/event/media/images/icon_check_white.svg"); /* 1278 */ background-position: center center; /* 1279 */ background-repeat: no-repeat; /* 1280 */ background-size: 25px; /* 1281 */ transition: background-color .2s ease-in-out; /* 1282 */ cursor: pointer; } /* 1283 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .add_keyword_wrapper .add_keyword_button:hover { /* 1284 */ background-color: #23527c; } /* 1285 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .__EventRightColumnInner { /* 1286 */ height: fit-content; /* 1287 */ max-height: 470px; /* 1288 */ overflow: auto; } /* 1289 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .__EventRightColumnInner::-webkit-scrollbar { /* 1290 */ -webkit-appearance: none; /* 1291 */ width: 8px; /* 1292 */ height: 8px; } /* 1293 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventRightColumn .__EventRightColumnInner::-webkit-scrollbar-thumb { /* 1294 */ border-radius: 6px; /* 1295 */ border: 2px solid white; /* 1296 */ /* Angleichen mit Hintergrundfarbe-nicht transparent! */ /* 1297 */ background-color: rgba(0, 0, 0, 0.3); } /* 1298 */ .__EventWindow form#__EventDetailForm .__EventTab .__EventLeftColumn br { /* 1299 */ display: initial; } /* 1300 */ .__EventWindow .__EventRightColumn input::-webkit-input-placeholder { /* 1301 */ color: #c0c0c0; /* 1302 */ font-style: normal; /* 1303 */ font-size: 1.1em; } /* 1304 */ .__EventWindow .__EventRightColumn input:-moz-placeholder { /* 1305 */ /* Firefox 18- */ /* 1306 */ color: #c0c0c0; /* 1307 */ font-style: normal; /* 1308 */ font-size: 1.1em; } /* 1309 */ .__EventWindow .__EventRightColumn input::-moz-placeholder { /* 1310 */ /* Firefox 19+ */ /* 1311 */ color: #c0c0c0; /* 1312 */ font-style: normal; /* 1313 */ font-size: 1.1em; } /* 1314 */ .__EventWindow .__EventRightColumn input:-ms-input-placeholder { /* 1315 */ color: #c0c0c0; /* 1316 */ font-style: normal; /* 1317 */ font-size: 1.1em; } /* 1318 */ .__EventWindow .__EventTabButton[data-target="MyOverview"] { /* 1319 */ background: #ffffff; /* 1320 */ color: #383838; } /* 1321 */ .__EventWindow .__EventTabButton.__EventActiveTab { /* 1322 */ color: #383838; } /* 1323 */ .__EventWindow .__EventInputInfo { /* 1324 */ font-size: 13px; /* 1325 */ line-height: 19px; } /* 1326 */ .__EventWindow .__EventDetailWindowButton { /* 1327 */ width: 45%; /* 1328 */ margin-top: 40px; } /* 1329 */ .__EventWindow .__EventNoContentAvailable .__EventDetailWindowButton { /* 1330 */ width: 100%; } /* 1331 */ .__EventWindow .__EventWindowCloseButton, /* 1332 */ .__EventWindow .__EventWindowCbLink { /* 1333 */ float: right; /* 1334 */ top: 0; /* 1335 */ right: 0; } /* 1336 */ .__EventWindow .__EventSideMenuButton { /* 1337 */ background: url("/event/media/images/img_table_dropdown.png") repeat scroll center center rgba(0, 0, 0, 0); /* 1338 */ border: medium none; /* 1339 */ height: 21px; /* 1340 */ width: 25px; } /* 1341 */ .__EventWindow .__EventSideMenu button { /* 1342 */ cursor: pointer; } /* 1343 */ .__EventWindow .__EventSideMenu .new-copy { /* 1344 */ border-top: 1px solid #cccccc; /* 1345 */ border-right: none; /* 1346 */ border-bottom: none; /* 1347 */ border-left: none; /* 1348 */ background: transparent; /* 1349 */ padding: 0; } /* 1350 */ /* 1351 */ .__EventWindow .__EventContainer .__EventHeader td { /* 1352 */ padding-bottom: 9px; /* 1353 */ color: #c0c0c0 !important; } /* 1354 */ .__EventWindow .__EventContainer .__EventHeader td.event-location { /* 1355 */ width: inherit !important; } /* 1356 */ .__EventWindow .__EventContainer .__EventHeader td.selected { /* 1357 */ color: grey; } /* 1358 */ .__EventWindow .__EventContainer .__EventHeader td.selected.asc:after { /* 1359 */ content: ' ↑'; } /* 1360 */ .__EventWindow .__EventContainer .__EventHeader td.selected.desc:after { /* 1361 */ content: ' ↓'; } /* 1362 */ /* 1363 */ .__EventState img, /* 1364 */ .__EventState button { /* 1365 */ float: left; } /* 1366 */ /* 1367 */ .__EventState img { /* 1368 */ visibility: hidden; } /* 1369 */ /* 1370 */ tr:hover .__EventState img { /* 1371 */ visibility: visible; } /* 1372 */ /* 1373 */ tr:hover .__EventSideMenuButton { /* 1374 */ background: url("/event/media/images/img_table_dropdown_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0); /* 1375 */ background-size: 18px; } /* 1376 */ /* 1377 */ .__EventSideMenu button { /* 1378 */ width: 190px; /* 1379 */ height: 30px; /* 1380 */ font-size: 13px; /* 1381 */ padding-bottom: 8px; /* 1382 */ padding-left: 40px; /* 1383 */ text-align: left; } /* 1384 */ /* 1385 */ .__EventSideMenu button[value="1"] { /* 1386 */ border: none; /* 1387 */ background: url("/event/media/images/img_event-published.png") no-repeat transparent; } /* 1388 */ /* 1389 */ .__EventSideMenu button[value="0"] { /* 1390 */ border: none; /* 1391 */ background: url("/event/media/images/img_event-unpublished.png") no-repeat transparent; } /* 1392 */ /* 1393 */ .__EventWindow .__EventResponsiveMenuBtn.collapsed { /* 1394 */ background: transparent url("/event/media/images/toggle_view_big_list_icon.png") no-repeat scroll center center/contain; } /* 1395 */ /* 1396 */ /* /+ 1397 +/ ************************* /+ 1398 +/ EVENT-TAB /+ 1399 +/ ************************* /+ 1400 +/ */ /* 1401 */ /* /+ 1402 +/ ************************* /+ 1403 +/ DESCRIPTION-TAB /+ 1404 +/ ************************* /+ 1405 +/ */ /* 1406 */ .__EventWindow .styled-select, /* 1407 */ .__EventDescriptionField { /* 1408 */ border: 1px solid #b5b5b5; /* 1409 */ border-radius: 0px; /* 1410 */ width: 100%; } /* 1411 */ /* 1412 */ .__EventDescriptionField#Description { /* 1413 */ resize: none; /* 1414 */ padding: 10px; } /* 1415 */ .__EventDescriptionField#Description::placeholder { /* 1416 */ color: #c0c0c0; /* 1417 */ font-size: 14px; /* 1418 */ font-weight: 300; /* 1419 */ font-style: normal; /* 1420 */ letter-spacing: 0; } /* 1421 */ /* 1422 */ #DescriptionTranslated { /* 1423 */ height: 31em; /* 1424 */ resize: none; /* 1425 */ padding: 10px; /* 1426 */ border: 1px solid #b5b5b5; /* 1427 */ font-size: 0.8em; /* 1428 */ color: #000000; } /* 1429 */ #DescriptionTranslated::placeholder { /* 1430 */ color: #c0c0c0; /* 1431 */ font-style: normal; /* 1432 */ font-size: 1.1em; } /* 1433 */ /* 1434 */ .__EventWindow .styled-select { /* 1435 */ background: url("/event/media/images/img_table_dropdown_hover.png") no-repeat scroll right 3% center/5% auto rgba(0, 0, 0, 0); /* 1436 */ background-size: 5%; /* 1437 */ color: #000; /* 1438 */ width: 100%; /* 1439 */ height: auto; /* 1440 */ padding: 0; /* 1441 */ box-shadow: none; /* 1442 */ display: flex; /* 1443 */ align-items: center; /* 1444 */ border-radius: 0px; /* 1445 */ margin-bottom: 13px; /* 1446 */ border: 1px solid #b5b5b5; /* 1447 */ font-size: 0.8em; /* 1448 */ cursor: pointer; } /* 1449 */ .__EventWindow .styled-select select { /* 1450 */ cursor: pointer; /* 1451 */ height: initial; /* 1452 */ padding: 0.7em 1em; } /* 1453 */ /* 1454 */ #dropdown-selectbox-container .styled-select { /* 1455 */ padding: 0.7em 1em; } /* 1456 */ /* 1457 */ .__EventWindow select { /* 1458 */ box-shadow: none; /* 1459 */ -moz-appearance: none; /* 1460 */ -webkit-appearance: none; /* 1461 */ width: 100%; /* 1462 */ border: none; /* 1463 */ background: transparent; /* 1464 */ text-align: left !important; } /* 1465 */ /* 1466 */ .__EventCheckboxElement { /* 1467 */ float: left; /* 1468 */ position: relative; /* 1469 */ width: 50%; /* 1470 */ margin-bottom: 10px; } /* 1471 */ /* 1472 */ .__EventCheckboxElement input { /* 1473 */ visibility: hidden; /* 1474 */ width: 15px; /* 1475 */ height: 18px; /* 1476 */ background: #ddd; /* 1477 */ border-radius: 100%; /* 1478 */ position: relative; /* 1479 */ -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); /* 1480 */ -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); /* 1481 */ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } /* 1482 */ /* 1483 */ .__EventCheckboxElement .__EventCheckboxIndicator { /* 1484 */ display: inline-block; /* 1485 */ width: 15px; /* 1486 */ height: 15px; /* 1487 */ border-radius: 100px; /* 1488 */ -webkit-transition: all .5s ease; /* 1489 */ -moz-transition: all .5s ease; /* 1490 */ -o-transition: all .5s ease; /* 1491 */ -ms-transition: all .5s ease; /* 1492 */ transition: all .5s ease; /* 1493 */ cursor: pointer; /* 1494 */ position: absolute; /* 1495 */ top: 11px; /* 1496 */ left: 5px; /* 1497 */ z-index: 1; /* 1498 */ background: #fff; /* 1499 */ -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5); /* 1500 */ -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5); /* 1501 */ box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.5); } /* 1502 */ /* 1503 */ .__EventCheckboxElement .__EventCheckboxLabel { /* 1504 */ font-size: 12px; /* 1505 */ font-family: 'Apex Sans', 'Helvetica', 'Arial', 'sans-serif'; /* 1506 */ margin-left: 5px; /* 1507 */ color: #423e3f; /* 1508 */ cursor: pointer; } /* 1509 */ /* 1510 */ .__EventCheckboxElement input[type=checkbox]:checked + label .__EventCheckboxIndicator { /* 1511 */ background: #757575; } /* 1512 */ /* 1513 */ .__EventWindow .bootstrap-switch { /* 1514 */ float: right; } /* 1515 */ /* 1516 */ #lang-button { /* 1517 */ position: absolute; /* 1518 */ top: 100px; /* 1519 */ right: 60px; } /* 1520 */ #lang-button .flag-label { /* 1521 */ background-image: url("/module/lib/location/language_flags/24x17.png"); /* 1522 */ width: 24px; /* 1523 */ float: right; /* 1524 */ height: 17px; /* 1525 */ margin-left: 5px; } /* 1526 */ #lang-button .flag-label-pl { /* 1527 */ background-image: url("/module/lib/location/language_flags/24x17.png"); /* 1528 */ width: 24px; /* 1529 */ float: right; /* 1530 */ height: 17px; /* 1531 */ margin-left: 5px; } /* 1532 */ /* 1533 */ .button-event-search { /* 1534 */ width: 33px; /* 1535 */ height: 33px; /* 1536 */ border: 0; /* 1537 */ background: url(/event/media/images/icon_glass_light-grey.svg) no-repeat; /* 1538 */ background-color: #2f74a9; /* 1539 */ background-position: center 7px; /* 1540 */ background-size: 19px; /* 1541 */ border-radius: 1px; /* 1542 */ transition: 0.3s all; } /* 1543 */ .button-event-search:hover { /* 1544 */ background-color: #23527c; } /* 1545 */ /* 1546 */ .event-search-wrapper { /* 1547 */ position: absolute; /* 1548 */ width: 91.5%; /* 1549 */ height: fit-content; /* 1550 */ top: 95px; /* 1551 */ left: 50%; /* 1552 */ transform: translate(-50%, 0); /* 1553 */ margin: 0 auto; /* 1554 */ z-index: 2; /* 1555 */ background: #fff; /* 1556 */ background-color: white; /* 1557 */ display: none; } /* 1558 */ .event-search-wrapper input { /* 1559 */ width: 100%; /* 1560 */ padding: 7px; } /* 1561 */ .event-search-wrapper input::placeholder { /* 1562 */ font-size: 0.8em; } /* 1563 */ .event-search-wrapper .__EventDatepickContainer { /* 1564 */ display: none; /* 1565 */ position: relative; /* 1566 */ width: 30%; /* 1567 */ padding-right: 14px; } /* 1568 */ .event-search-wrapper .__EventDatepickContainer:after { /* 1569 */ position: absolute; /* 1570 */ right: 10px; /* 1571 */ top: 0px; /* 1572 */ width: 55px; /* 1573 */ height: 100%; /* 1574 */ pointer-events: none; /* 1575 */ content: ""; /* 1576 */ background: url(/event/media/images/img_table_dropdown.png) no-repeat center transparent; /* 1577 */ display: block; } /* 1578 */ .event-search-wrapper .__EventSearchContainer { /* 1579 */ position: relative; /* 1580 */ width: 70%; /* 1581 */ flex-grow: 2; } /* 1582 */ .event-search-wrapper .__EventSearchContainer:after { /* 1583 */ position: absolute; /* 1584 */ right: 0px; /* 1585 */ top: 0px; /* 1586 */ width: 55px; /* 1587 */ height: 100%; /* 1588 */ pointer-events: none; /* 1589 */ content: ""; /* 1590 */ background: url(/event/media/images/icon_glass_light-grey.svg) no-repeat center transparent; /* 1591 */ display: block; } /* 1592 */ .event-search-wrapper .__EventSearchContainer input { /* 1593 */ border: 1px solid #D4D4C7; /* 1594 */ height: 39px; } /* 1595 */ .event-search-wrapper .event-search-wrapper-close { /* 1596 */ width: 39px; /* 1597 */ height: 39px; /* 1598 */ background-color: #D4D4C7; /* 1599 */ margin-left: 5px; /* 1600 */ background-image: url(/event/media/images/img_close-black.png); /* 1601 */ background-position: center center; /* 1602 */ background-repeat: no-repeat; /* 1603 */ margin-top: 0; /* 1604 */ margin-right: 1px; /* 1605 */ opacity: 0.5; /* 1606 */ cursor: pointer; /* 1607 */ transition: 0.3s all; } /* 1608 */ .event-search-wrapper .event-search-wrapper-close:hover { /* 1609 */ opacity: 0.8; } /* 1610 */ /* 1611 */ .events-loader { /* 1612 */ display: none; /* 1613 */ width: 100%; /* 1614 */ max-width: 40px; /* 1615 */ margin: 10px auto; } /* 1616 */ .events-loader.show { /* 1617 */ display: block; } /* 1618 */ .events-loader .loader-6 { /* 1619 */ top: 40px; /* 1620 */ left: -2.5px; } /* 1621 */ .events-loader .loader-6 div { /* 1622 */ display: inline-block; /* 1623 */ width: 5px; /* 1624 */ height: 20px; /* 1625 */ background-color: #373434; } /* 1626 */ .events-loader .loader-6 div:nth-child(1) { /* 1627 */ animation: grow 1s ease-in-out infinite; } /* 1628 */ .events-loader .loader-6 divide:nth-child(2) { /* 1629 */ animation: grow 1s ease-in-out 0.15s infinite; } /* 1630 */ .events-loader .loader-6 div:nth-child(3) { /* 1631 */ animation: grow 1s ease-in-out 0.30s infinite; } /* 1632 */ .events-loader .loader-6 div:nth-child(4) { /* 1633 */ animation: grow 1s ease-in-out 0.45s infinite; } /* 1634 */ /* 1635 */ ul#keywords-list { /* 1636 */ margin-bottom: 10px; /* 1637 */ padding: 0; } /* 1638 */ ul#keywords-list li.keyword-list-item { /* 1639 */ display: inline-block; /* 1640 */ background: #2f74a9; /* 1641 */ border-radius: 5px; /* 1642 */ padding: 5px 23px 5px 10px; /* 1643 */ color: #fff; /* 1644 */ min-width: 30px; /* 1645 */ position: relative; /* 1646 */ font-size: 12px; /* 1647 */ margin: 0px 7px 7px 0; /* 1648 */ position: relative; } /* 1649 */ ul#keywords-list li.keyword-list-item button.keword-delete-button { /* 1650 */ background-color: transparent; /* 1651 */ border: none; /* 1652 */ width: 13px; /* 1653 */ height: 10px; /* 1654 */ margin-left: 5px; /* 1655 */ background-image: url(/event/media/images/img_close_cropped.png); /* 1656 */ background-position: center center; /* 1657 */ background-repeat: no-repeat; /* 1658 */ opacity: 1; /* 1659 */ cursor: pointer; /* 1660 */ font-size: 0; /* 1661 */ background-size: contain; /* 1662 */ position: absolute; /* 1663 */ right: 5px; /* 1664 */ top: 50%; /* 1665 */ transform: translate(0, -50%); } /* 1666 */ /* 1667 */ .__EventContentAvailable { /* 1668 */ height: inherit; /* 1669 */ overflow-y: inherit; } /* 1670 */ .__EventContentAvailable table.__EventContainer { /* 1671 */ margin: 34px auto 0; /* 1672 */ width: 91.5%; /* 1673 */ border-collapse: collapse; /* 1674 */ font-size: 15px; /* 1675 */ table-layout: fixed; } /* 1676 */ .__EventContentAvailable table.__EventContainer tbody { /* 1677 */ display: block; /* 1678 */ width: 846px; /* 1679 */ overflow-y: auto; /* 1680 */ overflow-x: hidden; /* 1681 */ height: 428px; /* 1682 */ margin-top: 2px; /* 1683 */ padding-bottom: 100px; } /* 1684 */ .__EventContentAvailable table.__EventContainer tbody tr { /* 1685 */ width: 846px; /* 1686 */ display: block; /* 1687 */ height: 39px; /* 1688 */ margin-bottom: 2px; } /* 1689 */ .__EventContentAvailable table.__EventContainer tbody tr td { /* 1690 */ display: inline-block; /* 1691 */ height: 39px; /* 1692 */ text-overflow: ellipsis; /* 1693 */ padding-top: 8px; } /* 1694 */ .__EventContentAvailable table.__EventContainer tbody tr td.event-state-color { /* 1695 */ width: 8.4px; /* 1696 */ padding-top: 0; } /* 1697 */ .__EventContentAvailable table.__EventContainer tbody tr td.__EventDateTime { /* 1698 */ width: 131px; } /* 1699 */ .__EventContentAvailable table.__EventContainer tbody tr td.__EventCity { /* 1700 */ width: 105.6px; } /* 1701 */ .__EventContentAvailable table.__EventContainer tbody tr td.__EventHost { /* 1702 */ width: 202.9px; } /* 1703 */ .__EventContentAvailable table.__EventContainer tbody tr td.__EventTitle { /* 1704 */ width: 236.7px; } /* 1705 */ .__EventContentAvailable table.__EventContainer tbody tr td.__EventType { /* 1706 */ width: 126.8px; } /* 1707 */ .__EventContentAvailable table.__EventContainer tbody tr td.__EventState { /* 1708 */ width: 33.8px; } /* 1709 */ /* 1710 */ div#styled-select-keywords.hidden { /* 1711 */ display: none; } /* 1712 */ /* 1713 */ .datepick-popup { /* 1714 */ z-index: 999; /* 1715 */ color: #313131; /* 1716 */ background-color: #b1b1b1; /* 1717 */ padding: 0px; /* 1718 */ width: 320px; /* 1719 */ border: 0px solid #ccc; /* 1720 */ box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.5); /* 1721 */ padding: 10px; } /* 1722 */ .datepick-popup a { /* 1723 */ color: #313131; /* 1724 */ transition: none; } /* 1725 */ .datepick-popup a:not(.datepick-cmd):hover { /* 1726 */ border-bottom: 2px solid #313131; /* 1727 */ color: #313131; /* 1728 */ text-decoration: none; /* 1729 */ margin-bottom: -2px; } /* 1730 */ .datepick-popup a.datepick-selected:hover { /* 1731 */ margin-bottom: 0; } /* 1732 */ .datepick-popup .datepick .datepick-nav { /* 1733 */ display: flex; /* 1734 */ flex-direction: row; /* 1735 */ justify-content: space-between; /* 1736 */ margin-bottom: 8px; } /* 1737 */ .datepick-popup .datepick .datepick-nav .datepick-cmd-today { /* 1738 */ display: none; } /* 1739 */ .datepick-popup .datepick .datepick-month-row { /* 1740 */ margin-bottom: 8px; } /* 1741 */ .datepick-popup .datepick .datepick-month-row .datepick-month-header { /* 1742 */ /* gap: 12px;*/ /* 1743 */ width: 82%; /* 1744 */ margin: 0 auto; /* 1745 */ margin-top: 0px; /* 1746 */ margin-bottom: 0px; /* 1747 */ margin-top: -28px; /* 1748 */ display: flex; /* 1749 */ margin-bottom: 10px; /* 1750 */ justify-content: center; /* 1751 */ text-align: center; } /* 1752 */ .datepick-popup .datepick .datepick-month-row .datepick-month-header select { /* 1753 */ flex: 1; } /* 1754 */ .datepick-popup .datepick .datepick-month-row .datepick-month-header .datepick-month-year { /* 1755 */ margin-top: -4px; /* 1756 */ text-align-last: initial; /* 1757 */ text-transform: uppercase; /* 1758 */ color: black; /* 1759 */ font-size: 14px; /* 1760 */ letter-spacing: 2px; /* 1761 */ height: 27px; /* 1762 */ background: transparent; /* 1763 */ text-align: center; /* 1764 */ border-radius: 15px; /* 1765 */ -webkit-box-shadow: 0 0px 0px 0px #bdbeb2; /* 1766 */ -moz-box-shadow: 0 0px 0px 0px #bdbeb2; /* 1767 */ box-shadow: 0 0px 0px 0px #bdbeb2; /* 1768 */ -webkit-appearance: none; /* 1769 */ -moz-appearance: none; /* 1770 */ appearance: none; /* 1771 */ border: none; /* 1772 */ pointer-events: auto; /* 1773 */ cursor: pointer; } /* 1774 */ .datepick-popup .datepick .datepick-month-row table th { /* 1775 */ text-align: center; } /* 1776 */ .datepick-popup .datepick .datepick-month-row table tbody { /* 1777 */ height: 176px; } /* 1778 */ .datepick-popup .datepick .datepick-month-row table a { /* 1779 */ color: #fff; /* 1780 */ transition: none; /* 1781 */ padding: 2px 1px; /* 1782 */ border-bottom: 0; } /* 1783 */ .datepick-popup .datepick .datepick-month-row table a:hover { /* 1784 */ border-bottom: 1px solid #313131; /* 1785 */ text-decoration: none; /* 1786 */ color: #313131; /* 1787 */ padding: 2px 1px; } /* 1788 */ .datepick-popup .datepick .datepick-month-row table a.datepick-today { /* 1789 */ border-bottom: 1px #fff solid; } /* 1790 */ .datepick-popup .datepick .datepick-month-row table a.datepick-selected { /* 1791 */ color: #313131; /* 1792 */ font-weight: 500; /* 1793 */ background-color: #fff; /* 1794 */ min-width: 30px; /* 1795 */ display: inline-block; /* 1796 */ /* &:hover{ /+ 1797 +/ border-bottom: none; /+ 1798 +/ text-decoration: none; /+ 1799 +/ pointer-events: none; /+ 1800 +/ }*/ } /* 1801 */ .datepick-popup .datepick .datepick-ctrl { /* 1802 */ display: none; } /* 1803 */ /* 1804 */ /*# sourceMappingURL=event_window.css.map */ /* 1805 */ /* --- /var/www/event/media/css/dropdowntree.css ---------------------------- */ /* 1 */ /* 2 */ .dropdown-tree > ul{overflow-y: auto;overflow-x: hidden;white-space: nowrap;} /* 3 */ .dropdown-tree li{list-style: none} /* 4 */ .dropdown-tree li > i {margin-left: 10px;} /* 5 */ .dropdown-tree li:hover{ background: #eee;} /* 6 */ .dropdown-tree li:hover ul { background: white; } /* 7 */ .dropdown-tree li:hover ul li:hover { background: #eee; } /* 8 */ .dropdown-tree a{display: inline-block !important;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap;text-decoration: none;background:transparent !important; position: relative;} /* 9 */ .dropdown-tree .arrow{position: absolute;margin-left: -15px;top: 50%; transform: translateY(-50%);} /* 10 */ /*RTL CSS*/ /* 11 */ .rtl-dropdown-tree{direction: rtl !important} /* 12 */ .rtl-dropdown-tree > ul{right: 0 ; left: unset; text-align: right} /* 13 */ .rtl-dropdown-tree .arrow{right: 6px} /* 14 */ .rtl-dropdown-tree li > i {margin-left: 0;margin-right: 10px;} /* 15 */ /* 16 */ .dropdown-tree button.btn.btn-default.dropdown-toggle { /* 17 */ width: 100%; /* 18 */ text-align: right; /* 19 */ display: none; /* 20 */ } /* 21 */ /* 22 */ div#category-characteristics-dropdown { /* 23 */ display: none; /* 24 */ } /* --- /var/www/module_php7/jscript/lib/jquery_plugins/socialshareprivacy/socialshareprivacy/socialshareprivacy.css --- */ /* 1 */ .social_share_privacy_area { /* 2 */ clear: both; /* 3 */ margin: 20px 0 !important; /* 4 */ list-style-type: none; /* 5 */ padding: 0 !important; /* 6 */ width: auto; /* 7 */ height: 25px; /* 8 */ display: block; /* 9 */ } /* 10 */ .social_share_privacy_area li { /* 11 */ margin: 0 !important; /* 12 */ padding: 0 !important; /* 13 */ height: 21px; /* 14 */ float: left; /* 15 */ } /* 16 */ .social_share_privacy_area li .dummy_btn { /* 17 */ float: left; /* 18 */ margin: 0 0 0 10px; /* 19 */ cursor: pointer; /* 20 */ padding: 0; /* 21 */ height: inherit; /* 22 */ } /* 23 */ .social_share_privacy_area li div iframe { /* 24 */ overflow: hidden; /* 25 */ height: inherit; /* 26 */ width: inherit; /* 27 */ } /* 28 */ .social_share_privacy_area .start, .social_share_privacy_area .center, .social_share_privacy_area .end, .social_share_privacy_area .label { /* 29 */ display:inline-block; /* 30 */ vertical-align:top; /* 31 */ zoom:1; /* 32 */ *display:inline; /* 33 */ } /* 34 */ /* Facebook begin */ /* 35 */ .social_share_privacy_area .facebook { /* 36 */ width: 180px; /* 37 */ display: inline-block; /* 38 */ } /* 39 */ .social_share_privacy_area .facebook .fb_like iframe { /* 40 */ width: 145px; /* 41 */ } /* 42 */ .social_share_privacy_area div.fb_like_privacy_dummy { /* 43 */ height:20px; /* 44 */ padding-left:15px; /* 45 */ background:url(images/ssp_sprite.png) no-repeat 0 -20px; /* 46 */ } /* 47 */ .social_share_privacy_area div.fb_like_privacy_dummy span { /* 48 */ height:17px; /* 49 */ padding-top:3px; /* 50 */ display:block; /* 51 */ padding-right:5px; /* 52 */ position:relative; /* 53 */ left:5px; /* 54 */ font-family: "lucida grande",tahoma,verdana,arial,sans-serif; /* 55 */ font-size: 11px; /* 56 */ line-height: 15px; /* 57 */ background:url(images/ssp_sprite.png) no-repeat 100% -20px; /* 58 */ color:#575757; /* 59 */ } /* 60 */ /* Facebook end */ /* 61 */ /* Twitter begin */ /* 62 */ .social_share_privacy_area .twitter { /* 63 */ width: 148px; /* 64 */ } /* 65 */ .social_share_privacy_area li div.tweet { /* 66 */ width: 115px; /* 67 */ } /* 68 */ .social_share_privacy_area div.tweet_this_dummy { /* 69 */ float:left; /* 70 */ height:20px; /* 71 */ padding-left:15px; /* 72 */ background:url(images/ssp_sprite.png) no-repeat top left; /* 73 */ } /* 74 */ .social_share_privacy_area div.tweet_this_dummy span { /* 75 */ float:left; /* 76 */ height:17px; /* 77 */ padding-top:3px; /* 78 */ display:block; /* 79 */ padding-right:5px; /* 80 */ position:relative; /* 81 */ left:5px; /* 82 */ font-family: 'Helvetica Neue', Arial, sans-serif; /* 83 */ font-size:11px; /* 84 */ line-height: 15px; /* 85 */ font-weight:bold; /* 86 */ color:#373737; /* 87 */ background:url(images/ssp_sprite.png) no-repeat top right; /* 88 */ } /* 89 */ /* 90 */ /* Twitter end */ /* 91 */ /* Google+ begin */ /* 92 */ .social_share_privacy_area .gplus { /* 93 */ width: 123px; /* 94 */ } /* 95 */ .social_share_privacy_area li div.gplusone { /* 96 */ width: 90px; /* 97 */ } /* 98 */ .social_share_privacy_area div.gplus_one_dummy { /* 99 */ background: transparent url(images/ssp_sprite.png) no-repeat 0 -40px; /* 100 */ width: 32px; /* 101 */ height: 20px; /* 102 */ border: 0; /* 103 */ text-indent: -999em; /* 104 */ overflow: hidden; /* 105 */ text-align: left; /* 106 */ direction: ltr; /* 107 */ *line-height: 0; /* 108 */ } /* 109 */ /* Google+ end */ /* 110 */ /* Switch begin */ /* 111 */ .social_share_privacy_area li .switch { /* 112 */ display: inline-block; /* 113 */ text-indent: -9999em; /* 114 */ background: transparent url(images/ssp_sprite.png) no-repeat -70px -40px scroll; /* 115 */ width: 23px; /* 116 */ height: 12px; /* 117 */ overflow: hidden; /* 118 */ float: left; /* 119 */ margin: 4px 0 0; /* 120 */ padding: 0; /* 121 */ cursor: pointer; /* 122 */ } /* 123 */ .social_share_privacy_area li .switch.on { /* 124 */ background-position: -70px -52px; /* 125 */ } /* 126 */ /* Switch end */ /* 127 */ /* Tooltips begin */ /* 128 */ .social_share_privacy_area li.help_info { /* 129 */ position: relative; /* 130 */ } /* 131 */ .social_share_privacy_area li.help_info .info, /* 132 */ .social_share_privacy_area li .help_info.icon .info { /* 133 */ display: none; /* 134 */ position: absolute; /* 135 */ bottom: 40px; /* 136 */ left: 0; /* 137 */ width: 290px; /* 138 */ padding: 10px 15px; /* 139 */ margin: 0; /* 140 */ font-size: 12px; /* 141 */ line-height: 16px; /* 142 */ font-weight: bold; /* 143 */ border: 1px solid #ccc; /* 144 */ -moz-border-radius: 4px; /* 145 */ -webkit-border-radius: 4px; /* 146 */ border-radius: 4px; /* 147 */ -moz-box-shadow: 0 3px 4px #999; /* 148 */ -webkit-box-shadow: 0 3px 4px #999; /* 149 */ box-shadow: 0 3px 4px #999; /* 150 */ background-color: #fdfbec; /* 151 */ color: #000; /* 152 */ z-index: 500; /* 153 */ } /* 154 */ .social_share_privacy_area li.gplus.help_info .info { /* 155 */ left: -60px; /* 156 */ } /* 157 */ .social_share_privacy_area li .help_info.icon .info { /* 158 */ left: -243px; /* 159 */ width: 350px; /* 160 */ } /* 161 */ .social_share_privacy_area li.help_info.display .info, /* 162 */ .social_share_privacy_area li .help_info.icon.display .info { /* 163 */ display: block; /* 164 */ } /* 165 */ .social_share_privacy_area li.help_info.info_off.display .info { /* 166 */ display: none; /* 167 */ } /* 168 */ .social_share_privacy_area li .help_info.icon { /* 169 */ background: #fff url(images/ssp_sprite.png) no-repeat -93px -41px scroll; /* 170 */ width: 25px; /* 171 */ height: 20px; /* 172 */ position: relative; /* 173 */ display: inline-block; /* 174 */ vertical-align: top; /* 175 */ border: 2px solid #e7e3e3; /* 176 */ border-right-width: 0; /* 177 */ -moz-border-radius: 5px 0 0 5px; /* 178 */ -webkit-border-radius: 5px 0 0 5px; /* 179 */ border-radius: 5px 0 0 5px; /* 180 */ margin: 0; /* 181 */ padding: 0; /* 182 */ } /* 183 */ .social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon { /* 184 */ border-top-width: 0; /* 185 */ border-left-width: 0; /* 186 */ } /* 187 */ .social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon { /* 188 */ border-right-width: 2px; /* 189 */ -moz-border-radius: 5px; /* 190 */ -webkit-border-radius: 5px; /* 191 */ border-radius: 5px; /* 192 */ } /* 193 */ /* Tooltips end */ /* 194 */ /* Settings/Info begin */ /* 195 */ .social_share_privacy_area li.settings_info { /* 196 */ position: relative; /* 197 */ top: -2px; /* 198 */ } /* 199 */ .social_share_privacy_area li.settings_info a { /* 200 */ text-decoration: none; /* 201 */ margin: 0 !important; /* 202 */ } /* 203 */ .social_share_privacy_area li.settings_info .settings_info_menu { /* 204 */ background-color: #f3f4f5; /* 205 */ border: 2px solid #e7e3e3; /* 206 */ -moz-border-radius: 5px; /* 207 */ -webkit-border-radius: 5px; /* 208 */ border-radius: 5px; /* 209 */ -moz-box-shadow: 2px 2px 3px #c1c1c1; /* 210 */ -webkit-box-shadow: 2px 2px 3px #c1c1c1; /* 211 */ box-shadow: 3px 3px 3px #c1c1c1; /* 212 */ left: 0; /* 213 */ position: absolute; /* 214 */ top: 0; /* 215 */ width: 135px; /* 216 */ z-index: 1000; /* 217 */ margin: 0; /* 218 */ padding: 0; /* 219 */ } /* 220 */ .social_share_privacy_area li.settings_info .settings_info_menu.off { /* 221 */ border-width: 0; /* 222 */ -moz-box-shadow: none; /* 223 */ -webkit-box-shadow: none; /* 224 */ box-shadow: none; /* 225 */ background-color: transparent; /* 226 */ } /* 227 */ .social_share_privacy_area li.settings_info .settings_info_menu.off form { /* 228 */ display: none; /* 229 */ margin: 0; /* 230 */ padding: 0; /* 231 */ } /* 232 */ .social_share_privacy_area li.settings_info .settings_info_menu .settings { /* 233 */ text-indent: -9999em; /* 234 */ display: inline-block; /* 235 */ background: #fff url(images/ssp_sprite.png) no-repeat -35px -40px scroll; /* 236 */ width: 25px; /* 237 */ height: 20px; /* 238 */ border: 2px solid #e7e3e3; /* 239 */ -moz-border-radius: 0 5px 5px 0; /* 240 */ -webkit-border-radius: 0 5px 5px 0; /* 241 */ border-radius: 0 5px 5px 0; /* 242 */ border-left: 1px solid #ddd; /* 243 */ margin: 0; /* 244 */ padding: 0; /* 245 */ } /* 246 */ .social_share_privacy_area li.settings_info .settings_info_menu.on .settings { /* 247 */ border-top-width: 0; /* 248 */ } /* 249 */ /* 250 */ .social_share_privacy_area li.settings_info .settings_info_menu form { /* 251 */ margin: 0; /* 252 */ } /* 253 */ /* 254 */ .social_share_privacy_area li.settings_info .settings_info_menu form fieldset { /* 255 */ border-width: 0; /* 256 */ margin: 0; /* 257 */ padding: 0 10px 10px; /* 258 */ } /* 259 */ .social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend { /* 260 */ font-size: 11px; /* 261 */ font-weight: bold; /* 262 */ line-height: 14px; /* 263 */ margin: 0; /* 264 */ padding: 10px 0; /* 265 */ width: 115px; /* 266 */ } /* 267 */ .social_share_privacy_area li.settings_info .settings_info_menu form fieldset input { /* 268 */ clear: both; /* 269 */ float: left; /* 270 */ margin: 4px 10px 4px 0; /* 271 */ padding: 0; /* 272 */ } /* 273 */ .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label { /* 274 */ display: inline-block; /* 275 */ float: left; /* 276 */ font-size: 12px; /* 277 */ font-weight: bold; /* 278 */ line-height: 24px; /* 279 */ -moz-transition: color .5s ease-in; /* 280 */ -webkit-transition: color .5s ease-in; /* 281 */ transition: color .5s ease-in; /* 282 */ margin: 0; /* 283 */ padding: 0; /* 284 */ } /* 285 */ .social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked { /* 286 */ color: #090; /* 287 */ } /* 288 */ /* Settings/Info end */ /* 289 */ /* 290 */ /* Set box-sizing to "content-box" for all children /+ 291 +/ This fixes problems with frameworks like Bootstrap3 which set "border-box" globally by default */ /* 292 */ .social_share_privacy_area * { /* 293 */ -ms-box-sizing: content-box; /* 294 */ -webkit-box-sizing: content-box; /* 295 */ -moz-box-sizing: content-box; /* 296 */ box-sizing: content-box; /* 297 */ } /* 298 */ /* --- /var/www/mollie/media/css/mollie-payment.css ------------------------- */ /* 1 */ /*$body-color: #3E3E3F; // dark grey*/ /* 2 */ /*$grey-light: #f6f6f6;*/ /* 3 */ /* /+ 4 +/ Here you will find all variables we used in SCSS files /+ 5 +/ /+ 6 +/ ATTENTION! Dont use $value or $property! /+ 7 +/ /+ 8 +/ /+ 9 +/ /************** /+ 10 +/ * /+ 11 +/ * RANDOM RAINBOW COLOR SET /+ 12 +/ * /+ 13 +/ **************/ /* 14 */ /************** /+ 15 +/ * /+ 16 +/ * COLOR PRESET /+ 17 +/ * /+ 18 +/ **************/ /* 19 */ /************** /+ 20 +/ * /+ 21 +/ * TEXT COLOR PRESET /+ 22 +/ * /+ 23 +/ **************/ /* 24 */ /************** /+ 25 +/ * /+ 26 +/ * LINK COLOR PRESET /+ 27 +/ * /+ 28 +/ **************/ /* 29 */ /************** /+ 30 +/ * /+ 31 +/ * MEDIA QUERY BREAKPOINTS /+ 32 +/ * /+ 33 +/ **************/ /* 34 */ /************** /+ 35 +/ * /+ 36 +/ * HEADER & FOOTER /+ 37 +/ * /+ 38 +/ **************/ /* 39 */ /************** /+ 40 +/ * /+ 41 +/ * PADDING /+ 42 +/ * /+ 43 +/ **************/ /* 44 */ /************** /+ 45 +/ * /+ 46 +/ * IMG SIZES /+ 47 +/ * /+ 48 +/ **************/ /* 49 */ /************** /+ 50 +/ * /+ 51 +/ * WIDTH OF CONTENT ELEMENTS /+ 52 +/ * /+ 53 +/ **************/ /* 54 */ .btn-back { /* 55 */ display: flex; /* 56 */ align-items: center; /* 57 */ } /* 58 */ .btn-back svg { /* 59 */ height: auto; /* 60 */ width: auto; /* 61 */ margin-right: 15px; /* 62 */ } /* 63 */ .btn-back svg path { /* 64 */ transition: all 0.3s ease-in-out; /* 65 */ fill: #363636; /* 66 */ } /* 67 */ .btn-back:hover { /* 68 */ color: #dc1b23; /* 69 */ } /* 70 */ .btn-back:hover svg path { /* 71 */ fill: #dc1b23; /* 72 */ } /* 73 */ /* 74 */ .btn-brand, /* 75 */ .btn-primary { /* 76 */ display: inline-flex; /* 77 */ align-items: center; /* 78 */ justify-content: center; /* 79 */ transition: all 0.6s ease-in-out; /* 80 */ background-color: #dc1b23; /* 81 */ color: white; /* 82 */ font-weight: 500; /* 83 */ font-size: 14px; /* 84 */ border: 2px #dc1b23 solid; /* 85 */ border-radius: 0px; /* 86 */ text-transform: initial; /* 87 */ padding: 10px 0; /* 88 */ letter-spacing: 0.4px; /* 89 */ text-align: center; /* 90 */ max-height: 55px; /* 91 */ text-decoration: none !important; /* 92 */ cursor: pointer; /* 93 */ } /* 94 */ .btn-brand span, /* 95 */ .btn-primary span { /* 96 */ color: #fff; /* 97 */ transition: all 0.6s ease-in-out; /* 98 */ } /* 99 */ .btn-brand svg, /* 100 */ .btn-primary svg { /* 101 */ width: 15px; /* 102 */ margin-left: 5px; /* 103 */ } /* 104 */ .btn-brand svg path, /* 105 */ .btn-primary svg path { /* 106 */ transition: all 0.6s ease-in-out; /* 107 */ fill: #fff; /* 108 */ } /* 109 */ .btn-brand .offer-button-txt, /* 110 */ .btn-primary .offer-button-txt { /* 111 */ display: flex; /* 112 */ } /* 113 */ .btn-brand .offer-button-txt svg, /* 114 */ .btn-primary .offer-button-txt svg { /* 115 */ margin-right: 10px; /* 116 */ } /* 117 */ .btn-brand:active, .btn-brand:focus, .btn-brand:focus-visible .btn-brand:active:focus, /* 118 */ .btn-primary:active, /* 119 */ .btn-primary:focus, /* 120 */ .btn-brand:focus-visible .btn-primary:active:focus, /* 121 */ .btn-primary:focus-visible .btn-brand:active:focus, /* 122 */ .btn-primary:focus-visible .btn-primary:active:focus { /* 123 */ border: 2px #363636 solid; /* 124 */ background-color: #363636; /* 125 */ outline: none !important; /* 126 */ box-shadow: none !important; /* 127 */ } /* 128 */ .btn-brand:hover, /* 129 */ .btn-primary:hover { /* 130 */ background-color: #363636; /* 131 */ border-color: #363636; /* 132 */ color: #fff; /* 133 */ } /* 134 */ .btn-brand:hover svg path, /* 135 */ .btn-primary:hover svg path { /* 136 */ fill: #fff; /* 137 */ } /* 138 */ .btn-brand:hover span, /* 139 */ .btn-primary:hover span { /* 140 */ border-color: #fff; /* 141 */ color: #fff; /* 142 */ } /* 143 */ .btn-brand:hover span .popover, /* 144 */ .btn-primary:hover span .popover { /* 145 */ border-color: #363636; /* 146 */ } /* 147 */ .btn-brand.btn-brand-mc:hover, /* 148 */ .btn-primary.btn-brand-mc:hover { /* 149 */ background-color: #363636; /* 150 */ border-color: #363636; /* 151 */ color: #fff; /* 152 */ } /* 153 */ .btn-brand.btn-brand-mc:hover svg path, /* 154 */ .btn-primary.btn-brand-mc:hover svg path { /* 155 */ fill: #dc1b23; /* 156 */ } /* 157 */ .btn-brand.btn-brand-mc:hover span, /* 158 */ .btn-primary.btn-brand-mc:hover span { /* 159 */ border-color: #dc1b23; /* 160 */ color: #dc1b23; /* 161 */ } /* 162 */ .btn-brand.btn-tag, /* 163 */ .btn-primary.btn-tag { /* 164 */ padding: 7px 10px; /* 165 */ min-width: inherit; /* 166 */ line-height: 14px; /* 167 */ font-weight: normal; /* 168 */ margin: 0 10px 10px 0; /* 169 */ } /* 170 */ /* 171 */ .btn-white-outline { /* 172 */ display: inline-flex; /* 173 */ align-items: center; /* 174 */ justify-content: center; /* 175 */ transition: all 0.6s ease-in-out; /* 176 */ background-color: transparent; /* 177 */ color: #fff; /* 178 */ font-weight: 500; /* 179 */ font-size: 1rem; /* 180 */ border: 2px #fff solid; /* 181 */ border-radius: 0px; /* 182 */ text-transform: initial; /* 183 */ letter-spacing: 0.4px; /* 184 */ text-align: center; /* 185 */ } /* 186 */ .btn-white-outline:hover { /* 187 */ background-color: #363636; /* 188 */ border: 2px #dc1b23 solid; /* 189 */ color: #fff; /* 190 */ } /* 191 */ .btn-white-outline.btn-no-hover:hover { /* 192 */ background-color: transparent; /* 193 */ border: 2px #fff solid; /* 194 */ color: #fff; /* 195 */ } /* 196 */ /* 197 */ .btn-red-outline { /* 198 */ display: inline-flex; /* 199 */ align-items: center; /* 200 */ justify-content: center; /* 201 */ transition: all 0.6s ease-in-out; /* 202 */ background-color: transparent; /* 203 */ color: #dc1b23; /* 204 */ font-weight: 500; /* 205 */ font-size: 1rem; /* 206 */ border: 2px #dc1b23 solid; /* 207 */ border-radius: 0px; /* 208 */ text-transform: initial; /* 209 */ letter-spacing: 0.4px; /* 210 */ text-align: center; /* 211 */ } /* 212 */ .btn-red-outline:hover { /* 213 */ background-color: #363636; /* 214 */ border: 2px #363636 solid; /* 215 */ color: #fff; /* 216 */ } /* 217 */ .btn-red-outline.btn-no-hover:hover { /* 218 */ background-color: transparent; /* 219 */ border: 2px #fff solid; /* 220 */ color: #fff; /* 221 */ } /* 222 */ /* 223 */ .btn-outline-white-black { /* 224 */ background-color: rgba(0, 0, 0, 0.5); /* 225 */ color: #fff; /* 226 */ border: 2px solid; /* 227 */ display: inline-flex; /* 228 */ align-items: center; /* 229 */ justify-content: center; /* 230 */ transition: all 0.6s ease-in-out; /* 231 */ font-size: 1rem; /* 232 */ font-weight: 500; /* 233 */ border-radius: 0px; /* 234 */ text-transform: initial; /* 235 */ padding: 15px 25px; /* 236 */ letter-spacing: 0.4px; /* 237 */ text-align: center; /* 238 */ max-height: 57px; /* 239 */ min-width: 180px; /* 240 */ cursor: pointer; /* 241 */ } /* 242 */ @media screen and (min-width: 768px) { /* 243 */ .btn-outline-white-black { /* 244 */ border-color: #fff; /* 245 */ min-width: 130px; /* 246 */ } /* 247 */ } /* 248 */ @media screen and (min-width: 1024px) { /* 249 */ .btn-outline-white-black { /* 250 */ min-width: 180px; /* 251 */ } /* 252 */ } /* 253 */ .btn-outline-white-black:hover { /* 254 */ background-color: #dc1b23; /* 255 */ border: 2px #dc1b23 solid; /* 256 */ color: white; /* 257 */ } /* 258 */ /* 259 */ .button-black-outline, /* 260 */ .button-white { /* 261 */ display: inline-flex; /* 262 */ align-items: center; /* 263 */ justify-content: center; /* 264 */ transition: all 0.6s ease-in-out; /* 265 */ background-color: transparent; /* 266 */ color: #363636; /* 267 */ font-weight: 500; /* 268 */ font-size: 14px; /* 269 */ border: 2px #363636 solid; /* 270 */ border-radius: 0px; /* 271 */ text-transform: initial; /* 272 */ padding: 10px 0; /* 273 */ letter-spacing: 0.4px; /* 274 */ text-align: center; /* 275 */ max-height: 55px; /* 276 */ cursor: pointer; /* 277 */ } /* 278 */ .button-black-outline:hover, /* 279 */ .button-white:hover { /* 280 */ background-color: #363636; /* 281 */ border-color: #363636; /* 282 */ color: #fff; /* 283 */ } /* 284 */ .button-black-outline:hover svg path, /* 285 */ .button-white:hover svg path { /* 286 */ fill: #fff; /* 287 */ } /* 288 */ .button-black-outline:hover span, /* 289 */ .button-white:hover span { /* 290 */ border-color: #fff; /* 291 */ color: #fff; /* 292 */ } /* 293 */ .button-black-outline:hover span .popover, /* 294 */ .button-white:hover span .popover { /* 295 */ border-color: #363636; /* 296 */ } /* 297 */ /* 298 */ .btn-my-entries, /* 299 */ .btn-post-entry { /* 300 */ display: flex; /* 301 */ align-items: center; /* 302 */ justify-content: center; /* 303 */ transition: all 0.6s ease-in-out; /* 304 */ background-color: #dc1b23; /* 305 */ font-weight: 500; /* 306 */ letter-spacing: 0.4px; /* 307 */ color: #fff; /* 308 */ margin-left: 20px; /* 309 */ text-transform: initial; /* 310 */ padding: 15px 25px; /* 311 */ letter-spacing: 0.4px; /* 312 */ text-align: center; /* 313 */ max-height: 57px; /* 314 */ min-width: 180px; /* 315 */ border-radius: 0; /* 316 */ } /* 317 */ .btn-my-entries svg, /* 318 */ .btn-post-entry svg { /* 319 */ margin-left: 10px; /* 320 */ } /* 321 */ .btn-my-entries svg path, /* 322 */ .btn-post-entry svg path { /* 323 */ fill: #fff; /* 324 */ transition: all 0.6s ease-in-out; /* 325 */ } /* 326 */ .btn-my-entries:hover, /* 327 */ .btn-post-entry:hover { /* 328 */ background-color: #363636; /* 329 */ color: #fff; /* 330 */ } /* 331 */ .btn-my-entries:hover svg path, /* 332 */ .btn-post-entry:hover svg path { /* 333 */ fill: #fff; /* 334 */ } /* 335 */ /* 336 */ .btn-white { /* 337 */ border-color: #fff; /* 338 */ background-color: #fff; /* 339 */ color: #dc1b23 !important; /* 340 */ text-decoration: none !important; /* 341 */ } /* 342 */ .btn-white:hover { /* 343 */ border-color: #fff; /* 344 */ background-color: #dc1b23; /* 345 */ color: #fff !important; /* 346 */ } /* 347 */ /* 348 */ .btn-hover-white:hover { /* 349 */ border-color: #fff; /* 350 */ background-color: #fff; /* 351 */ color: #dc1b23; /* 352 */ } /* 353 */ /* 354 */ .btn-link { /* 355 */ color: #363636; /* 356 */ text-decoration: none; /* 357 */ transition: all 0.6s ease-in-out; /* 358 */ font-size: 18px; /* 359 */ } /* 360 */ .btn-link:hover { /* 361 */ color: #dc1b23; /* 362 */ } /* 363 */ /* 364 */ #history-back-button svg, /* 365 */ .history-back-button svg { /* 366 */ margin-right: 20px; /* 367 */ margin-top: -2px; /* 368 */ } /* 369 */ /* 370 */ .btn-link-white { /* 371 */ color: #fff; /* 372 */ text-decoration: none; /* 373 */ transition: all 0.6s ease-in-out; /* 374 */ font-size: 18px; /* 375 */ } /* 376 */ .btn-link-white:hover { /* 377 */ color: #dc1b23; /* 378 */ } /* 379 */ /* 380 */ .btn-greyed-out { /* 381 */ background-color: #cccccc; /* 382 */ color: #fff; /* 383 */ transition: all 0.6s ease-in-out; /* 384 */ border-radius: 0; /* 385 */ } /* 386 */ .btn-greyed-out:hover { /* 387 */ background-color: #434343; /* 388 */ color: #fff; /* 389 */ } /* 390 */ /* 391 */ .btn-read-more { /* 392 */ color: #dc1b23; /* 393 */ transition: all 0.6s ease-in-out; /* 394 */ } /* 395 */ .btn-read-more:hover { /* 396 */ border-bottom: solid 1px #dc1b23; /* 397 */ } /* 398 */ /* 399 */ .btn_play svg { /* 400 */ margin-right: 10px; /* 401 */ } /* 402 */ /* 403 */ /* Button Sizes */ /* 404 */ .btn { /* 405 */ padding: 0.375rem 0.75rem; /* 406 */ font-size: 16px; /* 407 */ } /* 408 */ /* 409 */ .btn-xs { /* 410 */ padding: 4px 16px !important; /* 411 */ font-size: 12px !important; /* 412 */ } /* 413 */ /* 414 */ .btn-sm { /* 415 */ padding: 5px 15px !important; /* 416 */ font-size: 14px !important; /* 417 */ } /* 418 */ /* 419 */ .btn-md { /* 420 */ padding: 5px 15px !important; /* 421 */ font-size: 16px !important; /* 422 */ } /* 423 */ /* 424 */ .btn-lg { /* 425 */ padding: 10px 20px !important; /* 426 */ font-size: 16px !important; /* 427 */ line-height: 20px; /* 428 */ max-height: 55px; /* 429 */ } /* 430 */ @media screen and (min-width: 768px) { /* 431 */ .btn-lg { /* 432 */ padding: 15px 35px; /* 433 */ } /* 434 */ } /* 435 */ /* 436 */ /* Button Rounded */ /* 437 */ .btn-rounded { /* 438 */ border-radius: 25px; /* 439 */ } /* 440 */ /* 441 */ .has_popover { /* 442 */ padding: 10px 0 !important; /* 443 */ } /* 444 */ .has_popover > a { /* 445 */ padding: 15px; /* 446 */ } /* 447 */ .has_popover .popover-left svg { /* 448 */ margin-right: 5px; /* 449 */ margin-top: -2px; /* 450 */ } /* 451 */ @media screen and (max-width: 1023px) { /* 452 */ .has_popover .popover-left svg { /* 453 */ display: none; /* 454 */ } /* 455 */ } /* 456 */ .has_popover .btn-popover { /* 457 */ /* z-index: 100;*/ /* 458 */ position: relative; /* 459 */ padding: 15px 20px; /* 460 */ } /* 461 */ @media screen and (max-width: 1024px) { /* 462 */ .has_popover .btn-popover { /* 463 */ padding: 15px 15px 15px 10px !important; /* 464 */ } /* 465 */ } /* 466 */ .has_popover .btn-popover svg { /* 467 */ width: 22px; /* 468 */ height: 22px; /* 469 */ margin: 0; /* 470 */ } /* 471 */ .has_popover .btn-popover .popover_wrapper { /* 472 */ display: none; /* 473 */ } /* 474 */ .has_popover .btn-popover .popover_wrapper span.popover { /* 475 */ color: #363636; /* 476 */ -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); /* 477 */ box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); /* 478 */ position: relative; /* 479 */ margin-top: 10px; /* 480 */ background: #363636; /* 481 */ color: #fff; /* 482 */ padding: 12px; /* 483 */ border-radius: 5px; /* 484 */ z-index: 1000; /* 485 */ width: 370px; /* 486 */ max-width: 370px; /* 487 */ cursor: default; /* 488 */ } /* 489 */ .has_popover .btn-popover .popover_wrapper span.popover:before { /* 490 */ content: ""; /* 491 */ position: absolute; /* 492 */ right: 27px; /* 493 */ top: -9px; /* 494 */ width: 0; /* 495 */ height: 0; /* 496 */ border-left: 10px solid transparent; /* 497 */ border-right: 10px solid transparent; /* 498 */ border-bottom: 8px solid #363636; /* 499 */ } /* 500 */ .has_popover .btn-popover .popover_wrapper span.popover ul { /* 501 */ margin: 0; /* 502 */ } /* 503 */ .has_popover .btn-popover .popover_wrapper span.popover ul li { /* 504 */ padding: 0 0 0 16px; /* 505 */ position: relative; /* 506 */ } /* 507 */ .has_popover .btn-popover .popover_wrapper span.popover ul li:before { /* 508 */ border-style: solid; /* 509 */ border-width: 1px 1px 0 0; /* 510 */ content: ""; /* 511 */ display: inline-block; /* 512 */ height: 7px; /* 513 */ position: absolute; /* 514 */ top: 8px; /* 515 */ vertical-align: top; /* 516 */ width: 7px; /* 517 */ left: -2px; /* 518 */ transform: rotate(45deg); /* 519 */ } /* 520 */ .has_popover .btn-popover .popover_wrapper span.popover a { /* 521 */ text-decoration: underline; /* 522 */ } /* 523 */ .has_popover .btn-popover:hover .popover_wrapper { /* 524 */ display: block; /* 525 */ position: absolute; /* 526 */ top: 100%; /* 527 */ right: 0; /* 528 */ left: inherit; /* 529 */ } /* 530 */ .has_popover .btn-popover:hover span.popover a { /* 531 */ color: #fff; /* 532 */ } /* 533 */ /* 534 */ .load-more-button { /* 535 */ visibility: hidden; /* 536 */ } /* 537 */ /* 538 */ #people-blog-button, /* 539 */ .profile-info-section .btn-brand { /* 540 */ min-width: 180px; /* 541 */ } /* 542 */ /* 543 */ .mollie-payment-backgroundlayer { /* 544 */ display: none; /* 545 */ position: fixed; /* 546 */ left: 0; /* 547 */ top: 0; /* 548 */ right: 0; /* 549 */ bottom: 0; /* 550 */ background-color: black; /* 551 */ z-index: 9999; /* 552 */ opacity: 0.7; /* 553 */ } /* 554 */ .mollie-payment-backgroundlayer.in-foreground { /* 555 */ z-index: 1002; /* 556 */ } /* 557 */ /* 558 */ .mollie-payment-layer { /* 559 */ display: none; /* 560 */ position: fixed; /* 561 */ left: 0; /* 562 */ top: 0; /* 563 */ height: 100vh; /* 564 */ width: 100vw; /* 565 */ z-index: 9999; /* 566 */ } /* 567 */ .mollie-payment-layer section { /* 568 */ position: absolute; /* 569 */ width: 90%; /* 570 */ min-height: 550px; /* 571 */ background-color: white; /* 572 */ color: black !important; /* 573 */ z-index: 10000; /* 574 */ max-width: 1040px; /* 575 */ top: 50%; /* 576 */ left: 50%; /* 577 */ transform: translate(-50%, -50%); /* 578 */ display: flex; /* 579 */ flex-direction: column; /* 580 */ } /* 581 */ .mollie-payment-layer section .mollie-payment-layer-menu { /* 582 */ padding: 0px; /* 583 */ padding-left: 0px; /* 584 */ background: #f7f7f7; /* 585 */ position: relative; /* 586 */ border-bottom: 1px solid #ccc; /* 587 */ padding-left: 80px; /* 588 */ flex-grow: 0; /* 589 */ line-height: 24px; /* 590 */ } /* 591 */ .mollie-payment-layer section .mollie-payment-layer-menu .menu-button { /* 592 */ padding: 20px 30px; /* 593 */ font-size: 16px; /* 594 */ font-weight: 500; /* 595 */ float: initial; /* 596 */ height: initial; /* 597 */ width: initial; /* 598 */ display: inline-block; /* 599 */ position: initial; /* 600 */ min-height: 50px; /* 601 */ padding-top: 5px; /* 602 */ border-right: 1px solid #ccc; /* 603 */ } /* 604 */ @media screen and (min-width: 576px) { /* 605 */ .mollie-payment-layer section .mollie-payment-layer-menu .menu-button { /* 606 */ padding-top: 20px; /* 607 */ min-height: 65px; /* 608 */ } /* 609 */ } /* 610 */ .mollie-payment-layer section .mollie-payment-layer-menu .menu-button:first-child { /* 611 */ border-left: 1px solid #ccc; /* 612 */ } /* 613 */ .mollie-payment-layer section .mollie-payment-layer-menu .menu-button.active { /* 614 */ background-color: #fff; /* 615 */ border-bottom: 1px solid #fff; /* 616 */ margin-bottom: -1px; /* 617 */ outline: 0; /* 618 */ border-top: 0; /* 619 */ } /* 620 */ .mollie-payment-layer section .mollie-payment-layer-menu .menu-button.active:nth-child(2) { /* 621 */ margin-left: -4px; /* 622 */ } /* 623 */ .mollie-payment-layer section .mollie-payment-layer-menu .menu-button.active:focus:not(:focus-visible) { /* 624 */ outline: none; /* 625 */ } /* 626 */ .mollie-payment-layer section .mollie-payment-layer-menu-wrapper { /* 627 */ margin-top: 30px; /* 628 */ flex-grow: 1; /* 629 */ position: relative; /* 630 */ display: flex; /* 631 */ flex-direction: column; /* 632 */ } /* 633 */ .mollie-payment-layer section .mollie-payment-layer-menu-wrapper .mollie-payment-layer-tab { /* 634 */ padding: 0 80px; /* 635 */ } /* 636 */ .mollie-payment-layer section .mollie-payment-layer-menu-wrapper .mollie-payment-layer-tab#layer-tab-1 .image-row { /* 637 */ display: flex; /* 638 */ flex-direction: row; /* 639 */ } /* 640 */ .mollie-payment-layer section .mollie-payment-layer-menu-wrapper .mollie-payment-layer-footer { /* 641 */ position: relative; /* 642 */ width: auto; /* 643 */ height: initial; /* 644 */ font-size: 16px; /* 645 */ line-height: 24px; /* 646 */ display: flex; /* 647 */ flex-direction: column; /* 648 */ align-items: center; /* 649 */ justify-content: flex-start; /* 650 */ flex-grow: 1; /* 651 */ flex-shrink: 1; /* 652 */ flex-basis: 75px; /* 653 */ border-top: 1px solid #ccc; /* 654 */ background: #fff; /* 655 */ padding-top: 15px; /* 656 */ margin: auto; /* 657 */ text-align: center; /* 658 */ margin: 0 80px; /* 659 */ } /* 660 */ .mollie-payment-layer section .mollie-payment-layer-menu-wrapper .mollie-payment-layer-footer a { /* 661 */ color: #2f74a9; /* 662 */ font-family: "Roboto" !important; /* 663 */ display: block; /* 664 */ } /* 665 */ .mollie-payment-layer section .mollie-payment-layer-menu-wrapper .mollie-payment-layer-footer span { /* 666 */ display: block; /* 667 */ margin: 0px 0px; /* 668 */ font-family: "Roboto" !important; /* 669 */ font-weight: 500; /* 670 */ letter-spacing: 0 !important; /* 671 */ font-size: 16px; /* 672 */ color: #000; /* 673 */ } /* 674 */ .mollie-payment-layer a, .mollie-payment-layer a:visited, .mollie-payment-layer a:focus { /* 675 */ color: #114d7d !important; /* 676 */ } /* 677 */ .mollie-payment-layer a:hover { /* 678 */ color: #114d7d; /* 679 */ text-decoration: underline !important; /* 680 */ } /* 681 */ .mollie-payment-layer .payment-layer-content { /* 682 */ overflow: auto; /* 683 */ position: relative; /* 684 */ padding: 65px 50px; /* 685 */ height: 100%; /* 686 */ width: 100%; /* 687 */ color: black !important; /* 688 */ } /* 689 */ .mollie-payment-layer .close-mollie-payment-layer { /* 690 */ cursor: pointer; /* 691 */ color: #000; /* 692 */ } /* 693 */ .mollie-payment-layer .mollie-payment-layer-iframe { /* 694 */ width: 90%; /* 695 */ margin-left: 5%; /* 696 */ height: 90%; /* 697 */ top: 5%; /* 698 */ } /* 699 */ .mollie-payment-layer .payment-layer-content span#payment-title { /* 700 */ color: #233253; /* 701 */ font-size: 18px; /* 702 */ font-weight: 700; /* 703 */ } /* 704 */ .mollie-payment-layer .payment-info-container { /* 705 */ display: inline-flex; /* 706 */ margin-bottom: 0px; /* 707 */ position: static; /* 708 */ } /* 709 */ .mollie-payment-layer .payment-info-container-abort { /* 710 */ position: static; /* 711 */ display: none; /* 712 */ } /* 713 */ .mollie-payment-layer .braintree-show-options { /* 714 */ margin-top: 30px; /* 715 */ } /* 716 */ .mollie-payment-layer .payment-info-container .payment-img { /* 717 */ width: 292px; /* 718 */ height: 194px; /* 719 */ margin-right: 40px; /* 720 */ background: #ccc; /* 721 */ margin-top: 0px !important; /* 722 */ } /* 723 */ .mollie-payment-layer .payment-title-container { /* 724 */ display: flex; /* 725 */ flex-direction: column; /* 726 */ width: calc(95% - 160px); /* 727 */ margin-top: -6.5px; /* 728 */ } /* 729 */ .mollie-payment-layer .payment-layer-content button#submit-button { /* 730 */ color: black; /* 731 */ cursor: pointer; /* 732 */ } /* 733 */ .mollie-payment-layer #payment-close-button, /* 734 */ .mollie-payment-layer #payment-close-button2 { /* 735 */ cursor: pointer; /* 736 */ position: absolute; /* 737 */ right: 15px; /* 738 */ width: 25px; /* 739 */ height: 25px; /* 740 */ top: 15px; /* 741 */ background-color: white; /* 742 */ border: none; /* 743 */ } /* 744 */ .mollie-payment-layer .payment-layer-content button#submit-button { /* 745 */ color: #fff; /* 746 */ cursor: pointer; /* 747 */ background: #E6E6E6; /* 748 */ padding: 12px 25px; /* 749 */ border-radius: 3px; /* 750 */ letter-spacing: 1.3px; /* 751 */ font-size: 16px; /* 752 */ margin-top: 5px; /* 753 */ display: flex; /* 754 */ align-items: center; /* 755 */ } /* 756 */ .mollie-payment-layer .payment-layer-content button#submit-button.active { /* 757 */ background: #c4b270; /* 758 */ } /* 759 */ .mollie-payment-layer .payment-layer-content button#submit-button span { /* 760 */ display: block; /* 761 */ width: 30px; /* 762 */ height: 24px; /* 763 */ margin-right: 5px; /* 764 */ } /* 765 */ .mollie-payment-layer .submit-button-container { /* 766 */ display: flex; /* 767 */ justify-content: center; /* 768 */ } /* 769 */ .mollie-payment-layer .braintree-heading, .mollie-payment-layer .braintree-placeholder { /* 770 */ color: #233253; /* 771 */ font-size: 18px; /* 772 */ margin-bottom: 15px; /* 773 */ letter-spacing: 1.4px; /* 774 */ font-weight: 100; /* 775 */ } /* 776 */ .mollie-payment-layer .braintree-large-button { /* 777 */ margin-bottom: 15px; /* 778 */ } /* 779 */ .mollie-payment-layer .payment-title-container .payment-name { /* 780 */ color: #7c889e; /* 781 */ font-size: 14px; /* 782 */ letter-spacing: 2px; /* 783 */ } /* 784 */ .mollie-payment-layer .payment-title-container .payment-location { /* 785 */ color: #233253; /* 786 */ font-size: 16px; /* 787 */ letter-spacing: 1.3px; /* 788 */ } /* 789 */ .mollie-payment-layer img#payment-poster { /* 790 */ width: 292px; /* 791 */ height: 194px; /* 792 */ object-fit: cover; /* 793 */ } /* 794 */ .mollie-payment-layer div#multible-offer-payment { /* 795 */ align-items: center; /* 796 */ background-color: #239cd5; /* 797 */ border-color: #b5b5b5; /* 798 */ border-style: solid; /* 799 */ border-width: 1px 1px 1px 1px; /* 800 */ cursor: pointer; /* 801 */ display: flex; /* 802 */ padding: 12px 10px; /* 803 */ border-radius: 4px; /* 804 */ margin-bottom: 30px; /* 805 */ height: 54px; /* 806 */ } /* 807 */ .mollie-payment-layer div#multible-offer-payment:hover { /* 808 */ background: rgba(35, 156, 213, 0.88); /* 809 */ } /* 810 */ .mollie-payment-layer button#multible-offer-payment-button { /* 811 */ color: #000; /* 812 */ font-size: 16px; /* 813 */ margin-left: 20px; /* 814 */ width: 100%; /* 815 */ cursor: pointer; /* 816 */ font-weight: 500; /* 817 */ width: 100%; /* 818 */ display: flex; /* 819 */ padding: 12px 10px; /* 820 */ cursor: pointer; /* 821 */ } /* 822 */ .mollie-payment-layer p.multible-offer-text { /* 823 */ color: #233253; /* 824 */ font-size: 12px !important; /* 825 */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; /* 826 */ font-weight: 500; /* 827 */ margin-bottom: 10px; /* 828 */ letter-spacing: 1.4px; /* 829 */ } /* 830 */ .mollie-payment-layer button#multible-offer-payment-button b font { /* 831 */ color: #fff; /* 832 */ font-weight: bold; /* 833 */ } /* 834 */ .mollie-payment-layer button#multible-offer-payment-button span { /* 835 */ color: #263774; /* 836 */ font-style: italic; /* 837 */ } /* 838 */ .mollie-payment-layer button.mollie-payment-button { /* 839 */ margin: 0px; /* 840 */ padding: 10px; /* 841 */ cursor: pointer; /* 842 */ } /* 843 */ .mollie-payment-layer button.mollie-payment-button:hover { /* 844 */ background-color: #aaaaaa; /* 845 */ color: white; /* 846 */ } /* 847 */ .mollie-payment-layer .payment-buttons { /* 848 */ margin-bottom: 20px; /* 849 */ } /* 850 */ .mollie-payment-layer .payment-buttons span { /* 851 */ font-size: 12px !important; /* 852 */ display: block; /* 853 */ margin-bottom: 10px; /* 854 */ margin-top: 15px; /* 855 */ letter-spacing: 1.4px !important; /* 856 */ } /* 857 */ .mollie-payment-layer button.mollie-payment-button { /* 858 */ color: #000; /* 859 */ font-size: 16px; /* 860 */ width: 100%; /* 861 */ align-items: center; /* 862 */ background-color: #fafafa; /* 863 */ border-color: #b5b5b5; /* 864 */ border-style: solid; /* 865 */ border-width: 0 1px 1px 1px; /* 866 */ border-top-width: 0px; /* 867 */ cursor: pointer; /* 868 */ display: flex; /* 869 */ padding: 0; /* 870 */ cursor: pointer; /* 871 */ display: flex; /* 872 */ padding: 12px 10px; /* 873 */ } /* 874 */ .mollie-payment-layer button.mollie-payment-button .mollie-option__logo { /* 875 */ width: 48px; /* 876 */ height: 29px; /* 877 */ background-image: url("https://dev3.culturebase.org/mollie/media/images/icon_creditcard.png"); /* 878 */ background-repeat: no-repeat; /* 879 */ background-size: auto 25px; /* 880 */ background-position-y: center; /* 881 */ background-position-x: 10px; /* 882 */ } /* 883 */ .mollie-payment-layer button.mollie-payment-button .mollie-option__label { /* 884 */ color: #000; /* 885 */ font-size: 16px; /* 886 */ margin-left: 20px; /* 887 */ width: 100%; /* 888 */ flex-grow: 1; /* 889 */ text-align: left; /* 890 */ } /* 891 */ .mollie-payment-layer button.mollie-payment-button .mollie-option__logo.giropay { /* 892 */ background-image: url("https://dev3.culturebase.org/mollie/media/images/icon_giropay.png"); /* 893 */ } /* 894 */ .mollie-payment-layer button.mollie-payment-button .mollie-option__logo.banktransfer { /* 895 */ background-image: url("https://dev3.culturebase.org/mollie/media/images/icon_sepa.png"); /* 896 */ } /* 897 */ .mollie-payment-layer button.mollie-payment-button .mollie-option__logo.sofort { /* 898 */ background-image: url("https://dev3.culturebase.org/mollie/media/images/icon_sofort.png"); /* 899 */ } /* 900 */ .mollie-payment-layer button.mollie-payment-button .mollie-option__logo.paypal { /* 901 */ background-image: url("https://dev3.culturebase.org/mollie/media/images/icon_paypal.png"); /* 902 */ } /* 903 */ .mollie-payment-layer .mollie-payment-button:nth-of-type(1) { /* 904 */ border-radius: 4px 4px 0 0; /* 905 */ border-top-width: 1px; /* 906 */ } /* 907 */ .mollie-payment-layer button.mollie-payment-button:last-child { /* 908 */ border-radius: 0 0 4px 4px; /* 909 */ } /* 910 */ .mollie-payment-layer button.mollie-payment-button:hover { /* 911 */ background: #fff; /* 912 */ } /* 913 */ .mollie-payment-layer button.mollie-payment-button:hover .mollie-option__label { /* 914 */ font-weight: 500 !important; /* 915 */ } /* 916 */ .mollie-payment-layer .abort-header { /* 917 */ font-weight: bold; /* 918 */ color: black !important; /* 919 */ } /* 920 */ .mollie-payment-layer .payment-layer-content-cover { /* 921 */ display: none; /* 922 */ position: absolute; /* 923 */ left: 0; /* 924 */ top: 0; /* 925 */ right: 0; /* 926 */ bottom: 0; /* 927 */ background-color: black; /* 928 */ z-index: 1000; /* 929 */ opacity: 0.7; /* 930 */ } /* 931 */ .mollie-payment-layer .payment-layer-content-cover.in-foreground { /* 932 */ z-index: 1002; /* 933 */ } /* 934 */ .mollie-payment-layer .aditional-user-data { /* 935 */ display: block; /* 936 */ position: relative; /* 937 */ } /* 938 */ .mollie-payment-layer .aditional-user-data span { /* 939 */ width: 100%; /* 940 */ display: block; /* 941 */ padding: 10px 0px; /* 942 */ margin-top: 20px; /* 943 */ text-align: center; /* 944 */ color: red; /* 945 */ } /* 946 */ .mollie-payment-layer button#send-missing-country { /* 947 */ display: block; /* 948 */ width: 50%; /* 949 */ background: #009ee0; /* 950 */ padding: 10px; /* 951 */ margin: 0px 25%; /* 952 */ color: white; /* 953 */ cursor: pointer; /* 954 */ } /* 955 */ .mollie-payment-layer button#send-missing-country:hover { /* 956 */ background: black; /* 957 */ } /* 958 */ .mollie-payment-layer input[name=missing_country] { /* 959 */ display: block; /* 960 */ width: 50%; /* 961 */ padding: 10px; /* 962 */ margin: 10px 25%; /* 963 */ } /* 964 */ /* 965 */ /*# sourceMappingURL=mollie-payment.css.map */ /* 966 */ /* --- /var/www/module_php7/jscript/lib/cb_ui/default.css ------------------- */ /* 1 */ @CHARSET "UTF-8"; /* 2 */ /* 3 */ /* This file is part of cbui. /+ 4 +/ * Copyright © 2010-2012 stiftung kulturserver.de ggmbh /+ 5 +/ * /+ 6 +/ * cbui is free software: you can redistribute it and/or modify /+ 7 +/ * it under the terms of the GNU General Public License as published by /+ 8 +/ * the Free Software Foundation, either version 3 of the License, or /+ 9 +/ * (at your option) any later version. /+ 10 +/ * /+ 11 +/ * cbui is distributed in the hope that it will be useful, /+ 12 +/ * but WITHOUT ANY WARRANTY; without even the implied warranty of /+ 13 +/ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the /+ 14 +/ * GNU General Public License for more details. /+ 15 +/ * /+ 16 +/ * You should have received a copy of the GNU General Public License /+ 17 +/ * along with cbui. If not, see . /+ 18 +/ */ /* 19 */ /* 20 */ body.no-scroll { /* 21 */ overflow-y: hidden; /* 22 */ } /* 23 */ /* 24 */ .__CbUiForm { /* 25 */ padding: 0px 10px; /* 26 */ } /* 27 */ /* 28 */ .__CbUiTitle { /* 29 */ padding-left: 0; /* 30 */ padding-bottom: 4px; /* 31 */ padding-top: 0; /* 32 */ clear: both; /* 33 */ margin: 2px 15px 0; /* 34 */ width: auto; /* 35 */ height: 30px; /* 36 */ } /* 37 */ /* 38 */ .__CbUiInputText,.__CbUiPassword,.__CbUiSelect,.__CbUiSearchBox,.__CbUiChooseList, .__CbUiInputTextArea { /* 39 */ border: 1px solid #000000; /* 40 */ font-size: 14px; /* 41 */ } /* 42 */ /* 43 */ .__CbUiInputText,.__CbUiPassword,.__CbUiSelect,.__CbUiSearchBox { /* 44 */ height: 16px; /* 45 */ } /* 46 */ /* 47 */ .__CbUiInputText[disabled],.__CbUiPassword[disabled],.__CbUiSelect[disabled] { /* 48 */ color: #FFFFFF; /* 49 */ background-color: #C2C3C7; /* 50 */ cursor: default; /* 51 */ } /* 52 */ /* 53 */ .__CbUiChooseList div { /* 54 */ cursor: pointer; /* 55 */ margin-top: 5px; /* 56 */ } /* 57 */ /* 58 */ .__CbUiListOddColor { /* 59 */ background-color: #F8F7F0; /* 60 */ margin-right: 35px; /* 61 */ } /* 62 */ /* 63 */ .__CbUiPassword,.__CbUiSearchBox { /* 64 */ width: 100%; /* 65 */ } /* 66 */ /* 67 */ .__CbUiFieldEdited { /* 68 */ color: #000000; /* 69 */ } /* 70 */ /* 71 */ .__CbUiFieldUnedited { /* 72 */ color: #c0c0c0; /* 73 */ } /* 74 */ /* 75 */ .__CbUiTextButton { /* 76 */ border: 1px solid #BDBEB2; /* 77 */ background-color: #fcfcf9; /* 78 */ background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%); /* 79 */ background-image: -webkit-gradient( /* 80 */ linear, /* 81 */ left bottom, /* 82 */ left top, /* 83 */ color-stop(0.15, rgb(246,246,239)), /* 84 */ color-stop(0.85, rgb(255,255,255)) /* 85 */ ); /* 86 */ background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 87 */ background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 88 */ background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 89 */ background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 90 */ color: #A73C2E; /* 91 */ font-weight: bold; /* 92 */ cursor: pointer; /* 93 */ padding: 0 10px; /* 94 */ text-align: center; /* 95 */ min-width: 135px; /* 96 */ text-decoration: none; /* 97 */ display: inline-block; /* 98 */ box-shadow: 0 0 5px rgb(189,190,178); /* 99 */ -moz-box-shadow: 0 0 5px rgb(189,190,178); /* 100 */ -webkit-box-shadow: 0 0 5px rgb(189,190,178); /* 101 */ border-radius: 2px 2px 2px 2px; /* 102 */ -moz-border-radius: 2px 2px 2px 2px; /* 103 */ -webkit-border-radius: 2px 2px 2px 2px; /* 104 */ font-size: 11px; /* 105 */ vertical-align: middle; /* 106 */ line-height: 30px; /* 107 */ } /* 108 */ /* 109 */ .__CbUiImgButton, .__CbUiCloseButton, .__CbUiLangSelectFlag, .__CbUiLangFlag { /* 110 */ cursor: pointer; /* 111 */ z-index: 1338; /* 112 */ display: inline; /* 113 */ background-position: 0px 0px; /* 114 */ font-size: 0px; /* IE prevents us from making an element smaller than its font-size */ /* 115 */ padding: 0px; /* 116 */ } /* 117 */ /* 118 */ .__CbUiCloseButton { /* 119 */ right: 3px; /* 120 */ top: 3px; /* 121 */ display: block; /* 122 */ position: absolute; /* 123 */ } /* 124 */ /* 125 */ .__CbUiLangSelectFlag { /* 126 */ right: 37px; /* 127 */ top: 3px; /* 128 */ padding-top: 10px; /* height */ /* 129 */ padding-left: 16px; /* width */ /* 130 */ padding-bottom: 1px; /* 131 */ background-image: url('/module/lib/location/language_flags/16x11.png'); /* 132 */ float: right; /* 133 */ margin-top: 3px; /* 134 */ } /* 135 */ /* 136 */ .__CbUiLangChooseList div { /* 137 */ font-weight: bold; /* 138 */ } /* 139 */ /* 140 */ .__CbUiLangChooseList .__CbUiText.abbr { /* 141 */ position: absolute; /* 142 */ padding-bottom: 1px; /* 143 */ padding-top: 1px; /* 144 */ background-color: white; /* 145 */ color: #333333; /* 146 */ right: 140px; /* 147 */ } /* 148 */ /* 149 */ .__CbUiLangChooseList .__CbUiSelected { /* 150 */ background-color: rgb(180, 0, 0); /* 151 */ } /* 152 */ /* 153 */ .__CbUiLangFlag { /* 154 */ right: 110px; /* 155 */ padding-top: 11px; /* 156 */ padding-left: 16px; /* 157 */ background-image: url('/module/lib/location/language_flags/16x11.png'); /* 158 */ } /* 159 */ /* 160 */ .__CbUiLangFlag-24x17 { /* 161 */ right: 110px; /* 162 */ padding-top: 11px; /* 163 */ padding-left: 16px; /* 164 */ background-image: url('/module/lib/location/language_flags/24x17.png'); /* 165 */ } /* 166 */ /* 167 */ .__CbUiLanguageWindow .lang-select { /* 168 */ display: none; /* 169 */ } /* 170 */ /* 171 */ .__CbUiLangListItem { /* 172 */ cursor: pointer; /* 173 */ } /* 174 */ /* 175 */ .__CbUiLangListItem:hover { /* 176 */ background-color: #d9dad2; /* 177 */ } /* 178 */ /* 179 */ .__CbUiLayer { /* 180 */ width: 100%; /* 181 */ height: 100%; /* 182 */ position: absolute; /* fallback for IE 6 and lower */ /* 183 */ position: fixed; /* all browsers above IE 6 know what this is and use it */ /* 184 */ left: 0px; /* 185 */ top: 0px; /* 186 */ z-index: 1336; /* 187 */ opacity: 0.25; /* 188 */ } /* 189 */ /* 190 */ .__CbUiFrame,.__CbUiLayerFrame { /* 191 */ background-color: #F7F7F1; /* 192 */ z-index: 1337; /* 193 */ } /* 194 */ /* 195 */ .video.__CbUiLayerFrame { /* 196 */ background-color: #303030; /* 197 */ } /* 198 */ /* 199 */ .__CbUiFrame { /* 200 */ background-color: #F7F7F1; /* 201 */ } /* 202 */ /* 203 */ .__CbUiLayerFrame { /* 204 */ /* border: 2px solid #B40000;*/ /* 205 */ position: absolute; /* 206 */ /* padding: 35px 20px;*/ /* 207 */ -moz-border-radius: 4px; /* 208 */ -webkit-border-radius: 4px; /* 209 */ border-radius: 4px; /* 210 */ overflow: auto; /* 211 */ } /* 212 */ /* 213 */ .__CbUiLayerFrame.__CbUiLanguageWindow { /* 214 */ border: none; /* 215 */ padding: 0; /* 216 */ } /* 217 */ /* 218 */ .__CbUiLoader { /* 219 */ background-color: #000000; /* 220 */ background-image: url('/module/jscript/lib/cb_ui/img/loader.gif'); /* 221 */ background-position: center center; /* 222 */ background-repeat: no-repeat; /* 223 */ } /* 224 */ /* 225 */ .__CbUiInputError { /* 226 */ border-color: #ff0000; /* 227 */ } /* 228 */ /* 229 */ .__CbUiLangSelect { /* 230 */ color: #333333; /* 231 */ line-height: 9px; /* 232 */ font-size: 12px; /* 233 */ font-family: arial; /* 234 */ font-weight: bold; /* 235 */ cursor: pointer; /* 236 */ padding: 0px 2px; /* 237 */ text-decoration: none; /* 238 */ text-transform: uppercase; /* 239 */ padding-top: 5px; /* 240 */ display: inline-block; /* 241 */ } /* 242 */ /* 243 */ .__CbUiFrame { /* 244 */ display:none; /* 245 */ } /* 246 */ /* 247 */ .__CbUiFrame.fullscreen { /* 248 */ top: 0; /* 249 */ left: 0; /* 250 */ width: 100%; /* 251 */ height: 100%; /* 252 */ } /* 253 */ /* 254 */ .fullscreen-switch { /* 255 */ display: none; /* 256 */ cursor: pointer; /* 257 */ padding: 0 3px 0 0; /* 258 */ float: right; /* 259 */ } /* 260 */ /* 261 */ .__CbUiPage { /* 262 */ position: relative; /* 263 */ } /* 264 */ /* 265 */ .__CbUiLangListItem { /* 266 */ background: none repeat scroll 0 0 #E7E8E0; /* 267 */ border-radius: 3px; /* 268 */ color: #000000; /* 269 */ display: block; /* 270 */ font-size: 12px; /* 271 */ font-weight: bold; /* 272 */ margin-bottom: 5px; /* 273 */ padding: 4px 10px; /* 274 */ text-decoration: none; /* 275 */ line-height: 19px /* 276 */ } /* 277 */ /* 278 */ .__CbUiLangListItem .__CbUiLangFlag { /* 279 */ position: absolute; /* 280 */ margin-top: 4px; /* 281 */ } /* 282 */ .__CbUiLangListItem .__CbUiText.abbr { /* 283 */ width: 10px; /* 284 */ } /* 285 */ /* 286 */ .__CbUiLangChooseList>div { /* 287 */ width: 100%; /* 288 */ } /* 289 */ /* 290 */ .__CbUiLangChooseList .__CbUiText.abbr { /* 291 */ text-transform:uppercase; /* 292 */ color: #333333; /* 293 */ background: transparent; /* 294 */ border: none; /* 295 */ right: 166px; /* 296 */ } /* 297 */ /* 298 */ .__CbUiLanguageWindow .__CbUiTitle { /* 299 */ clear: both; /* 300 */ } /* 301 */ /* 302 */ .close-overlay-container { /* 303 */ height: 20px; /* 304 */ position: absolute; /* 305 */ right: 20px; /* 306 */ top: 8px; /* 307 */ width: 20px; /* 308 */ } /* 309 */ /* 310 */ .__CbUiHeader { /* 311 */ background-color: #FEFEFE; /* 312 */ border-bottom: 1px solid #C5C4B0; /* 313 */ border-radius: 5px 5px 0 0; /* 314 */ height: 35px; /* 315 */ width: 100%; /* 316 */ text-align: center; /* 317 */ } /* 318 */ /* 319 */ .__CbUiHeader.fullscreen { /* 320 */ display: none; /* 321 */ } /* 322 */ /* 323 */ .__CbUiCloseButton { /* 324 */ background: url("/module/pics/close_icon.png") no-repeat; /* 325 */ background-repeat: no-repeat; /* 326 */ min-height: 15px; /* 327 */ padding: 0; /* 328 */ right: 19px; /* 329 */ top: 10px; /* 330 */ min-width: 15px; /* 331 */ } /* 332 */ /* 333 */ .CbControlbar2Window .__CbUiCloseButton { /* 334 */ background: url("/module/lib/framework/images/img_close-black.png") no-repeat; /* 335 */ background-size: 14px 14px; /* 336 */ min-height: 14px; /* 337 */ min-width: 14px; /* 338 */ right: 40px; /* 339 */ top: 40px; /* 340 */ } /* 341 */ /* 342 */ .__CbUiContent { /* 343 */ width: 100%; /* 344 */ max-width: 650px; /* 345 */ box-sizing: border-box; /* 346 */ margin-left: auto; /* 347 */ margin-right: auto; /* 348 */ margin-top: 0; /* 349 */ position: relative; /* 350 */ } /* 351 */ @media (max-width: 680px) { /* 352 */ .__CbUiContent { /* 353 */ margin-left: 15px; /* 354 */ margin-right: 15px; /* 355 */ } /* 356 */ } /* 357 */ .__CbUiContent.fullscreen { /* 358 */ width: 98%; /* 359 */ } /* 360 */ /* 361 */ .__CbUiLangFlag { /* 362 */ right: 136px; /* 363 */ } /* 364 */ /* 365 */ .support-link { /* 366 */ font-size: 12px; /* 367 */ } /* 368 */ /* 369 */ .support-link a { /* 370 */ color: #333333; /* 371 */ text-decoration: none; /* 372 */ } /* 373 */ /* 374 */ .pix-float-right .support { /* 375 */ margin-right: 0; /* 376 */ padding-right: 0; /* 377 */ } /* 378 */ /* 379 */ .__CbUiLangChooseList { /* 380 */ margin: 45px auto; /* 381 */ width: 430px; /* 382 */ } /* 383 */ /* 384 */ .overlay-container-header-handle{ /* 385 */ background-image: url("/module/lib/framework/pics/window_handle_icon.png"); /* 386 */ background-repeat: repeat-x; /* 387 */ width: 100%; /* 388 */ height: 35px; /* 389 */ display: block; /* 390 */ padding-left: 20px; /* 391 */ padding-right: 50px; /* 392 */ box-sizing: border-box; /* 393 */ background-clip: content-box; /* 394 */ position: absolute; /* 395 */ top: 0; /* 396 */ z-index: 0; /* 397 */ } /* 398 */ /* 399 */ .window-caption { /* 400 */ background: none repeat scroll 0 0 #FEFEFE; /* 401 */ padding: 0 1em; /* 402 */ position: relative; /* 403 */ top: 9px; /* 404 */ z-index: 10; /* 405 */ } /* 406 */ /* 407 */ .main-navi { /* 408 */ margin: 0px 0 5px; /* 409 */ padding: 3px 0 3px 0; /* 410 */ width: 100%; /* 411 */ border-bottom: 3px solid #000; /* 412 */ clear: both; /* 413 */ color: #333333; /* 414 */ font-size: 12px; /* 415 */ font-weight: bold; /* 416 */ } /* 417 */ /* 418 */ .main-navi a:hover, /* 419 */ .main-navi div:hover { /* 420 */ text-decoration: underline; /* 421 */ } /* 422 */ /* 423 */ .main-navi li { /* 424 */ display: inline; /* 425 */ padding: 0 10px 0 0; /* 426 */ position: relative; /* 427 */ } /* 428 */ /* 429 */ .main-navi li.pix-float-right { /* 430 */ float: right; /* 431 */ padding-right: 0; /* 432 */ padding-left: 15px; /* 433 */ } /* 434 */ /* 435 */ .main-navi li a { /* 436 */ font-size: 12px; /* 437 */ font-weight: bold; /* 438 */ text-decoration: none; /* 439 */ color: #000; /* 440 */ } /* 441 */ /* 442 */ .pix-screen-title { /* 443 */ color: #c00; /* 444 */ font-size: 20px; /* 445 */ margin-bottom: 5px; /* 446 */ margin-left: 0px; /* 447 */ text-align: left; /* 448 */ border: 0px; /* 449 */ text-transform: none; /* 450 */ font-weight: bold; /* 451 */ } /* 452 */ /* 453 */ .lang-select { /* 454 */ float: right; /* 455 */ height: 21px; /* 456 */ width: 41px; /* 457 */ margin-top: 0; /* 458 */ } /* 459 */ /* 460 */ .support { /* 461 */ float: right; /* 462 */ font-size: 12px; /* 463 */ text-decoration: none; /* 464 */ background: none; /* 465 */ border: medium none; /* 466 */ color: #333333; /* 467 */ font-weight: bold; /* 468 */ padding: 0 7px; /* 469 */ } /* 470 */ /* 471 */ .edit-form-buttons { /* 472 */ bottom: 20px; /* 473 */ clear: both; /* 474 */ height: 26px; /* 475 */ left: 0; /* 476 */ margin: 15px auto 0; /* 477 */ position: absolute; /* 478 */ width: 100%; /* 479 */ line-height: 26px; /* 480 */ color: #a73c2e; /* 481 */ } /* 482 */ /* 483 */ .__CbUiText.contentTitle { /* 484 */ font-size: 16px; /* 485 */ font-weight: bold; /* 486 */ } /* 487 */ /* 488 */ .info-container { /* 489 */ display: inline-block; /* 490 */ width: auto; /* 491 */ } /* 492 */ /* 493 */ .info-container > h3, /* 494 */ .info-container > div > span { /* 495 */ display: inline-block; /* 496 */ } /* 497 */ /* 498 */ .info-container > h3, /* 499 */ .info-container > div > span, /* 500 */ .info-container .short-desc { /* 501 */ cursor: pointer; /* 502 */ } /* 503 */ /* 504 */ .styled-checkbox input { /* 505 */ display: none; /* 506 */ } /* 507 */ .styled-checkbox input[type="checkbox"] + span.icon { /* 508 */ background-image: url("/module/jscript/lib/cb_ui/img/radio_toggle_icon.png"); /* 509 */ background-position: 0 0; /* 510 */ display: inline-block; /* 511 */ height: 20px; /* 512 */ margin-right: 5px; /* 513 */ padding: 0; /* 514 */ vertical-align: middle; /* 515 */ width: 20px; /* 516 */ } /* 517 */ .styled-checkbox input[type="checkbox"]:checked + span.icon { /* 518 */ background-position: -20px 0; /* 519 */ } /* 520 */ /* 521 */ /* error | message | prompt | upload progress layer styles*/ /* 522 */ .error-dialog-layer { /* 523 */ position: fixed; /* 524 */ width: 100%; /* 525 */ height: 100%; /* 526 */ left: 0px; /* 527 */ top: 0px; /* 528 */ z-index: 1340; /* 529 */ } /* 530 */ .__CbUiDialogWindow { /* 531 */ box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0.75); /* 532 */ width: 100%; /* 533 */ max-width: 600px; /* 534 */ } /* 535 */ .__CbUiDialogWindow .__CbUiOkButton{ /* 536 */ position: absolute; /* 537 */ right: 25px; /* 538 */ bottom: 17px; /* 539 */ } /* 540 */ /* 541 */ .__CbUiDialogWindow.__CbUiStrongConfirmWindow .__CbUiOkButton { /* 542 */ pointer-events: none; /* 543 */ } /* 544 */ /* 545 */ .__CbUiDialogWindow.__CbUiStrongConfirmWindow .__CbUiOkButton.button-enabled { /* 546 */ pointer-events: all; /* 547 */ } /* 548 */ /* 549 */ .__CbUiDialogWindow .__CbUiCancelButton{ /* 550 */ position: absolute; /* 551 */ left: 25px; /* 552 */ bottom: 17px; /* 553 */ } /* 554 */ /* 555 */ .__CbUiDialogWindow.__CbUiStrongConfirmWindow .message-dialog-window { /* 556 */ background-color: #ffd8d8; /* 557 */ color: #000000; /* 558 */ } /* 559 */ /* 560 */ .__CbUiDialogWindow.__CbUiStrongConfirmWindow .message-dialog-heading { /* 561 */ border-bottom: 1px solid #a6a6a6; /* 562 */ } /* 563 */ /* 564 */ .error-dialog-window, /* 565 */ .message-dialog-window { /* 566 */ opacity: 1; /* 567 */ width: 100%; /* 568 */ max-width: 600px; /* 569 */ max-height: 590px; /* 570 */ min-height: 140px; /* 571 */ margin: auto; /* 572 */ background-color: #fff; /* 573 */ box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0.75); /* 574 */ border-radius: 7px; /* 575 */ position: relative; /* 576 */ z-index: 1340; /* 577 */ color: #333; /* 578 */ padding-bottom: 60px; /* 579 */ } /* 580 */ .error-dialog-heading,.error-dialog-content, .message-dialog-heading, .message-dialog-content{ /* 581 */ padding: 17px 25px; /* 582 */ } /* 583 */ .error-dialog-heading, .message-dialog-heading{ /* 584 */ padding: 13px 25px; /* 585 */ font-size: 19px; /* 586 */ line-height: 100%; /* 587 */ border-bottom: 1px solid #eee; /* 588 */ } /* 589 */ .error-dialog-heading { /* 590 */ color: red; /* 591 */ } /* 592 */ .message-dialog-message { /* 593 */ padding-top: 5px; /* 594 */ padding-bottom: 5px; /* 595 */ max-height: 290px; /* 596 */ overflow: auto; /* 597 */ color: #969682; /* 598 */ font-size: 15px; /* 599 */ line-height: 140%; /* 600 */ } /* 601 */ .__CbUiStrongConfirmWindow .message-dialog-message { /* 602 */ color: black; /* 603 */ } /* 604 */ .error-dialog-error-container { /* 605 */ padding-top: 5px; /* 606 */ padding-bottom: 5px; /* 607 */ max-height: 290px; /* 608 */ overflow: auto; /* 609 */ color: #969682; /* 610 */ font-size: 15px; /* 611 */ line-height: 140%; /* 612 */ } /* 613 */ .error-dialog-abort-container { /* 614 */ text-align: right; /* 615 */ } /* 616 */ #CbUiPromptInput { /* 617 */ width: 100%; /* 618 */ font-size: 15px; /* 619 */ padding: 10px; /* 620 */ box-sizing: border-box; /* 621 */ } /* 622 */ .html5-progress { /* 623 */ display: inline-block; /* 624 */ height: 1em; /* 625 */ width: 300px; /* 626 */ border: 1px solid #E8E8E8; /* 627 */ background-color: #0088cc; /* 628 */ background-image: url('data:image/gif;base64,R0lGODlh6AMyAIAAAP///wAAACH5BAAAAAAALAAAAADoAzIAAAL/hI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8aNKxw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vyprgAAOw=='); /* 629 */ background-repeat: no-repeat; /* 630 */ background-position: 0px; /* 631 */ } /* 632 */ /* 633 */ .edit-button, /* 634 */ input[type="button"].edit-button { /* 635 */ margin-top: 20px; /* 636 */ background-image: url("/module/jscript/lib/cb_ui/img/icon_edit_button.png"); /* 637 */ width: 65px; /* 638 */ height: 36px; /* 639 */ border: none; /* 640 */ background-color: transparent; /* 641 */ background-position: left top; /* 642 */ background-repeat: no-repeat; /* 643 */ cursor: pointer; /* 644 */ } /* 645 */ /* --- /var/www/module_php7/lib/framework/css/cb_controlbar2.css ------------ */ /* 1 */ .controlbar { /* 2 */ background-color: rgb(66,62,63); /* 3 */ padding: 5px; /* 4 */ height: 50px; /* 5 */ background-image: url('/module/lib/framework/images/cb-logo.png'); /* 6 */ background-repeat: no-repeat; /* 7 */ background-position: 5px 0px; /* 8 */ background-size: 150px 44px; /* 9 */ overflow: hidden; /* 10 */ box-sizing: border-box; /* 11 */ -moz-box-sizing: border-box; /* 12 */ } /* 13 */ .controlbar-show { display: block; } /* 14 */ .controlbar-hide { display: none; } /* 15 */ /* 16 */ .controlbar-username-short, /* 17 */ .controlbar-username, /* 18 */ .controlbar-control { /* 19 */ float: right; /* 20 */ width: auto; /* 21 */ /* 22 */ } /* 23 */ /* 24 */ .controlbar-control .controlbar-log-button { /* 25 */ border: none; /* 26 */ background-color: transparent; /* 27 */ background-image: none; /* 28 */ border-left: 1px solid #999; /* 29 */ color: #fff; /* 30 */ font-size: 15px; /* 31 */ padding: 0 10px; /* 32 */ cursor: pointer; /* 33 */ } /* 34 */ /* 35 */ .controlbar-username-short, /* 36 */ .controlbar-username { /* 37 */ font-size: 12px; /* 38 */ /* 39 */ text-align: right; /* 40 */ padding: 0 10px; /* 41 */ overflow: hidden; /* 42 */ } /* 43 */ /* 44 */ .controlbar-username { /* 45 */ width: auto; /* 46 */ height: 40px; /* 47 */ } /* 48 */ /* 49 */ .controlbar-username-short { display: none; } /* 50 */ /* 51 */ .controlbar-username.controlbar-username-medium { /* 52 */ display: none; /* 53 */ } /* 54 */ /* 55 */ .controlbar-link-container, /* 56 */ .controlbar-widget-container { /* 57 */ float: left; /* 58 */ /* 59 */ } /* 60 */ /* 61 */ .controlbar-link-container { /* 62 */ margin-left: 185px; /* 63 */ } /* 64 */ /* 65 */ .controlbar-username-short, /* 66 */ .controlbar-link-container, /* 67 */ .controlbar-widget-container, /* 68 */ .controlbar-username, /* 69 */ .controlbar-control { /* 70 */ color: #999; /* 71 */ } /* 72 */ /* 73 */ #controlbar-show-button, /* 74 */ #controlbar-hide-button { /* 75 */ width: 45px; /* 76 */ background-repeat: no-repeat; /* 77 */ background-size: 42px 28px; /* 78 */ background-position: center center; /* 79 */ background-color: transparent; /* 80 */ border: none; /* 81 */ cursor: pointer; /* 82 */ } /* 83 */ /* 84 */ #controlbar-hide-button, /* 85 */ .controlbar-light-scheme #controlbar-show-button { /* 86 */ background-image: url('/module/lib/framework/images/menu_icon_light.png'); /* 87 */ } /* 88 */ /* 89 */ .controlbar-dark-scheme #controlbar-show-button { /* 90 */ background-image: url('/module/lib/framework/images/menu_icon_dark.png'); /* 91 */ } /* 92 */ /* 93 */ #controlbar-hide-button { /* 94 */ float: right; /* 95 */ height: 40px; /* 96 */ } /* 97 */ /* 98 */ #controlbar-show-button { /* 99 */ height: 50px; /* 100 */ padding: 5px; /* 101 */ } /* 102 */ /* 103 */ .controlbar-button-container { /* 104 */ position: fixed; /* 105 */ left: 0; /* 106 */ bottom: 0; /* 107 */ padding: 0 5px; /* 108 */ z-index: 13336; /* 109 */ width: 45px; /* 110 */ height: 50px; /* 111 */ } /* 112 */ /* 113 */ .controlbar-links-label, /* 114 */ .controlbar-widgets-label, /* 115 */ .controlbar-anchor, /* 116 */ .controlbar-widget { /* 117 */ font-size: 14px; /* 118 */ float: left; /* 119 */ margin-right: 20px; /* 120 */ text-decoration: none; /* 121 */ } /* 122 */ /* 123 */ .controlbar-links-label, /* 124 */ .controlbar-widgets-label { /* 125 */ color: #999; /* 126 */ } /* 127 */ .inline-block { /* 128 */ display: inline-block; /* 129 */ } /* 130 */ .controlbar-anchor { /* 131 */ color: #fff; /* 132 */ } /* 133 */ .CbControlbar2Window * { /* 134 */ box-sizing: border-box; /* 135 */ } /* 136 */ .CbControlbar2Window *::-webkit-input-placeholder { /* 137 */ font-style: normal; /* 138 */ font-size: 100%; /* 139 */ color: #aaa; /* 140 */ } /* 141 */ .CbControlbar2Window *::-moz-placeholder { /* 142 */ font-style: normal; /* 143 */ font-size: 100%; /* 144 */ color: #555; /* 145 */ } /* 146 */ .CbControlbar2Window *::-ms-input-placeholder { /* 147 */ font-style: normal; /* 148 */ font-size: 100%; /* 149 */ color: #555; /* 150 */ } /* 151 */ .CbControlbar2Window .__CbRegInputs { /* 152 */ width: auto !important; /* 153 */ } /* 154 */ .CbControlbar2Window .__CbUiErrorMessage { /* 155 */ clear : both; /* 156 */ color : red; /* 157 */ display: none; /* 158 */ text-align: left; /* 159 */ line-height: 140%; /* 160 */ } /* 161 */ .__CbUiErrorMessage[data-message-for="registerframe_input_gender"] { /* 162 */ margin-bottom: 3px; /* 163 */ } /* 164 */ .__CbUiErrorMessage[data-message-for="registerframe_input_first"] { /* 165 */ margin-top: 28px; /* 166 */ } /* 167 */ .CbControlbar2Window .tabbed-content { /* 168 */ position: relative; /* 169 */ display: none; /* 170 */ opacity: 0; /* 171 */ transition-property: all; /* 172 */ transition-duration: 0.8s; /* 173 */ -ms-transition-property: all; /* 174 */ -ms-transition-duration: 0.8s; /* 175 */ } /* 176 */ .CbControlbar2Window .tabbed-content.active { /* 177 */ display: block; /* 178 */ opacity: 1; /* 179 */ transition-property: all; /* 180 */ transition-duration: 0.8s; /* 181 */ -ms-transition-property: all; /* 182 */ -ms-transition-duration: 0.8s; /* 183 */ } /* 184 */ .CbControlbar2RegisterWindowTitle.tab:not(.active) { /* 185 */ color : #999; /* 186 */ } /* 187 */ label.CbControlbar2RegisterWindowTitle { /* 188 */ cursor: pointer; /* 189 */ display: inline-block; /* 190 */ } /* 191 */ label.CbControlbar2RegisterWindowTitle.tab:not(:empty) { /* 192 */ padding: 15px 15px 5px 15px; /* 193 */ vertical-align: middle; /* 194 */ box-sizing: border-box; /* 195 */ font-weight: normal; /* 196 */ } /* 197 */ /* 198 */ .CbControlbar2Window .profile-image { /* 199 */ min-width: 120px; /* 200 */ min-height: 120px; /* 201 */ /* background-color: #ccc;*/ /* 202 */ background-image: url('/module/jscript/lib/cb_ui/img/avatar_icon_bg.jpg'); /* 203 */ border-radius: 3px; /* 204 */ background-position: center center; /* 205 */ background-repeat: no-repeat; /* 206 */ background-size: cover; /* 207 */ cursor: copy; /* 208 */ position: relative; /* 209 */ } /* 210 */ .CbControlbar2Window .profile-image-label{ /* 211 */ display: inline-block; /* 212 */ vertical-align: top; /* 213 */ padding: 0 10px; /* 214 */ } /* 215 */ .CbControlbar2Window .pix-upload-delete, .CbControlbar2Window .pix-upload-edit { /* 216 */ position: absolute; /* 217 */ background-repeat: no-repeat; /* 218 */ right: 0; /* 219 */ border-radius: 3px; /* 220 */ width: 20px; /* 221 */ height: 20px; /* 222 */ display: none; /* 223 */ } /* 224 */ .CbControlbar2Window .pix-upload-delete { /* 225 */ top : 0; /* 226 */ background-image: url('/module/jscript/lib/cb_ui/img/edit_delete_icon_bg.png'); /* 227 */ z-index: 99999; /* 228 */ } /* 229 */ .CbControlbar2Window .pix-upload-edit { /* 230 */ bottom : 0; /* 231 */ background-image: url('/module/jscript/lib/cb_ui/img/edit_icon_bg.png'); /* 232 */ } /* 233 */ .CbControlbar2Window .pix-upload.with-image:hover .pix-upload-delete, /* 234 */ .CbControlbar2Window .pix-upload.with-image:hover .pix-upload-edit { /* 235 */ display: block; /* 236 */ } /* 237 */ /* 238 */ .CbControlbar2Window .__CbRegInputs .styled-select { /* 239 */ height: auto; /* 240 */ min-height: 34px; /* 241 */ } /* 242 */ .CbControlbar2Window .__CbRegInputLine .styled-select { /* 243 */ background-position: 90% center; /* 244 */ border: 1px solid #bababa; /* 245 */ background-color: #FFFFFF; /* 246 */ width: 120px; /* 247 */ } /* 248 */ .CbControlbar2Window .styled-select { /* 249 */ display: inline-block; /* 250 */ background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"); /* 251 */ background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -webkit-linear-gradient(#f9f9f9, #ffffff, #f9f9f9); /* 252 */ background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -o-linear-gradient(#f9f9f9, #ffffff, #f9f9f9); /* 253 */ background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), -moz-linear-gradient(#f9f9f9, #ffffff, #f9f9f9); /* 254 */ background-image: url("/module/lib/framework/images/selectbox_arrow_icon.png"), linear-gradient(#f9f9f9, #ffffff, #f9f9f9); /* 255 */ background-position: 98% center; /* 256 */ background-repeat: no-repeat; /* 257 */ overflow: hidden; /* 258 */ position: relative; /* 259 */ z-index: 5; /* 260 */ margin-bottom: 10px; /* 261 */ } /* 262 */ .CbControlbar2Window .__AC_position { /* 263 */ max-width: 100%; /* 264 */ } /* 265 */ .__CbRegInputs .__CbRegInputLine /* 266 */ #registerframe_input_password, /* 267 */ #registerframe_input_password_confirm, /* 268 */ #registerframe_input_new_password, /* 269 */ #registerframe_input_new_password_confirm, /* 270 */ .__CbRegNewAccountTextCntnr, /* 271 */ #registerframe_password_hint, /* 272 */ #registerframe_input_city, /* 273 */ .__CbRegBottomDesc { /* 274 */ width: auto !important; /* 275 */ } /* 276 */ .__CbUiLayerFrame span#registerframe_input_password, /* 277 */ .__CbUiLayerFrame span#registerframe_input_password_confirm, /* 278 */ .__CbUiLayerFrame span#registerframe_input_new_password, /* 279 */ .__CbUiLayerFrame span#registerframe_input_new_password_confirm { /* 280 */ background-color: transparent; /* 281 */ } /* 282 */ .CbControlbar2Window .input-button-go.__AC_button { /* 283 */ min-height: 30px; /* 284 */ height: auto; /* 285 */ margin: 0 0 0 15px !important; /* 286 */ float: left; /* 287 */ } /* 288 */ .CbControlbar2RegisterWindowTitle { /* 289 */ font-size: 18px; /* 290 */ font-weight: normal; /* 291 */ color: #000; /* 292 */ } /* 293 */ .CbControlbar2RegisterWindowTitleContainer { /* 294 */ background-color: #eee; /* 295 */ border-bottom: 1px solid #aaa; /* 296 */ } /* 297 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame { /* 298 */ margin: 0 auto; /* 299 */ padding: 0; /* 300 */ width: 930px; /* 301 */ min-height: 350px; /* 302 */ background-color: #fff; /* 303 */ border-radius: 0; /* 304 */ } /* 305 */ /* 306 */ .__CbUiFrame.CbControlbar2Window { /* 307 */ font-size: 13px; /* 308 */ } /* 309 */ /* 310 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer, /* 311 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer { /* 312 */ padding: 40px; /* 313 */ float: left; /* 314 */ box-sizing: border-box; /* 315 */ -moz-box-sizing: border-box; /* 316 */ } /* 317 */ /* 318 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer { /* 319 */ padding: 0 40px 40px 40px; /* 320 */ } /* 321 */ /* 322 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer { /* 323 */ width: 50%; /* 324 */ } /* 325 */ /* 326 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer.no-padding, /* 327 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.no-padding { /* 328 */ padding: 0; /* 329 */ } /* 330 */ /* 331 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer { /* 332 */ width: 100%; /* 333 */ } /* 334 */ /* 335 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1){ /* 336 */ padding-bottom: 50px; /* 337 */ } /* 338 */ /* 339 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(2){ /* 340 */ padding-top: 0px; /* 341 */ } /* 342 */ /* 343 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer /* 344 */ .__CbRegNewAccountTextCntnr { /* 345 */ margin-bottom: 20px; /* 346 */ } /* 347 */ /* 348 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer .padded-box { /* 349 */ padding: 0; /* 350 */ } /* 351 */ /* 352 */ .CbControlbar2Window /* 353 */ .__CbRegInputs .__CbRegInputLine input[type="text"] , /* 354 */ .CbControlbar2Window /* 355 */ .__CbRegInputs .__CbRegInputLine input[type="password"] , /* 356 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame /* 357 */ .__CbRegInputs .__CbRegButtonContainer .__CbUiTextButton, /* 358 */ .CbControlbar2Window .__CbRegInputs .__CbUiInputText { /* 359 */ border-radius: 5px; /* 360 */ display: block; /* 361 */ min-height: 16px; /* 362 */ height: auto; /* 363 */ } /* 364 */ /* 365 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame /* 366 */ .__CbRegInputs .__CbRegInputLine #registerframe_input_gender { /* 367 */ min-height: 34px; /* 368 */ } /* 369 */ .__CbUiLayerFrame span#registerframe_input_new_password_confirm, /* 370 */ .__CbUiLayerFrame span#registerframe_input_new_password, /* 371 */ .__CbUiLayerFrame span#registerframe_input_password { /* 372 */ background-color: transparent; /* 373 */ } /* 374 */ /* 375 */ .CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="text"], /* 376 */ .CbControlbar2Window .__CbRegInputs .__CbRegInputLine input[type="password"], /* 377 */ .CbControlbar2Window .__CbRegInputs .__CbRegInputLine #registerframe_input_city .__CbUiSearchBox, /* 378 */ .CbControlbar2Window .__CbRegInputs .__CbUiInputText { /* 379 */ width: 100%; /* 380 */ padding: 10px 0 10px 20px; /* 381 */ border: 2px solid #d0d0d0; /* 382 */ margin-bottom: 8px; /* 383 */ box-sizing: border-box; /* 384 */ -moz-box-sizing: border-box; /* 385 */ } /* 386 */ /* 387 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer /* 388 */ .__CbRegButtonContainer, /* 389 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer /* 390 */ .__CbRegInputs .__CbRegButtonContainer, /* 391 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegButtonContainer /* 392 */ { /* 393 */ margin-right: 0; /* 394 */ } /* 395 */ /* 396 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs /* 397 */ .__CbRegPasswordStrengthBox { /* 398 */ width: 15%; /* 399 */ height: 5px; /* 400 */ margin-right: 2%; /* 401 */ } /* 402 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs /* 403 */ .__CbRegPasswordStrengthBox:nth-last-child(3) { /* 404 */ margin-right: 0%; /* 405 */ } /* 406 */ /* 407 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer /* 408 */ .__CbUiRegisterWindowCloseButton, /* 409 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer /* 410 */ .__CbUiRegisterWindowCloseButton { /* 411 */ background-image: url('/module/lib/framework/images/img_close-black.png'); /* 412 */ background-size: 14px 14px; /* 413 */ font-size: 0px; /* 414 */ color: #000; /* 415 */ top: 30px; /* 416 */ right: 40px; /* 417 */ height: 14px; /* 418 */ width: 14px; /* 419 */ } /* 420 */ /* 421 */ .__CbUiRegisterWindow .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton, /* 422 */ .CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton { /* 423 */ max-width: 425px; /* 424 */ width: 100%; /* 425 */ padding: 16px 20px; /* 426 */ -moz-box-shadow: none; /* 427 */ -webkit-box-shadow: none; /* 428 */ box-shadow: none; /* 429 */ border: none; /* 430 */ border-radius: 5px; /* 431 */ background-color: #3b2205; /* 432 */ background-image: none; /* 433 */ color: #fff; /* 434 */ font-size: 12px; /* 435 */ line-height: 16px; /* 436 */ text-transform: uppercase; /* 437 */ box-sizing: border-box; /* 438 */ -moz-box-sizing: border-box; /* 439 */ } /* 440 */ /* 441 */ button#registerframe_button_password_reminder { /* 442 */ background-color: #2f74a9 !important; /* 443 */ } /* 444 */ /* 445 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame /* 446 */ .__CbRegInputs #registerframe_error { /* 447 */ font-size: 12px; /* 448 */ background-color: #ffeded; /* 449 */ border-radius: 4px; /* 450 */ padding-top: 4px; /* 451 */ } /* 452 */ /* 453 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame /* 454 */ .__CbRegInputs .__AC_position { /* 455 */ top: 37px !important; /* 456 */ } /* 457 */ /* 458 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame /* 459 */ #registerframe_changepass_email { /* 460 */ background-color: transparent; /* 461 */ } /* 462 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_strong, /* 463 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_weak { /* 464 */ font-size: 80%; /* 465 */ line-height: 90%; /* 466 */ color: #aaa; /* 467 */ margin-top: 8px; /* 468 */ text-align: left; /* 469 */ width: 45%; /* 470 */ } /* 471 */ /* 472 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_weak { /* 473 */ float: left; /* 474 */ clear: left; /* 475 */ } /* 476 */ /* 477 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs #registerframe_password_strong { /* 478 */ float: right; /* 479 */ text-align: right; /* 480 */ } /* 481 */ /* 482 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs /* 483 */ #registerframe_error { /* 484 */ font-size: 12px; /* 485 */ } /* 486 */ /* 487 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame #registerframe_password_hint { /* 488 */ background-color: transparent; /* 489 */ margin-bottom: 10px; /* 490 */ } /* 491 */ /* 492 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs /* 493 */ .__CbRegButtonContainer #registerframe_input_terms { /* 494 */ float: left; /* 495 */ } /* 496 */ /* 497 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegInputs /* 498 */ .__CbRegButtonContainer #registerframe_input_terms + span { /* 499 */ margin-left: 10px; /* 500 */ float: left; /* 501 */ } /* 502 */ /* 503 */ .FullWidthContainer .__CbRegButtonContainer { /* 504 */ bottom: 40px; /* 505 */ position: absolute; /* 506 */ right: 40px; /* 507 */ width: 385px; /* 508 */ } /* 509 */ /* 510 */ .__CbRegButtonContainer a { /* 511 */ text-decoration: underline; /* 512 */ } /* 513 */ /* 514 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbRegError { /* 515 */ padding: 0 20px 0 50px; /* 516 */ background-image: url('/module/lib/framework/images/img_warning.png'); /* 517 */ background-repeat: no-repeat; /* 518 */ background-position: left top; /* 519 */ background-size: 34px auto; /* 520 */ padding-left: 40px; /* 521 */ color: #000; /* 522 */ line-height: 16px !important; /* 523 */ } /* 524 */ /* 525 */ .__CbUiFrame.CbControlbar2Window .__CbUiInputError { /* 526 */ border: 1px solid #FF0000 !important; /* 527 */ } /* 528 */ .CbControlbar2Window .box-column2-align-right { /* 529 */ box-sizing: border-box; /* 530 */ float: right; /* 531 */ width: 50%; /* 532 */ height: auto; /* 533 */ } /* 534 */ .CbControlbar2Window .box-column1-align-left { /* 535 */ box-sizing: border-box; /* 536 */ float: left; /* 537 */ width: 50%; /* 538 */ height: auto; /* 539 */ padding-right: 30px; /* 540 */ } /* 541 */ .__CbUiFrame.CbControlbar2Window .register-content-box { /* 542 */ padding: 40px; /* 543 */ } /* 544 */ .__CbUiFrame.CbControlbar2Window .register-content-box, .register-content-box p { /* 545 */ line-height: 150%; /* 546 */ } /* 547 */ .CbControlbar2Window .box-column1-align-left p, /* 548 */ .CbControlbar2Window .box-column2-align-right p { /* 549 */ margin-bottom: 1.6em; /* 550 */ } /* 551 */ /* 552 */ .up-button { /* 553 */ float: right; /* 554 */ margin-top: 28px; /* 555 */ font-size: 14px; /* 556 */ text-transform: uppercase; /* 557 */ margin-right: 5px; /* 558 */ cursor: pointer; /* 559 */ } /* 560 */ /* 561 */ #controlbar .controlbar-cache-reset { /* 562 */ color: white; /* 563 */ width: auto; /* 564 */ float: right; /* 565 */ font-size: 15px; /* 566 */ padding: 0 10px; /* 567 */ cursor: pointer; /* 568 */ margin-top: 10px; /* 569 */ } /* 570 */ /* 571 */ @media only screen and (min-width: 960px) and (max-width: 1160px) { /* 572 */ /* 573 */ .controlbar-control { /* 574 */ width: 150px; /* 575 */ } /* 576 */ /* 577 */ .controlbar-username { /* 578 */ width: 120px; /* 579 */ } /* 580 */ /* 581 */ .controlbar-link-container { /* 582 */ margin-left: 160px; /* 583 */ } /* 584 */ /* 585 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame { /* 586 */ width: 780px; /* 587 */ } /* 588 */ /* 589 */ } /* 590 */ /* 591 */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* 592 */ .controlbar-control { /* 593 */ width: 150px; /* 594 */ } /* 595 */ /* 596 */ .controlbar-username { /* 597 */ width: 120px; /* 598 */ } /* 599 */ /* 600 */ .controlbar-link-container { /* 601 */ margin-left: 160px; /* 602 */ } /* 603 */ /* 604 */ .controlbar-link-container a { /* 605 */ font-size: 60% /* 606 */ } /* 607 */ /* 608 */ .controlbar-links-label, .controlbar-anchor { /* 609 */ margin-right: 5px; /* 610 */ } /* 611 */ /* 612 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame { /* 613 */ width: 620px; /* 614 */ } /* 615 */ /* 616 */ } /* 617 */ /* 618 */ @media only screen and (max-width: 767px) { /* 619 */ /* 620 */ .controlbar { /* 621 */ background-image: url('/module/lib/framework/images/cb-logo_small.png'); /* 622 */ background-size: 55px 44px; /* 623 */ } /* 624 */ /* 625 */ .controlbar-link-container { /* 626 */ margin-left: 60px; /* 627 */ } /* 628 */ /* 629 */ .controlbar-control { /* 630 */ width: 29%; /* 631 */ line-height: 220%; /* 632 */ } /* 633 */ /* 634 */ .controlbar-control .controlbar-log-button { /* 635 */ font-size: 10px; /* 636 */ padding: 0 0px 0 10px; /* 637 */ } /* 638 */ /* 639 */ .controlbar-hide-button { /* 640 */ width: 31px; /* 641 */ } /* 642 */ /* 643 */ .controlbar-links-label { /* 644 */ display: none; /* 645 */ } /* 646 */ /* 647 */ .controlbar-anchor { /* 648 */ font-size: 10px; /* 649 */ margin-right: 2px; /* 650 */ } /* 651 */ /* 652 */ .controlbar-username { /* 653 */ display: none; /* 654 */ } /* 655 */ /* 656 */ .CbControlbar2RegisterWindowTitleContainer { /* 657 */ background-color: transparent; /* 658 */ border-bottom: none; /* 659 */ } /* 660 */ /* 661 */ .CbControlbar2RegisterWindowTitle { /* 662 */ margin-top: 20px; /* 663 */ } /* 664 */ /* 665 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame { /* 666 */ width: 300px; /* 667 */ } /* 668 */ /* 669 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer, /* 670 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer { /* 671 */ width: 100%; /* 672 */ } /* 673 */ /* 674 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer:first-child { /* 675 */ padding-bottom: 0px; /* 676 */ } /* 677 */ /* 678 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer:last-child { /* 679 */ padding-top: 10px; /* 680 */ } /* 681 */ /* 682 */ .controlbar-button-container { /* 683 */ display: none; /* 684 */ } /* 685 */ /* 686 */ .CbControlbar2Window .box-column2-align-right { /* 687 */ box-sizing: border-box; /* 688 */ float: none; /* 689 */ width: 100%; /* 690 */ height: auto; /* 691 */ padding-left: 0px; /* 692 */ } /* 693 */ /* 694 */ .CbControlbar2Window .box-column1-align-left { /* 695 */ box-sizing: border-box; /* 696 */ float: none; /* 697 */ width: 100%; /* 698 */ height: auto; /* 699 */ padding-right: 0px; /* 700 */ } /* 701 */ /* 702 */ .CbControlbar2Window .box-column1-align-left + .box-column1-align-left , /* 703 */ .CbControlbar2Window .box-column2-align-right + .box-column1-align-left , /* 704 */ .CbControlbar2Window .box-column2-align-left + .box-column1-align-right , /* 705 */ .CbControlbar2Window .clearfix + .box-column2-align-right , /* 706 */ .CbControlbar2Window .clearfix + .box-column2-align-left { /* 707 */ margin-top: 15px; /* 708 */ } /* 709 */ /* 710 */ label.CbControlbar2RegisterWindowTitle.tab:not(:empty) { /* 711 */ padding: 7px 15px 7px 15px; /* 712 */ min-height: 10px; /* 713 */ } /* 714 */ /* 715 */ .controlbar-username-short { /* 716 */ display: block; /* 717 */ width: auto; /* 718 */ } /* 719 */ } /* 720 */ /* 721 */ @media only screen and (max-width: 767px) and (min-width: 480px) { /* 722 */ /* 723 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame { /* 724 */ width: 420px; /* 725 */ } /* 726 */ /* 727 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer, /* 728 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer { /* 729 */ width: 100%; /* 730 */ } /* 731 */ /* 732 */ .CbControlbar2RegisterWindowTitle { /* 733 */ margin-top: 20px; /* 734 */ } /* 735 */ /* 736 */ .controlbar-links-label, /* 737 */ .controlbar-widgets-label { /* 738 */ display: block; /* 739 */ } /* 740 */ /* 741 */ .controlbar-links-label, /* 742 */ .controlbar-anchor { /* 743 */ font-size: 12px; /* 744 */ margin-right: 15px; /* 745 */ } /* 746 */ /* 747 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer { /* 748 */ width: 340px; /* 749 */ } /* 750 */ /* 751 */ } /* 752 */ /* 753 */ @media only screen and (max-width: 479px) { /* 754 */ /* 755 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer { /* 756 */ width: 220px; /* 757 */ } /* 758 */ /* 759 */ } /* 760 */ /* --- /var/www/pix/css/cbui.css -------------------------------------------- */ /* 1 */ /* overrides for CbUi default styles */ /* 2 */ /* 3 */ .__PixWindow.__CbUiFrame { /* 4 */ display: block; /* 5 */ } /* 6 */ /* 7 */ .__PixWindow.__CbUiLayerFrame { /* 8 */ border: none; /* 9 */ -moz-border-radius: 0; /* 10 */ -webkit-border-radius: 0; /* 11 */ border-radius: 5px; /* 12 */ padding: 0; /* 13 */ overflow: visible; /* 14 */ box-shadow: rgba(0, 0, 0, 0.3) 0px 7px 20px !important; /* 15 */ } /* 16 */ /* 17 */ .__PixWindow .__CbUiHiddenTemplates { /* 18 */ display:none; /* 19 */ } /* 20 */ /* 21 */ .__PixWindow .__CbUiTextButton { /* 22 */ -moz-border-radius: 0; /* 23 */ -webkit-border-radius: 0; /* 24 */ background-color: transparent; /* 25 */ padding-left: 0; /* 26 */ } /* 27 */ /* 28 */ .__PixWindow .__CbUiSelect { /* 29 */ font-size: 12px; /* 30 */ height: 13px; /* 31 */ border: none; /* 32 */ } /* 33 */ /* 34 */ .__CbUiLayer.__CbUiLoader { /* 35 */ z-index: 13399; /* 36 */ } /* 37 */ /* 38 */ .__PixWindow .__CbUiCloseButton, /* 39 */ .__CbUiLanguageWindow .__CbUiCloseButton{ /* 40 */ background-image: url('/pix/media/png/close_icon.png'); /* 41 */ min-width: 15px; /* 42 */ min-height: 15px; /* 43 */ background-repeat: no-repeat; /* 44 */ padding: 0; /* 45 */ top: 10px; /* 46 */ right: 19px; /* 47 */ } /* 48 */ /* 49 */ /*temporary*/ /* 50 */ /*.__PixWindow .pix-delete.pix-edit-form-button.pix-left { /+ 51 +/ color: #999999; /+ 52 +/ cursor: default; /+ 53 +/ opacity: 0.6; /+ 54 +/ }*/ /* 55 */ /* 56 */ /* upload progress layer styles*/ /* 57 */ .dad-dialog-layer { /* 58 */ position: fixed; /* 59 */ width: 100%; /* 60 */ height: 100%; /* 61 */ left: 0px; /* 62 */ top: 0px; /* 63 */ z-index: 13400; /* 64 */ } /* 65 */ .dad-dialog-window { /* 66 */ opacity: 1; /* 67 */ width: 90%; /* 68 */ max-width: 550px; /* 69 */ max-height: 400px; /* 70 */ min-height: 300px; /* 71 */ margin: auto; /* 72 */ background-color: #fff; /* 73 */ box-shadow: 0px 3px 14px 0px rgba(50, 50, 50, 0.75); /* 74 */ border-radius: 7px; /* 75 */ position: relative; /* 76 */ z-index: 1340; /* 77 */ color: #333; /* 78 */ } /* 79 */ .dad-dialog-padding { /* 80 */ padding: 17px 25px; /* 81 */ } /* 82 */ .dad-dialog-heading { /* 83 */ font-size: 20px; /* 84 */ border-bottom: 1px solid #eee; /* 85 */ } /* 86 */ .dad-dialog-progress-container { /* 87 */ margin: 17px 25px; /* 88 */ } /* 89 */ .dad-dialog-error-container { /* 90 */ padding-top: 5px; /* 91 */ padding-bottom: 5px; /* 92 */ max-height: 100px; /* 93 */ overflow: scroll; /* 94 */ } /* 95 */ .dad-dialog-file-container { /* 96 */ margin: 15px 25px 8px; /* 97 */ max-height: 60px; /* 98 */ width: auto; /* 99 */ overflow-y: auto; /* 100 */ overflow-x: hidden; /* 101 */ } /* 102 */ .dad-dialog-file-types-container { /* 103 */ padding-top: 5px; /* 104 */ padding-bottom: 2px; /* 105 */ font-size: 90%; /* 106 */ } /* 107 */ .dad-dialog-file-container div { /* 108 */ min-width: 700px; /* 109 */ text-wrap: none; /* 110 */ font-size: 90%; /* 111 */ } /* 112 */ .dad-dialog-abort-container { /* 113 */ text-align: right; /* 114 */ } /* 115 */ /* 116 */ /***********************************/ /* 117 */ /* Pix Form Styles */ /* 118 */ /***********************************/ /* 119 */ .pix-edit-form-button.pix-right, /* 120 */ .__PixWindow .__CbUiTextButton { /* 121 */ padding: 0 20px; /* 122 */ } /* 123 */ /* 124 */ .pix-edit-form-button.pix-right { /* 125 */ margin-left: 20px !important; /* 126 */ } /* 127 */ /* 128 */ /***********************************/ /* 129 */ /* Image Preview Page */ /* 130 */ /***********************************/ /* 131 */ .CbUiImgTile .img-icons { /* 132 */ position: absolute; /* 133 */ } /* 134 */ /* 135 */ .CbUiImgTile .film-image, /* 136 */ .CbUiImgTile .copyright-image { /* 137 */ position: static; /* 138 */ } /* 139 */ /* 140 */ .CbUiImgTile .tile-item-positioner a { /* 141 */ cursor: default; /* 142 */ } /* 143 */ /* 144 */ .CbUiImgTile .image-tile-item .image-tile-image-description { /* 145 */ cursor: pointer; /* 146 */ width: 155px; /* 147 */ } /* 148 */ /* 149 */ /***********************************/ /* 150 */ /* Copyright Form Page */ /* 151 */ /***********************************/ /* 152 */ .pix-edit-check-fields .input-fields-cntnr { /* 153 */ display: flex; /* 154 */ } /* 155 */ /* 156 */ .pix-edit-check-fields .input-fields-cntnr .pix-column1 { /* 157 */ margin: 10px 0 0 0; /* 158 */ min-width: 30%; /* 159 */ } /* 160 */ /* 161 */ .pix-edit-check-fields .input-fields-cntnr .pix-column2 { /* 162 */ margin: 10px 20px 0 20px; /* 163 */ } /* 164 */ /* 165 */ .pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiText, /* 166 */ .pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiInput { /* 167 */ display: block; /* 168 */ width: 100%; /* 169 */ } /* 170 */ /* 171 */ .pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiText:not(.pix-series-meta-image-id-text) { /* 172 */ margin: 20px 0 5px 0; /* 173 */ } /* 174 */ /* 175 */ .pix-edit-check-fields .input-fields-cntnr .pix-column2 .__CbUiInput { /* 176 */ border-radius: 3px; /* 177 */ width: 95%; /* 178 */ padding: 2px 2px 2px 5px; /* 179 */ } /* 180 */ /* 181 */ /***********************************/ /* 182 */ /* Bildinformationen bearbeiten */ /* 183 */ /***********************************/ /* 184 */ /* 185 */ .pix-edit-image-meta .pix-column2 input[type="text"], /* 186 */ textarea.pix-image-meta-description { /* 187 */ border-radius: 3px; /* 188 */ padding: 2px 2px 2px 5px !important; /* 189 */ margin: 5px 0; /* 190 */ } /* 191 */ /* 192 */ /***********************************/ /* 193 */ /* Add Series Form */ /* 194 */ /***********************************/ /* 195 */ /* 196 */ .add-series-header { /* 197 */ font-size: 13px !important; /* 198 */ margin: 0 20px 20px 0; /* 199 */ } /* 200 */ /* 201 */ .pix-edit-series-meta span{ /* 202 */ font-size: 13px !important; /* 203 */ } /* 204 */ /* 205 */ .pix-edit-series-meta input { /* 206 */ padding: 2px 2px 2px 5px !important; /* 207 */ margin-top: 5px; /* 208 */ } /* 209 */ /* 210 */ /* 211 */ /* 212 */ /* 213 */ /* 214 */ /* 215 */ /* 216 */ /* 217 */ /* 218 */ /* 219 */ /* 220 */ /* 221 */ /* 222 */ /* 223 */ /* 224 */ /* 225 */ /* 226 */ /* 227 */ /* 228 */ /* 229 */ /* 230 */ /* 231 */ /* 232 */ /* 233 */ /* 234 */ /* 235 */ /* 236 */ /* 237 */ /* 238 */ /* 239 */ /* 240 */ /* 241 */ /* 242 */ /* 243 */ /* 244 */ /* 245 */ /* 246 */ /* 247 */ /* 248 */ /* 249 */ /* 250 */ /* 251 */ /* 252 */ /* --- /var/www/pix/css/style.css ------------------------------------------- */ /* 1 */ @charset "UTF-8"; /* 2 */ /* CSS Document */ /* 3 */ /* 4 */ .fullscreen-switch { /* 5 */ padding: 2px 6px 0 0 !important; /* 6 */ } /* 7 */ /* 8 */ /* 9 */ .__PixWindow { /* 10 */ font-family: Arial,Helvetica,sans-serif; /*TODO: avoid * selector*/ /* 11 */ } /* 12 */ /* 13 */ body { /* 14 */ /*font-size: 10px; TODO: move to default.css?*/ /* 15 */ } /* 16 */ .hidden { /* 17 */ display: none; /* 18 */ } /* 19 */ /* 20 */ /* placeholder styles */ /* 21 */ /* 22 */ div.pix-placeholder { /* 23 */ width: 640px; /* 24 */ height: 450px; /* 25 */ background-repeat: no-repeat; /* 26 */ background-position: -20px -8px; /* 27 */ /* 28 */ font-size: 48px; /* 29 */ color: gold; /* 30 */ font-family: "Arial Black", sans-serif; /* 31 */ text-transform: uppercase; /* 32 */ letter-spacing: 0.3em; /* 33 */ font-weight: bold; /* 34 */ text-align: center; /* 35 */ text-shadow: 0 0 10px rgba(0,0,0,0.6); /* 36 */ line-height: 400px; /* 37 */ } /* 38 */ /* 39 */ div.pix-placeholder:before { /* 40 */ content: "Dummy"; /* 41 */ } /* 42 */ /* 43 */ .pix-text-edit-collection div.pix-placeholder {background-image: url('/pix/media/png/placeholder-text-edit-collection.png');} /* 44 */ .pix-crop-image div.pix-placeholder {background-position: 0 0; background-image: url('/pix/media/png/placeholder-crop-image-layout.png');} /* 45 */ .pix-text-collection-format div.pix-placeholder {background-image: url('/pix/media/png/placeholder-text-collection-format.png');} /* 46 */ .pix-collections div.pix-placeholder {background-image: url('/pix/media/png/placeholder-collections.png'); height: 500px;} /* 47 */ .pix-edit-collection-meta div.pix-placeholder {background-image: url('/pix/media/png/placeholder-edit-collection-meta.png');} /* 48 */ /* 49 */ /* 50 */ .pix-logout-link { /* 51 */ color: #b11; /* 52 */ font-size: 14px; /* 53 */ top: 20px; /* 54 */ font-weight: bold; /* 55 */ position: relative; /* 56 */ } /* 57 */ /* 58 */ .pix-devmsg { /* 59 */ padding: 20px; /* 60 */ position: fixed; /* 61 */ bottom: 0; /* 62 */ left: 0; /* 63 */ text-align: left; /* 64 */ } /* 65 */ /* 66 */ /* 67 */ /* ######################################## */ /* 68 */ /* BASICS ################################# */ /* 69 */ /* 70 */ html, body, div, span, applet, object, iframe, /* 71 */ h1, h2, h3, h4, h5, h6, p, blockquote, pre, /* 72 */ a, abbr, acronym, address, big, cite, code, /* 73 */ del, dfn, em, font, img, ins, kbd, q, s, samp, /* 74 */ small, strike, strong, sub, sup, tt, var, /* 75 */ dl, dt, dd, ol, ul, li, /* 76 */ fieldset, form, label, legend, caption, tfoot, thead { /* 77 */ padding: 0; /* 78 */ border: 0; /* 79 */ margin: 0; /* 80 */ outline: 0; /* 81 */ } /* 82 */ /* 83 */ table, tbody, tr, th, /* 84 */ td { /* 85 */ padding: 0; /* 86 */ margin: 0; /* 87 */ outline: 0; /* 88 */ } /* 89 */ /* 90 */ /* 91 */ .pix-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* 92 */ .pix-clearfix { display: inline-block; } /* 93 */ html[xmlns] .pix-clearfix { display: block; } /* 94 */ * html .pix-clearfix { height: 1%; } /* 95 */ /* 96 */ h2 { /* 97 */ margin: 0 0 1em; /* 98 */ } /* 99 */ /* 100 */ p { /* 101 */ font-size: 1.0em; /* 102 */ line-height: 1.5em; /* 103 */ } /* 104 */ /* 105 */ dl { /* 106 */ margin: 2.5em 0; /* 107 */ } /* 108 */ /* 109 */ dt { /* 110 */ font-weight: bold; /* 111 */ } /* 112 */ /* 113 */ dd { /* 114 */ display: list-item; /* 115 */ list-style-position: outside; /* 116 */ list-style-type: square; /* 117 */ margin: 0.5em 0 2em 1.5em; /* 118 */ padding-right: 200px; /* 119 */ line-height: 1.5em; /* 120 */ } /* 121 */ /* 122 */ textarea { /* 123 */ font-family: Arial, Helvetica, sans-serif; /* 124 */ font-size: 12px; /* 125 */ } /* 126 */ /* 127 */ .pix-killfloat { /* 128 */ clear: both; /* 129 */ width: 620px; /* 130 */ height: 20px; /* 131 */ background: red; /* 132 */ } /* 133 */ /* 134 */ .__CbUiFrame.__PixWindow .__CbUiHeader * { /* 135 */ box-sizing: border-box; /* 136 */ } /* 137 */ /* 138 */ /* ######################################## */ /* 139 */ /* BASIC CONTAINER ELEMENTS ############### */ /* 140 */ /* 141 */ /* 142 */ div.pix-wrapper { /* 143 */ width: 922px; /* 144 */ margin: 40px auto; /* 145 */ text-align: left; /* 146 */ position: relative; /* 147 */ } /* 148 */ /* 149 */ .pix-overlay-container { /* 150 */ width: 680px; /* 151 */ height: 590px; /* 152 */ padding: 0; /* 153 */ background-color: transparent; /* 154 */ position: relative; /* 155 */ background: #F5F6EE; /* 156 */ -moz-box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6); /* 157 */ -webkit-box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6); /* 158 */ box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6); /* 159 */ border-radius: 5px; /* 160 */ float: left; /* 161 */ position: relative; /* 162 */ border: 1px solid #fff; /* 163 */ } /* 164 */ /* 165 */ .pix-overlay-container-header{ /* 166 */ border-radius: 5px 5px 0 0; /* 167 */ width: 680px; /* 168 */ height: 35px; /* 169 */ border-bottom: 1px solid #C5C4B0; /* 170 */ background-color: #FEFEFE; /* 171 */ } /* 172 */ /* 173 */ span.pix-close-overlay-container { /* 174 */ float: right; /* 175 */ margin: 2px 5px 0 0; /* 176 */ padding: 0; /* 177 */ } /* 178 */ /* 179 */ .pix-overlay-container-header .pix-toolbar-close { /* 180 */ float: right; /* 181 */ margin-top: 2px; /* 182 */ } /* 183 */ /* 184 */ .pix-overlay-container .pix-form-content-container { /* 185 */ margin: 2px auto 0; /* 186 */ clear: both; /* 187 */ } /* 188 */ /* 189 */ .__CbUiText.pix-screen-title { /* 190 */ margin-top: 0; /* 191 */ } /* 192 */ /* 193 */ /* BASIC MAIN NAVI AND HELP LINK */ /* 194 */ /* 195 */ .pix-main-navi { /* 196 */ margin: 0px 0 5px; /* 197 */ border-bottom: 3px solid #000; /* 198 */ clear: both; /* 199 */ position: absolute; /* 200 */ top:-30px; /* 201 */ } /* 202 */ /* 203 */ .pix-main-navi li{ /* 204 */ display: inline; /* 205 */ padding: 0 10px 0 0; /* 206 */ position: relative; /* 207 */ } /* 208 */ /* 209 */ .pix-main-navi li.pix-float-right { /* 210 */ float: right; /* 211 */ padding-right: 0; /* 212 */ padding-left: 15px; /* 213 */ } /* 214 */ /* 215 */ .pix-main-navi li a { /* 216 */ font-size: 12px; /* 217 */ font-weight: bold; /* 218 */ text-decoration: none; /* 219 */ color: #000; /* 220 */ } /* 221 */ /* 222 */ .pix-main-navi li a.pix-active { /* 223 */ color: #b11; /* 224 */ } /* 225 */ /* 226 */ .pix-main-navi li a.pix-active:hover { /* 227 */ text-decoration: none; /* 228 */ } /* 229 */ /* 230 */ .pix-main-navi li a:hover { /* 231 */ text-decoration: underline; /* 232 */ } /* 233 */ /* 234 */ .pix-main-navi li .pix-ml-flag { /* 235 */ top: 1px; /* 236 */ position: relative; /* 237 */ margin-left: 2px; /* 238 */ } /* 239 */ /* 240 */ .pix-edit-series { /* 241 */ display: none; /* 242 */ } /* 243 */ /* 244 */ /* BASIC SCREEN ELMENT STYLES */ /* 245 */ /* 246 */ .__PixWindow .pix-screen-title, /* 247 */ .__CbUiLanguageWindow .pix-screen-title { /* 248 */ color: #c00; /* 249 */ font-size: 20px; /* 250 */ margin-bottom: 5px; /* 251 */ margin-left: 0px; /* 252 */ text-align: left; /* 253 */ border: 0px; /* 254 */ text-transform: none; /* 255 */ font-weight: bold; /* 256 */ } /* 257 */ /* 258 */ .__PixWindow .pix-screen-title-meta { /* 259 */ position: absolute; /* 260 */ top: -15px; /* 261 */ margin-top: 15px; /* 262 */ } /* 263 */ /* 264 */ /* BASIC BUTTON STYLES */ /* 265 */ /* 266 */ div.pix-form-content-container { /* 267 */ position: relative; /* 268 */ height: 550px; /* 269 */ clear:both; /* 270 */ } /* 271 */ /* 272 */ div.pix-edit-form-buttons { /* 273 */ width: 640px; /* 274 */ height: 26px; /* 275 */ margin: 15px auto 0; /* 276 */ position: absolute; /* 277 */ bottom: 20px; /* 278 */ left: 0; /* 279 */ clear:both; /* 280 */ } /* 281 */ /* 282 */ pix-image-meta .pix-cancel.pix-edit-form-button .__CbUiTextButton { /* 283 */ float: right; /* 284 */ } /* 285 */ /* 286 */ .pix-edit-form-button:hover, /* 287 */ .pix-edit-form-button.pix-right:hover { /* 288 */ color: #b11; /* 289 */ } /* 290 */ /* 291 */ .pix-edit-form-button.pix-right { /* 292 */ float: right; /* 293 */ margin-left: 10px; /* 294 */ margin-right: 0; /* 295 */ } /* 296 */ /* 297 */ a.pix-edit-form-button { /* 298 */ height: 30px; /* 299 */ width: 80px; /* 300 */ } /* 301 */ /* 302 */ .pix-edit-form-button.pix-right.pix-inactive { /* 303 */ color: #999; /* 304 */ font-weight: normal; /* 305 */ } /* 306 */ /* 307 */ .pix-edit-form-button.pix-right.pix-inactive:hover { /* 308 */ color: #999; /* 309 */ } /* 310 */ /* 311 */ #dropdown-uploader { /* 312 */ display: none; /*temporary until reintroduction of dropdown-uploader button*/ /* 313 */ } /* 314 */ /* 315 */ /* Basic Alert Box */ /* 316 */ /* 317 */ a.pix-alert-box { /* 318 */ display: block; /* 319 */ padding: 5px; /* 320 */ color: #b11; /* 321 */ text-decoration: none; /* 322 */ text-align: center; /* 323 */ font-weight: bold; /* 324 */ font-size: 11px; /* 325 */ border: 1px solid #b11; /* 326 */ } /* 327 */ /* 328 */ a.pix-alert-box:hover { /* 329 */ text-decoration: underline; /* 330 */ } /* 331 */ /* 332 */ .pix-edit-form-button.pix-insert-image { /* 333 */ background-color: #BB1111; /* 334 */ background-image: linear-gradient(bottom, #C25151, #BD1414); /* 335 */ background-image: -o-linear-gradient(bottom, #BD1414, #C25151); /* 336 */ background-image: -moz-linear-gradient(bottom, #BD1414, #C25151); /* 337 */ background-image: -webkit-linear-gradient(bottom, #BD1414, #C25151); /* 338 */ background-image: -ms-linear-gradient(bottom, #BD1414, #C25151); /* 339 */ background-image: -webkit-gradient(linear, bottom, top, #C25151, #BD1414); /* 340 */ color: #ffffff !important; /* 341 */ border-color: #851E1B; /* 342 */ } /* 343 */ /* 344 */ .pix-edit-form-button.pix-insert-image:hover { /* 345 */ color:#ffffff !important; /* 346 */ } /* 347 */ /* 348 */ /* FILTER HEAD STYLES */ /* 349 */ /* 350 */ .pix-filter-container { /* 351 */ width: 640px; /* 352 */ } /* 353 */ /* 354 */ .pix-filter-form .pix-filter-input { /* 355 */ display: inline; /* 356 */ margin-left: 6px; /* 357 */ width: 297px; /* 358 */ height: 18px; /* 359 */ padding: 3px; /* 360 */ font-size: 12px; /* 361 */ font-family: Arial, sans-serif; /* 362 */ } /* 363 */ .pix-filter-button, /* 364 */ .pix-button-go { /* 365 */ height: 17px; /* 366 */ padding-left: 4px; /* 367 */ padding-bottom: 5px; /* 368 */ background: #ffffff; /* 369 */ background: -moz-linear-gradient(top, #ffffff 0%, #e4e2e4 100%); /* 370 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4)); /* 371 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e4e2e4 100%); /* 372 */ background: -o-linear-gradient(top, #ffffff 0%,#e4e2e4 100%); /* 373 */ background: -ms-linear-gradient(top, #ffffff 0%,#e4e2e4 100%); /* 374 */ background: linear-gradient(to bottom, #ffffff 0%,#e4e2e4 100%); /* 375 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 ); /* 376 */ border: 1px solid #CCCCCA; /* 377 */ margin-left: 5px; /* 378 */ border-radius: 2px; /* 379 */ background-repeat: no-repeat; /* 380 */ background-position: center; /* 381 */ } /* 382 */ /* 383 */ .pix-button-go { /* 384 */ color: #333333; /* 385 */ font-weight: bold; /* 386 */ font-size: 14px; /* 387 */ text-transform: uppercase; /* 388 */ margin-left: 6px; /* 389 */ } /* 390 */ /* 391 */ .pix-filter-button-view-grid { /* 392 */ float: right; /* 393 */ background-image: url('/pix/media/png/icon-filter-tile.png'); /* 394 */ background-color: #fff; /* 395 */ } /* 396 */ /* 397 */ /* 398 */ .pix-view-tiles { /* 399 */ background-image: url('/pix/media/png/icon-filter-tile.png'); /* 400 */ } /* 401 */ /* 402 */ .pix-view-list { /* 403 */ background-image: url('/pix/media/png/icon-filter-list.png'); /* 404 */ } /* 405 */ /* 406 */ .pix-toggle-view { /* 407 */ background-color: #fff; /* 408 */ position: absolute; /* 409 */ top: 103px; /* 410 */ padding-right: 19px; /* 411 */ } /* 412 */ /* 413 */ /* ######################################## */ /* 414 */ /* DUMMYNAVI FOR DEVELOPEMENT ############# */ /* 415 */ /* 416 */ /* 417 */ ul.pix-dummynav { /* 418 */ list-style-type: none; /* 419 */ float: left; /* 420 */ width: 180px; /* 421 */ margin: 40px 20px 0 0; /* 422 */ padding: 50px 0; /* 423 */ } /* 424 */ /* 425 */ .pix-dummynav li { /* 426 */ margin-top: 10px; /* 427 */ } /* 428 */ /* 429 */ .pix-dummynav li a { /* 430 */ color: #444; /* 431 */ text-decoration: none; /* 432 */ } /* 433 */ /* 434 */ .pix-dummynav li a:hover, /* 435 */ .pix-dummynav li a.pix-current { /* 436 */ color: #b11; /* 437 */ } /* 438 */ /* 439 */ .pix-form-content-container .pix-dummynav li.pix-dummynav-item-start { /* 440 */ display: none; /* 441 */ } /* 442 */ /* 443 */ .pix-form-content-container .pix-dummynav li.pix-dummynav-item-login a { /* 444 */ opacity: 0; /* 445 */ } /* 446 */ /* 447 */ .pix-form-content-container .pix-dummynav li.pix-dummynav-item-login:hover a { /* 448 */ opacity: 0.3; /* 449 */ color: #aaa; /* 450 */ } /* 451 */ /* 452 */ .pix-float-right .__CbUiLangSelectFlag { /* 453 */ right: 0px; /* 454 */ top: 1px; /* 455 */ } /* 456 */ /* 457 */ .pix-float-right .__CbUiLangSelect { /* 458 */ right: 20px; /* 459 */ font-size: 12px; /* 460 */ border: none; /* 461 */ top: 2px; /* 462 */ text-transform: uppercase; /* 463 */ z-index: 10; /* 464 */ } /* 465 */ /* 466 */ .pix-scrollbar-container { /* 467 */ border: 1px solid grey; /* 468 */ background: #FFFFFF none repeat scroll 0 0; /* 469 */ overflow-y: scroll; /* 470 */ overflow-x: hidden; /* 471 */ height: 435px; /* 472 */ } /* 473 */ /* 474 */ .fullscreen .pix-scrollbar-container { /* 475 */ height: 100%; /* 476 */ } /* 477 */ /* 478 */ .pix-overlay-container { /* 479 */ font-family: sans-serif; /* 480 */ } /* 481 */ /* 482 */ .pix-overlay-container input, .pix-overlay-container textarea { /* 483 */ background-color: white; /* 484 */ border: 1px solid rgb(196,196,180); /* 485 */ display: inline-block; /* 486 */ font-family: sans-serif; /* 487 */ width: auto; /* 488 */ } /* 489 */ /* 490 */ .pix-overlay-container input[type=hidden] { /* 491 */ display: none; /* 492 */ } /* 493 */ /* 494 */ .pix-edit-form-button.pix-edit-meta.__CbUiTextButton { /* 495 */ display: none; /* 496 */ } /* 497 */ /* 498 */ .__CbUiLangSelect { /* 499 */ background: transparent; /* 500 */ } /* 501 */ /* 502 */ .pix-form-content-container .pix-main-navi { /* 503 */ border: medium none; /* 504 */ position: absolute; /* 505 */ } /* 506 */ /* 507 */ /*temporary*/ /* 508 */ #dropdown-filter .dd-option-description.dd-desc, /* 509 */ #dropdown-filter .dd-selected-description.dd-desc.dd-selected-description-truncated { /* 510 */ visibility: hidden; /* 511 */ } /* 512 */ /* 513 */ .pix-meta-info { /* 514 */ padding: 20px 0 0 4px; /* 515 */ color: #969682; /* 516 */ font-size: 11px; /* 517 */ font-style: italic; /* 518 */ font-weight: normal; /* 519 */ line-height: 11px; /* 520 */ } /* 521 */ .pix-uploader-input label { /* 522 */ float: right; /* 523 */ height: 20px; /* 524 */ width: 120px; /* 525 */ cursor: pointer; /* 526 */ } /* 527 */ .pix-uploader-input p { /* 528 */ margin: 0; /* 529 */ } /* 530 */ /* 531 */ .pix-image-tile-item .pix-image-title-wrapper, /* 532 */ .pix-image-list-item .pix-image-title { /* 533 */ text-decoration: underline; /* 534 */ } /* 535 */ /* 536 */ /*** form-content dropdown-select ***/ /* 537 */ .pix-dropdown-select-box .dd-options, /* 538 */ .pix-dropdown-filter-box .dd-options { /* 539 */ box-shadow: 2px 2px 12px #666666; /* 540 */ overflow: auto; /* 541 */ max-height: 400px; /* 542 */ } /* 543 */ /* 544 */ /* /+ 545 +/ Document : style /+ 546 +/ Created on : 24.03.2014, 10:54:36 /+ 547 +/ Author : steagle /+ 548 +/ Description: /+ 549 +/ Purpose of the stylesheet follows. /+ 550 +/ */ /* 551 */ /* 552 */ .login_text_top { /* 553 */ border-bottom: 1px solid #C4C4B4; /* 554 */ padding-bottom: 50px; /* 555 */ } /* 556 */ /* 557 */ .home_text_top { /* 558 */ /*padding-bottom: 50px;*/ /* 559 */ } /* 560 */ /* 561 */ .login_text_bottom { /* 562 */ padding-top: 50px; /* 563 */ } /* 564 */ /* 565 */ .home_text_bottom { /* 566 */ padding-top: 25px; /* 567 */ } /* 568 */ /* 569 */ .login-panel { /* 570 */ background-image: url("../png/pix_login.png"); /* 571 */ background-position: 65% 58%; /* 572 */ background-repeat: no-repeat; /* 573 */ background-size: 59% auto; /* 574 */ height: 100%; /* 575 */ } /* 576 */ /* 577 */ .demo-content { /* 578 */ background-color: white; /* 579 */ width: 700px; /* 580 */ margin-top: 50px; /* 581 */ margin-left: 30px; /* 582 */ } /* 583 */ /* 584 */ #edit_demo-123 { /* 585 */ padding: 10px 10px 10px 10px; /* 586 */ } /* 587 */ /* 588 */ .pix-edit-icon, /* 589 */ .list-edit-icon { /* 590 */ background-image: url("/module/jscript/lib/cb_ui/img/edit_icon_bg.png"); /* 591 */ height: 18px; /* 592 */ width: 18px; /* 593 */ position: absolute; /* 594 */ border: 1px solid #c9c3b8; /* 595 */ border-radius: 3px; /* 596 */ cursor: pointer; /* 597 */ } /* 598 */ /* 599 */ .pix-edit-icon { /* 600 */ bottom: 5px; /* 601 */ right: 10px; /* 602 */ } /* 603 */ /* 604 */ .list-edit-icon { /* 605 */ top: 3px; /* 606 */ right: 97px; /* 607 */ } /* 608 */ /* 609 */ .help-link, /* 610 */ .tex-help-link { /* 611 */ float: right !important; /* 612 */ } /* 613 */ /* 614 */ .overlay-edit-form { /* 615 */ height: 610px; /* 616 */ } /* 617 */ /* 618 */ .overlay { /* 619 */ opacity: 0.25 !important; /* 620 */ background-color: rgb(0, 0, 0); /* 621 */ } /* 622 */ /* 623 */ .demo_text_top { /* 624 */ padding-bottom: 30px; /* 625 */ } /* 626 */ /* 627 */ .pix-link.secondary-button { /* 628 */ width: 150px; /* 629 */ } /* 630 */ /* 631 */ h1.pix-main-panel-headline { /* 632 */ font-size: 16px; /* 633 */ margin-bottom: 15px; /* 634 */ margin-top: 15px; /* 635 */ } /* 636 */ /* 637 */ /*generic rules from module/lib/framework/css/default.css, which is not referenced in customer portals like DSH*/ /* 638 */ .not-displayed { /* 639 */ display: none; /* 640 */ } /* 641 */ /* 642 */ .empty-content-placeholder { /* 643 */ font-style: italic; /* 644 */ color: #969682; /* 645 */ padding: 20px 0; /* 646 */ font-size: 13px; /* 647 */ } /* 648 */ /* 649 */ .empty-content-placeholder a { /* 650 */ color: inherit; /* 651 */ font-weight: bold; /* 652 */ } /* 653 */ /* 654 */ ::-webkit-input-placeholder { /* WebKit browsers */ /* 655 */ font-style: italic; /* 656 */ font-size: 11px; /* 657 */ } /* 658 */ :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ /* 659 */ font-style: italic; /* 660 */ font-size: 11px; /* 661 */ } /* 662 */ ::-moz-placeholder { /* Mozilla Firefox 19+ */ /* 663 */ font-style: italic; /* 664 */ font-size: 11px; /* 665 */ } /* 666 */ :-ms-input-placeholder { /* Internet Explorer 10+ */ /* 667 */ font-style: italic; /* 668 */ font-size: 11px; /* 669 */ } /* 670 */ .tile-img { /* 671 */ box-shadow: 2px 2px 4px #666666; /* 672 */ } /* 673 */ .subpage-button { /* 674 */ float: right; /* 675 */ min-width: 111px; /* 676 */ height: 26px; /* 677 */ padding: 5px; /* 678 */ font-size: 11px; /* 679 */ background-color: #fcfcf9; /* 680 */ background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%); /* 681 */ background-image: -webkit-gradient( /* 682 */ linear, /* 683 */ left bottom, /* 684 */ left top, /* 685 */ color-stop(0.15, rgb(246,246,239)), /* 686 */ color-stop(0.85, rgb(255,255,255)) /* 687 */ ); /* 688 */ background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 689 */ background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 690 */ background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 691 */ background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%); /* 692 */ font-weight: bold; /* 693 */ border: 1px solid rgb(189,190,178); /* 694 */ -moz-box-shadow: 0 0 5px rgb(189,190,178); /* 695 */ -webkit-box-shadow: 0 0 5px rgb(189,190,178); /* 696 */ line-height: 250%; /* 697 */ -moz-border-radius: 2px 2px 2px 2px; /* 698 */ -webkit-border-radius: 2px 2px 2px 2px; /* 699 */ border-radius: 2px 2px 2px 2px; /* 700 */ cursor: pointer; /* 701 */ box-shadow: 0 0 5px rgb(189,190,178); /* 702 */ text-align: center; /* 703 */ text-decoration: none; /* 704 */ vertical-align: middle; /* 705 */ color: #a73c2e; /* 706 */ } /* --- /var/www/pix/css/picmanage.css --------------------------------------- */ /* 1 */ /* Image List Uploader Elements */ /* 2 */ /* 3 */ .pix-overview * { /* 4 */ box-sizing: initial; /* 5 */ } /* 6 */ /* 7 */ div.pix-uploader-select { /* 8 */ width: 210px; /* 9 */ float: left; /* 10 */ margin-right: 10px; /* 11 */ height: 38px; /* 12 */ } /* 13 */ /* 14 */ div.pix-uploader-input { /* 15 */ width: 410px; /*temporary until reintroduction of dropdown-uploader button*/ /* 16 */ width: 100%; /*temporary until reintroduction of dropdown-uploader button*/ /* 17 */ } /* 18 */ /* 19 */ .pix-images-empty div.pix-uploader-input { /* 20 */ width: 640px; /* 21 */ } /* 22 */ /* 23 */ div.pix-image-uploader { /* 24 */ border-bottom: 3px solid #000; /* 25 */ width: 100%; /* 26 */ padding-bottom: 5px; /* 27 */ margin-bottom: 10px; /* 28 */ min-height: 49px; /* 29 */ } /* 30 */ /* 31 */ div.pix-image-uploader p { /* 32 */ font-size: 11px; /* 33 */ line-height: 14px; /* 34 */ } /* 35 */ /* 36 */ div.pix-image-uploader .pix-label-input { /* 37 */ /*width: 432px; temporary until reintroduction of dropdown-uploader button*/ /* 38 */ width: 100%; /*temporary until reintroduction of dropdown-uploader button*/ /* 39 */ padding: 4px 0px 6px 6px; /* 40 */ height: 28px; /* 41 */ margin: 0; /* 42 */ position: relative; /* 43 */ } /* 44 */ div.pix-image-uploader .pix-advanced .pix-label-input { /* 45 */ display: none; /* 46 */ } /* 47 */ div.pix-image-uploader:hover .pix-label-input, /* 48 */ div.pix-image-uploader:hover .pix-uploader-switch { /* 49 */ display: block; /* 50 */ } /* 51 */ /* 52 */ .pix-image-uploader form iframe { /* 53 */ position: fixed; /* 54 */ display:none; /* 55 */ } /* 56 */ /* 57 */ div.pix-image-uploader.pix-image-uploader-advanced .pix-label-input { /* 58 */ padding: 3px 5px 5px; /* 59 */ border: 1px solid #b5bebb; /* 60 */ border-radius: 5px; /* 61 */ background-color: #ECEAE3; /* 62 */ margin: 0; /* 63 */ } /* 64 */ /* 65 */ .pix-images-empty div.pix-image-uploader .pix-label-input { /* 66 */ width: 628px; /* 67 */ } /* 68 */ /* 69 */ div.pix-image-uploader .pix-image-upload-button { /* 70 */ color: #000; /* 71 */ font-weight: normal; /* 72 */ font-size: 10px; /* 73 */ padding: 2px 20px; /* 74 */ margin: 0 0 0 10px; /* 75 */ position: relative; /* 76 */ left: 6px; /* 77 */ top: -3px; /* 78 */ display: block; /* 79 */ vertical-align: middle; /* 80 */ text-decoration: none; /* 81 */ float: right; /* 82 */ font-size: 12px; /* 83 */ cursor: pointer; /* 84 */ -moz-box-shadow: inset 0 0 0 1px #fff; /* 85 */ -webkit-box-shadow: inset 0 0 0 1px #fff; /* 86 */ box-shadow: inset 0 0 0 1px #fff; /* 87 */ background: #ffffff; /* 88 */ background: -moz-linear-gradient(top, #ffffff 0%, #e4e2e4 100%); /* 89 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4)); /* 90 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e4e2e4 100%); /* 91 */ background: -o-linear-gradient(top, #ffffff 0%,#e4e2e4 100%); /* 92 */ background: -ms-linear-gradient(top, #ffffff 0%,#e4e2e4 100%); /* 93 */ background: linear-gradient(to bottom, #ffffff 0%,#e4e2e4 100%); /* 94 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 ); /* 95 */ border: 1px solid #CCCCCA; /* 96 */ -webkit-border-radius: 3px; /* 97 */ -moz-border-radius: 3px; /* 98 */ border-radius: 3px; /* 99 */ } /* 100 */ /* 101 */ .pix-image-upload-input { /* 102 */ opacity: 0; /* 103 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* 104 */ position: absolute; /* 105 */ right: 5px; /* 106 */ top: 2px; /* 107 */ width: 120px; /* 108 */ height: 40px; /* 109 */ cursor: pointer; /* 110 */ } /* 111 */ /* 112 */ .pix-image-upload-background { /* 113 */ float:right; /* 114 */ width: 121px; /* 115 */ height: 20px; /* 116 */ color: #456771; /* 117 */ padding: 0; /* 118 */ } /* 119 */ /* 120 */ div.pix-image-uploader .pix-image_upload_button:hover { /* 121 */ color: #b11; /* 122 */ } /* 123 */ /* 124 */ a.pix-uploader-switch { /* 125 */ color: #b11; /* 126 */ text-decoration: none; /* 127 */ font-weight: bold; /* 128 */ font-size: 10px; /* 129 */ position: absolute; /* 130 */ right: 150px; /* 131 */ display: block; /* switch to 'block' to enable */ /* 132 */ bottom: 0px; /* 133 */ width: 140px; /* 134 */ text-align: right; /* 135 */ line-height: 0.5em; /* 136 */ cursor: pointer; /* 137 */ text-transform: none; /* 138 */ } /* 139 */ .pix-advanced a.pix-uploader-switch { /* 140 */ display: none; /* 141 */ } /* 142 */ div.pix-advanced a.pix-uploader-switch{ /* 143 */ right: 5px; /* 144 */ bottom: 5px; /* 145 */ } /* 146 */ div.pix-image-uploader.pix-image-uploader-standard form { /* 147 */ /*width: 640px; temporary until reintroduction of dropdown-uploader button*/ /* 148 */ width: 100%; /*temporary until reintroduction of dropdown-uploader button*/ /* 149 */ } /* 150 */ /* 151 */ div.pix-image-uploader.pix-image-uploader-advanced .pix-uploader-input { /* 152 */ width: 390px; /* 153 */ min-height: 30px; /* 154 */ } /* 155 */ /* 156 */ div.pix-image-uploader.pix-image-uploader-advanced .pix-standard { /* 157 */ display: none; /* 158 */ } /* 159 */ /* 160 */ div.pix-image-uploader.pix-image-uploader-standard .pix-advanced { /* 161 */ display: none; /* 162 */ background: url(/pix/media/jpg/drag&drop.png) no-repeat #ffffff center center; /* 163 */ } /* 164 */ div.pix-image-uploader.pix-image-uploader-standard .pix-advanced:hover { /* 165 */ background-image: none; /* 166 */ } /* 167 */ div.pix-advanced { /* 168 */ position: relative; /* 169 */ border: 2px dashed #ddd; /* 170 */ background-color: #fff; /* 171 */ min-height: 45px; /* 172 */ } /* 173 */ /* Image List List View Items */ /* 174 */ /* 175 */ .pix-image-list-item { /* 176 */ height: 50px; /* 177 */ width: 100%; /* 178 */ padding: 0; /* 179 */ position: relative; /* 180 */ display: block; /* 181 */ border-bottom: 1px solid #CCCCCA; /* 182 */ } /* 183 */ /* 184 */ .pix-image-list-item, /* 185 */ .dd-selected { /* 186 */ background: #ffffff; /* 187 */ background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f1 100%); /* 188 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1)); /* 189 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f1 100%); /* 190 */ background: -o-linear-gradient(top, #ffffff 0%,#f0f0f1 100%); /* 191 */ background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f1 100%); /* 192 */ background: linear-gradient(to bottom, #ffffff 0%,#f0f0f1 100%); /* 193 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 ); /* 194 */ } /* 195 */ /* 196 */ .pix-no-scrollbar .pix-image-list-item { width: 638px;} /* 197 */ .pix-scrollbar-container-collection-items .pix-image-list-item { width: 413px;} /* 198 */ .pix-scrollbar-container-collection-items .pix-no-scrollbar .pix-image-list-item { width: 431px;} /* 199 */ /* 200 */ .pix-collection-list-item:hover, /* 201 */ .pix-image-list-item:hover { /* 202 */ background: #e4e2e4; /* 203 */ background: -moz-linear-gradient(top, #ffffff 0%, #e4e2e4 100%); /* 204 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4)); /* 205 */ background: -webkit-linear-gradient(top, #ffffff 0%,#e4e2e4 100%); /* 206 */ background: -o-linear-gradient(top, #ffffff 0%,#e4e2e4 100%); /* 207 */ background: -ms-linear-gradient(top, #ffffff 0%,#e4e2e4 100%); /* 208 */ background: linear-gradient(to bottom, #ffffff 0%,#e4e2e4 100%); /* 209 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 ); /* 210 */ } /* 211 */ /* 212 */ .pix-image-list-item .pix-image-image-description, /* 213 */ .pix-collection-list-item:hover { /* 214 */ cursor: pointer; /* 215 */ } /* 216 */ /* 217 */ .pix-image-list-item.pix-no-insert .pix-image-image-description { /* 218 */ cursor: default; /* 219 */ text-decoration: none; /* 220 */ } /* 221 */ /* 222 */ .pix-image-list-item.pix-selected { /* 223 */ background: #e2e8e5; /* 224 */ background: -moz-linear-gradient(top, #e2e8e5 0%, #d2d8d5 100%); /* 225 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e8e5), color-stop(100%,#d2d8d5)); /* 226 */ background: -webkit-linear-gradient(top, #e2e8e5 0%,#d2d8d5 100%); /* 227 */ background: -o-linear-gradient(top, #e2e8e5 0%,#d2d8d5 100%); /* 228 */ background: -ms-linear-gradient(top, #e2e8e5 0%,#d2d8d5 100%); /* 229 */ background: linear-gradient(to bottom, #e2e8e5 0%,#d2d8d5 100%); /* 230 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e8e5', endColorstr='#d2d8d5',GradientType=0 ); /* 231 */ } /* 232 */ /* 233 */ .pix-image-list-item.pix-selected:hover { /* 234 */ background: #cfd8d4; /* 235 */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmZDhkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWJlYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* 236 */ background: -moz-linear-gradient(top, #cfd8d4 0%, #b5bebb 100%); /* 237 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfd8d4), color-stop(100%,#b5bebb)); /* 238 */ background: -webkit-linear-gradient(top, #cfd8d4 0%,#b5bebb 100%); /* 239 */ background: -o-linear-gradient(top, #cfd8d4 0%,#b5bebb 100%); /* 240 */ background: -ms-linear-gradient(top, #cfd8d4 0%,#b5bebb 100%); /* 241 */ background: linear-gradient(to bottom, #cfd8d4 0%,#b5bebb 100%); /* 242 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd8d4', endColorstr='#b5bebb',GradientType=0 ); /* 243 */ } /* 244 */ /* 245 */ .pix-image-list-preview-info { /* 246 */ height: 40px; /* 247 */ width: 630px; /* 248 */ padding: 5px; /* 249 */ position: absolute; /* 250 */ top: 0; /* 251 */ left: 0; /* 252 */ z-index: 500; /* 253 */ } /* 254 */ /* 255 */ /* 256 */ .pix-no-scrollbar .pix-image-list-preview-info { width: 628px;} /* 257 */ .pix-scrollbar-container-collection-items .pix-image-list-preview-info { width: 403px;} /* 258 */ .pix-scrollbar-container-collection-items .pix-no-scrollbar .pix-image-list-preview-info { width: 421px;} /* 259 */ /* 260 */ .pix-image-list-item span.pix-image-image-frame { /* 261 */ margin-right: 10px; /* 262 */ height: 40px; /* 263 */ width: 40px; /* 264 */ float: left; /* 265 */ border: 1px solid #BDBEB2; /* 266 */ } /* 267 */ /* 268 */ .pix-image-list-item img.thumbnail { /* 269 */ max-height: 40px; /* 270 */ width: 40px; /* 271 */ } /* 272 */ /* 273 */ .pix-image-list-item.pix-selected img { /* 274 */ margin-right: 4px; /* 275 */ border: 3px solid #20b111; /* 276 */ top: -3px; /* 277 */ left: -3px; /* 278 */ position: relative; /* 279 */ border-radius: 2px; /* 280 */ } /* 281 */ /* 282 */ .pix-image-list-item .pix-image-image-description { /* 283 */ color: #666; /* 284 */ font-size: 10px; /* 285 */ line-height: 13px; /* 286 */ text-decoration: none; /* 287 */ } /* 288 */ /* 289 */ .pix-image-description { /* 290 */ display: block; /* 291 */ max-width: 535px; /* 292 */ /* font-size: 14px; /+ 293 +/ font-weight: bold;*/ /* 294 */ vertical-align: top; /* 295 */ } /* 296 */ /* 297 */ .pix-image-list-item .pix-image-description { /* 298 */ font-size: 14px; /* 299 */ font-weight: bold; /* 300 */ margin-top: 7px; /* 301 */ line-height: 5px; /* 302 */ } /* 303 */ /* 304 */ .pix-image-keywords { /* 305 */ /* display:block;*/ /* 306 */ } /* 307 */ /* 308 */ .pix-image-list-item:hover p { /* 309 */ color: #333; /* 310 */ } /* 311 */ /* 312 */ .pix-image-list-item span.pix-image-title { /* 313 */ color: #000; /* 314 */ font-size: 14px; /* 315 */ } /* 316 */ /* 317 */ .pix-image-list-item .pix-image-title:hover, /* 318 */ .pix-image-tile-item .pix-image-title:hover { /* 319 */ color: #b11; /* 320 */ } /* 321 */ /* 322 */ .pix-image-list-item .pix-image-title:hover { /* 323 */ text-decoration: underline; /* 324 */ } /* 325 */ /* 326 */ .pix-image-list-item .pix-image-text { /* 327 */ padding-left: 9px; /* 328 */ } /* 329 */ /* 330 */ .pix-image-list-item span.pix-image-list-actions { /* 331 */ position: absolute; /* 332 */ top: 5px; /* 333 */ right: 10px; /* 334 */ z-index: 1000; /* 335 */ } /* 336 */ /* 337 */ .pix-image-tile-item a.pix-edit-form-button, /* 338 */ .pix-image-list-item a.pix-edit-form-button, /* 339 */ .pix-image-upload-background { /* 340 */ font-size: 10px; /* 341 */ font-weight: bold; /* 342 */ height: 20px; /* 343 */ line-height: 195%; /* 344 */ padding: 0 5px; /* 345 */ } /* 346 */ /* 347 */ .pix-image-tile-item a.pix-edit-form-button { /* 348 */ height: 15px; /* 349 */ line-height: 155%; /* 350 */ } /* 351 */ /* 352 */ .pix-image-tile-item a.pix-edit-form-button, /* 353 */ .pix-image-list-item a.pix-edit-form-button { /* 354 */ opacity: 0; /* 355 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* 356 */ float: left; /* 357 */ clear: left; /* 358 */ min-width: 60px; /* 359 */ text-align: center; /* 360 */ margin: 2px 0; /* 361 */ color: #000; /* 362 */ box-shadow:none; /* 363 */ border-radius: 3px; /* 364 */ } /* 365 */ .pix-image-tile-item a.pix-edit-form-button { /* 366 */ margin: 4px 0; /* 367 */ } /* 368 */ .pix-image-tile-item a.pix-edit-form-button{ /* 369 */ opacity: 0.4; /* 370 */ min-width: 40px; /* 371 */ width: auto; /* 372 */ padding: 1px 8px; /* 373 */ } /* 374 */ .pix-image-list-item .list-edit-icon { /* 375 */ opacity: 0; /* 376 */ } /* 377 */ /* 378 */ .pix-image-tile-item:hover a.pix-edit-form-button, /* 379 */ .pix-image-list-item:hover a.pix-edit-form-button, /* 380 */ .pix-image-list-item:hover .list-edit-icon, /* 381 */ .pix-image-tile-item:hover .select-checkbox, /* 382 */ .pix-image-tile-item:hover .pix-image-dimensions, /* 383 */ .pix-image-tile-item:hover .pix-image-image-description, /* 384 */ .pix-image-tile-item:hover .pix-image-tile-actions { /* 385 */ opacity: 1; /* 386 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* 387 */ } /* 388 */ /* 389 */ .pix-image-tile-item:hover a.pix-edit-form-button:hover, /* 390 */ .pix-image-list-item:hover a.pix-edit-form-button:hover { /* 391 */ color: #b11; /* 392 */ box-shadow: 0 0 8px #ccc; /* 393 */ } /* 394 */ /* 395 */ .select-checkbox:checked { /* 396 */ opacity: 1; /* 397 */ } /* 398 */ /* 399 */ /* Image List Tile View Items */ /* 400 */ /* 401 */ .pix-image-tile-item { /* 402 */ text-align: center; /* 403 */ width: 193px; /* 404 */ height: 193px; /* 405 */ padding: 4px; /* 406 */ margin: 2px; /* 407 */ position: relative; /* 408 */ border: 1px solid #CCCCCA; /* 409 */ border-radius: 4px; /* 410 */ /* 411 */ background: #ffffff; /* 412 */ background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f1 100%); /* 413 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1)); /* 414 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f1 100%); /* 415 */ background: -o-linear-gradient(top, #ffffff 0%,#f0f0f1 100%); /* 416 */ background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f1 100%); /* 417 */ background: linear-gradient(to bottom, #ffffff 0%,#f0f0f1 100%); /* 418 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 ); /* 419 */ } /* 420 */ /* 421 */ .pix-image-tile-item.share-group-active { /* 422 */ border: 1px solid #5fbe5f; /* 423 */ } /* 424 */ /* 425 */ .pix-image-tile-item.share-group-not-active { /* 426 */ /*border: 1px solid #FF0000;*/ /* 427 */ } /* 428 */ /* 429 */ .pix-share-groups { /* 430 */ margin-top: 10px; /* 431 */ } /* 432 */ /* 433 */ .pix-share-groups .pix-share-group-headline { /* 434 */ margin-bottom: 2px; /* 435 */ font-size: 13px; /* 436 */ } /* 437 */ /* 438 */ .pix-share-groups .pix-share-groups-checkbox-container { /* 439 */ display: inline-flex; /* 440 */ width: 100%; /* 441 */ } /* 442 */ /* 443 */ .pix-share-groups label { /* 444 */ padding-left: 6px; /* 445 */ font-size: 10px; /* 446 */ line-height: 13px; /* 447 */ } /* 448 */ /* 449 */ .pix-image-tile-item .__CbUiFrame, /* 450 */ .pix-image-tile-item .__CbUiLayerFrame { /* 451 */ background-color: transparent; /* 452 */ } /* 453 */ /* 454 */ .pix-no-scrollbar .pix-image-tile-item { /* 455 */ margin-left: 6px; /* 456 */ } /* 457 */ /* 458 */ .pix-scrollbar-container-collection-items .pix-no-scrollbar .pix-image-tile-item { /* 459 */ margin-left: 7px; /* 460 */ } /* 461 */ /* 462 */ .pix-image-tile-item.pix-selected { /* 463 */ border: 3px solid #20B111; /* 464 */ padding: 2px; /* 465 */ } /* 466 */ /* 467 */ .pix-image-tile-item .pix-image-tile-image-description { /* 468 */ text-align: left; /* 469 */ visibility: hidden; /* 470 */ width: 183px; /* 471 */ padding: 5px 5px; /* 472 */ position: absolute; /* 473 */ top: 4px; /* 474 */ left: 4px; /* 475 */ background: #fff; /* 476 */ background: rgba(255, 255, 255, 0.7 ); /* 477 */ z-index: 100; /* 478 */ } /* 479 */ /* 480 */ .pix-image-tile-item:hover .pix-image-tile-image-description { /* 481 */ visibility: visible; /* 482 */ } /* 483 */ /* 484 */ .pix-image-tile-item img.preview-image { /* 485 */ max-height: 193px; /* 486 */ max-width: 193px; /* 487 */ } /* 488 */ /* 489 */ .pix-image-tile-item .remove-image { /* 490 */ position: absolute; /* 491 */ right: 4px; /* 492 */ top: 4px; /* 493 */ box-shadow: 0 0 8px 2px #fff; /* 494 */ z-index: 1000; /* 495 */ cursor: pointer; /* 496 */ } /* 497 */ /* 498 */ .pix-image-tile-item .remove-image-spacer { /* 499 */ margin-left: 10px; /* 500 */ float: right; /* 501 */ display: block; /* 502 */ width: 14px; /* 503 */ height: 14px; /* 504 */ } /* 505 */ /* 506 */ .pix-image-tile-item .pix-image-tile-image-description { /* 507 */ color: #000; /* 508 */ } /* 509 */ /* 510 */ .pix-image-tile-item .pix-image-tile-image-description strong { /* 511 */ font-size: 12px; /* 512 */ } /* 513 */ /* 514 */ .pix-image-tile-actions{ /* 515 */ position: absolute; /* 516 */ bottom: 9px; /* 517 */ left: 9px; /* 518 */ width: 183px; /* 519 */ } /* 520 */ /* 521 */ .pix-image-tile-item .pix-image-dimensions, /* 522 */ .pix-image-tile-item .pix-image-image-description { /* 523 */ position: absolute; /* 524 */ left: 0; /* 525 */ } /* 526 */ /* 527 */ .pix-image-tile-item .pix-image-image-description, /* 528 */ .pix-image-tile-item .pix-image-tile-actions { /* 529 */ font-size: 120%; /* 530 */ left: 0; /* 531 */ opacity: 0; /* 532 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* 533 */ text-align: left; /* 534 */ background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); /* 535 */ } /* 536 */ .pix-image-tile-item .pix-image-tile-actions{ /* 537 */ opacity: 0.3; /* 538 */ } /* 539 */ .pix-image-tile-item .pix-image-tile-actions.pic-selected{ /* 540 */ opacity: 1; /* 541 */ } /* 542 */ .pix-image-tile-item .pix-image-image-description { /* 543 */ width: 192px; /* 544 */ top: 0; /* 545 */ height: 56px; /* 546 */ border-radius: 4px 4px 0 0; /* 547 */ padding: 9px 0 0 9px; /* 548 */ } /* 549 */ /* 550 */ .pix-image-tile-item .pix-image-tile-actions { /* 551 */ width: 182px; /* 552 */ top: 163px; /* 553 */ height: 33px; /* 554 */ border-radius: 0 0 4px 4px; /* 555 */ padding: 5px 10px 0 9px; /* 556 */ } /* 557 */ /* 558 */ .pix-edit-form-button.pix-insert-image.__CbUiTextButton { /* 559 */ float: right; /* 560 */ } /* 561 */ /* 562 */ a.hidden.pix-edit-form-button.pix-insert-image.__CbUiTextButton { /* 563 */ opacity: 0; /* 564 */ width: 100%; /* 565 */ height: 100%; /* 566 */ } /* 567 */ a.pix-image-tile-tooltip-anchor { /* 568 */ opacity: 0.4; /* 569 */ min-width: 40px; /* 570 */ width: auto; /* 571 */ padding: 3px 8px; /* 572 */ text-decoration: none; /* 573 */ border: 1px solid #333; /* 574 */ text-align: center; /* 575 */ color: #000; /* 576 */ border-radius: 3px; /* 577 */ font-size: 11px; /* 578 */ float: right; /* 579 */ margin-right: 10px; /* 580 */ margin-top: 4px; /* 581 */ box-shadow: inset 1px 0px 1px 2px #ddd; /* 582 */ line-height: 12px; /* 583 */ font-weight: bold; /* 584 */ } /* 585 */ /* 586 */ .pix-image-tile-item .__CbUiText, /* 587 */ .pix-image-tile-item .pix-image-width, /* 588 */ .pix-image-tile-item .pix-image-height { /* 589 */ font-size: 10px; /* 590 */ } /* 591 */ /* 592 */ .pix-image-tile-item .pix-image-title, /* 593 */ .pix-image-tile-item .pix-image-subtitle { /* 594 */ font-size: 12px; /* 595 */ } /* 596 */ /* 597 */ .pix-image-tile-item .pix-image-title { /* 598 */ display: inline-block; /* 599 */ line-height: 15px; /* 600 */ font-weight: bold; /* 601 */ text-decoration: underline; /* 602 */ } /* 603 */ /* 604 */ .pix-image-tile-item.pix-selected .pix-image-tile-actions { /* 605 */ bottom: 7px; /* 606 */ left: 7px; /* 607 */ } /* 608 */ /* 609 */ .pix-image-tile-item .pix-image-tile-actions a.pix-edit-meta { /* 610 */ float: left; /* 611 */ } /* 612 */ /* 613 */ .pix-image-tile-item .pix-image-tile-actions a.pix-select-image { /* 614 */ float: right; /* 615 */ } /* 616 */ /* 617 */ a.pix-edit-form-button.pix-select-image { /* 618 */ display:none; /* 619 */ } /* 620 */ /* 621 */ /* 622 */ /* Collections List Filter Header */ /* 623 */ /* 624 */ .pix-new-collection { /* 625 */ width: 160px; /* 626 */ text-align: center; /* 627 */ margin-right: 0; /* 628 */ } /* 629 */ /* 630 */ .pix-collections .pix-filter-input{ /* 631 */ margin-left: 5px; /* 632 */ width: 315px; /* 633 */ } /* 634 */ /* 635 */ /* Collections List Items */ /* 636 */ .pix-collection-list-item { /* 637 */ height: 35px; /* 638 */ width: 184px; /* 639 */ padding: 0; /* 640 */ position: relative; /* 641 */ display: block; /* 642 */ overflow: hidden; /* 643 */ /* 644 */ background: #ffffff; /* 645 */ background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f1 100%); /* 646 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f1)); /* 647 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f1 100%); /* 648 */ background: -o-linear-gradient(top, #ffffff 0%,#f0f0f1 100%); /* 649 */ background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f1 100%); /* 650 */ background: linear-gradient(to bottom, #ffffff 0%,#f0f0f1 100%); /* 651 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 ); /* 652 */ border-bottom: 1px solid #CCCCCA; /* 653 */ } /* 654 */ /* 655 */ /* 656 */ /* 657 */ .pix-collection-all-images, /* 658 */ .pix-collection-current-selection, /* 659 */ .pix-collection-last-uploads { /* 660 */ background: #FFFFFF; /* 661 */ background: -moz-linear-gradient(top, #F9FDFF 0%, #EAEFF4 100%); /* 662 */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9FDFF), color-stop(100%,#EAEFF4)); /* 663 */ background: -webkit-linear-gradient(top, #F9FDFF 0%,#EAEFF4 100%); /* 664 */ background: -o-linear-gradient(top, #F9FDFF 0%,#EAEFF4 100%); /* 665 */ background: -ms-linear-gradient(top, #F9FDFF 0%,#EAEFF4 100%); /* 666 */ background: linear-gradient(to bottom, #F9FDFF 0%,#EAEFF4 100%); /* 667 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9FDFF', endColorstr='#EAEFF4',GradientType=0 ); /* 668 */ } /* 669 */ /* 670 */ .pix-no-scrollbar .pix-collection-list-item { /* 671 */ width: 200px; /* 672 */ } /* 673 */ /* 674 */ .pix-collection-list-info { /* 675 */ padding: 5px; /* 676 */ display: block; /* 677 */ text-decoration: none; /* 678 */ } /* 679 */ /* 680 */ .pix-collection-list-item img { /* 681 */ float: left; /* 682 */ display: block; /* 683 */ margin-right: 5px; /* 684 */ } /* 685 */ /* 686 */ .pix-collection-list-item .pix-collection-list-collection-description { /* 687 */ color: #666; /* 688 */ font-size: 10px; /* 689 */ line-height: 13px; /* 690 */ text-decoration: none !important; /* 691 */ } /* 692 */ /* 693 */ .pix-collection-list-item .pix-collection-list-collection-description strong { /* 694 */ color: #000; /* 695 */ font-size: 11px; /* 696 */ height: 13px; /* 697 */ display: block; /* 698 */ float: left; /* 699 */ width: 142px; /* 700 */ overflow: hidden; /* 701 */ } /* 702 */ /* 703 */ .pix-collection-list-item span.pix-collection-list-actions { /* 704 */ position: absolute; /* 705 */ top: 3px; /* 706 */ right: 2px; /* 707 */ z-index: 1000; /* 708 */ } /* 709 */ /* 710 */ .pix-collection-list-item a.pix-edit-form-button { /* 711 */ opacity: 0; /* 712 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* 713 */ padding: 1px 3px 2px; /* 714 */ font-size: 9px; /* 715 */ line-height: 9px; /* 716 */ font-weight: normal; /* 717 */ float: right; /* 718 */ clear: right; /* 719 */ text-align: center; /* 720 */ margin: 0 0 2px; /* 721 */ } /* 722 */ /* 723 */ .pix-collection-list-item:hover a.pix-edit-form-button { /* 724 */ opacity: 1; /* 725 */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* 726 */ } /* 727 */ /* 728 */ .pix-uploader-select { /* 729 */ border: 1px solid #CCCCCC; /* 730 */ width: 210px; /* 731 */ padding: 2px; /* 732 */ background-color: #FFFFFF /* 733 */ } /* 734 */ /* 735 */ .pix-uploader-select .__CbUiText { /* 736 */ margin-left: 5px; /* 737 */ } /* 738 */ /* 739 */ select.pix-dropdown-uploader.__CbUiSelect { /* 740 */ width: 100%; /* 741 */ height: 38px; /* 742 */ } /* 743 */ /* 744 */ select.pix-dropdown-uploader.__CbUiSelect option{ /* 745 */ height: 38px; /* 746 */ } /* 747 */ /* 748 */ .pix-dropdown-filter { /* 749 */ width: 275px; /* 750 */ height: 24px; /* 751 */ } /* 752 */ /* 753 */ .pix-select-bar-dropdown-filter-box, /* 754 */ .pix-dropdown-select-box { /* 755 */ vertical-align: top; /* 756 */ float: left; /* 757 */ } /* 758 */ /* 759 */ .pix-form-content-container form { /* 760 */ width: 608px; /* 761 */ } /* 762 */ /* 763 */ .pix-form-content-container .pix-image-format { /* 764 */ width: auto; /* 765 */ padding-top: 20px; /* 766 */ } /* 767 */ /* 768 */ .pix-image-format .pix-edit-form-buttons a, /* 769 */ .pix-image-format .pix-edit-form-buttons button { /* 770 */ width: 135px; /* 771 */ padding-right: 0; /* 772 */ } /* 773 */ /* 774 */ .pix-scrollbar-container-images { /* 775 */ margin-top: 5px; /* 776 */ } /* 777 */ /* 778 */ .select-bar-is-up .pix-scrollbar-container-images { /* 779 */ height: 400px; /* 780 */ } /* 781 */ /* 782 */ .pix-image-title { /* 783 */ cursor:pointer; /* 784 */ } /* 785 */ /* 786 */ .pix-insert-image.__CbUiTextButton { /* 787 */ height: 25px; /* 788 */ } /* 789 */ /* 790 */ button.__CbUiTextButton.pix-button-go { /* 791 */ height: 26px; /* 792 */ min-width: 32px; /* 793 */ cursor: pointer; /* 794 */ border: 1px solid #C4C4B4; /* 795 */ padding: 0; /* 796 */ line-height: 100%; /* 797 */ box-sizing: border-box; /* 798 */ } /* 799 */ /* 800 */ .__CbUiSelect.pix-dropdown-filter { /* 801 */ height: 24px; /* 802 */ } /* 803 */ /* 804 */ .__CbUiSelect.pix-dropdown-filter option { /* 805 */ height: 24px; /* 806 */ } /* 807 */ /* 808 */ .pix-filter-form .pix-filter-input { /* 809 */ width:265px; /* 810 */ vertical-align: top; /* 811 */ } /* 812 */ /* 813 */ .view-toggle, /* 814 */ .deselect-button { /* 815 */ cursor: pointer; /* 816 */ box-shadow: 0 0 5px #BDBEB2; /* 817 */ } /* 818 */ /* 819 */ .deselect-button { /* 820 */ position: relative; /* 821 */ top: 9px; /* 822 */ } /* 823 */ /* 824 */ .select-bar .deselect-button { /* 825 */ /*top: 0;*/ /* 826 */ } /* 827 */ /* 828 */ .view-toggle { /* 829 */ float: right; /* 830 */ } /* 831 */ /* 832 */ .pix-uploader-input.pix-standard .__CbUiText { /* 833 */ display: block; /* 834 */ } /* 835 */ /* 836 */ /* take empty space for dd-select */ /* 837 */ .pix-filter-form > .pix-dropdown-filter-box { /* 838 */ width: 275px; /* 839 */ min-height: 1px; /* 840 */ display: block; /* 841 */ float:left; /* 842 */ } /* 843 */ /* 844 */ #dropdown-uploader, /* 845 */ #dropdown-filter { /* 846 */ float: left; /* 847 */ } /* 848 */ /* 849 */ #select-bar-dropdown-filter .dd-option, /* 850 */ #select-bar-dropdown-filter .dd-selected, /* 851 */ #dropdown-filter .dd-option, /* 852 */ #dropdown-filter .dd-selected, /* 853 */ #dropdown-select .dd-option, /* 854 */ #dropdown-select .dd-selected { /* 855 */ line-height: 20px; /* 856 */ height: 20px; /* 857 */ padding: 2px; /* 858 */ } /* 859 */ /* 860 */ #dropdown-uploader .dd-option, /* 861 */ #dropdown-uploader .dd-selected { /* 862 */ height: 26px; /* 863 */ padding: 5px; /* 864 */ } /* 865 */ #dropdown-select .dd-options, /* 866 */ #select-bar-dropdown-filter .dd-options { /* 867 */ bottom: 24px; /* 868 */ left: 0; /* 869 */ position: absolute; /* 870 */ } /* 871 */ /* 872 */ #dropdown-select .dd-options { /* 873 */ overflow:auto; /* 874 */ } /* 875 */ /* 876 */ #select-bar-dropdown-filter .dd-options { /* 877 */ max-height: 400px; /* 878 */ } /* 879 */ /* 880 */ #select-bar-dropdown-filter img, /* 881 */ #select-bar-dropdown-filter .dd-desc { /* 882 */ display: none; /* 883 */ } /* 884 */ /* 885 */ .pix-select-bar-dropdown-filter-box { /* 886 */ margin-left: 7px; /* 887 */ display: none; /* 888 */ } /* 889 */ /* 890 */ #dropdown-select .dd-container{ /* 891 */ position: relative; /* 892 */ } /* 893 */ /* 894 */ .initial-view #dropdown-select .dd-options li:first-child .dd-desc, /* 895 */ .initial-view .dd-selected .dd-desc { /* 896 */ display: none; /* 897 */ } /* 898 */ /* 899 */ .dd-option-text, /* 900 */ .dd-selected-text { /* 901 */ padding-right: 0.5em; /* 902 */ font-size: 12px; /* 903 */ font-weight: bold; /* 904 */ } /* 905 */ /* 906 */ #select-bar-dropdown-select .dd-option-text, /* 907 */ #select-bar-dropdown-select .dd-selected-text, /* 908 */ #dropdown-select .dd-option-text, /* 909 */ #dropdown-select .dd-selected-text, /* 910 */ #dropdown-filter .dd-option-text, /* 911 */ #dropdown-filter .dd-selected-text { /* 912 */ font-size: 12px; /* 913 */ font-weight: bold; /* 914 */ } /* 915 */ /* 916 */ #dropdown-uploader .dd-option-text, /* 917 */ #dropdown-uploader .dd-selected-text { /* 918 */ font-weight: normal; /* 919 */ font-size: 11px; /* 920 */ vertical-align: text-top; /* 921 */ } /* 922 */ /* 923 */ .dd-selected { /* 924 */ color: #333333; /* 925 */ } /* 926 */ /* 927 */ .dd-desc { /* 928 */ line-height: 8px; /* 929 */ color: #333333; /* 930 */ font-size: 11px !important; /*TODO: avoid !important*/ /* 931 */ overflow: visible !important; /*TODO: avoid !important*/ /* 932 */ } /* 933 */ /* 934 */ #dropdown-filter .dd-desc { /* 935 */ display: inline; /* 936 */ padding-left: 0.5em; /* 937 */ border-left: 1px solid #333333; /* 938 */ color: #333333; /* 939 */ } /* 940 */ /* 941 */ #dropdown-uploader .dd-desc { /* 942 */ display: block; /* 943 */ font-weight: bold; /* 944 */ color: #333333; /* 945 */ font-size: 12px; /* 946 */ margin-top: -5px; /* 947 */ } /* 948 */ /* 949 */ .pix-image-tile-item a { /* 950 */ display: inline; /* 951 */ } /* 952 */ /* 953 */ .display-none { /* 954 */ display: none; /* 955 */ } /* 956 */ /* 957 */ .pix-filter-form .dd-option img { /* 958 */ width: 20px; /* 959 */ } /* 960 */ /* 961 */ .pix-image-tile-item .pix-preview-image { /* 962 */ position: absolute; /* 963 */ left: 4px; /* 964 */ cursor: default; /* 965 */ } /* 966 */ /* 967 */ .title-missing { /* 968 */ font-weight: normal !important; /* 969 */ font-style: italic; /* 970 */ color: #bb1111 !important; /* 971 */ } /* 972 */ /* 973 */ .tooltip-clone { /* 974 */ display:none; /* 975 */ } /* 976 */ /* 977 */ .__PixWindow h1 { /* 978 */ border: none; /* 979 */ } /* 980 */ /* 981 */ .select-bar { /* 982 */ display: none; /* 983 */ bottom: 4px; /* 984 */ height: 37px; /* 985 */ left: 0; /* 986 */ position: absolute; /* 987 */ width: 100%; /* 988 */ border-top: 1px solid #808080; /* 989 */ background: #F7F7F1; /* 990 */ overflow: visible; /* 991 */ } /* 992 */ /* 993 */ .selected-count { /* 994 */ float: left; /* 995 */ margin-top: 10px; /* 996 */ } /* 997 */ /* not needed */ /* 998 */ .select-bar.expanded { /* 999 */ overflow: visible; /* 1000 */ } /* 1001 */ /* 1002 */ .select-bar .dropdown-selection { /* 1003 */ float: left; /* 1004 */ margin-top: 10px; /* 1005 */ } /* 1006 */ /* 1007 */ .select-bar .pix-dropdown-filter-box { /* 1008 */ margin-left: 6px; /* 1009 */ } /* 1010 */ /* 1011 */ .select-bar .button-container { /* 1012 */ float: right; /* 1013 */ } /* 1014 */ .select-bar .button-container button, /* 1015 */ .select-bar .button-container img { /* 1016 */ display: inline; /* 1017 */ } /* 1018 */ .select-bar .button-container button { /* 1019 */ float: none; /* 1020 */ margin: 0 8px 0 0; /* 1021 */ } /* 1022 */ /* 1023 */ .select-checkbox { /* 1024 */ opacity: 0; /* 1025 */ /*display: none; temporary*/ /* 1026 */ } /* 1027 */ /* 1028 */ .dropdown-selection .dd-desc { /* 1029 */ display: inline; /* 1030 */ } /* 1031 */ /* 1032 */ #dropdown-select .dd-desc { /* 1033 */ color: #333333; /* 1034 */ font-size: 12px !important; /* 1035 */ font-weight: bold; /* 1036 */ float: left; /* 1037 */ padding: 3px; /* 1038 */ } /* 1039 */ /* 1040 */ .end-mark { /* 1041 */ height: 0; /* 1042 */ width: 100%; /* 1043 */ position: absolute; /* 1044 */ bottom: 7px; /* 1045 */ opacity: 0.25; /* 1046 */ } /* 1047 */ .select-bar-is-up .end-mark { /* 1048 */ bottom: 42px; /* 1049 */ } /* 1050 */ /* 1051 */ .__PixWindow .fullscreen-switch { /* 1052 */ display: block; /* 1053 */ } /* 1054 */ /* 1055 */ .__CbUiInputText.pix-filter-input.__CbUiFieldUnedited { /* 1056 */ color: #000000; /* 1057 */ } /* 1058 */ .__CbUiInputText.pix-filter-input.__CbUiFieldEdited:after { /* 1059 */ color: #000000; /* 1060 */ } /* 1061 */ .pix-image-uploader.pix-image-uploader-standard > form { /* 1062 */ width: 100%; /* 1063 */ } /* 1064 */ label.icon input[type="checkbox"] + span.icon{ /* 1065 */ background-image: url("/pix/media/png/radio_toggle_icon.png"); /* 1066 */ background-position: 0 0; /* 1067 */ display: inline-block; /* 1068 */ height: 20px; /* 1069 */ margin-right: 5px; /* 1070 */ padding: 0; /* 1071 */ vertical-align: middle; /* 1072 */ width: 20px; /* 1073 */ margin-top: 5px; /* 1074 */ } /* 1075 */ /* 1076 */ label.icon input[type="checkbox"]:checked + span.icon{ /* 1077 */ background-position: -20px 0; /* 1078 */ } /* 1079 */ /* 1080 */ label.icon input[type="checkbox"]{ /* 1081 */ display: none; /* 1082 */ } /* 1083 */ /* 1084 */ .pix-image-tile-item .pix-image-image-description { /* 1085 */ line-height: 10px; /* 1086 */ } /* 1087 */ .pix-image-tile-item .pix-image-copyright { /* 1088 */ font-size: 10px; /* 1089 */ margin-top: -2px; /* 1090 */ } /* 1091 */ .pix-image-tile-item .pix-edit-icon { /* 1092 */ bottom: 7px; /* 1093 */ right: 8px; /* 1094 */ background-color: #ffffff; /* 1095 */ background-position: 2px 2px; /* 1096 */ height: 22px; /* 1097 */ width: 22px; /* 1098 */ box-shadow: 0 0 5px rgb(189, 190, 178); /* 1099 */ } /* 1100 */ /* 1101 */ .pix-image-tile-item .pix-edit-icon.delete { /* 1102 */ background-image: url("/module/lib/framework/images/edit_delete_icon.png"); /* 1103 */ background-position: 0 0; /* 1104 */ top: 6px; /* 1105 */ } /* 1106 */ .pix-image-tile-item .pix-image-title-wrapper { /* 1107 */ margin-top: -5px; /* 1108 */ width: 150px; /* 1109 */ text-decoration: underline; /* 1110 */ font-weight: bold; /* 1111 */ min-height: 14px; /* 1112 */ max-height: 31px; /* 1113 */ overflow: hidden; /* 1114 */ } /* 1115 */ .pix-image-tile-item .pix-image-title-wrapper div { /* 1116 */ font-size: 12px; /* 1117 */ } /* 1118 */ /* 1119 */ .pix-image-tile-item .pix-image-meta-cntnr { /* 1120 */ margin-top: -9px; /* 1121 */ padding-top: 8px; /* 1122 */ line-height: 14px; /* 1123 */ } /* 1124 */ /* 1125 */ .pix-image-tile-item .pix-image-tile-tooltip { /* 1126 */ height: 105px; /* 1127 */ position: absolute; /* 1128 */ top: 60px; /* 1129 */ width: 195px; /* 1130 */ } /* 1131 */ .pix-image-tile-tooltip-list { /* 1132 */ list-style: none; /* 1133 */ font-size: 12px; /* 1134 */ position: absolute; /* 1135 */ z-index: 10; /* 1136 */ background-color: #ffffff; /* 1137 */ text-align: left; /* 1138 */ display: none; /* 1139 */ padding: 10px; /* 1140 */ box-shadow: 0 0 10px #333333; /* 1141 */ border-radius: 5px; /* 1142 */ width: 270px; /* 1143 */ color: #000; /* 1144 */ } /* 1145 */ .pix-image-tile-tooltip { /* 1146 */ cursor: url("../media/png/icon_export.png") 10 10, auto; /* 1147 */ } /* 1148 */ .Title, /* 1149 */ .Subtitle, /* 1150 */ .Height, /* 1151 */ .Width { /* 1152 */ padding-right: 5px; /* 1153 */ } /* 1154 */ .titles-id, /* 1155 */ .tags, /* 1156 */ .dimensions-copyright, /* 1157 */ .desc-wrpr, /* 1158 */ .link { /* 1159 */ padding-bottom: 1em; /* 1160 */ } /* 1161 */ .Title { /* 1162 */ font-weight: bold; /* 1163 */ } /* 1164 */ .Uri > a { /* 1165 */ color: #000000; /* 1166 */ } /* 1167 */ .Id { /* 1168 */ color: #999999; /* 1169 */ } /* 1170 */ .sub-desc:first-child { /* 1171 */ padding-top: 0; /* 1172 */ } /* 1173 */ .sub-desc { /* 1174 */ padding-top: 0.33em; /* 1175 */ } /* 1176 */ .delim { /* 1177 */ padding: 0 5px; /* 1178 */ } /* --- /var/www/pix/css/picmeta.css ----------------------------------------- */ /* 1 */ .pix-edit-image-meta .pix-column1 { /* 2 */ width: 200px; /* 3 */ float: left; /* 4 */ margin-right: 20px; /* 5 */ } /* 6 */ /* 7 */ .pix-edit-image-meta .pix-column2 { /* 8 */ float: left; /* 9 */ width: 420px; /* 10 */ } /* 11 */ /* 12 */ .pix-edit-image-meta span { /* 13 */ font-size: 10px; /* 14 */ } /* 15 */ /* 16 */ .pix-license-options, .pix-image-meta-description-language { /* 17 */ font-weight: bold; /* 18 */ } /* 19 */ /* 20 */ .pix-edit-image-meta .pix-column1 .pix-edit-form-button { /* 21 */ float: none; /* 22 */ width: 158px; /* 23 */ text-align: center; /* 24 */ margin-top: 10px; /* 25 */ } /* 26 */ /* 27 */ .pix-edit-image-meta .pix-column2 input[type="text"] { /* 28 */ width: 412px; /* 29 */ margin-bottom: 5px; /* 30 */ font-size: 14px; /* 31 */ padding: 3px 1px 1px; /* 32 */ } /* 33 */ /* 34 */ .pix-edit-image-meta .pix-column2 input[type="text"][name="Title"], /* 35 */ .pix-edit-image-meta .pix-column2 input[type="text"][name="Subtitle"] { /* 36 */ margin-bottom: 5px; /* 37 */ } /* 38 */ /* 39 */ .pix-edit-image-meta div.pix-column2 .pix-column-brick { /* 40 */ width: 200px !important; /* 41 */ display: block; /* 42 */ float: left; /* 43 */ margin-right: 17px; /* 44 */ } /* 45 */ /* 46 */ .pix-edit-image-meta div.pix-column2 .pix-column-brick.pix-last { /* 47 */ margin-right: 0; /* 48 */ } /* 49 */ /* 50 */ .pix-edit-image-meta div.pix-column2 .pix-column-brick input[type="text"] { /* 51 */ width: 195px; /* 52 */ } /* 53 */ /* 54 */ textarea.pix-image-meta-description { /* 55 */ width: 411px; /* 56 */ min-height: 50px; /* 57 */ margin-bottom: 10px; /* 58 */ resize: vertical; /* 59 */ font-size: 14px; /* 60 */ } /* 61 */ /* 62 */ .pix-image-meta-description-language span { /* 63 */ /*display: block;*/ /* 64 */ } /* 65 */ /* 66 */ .pix-edit-image-meta div.pix-column2 select { /* 67 */ /*margin-bottom: 10px;*/ /* 68 */ position: relative; /* 69 */ width: 195px; /* 70 */ } /* 71 */ /* 72 */ .pix-edit-image-meta div.pix-column1 a.pix-alert-box { /* 73 */ margin-top: 10px; /* 74 */ } /* 75 */ /* 76 */ .pix-license-options { /* 77 */ width: 200px; /* 78 */ padding-top: 20px; /* 79 */ } /* 80 */ /* 81 */ .pix-license-options input { /* 82 */ display: none; /* 83 */ } /* 84 */ /* 85 */ .pix-license-options input + span.icon { /* 86 */ padding: 0; /* 87 */ margin-right: 5px; /* 88 */ display: inline-block; /* 89 */ appearance: none; /* 90 */ -moz-appearance: none; /* 91 */ -webkit-appearance: none; /* 92 */ width: 20px; /* 93 */ height: 20px; /* 94 */ vertical-align: middle; /* 95 */ float: left; /* 96 */ } /* 97 */ /* 98 */ .pix-license-options span.__CbUiText { /* 99 */ float: left; /* 100 */ width: 160px; /* 101 */ margin-top: 2px; /* 102 */ } /* 103 */ /* 104 */ .pix-license-options input + span.icon { /* 105 */ background-image: url('/pix/media/png/radio_toggle_icon.png'); /* 106 */ background-position: 0 0; /* 107 */ } /* 108 */ /* 109 */ .pix-license-options input:checked + span.icon { /* 110 */ background-image: url('/pix/media/png/radio_toggle_icon.png'); /* 111 */ background-position: -20px 0; /* 112 */ } /* 113 */ /* 114 */ .pix-edit-image-meta .pix-column2 { /* 115 */ overflow-x: hidden; /* 116 */ overflow-y: auto; /* 117 */ height: 435px; /* 118 */ width: 435px; /* 119 */ float: left; /* 120 */ } /* 121 */ /* 122 */ .pix-image-meta-description-language select { /* 123 */ float: right; /* 124 */ margin-right: 20px; /* 125 */ } /* 126 */ /* 127 */ .pix-edit-image-meta button.pix-edit-form-button { /* 128 */ } /* 129 */ /* 130 */ .pix-edit-image-meta a.pix-edit-form-button { /* 131 */ width: 90px; /* 132 */ } /* 133 */ /* 134 */ .input-fields-cntnr { /* 135 */ margin: 0 auto; /* 136 */ width: 660px; /* 137 */ padding-top: 35px; /* 138 */ } /* 139 */ /* 140 */ .pix-image-meta.pix-edit-image-meta { /* 141 */ width: 100%; /* 142 */ } /* 143 */ /* 144 */ .pix-image-meta label { /* 145 */ font-weight: normal; /* 146 */ } /* 147 */ /* 148 */ .fullscreen .pix-image-meta .edit-form-buttons { /* 149 */ bottom: 60px; /* 150 */ } /* 151 */ /* 152 */ /* 153 */ /* 154 */ /* 155 */ /* 156 */ /* 157 */ /* 158 */ /* 159 */ /* 160 */ /* 161 */ /* 162 */ /* 163 */ /* 164 */ /* 165 */ /* 166 */ /* 167 */ /* 168 */ /* 169 */ /* 170 */ /* 171 */ /* 172 */ /* 173 */ /* 174 */ /* 175 */ /* 176 */ /* 177 */ /* 178 */ /* 179 */ /* 180 */ /* --- /var/www/pix/css/picseriesmeta.css ----------------------------------- */ /* 1 */ .pix-edit-series-meta .pix-column1 { /* 2 */ width: 200px; /* 3 */ float: left; /* 4 */ margin-right: 20px; /* 5 */ } /* 6 */ /* 7 */ .pix-edit-series-meta .pix-column2 { /* 8 */ float: left; /* 9 */ width: 420px; /* 10 */ } /* 11 */ /* 12 */ .pix-edit-series-meta span { /* 13 */ font-size: 10px; /* 14 */ } /* 15 */ /* 16 */ .pix-edit-series-meta .pix-column1 .pix-edit-form-button { /* 17 */ float: none; /* 18 */ width: 158px; /* 19 */ text-align: center; /* 20 */ margin-top: 10px; /* 21 */ } /* 22 */ /* 23 */ .pix-edit-series-meta .pix-column2 input[type="text"] { /* 24 */ width: 412px; /* 25 */ margin-bottom: 5px; /* 26 */ font-size: 14px; /* 27 */ padding: 3px 1px 1px; /* 28 */ } /* 29 */ /* 30 */ .pix-edit-series-meta .pix-column2 input[type="text"][name="Title"], /* 31 */ .pix-edit-series-meta .pix-column2 input[type="text"][name="Subtitle"] { /* 32 */ margin-bottom: 5px; /* 33 */ } /* 34 */ /* 35 */ .pix-edit-series-meta div.pix-column2 .pix-column-brick { /* 36 */ width: 200px !important; /* 37 */ display: block; /* 38 */ float: left; /* 39 */ margin-right: 17px; /* 40 */ } /* 41 */ /* 42 */ .pix-edit-series-meta div.pix-column2 .pix-column-brick.pix-last { /* 43 */ margin-right: 0; /* 44 */ } /* 45 */ /* 46 */ .pix-edit-series-meta div.pix-column2 .pix-column-brick input[type="text"] { /* 47 */ width: 195px; /* 48 */ } /* 49 */ /* 50 */ .pix-edit-series-meta .pix-column2 { /* 51 */ overflow-x: hidden; /* 52 */ overflow-y: auto; /* 53 */ height: 435px; /* 54 */ width: 435px; /* 55 */ float: left; /* 56 */ } /* 57 */ .input-fields-cntnr { /* 58 */ margin: 0 auto; /* 59 */ width: 660px; /* 60 */ padding-top: 35px; /* 61 */ } /* 62 */ /* 63 */ .pix-image-meta.pix-edit-series-meta { /* 64 */ width: 100%; /* 65 */ } /* 66 */ /* 67 */ .fullscreen .pix-image-meta .edit-form-buttons { /* 68 */ bottom: 60px; /* 69 */ } /* 70 */ /* 71 */ .edit-series-header, .add-series-header { /* 72 */ display: block; /* 73 */ } /* 74 */ /* 75 */ .edit-series-title, .edit-series-header { /* 76 */ display: none; /* 77 */ } /* --- /var/www/pix/css/picposition.css ------------------------------------- */ /* 1 */ div.pix-text-image-format .pix-form-content-container { /* 2 */ /* 3 */ } /* 4 */ /* 5 */ div.pix-text-image-format .pix-screen-title { /* 6 */ margin-bottom: 20px; /* 7 */ } /* 8 */ /* 9 */ .pix-form-description { /* 10 */ clear: both; /* 11 */ float: left; /* 12 */ width: 145px; /* 13 */ text-align: right; /* 14 */ margin-right: 20px; /* 15 */ font-size: 12px; /* 16 */ font-weight: bold; /* 17 */ } /* 18 */ /* 19 */ .pix-form-elements-container { /* 20 */ width: 310px; /* 21 */ border-bottom: 1px solid #D3D4CD; /* 22 */ margin: 0 160px 15px 0; /* 23 */ padding: 0 0 15px 0; /* 24 */ float:left; /* 25 */ } /* 26 */ /* 27 */ .pix-form-elements-container.pix-last { /* 28 */ border-bottom: none; /* 29 */ } /* 30 */ /* 31 */ .pix-text-image-size input { /* 32 */ display: inline; /* 33 */ } /* 34 */ /* 35 */ .pix-text-image-size input, /* 36 */ .pix-text-collection-size input { /* 37 */ width: 40px; /* 38 */ margin-right: 5px; /* 39 */ } /* 40 */ /* 41 */ .pix-text-image-size label, /* 42 */ .pix-text-collection-size label { /* 43 */ margin-right: 25px; /* 44 */ } /* 45 */ /* 46 */ .pix-text-image-size .pix-image-size-info, /* 47 */ .pix-text-collection-size .pix-collection-size-info { /* 48 */ margin: 5px 0 0; /* 49 */ color: #666; /* 50 */ } /* 51 */ /* 52 */ .pix-text-image-size .pix-image-size-info, /* 53 */ .pix-text-image-size label { /* 54 */ font-size: 12px; /* 55 */ } /* 56 */ /* 57 */ .pix-optional-image-title, /* 58 */ .pix-optional-collection-title { /* 59 */ border-bottom: none; /* 60 */ margin-bottom: 0; /* 61 */ } /* 62 */ /* 63 */ .pix-optional-image-title input, /* 64 */ .pix-optional-collection-title input { /* 65 */ width: 305px; /* 66 */ } /* 67 */ /* 68 */ textarea.pix-optional-image-description, /* 69 */ textarea.pix-optional-collection-description { /* 70 */ width: 310px; /* 71 */ min-height: 120px; /* 72 */ } /* 73 */ /* 74 */ /* Radio Button Icon Styles */ /* 75 */ /* 76 */ .pix-text-image-format-options label { /* 77 */ float: left; /* 78 */ width: 33%; /* 79 */ } /* 80 */ /* 81 */ .pix-text-image-format-options .pix-radio-image, /* 82 */ .pix-text-image-format-options .pix-radio-image-active, /* 83 */ .pix-text-collection-format-options .pix-radio-image, /* 84 */ .pix-text-collection-format-options .pix-radio-image-active{ /* 85 */ display: block; /* 86 */ position: relative; /* 87 */ float: left; /* 88 */ margin-right: 20px; /* 89 */ margin-bottom: 15px; /* 90 */ height: 43px; /* 91 */ width: 48px; /* 92 */ cursor: pointer; /* 93 */ border: 1px solid #CCCCCA; /* 94 */ -moz-box-shadow: inset 0 0 0 1px #fff; /* 95 */ -webkit-box-shadow: inset 0 0 0 1px #fff; /* 96 */ box-shadow: inset 0 0 0 1px #fff; /* 97 */ background: #ffffff; /* 98 */ -webkit-border-radius: 3px; /* 99 */ -moz-border-radius: 3px; /* 100 */ border-radius: 3px;} /* 101 */ /* 102 */ /* 103 */ .pix-text-image-format-options .pix-radio-image input[type=radio], /* 104 */ .pix-text-image-format-options .pix-radio-image-active input[type=radio], /* 105 */ .pix-text-collection-format-options .pix-radio-image input[type=radio], /* 106 */ .pix-text-collection-format-options .pix-radio-image-active input[type=radio] { /* 107 */ visibility: hidden; /* 108 */ } /* 109 */ /* 110 */ .pix-text-image-format-options .pix-radio-image label, /* 111 */ .pix-text-image-format-options .pix-radio-image-active label, /* 112 */ .pix-text-collection-format-options .pix-radio-image label, /* 113 */ .pix-text-collection-format-options .pix-radio-image-active label { /* 114 */ width: 50px; /* 115 */ text-align: center; /* 116 */ position: absolute; /* 117 */ left: 0; /* 118 */ bottom: -15px; /* 119 */ } /* 120 */ .pix-text-image-format-options .pix-radio-image, /* 121 */ .pix-text-collection-format-options .pix-radio-image { /* 122 */ background-position: 0 -50px; /* 123 */ } /* 124 */ /* 125 */ .pix-text-image-format-options .pix-radio-image-active, /* 126 */ .pix-text-collection-format-options .pix-radio-image-active { /* 127 */ background-position: 0 0; /* 128 */ } /* 129 */ /* 130 */ .pix-text-image-format-options .pix-image-format-left { /* 131 */ float: left; /* 132 */ position: relative; /* 133 */ width: 50px; /* 134 */ height: 55px; /* 135 */ margin-right:50px; /* 136 */ display: block; /* 137 */ overflow: hidden; /* 138 */ background-image: url('/pix/media/png/image-format-left.png'); /* 139 */ background-repeat: no-repeat; /* 140 */ cursor: pointer; /* 141 */ } /* 142 */ /* 143 */ .pix-text-image-format-options .__CbUiText{ /* 144 */ position: absolute; /* 145 */ bottom: 0; /* 146 */ left: 0; /* 147 */ font-size: 12px; /* 148 */ } /* 149 */ /* 150 */ .pix-text-image-format-options .pix-image-format-centered { /* 151 */ float: left; /* 152 */ position: relative; /* 153 */ width: 50px; /* 154 */ height: 55px; /* 155 */ margin-right:50px; /* 156 */ display: block; /* 157 */ overflow: hidden; /* 158 */ background-image: url('/pix/media/png/image-format-centered.png'); /* 159 */ background-repeat: no-repeat; /* 160 */ cursor: pointer; /* 161 */ } /* 162 */ /* 163 */ .pix-text-image-format-options .pix-image-format-right { /* 164 */ float: left; /* 165 */ position: relative; /* 166 */ width: 50px; /* 167 */ height: 55px; /* 168 */ margin-right:50px; /* 169 */ display: block; /* 170 */ overflow: hidden; /* 171 */ background-image: url('/pix/media/png/image-format-right.png'); /* 172 */ background-repeat: no-repeat; /* 173 */ cursor: pointer; /* 174 */ } /* 175 */ /* 176 */ .pix-text-image-format-options label { /* 177 */ width: 50px; /* 178 */ height: 55px; /* 179 */ margin: 0 50px 0 0; /* 180 */ display: block; /* 181 */ overflow: hidden; /* 182 */ position: relative; /* 183 */ float: left; /* 184 */ padding:0; /* 185 */ } /* 186 */ /* 187 */ .pix-image-radio-button { /* 188 */ width: 48px; /* 189 */ height: 48px; /* 190 */ visibility: hidden; /* 191 */ } /* 192 */ /* 193 */ .pix-text-collection-format-options .pix-collection-format-left { /* 194 */ background-image: url('/pix/media/png/collection-format-left.png'); /* 195 */ } /* 196 */ /* 197 */ .pix-text-collection-format-options .pix-collection-format-centered { /* 198 */ background-image: url('/pix/media/png/collection-format-centered.png'); /* 199 */ } /* 200 */ /* 201 */ .pix-text-collection-format-options .pix-collection-format-right { /* 202 */ background-image: url('/pix/media/png/collection-format-right.png'); /* 203 */ } /* 204 */ /* 205 */ span.pix-text-image-format-ratio-lock { /* 206 */ width: 26px; /* 207 */ height: 25px; /* 208 */ border: none; /* 209 */ display: inline-block; /* 210 */ background-image: url('/pix/media/png/buttons.png'); /* 211 */ background-repeat: no-repeat; /* 212 */ cursor: pointer; /* 213 */ vertical-align: bottom; /* 214 */ position: static; /* 215 */ font-size: inherit; /* 216 */ } /* 217 */ /* 218 */ span.pix-image-ratio-locked { /* 219 */ background-position: -338px 0; /* 220 */ } /* 221 */ /* 222 */ span.pix-image-ratio-unlocked { /* 223 */ background-position: -364px 0; /* 224 */ } /* 225 */ .pix-image-format .pix-edit-form-buttons { /* 226 */ top: 478px; /* 227 */ left: 5px; /* 228 */ } /* --- /var/www/kulturportal/media/styles/event_window.css ------------------ */ /* 1 */ .datepick-popup { /* 2 */ z-index: 10001; /* 3 */ } /* --- /var/www/kulturportal/media/styles/dropdowns.css --------------------- */ /* 1 */ .dropup, /* 2 */ .dropdown { /* 3 */ position: relative; /* 4 */ } /* 5 */ .dropdown-toggle:focus { /* 6 */ outline: 0; /* 7 */ } /* 8 */ .dropdown-menu { /* 9 */ position: absolute; /* 10 */ top: 100%; /* 11 */ left: 0; /* 12 */ z-index: 9000; /* 13 */ display: none; /* 14 */ min-width: 160px; /* 15 */ padding: 5px 0; /* 16 */ list-style: none; /* 17 */ background-color: #ffffff; /* 18 */ /* float: left; */ /* 19 */ /* 20 */ border: 1px solid #e0e0e0; /* 21 */ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); /* 22 */ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); /* 23 */ -webkit-background-clip: padding-box; /* 24 */ background-clip: padding-box; /* 25 */ } /* 26 */ .dropdown-menu.pull-right { /* 27 */ right: 0; /* 28 */ left: auto; /* 29 */ } /* 30 */ .dropdown-menu .divider { /* 31 */ height: 1px; /* 32 */ margin: 9px 0; /* 33 */ overflow: hidden; /* 34 */ background-color: #e5e5e5; /* 35 */ } /* 36 */ .dropdown-menu > li > a { /* 37 */ display: block; /* 38 */ padding: 3px 20px; /* 39 */ clear: both; /* 40 */ font-weight: normal; /* 41 */ line-height: 1.42857143; /* 42 */ color: #101010; /* 43 */ white-space: nowrap; /* 44 */ } /* 45 */ .dropdown-menu > li > a:hover, /* 46 */ .dropdown-menu > li > a:focus { /* 47 */ text-decoration: none; /* 48 */ color: #FFFFFF; /* 49 */ background-color: #999999; /* 50 */ } /* 51 */ .dropdown-menu > .active > a, /* 52 */ .dropdown-menu > .active > a:hover, /* 53 */ .dropdown-menu > .active > a:focus { /* 54 */ color: #ffffff; /* 55 */ text-decoration: none; /* 56 */ outline: 0; /* 57 */ background-color: #999999; /* 58 */ } /* 59 */ .dropdown-menu > .disabled > a, /* 60 */ .dropdown-menu > .disabled > a:hover, /* 61 */ .dropdown-menu > .disabled > a:focus { /* 62 */ color: #d4d4d4; /* 63 */ } /* 64 */ .dropdown-menu > .disabled > a:hover, /* 65 */ .dropdown-menu > .disabled > a:focus { /* 66 */ text-decoration: none; /* 67 */ background-color: transparent; /* 68 */ background-image: none; /* 69 */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* 70 */ cursor: not-allowed; /* 71 */ } /* 72 */ .open > .dropdown-menu { /* 73 */ display: block; /* 74 */ } /* 75 */ .open > a { /* 76 */ outline: 0; /* 77 */ } /* 78 */ .dropdown-menu-right { /* 79 */ left: auto; /* 80 */ right: 0; /* 81 */ } /* 82 */ .dropdown-menu-left { /* 83 */ left: 0; /* 84 */ right: auto; /* 85 */ } /* 86 */ .dropdown-header { /* 87 */ display: block; /* 88 */ padding: 3px 20px; /* 89 */ font-size: 12px; /* 90 */ line-height: 1.42857143; /* 91 */ color: #777777; /* 92 */ white-space: nowrap; /* 93 */ } /* 94 */ .dropdown-backdrop { /* 95 */ position: fixed; /* 96 */ left: 0; /* 97 */ right: 0; /* 98 */ bottom: 0; /* 99 */ top: 0; /* 100 */ z-index: 990; /* 101 */ } /* 102 */ .pull-right > .dropdown-menu { /* 103 */ right: 0; /* 104 */ left: auto; /* 105 */ } /* 106 */ .dropup .caret, /* 107 */ .navbar-fixed-bottom .dropdown .caret { /* 108 */ /* This rule stays here as a reminder that dropup carets can be styled separately */ /* 109 */ } /* 110 */ .dropup .dropdown-menu, /* 111 */ .navbar-fixed-bottom .dropdown .dropdown-menu { /* 112 */ top: auto; /* 113 */ bottom: 100%; /* 114 */ margin-bottom: 2px; /* 115 */ } /* 116 */ @media (min-width: 768px) { /* 117 */ .navbar-right .dropdown-menu { /* 118 */ left: auto; /* 119 */ right: 0; /* 120 */ } /* 121 */ .navbar-right .dropdown-menu-left { /* 122 */ left: 0; /* 123 */ right: auto; /* 124 */ } /* 125 */ } /* --- /var/www/kulturportal/media/styles/collapsibles.css ------------------ */ /* 1 */ /* 2 */ /* /+ 3 +/ ************************* /+ 4 +/ $ACCORDEON / COLLAPSIBLES / MOBILE-MENU BEHAVIOUR /+ 5 +/ - Works together with collapsible.js /+ 6 +/ - Code example /+ 7 +/
/+ 8 +/
/+ 9 +/
/+ 10 +/
/+ 11 +/
/+ 12 +/
/+ 13 +/
/+ 14 +/ - "collapsible-preview" is optional, it will be faded out, as "collapsible-text" becomes visible. /+ 15 +/ - "collapsible-icon" is also optional /+ 16 +/ - "collapsible-icon" and "collapsible-toggler" do not have to be the same element /+ 17 +/ ************************* /+ 18 +/ */ /* 19 */ /* 20 */ .collapsible, /* 21 */ .collapsible-tinymce { /* 22 */ list-style-type: none; /* 23 */ position: relative; /* 24 */ } /* 25 */ /* 26 */ .collapsible-title { /* 27 */ position: relative; /* 28 */ display: block; /* 29 */ } /* 30 */ /* 31 */ .collapsible-toggler { /* 32 */ display: block; /* 33 */ position: relative; /* 34 */ cursor: pointer; /* 35 */ margin-bottom: 0; /* 36 */ } /* 37 */ /* 38 */ .collapsible-toggler--more, /* 39 */ .collapsible-toggler--less { /* 40 */ display: inline; /* 41 */ } /* 42 */ /* 43 */ .collapsible-title.collapsible-toggler { /* 44 */ padding-right: 35px; /* 45 */ } /* 46 */ /* 47 */ #filter-form-projekte .filter-form__rightcol .collapsible-title.collapsible-toggler { /* 48 */ padding-right: 0; /* 49 */ } /* 50 */ /* 51 */ .detail__overview .detail__description .collapsible-content { /* 52 */ line-height: 1.4em; /* 53 */ } /* 54 */ /* 55 */ .detail__overview .detail__description .collapsed .collapsible-content { /* 56 */ height: 7em; /* 57 */ overflow: hidden; /* 58 */ } /* 59 */ /* 60 */ .detail__overview .detail__description .collapsible-content { /* 61 */ margin-bottom: 10px; /* 62 */ } /* 63 */ /* 64 */ .detail__overview .detail__description .collapsed .collapsible-toggler-extended { /* 65 */ display: none; /* 66 */ } /* 67 */ /* 68 */ .detail__overview .detail__description .extended .collapsible-toggler-collapsed { /* 69 */ display: none; /* 70 */ } /* 71 */ /* 72 */ .detail__overview .detail__description .collapsible-button { /* 73 */ cursor: pointer; /* 74 */ } /* 75 */ /* 76 */ .collapsible-icon { /* 77 */ position: absolute; /* 78 */ right: 7px; /* 79 */ top: 50%; /* 80 */ font-size: 0; /* 81 */ /* 82 */ width: 8px; /* 83 */ height: 13px; /* 84 */ margin-top: -16px; /* 85 */ /* 86 */ background: url('../media/images/triangle.svg'); /* 87 */ background-repeat: no-repeat; /* 88 */ background-size: auto 100%; /* 89 */ background-position: center; /* 90 */ /* 91 */ transition: all 0.3s ease; /* 92 */ -webkit-transition: all 0.3s ease; /* 93 */ -moz-transition: all 0.3s ease; /* 94 */ -o-transition: all 0.3s ease; /* 95 */ } /* 96 */ /* 97 */ .collapsible-icon, /* 98 */ .collapsible-icon svg, /* 99 */ .collapsible-icon polygon { /* 100 */ fill: #813a3e; /* 101 */ } /* 102 */ /* 103 */ .collapsible-text { /* 104 */ /*overflow: hidden;*/ /* 105 */ display: none; /* 106 */ padding: 0; /* 107 */ } /* 108 */ /* 109 */ /* 110 */ /* 111 */ /* /+ 112 +/ ************************* /+ 113 +/ $OPEN /+ 114 +/ ************************* /+ 115 +/ */ /* 116 */ /* 117 */ .collapsible.open > .collapsible-icon, /* 118 */ .collapsible.open > .collapsible-toggler .collapsible-icon, /* 119 */ .collapsible.open > .collapsible-header .collapsible-toggler .collapsible-icon, /* 120 */ .collapsible.open > .collapsible-title .collapsible-icon, /* 121 */ .collapsible-tinymce.open > .collapsible-title > .collapsible-icon { /* 122 */ -webkit-transform: rotate(90deg); /* 123 */ -ms-transform: rotate(90deg); /* 124 */ transform: rotate(90deg); /* 125 */ } /* 126 */ /* 127 */ /* 128 */ /* 129 */ /* /+ 130 +/ ************************* /+ 131 +/ $NO-JS (Adding display:none by js would be more intelligent) /+ 132 +/ ************************* /+ 133 +/ */ /* 134 */ /* 135 */ .no-js .collapsible-icon { /* 136 */ display: none; /* 137 */ } /* 138 */ /* 139 */ .no-js .collapsible-text { /* 140 */ display: block; /* 141 */ } /* 142 */ /* 143 */ .collapsible--mob-icon { /* 144 */ position: absolute; /* 145 */ right: -7px; /* 146 */ top: 31px; /* 147 */ font-size: 0; /* 148 */ width: 59px; /* 149 */ height: 20px; /* 150 */ margin-top: -16px; /* 151 */ /* background: url(../media/images/triangle.svg);*/ /* 152 */ background-image: url(../media/images/triangle_nrw.svg); /* 153 */ background-repeat: no-repeat; /* 154 */ background-size: auto 100%; /* 155 */ background-position: center; /* 156 */ transition: all 0.3s ease; /* 157 */ -webkit-transition: all 0.3s ease; /* 158 */ -moz-transition: all 0.3s ease; /* 159 */ -o-transition: all 0.3s ease; /* 160 */ } /* 161 */ /* 162 */ nav.side-col.test.col.collapsible.collapsible--mob .collapsible-title.collapsible-toggler { /* 163 */ padding-right: 35px; /* 164 */ font-size: 12px; /* 165 */ font-weight: bold; /* 166 */ letter-spacing: 1.5px; /* 167 */ } /* 168 */ /* 169 */ .page-dynamic nav.side-col.test.col.collapsible.collapsible--mob { /* 170 */ padding-top: 14px; /* 171 */ padding-bottom: 13px; /* 172 */ padding-left: 15px; /* 173 */ text-transform: uppercase; /* 174 */ border-bottom: solid 1px #dad7d7; /* 175 */ } /* 176 */ /* 177 */ nav.side-col.test.col.collapsible.collapsible--mob.open .collapsible--mob-icon { /* 178 */ -webkit-transform: rotate(90deg); /* 179 */ -ms-transform: rotate(90deg); /* 180 */ transform: rotate(90deg); /* 181 */ } /* 182 */ /* 183 */ nav.side-col.test.col.collapsible.collapsible--mob.open ul.collapsible-text.collapsible-text--mob { /* 184 */ display: block; /* 185 */ } /* 186 */ /* 187 */ nav.side-col.test.col.collapsible.collapsible--mob.open ul.collapsible-text.collapsible-text--mob { /* 188 */ display: block; /* 189 */ text-transform: none; /* 190 */ line-height: 28px; /* 191 */ margin-top: 0px; /* 192 */ margin-bottom: 15px; /* 193 */ } /* 194 */ /* 195 */ /* 196 */ @media screen and (min-width: 1024px) { /* 197 */ /* 198 */ .collapsible--mob-icon { /* 199 */ display: none; /* 200 */ } /* 201 */ /* 202 */ .page-dynamic nav.side-col.test.col.collapsible.collapsible--mob { /* 203 */ padding-top: 0px; /* 204 */ } /* 205 */ /* 206 */ nav.side-col.test.col.collapsible.collapsible--mob ul.collapsible-text.collapsible-text--mob { /* 207 */ text-transform: none; /* 208 */ } /* 209 */ /* 210 */ .collapsible-title--mob { /* 211 */ visibility: hidden !important; /* 212 */ display: none !important; /* 213 */ } /* 214 */ /* 215 */ .page-dynamic .collapsible-title--mob { /* 216 */ visibility: visible !important; /* 217 */ display: block !important; /* 218 */ } /* 219 */ /* 220 */ .collapsible--mob .collapsible-text{ /* 221 */ visibility: visible !important; /* 222 */ display: block !important; /* 223 */ } /* 224 */ /* 225 */ } /* --- /var/www/kulturportal/media/styles/inputs.css ------------------------ */ /* 1 */ /* /+ 2 +/ * Input Elements /+ 3 +/ * /+ 4 +/ * Styles applicable to the entire project /+ 5 +/ * /+ 6 +/ */ /* 7 */ /* 8 */ /* TABLE OF CONTENTS /+ 9 +/ --------------------------- /+ 10 +/ 1. Buttons /+ 11 +/ 2. Input Fields /+ 12 +/ 3. Controls /+ 13 +/ 3.1. Radio Buttons /+ 14 +/ 3.2. Checkboxes /+ 15 +/ 3.3. Selectbox /+ 16 +/ /+ 17 +/ */ /* 18 */ /* 19 */ /* 20 */ /* 21 */ /* /+ 22 +/ ************************* /+ 23 +/ 1. BUTTONS /+ 24 +/ ************************* /+ 25 +/ */ /* 26 */ /* 27 */ .button { /* 28 */ display: inline-block; /* 29 */ vertical-align: top; /* 30 */ width: 100%; /* 31 */ min-height: 40px; /* 32 */ line-height: 28px; /* 33 */ padding: 5px 15px; /* 34 */ border: 0; /* 35 */ /* 36 */ background: #DC1B23; /* 37 */ color: #FFFFFF; /* 38 */ box-shadow: none; /* 39 */ /* 40 */ font-size: 12px; /* 41 */ letter-spacing: 2px; /* 42 */ font-weight: normal; /* 43 */ text-align: center; /* 44 */ text-transform: uppercase; /* 45 */ text-decoration: none; /* 46 */ margin-bottom: 20px; /* 47 */ /* 48 */ -ms-word-break: break-all; /* 49 */ word-break: break-all; /* 50 */ word-break: break-word; /* 51 */ -webkit-hyphens: auto; /* 52 */ -moz-hyphens: auto; /* 53 */ hyphens: auto; /* 54 */ /* 55 */ cursor: hand; /* 56 */ cursor: pointer; /* 57 */ -webkit-transition: color 0.3s ease-out, /* 58 */ background 0.3s ease-out; /* 59 */ transition: color 0.3s ease-out /* 60 */ background 0.3s ease-out; /* 61 */ } /* 62 */ /* 63 */ .button:hover, /* 64 */ .button:active, /* 65 */ .button:focus { /* 66 */ background: #CC3A3E; /* 67 */ color: #ffffff; /* 68 */ } /* 69 */ /* 70 */ .button.button--black { /* 71 */ background: #101010; /* 72 */ } /* 73 */ /* 74 */ .button.button--negative { /* 75 */ background: #FFFFFF; /* 76 */ border: 1px solid #e0e0e0; /* 77 */ color: #101010; /* 78 */ } /* 79 */ /* 80 */ .button.button--negative:hover, /* 81 */ .button.button--negative:active, /* 82 */ .button.button--negative:focus { /* 83 */ background: #FFFFFF; /* 84 */ color: #DC1B23; /* 85 */ } /* 86 */ /* 87 */ /* 88 */ /* 89 */ /* /+ 90 +/ ************************* /+ 91 +/ 2. INPUT FIELDS /+ 92 +/ ************************* /+ 93 +/ */ /* 94 */ /* 95 */ .filter-container__header, /* 96 */ .inputfield, /* 97 */ .textarea, /* 98 */ .searchfield__input, /* 99 */ .selectbox__selected, /* 100 */ .control { /* 101 */ font-family: 'Roboto', sans-serif; /* 102 */ font-size: 14px; /* 103 */ line-height: 20px; /* 104 */ letter-spacing: 0.5px; /* 105 */ font-weight: 500; /* 106 */ /* 107 */ width: 100%; /* 108 */ } /* 109 */ /* 110 */ .filter-container__header, /* 111 */ .inputfield, /* 112 */ .textarea, /* 113 */ .searchfield, /* 114 */ .selectbox { /* 115 */ width: 100%; /* 116 */ border: 1px solid #e0e0e0; /* 117 */ } /* 118 */ /* 119 */ .filter-container__header, /* 120 */ .inputfield, /* 121 */ .searchfield, /* 122 */ .selectbox { /* 123 */ position: relative; /* 124 */ height: 40px; /* 125 */ line-height: 40px; /* 126 */ } /* 127 */ /* 128 */ .searchfield__input, /* 129 */ .selectbox__selected { /* 130 */ height: 38px; /* 131 */ line-height: 38px; /* 132 */ } /* 133 */ /* 134 */ .inputfield.__AC_invalidated { /* 135 */ background-color: transparent; /* 136 */ background-image: url("/media/images/glass.svg"); /* 137 */ background-size: 22px 22px; /* 138 */ background-position: right 12px top 10px; /* 139 */ } /* 140 */ /* 141 */ .inputfield:focus::-webkit-input-placeholder { /* 142 */ opacity: 0; /* 143 */ } /* 144 */ /* 145 */ .inputfield:focus:-moz-placeholder { /* 146 */ opacity: 0; /* 147 */ } /* 148 */ /* 149 */ .inputfield:focus::-moz-placeholder { /* 150 */ opacity: 0; /* 151 */ } /* 152 */ /* 153 */ .inputfield:focus:-ms-input-placeholder { /* 154 */ opacity: 0; /* 155 */ } /* 156 */ /* 157 */ .searchfield__submit > svg { /* 158 */ height: 38px; /* 159 */ margin-right: -7px; /* 160 */ margin-top: -19px; /* 161 */ position: absolute; /* 162 */ right: 50%; /* 163 */ top: 50%; /* 164 */ width: 22px; /* 165 */ } /* 166 */ /* 167 */ .filter-container__icon { /* 168 */ height: 13px; /* 169 */ width: 8px; /* 170 */ /* 171 */ margin-top: -6px; /* 172 */ position: absolute; /* 173 */ right: 20px; /* 174 */ top: 50%; /* 175 */ vertical-align: middle; /* 176 */ } /* 177 */ /* 178 */ .textarea { /* 179 */ padding-top: 10px; /* 180 */ padding-bottom: 10px; /* 181 */ max-width: 100%; /* 182 */ } /* 183 */ /* 184 */ /* 185 */ /* 186 */ /* /+ 187 +/ ************************* /+ 188 +/ 3. CONTROLS /+ 189 +/ ************************* /+ 190 +/ */ /* 191 */ /* 192 */ .control { /* 193 */ display: block; /* 194 */ position: relative; /* 195 */ cursor: pointer; /* 196 */ padding-left: 30px; /* 197 */ } /* 198 */ /* 199 */ .control input:not(.inputfield) { /* 200 */ position: absolute; /* 201 */ z-index: -1; /* 202 */ opacity: 0; /* 203 */ } /* 204 */ /* 205 */ .control__indicator { /* 206 */ position: absolute; /* 207 */ top: 2px; /* 208 */ left: 0; /* 209 */ height: 18px; /* 210 */ width: 18px; /* 211 */ background: #ffffff; /* 212 */ border: 1px solid #e0e0e0; /* 213 */ } /* 214 */ /* 215 */ .control input:checked ~ .control__indicator { /* 216 */ background: #e0e0e0; /* 217 */ } /* 218 */ /* 219 */ .control input:disabled ~ .control__indicator { /* 220 */ background: #e0e0e0; /* 221 */ opacity: 0.6; /* 222 */ pointer-events: none; /* 223 */ } /* 224 */ .control__indicator:after { /* 225 */ content: ''; /* 226 */ position: absolute; /* 227 */ display: none; /* 228 */ } /* 229 */ .control input:checked ~ .control__indicator:after { /* 230 */ display: block; /* 231 */ } /* 232 */ /* 233 */ /* 234 */ /* 235 */ /* 3.1. Checkbox /+ 236 +/ ------------------------ */ /* 237 */ /* 238 */ /* Checkbox is not really styled yet, because at this moment we don't have checkboxes */ /* 239 */ /* 240 */ .control--checkbox .control__indicator:after { /* 241 */ left: 8px; /* 242 */ top: 4px; /* 243 */ width: 3px; /* 244 */ height: 8px; /* 245 */ border: solid #DC1B23; /* 246 */ border-width: 0 2px 2px 0; /* 247 */ transform: rotate(45deg); /* 248 */ } /* 249 */ /* 250 */ .control--checkbox input:disabled ~ .control__indicator:after { /* 251 */ border-color: #CC3A3E; /* 252 */ } /* 253 */ /* 254 */ .control--checkbox:hover input ~ .control__indicator, /* 255 */ .control--checkbox input:focus ~ .control__indicator { /* 256 */ background: #999999; /* 257 */ } /* 258 */ /* 259 */ .control--checkbox:hover input:not([disabled]):checked ~ .control__indicator, /* 260 */ .control--checkbox input:checked:focus ~ .control__indicator { /* 261 */ background: #0e647d; /* 262 */ } /* 263 */ /* 264 */ /* 265 */ /* 3.2. Radio Buttons /+ 266 +/ ------------------------ */ /* 267 */ /* 268 */ .control--radio .control__indicator { /* 269 */ border-radius: 50%; /* 270 */ } /* 271 */ /* 272 */ .control--radio:hover input ~ .control__indicator:after, /* 273 */ .control--radio input:focus ~ .control__indicator:after { /* 274 */ display: block; /* 275 */ background: #DC1B23; /* 276 */ } /* 277 */ /* 278 */ .control--radio .control__indicator:after { /* 279 */ left: 5px; /* 280 */ top: 5px; /* 281 */ height: 6px; /* 282 */ width: 6px; /* 283 */ border-radius: 50%; /* 284 */ background: #CC3A3E; /* 285 */ } /* 286 */ /* 287 */ .control--radio:hover input:disabled ~ .control__indicator:after, /* 288 */ .control--radio input:disabled:focus ~ .control__indicator:after { /* 289 */ background: #CC3A3E; /* 290 */ } /* 291 */ /* 292 */ /* 293 */ /* 3.1. Selectbox /+ 294 +/ ------------------------ */ /* 295 */ /* 296 */ select.bs-select-hidden, /* 297 */ select.selectpicker { /* 298 */ display: none !important; /* 299 */ } /* 300 */ /* 301 */ .selectbox { /* 302 */ position: relative; /* 303 */ width: 100%; /* 304 */ } /* 305 */ .selectbox > .dropdown-toggle { /* 306 */ cursor: pointer; /* 307 */ width: 100%; /* 308 */ height: 100%; /* 309 */ padding-right: 25px; /* 310 */ z-index: 1; /* 311 */ } /* 312 */ .selectbox > select { /* 313 */ position: absolute !important; /* 314 */ bottom: 0; /* 315 */ left: 50%; /* 316 */ display: block !important; /* 317 */ width: 0.5px !important; /* 318 */ height: 100% !important; /* 319 */ padding: 0 !important; /* 320 */ opacity: 0 !important; /* 321 */ border: none; /* 322 */ } /* 323 */ .selectbox > select.mobile-device { /* 324 */ top: 0; /* 325 */ left: 0; /* 326 */ display: block !important; /* 327 */ width: 100% !important; /* 328 */ z-index: 2; /* 329 */ } /* 330 */ .has-error .selectbox .dropdown-toggle, .error .selectbox .dropdown-toggle { /* 331 */ border-color: #b94a48; /* 332 */ } /* 333 */ .selectbox.fit-width { /* 334 */ width: auto !important; /* 335 */ } /* 336 */ .selectbox.form-control { /* 337 */ margin-bottom: 0; /* 338 */ padding: 0; /* 339 */ border: none; /* 340 */ } /* 341 */ .selectbox.form-control:not([class*="col-"]) { /* 342 */ width: 100%; /* 343 */ } /* 344 */ .selectbox.form-control.input-group-btn { /* 345 */ z-index: auto; /* 346 */ } /* 347 */ .selectbox.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { /* 348 */ border-radius: 0; /* 349 */ } /* 350 */ /* 351 */ .selectbox.btn-group:not(.input-group-btn), /* 352 */ .selectbox.btn-group[class*="col-"] { /* 353 */ float: none; /* 354 */ display: inline-block; /* 355 */ margin-left: 0; /* 356 */ } /* 357 */ .selectbox.btn-group.dropdown-menu-right, .selectbox.btn-group[class*="col-"].dropdown-menu-right, .row .selectbox.btn-group[class*="col-"].dropdown-menu-right { /* 358 */ float: right; /* 359 */ } /* 360 */ .form-inline .selectbox.btn-group, .form-horizontal .selectbox.btn-group, .form-group .selectbox.btn-group { /* 361 */ margin-bottom: 0; /* 362 */ } /* 363 */ .form-group-lg .selectbox.btn-group.form-control, .form-group-sm .selectbox.btn-group.form-control { /* 364 */ padding: 0; /* 365 */ } /* 366 */ .form-inline .selectbox.btn-group .form-control { /* 367 */ width: 100%; /* 368 */ } /* 369 */ .selectbox.btn-group.disabled, /* 370 */ .selectbox.btn-group > .disabled { /* 371 */ cursor: not-allowed; /* 372 */ } /* 373 */ .selectbox.btn-group.disabled:focus, /* 374 */ .selectbox.btn-group > .disabled:focus { /* 375 */ outline: none !important; /* 376 */ } /* 377 */ .selectbox.btn-group.bs-container { /* 378 */ position: absolute; /* 379 */ height: 0 !important; /* 380 */ padding: 0 !important; /* 381 */ } /* 382 */ .selectbox.btn-group.bs-container .dropdown-menu { /* 383 */ z-index: 1060; /* 384 */ } /* 385 */ .selectbox__selected { /* 386 */ height: 100%; /* 387 */ } /* 388 */ .selectbox.btn-group .dropdown-toggle .selectbox__selected { /* 389 */ display: inline-block; /* 390 */ overflow: hidden; /* 391 */ width: 100%; /* 392 */ text-align: left; /* 393 */ } /* 394 */ .selectbox.btn-group .dropdown-toggle .caret { /* 395 */ position: absolute; /* 396 */ display: inline-block; /* 397 */ top: 50%; /* 398 */ right: 20px; /* 399 */ margin-top: -6px; /* 400 */ width: 8px; /* 401 */ height: 13px; /* 402 */ vertical-align: middle; /* 403 */ background-image: url("images/triangle.svg"); /* 404 */ } /* 405 */ .selectbox.btn-group[class*="col-"] .dropdown-toggle { /* 406 */ width: 100%; /* 407 */ } /* 408 */ .selectbox.btn-group .dropdown-menu { /* 409 */ min-width: 100%; /* 410 */ -webkit-box-sizing: border-box; /* 411 */ -moz-box-sizing: border-box; /* 412 */ box-sizing: border-box; /* 413 */ } /* 414 */ .selectbox.btn-group .dropdown-menu.inner { /* 415 */ position: static; /* 416 */ float: none; /* 417 */ border: 0; /* 418 */ padding: 0; /* 419 */ margin: 0; /* 420 */ border-radius: 0; /* 421 */ box-shadow: none; /* 422 */ } /* 423 */ .selectbox.btn-group .dropdown-menu li { /* 424 */ position: relative; /* 425 */ } /* 426 */ .selectbox.btn-group .dropdown-menu li.active small { /* 427 */ color: #fff; /* 428 */ } /* 429 */ .selectbox.btn-group .dropdown-menu li.disabled a { /* 430 */ cursor: not-allowed; /* 431 */ } /* 432 */ .selectbox.btn-group .dropdown-menu li a { /* 433 */ cursor: pointer; /* 434 */ user-select: none; /* 435 */ } /* 436 */ .selectbox.btn-group .dropdown-menu li a.opt { /* 437 */ position: relative; /* 438 */ padding-left: 2.25em; /* 439 */ } /* 440 */ .selectbox.btn-group .dropdown-menu li a span.check-mark { /* 441 */ display: none; /* 442 */ } /* 443 */ .selectbox.btn-group .dropdown-menu li a span.text { /* 444 */ display: inline-block; /* 445 */ } /* 446 */ .selectbox.btn-group .dropdown-menu li small { /* 447 */ padding-left: 0.5em; /* 448 */ } /* 449 */ .selectbox.btn-group .dropdown-menu .notify { /* 450 */ position: absolute; /* 451 */ bottom: 5px; /* 452 */ width: 96%; /* 453 */ margin: 0 2%; /* 454 */ min-height: 26px; /* 455 */ padding: 3px 5px; /* 456 */ background: whitesmoke; /* 457 */ border: 1px solid #e3e3e3; /* 458 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); /* 459 */ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); /* 460 */ pointer-events: none; /* 461 */ opacity: 0.9; /* 462 */ -webkit-box-sizing: border-box; /* 463 */ -moz-box-sizing: border-box; /* 464 */ box-sizing: border-box; /* 465 */ } /* 466 */ .selectbox.btn-group .no-results { /* 467 */ padding: 3px; /* 468 */ background: #f5f5f5; /* 469 */ margin: 0 5px; /* 470 */ white-space: nowrap; /* 471 */ } /* 472 */ .selectbox.btn-group.fit-width .dropdown-toggle .selectbox__selected { /* 473 */ position: static; /* 474 */ } /* 475 */ .selectbox.btn-group.fit-width .dropdown-toggle .caret { /* 476 */ position: static; /* 477 */ top: auto; /* 478 */ margin-top: -1px; /* 479 */ } /* 480 */ .selectbox.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { /* 481 */ position: absolute; /* 482 */ display: inline-block; /* 483 */ right: 15px; /* 484 */ margin-top: 5px; /* 485 */ } /* 486 */ .selectbox.btn-group.show-tick .dropdown-menu li a span.text { /* 487 */ margin-right: 34px; /* 488 */ } /* 489 */ /* 490 */ .selectbox.show-menu-arrow.open > .dropdown-toggle { /* 491 */ z-index: 1061; /* 492 */ } /* 493 */ .selectbox.show-menu-arrow .dropdown-toggle:before { /* 494 */ content: ''; /* 495 */ border-left: 7px solid transparent; /* 496 */ border-right: 7px solid transparent; /* 497 */ border-bottom: 7px solid rgba(204, 204, 204, 0.2); /* 498 */ position: absolute; /* 499 */ bottom: -4px; /* 500 */ left: 9px; /* 501 */ display: none; /* 502 */ } /* 503 */ .selectbox.show-menu-arrow .dropdown-toggle:after { /* 504 */ content: ''; /* 505 */ border-left: 6px solid transparent; /* 506 */ border-right: 6px solid transparent; /* 507 */ border-bottom: 6px solid white; /* 508 */ position: absolute; /* 509 */ bottom: -4px; /* 510 */ left: 10px; /* 511 */ display: none; /* 512 */ } /* 513 */ .selectbox.show-menu-arrow.dropup .dropdown-toggle:before { /* 514 */ bottom: auto; /* 515 */ top: -3px; /* 516 */ border-top: 7px solid rgba(204, 204, 204, 0.2); /* 517 */ border-bottom: 0; /* 518 */ } /* 519 */ .selectbox.show-menu-arrow.dropup .dropdown-toggle:after { /* 520 */ bottom: auto; /* 521 */ top: -3px; /* 522 */ border-top: 6px solid white; /* 523 */ border-bottom: 0; /* 524 */ } /* 525 */ .selectbox.show-menu-arrow.pull-right .dropdown-toggle:before { /* 526 */ right: 12px; /* 527 */ left: auto; /* 528 */ } /* 529 */ .selectbox.show-menu-arrow.pull-right .dropdown-toggle:after { /* 530 */ right: 13px; /* 531 */ left: auto; /* 532 */ } /* 533 */ .selectbox.show-menu-arrow.open > .dropdown-toggle:before, /* 534 */ .selectbox.show-menu-arrow.open > .dropdown-toggle:after { /* 535 */ display: block; /* 536 */ } /* 537 */ /* 538 */ .bs-searchbox, /* 539 */ .bs-actionsbox, /* 540 */ .bs-donebutton { /* 541 */ padding: 4px 8px; /* 542 */ } /* 543 */ /* 544 */ .bs-actionsbox { /* 545 */ width: 100%; /* 546 */ -webkit-box-sizing: border-box; /* 547 */ -moz-box-sizing: border-box; /* 548 */ box-sizing: border-box; /* 549 */ } /* 550 */ .bs-actionsbox .btn-group button { /* 551 */ width: 50%; /* 552 */ } /* 553 */ /* 554 */ .bs-donebutton { /* 555 */ float: left; /* 556 */ width: 100%; /* 557 */ -webkit-box-sizing: border-box; /* 558 */ -moz-box-sizing: border-box; /* 559 */ box-sizing: border-box; /* 560 */ } /* 561 */ .bs-donebutton .btn-group button { /* 562 */ width: 100%; /* 563 */ } /* 564 */ /* 565 */ .bs-searchbox + .bs-actionsbox { /* 566 */ padding: 0 8px 4px; /* 567 */ } /* 568 */ .bs-searchbox .form-control { /* 569 */ margin-bottom: 0; /* 570 */ width: 100%; /* 571 */ float: none; /* 572 */ } /* 573 */ /* 574 */ /* 575 */ /* 576 */ @media screen and (min-width: 1024px) { /* 577 */ /* 578 */ .filter-item { /* 579 */ margin-bottom: 0; /* 580 */ border-bottom: 1px solid #e0e0e0; /* 581 */ } /* 582 */ /* 583 */ } /* --- /var/www/kulturportal/media/styles/user-panel.css -------------------- */ /* 1 */ #user-panel{ /* 2 */ line-height: 1.4em; /* 3 */ } /* 4 */ /* 5 */ #user-panel .close-icon { /* 6 */ background: url(../../media/images/mc-close.svg); /* 7 */ position: absolute; /* 8 */ display: block; /* 9 */ width: 20px; /* 10 */ height: 20px; /* 11 */ right: 30px; /* 12 */ background-repeat: no-repeat; /* 13 */ background-size: cover; /* 14 */ cursor: pointer; /* 15 */ } /* 16 */ /* 17 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer h1{ /* 18 */ margin: 0; /* 19 */ padding: 0; /* 20 */ } /* 21 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer.float-right{ /* 22 */ float:right; /* 23 */ } /* 24 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer, /* 25 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer{ /* 26 */ padding: 40px; /* 27 */ } /* 28 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer{ /* 29 */ padding-top: 0px; /* 30 */ } /* 31 */ .__CbRegButtonContainer #registerframe_button_register{ /* 32 */ margin-bottom: 8px; /* 33 */ } /* 34 */ .FullWidthContainer #registerframe_title, /* 35 */ .FullWidthContainer #registerframe_title_alt{ /* 36 */ width: 95% /* 37 */ } /* 38 */ #registerframe_message { /* 39 */ margin-bottom: 70px; /* 40 */ } /* 41 */ .member-item-name-box h4, .__CbRegButtonContainer, #registerframe_button_ok{ /* 42 */ margin: 0; /* 43 */ } /* 44 */ .__CbRegButtonContainer{ /* 45 */ padding: 0; /* 46 */ } /* 47 */ .CbControlbar2Window .close-register-window { /* 48 */ background: transparent url("../media/images/img_close-black.png") no-repeat scroll center center; /* 49 */ border: medium none; /* 50 */ height: 20px; /* 51 */ padding: 0; /* 52 */ position: absolute; /* 53 */ right: 20px; /* 54 */ top: 20px; /* 55 */ width: 20px; /* 56 */ cursor: pointer; /* 57 */ } /* 58 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbUiCloseButton{ /* 59 */ background-size: 14px 14px; /* 60 */ } /* 61 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbUiRegisterWindowCloseButton, /* 62 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbUiRegisterWindowCloseButton, /* 63 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer .__CbUiRegisterWindowCloseButton{ /* 64 */ top: 40px; /* 65 */ right: 40px; /* 66 */ } /* 67 */ #registerframe_password_hint{ /* 68 */ padding: 0; /* 69 */ margin-bottom: 8px; /* 70 */ } /* 71 */ #AddressData .reduced-line-height{ /* 72 */ height: 36px; /* 73 */ margin-bottom: 8px; /* 74 */ } /* 75 */ #AddressData #registerframe_button_register{ /* 76 */ margin: 0; /* 77 */ } /* 78 */ .CbControlbar2Window .register-pubish-profile-box .bootstrap-switch { /* 79 */ margin-left: 5px; /* 80 */ } /* 81 */ #registerframe_button_password_lost, /* 82 */ #registerframe_button_password_lost_inactive{ /* 83 */ color: #c0c0c0; /* 84 */ } /* 85 */ /* 86 */ #registerframe_error_user{ /* 87 */ margin: 0; /* 88 */ } /* 89 */ /* 90 */ .input-switch-button-cntnr{ /* 91 */ display: block; /* 92 */ width: 100%; /* 93 */ margin-bottom: 3px; /* 94 */ } /* 95 */ /* 96 */ #registerframe_password_lost{ /* 97 */ text-align: right; /* 98 */ padding-top: 4px; /* 99 */ /* 100 */ } /* 101 */ #registerframe_stay_logged_in .__CbRegButtonContainer{ /* 102 */ text-align: left; /* 103 */ } /* 104 */ #AddressData .reduced-line-height { /* 105 */ height: 37px; /* 106 */ margin-bottom: 8px; /* 107 */ } /* 108 */ .DSRegisterProfileWindow .RegisterProfileWindowTitle.tab.active { /* 109 */ background-color: #fff; /* 110 */ color: #000; /* 111 */ bottom: -1px; /* 112 */ position: relative; /* 113 */ padding-top: 22px; /* 114 */ } /* 115 */ .greyed-out { /* 116 */ color: #bbbbbb !important; /* 117 */ } /* 118 */ /* 119 */ .DSRegisterWindow .DSRegisterProfileWindow .padded-box { /* 120 */ background: #fcfcfc; /* 121 */ border-bottom: 1px solid #aaa; /* 122 */ } /* 123 */ .DSRegisterProfileWindow .RegisterProfileWindowTitle.tab:not(:empty) { /* 124 */ padding: 23px 15px 0 15px; /* 125 */ min-height: 58px; /* 126 */ vertical-align: middle; /* 127 */ box-sizing: border-box; /* 128 */ border-left: 1px solid #ccc; /* 129 */ font-weight: normal; /* 130 */ font-size: 125%; /* 131 */ } /* 132 */ .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab:last-of-type { /* 133 */ border-right: 1px solid #ccc; /* 134 */ } /* 135 */ .DSRegisterProfileWindow .RegisterProfileWindowTitle.tab:not(:empty):last-of-type { /* 136 */ border-right: 1px solid #ccc; /* 137 */ } /* 138 */ /* 139 */ .DSRegisterProfileWindow label.RegisterProfileWindowTitle { /* 140 */ margin-right: -4px; /* 141 */ } /* 142 */ /* 143 */ /* /+ 144 +/ ************************* /+ 145 +/ $USER PANEL /+ 146 +/ z-index: 10000-10999; /+ 147 +/ ************************* /+ 148 +/ */ /* 149 */ /* 150 */ .__CbUiLayer, /* 151 */ .__CbUiFrame { /* 152 */ z-index: 10000; /* 153 */ } /* 154 */ /* 155 */ .__CbUiFrame.__PixWindow * { /* 156 */ box-sizing: content-box; /* 157 */ } /* 158 */ /* 159 */ .user-panel { /* 160 */ color: #ffffff; /* 161 */ background: #585858; /* 162 */ padding: 27px 0 38px; /* 163 */ font-size: 13px; /* 164 */ display: none; /* 165 */ width: 100%; /* 166 */ height: auto; /* 167 */ position: relative; /* 168 */ } /* 169 */ /* 170 */ .user-panel-container { /* 171 */ margin: 0 auto; /* 172 */ padding: 0; /* 173 */ position: relative; /* 174 */ width: 1140px; /* 175 */ } /* 176 */ /* 177 */ .user-panel .left-pane { /* 178 */ width: 100%; /* 179 */ display: inline-block; /* 180 */ vertical-align: top; /* 181 */ margin-top: 5px; /* 182 */ } /* 183 */ /* 184 */ .user-panel h3 { /* 185 */ font-size: 14px; /* 186 */ margin-bottom: 18px; /* 187 */ margin-top: -7px; /* 188 */ font-weight: 400; /* 189 */ text-transform: uppercase; /* 190 */ letter-spacing: 2.4px; /* 191 */ } /* 192 */ /* 193 */ .user-panel .main-pane { /* 194 */ border-bottom: none; /* 195 */ padding-bottom: 15px; /* 196 */ min-height: 170px; /* 197 */ } /* 198 */ /* 199 */ .user-panel .collapsible-text-cntnr, /* 200 */ .user-panel .main-pane > * { /* 201 */ max-width: 550px; /* 202 */ width: 90%; /* 203 */ } /* 204 */ /* 205 */ .user-panel .collapsible-text-read-on-button { /* 206 */ cursor: pointer; /* 207 */ padding-left: 5px; /* 208 */ font-weight: bold; /* 209 */ } /* 210 */ /* 211 */ .user-panel p, /* 212 */ .user-panel .collapsible-text-short, /* 213 */ .user-panel .collapsible-text-rest { /* 214 */ color: #c7c7c7; /* 215 */ } /* 216 */ /* 217 */ .user-panel .collapsible-text-cntnr.collapsed br { /* 218 */ display: none; /* 219 */ } /* 220 */ /* 221 */ .user-panel .collapsible-text-cntnr.collapsed *:not(.collapsible-text-read-on-button) { /* 222 */ font-weight: normal !important; /* 223 */ } /* 224 */ /* 225 */ .user-panel .main-pane h5 { /* 226 */ font-size: 13px; /* 227 */ margin-bottom: 12px; /* 228 */ font-weight: normal; /* 229 */ } /* 230 */ /* 231 */ .user-panel .main-pane a { /* 232 */ margin-bottom: 10px; /* 233 */ font-size: 14px; /* 234 */ text-decoration: underline; /* 235 */ } /* 236 */ /* 237 */ .user-panel .main-pane .link { /* 238 */ margin-bottom: 10px; /* 239 */ } /* 240 */ /* 241 */ .user-panel .buttons-container { /* 242 */ margin-left: 3px; /* 243 */ margin-right: 25px; /* 244 */ } /* 245 */ /* 246 */ .user-panel .buttons-container button { /* 247 */ width: 175px; /* 248 */ background-image: none; /* 249 */ background-color: transparent; /* 250 */ font-size: 11px; /* 251 */ border: none; /* 252 */ padding: 0; /* 253 */ text-align: left; /* 254 */ cursor: pointer; /* 255 */ letter-spacing: 1px; /* 256 */ line-height: 21px; /* 257 */ text-transform: uppercase; /* 258 */ } /* 259 */ /* 260 */ .user-panel .divider { /* 261 */ width: 35px; /* 262 */ height: 1px; /* 263 */ border-top: 1px solid #ffffff; /* 264 */ margin: 15px 0; /* 265 */ } /* 266 */ /* 267 */ .user-panel .right-pane { /* 268 */ width: 100%; /* 269 */ max-width: 175px; /* 270 */ display: inline-block; /* 271 */ vertical-align: top; /* 272 */ } /* 273 */ /* 274 */ .user-panel .buttons-container * { /* 275 */ font-size: 13px; /* 276 */ line-height: 1em; /* 277 */ } /* 278 */ /* 279 */ .user-panel .container12, /* 280 */ .user-panel .container16 { /* 281 */ margin:0 auto; /* 282 */ padding:0; /* 283 */ position:relative; /* 284 */ width:1140px; /* 285 */ } /* 286 */ /* 287 */ .DSRegisterWindow .close-register-window { /* 288 */ background: transparent url("../media/images/img_close-black.png") no-repeat scroll center center; /* 289 */ border: medium none; /* 290 */ height: 20px; /* 291 */ padding: 0; /* 292 */ position: absolute; /* 293 */ right: 20px; /* 294 */ top: 20px; /* 295 */ width: 20px; /* 296 */ cursor: pointer; /* 297 */ } /* 298 */ /* 299 */ /* /+ 300 +/ ************************* /+ 301 +/ USER PANEL CONTACT DATA /+ 302 +/ ************************* /+ 303 +/ */ /* 304 */ /* 305 */ .CbControlbar2Window * { /* 306 */ box-sizing: border-box; /* 307 */ } /* 308 */ /* 309 */ .CbControlbar2Window.__CbUiFrame { /* 310 */ font-size: 14px; /* 311 */ } /* 312 */ /* 313 */ .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab.active { /* 314 */ position: relative; /* 315 */ bottom: -1px; /* 316 */ background-color: #ffffff; /* 317 */ } /* 318 */ /* 319 */ label.CbControlbar2RegisterWindowTitle.tab:not(:empty) { /* 320 */ border-left: 1px solid #ccc; /* 321 */ border-right: none; /* 322 */ } /* 323 */ /* 324 */ /* 325 */ /* 326 */ .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.__CbUiText.tab:last-of-type { /* 327 */ border-right: 1px solid #ccc; /* 328 */ } /* 329 */ /* 330 */ .__CbUiFrame.DSRegisterWindow .padded-box.no-bottom-padding { /* 331 */ padding-bottom: 0px; /* 332 */ padding-top: 0; /* 333 */ } /* 334 */ /* 335 */ .CbControlbar2RegisterWindowTitleContainer { /* 336 */ padding-left: 39px; /* 337 */ background-color: #fcfcfc; /* 338 */ } /* 339 */ /* 340 */ .CbControlbar2Window .publish-profile-hints-text { /* 341 */ background-color: #ffffff; /* 342 */ box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4); /* 343 */ opacity: 0; /* 344 */ padding: 1em; /* 345 */ position: absolute; /* 346 */ right: 0; /* 347 */ text-align: left; /* 348 */ transition: opacity 0.5s ease 0s; /* 349 */ width: 50%; /* 350 */ } /* 351 */ /* 352 */ .CbControlbar2Window .publish-profile-hints:hover + .publish-profile-hints-text { /* 353 */ opacity: 1; /* 354 */ } /* 355 */ /* 356 */ .CbControlbar2Window .publish-profile-hints { /* 357 */ color: #db0404; /* 358 */ margin-top: 7px; /* 359 */ } /* 360 */ /* 361 */ .CbControlbar2Window .member-item-head img[src=""] { /* 362 */ display: none; /* 363 */ } /* 364 */ /* 365 */ .CbControlbar2Window .member-item-name-box { /* 366 */ float: left; /* 367 */ width: 70%; /* 368 */ } /* 369 */ /* 370 */ /* 371 */ .CbControlbar2Window .member-item { /* 372 */ overflow-y: auto; /* 373 */ overflow-x: hidden; /* 374 */ max-height: 460px; /* 375 */ position: relative; /* 376 */ } /* 377 */ /* 378 */ .CbControlbar2Window .register-pubish-profile-box { /* 379 */ float: left; /* 380 */ width: 30%; /* 381 */ } /* 382 */ /* 383 */ .CbControlbar2Window .member-item-head { /* 384 */ border-bottom: 1px solid #cccccc; /* 385 */ min-height: 85px; /* 386 */ } /* 387 */ /* 388 */ .CbControlbar2Window .member-item-content { /* 389 */ padding-top: 4%; /* 390 */ margin-bottom: 4%; /* 391 */ } /* 392 */ /* 393 */ .CbControlbar2Window .member-item-contact, /* 394 */ .CbControlbar2Window .member-item-activity { /* 395 */ display: table-cell; /* 396 */ } /* 397 */ /* 398 */ .CbControlbar2Window .member-item-contact { /* 399 */ width: 39%; /* 400 */ margin-right: 3%; /* 401 */ border-right: 1px solid #cccccc; /* 402 */ } /* 403 */ /* 404 */ .CbControlbar2Window .member-item-activity { /* 405 */ width: 58%; /* 406 */ padding-left: 5%; /* 407 */ height: 290px; /* 408 */ overflow: auto; /* 409 */ } /* 410 */ /* 411 */ .CbControlbar2Window .member-item-container { /* 412 */ position: relative; /* 413 */ } /* 414 */ /* 415 */ .CbControlbar2Window .member-item-container::after, /* 416 */ .CbControlbar2Window .member-item-container::before { /* 417 */ background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.7) 70%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0; /* 418 */ bottom: 0; /* 419 */ left: 39%; /* 420 */ content: ""; /* 421 */ display: block; /* 422 */ height: 100px; /* 423 */ max-width: 850px; /* 424 */ pointer-events: none; /* 425 */ position: absolute; /* 426 */ width: 58%; /* 427 */ z-index: 1; /* 428 */ } /* 429 */ /* 430 */ .CbControlbar2Window .member-item-container::before { /* 431 */ width: 39%; /* 432 */ height: 200px; /* 433 */ left: 0; /* 434 */ } /* 435 */ /* 436 */ .CbControlbar2Window .register-pubish-profile-box .input-switch-button-cntnr, /* 437 */ .CbControlbar2Window .register-pubish-profile-box .publish-profile-hints { /* 438 */ text-align: right; /* 439 */ } /* 440 */ /* 441 */ .CbControlbar2Window .member-item-contact .input-switch-button .address { /* 442 */ float: left; /* 443 */ } /* 444 */ /* 445 */ .CbControlbar2Window .member-item-contact .input-switch-button .bootstrap-switch { /* 446 */ float: right; /* 447 */ margin-right: 20px; /* 448 */ } /* 449 */ .bootstrap-switch.bootstrap-switch-on { /* 450 */ background-color: #000000; /* 451 */ } /* 452 */ .CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton{ /* 453 */ padding-top: 12px; /* 454 */ padding-bottom: 12px; /* 455 */ } /* 456 */ /* 457 */ .CbControlbar2Window .member-item-activity > ul > li { /* 458 */ list-style-type: none; /* 459 */ } /* 460 */ /* 461 */ .CbControlbar2Window .member-item h4 { /* 462 */ cursor: pointer; /* 463 */ font-size: 20px; /* 464 */ font-weight: normal; /* 465 */ margin: 0.25em 0; /* 466 */ } /* 467 */ /* 468 */ .CbControlbar2Window .member-item-activity h5, /* 469 */ .CbControlbar2Window .member-item-contact h5 { /* 470 */ font-size: 13px; /* 471 */ text-transform: uppercase; /* 472 */ margin-bottom: 2%; /* 473 */ } /* 474 */ /* 475 */ .CbControlbar2Window .member-item-activity > ul { /* 476 */ margin-bottom: 1em; /* 477 */ } /* 478 */ /* 479 */ .CbControlbar2Window .styled-select { /* 480 */ width: 100%; /* 481 */ } /* 482 */ /* 483 */ .CbControlbar2Window .__CbRegInputLine .styled-select, /* 484 */ .CbControlbar2Window .styled-select { /* 485 */ border-radius: 5px; /* 486 */ margin-bottom: 0; /* 487 */ box-shadow: none; /* 488 */ margin-bottom: 0; /* 489 */ border: 2px solid #d0d0d0; /* 490 */ } /* 491 */ /* 492 */ .CbControlbar2Window .styled-select select { /* 493 */ border-radius: 0; /* 494 */ box-shadow: none; /* 495 */ font-size: 14px; /* 496 */ padding-bottom: 3px; /* 497 */ padding-left: 16px !important; /* 498 */ padding-top: 5px; /* 499 */ min-height: 38px !important /* 500 */ } /* 501 */ /* 502 */ .__CbUiWindowContent .__CbRegInputs .__CbRegButtonContainer{ /* 503 */ padding: 0; /* 504 */ } /* 505 */ /* 506 */ .registerframe_dept_edit { /* 507 */ margin-top: 40px; /* 508 */ } /* 509 */ /* 510 */ .controlbar-control .controlbar-log-button { /* 511 */ height: 40px; /* 512 */ } /* 513 */ /* 514 */ span#user-panel-register-link, /* 515 */ span#user-panel-address-link, /* 516 */ span#user-panel-address-link2, /* 517 */ span#user-panel-stage-link, /* 518 */ span#user-panel-film-link { /* 519 */ color: white; /* 520 */ cursor: pointer; /* 521 */ } /* 522 */ /* 523 */ @media screen and (max-width: 767px) { /* 524 */ /* 525 */ .CbControlbar2Window .member-item-name-box, /* 526 */ .CbControlbar2Window .register-pubish-profile-box, /* 527 */ .CbControlbar2Window .member-item-contact, /* 528 */ .CbControlbar2Window .member-item-activity { /* 529 */ float: none; /* 530 */ display: block; /* 531 */ border: none; /* 532 */ width: 100%; /* 533 */ } /* 534 */ /* 535 */ .CbControlbar2Window .member-item-head { /* 536 */ padding-bottom: 20px; /* 537 */ } /* 538 */ /* 539 */ .CbControlbar2Window .publish-profile-hints-text { /* 540 */ width: 100%; /* 541 */ z-index: 1; /* 542 */ } /* 543 */ /* 544 */ .member-item-name-box h4, /* 545 */ .member-item-name-box .desc { /* 546 */ margin-bottom: 10px; /* 547 */ } /* 548 */ /* 549 */ .CbControlbar2Window .register-pubish-profile-box .input-switch-button-cntnr, /* 550 */ .CbControlbar2Window .register-pubish-profile-box .publish-profile-hints { /* 551 */ text-align: left; /* 552 */ } /* 553 */ /* 554 */ .CbControlbar2Window .register-pubish-profile-box .bootstrap-switch-wrapper { /* 555 */ float: right; /* 556 */ margin-right: 20px; /* 557 */ } /* 558 */ /* 559 */ } /* 560 */ /* 561 */ @media screen and (min-width: 1024px) { /* 562 */ /* 563 */ .user-panel .left-pane { /* 564 */ border-right: 1px solid #ffffff; /* 565 */ } /* 566 */ /* 567 */ .user-panel .left-pane { /* 568 */ width: 85%; /* 569 */ float: left; /* 570 */ } /* 571 */ /* 572 */ .user-panel .right-pane { /* 573 */ width: 15%; /* 574 */ } /* 575 */ /* 576 */ } /* 577 */ /* --- /var/www/kulturportal/media/styles/cb_tex_window.css ----------------- */ /* 1 */ /* 2 */ /* /+ 3 +/ ************************* /+ 4 +/ $CB_TEXT_WINDOW /+ 5 +/ z-index: 11000-11999; /+ 6 +/ ************************* /+ 7 +/ */ /* 8 */ /* 9 */ .__CbUiCbTexPage-1 .__CbUiCbTexNextPageButton { /* 10 */ float: right; /* 11 */ } /* 12 */ /* 13 */ .__CbUiCbTexPage-2 .__CbUiCbTexSubmitButton, /* 14 */ .__CbUiCbTexPage-2 .__CbUiCbTexPreviousPageButton { /* 15 */ float: right; /* 16 */ } /* 17 */ /* 18 */ .__CbUiEditButtons { /* 19 */ width: 650px; /* 20 */ margin: 10px 0; /* 21 */ padding: 0 0 0 0; /* 22 */ list-style: none; /* 23 */ bottom: 10px; /* 24 */ } /* 25 */ /* 26 */ .__CbUiCbTexWindow .tile-item-positioner { /* 27 */ text-align: center; /* 28 */ float: left; /* 29 */ width: 100%; /* 30 */ height: 100%; /* 31 */ padding: 4px; /* 32 */ margin: 2px; /* 33 */ position: relative; /* 34 */ border: 1px solid #CCCCCA; /* 35 */ border-radius: 4px; /* 36 */ background: #ffffff; /* 37 */ -moz-box-shadow: 0 0 5px rgb(189,190,178); /* 38 */ -webkit-box-shadow: 2px 2px 5px rgb(189,190,178); /* 39 */ box-shadow: 2px 2px 5px rgb(189,190,178); /* 40 */ display: table; /* 41 */ } /* 42 */ /* 43 */ .__CbUiCbTexWindow .image-tile-preview-info { /* 44 */ display: table-cell; /* 45 */ text-align: center; /* 46 */ vertical-align: middle; /* 47 */ } /* 48 */ /* 49 */ div#form_upload { /* 50 */ z-index: 11000; /* 51 */ left: -1001px; /* 52 */ } /* 53 */ /* 54 */ #cb_editbtns { /* 55 */ z-index: 11000; /* 56 */ } /* 57 */ /* 58 */ .__CbUiDDSlickContainer .dd-selected-image, /* 59 */ .__CbUiDDSlickContainer .dd-option-image { /* 60 */ margin-right: 15px; /* 61 */ } /* 62 */ /* 63 */ .__CbUiDDSlickContainer .dd-selected-text, /* 64 */ .__CbUiDDSlickContainer .dd-option-text { /* 65 */ line-height: 28px; /* 66 */ } /* 67 */ /* 68 */ .__CbUiDDSlickContainer { /* 69 */ margin: 10px 0 30px; /* 70 */ padding: 10px 20px; /* 71 */ background-color: #fff; /* 72 */ box-shadow: 2px 2px 5px rgb(189, 190, 178); /* 73 */ } /* 74 */ /* 75 */ .__CbUiDDSlickContainer .dd-container { /* 76 */ margin: 0 auto; /* 77 */ } /* 78 */ /* 79 */ .__CbUiDDSlickContainer .dd-selected, /* 80 */ .__CbUiDDSlickContainer .dd-option { /* 81 */ padding: 5px 10px; /* 82 */ } /* 83 */ /* 84 */ .__CbUiCloseButton.__CbUiRegisterWindowCloseButton { /* 85 */ top: 40px !important; /* 86 */ } /* 87 */ /* 88 */ #CbTexAbbrevTitle, #CbTexAbbrevText { /* 89 */ float: left; /* 90 */ height: 44px; /* 91 */ margin: 11px 0 0 20px; /* 92 */ min-height: 44px; /* 93 */ width: 445px; /* 94 */ } /* --- /var/www/kulturportal/media/styles/onepager_intro_layer.css ---------- */ /* 1 */ .onepager-layer { /* 2 */ display: none; /* 3 */ position: absolute; /* 4 */ left: 0; /* 5 */ top: 0; /* 6 */ width: 100%; /* 7 */ height: 100%; /* 8 */ background-color: #FFFFFF; /* 9 */ z-index: 10001; /* 10 */ font-family: "Roboto", sans-serif; /* 11 */ -moz-osx-font-smoothing: grayscale; /* 12 */ } /* 13 */ .onepager-layer h1, .onepager-layer h2, .onepager-layer h3, .onepager-layer h4, .onepager-layer h5, .onepager-layer h6 { /* 14 */ font-family: "Roboto", sans-serif; /* 15 */ letter-spacing: 0; /* 16 */ } /* 17 */ /* 18 */ .onepager-layer-header { /* 19 */ width: 100%; /* 20 */ height: 50px; /* 21 */ text-align: center; /* 22 */ padding: 15px; /* 23 */ font-size: 12px; /* 24 */ position: absolute; /* 25 */ z-index: 1; /* 26 */ text-align: left; /* 27 */ display: flex; /* 28 */ justify-content: flex-end; /* 29 */ } /* 30 */ .onepager-layer-header .onepager-layer-header-close { /* 31 */ opacity: 0.35; /* 32 */ transition: all 0.5s ease; /* 33 */ cursor: pointer; /* 34 */ } /* 35 */ .onepager-layer-header .onepager-layer-header-close:hover { /* 36 */ opacity: 1; /* 37 */ transform: rotate(90deg); /* 38 */ } /* 39 */ /* 40 */ .onepager-layer-content { /* 41 */ position: relative; /* 42 */ z-index: 0; /* 43 */ width: 100%; /* 44 */ height: 100%; /* 45 */ } /* 46 */ /* 47 */ .swiper-pagination-bullet-active { /* 48 */ opacity: 1; /* 49 */ background: #dc1b23; /* 50 */ } /* 51 */ /* 52 */ .swiper-pagination-bullet { /* 53 */ width: 12px; /* 54 */ height: 12px; /* 55 */ display: inline-block; /* 56 */ border-radius: 100%; /* 57 */ background: #000; /* 58 */ opacity: 0.2; /* 59 */ } /* 60 */ /* 61 */ .onepager-layer img { /* 62 */ display: block; /* 63 */ width: 100%; /* 64 */ } /* 65 */ /* 66 */ .swiper-button-prev, /* 67 */ .swiper-container-rtl .swiper-button-next, /* 68 */ .onepager-layer .swiper-button-next, /* 69 */ .onepager-layer .swiper-container-rtl .onepager-layer .swiper-button-prev { /* 70 */ background-repeat: no-repeat; /* 71 */ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%232f74a9'%2F%3E%3C%2Fsvg%3E"); /* 72 */ outline: none; /* 73 */ cursor: pointer; /* 74 */ pointer-events: auto; /* 75 */ width: 50px !important; /* 76 */ height: 520px !important; /* 77 */ margin-top: -260px !important; /* 78 */ top: 50%; /* 79 */ background-size: 27px 44px; /* 80 */ background-position: center; /* 81 */ opacity: 1; /* 82 */ transition: all 0.4s ease; /* 83 */ display: none; /* 84 */ } /* 85 */ .swiper-button-prev:hover, /* 86 */ .swiper-container-rtl .swiper-button-next:hover, /* 87 */ .onepager-layer .swiper-button-next:hover, /* 88 */ .onepager-layer .swiper-container-rtl .onepager-layer .swiper-button-prev:hover { /* 89 */ opacity: 1; /* 90 */ filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=1, Color='#444')"; /* 91 */ /* filter: url(#drop-shadow); */ /* 92 */ -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.5)); /* 93 */ filter: drop-shadow(0px -1px 6px rgba(0, 0, 0, 0.6)); /* 94 */ margin-left: -5px; /* 95 */ } /* 96 */ /* 97 */ .swiper-button-prev, .swiper-container-rtl .swiper-button-next { /* 98 */ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%232f74a9'%2F%3E%3C%2Fsvg%3E") !important; /* 99 */ } /* 100 */ .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover { /* 101 */ margin-right: -5px; /* 102 */ } /* 103 */ /* 104 */ .swiper-button-next:hover { /* 105 */ margin-right: -5px; /* 106 */ } /* 107 */ /* 108 */ .swiper-button-prev.swiper-button-disabled { /* 109 */ opacity: 0.2; /* 110 */ cursor: auto; /* 111 */ pointer-events: none; /* 112 */ width: 50px; /* 113 */ height: 150px; /* 114 */ margin-top: -75px; /* 115 */ transform: rotate(-180deg); /* 116 */ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23CCCCCC'%2F%3E%3C%2Fsvg%3E") !important; /* 117 */ } /* 118 */ /* 119 */ .swiper-button-next.swiper-button-disabled { /* 120 */ opacity: 0.2; /* 121 */ cursor: auto; /* 122 */ pointer-events: none; /* 123 */ width: 50px; /* 124 */ height: 150px; /* 125 */ margin-top: -75px; /* 126 */ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23CCCCCC'%2F%3E%3C%2Fsvg%3E") !important; /* 127 */ } /* 128 */ /* 129 */ .swiper-container { /* 130 */ width: 100%; /* 131 */ height: 100%; /* 132 */ } /* 133 */ /* 134 */ .swiper-slide { /* 135 */ text-align: center; /* 136 */ font-size: 18px; /* 137 */ background: #fff; /* 138 */ /* Center slide text vertically */ /* 139 */ display: -webkit-box; /* 140 */ display: -ms-flexbox; /* 141 */ display: -webkit-flex; /* 142 */ display: flex; /* 143 */ -webkit-box-pack: center; /* 144 */ -ms-flex-pack: center; /* 145 */ -webkit-justify-content: center; /* 146 */ justify-content: center; /* 147 */ -webkit-box-align: center; /* 148 */ -ms-flex-align: center; /* 149 */ -webkit-align-items: center; /* 150 */ align-items: center; /* 151 */ } /* 152 */ .swiper-slide .swiper-slide-headline { /* 153 */ left: 70px; /* 154 */ position: absolute; /* 155 */ top: 20px; /* 156 */ display: flex; /* 157 */ justify-content: flex-start; /* 158 */ width: 100%; /* 159 */ color: #2f74a9; /* 160 */ font-size: 32px; /* 161 */ font-weight: 700; /* 162 */ line-height: 48px; /* 163 */ } /* 164 */ .swiper-slide .swiper-slide-wrapper { /* 165 */ position: absolute; /* 166 */ width: 25%; /* 167 */ left: 70px; /* 168 */ text-align: left; /* 169 */ color: #505050; /* 170 */ top: 102px; /* 171 */ } /* 172 */ .swiper-slide .swiper-slide-wrapper .slide-number { /* 173 */ font-size: 60px; /* 174 */ margin-bottom: 10px; /* 175 */ font-weight: 700; /* 176 */ line-height: 71px; /* 177 */ } /* 178 */ .swiper-slide .swiper-slide-wrapper h3, .swiper-slide .swiper-slide-wrapper p { /* 179 */ text-align: left; /* 180 */ line-height: 26px; /* 181 */ margin-bottom: 20px; /* 182 */ font-size: 20px; /* 183 */ font-weight: 600; /* 184 */ color: #505050; /* 185 */ text-transform: none; /* 186 */ } /* 187 */ .swiper-slide .swiper-slide-wrapper p { /* 188 */ font-size: 16px; /* 189 */ line-height: 22px; /* 190 */ font-weight: normal; /* 191 */ min-width: 180px; /* 192 */ letter-spacing: 0; /* 193 */ } /* 194 */ .swiper-slide .swiper-slide-wrapper a { /* 195 */ color: #2f74a9; /* 196 */ } /* 197 */ /* 198 */ .onepager-layer-bottom { /* 199 */ background-color: #fff; /* 200 */ width: 100%; /* 201 */ height: 70px; /* 202 */ /* position: absolute; */ /* 203 */ z-index: 1; /* 204 */ display: flex; /* 205 */ justify-content: space-between; /* 206 */ align-items: center; /* 207 */ padding: 15px; /* 208 */ bottom: 0; /* 209 */ } /* 210 */ .onepager-layer-bottom .btn-slides-next { /* 211 */ color: #fff; /* 212 */ background-color: #2f74a9; /* 213 */ border-color: #2f74a9; /* 214 */ min-width: 180px; /* 215 */ border-radius: 0.25rem; /* 216 */ font-size: 16px; /* 217 */ line-height: 1.5; /* 218 */ padding: 0.375rem 0.75rem; /* 219 */ cursor: pointer; /* 220 */ } /* 221 */ .onepager-layer-bottom .btn-slides-next:hover { /* 222 */ background-color: #1e4b6d; /* 223 */ } /* 224 */ .onepager-layer-bottom .btn-slides-next:focus { /* 225 */ outline: 0; /* 226 */ box-shadow: none; /* 227 */ } /* 228 */ .onepager-layer-bottom label.input-switch-button { /* 229 */ margin-left: 20px; /* 230 */ } /* 231 */ /* 232 */ #open-onepager-overview-button { /* 233 */ padding: 8px; /* 234 */ padding-left: 10px; /* 235 */ padding-right: 10px; /* 236 */ background-color: #DC1B23; /* 237 */ color: #FFFFFF; /* 238 */ font-size: 15px; /* 239 */ font-weight: 600; /* 240 */ letter-spacing: 0.6px; /* 241 */ text-transform: uppercase; /* 242 */ float: right; /* 243 */ display: none; /* 244 */ margin-left: 10px; /* 245 */ border-radius: 4px; /* 246 */ cursor: pointer; /* 247 */ transition: all 0.4s ease; /* 248 */ /* filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5)); */ /* 249 */ } /* 250 */ #open-onepager-overview-button:hover { /* 251 */ background-color: #981318; /* 252 */ } /* 253 */ /* 254 */ .onepager-layer-bottom-right { /* 255 */ float: right; /* 256 */ } /* 257 */ /* 258 */ .onepager-layer .bootstrap-switch-container { /* 259 */ background-color: #2f74a9; /* 260 */ } /* 261 */ .onepager-layer .bootstrap-switch-container .bootstrap-switch-label { /* 262 */ top: 0; /* 263 */ right: unset; /* 264 */ } /* 265 */ /* 266 */ .onepager-layer-bottom-left { /* 267 */ display: flex; /* 268 */ align-items: center; /* 269 */ } /* 270 */ .onepager-layer-bottom-left input { /* 271 */ width: 15px; /* 272 */ height: 15px; /* 273 */ -webkit-appearance: checkbox; /* 274 */ } /* 275 */ /* 276 */ span.show_onepager_layer_again_span { /* 277 */ margin-left: 10px; /* 278 */ } /* 279 */ /* 280 */ span.swiper-pagination-bullet { /* 281 */ width: 15px; /* 282 */ height: 15px; /* 283 */ } /* 284 */ /* 285 */ @media screen and (min-width: 768px) { /* 286 */ .onepager-layer { /* 287 */ width: 900px; /* 288 */ height: 506px; /* 289 */ left: calc((100% - 900px) / 2); /* 290 */ top: calc((100% - 506px) / 4); /* 291 */ } /* 292 */ .onepager-layer-header, /* 293 */ .onepager-layer-bottom { /* 294 */ color: #484543; /* 295 */ } /* 296 */ .onepager-layer-backgound-layer { /* 297 */ position: fixed; /* 298 */ top: 0; /* 299 */ left: 0; /* 300 */ width: 100%; /* 301 */ height: 100%; /* 302 */ opacity: 0.85; /* 303 */ background-color: rgb(0, 0, 0); /* 304 */ z-index: 10000; /* 305 */ display: none; /* 306 */ } /* 307 */ } /* 308 */ /* 309 */ /*# sourceMappingURL=onepager_intro_layer.css.map */ /* 310 */ /* --- /var/www/kulturportal/media/styles/editor.css ------------------------ */ /* 1 */ .page-edit { /* 2 */ visibility: hidden; /* 3 */ } /* 4 */ .page-edit textarea { /* 5 */ width: 100%; /* 6 */ height: 500px; /* 7 */ } /* 8 */ /* 9 */ .overlay { /* 10 */ display: none; /* 11 */ background-color: rgb(0, 0, 0); /* 12 */ position: fixed; /* 13 */ top: 0; /* 14 */ left: 0; /* 15 */ height: 100%; /* 16 */ width: 100%; /* 17 */ z-index: 999; /* 18 */ } /* 19 */ .overlay-edit-form { /* 20 */ /*display: none;*/ /* 21 */ background-color: rgb(238, 238, 231); /* 22 */ margin: 0; /* 23 */ position: fixed; /* 24 */ top: 50px; /* 25 */ left: 0; /* 26 */ right: 0; /* 27 */ width: 680px; /* 28 */ z-index: 1336; /* 29 */ border-radius: 5px; /* 30 */ text-align: center; /* 31 */ border: 1px solid #FFFFFF; /* 32 */ -moz-box-shadow: 10px 10px 5px rgba(80, 80, 80, 0.6); /* 33 */ -webkit-box-shadow: 10px 10px 5px rgba(80, 80, 80, 0.6); /* 34 */ box-shadow: 10px 10px 5px rgba(80, 80, 80, 0.6); /* 35 */ } /* 36 */ .overlay-edit-form.edit-form { /* 37 */ min-height: 450px; /* 38 */ } /* 39 */ .overlay-edit-form.article-form { /* 40 */ min-height: 530px; /* 41 */ } /* 42 */ .overlay-edit-form textarea, /* 43 */ .overlay-edit-form input[type="text"] { /* 44 */ width: 620px; /* 45 */ border: none; /* 46 */ border-top: 1px solid #CCCCCC; /* 47 */ border-bottom: 1px solid #CCCCCC; /* 48 */ } /* 49 */ .overlay-edit-form textarea, /* 50 */ .overlay-edit-form input[type="text"], /* 51 */ .mceContentBody p { /* 52 */ font-family: Arial, sans-serif; /* 53 */ color: #000000; /* 54 */ font-family: Verdana, Arial, Helvetica, sans-serif; /* 55 */ font-size: 10px; /* 56 */ } /* 57 */ .overlay-edit-form input[type="text"] { /* 58 */ width: 608px; /* 59 */ padding: 5px; /* 60 */ } /* 61 */ .overlay-edit-form input[type="text"] + input[type="text"] { /* 62 */ margin-top: 3px; /* 63 */ } /* 64 */ .overlay-edit-form input.fresh { /* 65 */ color: #888; /* 66 */ } /* 67 */ .overlay-edit-form input[type="radio"] { /* 68 */ margin-right: 5px; /* 69 */ } /* 70 */ .overlay-edit-form label { /* 71 */ float: left; /* 72 */ margin: 0; /* 73 */ font-size: 16px; /* 74 */ height: 20px; /* 75 */ width: 125px; /* 76 */ vertical-align: middle; /* 77 */ padding: 5px 0; /* 78 */ font-weight: bold; /* 79 */ } /* 80 */ /* 81 */ form.edit-form { /* 82 */ padding-top: 10px; /* 83 */ position: relative; /* 84 */ height: 538px; /* 85 */ } /* 86 */ /* 87 */ form.edit-form .inputs-container { /* 88 */ text-align: left; /* 89 */ position: relative; /* 90 */ } /* 91 */ /* 92 */ form.edit-form .inputs-container input { /* 93 */ width: 628px; /* 94 */ border: 1px solid #ccc; /* 95 */ background-color: #fff; /* 96 */ } /* 97 */ /* 98 */ form.edit-form .inputs-container span.message { /* 99 */ display: none; /* 100 */ background-color: red; /* 101 */ color: #fff; /* 102 */ padding: 5px; /* 103 */ font-size: 10px; /* 104 */ position: absolute; /* 105 */ top: -25px; /* 106 */ right: 0; /* 107 */ } /* 108 */ /* 109 */ form.edit-form .defaultSkin table.mceLayout { /* 110 */ border: none; /* 111 */ clear: both; /* 112 */ } /* 113 */ /* 114 */ form.edit-form .defaultSkin table.mceLayout tr.mceFirst td { /* 115 */ background: transparent; /* 116 */ border: none; /* 117 */ max-width: 25px; /* 118 */ } /* 119 */ /* 120 */ form.edit-form .defaultSkin table.mceToolbar { /* 121 */ margin: 10px 0 0; /* 122 */ height: 30px; /* 123 */ } /* 124 */ /* 125 */ form.edit-form .defaultSkin .mceButton { /* 126 */ width: 26px; /* 127 */ height: 25px; /* 128 */ border: none; /* 129 */ margin-right: 0px; /* 130 */ } /* 131 */ form.edit-form .defaultSkin .mceButtonEnabled:hover { /* 132 */ border: inherit; /* 133 */ } /* 134 */ /* 135 */ form.edit-form .defaultSkin .mceIcon { /* 136 */ background-image: url('../images/buttons.png'); /* 137 */ background-repeat: no-repeat; /* 138 */ width: 26px; /* 139 */ height: 25px; /* 140 */ cursor: pointer; /* 141 */ } /* 142 */ /* 143 */ form.edit-form .defaultSkin span.mce_italic { /* 144 */ background-position: -26px 0; /* 145 */ } /* 146 */ /* 147 */ form.edit-form .defaultSkin span.mce_underline { /* 148 */ background-position: -52px 0; /* 149 */ } /* 150 */ /* 151 */ form.edit-form .defaultSkin span.mce_strikethrough { /* 152 */ background-position: -78px 0; /* 153 */ } /* 154 */ /* 155 */ form.edit-form .defaultSkin span.mce_justifyleft { /* 156 */ background-position: -104px 0; /* 157 */ } /* 158 */ /* 159 */ form.edit-form .defaultSkin span.mce_justifycenter { /* 160 */ background-position: -130px 0; /* 161 */ } /* 162 */ /* 163 */ form.edit-form .defaultSkin span.mce_justifyright { /* 164 */ background-position: -156px 0; /* 165 */ } /* 166 */ /* 167 */ form.edit-form .defaultSkin span.mce_justifyfull { /* 168 */ background-position: -182px 0; /* 169 */ } /* 170 */ /* 171 */ form.edit-form .defaultSkin span.mce_bullist { /* 172 */ background-position: -208px 0; /* 173 */ } /* 174 */ /* 175 */ form.edit-form .defaultSkin span.mce_numlist { /* 176 */ background-position: -234px 0; /* 177 */ } /* 178 */ /* 179 */ form.edit-form .defaultSkin span.mce_blockquote { /* 180 */ background-position: -260px 0; /* 181 */ } /* 182 */ /* 183 */ form.edit-form .defaultSkin span.mce_indent { /* 184 */ background-position: -286px 0; /* 185 */ } /* 186 */ /* 187 */ form.edit-form .defaultSkin span.mce_outdent { /* 188 */ background-position: -312px 0; /* 189 */ } /* 190 */ /* 191 */ form.edit-form .defaultSkin span.mce_link { /* 192 */ background-position: -338px 0; /* 193 */ } /* 194 */ /* 195 */ form.edit-form .defaultSkin span.mce_unlink { /* 196 */ background-position: -364px 0; /* 197 */ } /* 198 */ /* 199 */ form.edit-form .defaultSkin span.mce_visualblocks { /* 200 */ background-position: -390px 0; /* 201 */ } /* 202 */ /* 203 */ /* 204 */ form.edit-form .defaultSkin span.mce_cbcollapsible { /* 205 */ background-position: -416px 0; /* 206 */ } /* 207 */ /* 208 */ form.edit-form .defaultSkin span.mce_cbcolumn { /* 209 */ background-position: -442px 0; /* 210 */ } /* 211 */ /* 212 */ form.edit-form .defaultSkin span.mce_fullscreen { /* 213 */ background-position: -468px 0; /* 214 */ } /* 215 */ /* 216 */ form.edit-form .defaultSkin span.mce_cleanup { /* 217 */ background-position: -494px 0; /* 218 */ } /* 219 */ /* 220 */ form.edit-form span.mceSeparator { /* 221 */ visibility: hidden; /* 222 */ } /* 223 */ /* 224 */ .content table td.mceToolbar { /* 225 */ padding: 0 0 10px; /* 226 */ } /* 227 */ /* 228 */ .mceToolbar.mceLeft.mceFirst.mceLast { /* 229 */ height: 42px; /* 230 */ } /* 231 */ /* 232 */ .accordeon .content table td.mceToolbar { /* 233 */ padding: 0; /* 234 */ } /* 235 */ /* 236 */ .content table td.mceStatusbar { /* 237 */ padding: 2px 0; /* 238 */ width: 640px; /* 239 */ max-width: none; /* 240 */ } /* 241 */ /* 242 */ .defaultSkin .mceIframeContainer { /* 243 */ padding: 0; /* 244 */ } /* 245 */ /* 246 */ .content table td.mceToolbar .mceToolbarStart.mceToolbarStartButton.mceFirst { /* 247 */ width: 0; /* 248 */ } /* 249 */ /* 250 */ .mce-content-body .cb-tex-image-container img, /* 251 */ .cb-tex-image-container img { /* 252 */ width: 100%; /* 253 */ } /* 254 */ /* 255 */ .mce-item-table td { /* 256 */ vertical-align: top; /* 257 */ } /* 258 */ /* 259 */ .edit-form-container-header { /* 260 */ border-radius: 5px 5px 0 0; /* 261 */ width: 680px; /* 262 */ height: 35px; /* 263 */ border: 1px solid #C5C4B0; /* 264 */ background-color: #FEFEFE; /* 265 */ position: relative; /* 266 */ top: -1px; /* 267 */ left: -1px; /* 268 */ } /* 269 */ /* 270 */ .edit-form-header { /* 271 */ background-image: url('/pix/media/png/window_handle_icon.png'); /* 272 */ background-repeat: repeat-x; /* 273 */ width: 600px; /* 274 */ margin-left: 20px; /* 275 */ height: 35px; /* 276 */ display: block; /* 277 */ } /* 278 */ /* 279 */ button.close-overlay-edit-form { /* 280 */ position: absolute; /* 281 */ top: -13px; /* 282 */ right: 16px; /* 283 */ margin: 2px 5px 0 0; /* 284 */ padding: 0; /* 285 */ border: none; /* 286 */ background-color: transparent; /* 287 */ background-image: none; /* 288 */ } /* 289 */ /* 290 */ button.close-overlay-edit-form img { /* 291 */ /*width: 100%;*/ /* 292 */ } /* 293 */ /* 294 */ .edit-form-header img { /* 295 */ vertical-align: baseline; /* 296 */ } /* 297 */ /* 298 */ a.tex-help-link { /* 299 */ float: left; /* 300 */ margin: 5px 10px 20px 0; /* 301 */ color: #000000; /* 302 */ font-size: 12px; /* 303 */ font-weight: bold; /* 304 */ } /* 305 */ /* 306 */ a.help-link { /* 307 */ float: left; /* 308 */ margin: -13px -20px 20px 0; /* 309 */ color: #000000; /* 310 */ font-size: 12px; /* 311 */ font-weight: bold; /* 312 */ } /* 313 */ /* 314 */ .edit-form-container { /* 315 */ padding: 0 20px 0; /* 316 */ } /* 317 */ /* 318 */ .edit-form-container .edit-form { /* 319 */ margin-top: -10px; /* 320 */ } /* 321 */ /* 322 */ ul.edit-form-menu { /* 323 */ margin: 5px 0 5px 10px; /* 324 */ clear: right; /* 325 */ padding: 0; /* 326 */ float: right; /* 327 */ color: #000; /* 328 */ font-size: 12px; /* 329 */ font-weight: bold; /* 330 */ display: none; /* 331 */ } /* 332 */ /* 333 */ ul.edit-form-menu li { /* 334 */ display: inline; /* 335 */ padding: 0; /* 336 */ } /* 337 */ /* 338 */ ul.tinymce-buttons { /* 339 */ float: left; /* 340 */ margin: 5px 6px; /* 341 */ padding: 0; /* 342 */ list-style: none; /* 343 */ } /* 344 */ /* 345 */ ul.tinymce-buttons li { /* 346 */ display: inline; /* 347 */ margin: 0; /* 348 */ padding: 0; /* 349 */ } /* 350 */ /* 351 */ .edit-form-submit { /* 352 */ height: 31px; /* 353 */ width: auto; /* 354 */ } /* 355 */ /* 356 */ p.edit-form-bar { /* 357 */ width: 625px; /* 358 */ height: 15px; /* 359 */ margin-top: 5px; /* 360 */ background-color: rgb(246, 246, 238); /* 361 */ -moz-box-shadow: inset 1px 1px 3px #D0D0CF; /* 362 */ -webkit-box-shadow: inset 1px 1px 3px #D0D0CF; /* 363 */ box-shadow: inset 1px 1px 3px #D0D0CF; /* 364 */ } /* 365 */ /* 366 */ ul.tinymce-buttons li.text, ul.tinymce-buttons li.list, ul.tinymce-buttons li.anchor { /* 367 */ margin-left: 5px; /* 368 */ } /* 369 */ /* 370 */ h1.article-title { /* 371 */ font-size: 16px; /* 372 */ text-align: left; /* 373 */ } /* 374 */ /* 375 */ span.article-title { /* 376 */ margin-left: -30px; /* 377 */ top: -56px; /* 378 */ background-color: #FEFEFE; /* 379 */ font-size: 15px; /* 380 */ padding: 0 1em; /* 381 */ position: relative; /* 382 */ } /* 383 */ /* 384 */ .label-container { /* 385 */ border-top: 1px solid #000000; /* 386 */ border-bottom: 1px solid #000000; /* 387 */ margin: 5px 0 20px; /* 388 */ } /* 389 */ /* 390 */ .edit-form-menu { /* 391 */ margin-top: 30px; /* 392 */ margin-right: 30px; /* 393 */ } /* 394 */ /* 395 */ .edit-form-page, /* 396 */ a.edit-form-submit, /* 397 */ a.edit-form-page-button { /* 398 */ display: none; /* 399 */ } /* 400 */ /* 401 */ h2.categorisation-header { /* 402 */ font-size: 12px; /* 403 */ text-align: left; /* 404 */ margin-bottom: 0; /* 405 */ font-weight: normal; /* 406 */ } /* 407 */ /* 408 */ #content .overlay-edit-form li { /* 409 */ list-style-type: none; /* 410 */ } /* 411 */ #content .overlay-edit-form ul.edit-form-buttons { /* 412 */ margin: 45px -18px; /* 413 */ } /* 414 */ /* 415 */ #cb_editbtns { /* 416 */ padding: 2px; /* 417 */ position: absolute; /* 418 */ } /* 419 */ /* 420 */ .__PixWindow.__CbUiLayerFrame .pix-overlay-container, /* 421 */ .__CbUiFrame.__PixWindow.__CbUiLayerFrame{ /* 422 */ min-height: 613px !important; /* 423 */ } /* 424 */ /* 425 */ .__CbUiFrame.__PixWindow.__CbUiLayerFrame{ /* 426 */ position: fixed !important; /* 427 */ border: 1px solid #888; /* 428 */ border-radius: 5px; /* 429 */ margin-top: 30px; /* 430 */ } /* 431 */ /* 432 */ .__PixWindow.__CbUiLayerFrame .pix-overlay-container{ /* 433 */ border: none !important; /* 434 */ } /* 435 */ /* 436 */ .__PixWindow .CbUiHeader { /* 437 */ display: block; /* 438 */ } /* 439 */ /* 440 */ #tinymce .collapsible-tinymce, /* 441 */ #tinymce .collapsible-title, /* 442 */ #tinymce .collapsible-intro, /* 443 */ #tinymce .collapsible-text, /* 444 */ #tinymce .collapsible-text p { /* 445 */ padding: 3px; /* 446 */ color: #a73c2e; /* 447 */ } /* 448 */ /* 449 */ #tinymce .collapsible-tinymce{ /* 450 */ background-color: rgb(243,243,243); /* 451 */ border: 1px dashed #000; /* 452 */ } /* 453 */ /* 454 */ #tinymce .collapsible-title, /* 455 */ #tinymce .collapsible-intro, /* 456 */ #tinymce .collapsible-text{ /* 457 */ border: 1px dashed #bbb; /* 458 */ } /* 459 */ /* 460 */ #tinymce .collapsible-title{ /* 461 */ background-color: rgb(217,217,217); /* 462 */ } /* 463 */ /* 464 */ #tinymce .collapsible-intro{ /* 465 */ background-color: rgb(230,230,230); /* 466 */ } /* 467 */ /* 468 */ #tinymce .collapsible-text{ /* 469 */ background-color: rgb(248,248,248); /* 470 */ } /* 471 */ /*pix-customizing*/ /* 472 */ .pix-image-upload-background { /* 473 */ background-color: #FCFCF9; /* 474 */ background-image: -webkit-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%); /* 475 */ background-image: -moz-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%); /* 476 */ background-image: -ms-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%); /* 477 */ background-image: -o-linear-gradient(bottom, #F6F6EF 15%, #FFFFFF 85%); /* 478 */ border: 1px solid #BDBEB2; /* 479 */ border-radius: 3px; /* 480 */ box-shadow: 0 0 5px #BDBEB2; /* 481 */ color: #456771; /* 482 */ cursor: pointer; /* 483 */ font-size: 10px; /* 484 */ font-weight: bold; /* 485 */ line-height: 195%; /* 486 */ padding: 0 5px; /* 487 */ text-align: center; /* 488 */ text-decoration: none; /* 489 */ vertical-align: middle; /* 490 */ } /* 491 */ .__CbUiInputText.pix-filter-input.__CbUiFieldUnedited { /* 492 */ background-color: #ffffff; /* 493 */ } /* 494 */ /* 495 */ .__CbUiFieldUnedited { /* 496 */ color: #000; /* 497 */ } /* 498 */ /* 499 */ .pix-optional-image-title { /* 500 */ padding-top: 10px; /* 501 */ } /* 502 */ /* 503 */ .pix-optional-image-title input, /* 504 */ .pix-text-image-size input, /* 505 */ textarea.pix-optional-image-description, /* 506 */ .pix-edit-image-meta .pix-column2 input { /* 507 */ background-color: #ffffff; /* 508 */ border: 1px solid #cccccc; /* 509 */ } /* 510 */ /* 511 */ .__PixWindow .pix-screen-title, .__CbUiLanguageWindow .pix-screen-title { /* 512 */ border: 0 none; /* 513 */ color: #CC0000; /* 514 */ font-size: 20px; /* 515 */ font-weight: bold; /* 516 */ margin-bottom: 5px; /* 517 */ margin-left: 0; /* 518 */ text-align: left; /* 519 */ text-transform: none; /* 520 */ } /* 521 */ /* 522 */ .help-link, /* 523 */ .tex-help-link { /* 524 */ float: right !important; /* 525 */ } /* 526 */ /* 527 */ .overlay-edit-form { /* 528 */ height: 615px; /* 529 */ } /* 530 */ /* 531 */ .__CbUiFrame.__CbUiCbTexWindow.__CbUiLayerFrame { /* 532 */ margin-top: 30px; /* 533 */ } /* 534 */ /* 535 */ .__CbUiCbTexRelatedImageButton.__CbUiCbTexPageButton.__CbUiTextButton { /* 536 */ float: left; /* 537 */ } /* 538 */ /* 539 */ .__CbUiFrame .fullscreen-switch { /* 540 */ display: block; /* 541 */ } /* 542 */ /* 543 */ .exit-fullscreen-button { /* 544 */ position: absolute; /* 545 */ top: 10px; /* 546 */ right: 50px; /* 547 */ z-index: 999999; /* 548 */ cursor: pointer; /* 549 */ } /* 550 */ /* 551 */ #mce_36 { /* 552 */ display: none; /* 553 */ } /* 554 */ /* 555 */ .mce-edit-area { /* 556 */ background: gray !important; /* 557 */ } /* 558 */ /* 559 */ /** upload **/ /* 560 */ /* 561 */ h1#edit-upload-form-headline { /* 562 */ margin-top: -25px; /* 563 */ } /* 564 */ /* 565 */ p#edit-upload-form-description { /* 566 */ color: black; /* 567 */ margin-bottom: 10px; /* 568 */ } /* 569 */ /* 570 */ iframe:not([seamless]) { /* 571 */ border: none; /* 572 */ background: none; /* 573 */ } /* 574 */ /* 575 */ .__CbUiCbTexTagLabels.clearfix { /* 576 */ overflow-y: auto; /* 577 */ height: 70px; /* 578 */ } /* 579 */ /* 580 */ .__CbUiCbTexTagLabel { /* 581 */ height: 30px; /* 582 */ } /* 583 */ /* 584 */ span.__CbUiCbTexTagInputLabel.__CbUiText.acticle-visibility-description { /* 585 */ float: left; /* 586 */ width: 100%; /* 587 */ } /* 588 */ /* 589 */ .__CbUiCbTexTagManager { /* 590 */ border-top: 1px solid #000; /* 591 */ } /* 592 */ /* 593 */ .__CbUiCbTexRelatedImagesBlock .__CbUiCbTexRelatedImagesThumbs.ui-sortable { /* 594 */ max-height: 255px; /* 595 */ } /* 596 */ /* 597 */ b u.__CbUiText { /* 598 */ font-size: 12px; /* 599 */ } /* 600 */ /* 601 */ img.thumb-button-delete.page-3-thumb-button-delete { /* 602 */ position: absolute; /* 603 */ top: 2px; /* 604 */ right: 2px; /* 605 */ } /* 606 */ /* 607 */ img.thumb-button-edit.page-3-thumb-button-edit { /* 608 */ position: absolute; /* 609 */ right: 2px; /* 610 */ top: 99px; /* 611 */ } /* 612 */ /* 613 */ .__CbUiCbTexPage-3 span.tile-item-positioner { /* 614 */ width: 113px; /* 615 */ height: 113px; /* 616 */ margin-left: 16px; /* 617 */ margin-top: 18px; /* 618 */ background: none; /* 619 */ border: none; /* 620 */ box-shadow: none; /* 621 */ } /* 622 */ /* 623 */ .__CbUiCbTexPage-3 .image-tile-item img.preview-image { /* 624 */ height: 113px; /* 625 */ width: 113px; /* 626 */ -moz-box-shadow: 0 0 5px rgb(189,190,178); /* 627 */ -webkit-box-shadow: 2px 2px 5px rgb(189,190,178); /* 628 */ box-shadow: 2px 2px 5px rgb(189,190,178); /* 629 */ border: 1px solid #CCCCCA; /* 630 */ border-radius: 4px; /* 631 */ } /* 632 */ /* 633 */ #CbTexAbbrevTitle, #CbTexAbbrevText { /* 634 */ margin: 11px 0 0 31px; /* 635 */ min-height: 60px; /* 636 */ } /* 637 */ /* 638 */ textarea#CbTexAbbrevTitle { /* 639 */ margin-top: 16px; /* 640 */ } /* 641 */ /* 642 */ .__CbUiCbTexInsertedAtBlock { /* 643 */ border-top: 1px solid; /* 644 */ margin-top: 18px; /* 645 */ padding-top: 9px; /* 646 */ } /* 647 */ /* 648 */ .__CbUiCbTexOnepagerVisibility { /* 649 */ border-top: 1px solid; /* 650 */ margin-top: 11px; /* 651 */ padding-top: 8px; /* 652 */ } /* 653 */ /* 654 */ .CbTexBolgPageActive { /* 655 */ float: left; /* 656 */ margin-top: 5px; /* 657 */ } /* 658 */ /* 659 */ .__CbUiCbTexOnepagerVisibility span.__CbUiCbTexTagInputLabel.__CbUiText.acticle-visibility-description { /* 660 */ float: right; /* 661 */ width: 480px; /* 662 */ margin-top: 8px; /* 663 */ } /* 664 */ /* 665 */ .__CbUiDateField#CbTexInsertedAt { /* 666 */ float: left; /* 667 */ width: 92px; /* 668 */ } /* 669 */ /* 670 */ span.__CbUiCbTexInsertedAtLabel.__CbUiText.__CbUiFieldText { /* 671 */ float: right; /* 672 */ width: 480px; /* 673 */ margin-top: 9px; /* 674 */ } /* 675 */ /* 676 */ .__CbUiDateFieldContainer span.__CbUiCbTexInsertedAtLabel.__CbUiText { /* 677 */ float: right; /* 678 */ width: 480px; /* 679 */ margin-top: 9px; /* 680 */ } /* 681 */ /* 682 */ .__CbUiCbTexInsertedAtBlock.__CbUiDateFieldContainer { /* 683 */ width: 100%; /* 684 */ min-height: 80px; /* 685 */ } /* 686 */ /* 687 */ span.__CbUiCbTexTagInputLabel, .__CbUiDateFieldContainer, .__CbUiCbTexOnepagerVisibility { /* 688 */ color: #7b7b7b; /* 689 */ } /* 690 */ /* 691 */ /* 692 */ /* 693 */ /* 694 */ /* 695 */ /* The following rules take back some of the reset stuff for some of the Ui-Window Elements, because it breaks their style. /+ 696 +/ Maybe it is necessary to make theses rules more general */ /* 697 */ /* 698 */ .__EventWindow .__EventContainer tbody td { /* 699 */ vertical-align: middle; /* 700 */ } /* 701 */ /* 702 */ .__EventTabButton, /* 703 */ .__EventNextTabButton, /* 704 */ .__EventDetailWindowButton, /* 705 */ .__EventSaveButton { /* 706 */ white-space: normal; /* 707 */ } /* 708 */ /* 709 */ /* 710 */ /* --- /var/www/kulturportal/media/styles/register.css ---------------------- */ /* 1 */ .DSRegisterCheckDoubletWindow h3#registerframe_choose_high_match_headline { /* 2 */ margin-top: 37px; /* 3 */ } /* 4 */ .DSRegisterCheckDoubletWindow h3 { /* 5 */ margin: 41px 0 16px; /* 6 */ } /* 7 */ .DSRegisterCheckDoubletInfoWindow h3 { /* 8 */ margin: 0.83em 0; /* 9 */ } /* 10 */ /* 11 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer, /* 12 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer { /* 13 */ padding-bottom: 20px; /* 14 */ } /* 15 */ /* 16 */ .DSRegisterWindow button#registerframe_button_register, /* 17 */ .DSRegisterCheckDoubletWindow .match-button-container button, /* 18 */ .DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info, /* 19 */ .DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet, /* 20 */ .DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet_action, /* 21 */ .DSRegisterCheckDoubletWindow .entryblock button.__CbUiTextButton, /* 22 */ .__CbUiRegisterWindow .__CbRegPage .__CbRegButtonContainer .__CbUiTextButton, .CbControlbar2Window .__CbRegButtonContainer .__CbUiTextButton { /* 23 */ background: #303030; /* 24 */ border-radius: 3px; /* 25 */ } /* 26 */ /* 27 */ .DSRegisterUserPassWindow button#registerframe_button_facebook.__CbUiTextButton { /* 28 */ background-color: #304E8E; /* 29 */ cursor: pointer; /* 30 */ border-radius: 3px; /* 31 */ } /* 32 */ /* 33 */ .DSRegisterWindow button#registerframe_button_register, /* 34 */ .DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info { /* 35 */ font-size: 12px; /* 36 */ letter-spacing: 2px; /* 37 */ padding: 13px; /* 38 */ } /* 39 */ /* 40 */ .DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet, /* 41 */ .DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet_action { /* 42 */ font-size: 13px; /* 43 */ letter-spacing: 2px; /* 44 */ } /* 45 */ /* 46 */ .DSRegisterWindow button#registerframe_button_register, /* 47 */ .DSRegisterCheckDoubletInfoWindow #registerframe_button_register_send_doublet_info { /* 48 */ padding: 13px; /* 49 */ } /* 50 */ /* 51 */ .DSRegisterUserPassWindow .__CbRegButtonContainer { /* 52 */ text-align: left; /* 53 */ padding: 1px 0 10px; /* 54 */ } /* 55 */ /* 56 */ .DSRegisterCheckDoubletWindow .selection-block h4 { /* 57 */ padding: 10px 0; /* 58 */ } /* 59 */ /* 60 */ .DSRegisterCheckDoubletInfoWindow .doublet-doublet-data-container { /* 61 */ float: left; /* 62 */ } /* 63 */ /* 64 */ .DSRegisterCheckDoubletWindow #registerframe_button_register_no_doublet > div { /* 65 */ width: 100%; /* 66 */ } /* 67 */ /* 68 */ .DSRegisterCheckDoubletInfoWindow textarea#registerframe_doublet_info_text { /* 69 */ resize: vertical; /* 70 */ } /* 71 */ /* 72 */ #registerframe_input_urls_container .delete-url-entry-button { /* 73 */ height: 22px; /* 74 */ width: 22px; /* 75 */ background-color: #FFFFFF; /* 76 */ background-image: url(../media/images/img_close-black.png); /* 77 */ background-position: center; /* 78 */ background-repeat: no-repeat; /* 79 */ position: relative; /* 80 */ top: -38px; /* 81 */ right: 4px; /* 82 */ border: none; /* 83 */ cursor: pointer; /* 84 */ float: right; /* 85 */ margin-bottom: -40px; /* 86 */ } /* 87 */ /* 88 */ .DSRegisterProfileWindow .RegisterProfileWindowTitle.tab:not(:empty) { /* 89 */ padding: 23px 15px 0 15px; /* 90 */ min-height: 58px; /* 91 */ vertical-align: middle; /* 92 */ box-sizing: border-box; /* 93 */ border-left: 1px solid #ccc; /* 94 */ font-weight: normal; /* 95 */ font-size: 125%; /* 96 */ } /* 97 */ /* 98 */ .DSRegisterProfileWindow .RegisterProfileWindowTitle.tab.active { /* 99 */ background-color: #fff; /* 100 */ color: #000; /* 101 */ bottom: -1px; /* 102 */ position: relative; /* 103 */ padding-top: 22px; /* 104 */ } /* 105 */ /* 106 */ @media screen and (max-width: 767px) { /* 107 */ /* 108 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame { /* 109 */ width: 100%; /* 110 */ min-height: 100%; /* 111 */ top: 0; /* 112 */ right: 0; /* 113 */ left: 0; /* 114 */ } /* 115 */ /* 116 */ .__CbUiInputText, /* 117 */ .__CbUiPassword, /* 118 */ .__CbUiSelect, /* 119 */ .__CbUiSearchBox, /* 120 */ .__CbUiChooseList, /* 121 */ .__CbUiInputTextArea { /* 122 */ font-size: 16px; /* 123 */ } /* 124 */ /* 125 */ .__CbUiWindowContent { /* 126 */ padding-top: 54px; /* 127 */ } /* 128 */ /* 129 */ .DSRegisterProfileWindow .__CbUiWindowContent { /* 130 */ padding-top: 0; /* 131 */ } /* 132 */ /* 133 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .__CbUiRegisterWindowCloseButton, /* 134 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbUiRegisterWindowCloseButton, /* 135 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer .__CbUiRegisterWindowCloseButton { /* 136 */ right: 20px; /* 137 */ } /* 138 */ /* 139 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer .__CbRegButtonContainer { /* 140 */ width: 100%; /* 141 */ position: static; /* 142 */ } /* 143 */ /* 144 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer, /* 145 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .HalfWidthContainer { /* 146 */ padding: 0 20px; /* 147 */ } /* 148 */ /* 149 */ .__CbUiFrame.CbControlbar2Window.__CbUiLayerFrame .FullWidthContainer:nth-of-type(1) { /* 150 */ padding-bottom: 20px; /* 151 */ } /* 152 */ /* 153 */ #registerframe_message { /* 154 */ margin-bottom: 20px; /* 155 */ } /* 156 */ /* 157 */ .__CbUiFrame.CbControlbar2Window .register-content-box { /* 158 */ padding: 20px; /* 159 */ } /* 160 */ /* 161 */ .CbControlbar2RegisterWindowTitleContainer { /* 162 */ padding: 0 20px 20px; /* 163 */ border-bottom: 1px solid #ccc; /* 164 */ } /* 165 */ /* 166 */ .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab, /* 167 */ .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab.active, /* 168 */ .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab:last-of-type { /* 169 */ background-color: #fff; /* 170 */ position: relative; /* 171 */ bottom: auto; /* 172 */ border: 0; /* 173 */ background-color: transparent; /* 174 */ font-size: 17px; /* 175 */ padding: 20px 0 0; /* 176 */ margin-top: 0; /* 177 */ color: #000; /* 178 */ } /* 179 */ /* 180 */ .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.tab:not(.active) { /* 181 */ display: none; /* 182 */ } /* 183 */ /* 184 */ .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.tab:not(:empty) { /* 185 */ box-sizing: border-box; /* 186 */ font-size: 125%; /* 187 */ font-weight: normal; /* 188 */ min-height: 58px; /* 189 */ vertical-align: middle; /* 190 */ border: 0; /* 191 */ min-height: 0; /* 192 */ } /* 193 */ /* 194 */ .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab span.number { /* 195 */ padding-right: 5px; /* 196 */ } /* 197 */ /* 198 */ .RegisterProfileWindow .RegisterProfileWindowTitle.hide-tab { /* 199 */ display: none; /* 200 */ } /* 201 */ /* 202 */ .RegisterProfileWindow .RegisterProfileWindowTitle.hide-tab.show-tab { /* 203 */ display: block; /* 204 */ } /* 205 */ /* 206 */ .RegisterProfileWindow .RegisterProfileWindowTitle.tab.show-tab:last-child { /* 207 */ padding-bottom: 17px; /* 208 */ } /* 209 */ /* 210 */ .RegisterProfileWindow .responsive-menu-btn { /* 211 */ background: transparent url("images/img_responsive-menu-btn-grey.png") no-repeat scroll center center/contain; /* 212 */ cursor: pointer; /* 213 */ height: 20px; /* 214 */ position: absolute; /* 215 */ right: 70px; /* 216 */ top: 19px; /* 217 */ width: 20px; /* 218 */ z-index: 10; /* 219 */ } /* 220 */ /* 221 */ .RegisterProfileWindow .responsive-menu-btn.collapsed { /* 222 */ background: transparent url("images/img_responsive-menu-btn.png") no-repeat scroll center center/contain; /* 223 */ } /* 224 */ /* 225 */ .RegisterProfileWindow .menu-spacer { /* 226 */ height: 58px; /* 227 */ } /* 228 */ /* 229 */ } /* 230 */ /* 231 */ @media screen and (max-width: 767px) { /* 232 */ /* 233 */ .RegisterProfileWindow .collapsed .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab.active, /* 234 */ .RegisterProfileWindow .CbControlbar2RegisterWindowTitle.RegisterProfileWindowTitle.tab:last-of-type { /* 235 */ padding-bottom: 20px; /* 236 */ } /* 237 */ /* 238 */ } /* 239 */ /* 240 */ @media screen and (min-width: 767px) { /* 241 */ /* 242 */ .DSRegisterProfileWindow label.RegisterProfileWindowTitle { /* 243 */ margin-right: -3px; /* 244 */ } /* 245 */ /* 246 */ } /* 247 */ /* --- /var/www/kulturportal/media/styles/search.css ------------------------ */ /* 1 */ /* /+ 2 +/ ************************* /+ 3 +/ $BASIC SEARCH FIELD /+ 4 +/ ************************* /+ 5 +/ */ /* 6 */ /* 7 */ .search { /* 8 */ height: 38px; /* 9 */ position: relative; /* 10 */ z-index: 0; /* 11 */ } /* 12 */ /* 13 */ .searchfield__input { /* 14 */ display: block; /* 15 */ appearance:none; /* 16 */ -moz-appearance:none; /* 17 */ -webkit-appearance:none; /* 18 */ /* 19 */ border-radius:0; /* 20 */ -moz-border-radius:0; /* 21 */ -webkit-border-radius:0; /* 22 */ /* 23 */ width: 100%; /* 24 */ height: 100%; /* 25 */ /* 26 */ border: none; /* 27 */ outline: none; /* 28 */ /* 29 */ padding: 0; /* 30 */ } /* 31 */ /* 32 */ .searchfield__input::-webkit-search-decoration, /* 33 */ .searchfield__input::-webkit-search-cancel-button, /* 34 */ .searchfield__input::-webkit-search-results-button, /* 35 */ .searchfield__input::-webkit-search-results-decoration { /* 36 */ display: none; /* 37 */ -webkit-appearance:none; /* 38 */ } /* 39 */ /* 40 */ a.searchfield__submit { /* 41 */ position: absolute; /* 42 */ right: 0; /* 43 */ top: 0; /* 44 */ /* 45 */ min-width: 38px; /* 46 */ min-height: 38px; /* 47 */ height: 100%; /* 48 */ /* 49 */ background: none; /* 50 */ background-position: center; /* 51 */ /* 52 */ font-size: 0; /* 53 */ cursor:pointer; /* 54 */ /* 55 */ border: none; /* 56 */ } /* 57 */ /* 58 */ .searchfield__submit > svg { /* 59 */ height: 38px; /* 60 */ width: 22px; /* 61 */ position: absolute; /* 62 */ top: 50%; /* 63 */ right: 50%; /* 64 */ /* 65 */ margin-top: -19px; /* 66 */ margin-right: -7px; /* 67 */ } /* 68 */ /* 69 */ .searchfield__icon, /* 70 */ .searchfield__icon * { /* 71 */ fill: #bbbbbb; /* 72 */ } /* 73 */ /* 74 */ /* 75 */ /* 76 */ /* /+ 77 +/ ************************* /+ 78 +/ $SEARCH TOGGLER /+ 79 +/ ************************* /+ 80 +/ */ /* 81 */ /* 82 */ /* 83 */ .searchfield--expander { /* 84 */ width: 100%; /* 85 */ margin-top: -2px; /* 86 */ } /* 87 */ /* 88 */ a.searchfield--expander__submit { /* 89 */ pointer-events: none; /* 90 */ } /* 91 */ /* 92 */ .searchfield__submit.searchfield--expander__submit svg { /* 93 */ height: 32px; /* 94 */ margin-right: -20px; /* 95 */ margin-top: -16px; /* 96 */ width: 27px; /* 97 */ } /* 98 */ /* 99 */ .searchfield--expander__input , /* 100 */ .searchfield--expander__placeholder { /* 101 */ position: absolute; /* 102 */ top:0; /* 103 */ right:0; /* 104 */ /* 105 */ background: none; /* 106 */ cursor: pointer; /* 107 */ /* 108 */ width: 38px; /* 109 */ height: 38px; /* 110 */ line-height: 38px; /* 111 */ /* 112 */ padding: 0; /* 113 */ /* 114 */ -webkit-transition: width 0.3s; /* 115 */ -moz-transition: width 0.3s; /* 116 */ -o-transition: width 0.3s; /* 117 */ transition: width 0.3s; /* 118 */ } /* 119 */ /* 120 */ .searchfield--expander__input { /* 121 */ font-size: 0; /* 122 */ border: none; /* 123 */ } /* 124 */ /* 125 */ .searchfield--expander__input :invalid { /* 126 */ box-shadow: none; /* 127 */ } /* 128 */ /* 129 */ .searchfield--expander__input ::-webkit-input-placeholder { /* 130 */ font-size: 0; /* 131 */ } /* 132 */ .searchfield--expander__input :-moz-placeholder { /* 133 */ font-size: 0; /* 134 */ } /* 135 */ .searchfield--expander__input ::-moz-placeholder { /* 136 */ font-size: 0; /* 137 */ } /* 138 */ .searchfield--expander__input :-ms-input-placeholder { /* 139 */ font-size: 0; /* 140 */ } /* 141 */ /* 142 */ .searchfield--expander__placeholder { /* 143 */ width: 0; /* 144 */ /* 145 */ z-index:-1; /* 146 */ /* 147 */ color: #e0e0e0;; /* 148 */ background: none; /* 149 */ opacity: 0; /* 150 */ /* 151 */ overflow:hidden; /* 152 */ } /* 153 */ /* 154 */ .searchfield--expander__input :focus, /* 155 */ .searchfield--expander__input .open, /* 156 */ .searchfield--expander__input :focus + .searchfield--expander__placeholder, /* 157 */ .searchfield--expander__input .open + .searchfield--expander__placeholder { /* 158 */ text-align: left; /* 159 */ cursor: text; /* 160 */ /* 161 */ width: 100%; /* 162 */ height: 38px; /* 163 */ line-height: 38px; /* 164 */ padding: 12px 38px 0 19px; /* 165 */ margin-top: -2px; /* 166 */ font-size: 14px; /* 167 */ background-color: #FFFFFF; /* 168 */ } /* 169 */ /* 170 */ .searchfield--expander__input :focus, /* 171 */ .searchfield--expander__input .open { /* 172 */ background-color: rgba(255, 255, 255, 0.5); /* 173 */ border-bottom: 1px solid #e0e0e0; /* 174 */ } /* 175 */ /* 176 */ .searchfield--expander__input :invalid:focus { /* 177 */ background-color: rgba(255,255,255,.8); /* 178 */ } /* 179 */ /* 180 */ .searchfield--expander__input :invalid:focus + .searchfield--expander__placeholder, /* 181 */ .searchfield--expander__input :invalid.open + .searchfield--expander__placeholder { /* 182 */ opacity: 1; /* 183 */ padding-top: 6px; /* 184 */ } /* 185 */ /* 186 */ .searchfield--expander__input :focus ~ a.searchfield__submit, /* 187 */ .searchfield--expander__input .open ~ a.searchfield__submit { /* 188 */ pointer-events: auto; /* 189 */ /*background: #FFFFFF;*/ /* 190 */ font-size: 0; /* 191 */ width: 32px; /* 192 */ } /* 193 */ /* 194 */ .searchfield--expander__icon { /* 195 */ visibility: hidden; /* 196 */ display: none; /* 197 */ } /* 198 */ /* 199 */ .searchfield--expander__input :focus ~ a.searchfield__submit .searchfield--expander__icon, /* 200 */ .searchfield--expander__input .open ~ a.searchfield__submit .searchfield--expander__icon { /* 201 */ visibility: visible; /* 202 */ display: block; /* 203 */ } /* 204 */ /* 205 */ .media-container-expanded form#users-form, /* 206 */ .media-container-expanded .big-filter-container__collapsible-toggler.collapsible-toggler { /* 207 */ visibility: hidden; /* 208 */ } /* 209 */ /* 210 */ /* --- /var/www/kulturportal/media/styles/main.css -------------------------- */ /* 1 */ /* /+ 2 +/ * General rules /+ 3 +/ * /+ 4 +/ * Styles applicable to the entire project /+ 5 +/ * /+ 6 +/ */ /* 7 */ /* 8 */ /* TABLE OF CONTENTS /+ 9 +/ --------------------------- /+ 10 +/ 1. Typography / Colors /+ 11 +/ 2. Generic Styles /+ 12 +/ 2.1. Inputs /+ 13 +/ 3. Page Layout /+ 14 +/ /+ 15 +/ */ /* 16 */ /* 17 */ @font-face { /* 18 */ font-family: 'Roboto'; /* 19 */ src: url('../media/fonts/Roboto/Roboto-Regular.woff') format('woff'); /* 20 */ src: url('../media/fonts/Roboto/Roboto-Regular.woff2') format('woff2'); /* 21 */ font-weight: normal; /* 22 */ font-style: normal; /* 23 */ } /* 24 */ /* 25 */ @font-face { /* 26 */ font-family: 'Roboto'; /* 27 */ src: url('../media/fonts/Roboto/Roboto-Bold.woff') format('woff'); /* 28 */ src: url('../media/fonts/Roboto/Roboto-Bold.woff2') format('woff2'); /* 29 */ font-weight: bold; /* 30 */ font-style: normal; /* 31 */ } /* 32 */ /* 33 */ /* 34 */ /* 35 */ /* /+ 36 +/ ************************* /+ 37 +/ 1. TYPOGRAPHY / COLORS /+ 38 +/ ************************* /+ 39 +/ */ /* 40 */ /* 41 */ html { /* 42 */ font-size: 100%; /* 43 */ line-height: 1; /* 44 */ -ms-text-size-adjust: 100%; /* 45 */ -webkit-text-size-adjust: 100%; /* 46 */ } /* 47 */ /* /+ 48 +/ ::selection { /+ 49 +/ color: #FFFFFF; /+ 50 +/ background-color: #DC1B23; /+ 51 +/ } /+ 52 +/ ::-moz-selection { /+ 53 +/ color: #FFFFFF; /+ 54 +/ background: #DC1B23; /+ 55 +/ }*/ /* 56 */ /* 57 */ ::-webkit-input-placeholder { /* 58 */ color: #999999; /* 59 */ opacity: 1; /* 60 */ font-size: 14px; /* 61 */ font-weight: 500; /* 62 */ font-style: normal; /* 63 */ letter-spacing: 1.05px; /* 64 */ } /* 65 */ /* 66 */ :-moz-placeholder { /* 67 */ color: #999999; /* 68 */ opacity: 1; /* 69 */ font-size: 14px; /* 70 */ font-weight: 500; /* 71 */ font-style: normal; /* 72 */ letter-spacing: 1.05px; /* 73 */ } /* 74 */ /* 75 */ ::-moz-placeholder { /* 76 */ color: #999999; /* 77 */ opacity: 1; /* 78 */ font-size: 14px; /* 79 */ font-weight: 500; /* 80 */ font-style: normal; /* 81 */ letter-spacing: 1.05px; /* 82 */ } /* 83 */ /* 84 */ :-ms-input-placeholder { /* 85 */ color: #999999; /* 86 */ opacity: 1; /* 87 */ font-size: 14px; /* 88 */ font-weight: 500; /* 89 */ font-style: normal; /* 90 */ letter-spacing: 1.05px; /* 91 */ } /* 92 */ /* 93 */ .searchfield--expander__placeholder, /* 94 */ .selectbox > .dropdown-toggle.bs-placeholder, /* 95 */ .selectbox > .dropdown-toggle.bs-placeholder:hover, /* 96 */ .selectbox > .dropdown-toggle.bs-placeholder:focus, /* 97 */ .selectbox > .dropdown-toggle.bs-placeholder:active { /* 98 */ color: #999999; /* 99 */ } /* 100 */ /* 101 */ body { /* 102 */ background-color: #FFFFFF; /* 103 */ } /* 104 */ /* 105 */ body, /* 106 */ p { /* 107 */ font-family: 'Roboto', sans-serif; /* 108 */ font-size: 14px; /* 109 */ line-height: 20px; /* 110 */ letter-spacing: 1.05px; /* 111 */ /* 112 */ color: #101010; /* 113 */ } /* 114 */ /* 115 */ h1, h2, h3 { /* 116 */ font-size: 18px; /* 117 */ line-height: 24px; /* 118 */ } /* 119 */ /* 120 */ h2 { /* 121 */ font-weight: 500; /* 122 */ } /* 123 */ /* 124 */ h3 { /* 125 */ text-transform: uppercase; /* 126 */ } /* 127 */ /* 128 */ p { /* 129 */ margin-bottom: 20px; /* 130 */ } /* 131 */ /* 132 */ a { /* 133 */ color: #DC1B23; /* 134 */ text-decoration: none; /* 135 */ -webkit-transition: color 0.3s ease-out, /* 136 */ background 0.3s ease-out; /* 137 */ transition: color 0.3s ease-out /* 138 */ background 0.3s ease-out; /* 139 */ } /* 140 */ /* 141 */ a:hover, /* 142 */ a:active, /* 143 */ a:focus { /* 144 */ color: #cc3A3e; /* 145 */ text-decoration: none; /* 146 */ } /* 147 */ /* 148 */ b, strong { /* 149 */ font-weight: 600; /* 150 */ } /* 151 */ /* 152 */ i, em { /* 153 */ font-style: italic; /* 154 */ } /* 155 */ /* 156 */ .main-col ul, /* 157 */ .main-col ol { /* 158 */ margin-left: 40px; /* 159 */ } /* 160 */ /* 161 */ .main-col li { /* 162 */ list-style: disc outside none; /* 163 */ } /* 164 */ /* 165 */ /* 166 */ /* 167 */ /* /+ 168 +/ ************************* /+ 169 +/ 2. GENERIC STYLES /+ 170 +/ ************************* /+ 171 +/ */ /* 172 */ /* 173 */ .radial-gradient-layer { /* 174 */ position: absolute; /* 175 */ top: 0; /* 176 */ bottom: 0; /* 177 */ left: 0; /* 178 */ right: 0; /* 179 */ z-index: 10; /* 180 */ background: rgba(0, 0, 0, 0); /* 181 */ background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); /* 182 */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.5))); /* 183 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%); /* 184 */ background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); /* 185 */ background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); /* 186 */ background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); /* 187 */ filter: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); /* 188 */ pointer-events: none; /* 189 */ opacity: 0.33; /* 190 */ } /* 191 */ /* 192 */ .page-dynamic.dynamic-page-cinematic-work nav.side-col.test.col.collapsible.collapsible--mob { /* 193 */ border-bottom: none; /* 194 */ } /* 195 */ /* 196 */ .page-dynamic.dynamic-page-cinematic-work nav.side-col.test.col.collapsible.collapsible--mob hr { /* 197 */ margin: 0; /* 198 */ color: #dad7d7; /* 199 */ border-color: #dad7d7; /* 200 */ background-color: #dad7d7; /* 201 */ } /* 202 */ /* 203 */ .page-dynamic.dynamic-page-cinematic-work h2.collapsible-title.collapsible-title--mob.collapsible-toggler { /* 204 */ padding: 0 20px 15px 0; /* 205 */ z-index: 99; /* 206 */ } /* 207 */ /* 208 */ .page-dynamic .media-container--type-default .media-container__text { /* 209 */ /*width: 100%;*/ /* 210 */ } /* 211 */ /* 212 */ /*--------------------- /+ 213 +/ 2.1. Inputs /+ 214 +/ --------------------- */ /* 215 */ /* 216 */ .dynamic-page-edit-button { /* 217 */ position: absolute; /* 218 */ right: 19px; /* 219 */ top: -6px; /* 220 */ } /* 221 */ /* 222 */ .dynamic-page-edit-button input.edit-button[type="button"] { /* 223 */ margin-top: 0; /* 224 */ } /* 225 */ /* 226 */ /* 227 */ /* 228 */ /* 229 */ /* /+ 230 +/ ************************* /+ 231 +/ 3. PAGE LAYOUT /+ 232 +/ ************************* /+ 233 +/ */ /* 234 */ /* 235 */ html { /* 236 */ height: 100%; /* 237 */ } /* 238 */ /* 239 */ html, body { /* 240 */ /* because something overwrites reset.css */ /* 241 */ overflow-x: hidden; /* 242 */ overflow-y: visible; /* 243 */ } /* 244 */ /* 245 */ body.fullscreen-active { /* 246 */ height: 100%; /* 247 */ overflow: hidden; /* 248 */ } /* 249 */ /* 250 */ .container { /* 251 */ position: relative; /* 252 */ width: 100%; /* 253 */ max-width: 1138px; /* 254 */ margin: 0 auto; /* 255 */ } /* 256 */ /* 257 */ .container.container--wide { /* 258 */ max-width: 1438px; /* 259 */ } /* 260 */ /* 261 */ .container.container--narrow { /* 262 */ max-width: 760px; /* 263 */ } /* 264 */ /* 265 */ .col { /* 266 */ position: relative; /* 267 */ } /* 268 */ /* 269 */ .col, /* 270 */ .filter-container__header, /* 271 */ .inputfield, /* 272 */ .textarea, /* 273 */ .searchfield__input, /* 274 */ .selectbox__selected, /* 275 */ .selectbox .dropdown-menu > li > a { /* 276 */ padding-left: 14px; /* 277 */ padding-right: 14px; /* 278 */ } /* 279 */ /* 280 */ .filter-container { /* 281 */ margin-bottom: 40px; /* 282 */ } /* 283 */ /* 284 */ .filter-container__header, /* 285 */ .filter-item { /* 286 */ margin-bottom: -1px; /* 287 */ } /* 288 */ /* 289 */ .controlbar, /* 290 */ .user-panel { /* 291 */ position: relative; /* 292 */ z-index: 9001; /* 293 */ } /* 294 */ /* 295 */ .site-header { /* 296 */ position: absolute; /* 297 */ left: 0; /* 298 */ right: 0; /* 299 */ color: #ffffff; /* 300 */ /* Above Mediacontainer. I hope 8001 is enough. More than that gives probles with filter dropdowns */ /* 301 */ z-index: 8001; /* 302 */ } /* 303 */ /* 304 */ .nav-opened .site-header { /* 305 */ z-index: 9999; /* 306 */ } /* 307 */ /* 308 */ .site-logo, /* 309 */ .footer-logo { /* 310 */ display: block; /* 311 */ position: relative; /* 312 */ z-index: 1; /* 313 */ width: 140px; /* 314 */ } /* 315 */ /* 316 */ .site-logo img { /* 317 */ width: 100%; /* 318 */ height: auto; /* 319 */ } /* 320 */ /* 321 */ /* 322 */ a.nav-toggle.burger h2 { /* 323 */ text-indent: 999px; /* 324 */ } /* 325 */ /* 326 */ .user-area__toggler, /* 327 */ .user-area__login-button { /* 328 */ position: relative; /* 329 */ width: 100%; /* 330 */ overflow: hidden; /* 331 */ /* 332 */ height: 34px; /* 333 */ min-height: 34px; /* 334 */ /* 335 */ line-height: 14px; /* 336 */ } /* 337 */ /* 338 */ .user-area__toggler { /* 339 */ width: 100%; /* 340 */ } /* 341 */ /* 342 */ .user-area__toggler { /* 343 */ overflow: visible; /* 344 */ padding-left: 15px; /* 345 */ padding-right: 49px; /* 346 */ } /* 347 */ /* 348 */ .user-area__gradient, /* 349 */ .user-area__image { /* 350 */ position: absolute; /* 351 */ right: 0; /* 352 */ left: auto; /* 353 */ top: 0; /* 354 */ height: 34px; /* 355 */ width: 34px; /* 356 */ } /* 357 */ /* 358 */ .user-area__arrow { /* 359 */ background: #cc3a3e url("../media/images/triangle--white.svg") no-repeat scroll 0 0 / 8px 13px; /* 360 */ background-position: center; /* 361 */ font-size: 0; /* 362 */ /* 363 */ position: absolute; /* 364 */ z-index: 9999; /* 365 */ right: 0; /* 366 */ top: 0; /* 367 */ transform: rotate(90deg); /* 368 */ /* 369 */ -webkit-transition: opacity 0.3s ease-out; /* 370 */ transition: opacity 0.3s ease-out; /* 371 */ /* 372 */ width: 34px; /* 373 */ height: 34px; /* 374 */ opacity: 0; /* 375 */ } /* 376 */ /* 377 */ .user-area__toggler:hover .user-area__arrow, /* 378 */ .user-area__toggler:active .user-area__arrow, /* 379 */ .user-area__toggler:focus .user-area__arrow { /* 380 */ opacity: 1; /* 381 */ } /* 382 */ /* 383 */ .user-area__toggler--hide .user-area__arrow { /* 384 */ transform: rotate(-90deg); /* 385 */ } /* 386 */ /* 387 */ .site-main { /* 388 */ padding-top: 48px; /* 389 */ position: relative; /* 390 */ } /* 391 */ /* 392 */ .main-content { /* 393 */ padding-top: 54px; /* 394 */ } /* 395 */ /* 396 */ .media-container + .main-content { /* 397 */ padding-top: 0; /* 398 */ } /* 399 */ /* 400 */ .main-col { /* 401 */ border-bottom: 1px solid #e0e0e0; /* 402 */ } /* 403 */ /* 404 */ .main-col, /* 405 */ .side-col { /* 406 */ width: 100%; /* 407 */ padding-bottom: 74px; /* 408 */ } /* 409 */ /* 410 */ .site-footer { /* 411 */ min-height: 119px; /* 412 */ padding-top: 29px; /* 413 */ } /* 414 */ /* 415 */ .footer-logo { /* 416 */ margin-left: 2px; /* 417 */ } /* 418 */ /* 419 */ /* 420 */ /* 421 */ /* 422 */ /* 423 */ /* 424 */ /* 425 */ /* /+ 426 +/ ************************* /+ 427 +/ 6. NEWSLETTER FORM /+ 428 +/ ************************* /+ 429 +/ */ /* 430 */ /* 431 */ .nl-form { /* 432 */ border: 1px solid #e0e0e0; /* 433 */ padding: 15px 15px 0 15px; /* 434 */ } /* 435 */ /* 436 */ .nl-title input, /* 437 */ .nl-subscribe input, /* 438 */ .nl-title .select { /* 439 */ display: inline-block; /* 440 */ vertical-align: top; /* 441 */ width: 100%; /* 442 */ margin-bottom: 15px; /* 443 */ } /* 444 */ /* 445 */ /* 446 */ /* 447 */ @media screen and (min-width: 460px) { /* 448 */ /* 449 */ .site-logo, /* 450 */ .footer-logo { /* 451 */ width: 179px; /* 452 */ } /* 453 */ /* 454 */ .site-main { /* 455 */ padding-top: 78px; /* 456 */ } /* 457 */ /* 458 */ } /* 459 */ /* 460 */ /* 461 */ /* 462 */ @media screen and (min-width: 768px) { /* 463 */ /* 464 */ .user-area__toggler, /* 465 */ .user-area__login-button { /* 466 */ width: auto; /* 467 */ } /* 468 */ /* 469 */ } /* 470 */ /* 471 */ /* 472 */ /* 473 */ @media screen and (min-width: 1024px) { /* 474 */ /* 475 */ /* /+ 476 +/ ************************* /+ 477 +/ 2. GENERIC STYLES (min-width: 1024) /+ 478 +/ ************************* /+ 479 +/ */ /* 480 */ /* 481 */ .filter-container { /* 482 */ margin-bottom: 20px; /* 483 */ } /* 484 */ /* 485 */ /* 486 */ /* 487 */ /* /+ 488 +/ ************************* /+ 489 +/ 3. PAGE LAYOUT (min-width: 1024) /+ 490 +/ ************************* /+ 491 +/ */ /* 492 */ /* 493 */ .col, /* 494 */ /* for elements that are displayed fullscreen on mob, but have to vertically align with the content on desktop */ /* 495 */ .col--desk, /* 496 */ .filter-container__header, /* 497 */ .inputfield, /* 498 */ .textarea, /* 499 */ .searchfield__input, /* 500 */ .selectbox__selected, /* 501 */ .selectbox .dropdown-menu > li > a { /* 502 */ padding-left: 19px; /* 503 */ padding-right: 19px; /* 504 */ } /* 505 */ /* 506 */ .main-col, /* 507 */ .side-col { /* 508 */ display: inline-block; /* 509 */ vertical-align: top; /* 510 */ } /* 511 */ /* 512 */ .main-col:not(.main-col--full) { /* 513 */ width: 66.666666%; /* 514 */ } /* 515 */ /* 516 */ .page-dynamic section.main-col.col.main-col-center, /* 517 */ .page-search section.main-col.main-col-center.content-page { /* 518 */ margin-left: calc((100% - 66.66666%) / 2); /* 519 */ } /* 520 */ /* 521 */ .page-dynamic nav.side-col.test.col.collapsible.collapsible--mob { /* 522 */ padding: 0 19px 10px 19px; /* 523 */ } /* 524 */ /* 525 */ .page-dynamic.dynamic-page-cinematic-work nav.side-col.test.col.collapsible.collapsible--mob hr { /* 526 */ margin: 20px 0 0 0; /* 527 */ } /* 528 */ /* 529 */ .page-dynamic h2.collapsible-title.collapsible-title--mob.collapsible-toggler { /* 530 */ margin-top: 53px; /* 531 */ font-size: 12px; /* 532 */ text-transform: uppercase; /* 533 */ font-weight: bold; /* 534 */ letter-spacing: 1.8px; /* 535 */ } /* 536 */ /* 537 */ ul.collapsible-text.collapsible-text--mob { /* 538 */ font-size: 13px; /* 539 */ line-height: 23px; /* 540 */ margin-top: 9px; /* 541 */ font-weight: 500; /* 542 */ } /* 543 */ /* 544 */ .side-col { /* 545 */ width: 33.333333%; /* 546 */ } /* 547 */ /* 548 */ .side-col-menu { /* 549 */ padding-bottom: 13px; /* 550 */ max-height: 58vh; /* 551 */ overflow-y: scroll; /* 552 */ scrollbar-width: thin; /* 553 */ } /* 554 */ .side-col-menu-wrapper{ /* 555 */ border-bottom: 1px solid #ccc; /* 556 */ padding-bottom: 10px; /* 557 */ } /* 558 */ /* 559 */ .grid-item, /* 560 */ .filter-item { /* 561 */ display: inline-block; /* 562 */ vertical-align: top; /* 563 */ } /* 564 */ /* 565 */ /* 566 */ /* 567 */ /* /+ 568 +/ ************************* /+ 569 +/ 5. NEWSLETTER (1024px) /+ 570 +/ ************************* /+ 571 +/ */ /* 572 */ /* 573 */ .nl-title input, /* 574 */ .nl-subscribe input, /* 575 */ .nl-title .select { /* 576 */ width: 40%; /* 577 */ } /* 578 */ /* 579 */ .nl-title .select { /* 580 */ width: 18.5%; /* 581 */ } /* 582 */ /* 583 */ .nl-subscribe .nl-email { /* 584 */ width: 75%; /* 585 */ } /* 586 */ /* 587 */ .nl-subscribe .nl-submit { /* 588 */ width: 24.2%; /* 589 */ } /* 590 */ /* 591 */ .side-col-nav-inner-container.fixed { /* 592 */ position: fixed; /* 593 */ top: 0px; /* 594 */ } /* 595 */ /* 596 */ } /* 597 */ /* 598 */ /* Those are the ONLY rules, that are not mobile first. And the only ones that use !important. For obvious reasons. */ /* 599 */ @media screen and (min-width: 1024px) { /* 600 */ /* 601 */ body .hidden-on-desk { /* 602 */ visibility: hidden !important; /* 603 */ display: none !important; /* 604 */ } /* 605 */ /* 606 */ } /* 607 */ /* 608 */ @media screen and (max-width: 767px) { /* 609 */ /* 610 */ body .hidden-on-phone { /* 611 */ visibility: hidden !important; /* 612 */ display: none !important; /* 613 */ } /* 614 */ /* 615 */ } /* 616 */ @media screen and (min-width: 768px) and (max-width: 1023px) { /* 617 */ /* 618 */ body .hidden-on-tablet { /* 619 */ visibility: hidden !important; /* 620 */ display: none !important; /* 621 */ } /* 622 */ /* 623 */ } /* 624 */ /* 625 */ /* social share */ /* 626 */ /* 627 */ .socialshareprivacy { /* 628 */ display: inline-block; /* 629 */ width: auto; /* 630 */ float: left; /* 631 */ } /* 632 */ /* 633 */ .footer .socialshareprivacy { /* 634 */ width: auto; /* 635 */ } /* 636 */ /* 637 */ .interaction-box .social_share_privacy_area { /* 638 */ display: inline; /* 639 */ } /* 640 */ /* 641 */ .socialshareprivacy .social_share_privacy_area > li { /* 642 */ margin-left: 6px; /* 643 */ float: left; /* 644 */ } /* 645 */ /* 646 */ .interaction-box .socialshareprivacy .social_share_privacy_area > li.twitter.help_info { /* 647 */ width: 145px; /* 648 */ } /* 649 */ /* 650 */ .socialshareprivacy .social_share_privacy_area li.settings_info .settings_info_menu { /* 651 */ position: absolute; /* 652 */ } /* 653 */ /* 654 */ .interaction-box .fb_like.dummy_btn, /* 655 */ .interaction-box .tweet.dummy_btn { /* 656 */ min-width: 110px; /* 657 */ } /* 658 */ li.twitter, li.facebook{ /* 659 */ display: inline-block !important; /* 660 */ width: auto !important; /* 661 */ height: auto !important; /* 662 */ } /* 663 */ li.twitter { /* 664 */ margin-left: 6px !important; /* 665 */ } /* 666 */ li.twitter iframe { /* 667 */ max-width: 100px; /* 668 */ } /* 669 */ /* 670 */ .interaction-box { /* 671 */ min-height: 36px; /* 672 */ } /* 673 */ /* 674 */ .socialshareprivacy .social_share_privacy_area li .switch { /* 675 */ background: url("../images/img_fb-switch-onoff.png") no-repeat scroll 0 0 transparent; /* 676 */ height: 25px; /* 677 */ background-size: 88px; /* 678 */ width: 44px; /* 679 */ margin-top: 0; /* 680 */ } /* 681 */ .socialshareprivacy .social_share_privacy_area li .dummy_btn { /* 682 */ margin-right: 6px; /* 683 */ margin-left: 4px; /* 684 */ } /* 685 */ .socialshareprivacy .social_share_privacy_area li .tweet.dummy_btn{ /* 686 */ width: auto; /* 687 */ } /* 688 */ /* 689 */ .footer .socialshareprivacy .settings_info { /* 690 */ display: none; /* 691 */ } /* 692 */ .footer .socialshareprivacy .social_share_privacy_area li { /* 693 */ float: left; /* 694 */ clear: both; /* 695 */ margin-top: 5px !important; /* 696 */ } /* 697 */ .socialshareprivacy .social_share_privacy_area li .switch.on { /* 698 */ background-position: -44px center; /* 699 */ } /* 700 */ /* 701 */ .message-dialog-window { /* 702 */ position: fixed; /* 703 */ } /* 704 */ /* 705 */ /* 706 */ /* SEARCH RESULTS */ /* 707 */ /* 708 */ .cbSearchStatus { /* 709 */ margin-top: 5px; /* 710 */ } /* 711 */ /* 712 */ .cbSearchItem { /* 713 */ margin-top: 15px; /* 714 */ } /* 715 */ /* 716 */ .cbSearchFooter { /* 717 */ margin-top: 10px; /* 718 */ } /* 719 */ /* 720 */ .cbSearchHeader { /* 721 */ margin-top: 20px; /* 722 */ } /* --- /var/www/kulturportal/media/styles/nav.css --------------------------- */ /* 1 */ /* /+ 2 +/ * Navigation Styles /+ 3 +/ * /+ 4 +/ * Styles applicable to header navigation of the entire project /+ 5 +/ * /+ 6 +/ */ /* 7 */ /* 8 */ /* TABLE OF CONTENTS /+ 9 +/ --------------------------- /+ 10 +/ 1. Burger Icon /+ 11 +/ 2. Inline-Nav /+ 12 +/ 4. Nav Layer /+ 13 +/ /+ 14 +/ */ /* 15 */ /* 16 */ /* 17 */ /* 18 */ /* /+ 19 +/ ************************* /+ 20 +/ 1. BURGER ICON /+ 21 +/ ************************* /+ 22 +/ */ /* 23 */ /* 24 */ .burger { /* 25 */ position: relative; /* 26 */ display: block; /* 27 */ /* 28 */ height: 21px; /* 29 */ width: 35px; /* 30 */ /* 31 */ font-size: 0; /* 32 */ cursor: pointer; /* 33 */ /* 34 */ transition: all 0.5s ease-in-out 0s; /* 35 */ } /* 36 */ /* 37 */ .burger h2 { /* 38 */ font-size: 0; /* 39 */ line-height: 0; /* 40 */ } /* 41 */ /* 42 */ .burger span { /* 43 */ background: #303030 none repeat scroll 0 0; /* 44 */ height: 3px; /* 45 */ left: 0; /* 46 */ opacity: 1; /* 47 */ position: absolute; /* 48 */ transition: all 0.25s ease-in-out 0s; /* 49 */ width: 100%; /* 50 */ } /* 51 */ /* 52 */ .burger span:nth-child(1) { /* 53 */ top: 0; /* 54 */ } /* 55 */ /* 56 */ .burger span:nth-child(2), /* 57 */ .burger span:nth-child(3) { /* 58 */ top: 9px; /* 59 */ } /* 60 */ /* 61 */ .burger span:nth-child(4) { /* 62 */ top: 18px; /* 63 */ } /* 64 */ /* 65 */ body.nav-opened .burger span:nth-child(2) { /* 66 */ background: #ffffff; /* 67 */ -webkit-transform: rotate(45deg); /* 68 */ -ms-transform: rotate(45deg); /* 69 */ transform: rotate(45deg); /* 70 */ } /* 71 */ /* 72 */ body.nav-opened .burger span:nth-child(4), /* 73 */ body.nav-opened .burger span:nth-child(1) { /* 74 */ left: 50%; /* 75 */ top: 14px; /* 76 */ width: 0; /* 77 */ background: #fff none repeat scroll 0 0; /* 78 */ } /* 79 */ /* 80 */ body.nav-opened .burger span:nth-child(3) { /* 81 */ background: #ffffff; /* 82 */ -webkit-transform: rotate(-45deg); /* 83 */ -ms-transform: rotate(-45deg); /* 84 */ transform: rotate(-45deg); /* 85 */ } /* 86 */ /* 87 */ body.nav-opened .burger span:nth-child(4) { /* 88 */ background: #ffffff; /* 89 */ } /* 90 */ /* 91 */ body.nav-opened .site-nav__item--outer.hidden-on-phone { /* 92 */ visibility: hidden; /* 93 */ display: none; /* 94 */ } /* 95 */ /* 96 */ /* 97 */ /* 98 */ /* /+ 99 +/ ************************* /+ 100 +/ 2. INLINE-NAV /+ 101 +/ ************************* /+ 102 +/ */ /* 103 */ /* 104 */ .site-nav { /* 105 */ position: absolute; /* 106 */ right: 0; /* 107 */ top: 0; /* 108 */ left: 0; /* 109 */ text-align: right; /* 110 */ } /* 111 */ /* 112 */ .site-nav__item { /* 113 */ display: inline-block; /* 114 */ vertical-align: top; /* 115 */ margin-top: 7px; /* 116 */ } /* 117 */ /* 118 */ /* 119 */ /* 120 */ /* /+ 121 +/ ************************* /+ 122 +/ 3. NAV LAYER /+ 123 +/ ************************* /+ 124 +/ */ /* 125 */ /* 126 */ body.nav-opened { /* 127 */ height: 100%; /* 128 */ overflow: hidden; /* 129 */ } /* 130 */ /* 131 */ .nav-layer { /* 132 */ position: fixed; /* 133 */ left: -9999px; /* 134 */ } /* 135 */ /* 136 */ body.nav-opened .nav-layer { /* 137 */ top: 0; /* 138 */ bottom: 0; /* 139 */ left: 0; /* 140 */ right: 0; /* 141 */ background: rgba(236, 67, 72, 0.925); /* 142 */ overflow-x: hidden; /* 143 */ overflow-y: auto; /* 144 */ z-index: 1; /* 145 */ } /* 146 */ /* 147 */ .nav-layer__inner { /* 148 */ position: relative; /* 149 */ padding: 97px 0 190px; /* 150 */ min-height: 100%; /* 151 */ } /* 152 */ /* 153 */ .nav-toggle--inner { /* 154 */ position: absolute; /* 155 */ right: 19px; /* 156 */ top: 0; /* 157 */ } /* 158 */ /* 159 */ .nav-layer .button, /* 160 */ .nav-layer .language-switch .selectbox__selected { /* 161 */ background: white; /* 162 */ color: #DC1B23; /* 163 */ } /* 164 */ /* 165 */ .nav-layer .button.button--negative { /* 166 */ background: rgba(255, 255, 255, 0); /* 167 */ color: #ffffff; /* 168 */ border-color: #ffffff; /* 169 */ } /* 170 */ /* 171 */ .nav-layer .user-area__arrow { /* 172 */ background: #ffffff url("../media/images/triangle--red.svg") no-repeat scroll 0 0 / 8px 13px; /* 173 */ background-position: center; /* 174 */ } /* 175 */ /* 176 */ .nav-layer .language-switch .dropdown-menu { /* 177 */ text-align: left; /* 178 */ } /* 179 */ /* 180 */ .user-area__toggler, /* 181 */ .user-area__login-button { /* 182 */ margin-bottom: 10px; /* 183 */ } /* 184 */ /* 185 */ .nav-layer .language-switch .selectbox__selected { /* 186 */ font-size: 12px; /* 187 */ font-weight: 400; /* 188 */ letter-spacing: 2px; /* 189 */ padding-left: 0; /* 190 */ padding-right: 0; /* 191 */ margin-left: 19px; /* 192 */ margin-right: 9px; /* 193 */ } /* 194 */ /* 195 */ .nav-layer .language-switch.selectbox.btn-group .dropdown-toggle .caret { /* 196 */ right: 17px; /* 197 */ } /* 198 */ /* 199 */ .nav-layer .language-switch { /* 200 */ background-image: url("../media/images/globe.svg"); /* 201 */ background-position: 11px 7px; /* 202 */ background-repeat: no-repeat; /* 203 */ background-size: 18px auto; /* 204 */ padding-left: 18px; /* 205 */ padding-right: 0; /* 206 */ } /* 207 */ /* 208 */ .nav-layer .user-area, /* 209 */ .nav-layer .network-link { /* 210 */ display: inline-block; /* 211 */ vertical-align: top; /* 212 */ width: 50%; /* 213 */ } /* 214 */ /* 215 */ .nav-layer .network-link { /* 216 */ margin-bottom: 38px; /* 217 */ } /* 218 */ /* 219 */ .nav-layer .menu, /* 220 */ .nav-layer .service-menu-col { /* 221 */ display: inline-block; /* 222 */ vertical-align: top; /* 223 */ width: 100%; /* 224 */ } /* 225 */ /* 226 */ .nav-layer .menu { /* 227 */ margin-top: -22px; /* 228 */ } /* 229 */ /* 230 */ .nav-layer .service-menu-col { /* 231 */ margin-top: 17px; /* 232 */ } /* 233 */ /* 234 */ .nav-layer .onepager-menu { /* 235 */ border-top: 1px solid #fff; /* 236 */ padding-top: 24px; /* 237 */ margin-top: 20px; /* 238 */ } /* 239 */ /* 240 */ .nav-layer .service-menu__item { /* 241 */ margin-bottom: 6px; /* 242 */ } /* 243 */ /* 244 */ .nav-layer .site-menu__link, /* 245 */ .nav-layer .service-menu__link { /* 246 */ color: #ffffff; /* 247 */ } /* 248 */ /* 249 */ .nav-layer .site-menu__link:active, /* 250 */ .nav-layer .site-menu__link:focus, /* 251 */ .nav-layer .site-menu__link.open, /* 252 */ .nav-layer .service-menu__link:active, /* 253 */ .nav-layer .service-menu__link:focus, /* 254 */ .nav-layer .service-menu__link.open { /* 255 */ color: #ffffff; /* 256 */ } /* 257 */ /* 258 */ .nav-layer .site-menu__link:hover, /* 259 */ .nav-layer .service-menu__link:hover { /* 260 */ color: #101010; /* 261 */ } /* 262 */ /* 263 */ .nav-layer .site-menu__link { /* 264 */ font-weight: 500; /* 265 */ letter-spacing: 2.1px; /* 266 */ font-size: 21px; /* 267 */ line-height: 40px; /* 268 */ } /* 269 */ /* 270 */ .nav-layer .menu__link--secondlevel { /* 271 */ font-size: 16px; /* 272 */ line-height: 30px; /* 273 */ } /* 274 */ /* 275 */ .nav-layer .menu__link--thirdlevel { /* 276 */ font-size: 14px; /* 277 */ line-height: 20px; /* 278 */ } /* 279 */ /* 280 */ .nav-layer .collapsible-icon { /* 281 */ background: rgba(0, 0, 0, 0) url("../media/images/triangle--white.svg") repeat scroll 0 0 / auto 23px; /* 282 */ height: 23px; /* 283 */ margin-top: -11px; /* 284 */ right: -29px; /* 285 */ width: 15px; /* 286 */ } /* 287 */ /* 288 */ .nav-layer .menu__item--firstlevel, /* 289 */ .nav-layer .service-menu__item { /* 290 */ padding-right: 44px; /* 291 */ } /* 292 */ /* 293 */ .nav-layer .nav-layer__footer { /* 294 */ bottom: 20px; /* 295 */ position: absolute; /* 296 */ right: 0; /* 297 */ width: 100%; /* 298 */ } /* 299 */ /* 300 */ .nav-layer .site-search { /* 301 */ height: 44px; /* 302 */ } /* 303 */ /* 304 */ .nav-layer .searchfield__input { /* 305 */ background: #ffffff; /* 306 */ border-radius: 3px; /* 307 */ padding-left: 28px; /* 308 */ padding-right: 52px; /* 309 */ line-height: 44px; /* 310 */ } /* 311 */ /* 312 */ .nav-layer .searchfield__submit > svg { /* 313 */ height: 38px; /* 314 */ margin-right: -2px; /* 315 */ margin-top: -20px; /* 316 */ width: 25px; /* 317 */ } /* 318 */ /* 319 */ .nav-layer .site-nav__lang { /* 320 */ float: left; /* 321 */ } /* 322 */ /* 323 */ /* 324 */ @media screen and (min-width: 460px) { /* 325 */ /* 326 */ .site-nav__item { /* 327 */ margin-top: 20px; /* 328 */ } /* 329 */ /* 330 */ .nav-layer .site-menu__link { /* 331 */ font-size: 42px; /* 332 */ line-height: 65px; /* 333 */ letter-spacing: 3.4px; /* 334 */ } /* 335 */ /* 336 */ .nav-layer .menu__link--secondlevel { /* 337 */ font-size: 22px; /* 338 */ line-height: 45px; /* 339 */ } /* 340 */ /* 341 */ .nav-layer .menu__link--thirdlevel { /* 342 */ font-size: 18px; /* 343 */ line-height: 35px; /* 344 */ } /* 345 */ /* 346 */ .nav-layer .user-area, /* 347 */ .nav-layer .network-link { /* 348 */ width: auto; /* 349 */ } /* 350 */ /* 351 */ } /* 352 */ /* 353 */ /* 354 */ @media screen and (min-width: 768px) { /* 355 */ /* 356 */ .nav-layer__inner { /* 357 */ padding-bottom: 157px; /* 358 */ } /* 359 */ /* 360 */ .user-area__toggler, /* 361 */ .user-area__login-button, /* 362 */ .network-link { /* 363 */ margin-bottom: 20px; /* 364 */ } /* 365 */ /* 366 */ .nav-layer .service-menu-col { /* 367 */ text-align: left; /* 368 */ margin-top: 15px; /* 369 */ width: 288px; /* 370 */ } /* 371 */ /* 372 */ .nav-layer .menu { /* 373 */ width: calc(100% - 288px); /* 374 */ } /* 375 */ /* 376 */ .nav-layer .collapsible-icon { /* 377 */ background-size: auto 30px; /* 378 */ height: 30px; /* 379 */ right: -55px; /* 380 */ width: 20px; /* 381 */ } /* 382 */ /* 383 */ .nav-layer .menu__item--firstlevel { /* 384 */ padding-right: 83px; /* 385 */ } /* 386 */ /* 387 */ .service-menu__item { /* 388 */ padding-right: 0; /* 389 */ } /* 390 */ /* 391 */ .nav-layer .nav-layer__footer { /* 392 */ width: 648px; /* 393 */ max-width: 100%; /* 394 */ margin-bottom: 53px; /* 395 */ } /* 396 */ /* 397 */ } /* 398 */ /* 399 */ /* 400 */ @media screen and (min-width: 1024px) { /* 401 */ /* 402 */ .nav-layer .site-menu__link { /* 403 */ font-size: 52px; /* 404 */ line-height: 75px; /* 405 */ } /* 406 */ /* 407 */ .nav-layer .menu__link--secondlevel { /* 408 */ font-size: 32px; /* 409 */ line-height: 55px; /* 410 */ } /* 411 */ /* 412 */ .nav-layer .menu__link--thirdlevel { /* 413 */ font-size: 22px; /* 414 */ line-height: 45px; /* 415 */ } /* 416 */ /* 417 */ } /* 418 */ /* 419 */ @media screen and (min-width: 1200px) { /* 420 */ /* 421 */ .nav-layer .site-menu__link { /* 422 */ font-size: 62px; /* 423 */ line-height: 85px; /* 424 */ } /* 425 */ /* 426 */ .nav-layer .menu__link--secondlevel { /* 427 */ font-size: 42px; /* 428 */ line-height: 65px; /* 429 */ } /* 430 */ /* 431 */ .nav-layer .menu__link--thirdlevel { /* 432 */ font-size: 32px; /* 433 */ line-height: 55px; /* 434 */ } /* 435 */ /* 436 */ } /* 437 */ /* --- /var/www/kulturportal/media/styles/cookie_layer.css ------------------ */ /* 1 */ @media screen and (max-width: 767px) { /* 2 */ div#cookie-layer .tab { /* 3 */ width: 50% !important; /* 4 */ } /* 5 */ /* 6 */ div#cookie-layer.show, div#cookie-bg-cover.show { /* 7 */ display: flex !important; /* 8 */ flex-direction: column; /* 9 */ height: 100%; /* 10 */ top: 0; /* 11 */ width: 100%; /* 12 */ } /* 13 */ /* 14 */ div#cookie-layer .cookie-buttons { /* 15 */ width: 100%; /* 16 */ display: flex; /* 17 */ flex-direction: column; /* 18 */ } /* 19 */ /* 20 */ div#cookie-layer button.cookie-button-half-size { /* 21 */ width: 93% !important; /* 22 */ margin-top: 0 !important; /* 23 */ } /* 24 */ /* 25 */ div#cookie-layer .panels { /* 26 */ max-height: none !important; /* 27 */ height: 100%; /* 28 */ } /* 29 */ } /* 30 */ /* 31 */ div#cookie-bg-cover{ /* 32 */ background-color:rgba(0, 0, 0, 0.2); /* 33 */ width: 100%; /* 34 */ height: 100%; /* 35 */ position: absolute; /* 36 */ position: fixed; /* 37 */ left: 0px; /* 38 */ top: 0px; /* 39 */ z-index: 9999; /* 40 */ display: none; /* 41 */ } /* 42 */ /* 43 */ div#cookie-layer { /* 44 */ position: fixed; /* 45 */ top: 150px; /* 46 */ height: auto; /* 47 */ z-index: 10000; /* 48 */ display: none; /* 49 */ width: 90%; /* 50 */ margin: auto; /* 51 */ left: 0; /* 52 */ right: 0; /* 53 */ } /* 54 */ /* 55 */ /* 56 */ /* 57 */ @media screen and (min-width: 800px) { /* 58 */ /* 59 */ div#cookie-layer { /* 60 */ width: 800px; /* 61 */ /* left: calc((100vw - 800px) / 2);*/ /* 62 */ } /* 63 */ /* 64 */ } /* 65 */ div#cookie-layer.show, /* 66 */ div#cookie-bg-cover.show{ /* 67 */ display: block; /* 68 */ } /* 69 */ /* 70 */ #cookie-layer .cookie-layer-close-btn { /* 71 */ background: url(../media/images/icon_close-black.svg); /* 72 */ display: block; /* 73 */ width: 30px; /* 74 */ height: 30px; /* 75 */ position: absolute; /* 76 */ right: 15px; /* 77 */ background-repeat: no-repeat; /* 78 */ background-position-x: center; /* 79 */ cursor: pointer; /* 80 */ } /* 81 */ /* 82 */ div#cookie-layer h2 { /* 83 */ font-weight: 800; /* 84 */ text-transform: uppercase; /* 85 */ font-size: 18px; /* 86 */ margin-bottom: 15px; /* 87 */ } /* 88 */ /* 89 */ div#cookie-layer h3 { /* 90 */ font-weight: 500; /* 91 */ font-size: 14px; /* 92 */ margin-bottom: 15px; /* 93 */ } /* 94 */ /* 95 */ div#cookie-layer p { /* 96 */ font-size: 13px; /* 97 */ line-height: 18px; /* 98 */ padding-right: 30px; /* 99 */ } /* 100 */ /* 101 */ div#cookie-layer input#checkbox_1, /* 102 */ div#cookie-layer input#checkbox_2, /* 103 */ div#cookie-layer input#checkbox_3{ /* 104 */ display:none; /* 105 */ } /* 106 */ /* 107 */ div#cookie-layer input[type="checkbox"] + label::before { /* 108 */ width: 15px; /* 109 */ height: 15px; /* 110 */ border: 2px solid #000; /* 111 */ background-color: #fff; /* 112 */ display: block; /* 113 */ content: ""; /* 114 */ float: left; /* 115 */ margin: 0px 12px 20px 0px; /* 116 */ cursor: pointer; /* 117 */ } /* 118 */ /* 119 */ div#cookie-layer input[type="checkbox"]:checked+label::before { /* 120 */ background-repeat: no-repeat; /* 121 */ background-image:url('../media/images/checkbox-checked.png'); /* 122 */ background-position: center; /* 123 */ background-size: contain; /* 124 */ } /* 125 */ /* 126 */ .cookie-layer-required { /* 127 */ font-size: 13px; /* 128 */ } /* 129 */ /* 130 */ div#cookie-layer button{ /* 131 */ border: 2px solid #000; /* 132 */ width: 93%; /* 133 */ height: 50px; /* 134 */ font-size: 15px; /* 135 */ font-weight: 600; /* 136 */ margin-bottom: 10px; /* 137 */ cursor: pointer /* 138 */ } /* 139 */ /* 140 */ div#cookie-layer button.cookie-button-half-size { /* 141 */ width: 45%; /* 142 */ margin-right: calc(2% + 0px); /* 143 */ } /* 144 */ /* 145 */ @media screen and (min-width: 768px) { /* 146 */ /* 147 */ div#cookie-layer button.cookie-button-half-size { /* 148 */ margin-right: calc(2% + 2px); /* 149 */ } /* 150 */ } /* 151 */ /* 152 */ div#cookie-layer .cookie-buttons{ /* 153 */ margin-top: 50px; /* 154 */ width: 100%; /* 155 */ } /* 156 */ /* 157 */ div#cookie-layer #edit-cookie-button { /* 158 */ background: #fff; /* 159 */ color: #000; /* 160 */ } /* 161 */ div#cookie-layer .send-cookie-button{ /* 162 */ margin-top: 10px; /* 163 */ color: #fff; /* 164 */ background: #000; /* 165 */ } /* 166 */ /* 167 */ div#cookie-layer .checkbox-label{ /* 168 */ font-size: 15px; /* 169 */ font-weight: 800; /* 170 */ } /* 171 */ /* 172 */ div#cookie-layer .add-label{ /* 173 */ font-size: 15px; /* 174 */ } /* 175 */ /* 176 */ div#cookie-layer .checkbox-text{ /* 177 */ padding: 5px 20px 7px 32px; /* 178 */ } /* 179 */ /* 180 */ /* tab styles */ /* 181 */ /* 182 */ div#cookie-layer .tab{ /* 183 */ cursor: pointer; /* 184 */ padding: 15px 20px; /* 185 */ margin: 0; /* 186 */ background: #eeeeed; /* 187 */ display: inline-block; /* 188 */ } /* 189 */ div#cookie-layer .panels{ /* 190 */ position: relative; /* 191 */ background: #fff; /* 192 */ min-height: 200px; /* 193 */ max-height: calc(100vh - 250px); /* 194 */ overflow: auto; /* 195 */ padding: 20px 20px 20px 50px; /* 196 */ box-shadow: 1px 1px 7px 0px #908c8cdd; /* 197 */ } /* 198 */ div#cookie-layer .panel{ /* 199 */ display:none; /* 200 */ animation: fadein .8s; /* 201 */ margin-top: 30px; /* 202 */ } /* 203 */ /* 204 */ div#cookie-layer .radio-tabs{ /* 205 */ display:none; /* 206 */ } /* 207 */ /* 208 */ @keyframes fadein { /* 209 */ from { /* 210 */ opacity:0; /* 211 */ } /* 212 */ to { /* 213 */ opacity:1; /* 214 */ } /* 215 */ } /* 216 */ div#cookie-layer #one:checked ~ .panels #one-panel, /* 217 */ div#cookie-layer #two:checked ~ .panels #two-panel{ /* 218 */ display: block /* 219 */ } /* 220 */ div#cookie-layer #one:checked ~ .tabs #one-tab, /* 221 */ div#cookie-layer #two:checked ~ .tabs #two-tab{ /* 222 */ background: #fff; /* 223 */ letter-spacing: 0.5px; /* 224 */ z-index: 1; /* 225 */ } /* 226 */ /* 227 */ .tabs { /* 228 */ display: inline-flex; /* 229 */ box-shadow: 0px 0px 6px #908c8cdd; /* 230 */ } /* 231 */ /* --- /var/www/kulturportal/media/styles/selectpure.css -------------------- */ /* 1 */ /* /+ 2 +/ To change this license header, choose License Headers in Project Properties. /+ 3 +/ To change this template file, choose Tools | Templates /+ 4 +/ and open the template in the editor. /+ 5 +/ */ /* 6 */ /* /+ 7 +/ Created on : Sep 17, 2018, 9:11:18 AM /+ 8 +/ Author : Johannes /+ 9 +/ */ /* 10 */ /* 11 */ /* 12 */ .select-wrapper { /* 13 */ margin: auto; /* 14 */ max-width: 600px; /* 15 */ width: calc(100% - 40px); /* 16 */ } /* 17 */ /* 18 */ .fa-times:before{ /* 19 */ content:"x"; /* 20 */ font-weight:bolder; /* 21 */ } /* 22 */ .fa{ /* 23 */ display:inline-block;font:normal normal normal 14px/1 Arial; /* 24 */ font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale /* 25 */ } /* 26 */ /* 27 */ .select-pure__select { /* 28 */ align-items: center; /* 29 */ background: #f9f9f8; /* 30 */ border-radius: 0px; /* 31 */ border: 1px solid rgba(0, 0, 0, 0.15); /* 32 */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); /* 33 */ box-sizing: border-box; /* 34 */ color: #363b3e; /* 35 */ cursor: pointer; /* 36 */ display: flex; /* 37 */ font-size: 13px; /* 38 */ font-weight: 500; /* 39 */ justify-content: left; /* 40 */ min-height: 25px; /* 41 */ padding: 3px 8px; /* 42 */ position: relative; /* 43 */ transition: 0.2s; /* 44 */ width: 100%; /* 45 */ } /* 46 */ /* 47 */ .select-pure__select:after { /* 48 */ content:' '; /* 49 */ background-image: url('/stage/images/selectbox_arrow_icon.png'); /* 50 */ background-repeat:no-repeat; /* 51 */ display:block; /* 52 */ position:absolute; /* 53 */ right:8px; /* 54 */ top:7px; /* 55 */ z-index:1; /* 56 */ text-align:center; /* 57 */ width:15px; /* 58 */ height:15px; /* 59 */ pointer-events:none; /* 60 */ } /* 61 */ /* 62 */ .select-pure__options { /* 63 */ border-radius: 2px; /* 64 */ border: 1px solid rgba(0, 0, 0, 0.15); /* 65 */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); /* 66 */ box-sizing: border-box; /* 67 */ color: #363b3e; /* 68 */ display: none; /* 69 */ left: 0; /* 70 */ max-height: 221px; /* 71 */ overflow-y: scroll; /* 72 */ position: absolute; /* 73 */ top: 30px; /* 74 */ width: 100%; /* 75 */ z-index: 5; /* 76 */ } /* 77 */ /* 78 */ .select-pure__select--opened .select-pure__options { /* 79 */ display: block; /* 80 */ } /* 81 */ /* 82 */ .select-pure__option { /* 83 */ background: #fff; /* 84 */ border-bottom: 1px solid #e4e4e4; /* 85 */ box-sizing: border-box; /* 86 */ padding: 5px; /* 87 */ } /* 88 */ /* 89 */ .select-pure__option--selected { /* 90 */ color: #e4e4e4; /* 91 */ cursor: initial; /* 92 */ pointer-events: none; /* 93 */ } /* 94 */ /* 95 */ .select-pure__option--hidden { /* 96 */ display: none; /* 97 */ } /* 98 */ /* 99 */ .select-pure__selected-label { /* 100 */ background: #cb2020; /* 101 */ border-radius: 2px; /* 102 */ color: #fff; /* 103 */ cursor: initial; /* 104 */ display: inline-block; /* 105 */ font-size:12px; /* 106 */ margin: 5px 10px 5px 0; /* 107 */ padding: 2px 5px 3px 5px; /* 108 */ } /* 109 */ /* 110 */ .select-pure__selected-label:last-of-type { /* 111 */ margin-right: 0; /* 112 */ } /* 113 */ /* 114 */ .select-pure__selected-label i { /* 115 */ cursor: pointer; /* 116 */ display: inline-block; /* 117 */ margin-left: 7px; /* 118 */ } /* 119 */ /* 120 */ .select-pure__selected-label i:hover { /* 121 */ color: #e4e4e4; /* 122 */ } /* 123 */ /* 124 */ .select-pure__autocomplete { /* 125 */ /* background: #f9f9f8; */ /* 126 */ background:#dae1e4; /* 127 */ background-image:url('/module/lib/framework/images/glas_icon.png'); /* 128 */ background-position:right center; /* 129 */ background-repeat:no-repeat; /* 130 */ border-bottom: 1px solid #e4e4e4; /* 131 */ border-left: none; /* 132 */ border-right: none; /* 133 */ border-top: none; /* 134 */ box-sizing: border-box; /* 135 */ font-size: 14px; /* 136 */ outline: none; /* 137 */ padding: 10px; /* 138 */ width: 100%; /* 139 */ } /* 140 */ /* 141 */ /* --- /var/www/kulturportal/media/styles/ks-nrw/CbEventSearch.css ---------- */ /* 1 */ /* /+ 2 +/ * This should be the blueprint for future implementations without generic styling like body etc.. /+ 3 +/ */ /* 4 */ /* 5 */ /* 6 */ /** Events Styling **/ /* 7 */ #CbEventSearch-form, #CbEventSearch-result-container { /* 8 */ max-width: 1100px; /* 9 */ width: 100%; /* 10 */ margin: 0 auto; /* 11 */ } /* 12 */ #CbEventSearch-form{ /* 13 */ color: #A5A5A5; /* 14 */ } /* 15 */ #CbEventSearch-form svg{ /* 16 */ fill: #A5A5A5; /* 17 */ } /* 18 */ /* 19 */ #CbEventSearch-result-container .noResultsBlock { /* 20 */ text-align: center; /* 21 */ padding-top: 8vh; /* 22 */ border-top: 1px solid #ddd; /* 23 */ padding-bottom: 40px; /* 24 */ border-bottom: 1px solid #ddd; /* 25 */ } /* 26 */ /* 27 */ #CbEventSearch-result-container .noResultsBlock-container a { /* 28 */ display: inline-block; /* 29 */ width: auto; /* 30 */ text-align: center; /* 31 */ padding: 15px 25px; /* 32 */ font-weight: 500; /* 33 */ border: 1px solid #e0e0e0; /* 34 */ border-radius: 3px; /* 35 */ /* box-shadow: 0 0 9px 0px #ccc; */ /* 36 */ margin-top: 30px; /* 37 */ letter-spacing: 0; /* 38 */ background: #f2f2f2; /* 39 */ font-family: Helvetica,Arial,sans-serif; /* 40 */ font-weight: 600; /* 41 */ font-size: 14px; /* 42 */ /* margin-right: 40px;*/ /* 43 */ } /* 44 */ /* 45 */ #CbEventSearch-result-container .noResultsBlock h2 { /* 46 */ font-size: 15px; /* 47 */ letter-spacing: 0; /* 48 */ font-family: Helvetica,Arial,sans-serif; /* 49 */ /* font-weight: 600 !important; */ /* 50 */ } /* 51 */ /* 52 */ /** NEW **/ /* 53 */ /* 54 */ .search-results form.search-container.search-container { /* 55 */ display: none; /* 56 */ } /* 57 */ .search-results em { /* 58 */ text-decoration: underline; /* 59 */ color: #000; /* 60 */ font-weight: 500; /* 61 */ } /* 62 */ .search-results .cbSearchTitle a { /* 63 */ font-size: 16px; /* 64 */ font-weight: 600; /* 65 */ color: #202020; /* 66 */ } /* 67 */ .cbSearchSummary { /* 68 */ color: #706e6e; /* 69 */ font-weight: 500; /* 70 */ } /* 71 */ /* 72 */ .nav-layer__inner .site-search, /* 73 */ .site-nav .site-search{ /* 74 */ height: 34px; /* 75 */ position: absolute; /* 76 */ top: 0; /* 77 */ margin-top: 20px; /* 78 */ right: 84px; /* 79 */ width: 50%; /* 80 */ display: none; /* 81 */ pointer-events: auto; /* 82 */ z-index: 10; /* 83 */ /* 84 */ } /* 85 */ .nav-layer__inner .searchfield__input, /* 86 */ .site-nav .searchfield__input { /* 87 */ background: #ffffff; /* 88 */ border-radius: 3px; /* 89 */ padding-left: 28px; /* 90 */ padding-right: 52px; /* 91 */ line-height: 44px; /* 92 */ border: 1px solid #ddd; /* 93 */ color: #000000; /* 94 */ } /* 95 */ .nav-layer__inner .searchfield__icon__btn_2, /* 96 */ .site-nav .searchfield__icon__btn { /* 97 */ position: absolute; /* 98 */ margin-top: 17px; /* 99 */ right: 100px; /* 100 */ cursor: pointer; /* 101 */ height: 38px; /* 102 */ width: 22px; /* 103 */ } /* 104 */ .searchfield__submit > svg { /* 105 */ height: 38px; /* 106 */ width: 22px; /* 107 */ position: absolute; /* 108 */ top: 50%; /* 109 */ right: 50%; /* 110 */ margin-top: -22px; /* 111 */ margin-right: -3px; /* 112 */ } /* 113 */ .site-nav .searchfield__icon__btn { /* 114 */ fill: #202020; /* 115 */ pointer-events: auto; /* 116 */ } /* 117 */ .nav-layer__inner .searchfield__icon__btn{ /* 118 */ fill: #fff; /* 119 */ } /* 120 */ .nav-layer .searchfield__submit > svg { /* 121 */ width: 22px; /* 122 */ } /* 123 */ /* 124 */ .searchfield__icon, .searchfield__icon * { /* 125 */ fill: #202020; /* 126 */ } /* 127 */ /* 128 */ .search-result-header-container .sub-header { /* 129 */ font-size: 32px; /* 130 */ font-weight: 500; /* 131 */ } /* 132 */ /* 133 */ a.searchfield__submit { /* 134 */ position: absolute; /* 135 */ right: 0px; /* 136 */ /* top: -35px;*/ /* 137 */ min-width: 38px; /* 138 */ min-height: 38px; /* 139 */ display: inline-block; /* 140 */ } /* 141 */ /* 142 */ /* 143 */ .pika-single { /* 144 */ z-index: auto; /* 145 */ } /* 146 */ /* 147 */ /* datepicker */ /* 148 */ /* 149 */ .datepick a { /* 150 */ text-decoration: none; /* 151 */ } /* 152 */ /* 153 */ .datepick td { /* 154 */ text-align: center; /* 155 */ } /* 156 */ /* 157 */ .datepick { /* 158 */ width: 100% !important; /* 159 */ } /* 160 */ /* 161 */ .datepick-popup { /* 162 */ z-index: 1338; /* 163 */ background-color: #fff; /* 164 */ padding: 10px; /* 165 */ width: 320px; /* 166 */ border: 1px solid #ccc; /* 167 */ } /* 168 */ /* 169 */ .datepick-popup table { /* 170 */ width: 100%; /* 171 */ } /* 172 */ /* 173 */ .datepick-nav { /* 174 */ position: relative; /* 175 */ margin-bottom: 10px; /* 176 */ } /* 177 */ /* 178 */ .datepick-cmd-today { /* 179 */ text-align: center; /* 180 */ display: none; /* 181 */ } /* 182 */ /* 183 */ .datepick-cmd-prev { /* 184 */ position: absolute; /* 185 */ top: 0; /* 186 */ left: 0; /* 187 */ text-indent: -99999px; /* 188 */ } /* 189 */ /* 190 */ .datepick-cmd-next { /* 191 */ position: absolute; /* 192 */ top: 0; /* 193 */ right: 0; /* 194 */ text-indent: -999999px; /* 195 */ } /* 196 */ .datepick-cmd-next::after, .datepick-cmd-prev::after{ /* 197 */ content: url('/media/images/img_accordeon-close.png'); /* 198 */ display: block; /* 199 */ position: absolute; /* 200 */ width: 20px; /* 201 */ height: 20px; /* 202 */ top: 0; /* 203 */ right: 0; /* 204 */ text-indent: -15px; /* 205 */ } /* 206 */ .datepick-cmd-next::after{ /* 207 */ /* 208 */ } /* 209 */ .datepick-cmd-prev::after{ /* 210 */ text-indent: -30px; /* 211 */ top: 9px; /* 212 */ transform: rotateZ(180deg); /* 213 */ } /* 214 */ .datepick-month-year{ /* 215 */ pointer-events: none; /* 216 */ } /* 217 */ .datepick-month-header select { /* 218 */ border-radius: 0; /* 219 */ } /* 220 */ /* 221 */ .datepick-ctrl { /* 222 */ margin-top: 10px; /* 223 */ position: relative; /* 224 */ } /* 225 */ /* 226 */ .datepick-cmd-clear { /* 227 */ float: left; /* 228 */ display: none; /* 229 */ } /* 230 */ /* 231 */ .datepick-cmd-close { /* 232 */ float: right; /* 233 */ display: none; /* 234 */ } /* 235 */ /* 236 */ .city-region-search-container { /* 237 */ display: flex; /* 238 */ width: 100%; /* 239 */ position:relative; /* 240 */ } /* 241 */ .geo-city-change { /* 242 */ font-size:large; /* 243 */ } /* 244 */ /* 245 */ /* 246 */ .cursor_pointer { /* 247 */ cursor:pointer; /* 248 */ } /* 249 */ .disabled_input { /* 250 */ opacity:0.7; /* 251 */ pointer-events: none; /* 252 */ } /* 253 */ /* 254 */ .hasDatepick{ /* 255 */ width: 100%; /* 256 */ height: 45px; /* 257 */ } /* 258 */ .category_formal_select { /* 259 */ width:100%; /* 260 */ display:inline-block; /* 261 */ } /* 262 */ .flag_status{ /* 263 */ width: 130px; /* 264 */ } /* 265 */ .city_range{ /* 266 */ width: 90px; /* 267 */ } /* 268 */ #CbEventSearch-form .icon{ /* 269 */ max-height: 22px; /* 270 */ } /* 271 */ .geo-wrapper, .geo-wrapper *{ /* 272 */ display: inline-block; /* 273 */ } /* 274 */ .geo-wrapper .geo-search-wrapper{ /* 275 */ position: relative; /* 276 */ } /* 277 */ .geo-search-status{ /* 278 */ opacity: 0.2; /* 279 */ position: absolute; /* 280 */ z-index: -1; /* 281 */ max-width: 100%; /* 282 */ } /* 283 */ .city-region-search-container input{ /* 284 */ background: transparent; /* 285 */ width: 80%; /* 286 */ height: 45px; /* 287 */ } /* 288 */ .locate-me-wrapper{ /* 289 */ height: 20px; /* 290 */ padding: 2px; /* 291 */ border: 1px solid rgba(0, 0, 0, 0.15); /* 292 */ background: #f9f9f8; /* 293 */ } /* 294 */ #CbEventSearch-search-icon-container{ /* 295 */ height: 22px; /* 296 */ border-left: 1px solid rgba(0, 0, 0, 0.15); /* 297 */ background: transparent; /* 298 */ position: absolute; /* 299 */ padding: 2px; /* 300 */ top: 0; /* 301 */ right: 0; /* 302 */ cursor: pointer; /* 303 */ } /* 304 */ .text-search{ /* 305 */ width: 400px; /* 306 */ } /* 307 */ .cat-cluster{ /* 308 */ width: 80px; /* 309 */ } /* 310 */ #CbEventSearch-form select{ /* 311 */ -webkit-appearance: none; /* 312 */ -moz-appearance: none;; /* 313 */ -ms-appearance: none; /* 314 */ -o-appearance: none; /* 315 */ appearance: none; /* 316 */ } /* 317 */ #CbEventSearch-form .select-container{ /* 318 */ position: relative; /* 319 */ } /* 320 */ #CbEventSearch-form .select-container select:not(.disabled_input){ /* 321 */ cursor: pointer; /* 322 */ } /* 323 */ #CbEventSearch-form .select-pure__select,#CbEventSearch-form .hasDatepick, #CbEventSearch-form .hasDatepick,#CbEventSearch-form .city-region-search-container input{ /* 324 */ height: 45px; /* 325 */ padding: 8px 15px; /* 326 */ border-radius: 0; /* 327 */ } /* 328 */ #CbEventSearch-form .select-pure__select{ /* 329 */ background-color: transparent; /* 330 */ } /* 331 */ #CbEventSearch-form .category_formal_select::after, #CbEventSearch-form .datepicker-container::after{ /* 332 */ content: url('/media/images/img_accordeon-close.png'); /* 333 */ position: absolute; /* 334 */ display: block; /* 335 */ transition: 0.3s all; /* 336 */ right: 10px; /* 337 */ top: 8px; /* 338 */ z-index: -1; /* 339 */ } /* 340 */ #CbEventSearch-form .category_formal_select.open::after, #CbEventSearch-form .datepicker-container.open::after{ /* 341 */ transform: rotateZ(90deg); /* 342 */ } /* 343 */ /* 344 */ #CbEventSearch-form .select-pure__options{ /* 345 */ top: 46px; /* 346 */ } /* 347 */ #CbEventSearch-form .datepicker-container, /* 348 */ #CbEventSearch-form .category_formal_select, /* 349 */ #CbEventSearch-form input[name=city_region_search]{ /* 350 */ position: relative; /* 351 */ z-index: 1; /* 352 */ background-color: #FAFAFA; /* 353 */ } /* 354 */ #CbEventSearch-form .datepicker-container{ /* 355 */ border: 1px solid rgba(0, 0, 0, 0.15); /* 356 */ } /* 357 */ /* 358 */ #CbEventSearch-form .select-pure__select:after { /* 359 */ height: 100%; /* 360 */ top: initial; /* 361 */ background-position: 0 center; /* 362 */ } /* 363 */ /* 364 */ #CbEventSearch-form .datepicker-container{ /* 365 */ z-index: 0; /* 366 */ } /* 367 */ #CbEventSearch-form .select-container:after { /* 368 */ content: ' '; /* 369 */ background-image: url('/stage/images/selectbox_arrow_icon.png'); /* 370 */ background-repeat: no-repeat; /* 371 */ display: block; /* 372 */ position: absolute; /* 373 */ right: 8px; /* 374 */ top: 8px; /* 375 */ z-index: 1; /* 376 */ text-align: center; /* 377 */ width: 15px; /* 378 */ height: 15px; /* 379 */ pointer-events: none; /* 380 */ } /* 381 */ /* 382 */ #CbEventSearch-form input:focus { /* 383 */ outline:none; /* 384 */ } /* 385 */ /* 386 */ .city-region-search-container.located-by-input input{ /* 387 */ /* background-color: #dceef9 !important;*/ /* 388 */ } /* 389 */ .city-region-search-container.located-by-browser input{ /* 390 */ background-color: #e9f4d3 !important; /* 391 */ } /* 392 */ .locate-me-wrapper.located-by-browser{ /* 393 */ background-color: #468346 !important; /* 394 */ } /* 395 */ .locate-me-wrapper.located-by-input{ /* 396 */ background-color: #557596 !important; /* 397 */ } /* 398 */ .locate-me-wrapper{ /* 399 */ background-color: #7b7a7a; /* 400 */ } /* 401 */ /* 402 */ .small_margin { /* 403 */ margin-right: 3px; /* 404 */ } /* 405 */ /* 406 */ .locate_me_input_disabled, /* 407 */ .__AC_invalidated .locate_me_input_disabled, /* 408 */ .__AC_validated.locate_me_input_disabled, /* 409 */ .__AC_editing.locate_me_input_disabled { /* 410 */ background-color:#f2f2f2 !important; /* 411 */ } /* 412 */ /* 413 */ /* /+ 414 +/ * styling for ks nrw /+ 415 +/ */ /* 416 */ #CbEventSearch-form .main-search-row, #CbEventSearch-form .sub-search-row-inner{ /* 417 */ display: flex; /* 418 */ }/** Standard Button / Input Design **/ /* 419 */ #CbEventSearch-form input, #CbEventSearch-form select,#CbEventSearch-form button, #CbEventSearch-formal-select-input .select-pure__label{ /* 420 */ color: #A5A5A5; /* 421 */ } /* 422 */ #CbEventSearch-reset-location-button, #CbEventSearch-reset-location-button-germany{ /* 423 */ color: #000; /* 424 */ } /* 425 */ #CbEventSearch-form .reset-location-wrapper a, /* 426 */ #CbEventSearch-form .sub-search-row-inner{ /* 427 */ flex-wrap: wrap; /* 428 */ } /* 429 */ #CbEventSearch-form .main-search-row{ /* 430 */ justify-content: flex-end; /* 431 */ box-shadow: 0 0px 25px rgba(0, 0, 0, 0.25); /* 432 */ -webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.25); /* 433 */ padding: 0px; /* 434 */ height: 60px; /* 435 */ margin: 0 10px; /* 436 */ border: 1px solid #e0e0e0; /* 437 */ } /* 438 */ #CbEventSearch-form .main-search-row .searchfield{ /* 439 */ border: none; /* 440 */ height: 100%; /* 441 */ padding: 10px 0; /* 442 */ } /* 443 */ #CbEventSearch-form .main-search-row .searchfield-inner{ /* 444 */ border-right: 1px solid #e0e0e0; /* 445 */ height: 100%; /* 446 */ } /* 447 */ #CbEventSearch-form .main-search-row .searchfield__input{ /* 448 */ padding: 0 25px; /* 449 */ } /* 450 */ /*#CbEventSearch-form input[name=city_region_search]{ /+ 451 +/ background-color: #FAFAFA !important; /+ 452 +/ } /+ 453 +/ #CbEventSearch-form input[name=city_region_search].__AC_editing{ /+ 454 +/ background-image: url(/media/images/editing.svg); /+ 455 +/ background-repeat: no-repeat; /+ 456 +/ background-position: right; /+ 457 +/ }*/ /* 458 */ #CbEventSearch-form .collapsible-toggler{ /* 459 */ position: relative; /* 460 */ width: 60px; /* 461 */ display: block !important; /* 462 */ padding: 2px 5px; /* 463 */ transition: all 0.4s ease; /* 464 */ background-image: radial-gradient(transparent 0%, transparent 100%); /* 465 */ } /* 466 */ #CbEventSearch-form .collapsible-toggler svg{ /* 467 */ visibility: visible !important; /* 468 */ transition: all 0.4s ease; /* 469 */ } /* 470 */ #CbEventSearch-form:not(.isMobileDevice) .collapsible-toggler:hover svg{ /* 471 */ fill: #b70000; /* 472 */ } /* 473 */ #CbEventSearch-form .open .collapsible-toggler svg{ /* 474 */ transform: rotateZ(135deg); /* 475 */ } /* 476 */ #CbEventSearch-form .top-form-part{ /* 477 */ /*min-height: 180px;*/ /* 478 */ min-height: 100px; /* 479 */ } /* 480 */ #CbEventSearch-form .bottom-form-part{ /* 481 */ display: flex; /* 482 */ flex-wrap: wrap; /* 483 */ justify-content: space-between; /* 484 */ padding: 20px 25px 5px 25px; /* 485 */ } /* 486 */ #CbEventSearch-form .city_range{ /* 487 */ width:200px; /* 488 */ } /* 489 */ #CbEventSearch-form .CbEventSearch-locate-me-button *{ /* 490 */ fill: #A5A5A5; /* 491 */ transition: all 0.3s; /* 492 */ } /* 493 */ #CbEventSearch-form .CbEventSearch-locate-me-button .locate-me-cross{ /* 494 */ opacity: 0; /* 495 */ } /* 496 */ #CbEventSearch-form[class*=located] .CbEventSearch-locate-me-button:hover .locate-me-cross, /* 497 */ #CbEventSearch-form.isMobileDevice[class*=located] .CbEventSearch-locate-me-button .locate-me-cross{ /* 498 */ opacity: 1; /* 499 */ } /* 500 */ /* 501 */ #CbEventSearch-form:not(.isMobileDevice) .locationfield:hover .CbEventSearch-locate-me-button *{ /* 502 */ fill: #000; /* 503 */ } /* 504 */ /* 505 */ #CbEventSearch-form.located-by-browser .CbEventSearch-locate-me-button *{ /* 506 */ fill: #43932f; /* 507 */ } /* 508 */ #CbEventSearch-form.located-by-input .CbEventSearch-locate-me-button *{ /* 509 */ fill: #2b91cf; /* 510 */ } /* 511 */ /* 512 */ #CbEventSearch-form.located-by-input .location_search_default, /* 513 */ #CbEventSearch-form.located-by-input .location_search_located, /* 514 */ #CbEventSearch-form.located-by-browser .location_search_located{ /* 515 */ display: block; /* 516 */ } /* 517 */ #CbEventSearch-form.located-by-input .location_search_default, /* 518 */ #CbEventSearch-form.located-by-browser .location_search_default, /* 519 */ #CbEventSearch-form .location_search_located{ /* 520 */ display: none; /* 521 */ } /* 522 */ #CbEventSearch-form .show-location-name{ /* 523 */ color: #000; /* 524 */ /* 525 */ } /* 526 */ #CbEventSearch-form .show-location-name .fadeOut:first-child{ /* 527 */ opacity: 0.4; /* 528 */ } /* 529 */ #CbEventSearch-form .show-location-name .fadeOut:nth-child(2){ /* 530 */ opacity: 0.3; /* 531 */ } /* 532 */ #CbEventSearch-form .show-location-name .fadeOut:nth-child(3){ /* 533 */ opacity: 0.2; /* 534 */ } /* 535 */ #CbEventSearch-form .show-location-name .fadeOut:nth-child(4){ /* 536 */ opacity: 0.1; /* 537 */ } /* 538 */ #CbEventSearch-form .locationfield{ /* 539 */ display: none; /* 540 */ justify-content: center; /* 541 */ padding: 10px 0px; /* 542 */ width: 366px; /* 543 */ } /* 544 */ #CbEventSearch-form .searchfield__submit .searchfield__icon{ /* 545 */ width: 32px; /* 546 */ } /* 547 */ #CbEventSearch-form .top-form-part:not(.open) .locationfield:hover .show-location-name{ /* 548 */ color: #cc3A3e; /* 549 */ cursor: pointer; /* 550 */ } /* 551 */ #CbEventSearch-form:not(.isMobileDevice) .locationfield:hover, #CbEventSearch-form:not(.isMobileDevice) .collapsible-toggler-container:hover{ /* 552 */ background-color: #F7F7F7; /* 553 */ } /* 554 */ #CbEventSearch-form .locationfield-inner{ /* 555 */ display: flex; /* 556 */ justify-content: flex-end; /* 557 */ padding: 0px 25px 0 10px; /* 558 */ border-right: 1px solid #e0e0e0; /* 559 */ } /* 560 */ #CbEventSearch-location-display{ /* 561 */ max-width: 200px; /* 562 */ display: flex; /* 563 */ flex-wrap: wrap; /* 564 */ padding-top: 10px; /* 565 */ padding-right: 15px; /* 566 */ } /* 567 */ #CbEventSearch-location-display span{ /* 568 */ width: 100%; /* 569 */ text-align: right; /* 570 */ } /* 571 */ .CbEventSearch-locate-me-button{ /* 572 */ width: 32px !important; /* 573 */ height: 45px; /* 574 */ padding: 0; /* 575 */ cursor: pointer; /* 576 */ } /* 577 */ #CbEventSearch-location-display .location_search_default{ /* 578 */ cursor: pointer; /* 579 */ } /* 580 */ :not(.located-by-input) #CbEventSearch-location-display .location_search_default, /* 581 */ :not(.located-by-browser) #CbEventSearch-location-display .location_search_default{ /* 582 */ margin-top: 0px; /* 583 */ display: flex; /* 584 */ justify-content: flex-end; /* 585 */ align-items: center; /* 586 */ } /* 587 */ #CbEventSearch-form .location_search_default /* 588 */ #CbEventSearch-form .searchfield__icon{ /* 589 */ height: 32px; /* 590 */ width: 32px; /* 591 */ } /* 592 */ #CbEventSearch-form .main-search-row{ /* 593 */ z-index: 2; /* 594 */ position: relative; /* 595 */ } /* 596 */ #CbEventSearch-form .sub-search-row{ /* 597 */ z-index: 1; /* 598 */ padding: 18px 0; /* 599 */ } /* 600 */ #CbEventSearch-form .day-search-row{ /* 601 */ display: none; /* 602 */ height: 80px; /* 603 */ width: 100%; /* 604 */ position: absolute; /* 605 */ top:80px; /* 606 */ background-color: #ccc; /* 607 */ z-index:-1; /* 608 */ } /* 609 */ #CbEventSearch-form .location_input_container, #CbEventSearch-form .event_date_input_container, #CbEventSearch-form .category_select_container{ /* 610 */ width: 100%; /* 611 */ padding: 2px 10px; /* 612 */ } /* 613 */ #CbEventSearch-form .labelname{ /* 614 */ display: none; /* 615 */ } /* 616 */ /* 617 */ #CbEventSearch-form .__AC_position { /* 618 */ top: 33px !important; /* 619 */ } /* 620 */ input.__AC_validating, div.__AC_validating { /* 621 */ background-position: 97% center; /* 622 */ } /* 623 */ #CbEventSearch-form .__AC_position{ /* 624 */ width: 100% !important; /* 625 */ z-index: 5; /* 626 */ top:10px; /* 627 */ /* 628 */ } /* 629 */ #CbEventSearch-form .__AC_layer,#CbEventSearch-form .__AC_data{ /* 630 */ background-color: #fff !important; /* 631 */ } /* 632 */ #CbEventSearch-form .__AC_layer{ /* 633 */ padding-left: 0; /* 634 */ border-radius: 0; /* 635 */ } /* 636 */ #CbEventSearch-form .__AC_data div{ /* 637 */ padding-left: 10px; /* 638 */ transition: all 0.3s ease; /* 639 */ } /* 640 */ #CbEventSearch-form .__AC_data div:hover{ /* 641 */ background-color: #F7F7F7; /* 642 */ color: #000; /* 643 */ } /* 644 */ #CbEventSearch-form .bottom-form-part a{ /* 645 */ display: none !important; /* 646 */ text-align: center /* 647 */ } /* 648 */ #CbEventSearch-form .show-range, #CbEventSearch-form .show-range-measurement{ /* 649 */ color: #101010 /* 650 */ } /* 651 */ #CbEventSearch-form .show-range-wrapper{ /* 652 */ min-width: 120px; /* 653 */ display: inline-block; /* 654 */ } /* 655 */ #CbEventSearch-form .reset-location-icon{ /* 656 */ height: 30px; /* 657 */ } /* 658 */ /* 659 */ /* Input Range Styling */ /* 660 */ /* 661 */ input[type=range] { /* 662 */ -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ /* 663 */ width: 150px; /* Specific width is required for Firefox. */ /* 664 */ background: #E3DFE0; /* 665 */ border-top: 1px solid #B9B5B6; /* 666 */ border-radius: 4px; /* 667 */ height: 4px; /* 668 */ } /* 669 */ /* 670 */ input[type=range]::-webkit-slider-thumb { /* 671 */ -webkit-appearance: none; /* 672 */ background: #fff; /* 673 */ border: 1px solid #C8C8C8; /* 674 */ border-radius: 20px; /* 675 */ width: 18px; /* 676 */ height: 18px; /* 677 */ } /* 678 */ input[type=range]::-ms-thumb{ /* 679 */ background: #fff; /* 680 */ border: 1px solid #C8C8C8; /* 681 */ border-radius: 20px; /* 682 */ width: 18px; /* 683 */ height: 18px; /* 684 */ } /* 685 */ /* 686 */ input[type=range]:focus { /* 687 */ outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ /* 688 */ } /* 689 */ /* 690 */ input[type=range]::-ms-track { /* 691 */ width: 100%; /* 692 */ cursor: pointer; /* 693 */ /* 694 */ /* Hides the slider so custom styles can be added */ /* 695 */ background: transparent; /* 696 */ border-color: transparent; /* 697 */ color: transparent; /* 698 */ } /* 699 */ /* 700 */ /* 701 */ /* END Input Range Styling */ /* 702 */ .datepick-popup{ /* 703 */ padding: 10px 25px !important; /* 704 */ z-index: 89999 /* 705 */ } /* 706 */ .datepick-popup td a{ /* 707 */ border-radius: 16px; /* 708 */ width: 22px; /* 709 */ height: 22px; /* 710 */ display: block; /* 711 */ margin: 0 auto; /* 712 */ } /* 713 */ .datepick-popup a{ /* 714 */ color: #101010; /* 715 */ } /* 716 */ .datepick-popup .datepick-selected{ /* 717 */ color: #fff; /* 718 */ background: #DC1B23; /* 719 */ } /* 720 */ .datepick-popup .datepick td{ /* 721 */ padding: 4px 0; /* 722 */ } /* 723 */ .datepick-month-header{ /* 724 */ text-align: center; /* 725 */ margin-bottom: 15px; /* 726 */ } /* 727 */ .datepick-month-header select{ /* 728 */ -webkit-appearance: none; /* 729 */ border: none; /* 730 */ outline: none; /* 731 */ box-shadow: none; /* 732 */ } /* 733 */ #CbEventSearch-form .big-filter-container__collapsible-text{ /* 734 */ border-left: 0px solid #e0e0e0; /* 735 */ border-right: 0px solid #e0e0e0; /* 736 */ /* margin: 0 10px;*/ /* 737 */ } /* 738 */ #CbEventSearch-form .mobile-locate-me-button-wrapper{ /* 739 */ display: flex; /* 740 */ background-color: #fafafa; /* 741 */ justify-content: center; /* 742 */ border: 1px solid #D4D4C7; /* 743 */ border-left: 0; /* 744 */ height: 45px; /* 745 */ width: 20%; /* 746 */ /* 747 */ } /* 748 */ #CbEventSearch-form .show-location-name.mobile{ /* 749 */ margin-left: 5px; /* 750 */ cursor: pointer; /* 751 */ display: none; /* 752 */ } /* 753 */ #CbEventSearch-form[class*=located] .show-location-name.mobile{ /* 754 */ display: block; /* 755 */ } /* 756 */ #CbEventSearch-form #result-feedback{ /* 757 */ display: flex; /* 758 */ } /* 759 */ #CbEventSearch-form #result-feedback .count-and-mobile-wrapper{ /* 760 */ color: #000; /* 761 */ } /* 762 */ #CbEventSearch-form #result-feedback .reset-and-location-wrapper > *, /* 763 */ #CbEventSearch-form #result-feedback .add-event > *, /* 764 */ #CbEventSearch-form #result-feedback .webcalendar-link-container > *{ /* 765 */ border-left: 1px solid #e0e0e0; /* 766 */ margin-left: 10px; /* 767 */ padding-left: 10px; /* 768 */ } /* 769 */ #CbEventSearch-form #result-feedback .webcalendar-link-container{ /* 770 */ display: none; /* 771 */ } /* 772 */ #emptyResultsToInsert{ /* 773 */ display: none; /* 774 */ } /* 775 */ /* 776 */ /** events highlight styling **/ /* 777 */ /* 778 */ .highlights-container { /* 779 */ margin-top: 40px; /* 780 */ margin-bottom: 40px; /* 781 */ padding: 0 15px; /* 782 */ } /* 783 */ /* 784 */ .highlights-col { /* 785 */ display: none; /* 786 */ } /* 787 */ /* 788 */ .highlights-container span { /* 789 */ display: block; /* 790 */ color: #101010; /* 791 */ } /* 792 */ /* 793 */ .highlights-container h4.headline { /* 794 */ color: #101010; /* 795 */ font-weight: 600; /* 796 */ font-size: 16px; /* 797 */ } /* 798 */ /* 799 */ .highlights-container .row { /* 800 */ display: flex; /* 801 */ justify-content: space-between; /* 802 */ } /* 803 */ /* 804 */ .highlights-container .col-md-4 img { /* 805 */ background: #ccc; /* 806 */ height: 200px; /* 807 */ display: block; /* 808 */ } /* 809 */ .highlights-container h2{ /* 810 */ font-size: 16px; /* 811 */ letter-spacing: 0; /* 812 */ font-family: Helvetica,Arial,sans-serif; /* 813 */ font-weight: 600 !important; /* 814 */ margin-bottom: 30px; /* 815 */ text-align: center; /* 816 */ } /* 817 */ .highlights-container img { /* 818 */ margin-bottom: 20px; /* 819 */ width: 100%; /* 820 */ } /* 821 */ .highlights-container .read-more-btn { /* 822 */ color: #DC1B23; /* 823 */ } /* 824 */ /* 825 */ .culturebase-module-link, /* 826 */ .culturebase-pix-link { /* 827 */ background-color: #a0a0a0; /* 828 */ height: 16px; /* 829 */ width: 16px; /* 830 */ border-radius: 16px; /* 831 */ margin-left: 10px; /* 832 */ /* margin-top: 7px; /+ 833 +/ margin-bottom: 7px;*/ /* 834 */ cursor: pointer; /* 835 */ display: inline-block; /* 836 */ border: 1px solid #3d683d; /* 837 */ vertical-align: middle; /* 838 */ } /* 839 */ /* 840 */ .culturebase-module-link.culturebase-module-link-green, /* 841 */ .culturebase-pix-link.culturebase-module-link-green { /* 842 */ background-color: #62b364; /* 843 */ } /* 844 */ /* 845 */ span.culturebase-pix-link.culturebase-module-link-green { /* 846 */ position: absolute; /* 847 */ right: 3px; /* 848 */ top: 28px; /* 849 */ z-index: 2; /* 850 */ } /* 851 */ /* 852 */ @media screen and (max-width: 459px) { /* 853 */ .nav-layer__inner .searchfield__icon__btn_2, .site-nav .searchfield__icon__btn { /* 854 */ margin-top: 4px; /* 855 */ right: 68px; /* 856 */ } /* 857 */ .nav-layer__inner .site-search, .site-nav .site-search { /* 858 */ margin-top: 6px; /* 859 */ right: 63px; /* 860 */ /* 861 */ } /* 862 */ } /* 863 */ /* 864 */ @media screen and (max-width: 767px){ /* 865 */ /* 866 */ .page-events .big-filter-container{ /* 867 */ padding-left: 0 !important; /* 868 */ padding-right: 0 !important; /* 869 */ } /* 870 */ #CbEventSearch-reset-location-button-germany, .reset-location-wrapper{ /* 871 */ display: none; /* 872 */ } /* 873 */ #CbEventSearch-form .category_select_container{ /* 874 */ order: 2 /* 875 */ } /* 876 */ #CbEventSearch-form .event_date_input_container{ /* 877 */ order: 3; /* 878 */ } /* 879 */ #CbEventSearch-form .bottom-form-part{ /* 880 */ padding: 20px 10px; /* 881 */ } /* 882 */ .highlights-col:nth-child(1) { /* 883 */ display: block; /* 884 */ width: 100%; /* 885 */ } /* 886 */ } /* 887 */ @media screen and (min-width: 768px){ /* 888 */ /* 889 */ .CbEventSearch-locate-me-button{ /* 890 */ height: 56px; /* 891 */ } /* 892 */ #CbEventSearch-form .show-location-name.mobile{ /* 893 */ display: none !important; /* 894 */ } /* 895 */ .city-region-search-container input{ /* 896 */ width: 100%; /* 897 */ } /* 898 */ #CbEventSearch-form .mobile-locate-me-button-wrapper{ /* 899 */ display: none; /* 900 */ } /* 901 */ #CbEventSearch-form .labelname{ /* 902 */ display: block; /* 903 */ } /* 904 */ input[type="range"] { /* 905 */ width: 200px; /* 906 */ } /* 907 */ /* 908 */ /* 909 */ #CbEventSearch-form .main-search-row .searchfield{ /* 910 */ max-width: 55%; /* 911 */ } /* 912 */ #CbEventSearch-form .locationfield{ /* 913 */ display: block; /* 914 */ } /* 915 */ #CbEventSearch-form .category_select_container{ /* 916 */ width: 33.3333%; /* 917 */ } /* 918 */ #CbEventSearch-form .event_date_input_container{ /* 919 */ width: 33.3333%; /* 920 */ } /* 921 */ #CbEventSearch-form .location_input_container{ /* 922 */ width: 33.3333%; /* 923 */ } /* 924 */ #CbEventSearch-form .collapsible-toggler{ /* 925 */ width: 80px; /* 926 */ padding: 10px 15px; /* 927 */ } /* 928 */ #CbEventSearch-form .location_input_container, #CbEventSearch-form .event_date_input_container, #CbEventSearch-form .category_select_container{ /* 929 */ padding: 10px 25px; /* 930 */ } /* 931 */ #CbEventSearch-form .main-search-row{ /* 932 */ margin: 0 15px; /* 933 */ } /* 934 */ #CbEventSearch-form .main-search-row{ /* 935 */ height: 80px; /* 936 */ } /* 937 */ /* 938 */ .highlights-container img { /* 939 */ /* min-width: 340px; /+ 940 +/ min-height: 239px;*/ /* 941 */ } /* 942 */ .highlights-col:nth-child(1), /* 943 */ .highlights-col:nth-child(2){ /* 944 */ display: block; /* 945 */ width: 47%; /* 946 */ } /* 947 */ } /* 948 */ @media screen and (min-width: 992px){ /* 949 */ .highlights-col{ /* 950 */ display: block; /* 951 */ width: 31.333% !important; /* 952 */ } /* 953 */ } /* 954 */ /* 955 */ @media screen and (min-width: 1130px){ /* 956 */ #CbEventSearch-form .main-search-row{ /* 957 */ margin: 0; /* 958 */ } /* 959 */ #CbEventSearch-form .big-filter-container__collapsible-text{ /* 960 */ border-left: 1px solid #e0e0e0; /* 961 */ border-right: 1px solid #e0e0e0; /* 962 */ } /* 963 */ } /* 964 */ @media screen and (min-width: 1024px){ /* 965 */ /* 966 */ #CbEventSearch-form .main-search-row .searchfield{ /* 967 */ width: 100%; /* 968 */ max-width: none; /* 969 */ } /* 970 */ #CbEventSearch-location-display{ /* 971 */ width: 200px; /* 972 */ } /* 973 */ #CbEventSearch-form .bottom-form-part a{ /* 974 */ display: block !important; /* 975 */ } /* 976 */ #CbEventSearch-form .event_date_input_container{ /* 977 */ border-right: 1px solid #e0e0e0; /* 978 */ border-left: 1px solid #e0e0e0; /* 979 */ } /* 980 */ #CbEventSearch-form .location_input_container, #CbEventSearch-form .event_date_input_container, #CbEventSearch-form .category_select_container{ /* 981 */ width: 33.3333%; /* 982 */ padding: 0 25px; /* 983 */ } /* 984 */ /* 985 */ .highlights-container img { /* 986 */ /* min-width: 340px; /+ 987 +/ min-height: 239px;*/ /* 988 */ } /* 989 */ } /* --- /var/www/kulturportal/media/styles/cb_flex_editor.css ---------------- */ /* 1 */ .editorContainer { /* 2 */ background: rgb(0,0,0,0.7); /* 3 */ display: block; /* 4 */ width: 100%; /* 5 */ height: 100%; /* 6 */ position: absolute; /* 7 */ z-index: 9999; /* 8 */ right: 0; /* 9 */ bottom: 0; /* 10 */ left: 0; /* 11 */ top: 0; /* 12 */ display: flex; /* 13 */ justify-content: center; /* 14 */ align-items: center; /* 15 */ } /* 16 */ /* 17 */ button.cb-flex-editor-button { /* 18 */ border: 3px solid #478bbe; /* 19 */ border-radius: 5px; /* 20 */ color: #478bbe; /* 21 */ padding: 6px 15px; /* 22 */ font-weight: bold; /* 23 */ font-size: 14px; /* 24 */ background-color: #edf7ff; /* 25 */ line-height: 20px; /* 26 */ outline: none; /* 27 */ box-shadow: 0px 0px 9px #b2afaf; /* 28 */ position: fixed; /* 29 */ right: 35px; /* 30 */ bottom: 20px; /* 31 */ text-transform: uppercase; /* 32 */ z-index: 9999; /* 33 */ cursor: pointer; /* 34 */ } /* 35 */ /* 36 */ button.cb-flex-editor-button.thh-blog-editor-button, /* 37 */ button.cb-flex-editor-button.thh-digitaler-spielplan-head-editor-button { /* 38 */ bottom: 80px; /* 39 */ } /* 40 */ /* 41 */ .__EditorWindowDraggableButton { /* 42 */ /* float: right;*/ /* 43 */ top: 0; /* 44 */ right: auto; /* 45 */ width: 67px; /* 46 */ height: 63px; /* 47 */ background-color: #efebeb; /* 48 */ background-image: url(..//media/images/verschieben_icon.png); /* 49 */ background-repeat: no-repeat; /* 50 */ background-position: center; /* 51 */ background-size: inherit; /* 52 */ border-left: 1px solid #d0d0d0; /* 53 */ cursor: move; /* 54 */ position: relative; /* 55 */ z-index: 99; /* 56 */ left: 0; /* 57 */ } /* 58 */ /* --- /var/www/kulturportal/media/styles/owl.carousel.min.css -------------- */ /* 1 */ /** /+ 2 +/ * Owl Carousel v2.2.0 /+ 3 +/ * Copyright 2013-2016 David Deutsch /+ 4 +/ * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) /+ 5 +/ */ /* 6 */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform .1s ease;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* --- /var/www/kulturportal/media/styles/owl_media_container.css ----------- */ /* 1 */ .page-medien .media-container__mediacontainer { /* 2 */ background-color: black; /* 3 */ } /* --- /var/www/kulturportal/media/styles/theaternacht_theater.css ---------- */ /* 1 */ body.page-theaternacht.dynamic-page-theaternacht.page-group-2 { /* 2 */ overflow-x: hidden; /* 3 */ } /* 4 */ /* 5 */ main.main-content.livestream-active .livestream-info-box { /* 6 */ position: relative; /* 7 */ margin-top: -25px; /* 8 */ } /* 9 */ /* 10 */ .livestream-info-box { /* 11 */ position: absolute; /* 12 */ bottom: 0; /* 13 */ display: flex; /* 14 */ width: 100%; /* 15 */ z-index: 9999; /* 16 */ justify-content: space-evenly; /* 17 */ cursor: pointer; /* 18 */ flex-wrap: wrap; /* 19 */ } /* 20 */ /* 21 */ .livestream-info-box .info-box:nth-child(even){ /* 22 */ background-color: #474846; /* 23 */ } /* 24 */ .livestream-info-box .info-box:nth-child(odd){ /* 25 */ background-color: #353635; /* 26 */ } /* 27 */ /* 28 */ .livestream-info-box .info-box { /* 29 */ width: 100%; /* 30 */ padding: 30px 10px 20px 50px; /* 31 */ } /* 32 */ /* 33 */ .livestream-info-box p.info-box-text { /* 34 */ font-size: 23px; /* 35 */ font-weight: 100; /* 36 */ } /* 37 */ /* 38 */ .livestream-info-box p.info-box-time { /* 39 */ font-size: 25px; /* 40 */ font-weight: 700; /* 41 */ margin-bottom: 8px; /* 42 */ } /* 43 */ /* 44 */ .info-box p { /* 45 */ color: #fff; /* 46 */ } /* 47 */ /* 48 */ /*startseite theaternacht*/ /* 49 */ /* 50 */ .page-theaternacht .route-4708 .routes-item-header, /* 51 */ .page-theaternacht .route-4708 .routes-detail-button{ /*LUSTIG*/ /* 52 */ background-color: #006F7A; /* 53 */ } /* 54 */ .page-theaternacht .route-4709 .routes-item-header, /* 55 */ .page-theaternacht .route-4709 .routes-detail-button{ /*MUSIKALISCH*/ /* 56 */ background-color: #5A2E73; /* 57 */ } /* 58 */ .page-theaternacht .route-4710 .routes-item-header, /* 59 */ .page-theaternacht .route-4710 .routes-detail-button{ /*LIEBE*/ /* 60 */ background-color: #27709F; /* 61 */ } /* 62 */ .page-theaternacht .route-4728 .routes-item-header, /* 63 */ .page-theaternacht .route-4728 .routes-detail-button{ /*POLITIK*/ /* 64 */ background-color: #A58A14; /* 65 */ } /* 66 */ .page-theaternacht .route-4729 .routes-item-header, /* 67 */ .page-theaternacht .route-4729 .routes-detail-button{ /*BACKSTAGE*/ /* 68 */ background-color: #E2DCD1; /* 69 */ } /* 70 */ .page-theaternacht .route-4730 .routes-item-header, /* 71 */ .page-theaternacht .route-4730 .routes-detail-button{ /*SPANNEND*/ /* 72 */ background-color: #C94451; /* 73 */ } /* 74 */ .page-theaternacht .route-4731 .routes-item-header, /* 75 */ .page-theaternacht .route-4731 .routes-detail-button{ /*KINDER*/ /* 76 */ background-color: #D89288; /* 77 */ } /* 78 */ .page-theaternacht .route-4732 .routes-item-header, /* 79 */ .page-theaternacht .route-4732 .routes-detail-button{ /*TANZ*/ /* 80 */ background-color: #9C7A9E; /* 81 */ } /* 82 */ .page-theaternacht .route-4733 .routes-item-header, /* 83 */ .page-theaternacht .route-4733 .routes-detail-button{ /*INTERNATIONAL*/ /* 84 */ background-color: #53918C; /* 85 */ } /* 86 */ .page-theaternacht .route-4734 .routes-item-header, /* 87 */ .page-theaternacht .route-4734 .routes-detail-button{ /*PODCAST*/ /* 88 */ background-color: #635200; /* 89 */ } /* 90 */ /* 91 */ /* 92 */ .page-theaternacht .route-4708 .routes-item-header:after{ /*LUSTIG*/ /* 93 */ border-top: 22px solid #006F7A; /* 94 */ } /* 95 */ .page-theaternacht .route-4709 .routes-item-header:after { /*MUSIKALISCH*/ /* 96 */ border-top: 22px solid #5A2E73; /* 97 */ } /* 98 */ .page-theaternacht .route-4710 .routes-item-header:after { /*LIEBE*/ /* 99 */ border-top: 22px solid #27709F; /* 100 */ } /* 101 */ .page-theaternacht .route-4728 .routes-item-header:after{ /*POLITIK*/ /* 102 */ border-top: 22px solid #A58A14; /* 103 */ } /* 104 */ .page-theaternacht .route-4729 .routes-item-header:after{ /*BACKSTAGE*/ /* 105 */ border-top: 22px solid #E2DCD1; /* 106 */ } /* 107 */ .page-theaternacht .route-4730 .routes-item-header:after { /*SPANNEND*/ /* 108 */ border-top: 22px solid #C94451; /* 109 */ } /* 110 */ .page-theaternacht .route-4731 .routes-item-header:after{ /*KINDER*/ /* 111 */ border-top: 22px solid #D89288; /* 112 */ } /* 113 */ .page-theaternacht .route-4732 .routes-item-header:after{ /*TANZ*/ /* 114 */ border-top: 22px solid #9C7A9E; /* 115 */ } /* 116 */ .page-theaternacht .route-4733 .routes-item-header:after{ /*INTERNATIONAL*/ /* 117 */ border-top: 22px solid #53918C; /* 118 */ } /* 119 */ .page-theaternacht .route-4734 .routes-item-header:after{ /*PODCAST*/ /* 120 */ border-top: 22px solid #635200; /* 121 */ } /* 122 */ /* 123 */ /* 124 */ .theater-detail-videos li.offer-type-video { /* 125 */ list-style: none; /* 126 */ margin-bottom: 20px; /* 127 */ position: relative; /* 128 */ } /* 129 */ /* 130 */ .home-banner-list-container .owl-carousel .owl-stage { /* 131 */ margin-left: auto; /* 132 */ } /* 133 */ /* 134 */ .video-error-message { /* 135 */ display: flex; /* 136 */ align-items: center; /* 137 */ justify-content: space-between; /* 138 */ position: relative; /* 139 */ } /* 140 */ /* 141 */ .page-theaternacht .video-error-container { /* 142 */ width: auto; /* 143 */ top: 120%; /* 144 */ left: 0; /* 145 */ position: absolute; /* 146 */ color: white; /* 147 */ background-color: rgb(0,0,0,0.8); /* 148 */ padding: 20px; /* 149 */ font-weight: 200; /* 150 */ right: 0; /* 151 */ letter-spacing: 0.5px; /* 152 */ font-size: 16px; /* 153 */ max-width: 1100px; /* 154 */ } /* 155 */ /* 156 */ .gradient-layer { /* 157 */ position: absolute; /* 158 */ top: 0; /* 159 */ left: 0; /* 160 */ bottom: 0; /* 161 */ right: 0; /* 162 */ z-index: 0; /* 163 */ background: rgba(0,0,0,0); /* 164 */ background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 10%, rgba(132, 132, 132, 0.1) 70%); /* 165 */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0)), color-stop(70%, rgba(132, 132, 132, 0.1))); /* 166 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 10%, rgba(132, 132, 132, 0.1) 70%); /* 167 */ background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 10%, rgba(132, 132, 132, 0.1) 70%); /* 168 */ background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 10%, rgba(132, 132, 132, 0.1) 70%); /* 169 */ background: radial-gradient(ellipse at center, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 10%, rgba(132, 132, 132, 0.1) 70%); /* 170 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); /* 171 */ } /* 172 */ /* 173 */ /* 174 */ .video-error-container span.close-btn { /* 175 */ display: inline-block; /* 176 */ width: 13px; /* 177 */ height: 13px; /* 178 */ background-image: url(../media/images/icon-close-white.svg); /* 179 */ background-repeat: no-repeat; /* 180 */ background-size: contain; /* 181 */ cursor: pointer; /* 182 */ margin-left: 15px; /* 183 */ } /* 184 */ /* 185 */ .page-theaternacht .main-content { /* 186 */ padding-top: 60px; /* 187 */ } /* 188 */ /* 189 */ .page-theaternacht .media-text-container { /* 190 */ position: absolute; /* 191 */ top: 13%; /* 192 */ width: 90%; /* 193 */ margin: auto; /* 194 */ left: 0; /* 195 */ right: 0; /* 196 */ } /* 197 */ /* 198 */ .page-theaternacht div#main-title-container { /* 199 */ font-size: 28px; /* 200 */ color: #fff; /* 201 */ line-height: 30px; /* 202 */ font-weight: 500; /* 203 */ z-index: 2; /* 204 */ margin-bottom: 15px; /* 205 */ } /* 206 */ /* 207 */ .page-theaternacht div#main-subtitle-container { /* 208 */ font-size: 18px; /* 209 */ color: #fff; /* 210 */ margin: auto; /* 211 */ left: 0; /* 212 */ right: 0; /* 213 */ line-height: 19px; /* 214 */ font-weight: 500; /* 215 */ z-index: 2; /* 216 */ } /* 217 */ /* 218 */ /* 219 */ .page-theaternacht .media-container__mediacontainer, /* 220 */ .media-container__controls { /* 221 */ padding-bottom: 51%; /* 222 */ } /* 223 */ /* 224 */ /* 225 */ .page-theaternacht .container-theaternacht { /* 226 */ max-width: 1400px; /* 227 */ margin: auto; /* 228 */ position: relative; /* 229 */ } /* 230 */ /* 231 */ .page-theaternacht .theaternacht-filter-container { /* 232 */ position: relative; /* 233 */ bottom: 0; /* 234 */ z-index: 9; /* 235 */ display: flex; /* 236 */ align-items: center; /* 237 */ right: 0; /* 238 */ left: 0; /* 239 */ top: 25%; /* 240 */ width: 90.5%; /* 241 */ margin: auto; /* 242 */ flex-direction: column; /* 243 */ justify-content: center; /* 244 */ } /* 245 */ /* 246 */ main.main-content.livestream-active .theaternacht-filter-container { /* 247 */ margin-top: 60px; /* 248 */ position: relative; /* 249 */ } /* 250 */ /* 251 */ .page-theaternacht .theaternacht-search-container .container span.close-btn { /* 252 */ top: 120px; /* 253 */ } /* 254 */ /* 255 */ .page-theaternacht .container span.close-btn { /* 256 */ width: 30px; /* 257 */ height: 30px; /* 258 */ display: block; /* 259 */ position: absolute; /* 260 */ right: 39px; /* 261 */ top: 20px; /* 262 */ background-image: url(../media/images/icon-close-black.svg); /* 263 */ background-repeat: no-repeat; /* 264 */ background-size: cover; /* 265 */ cursor: pointer; /* 266 */ display: none; /* 267 */ } /* 268 */ /* 269 */ .page-theaternacht #theaternacht-medias-search-results-container .theaternacht-medias-item { /* 270 */ padding: 10px 80px 0 60px; /* 271 */ } /* 272 */ /* 273 */ .page-theaternacht #theaternacht-medias-search-results-container .theaternacht-medias-item:nth-of-type(1) { /* 274 */ padding-top: 35px; /* 275 */ } /* 276 */ /* 277 */ .page-theaternacht #theaternacht-medias-search-results-container .theaternacht-medias-item:last-of-type { /* 278 */ padding-bottom: 155px; /* 279 */ } /* 280 */ /* 281 */ .page-theaternacht #theaternacht-medias-search-results-container { /* 282 */ background: #fff; /* 283 */ position: absolute; /* 284 */ box-shadow: 0px 6px 7px #a09e9e; /* 285 */ margin-top: -3px; /* 286 */ z-index: 0; /* 287 */ width: 100%; /* 288 */ } /* 289 */ /* 290 */ page-theaternacht .theater-route-wrapper p { /* 291 */ font-size: 18px; /* 292 */ line-height: 19px; /* 293 */ padding-top: 5px; /* 294 */ } /* 295 */ /* 296 */ div#theaternacht-medias-search-results-container .close-btn{ /* 297 */ display: block; /* 298 */ background-image: url(../media/images/icon-close-black.svg); /* 299 */ width: 30px; /* 300 */ height: 30px; /* 301 */ background-repeat: no-repeat; /* 302 */ background-size: contain; /* 303 */ position: absolute; /* 304 */ right: 20px; /* 305 */ top: 20px; /* 306 */ z-index: 9; /* 307 */ } /* 308 */ /* 309 */ .page-theaternacht #theaternacht-medias-search-results-container .theaternacht-medias-item a { /* 310 */ display: flex; /* 311 */ /* margin-bottom: 15px;*/ /* 312 */ color: #101010; /* 313 */ align-items: center; /* 314 */ position: relative; /* 315 */ padding-right: 80px; /* 316 */ } /* 317 */ /* 318 */ .theaternacht-medias-item-content:after { /* 319 */ background-image: url(../media/images/svg_slider-arrow-right_black.svg); /* 320 */ display: block; /* 321 */ width: 15px; /* 322 */ height: 15px; /* 323 */ content: ""; /* 324 */ position: absolute; /* 325 */ right: 25px; /* 326 */ bottom: calc(50% - 7px); /* 327 */ opacity: 0.5; /* 328 */ } /* 329 */ /* 330 */ .page-theaternacht #theaternacht-medias-search-results-container img { /* 331 */ width: 100%; /* 332 */ /* max-width: 252px; /+ 333 +/ margin-right: 65px; /+ 334 +/ max-height: 141px;*/ /* 335 */ } /* 336 */ /* 337 */ .theaternacht-medias-item-img { /* 338 */ position: relative; /* 339 */ width: 31.3%; /* 340 */ margin-right: 65px; /* 341 */ height: 100%; /* 342 */ } /* 343 */ /* 344 */ .theaternacht-medias-item-img span { /* 345 */ background: #DC1B23; /* 346 */ display: block; /* 347 */ width: 48px; /* 348 */ height: 48px; /* 349 */ position: absolute; /* 350 */ right: 0; /* 351 */ bottom: 6px; /* 352 */ background-size: initial; /* 353 */ background-repeat: no-repeat; /* 354 */ background-position: center; /* 355 */ } /* 356 */ /* 357 */ .offer-type-audio .theaternacht-medias-item-img span { /* 358 */ background-image: url(../media/images/icon-headphone.svg); /* 359 */ background-color: #DC1B23; /* 360 */ background-size: 25px !important; /* 361 */ background-repeat: no-repeat; /* 362 */ background-position: center; /* 363 */ transition: all 0.3s ease-in-out; /* 364 */ border: 2px solid #DC1B23; /* 365 */ } /* 366 */ /* 367 */ .offer-type-audio .theaternacht-medias-item-img span:hover { /* 368 */ background-image: url(../media/images/icon-headphone_red.svg) !important; /* 369 */ background-color: #fff !important; /* 370 */ border: 2px solid #DC1B23; /* 371 */ transition: all 0.3s ease-in-out; /* 372 */ } /* 373 */ /* 374 */ .offer-type-video .theaternacht-medias-item-img span { /* 375 */ background-image: url(../media/images/play-button_white.png); /* 376 */ background-size: 20px; /* 377 */ background-position: center; /* 378 */ transition: all 0.3s ease-in-out; /* 379 */ border: 2px solid #DC1B23; /* 380 */ } /* 381 */ /* 382 */ .offer-type-video .theaternacht-medias-item-img span:hover { /* 383 */ background-image: url(../media/images/play-button_red.png) !important; /* 384 */ background-color: #fff !important; /* 385 */ border: 2px solid #DC1B23; /* 386 */ transition: all 0.3s ease-in-out; /* 387 */ } /* 388 */ /* 389 */ .theaternacht-medias-item-content { /* 390 */ width: 68.7%; /* 391 */ } /* 392 */ /* 393 */ .theaternacht-medias-item-content h2 { /* 394 */ font-size: 26px; /* 395 */ margin-bottom: 10px; /* 396 */ line-height: 30px; /* 397 */ font-weight: 500; /* 398 */ } /* 399 */ /* 400 */ p.medias-subtitle { /* 401 */ color: #cdcdcd; /* 402 */ font-weight: 300; /* 403 */ margin-bottom: 1px; /* 404 */ } /* 405 */ /* 406 */ p.medias-synopsis { /* 407 */ font-size: 16px; /* 408 */ font-weight: 400; /* 409 */ letter-spacing: 0; /* 410 */ line-height: 19px; /* 411 */ } /* 412 */ /* 413 */ .page-theaternacht .theaternacht-medias-search-filter { /* 414 */ z-index: 9; /* 415 */ position: relative; /* 416 */ } /* 417 */ /* 418 */ .theaternacht-search-container { /* 419 */ width: 100%; /* 420 */ display: block; /* 421 */ position: relative; /* 422 */ margin-bottom: 20px; /* 423 */ } /* 424 */ /* 425 */ .theaternacht-search-container button#input-search-button { /* 426 */ position: absolute; /* 427 */ right: 10px; /* 428 */ bottom: calc(50% - 27px); /* 429 */ background-color: transparent; /* 430 */ border: none; /* 431 */ cursor: pointer; /* 432 */ /* border-right: 1px solid #aba9a9;*/ /* 433 */ padding-right: 29px; /* 434 */ height: 54px; /* 435 */ background: #fff; /* 436 */ } /* 437 */ /* 438 */ button#input-search-button svg { /* 439 */ width: 35px; /* 440 */ height: 35px; /* 441 */ } /* 442 */ /* 443 */ span.theaternacht-icon-plus { /* 444 */ position: absolute; /* 445 */ right: 13px; /* 446 */ top: calc(50% - 37.5px); /* 447 */ background: #fff; /* 448 */ } /* 449 */ /* 450 */ span.theaternacht-icon-plus svg { /* 451 */ width: 70px; /* 452 */ height: 70px; /* 453 */ opacity: 0.4; /* 454 */ } /* 455 */ /* 456 */ .theaternacht-search-container button#input-search-button:focus { /* 457 */ outline: none; /* 458 */ } /* 459 */ /* 460 */ .theaternacht-search-container input#input-search { /* 461 */ width: calc(100% - 16px); /* 462 */ height: 57px; /* 463 */ border-radius: 0; /* 464 */ padding-left: 10px; /* 465 */ font-size: 20px; /* 466 */ border: 2px solid #444; /* 467 */ display: flex; /* 468 */ align-items: center; /* 469 */ } /* 470 */ /* 471 */ .theaternacht-select-container { /* 472 */ display: flex; /* 473 */ justify-content: space-between; /* 474 */ width: 100%; /* 475 */ flex-wrap: wrap; /* 476 */ } /* 477 */ /* 478 */ .theaternacht-select-container .donate-button { /* 479 */ background: #DC1B23; /* 480 */ display: block; /* 481 */ color: #fff; /* 482 */ width: 100%; /* 483 */ height: 57px; /* 484 */ padding-left: 25px; /* 485 */ font-size: 22px; /* 486 */ letter-spacing: 0.8px; /* 487 */ display: flex; /* 488 */ align-items: center; /* 489 */ background-image: url(images/svg_slider-arrow-right.svg); /* 490 */ background-repeat: no-repeat; /* 491 */ background-position: 95% center; /* 492 */ background-size: 22px; /* 493 */ box-shadow: 0px 0px 1px #404040; /* 494 */ line-height: 30px; /* 495 */ font-size: 19px; /* 496 */ font-weight: 500; /* 497 */ } /* 498 */ /* 499 */ .theaternacht-select-container select.theaternacht-home-select { /* 500 */ border-radius: 0px; /* 501 */ height: 57px; /* 502 */ width: 100%; /* 503 */ padding-left: 25px; /* 504 */ font-size: 22px; /* 505 */ letter-spacing: 0.8px; /* 506 */ background-image: url(images/svg_slider-arrow-right_red.svg); /* 507 */ background-repeat: no-repeat; /* 508 */ background-position: 95% center; /* 509 */ background-size: 22px; /* 510 */ -webkit-appearance: none; /* 511 */ -moz-appearance: none; /* 512 */ appearance: none; /* 513 */ margin-bottom: 15px; /* 514 */ border: 2px solid #DC1B23; /* 515 */ color: #DC1B23; /* 516 */ line-height: 25px; /* 517 */ text-align: left; /* 518 */ } /* 519 */ /* 520 */ .theaternacht-select-container select.theaternacht-home-select option { /* 521 */ color: #000 !important; /* 522 */ } /* 523 */ /* 524 */ select.theaternacht-home-select:focus, /* 525 */ .theaternacht-search-container input#input-search:focus{ /* 526 */ outline: none; /* 527 */ } /* 528 */ /* 529 */ .theaternacht-search-container input#input-search::placeholder { /* 530 */ font-size: 13px; /* 531 */ color: #9b9b9b; /* 532 */ letter-spacing: -0.2px; /* 533 */ font-weight: 600; /* 534 */ font-style: normal; /* 535 */ line-height: 16px; /* 536 */ line-height: 54px; /* 537 */ } /* 538 */ /* 539 */ .routes-slider-wrapper{ /* 540 */ max-width: 1300px; /* 541 */ margin: auto; /* 542 */ margin-bottom: 50px; /* 543 */ position: relative; /* 544 */ } /* 545 */ /* 546 */ .routes-slider-wrapper .owl-item { /* 547 */ min-width: 320px !important; /* 548 */ max-width: 320px !important; /* 549 */ min-height: 200px; /* 550 */ position: relative; /* 551 */ padding-bottom: 55px; /* 552 */ height: 100%; /* 553 */ } /* 554 */ /* 555 */ .routes-slider-wrapper .owl-item { /* 556 */ padding-bottom: 55px; /* 557 */ min-height: 200px; /* 558 */ height: auto; /* 559 */ } /* 560 */ /* 561 */ .routes-slider-wrapper .owl-item .item { /* 562 */ height: 100%; /* 563 */ } /* 564 */ /* 565 */ .routes-themen-carousel:after { /* 566 */ /* content: ""; /+ 567 +/ width: 100%; /+ 568 +/ height: 100%; /+ 569 +/ position: absolute; /+ 570 +/ z-index: 99; /+ 571 +/ bottom: 0; /+ 572 +/ display: block; /+ 573 +/ background: rgba(255,255,255,0.51); /+ 574 +/ background: rgb(255,255,255); /+ 575 +/ background: linear-gradient(90deg, rgba(255,255,255,0) 81%, rgba(255,255,255,0.4374124649859944) 91%, rgba(255,255,255,0.958420868347339) 100%); /+ 576 +/ pointer-events: none;*/ /* 577 */ } /* 578 */ /* 579 */ .routes-slider-wrapper .item ul { /* 580 */ margin-bottom: 20px; /* 581 */ } /* 582 */ /* 583 */ .routes-slider-wrapper .item ul li { /* 584 */ border: 1px solid #efefef; /* 585 */ height: 100%; /* 586 */ padding: 8px 20px; /* 587 */ list-style: none; /* 588 */ border-top: 0; /* 589 */ color: #101010; /* 590 */ line-height: 18px; /* 591 */ padding-right: 25%; /* 592 */ position: relative; /* 593 */ } /* 594 */ /* 595 */ .routes-slider-wrapper .item ul li:after { /* 596 */ background-image: url(images/svg_slider-arrow-right_black.svg); /* 597 */ display: block; /* 598 */ width: 15px; /* 599 */ height: 15px; /* 600 */ content: ""; /* 601 */ position: absolute; /* 602 */ right: 25px; /* 603 */ bottom: calc(50% - 7px); /* 604 */ opacity: 0.5; /* 605 */ } /* 606 */ /* 607 */ .routes-slider-wrapper .item ul li:first-child { /* 608 */ padding-top: 40px; /* 609 */ } /* 610 */ /* 611 */ .routes-slider-wrapper .item ul li a { /* 612 */ color: #101010; /* 613 */ font-weight: 600; /* 614 */ } /* 615 */ /* 616 */ p.production-text { /* 617 */ font-weight: 400; /* 618 */ font-size: 16px; /* 619 */ line-height: 17px; /* 620 */ } /* 621 */ /* 622 */ .routes-item-title h2 { /* 623 */ font-weight: 600; /* 624 */ font-size: 21px; /* 625 */ letter-spacing: 3px; /* 626 */ color: #101010; /* 627 */ } /* 628 */ /* 629 */ .routes-item-title { /* 630 */ display: flex; /* 631 */ justify-content: center; /* 632 */ text-transform: uppercase; /* 633 */ margin: 57px 0 36px; /* 634 */ } /* 635 */ /* 636 */ .routes-item-header { /* 637 */ background: #989898; /* 638 */ display: flex; /* 639 */ justify-content: center; /* 640 */ align-items: center; /* 641 */ height: 115px; /* 642 */ text-transform: uppercase; /* 643 */ position: relative; /* 644 */ flex-direction: column; /* 645 */ } /* 646 */ /* 647 */ .routes-item-header h4 { /* 648 */ color: #fff; /* 649 */ font-weight: 400; /* 650 */ margin-top: 15px; /* 651 */ } /* 652 */ /* 653 */ .routes-item-header h3 { /* 654 */ color: #fff; /* 655 */ font-size: 21px; /* 656 */ text-align: center; /* 657 */ letter-spacing: 1px; /* 658 */ font-weight: 400; /* 659 */ margin-top: 10px; /* 660 */ } /* 661 */ /* 662 */ .routes-item-header:after { /* 663 */ visibility: visible; /* 664 */ opacity: 1; /* 665 */ width: 0; /* 666 */ height: 0; /* 667 */ border-left: 160px solid transparent; /* 668 */ border-right: 160px solid transparent; /* 669 */ border-top: 22px solid #989898; /* 670 */ margin: auto; /* 671 */ margin-top: auto; /* 672 */ margin-top: 0; /* 673 */ margin-left: 0; /* 674 */ z-index: 99; /* 675 */ position: absolute; /* 676 */ content: ""; /* 677 */ position: absolute; /* 678 */ bottom: -22px; /* 679 */ } /* 680 */ /* 681 */ .routes-slider-wrapper .routes-detail-button { /* 682 */ display: flex; /* 683 */ justify-content: center; /* 684 */ align-items: center; /* 685 */ background: #989898; /* 686 */ color: #fff; /* 687 */ height: 55px; /* 688 */ position: absolute; /* 689 */ bottom: 0; /* 690 */ width: 100%; /* 691 */ } /* 692 */ /* 693 */ .routes-detail-button:after { /* 694 */ content: ""; /* 695 */ display: block; /* 696 */ background-image: url(../media/images/icon-arrow-sm.svg); /* 697 */ width: 20px; /* 698 */ height: 20px; /* 699 */ background-repeat: no-repeat; /* 700 */ background-position: center; /* 701 */ padding-left: 20px; /* 702 */ margin-left: 20px; /* 703 */ } /* 704 */ /* 705 */ .routes-slider-wrapper .routes-detail-button a { /* 706 */ color: #fff; /* 707 */ font-weight: 500; /* 708 */ letter-spacing: 1px; /* 709 */ } /* 710 */ /* 711 */ .card-deck-home { /* 712 */ max-width: 1160px; /* 713 */ margin: auto; /* 714 */ display: flex; /* 715 */ flex-wrap: wrap; /* 716 */ width: 100%; /* 717 */ position: relative; /* 718 */ justify-content: center; /* 719 */ margin-bottom: 100px; /* 720 */ } /* 721 */ /* 722 */ .card-deck-home .card-body { /* 723 */ position: relative; /* 724 */ padding: 30px; /* 725 */ height: auto; /* 726 */ margin-bottom: 75px; /* 727 */ color: #101010; /* 728 */ transition: all 0.4s ease-in-out; /* 729 */ } /* 730 */ /* 731 */ .card-body:hover h2 { /* 732 */ color: #C94451; /* 733 */ transition: all 0.4s ease-in-out; /* 734 */ } /* 735 */ /* 736 */ .card-deck-home .card.blog-item.open .card-body { /* 737 */ display: none; /* 738 */ } /* 739 */ /* 740 */ .card-body h4 { /* 741 */ text-transform: uppercase; /* 742 */ padding-bottom: 10px; /* 743 */ position: relative; /* 744 */ } /* 745 */ /* 746 */ .card-deck-home .card-body-layer { /* 747 */ background-color: #C94451; /* 748 */ color: #fff; /* 749 */ position: relative; /* 750 */ padding: 20px 30px; /* 751 */ height: auto; /* 752 */ margin-bottom: 50px; /* 753 */ display: none; /* 754 */ cursor: pointer; /* 755 */ } /* 756 */ /* 757 */ .card.blog-item.open { /* 758 */ background: #C94451; /* 759 */ } /* 760 */ /* 761 */ .card-deck-home .card.blog-item.open .card-body-layer { /* 762 */ display: block; /* 763 */ } /* 764 */ /* 765 */ .card-deck-home .card-body-layer h2 { /* 766 */ font-size: 30px; /* 767 */ font-weight: 600; /* 768 */ line-height: 33px; /* 769 */ margin-bottom: 0; /* 770 */ } /* 771 */ /* 772 */ .card-deck-home .card-body-layer p { /* 773 */ color: #fff; /* 774 */ font-size: 16px; /* 775 */ line-height: 19px; /* 776 */ margin: 5px; /* 777 */ } /* 778 */ /* 779 */ .card-deck-home h2.medias-subtitle { /* 780 */ font-size: 25px; /* 781 */ line-height: 32px; /* 782 */ } /* 783 */ /* 784 */ .card-deck-home .card-body:after { /* 785 */ /* content: ""; /+ 786 +/ height: 30px; /+ 787 +/ background-image: url(../media/images/icon-arrow.svg); /+ 788 +/ background-repeat: no-repeat; /+ 789 +/ background-position: right; /+ 790 +/ display: block; /+ 791 +/ width: 100%; /+ 792 +/ text-align: right; /+ 793 +/ background-size: inherit;*/ /* 794 */ } /* 795 */ /* 796 */ /* 797 */ .card-deck-home .icon-arrow-red { /* 798 */ height: 30px; /* 799 */ background-image: url(../media/images/icon-arrow.svg); /* 800 */ background-repeat: no-repeat; /* 801 */ background-position: right; /* 802 */ display: block; /* 803 */ width: 100%; /* 804 */ text-align: right; /* 805 */ background-size: inherit; /* 806 */ position: absolute; /* 807 */ bottom: 85px; /* 808 */ right: 30px; /* 809 */ transition: all 0.4s ease-in-out; /* 810 */ } /* 811 */ /* 812 */ .card.blog-item:hover .icon-arrow-red { /* 813 */ right: 20px; /* 814 */ transition: all 0.4s ease-in-out; /* 815 */ } /* 816 */ /* 817 */ .card-deck-home .blog-item.open .icon-arrow-red { /* 818 */ display: none; /* 819 */ } /* 820 */ /* 821 */ h2.medias-info-text { /* 822 */ font-size: 25px; /* 823 */ font-weight: 600; /* 824 */ line-height: 31px; /* 825 */ } /* 826 */ /* 827 */ .card-deck-home .card-image:before { /* 828 */ content: ""; /* 829 */ background: #C94451; /* 830 */ display: none; /* 831 */ width: 100%; /* 832 */ height: 205px; /* 833 */ position: absolute; /* 834 */ opacity: 0.4; /* 835 */ } /* 836 */ /* 837 */ .card-deck-home .card.blog-item.open .card-image:before { /* 838 */ display: block; /* 839 */ } /* 840 */ /* 841 */ input::placeholder { /* 842 */ line-height: 30px; /* 843 */ } /* 844 */ /* 845 */ .theaternacht-medias-search-filter input::-moz-placeholder, /* 846 */ .theaternacht-medias-search-filter input:-moz-placeholder{ /* 847 */ line-height: 90px !important; /* 848 */ } /* 849 */ /* 850 */ .card-deck-home .card-img-top { /* 851 */ width: 100%; /* 852 */ transition: all 0.4s ease-in-out; /* 853 */ } /* 854 */ /* 855 */ .card-deck-home .card-image { /* 856 */ height: auto; /* 857 */ width: 100%; /* 858 */ position: relative; /* 859 */ cursor: pointer; /* 860 */ overflow: hidden; /* 861 */ } /* 862 */ /* 863 */ .card-deck-home .blog-item:not(.open) .card-image:hover .card-img-top { /* 864 */ filter: blur(0px); /* 865 */ transform: scale(1.05); /* 866 */ transition: all 0.4s ease-in-out; /* 867 */ } /* 868 */ /* 869 */ .card-deck-home .card-image .overlay { /* 870 */ position: absolute; /* 871 */ z-index: 1; /* 872 */ width: 100%; /* 873 */ height: 100%; /* 874 */ top: 0; /* 875 */ left: 0; /* 876 */ right: 0; /* 877 */ bottom: 0; /* 878 */ background-color: #C94451; /* 879 */ opacity: 0 !important; /* 880 */ transition: all 0.4s ease-in-out; /* 881 */ display: block; /* 882 */ } /* 883 */ /* 884 */ .card-deck-home .blog-item:not(.open) .card-image:hover .overlay { /* 885 */ opacity: 0.3 !important; /* 886 */ } /* 887 */ /* 888 */ .card-deck-home .card.blog-item { /* 889 */ width: 100%; /* 890 */ margin: 15px; /* 891 */ height: auto; /* 892 */ position: relative; /* 893 */ box-shadow: 0 0 9px 3px #d6d6d6; /* 894 */ } /* 895 */ /* 896 */ .card-deck-home .card-body h4:after { /* 897 */ position: absolute; /* 898 */ content: ""; /* 899 */ background: #C94451; /* 900 */ width: 0px; /* 901 */ height: 3px; /* 902 */ z-index: 1; /* 903 */ /* margin-top: 23px;*/ /* 904 */ transition: all 0.4s ease-in-out; /* 905 */ display: inline; /* 906 */ bottom: 0; /* 907 */ left: 0; /* 908 */ margin-bottom: 5px; /* 909 */ } /* 910 */ /* 911 */ .card-deck-home .card-body:hover h4:after { /* 912 */ width: 0; /*accent stripe*/ /* 913 */ } /* 914 */ /* 915 */ .card-deck-home .card-wrapper { /* 916 */ position: relative; /* 917 */ } /* 918 */ /* 919 */ .card-deck-home .card.blog-item .play-btn-icon { /* 920 */ background-image: url(../media/images/play-button_white.png); /* 921 */ background-size: 20px; /* 922 */ display: block; /* 923 */ width: 48px; /* 924 */ height: 48px; /* 925 */ position: absolute; /* 926 */ right: auto; /* 927 */ bottom: auto; /* 928 */ background-repeat: no-repeat; /* 929 */ background-position: center; /* 930 */ top: 0; /* 931 */ z-index: 1; /* 932 */ background-color: #DC1B23; /* 933 */ transition: all 0.3s ease-in-out; /* 934 */ border: 2px solid #DC1B23; /* 935 */ } /* 936 */ /* 937 */ span.play-btn-icon:hover { /* 938 */ background-image: url(../media/images/play-button_red.png) !important; /* 939 */ background-color: #fff !important; /* 940 */ border: 2px solid #DC1B23; /* 941 */ transition: all 0.3s ease-in-out; /* 942 */ } /* 943 */ /* 944 */ .open span.heart-icon { /* 945 */ display: none; /* 946 */ } /* 947 */ /* 948 */ /* 949 */ /******* Favorit button toggle start ********/ /* 950 */ /* 951 */ .page-theaternacht .open .card-icon-favorite { /* 952 */ display: none; /* 953 */ } /* 954 */ /* 955 */ .page-theaternacht .card-icon-favorite { /* 956 */ width: 100px; /* 957 */ height: 40px; /* 958 */ position: absolute; /* 959 */ z-index: 2; /* 960 */ /* background: #C94451; */ /* 961 */ border-radius: 100%; /* 962 */ display: flex; /* 963 */ justify-content: flex-end; /* 964 */ align-items: center; /* 965 */ cursor: pointer; /* 966 */ bottom: -20px; /* 967 */ right: 20px; /* 968 */ /* width: 40px; */ /* 969 */ } /* 970 */ /* 971 */ span.icon-plus { /* 972 */ display: inline-block; /* 973 */ width: 30px; /* 974 */ height: 30px; /* 975 */ background-image: url(../media/images/icon-plus.svg); /* 976 */ background-repeat: no-repeat; /* 977 */ background-position: center 52%; /* 978 */ background-size: contain; /* 979 */ /* margin-right: -12px; */ /* 980 */ margin-left: 5px; /* 981 */ margin-top: 5px; /* 982 */ } /* 983 */ /* 984 */ span.heart-icon { /* 985 */ width: 30px; /* 986 */ height: 30px; /* 987 */ background-image: url(../media/images/icon_heart_white.svg); /* 988 */ background-repeat: no-repeat; /* 989 */ background-position: center 52%; /* 990 */ background-size: 20px; /* 991 */ display: inline-block; /* 992 */ background-size: 20px; /* 993 */ margin-left: 5px; /* 994 */ margin-top: 0px; /* 995 */ } /* 996 */ /* 997 */ .theaternacht-search-container .card-icon-favorite { /* 998 */ display: none; /* 999 */ } /* 1000 */ /* 1001 */ .page-theaternacht span.heart-icon.favoured, /* 1002 */ .page-theaternacht-theater span.heart-icon.favoured { /* 1003 */ background: #C94451; /* 1004 */ background-image: url(../media/images/icon_heart_white.svg) !important; /* 1005 */ background-repeat: no-repeat; /* 1006 */ background-position: 46% 51%; /* 1007 */ display: inline-block; /* 1008 */ background-size: 20px; /* 1009 */ top: -35px; /* 1010 */ position: relative; /* 1011 */ border-radius: 50%; /* 1012 */ width: 35px; /* 1013 */ height: 42px; /* 1014 */ margin-top: -6px; /* 1015 */ margin-left: 3px; /* 1016 */ } /* 1017 */ /* 1018 */ .page-theaternacht span.heart-icon { /* 1019 */ /* background: #C94451; /+ 1020 +/ display: inline-block; /+ 1021 +/ width: 40px; /+ 1022 +/ height: 40px; /+ 1023 +/ bottom: -20px; /+ 1024 +/ right: 20px; /+ 1025 +/ position: absolute; /+ 1026 +/ background-image: url(../media/images/icon_heart_white.svg); /+ 1027 +/ background-repeat: no-repeat; /+ 1028 +/ background-position: center 52%; /+ 1029 +/ background-size: 20px; /+ 1030 +/ border-radius: 50%; /+ 1031 +/ z-index: 1; /+ 1032 +/ cursor: pointer;*/ /* 1033 */ } /* 1034 */ /* 1035 */ .page-theaternacht span.heart-icon.not-favoured { /* 1036 */ /* background: #C94451; /+ 1037 +/ display: inline-block; /+ 1038 +/ width: 40px; /+ 1039 +/ height: 40px; /+ 1040 +/ bottom: -20px; /+ 1041 +/ right: 20px; /+ 1042 +/ position: absolute; /+ 1043 +/ background-image: url(../media/images/icon-plus.svg); /+ 1044 +/ background-repeat: no-repeat; /+ 1045 +/ background-position: center 52%; /+ 1046 +/ background-size: contain; /+ 1047 +/ border-radius: 50%;*/ /* 1048 */ } /* 1049 */ /* 1050 */ /* Favorit button toggle end */ /* 1051 */ /* 1052 */ /* 1053 */ /* 1054 */ /* 1055 */ .card-deck-home .card.blog-item.open .theatre-btn-icon { /* 1056 */ display: none; /* 1057 */ } /* 1058 */ /* 1059 */ .card-deck-home .card.blog-item.open .theatre-btn-icon { /* 1060 */ background-image: url(../media/images/icon-theatre.svg); /* 1061 */ display: block; /* 1062 */ width: 48px; /* 1063 */ height: 48px; /* 1064 */ position: absolute; /* 1065 */ right: 48px; /* 1066 */ background-repeat: no-repeat; /* 1067 */ background-position: center; /* 1068 */ top: 0; /* 1069 */ background-color: #C94451; /* 1070 */ cursor: pointer; /* 1071 */ z-index: 99; /* 1072 */ } /* 1073 */ /* 1074 */ .open span.close-btn-icon { /* 1075 */ display: block; /* 1076 */ background-image: url(../media/images/icon-close-white.svg); /* 1077 */ width: 48px; /* 1078 */ height: 48px; /* 1079 */ position: absolute; /* 1080 */ right: 0; /* 1081 */ background-repeat: no-repeat; /* 1082 */ background-position: center; /* 1083 */ top: 0; /* 1084 */ background-color: #C94451; /* 1085 */ background-size: 16px; /* 1086 */ cursor: pointer; /* 1087 */ z-index: 99; /* 1088 */ } /* 1089 */ /* 1090 */ .card-deck-home .card.blog-item.open .play-btn-icon { /* 1091 */ display: none; /* 1092 */ } /* 1093 */ /* 1094 */ button.theatre-info-btn span { /* 1095 */ width: 88%; /* 1096 */ } /* 1097 */ /* 1098 */ button.theatre-info-btn:not(.no-theater):hover { /* 1099 */ color: #C94451; /* 1100 */ background: #fff; /* 1101 */ transition: all 0.4s ease-in-out; /* 1102 */ } /* 1103 */ /* 1104 */ .card-deck-home .theatre-info-btn:hover:before { /* 1105 */ background-image: url(../media/images/icon-theatre_red.svg); /* 1106 */ transition: all 0.4s ease-in-out; /* 1107 */ } /* 1108 */ /* 1109 */ .card-deck-home .theatre-info-btn { /* 1110 */ min-height: 55px; /* 1111 */ color: #fff; /* 1112 */ position: relative; /* 1113 */ border: none; /* 1114 */ width: 100%; /* 1115 */ font-size: 16px; /* 1116 */ text-transform: uppercase; /* 1117 */ position: absolute; /* 1118 */ font-weight: 500; /* 1119 */ letter-spacing: 0.7px; /* 1120 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 1121 */ bottom: 0; /* 1122 */ display: flex; /* 1123 */ align-items: center; /* 1124 */ justify-content: center; /* 1125 */ background-color: #C94451; /* 1126 */ padding: 10px; /* 1127 */ outline: none; /* 1128 */ cursor: pointer; /* 1129 */ transition: all 0.4s ease-in-out; /* 1130 */ border: 2px solid #C94451; /* 1131 */ margin-bottom: 0; /* 1132 */ } /* 1133 */ /* 1134 */ .card-deck-home .theatre-info-btn:before { /* 1135 */ content: ""; /* 1136 */ background-image: url(../media/images/icon-theatre.svg); /* 1137 */ background-repeat: no-repeat; /* 1138 */ background-position: center; /* 1139 */ width: 20px; /* 1140 */ height: 20px; /* 1141 */ display: inline-block; /* 1142 */ margin-right: 15px; /* 1143 */ transition: all 0.4s ease-in-out; /* 1144 */ } /* 1145 */ /* 1146 */ .card-deck-home .card.blog-item.open button.theatre-info-btn { /* 1147 */ color: #C94451; /* 1148 */ background: #fff; /* 1149 */ } /* 1150 */ /* 1151 */ .card-deck-home .card.blog-item.open .theatre-info-btn:before { /* 1152 */ display: none; /* 1153 */ } /* 1154 */ /* 1155 */ .logos-wrapper { /* 1156 */ display: flex; /* 1157 */ max-width: 1100px; /* 1158 */ margin: auto; /* 1159 */ justify-content: center; /* 1160 */ padding: 55px 0; /* 1161 */ border-top: 1px solid #ddd; /* 1162 */ /* border-bottom: 1px solid #ddd;*/ /* 1163 */ } /* 1164 */ /* 1165 */ .page-theaternacht .home-news-container { /* 1166 */ max-width: 1100px; /* 1167 */ margin: auto; /* 1168 */ border-top: 1px solid #ddd; /* 1169 */ padding: 25px 0; /* 1170 */ } /* 1171 */ /* 1172 */ .logos-wrapper img { /* 1173 */ width: 100%; /* 1174 */ object-fit: contain; /* 1175 */ width: 20vw; /* 1176 */ padding: 0px 94px 0 0; /* 1177 */ max-width: 300px; /* 1178 */ } /* 1179 */ /* 1180 */ .logos-wrapper img.logo-3 { /* 1181 */ width: 12vw; /* 1182 */ padding: 0; /* 1183 */ max-width: 200px; /* 1184 */ } /* 1185 */ /* 1186 */ .routes-slider-wrapper .owl-prev { /* 1187 */ background-image: url(../media/images/svg_arrow-prev.svg); /* 1188 */ left: -50px; /* 1189 */ height: 50px; /* 1190 */ width: 50px; /* 1191 */ opacity: 0.3; /* 1192 */ } /* 1193 */ /* 1194 */ .routes-slider-wrapper .owl-next { /* 1195 */ background-image: url(../media/images/svg_arrow-next.svg); /* 1196 */ right: -50px; /* 1197 */ height: 50px; /* 1198 */ width: 50px; /* 1199 */ opacity: 0.3; /* 1200 */ background-position: right; /* 1201 */ } /* 1202 */ /* 1203 */ /*startseite theaternacht_END*/ /* 1204 */ /* 1205 */ .page-theaternacht-theater .theater-detail-image { /* 1206 */ max-width: 1100px; /* 1207 */ margin: auto; /* 1208 */ position: relative; /* 1209 */ z-index: 1; /* 1210 */ } /* 1211 */ /* 1212 */ .theater-socialmedia-wrapper h3 { /* 1213 */ text-transform: uppercase; /* 1214 */ height: auto !important; /* 1215 */ margin: 8px 0 !important; /* 1216 */ } /* 1217 */ /* 1218 */ .theater-socialmedia-wrapper { /* 1219 */ margin-bottom: 30px; /* 1220 */ } /* 1221 */ /* 1222 */ .page-theaternacht-theater .theater-detail-content { /* 1223 */ max-width: 1100px; /* 1224 */ margin: auto; /* 1225 */ padding: 15px; /* 1226 */ /* border-bottom: 1px solid #ddd;*/ /* 1227 */ } /* 1228 */ /* 1229 */ .page-theaternacht-theater .theater-detail-title { /* 1230 */ letter-spacing: 0.5px; /* 1231 */ font-weight: 500; /* 1232 */ font-size: 4.5rem; /* 1233 */ margin-bottom: 2.5rem; /* 1234 */ line-height: 4.5rem; /* 1235 */ } /* 1236 */ /* 1237 */ .page-theaternacht-theater .theater-detail-videos .play-offer { /* 1238 */ width: 100%; /* 1239 */ margin-right: 30px; /* 1240 */ position: relative; /* 1241 */ cursor: pointer; /* 1242 */ } /* 1243 */ /* 1244 */ .page-theaternacht-theater .theater-detail-videos .offer-type-audio .play-offer .play-button-icon { /* 1245 */ background-image: url(../media/images/icon-headphone.svg); /* 1246 */ background-color: #DC1B23; /* 1247 */ background-size: initial; /* 1248 */ background-repeat: no-repeat; /* 1249 */ background-position: center; /* 1250 */ } /* 1251 */ /* 1252 */ .page-theaternacht-theater .theater-detail-videos .play-offer .play-button-icon { /* 1253 */ display: block; /* 1254 */ position: absolute; /* 1255 */ width: 46px; /* 1256 */ height: 46px; /* 1257 */ background-color: #DC1B23; /* 1258 */ top: 0; /* 1259 */ background-image: url(../media/images/play-button_white.png); /* 1260 */ background-size: 20px; /* 1261 */ background-position: center; /* 1262 */ background-repeat: no-repeat; /* 1263 */ border:2px solid #DC1B23; /* 1264 */ transition: all 0.3s ease-in-out; /* 1265 */ } /* 1266 */ /* 1267 */ .page-theaternacht-theater .theater-detail-videos .play-offer .play-button-icon:hover { /* 1268 */ background-image: url(../media/images/play-button_red.png); /* 1269 */ border:2px solid #DC1B23; /* 1270 */ background-color: #fff; /* 1271 */ transition: all 0.3s ease-in-out; /* 1272 */ } /* 1273 */ /* 1274 */ .page-theaternacht-theater .theater-detail-videos .play-offer img { /* 1275 */ width: 100%; /* 1276 */ } /* 1277 */ /* 1278 */ .theater-detail-videos-title .valid-info { /* 1279 */ font-size: 15px; /* 1280 */ line-height: 20px; /* 1281 */ margin-top: 10px; /* 1282 */ font-weight: 200; /* 1283 */ } /* 1284 */ /* 1285 */ .theater-detail-videos-title .film-info { /* 1286 */ font-size: 15px; /* 1287 */ } /* 1288 */ /* 1289 */ .page-theaternacht-theater .theater-detail-videos-title { /* 1290 */ font-size: 18px; /* 1291 */ line-height: 21px; /* 1292 */ font-weight: 600; /* 1293 */ padding-top: 8px; /* 1294 */ } /* 1295 */ /* 1296 */ .page-theaternacht-theater .theater-detail-content-right select { /* 1297 */ color: #DC1B23; /* 1298 */ -webkit-appearance: none; /* 1299 */ -moz-appearance: none; /* 1300 */ appearance: none; /* 1301 */ border: 2px solid #DC1B23; /* 1302 */ border-radius: 0; /* 1303 */ width: 100%; /* 1304 */ height: 60px; /* 1305 */ padding-left: 20px; /* 1306 */ font-size: 17px; /* 1307 */ font-weight: 500; /* 1308 */ } /* 1309 */ /* 1310 */ .page-theaternacht-theater .theater-detail-content-right select option { /* 1311 */ text-align: left; /* 1312 */ color: #000 !important; /* 1313 */ } /* 1314 */ /* 1315 */ .page-theaternacht-theater .theater-detail-content-right select:focus { /* 1316 */ outline: none; /* 1317 */ } /* 1318 */ /* 1319 */ .page-theaternacht-theater .theater-detail-select-wrapper { /* 1320 */ position: relative; /* 1321 */ } /* 1322 */ /* 1323 */ .page-theaternacht-theater span.dropdown-icon { /* 1324 */ left: auto; /* 1325 */ content: url(../media/images/icon-arrow-red-down.svg); /* 1326 */ display: block; /* 1327 */ position: absolute; /* 1328 */ width: 22px; /* 1329 */ height: 22px; /* 1330 */ right: 20px; /* 1331 */ top: 32%; /* 1332 */ pointer-events: none; /* 1333 */ transform: rotate(-90deg); /* 1334 */ } /* 1335 */ /* 1336 */ .page-theaternacht-theater .theater-detail-content-right .theater-socialmedia-wrapper h3, /* 1337 */ .page-theaternacht-medias .theater-detail-content-right .theater-socialmedia-wrapper h3{ /* 1338 */ background: none; /* 1339 */ color: #000; /* 1340 */ padding: 0; /* 1341 */ margin-top: 20px; /* 1342 */ } /* 1343 */ .page-theaternacht-theater .theater-socialmedia-wrapper ul, /* 1344 */ .page-theaternacht-medias .theater-socialmedia-wrapper ul{ /* 1345 */ display: flex; /* 1346 */ } /* 1347 */ /* 1348 */ .page-theaternacht-theater .theater-socialmedia-wrapper ul li, /* 1349 */ .page-theaternacht-medias .theater-socialmedia-wrapper ul li { /* 1350 */ list-style: none; /* 1351 */ margin-right: 20px; /* 1352 */ margin-top: 10px; /* 1353 */ border: 0; /* 1354 */ padding: 0; /* 1355 */ } /* 1356 */ /* 1357 */ .page-theaternacht-theater .theater-socialmedia-wrapper .social-link > img, /* 1358 */ .page-theaternacht-medias .theater-socialmedia-wrapper .social-link > img{ /* 1359 */ height: 28px; /* 1360 */ width: 28px; /* 1361 */ } /* 1362 */ /* 1363 */ .page-theaternacht-theater .theater-socialmedia-wrapper .newsletter-item img, /* 1364 */ .page-theaternacht-medias .theater-socialmedia-wrapper .newsletter-item img{ /* 1365 */ width: 117% !important; /* 1366 */ height: 100%; /* 1367 */ } /* 1368 */ /* 1369 */ .theater-socialmedia-wrapper .whatsapp-item .social-link > img { /* 1370 */ width: 43px; /* 1371 */ height: 43px; /* 1372 */ margin-top: -9px; /* 1373 */ margin-left: -3px; /* 1374 */ } /* 1375 */ /* 1376 */ .social-link-button { /* 1377 */ cursor: pointer; /* 1378 */ } /* 1379 */ /* 1380 */ .theater-socialmedia-wrapper span.divider { /* 1381 */ width: 55px; /* 1382 */ height: 3px; /* 1383 */ background: #000; /* 1384 */ display: inline-block; /* 1385 */ margin-top: 38px; /* 1386 */ text-align: left; /* 1387 */ } /* 1388 */ /* /+ 1389 +/ .page-theaternacht-theater .theater-detail-content-left { /+ 1390 +/ margin-right: 5.5%; /+ 1391 +/ }*/ /* 1392 */ /* 1393 */ .page-theaternacht-theater .theater-detail-content-right { /* 1394 */ width: 100%; /* 1395 */ } /* 1396 */ /* 1397 */ .page-theaternacht-theater .theater-detail-content-left { /* 1398 */ width: 100%; /* 1399 */ } /* 1400 */ /* 1401 */ .page-theaternacht-theater .theater-detail-content-right h3 { /* 1402 */ background: #DC1B23; /* 1403 */ color: #fff; /* 1404 */ padding: 0 20px; /* 1405 */ margin-bottom: 15px; /* 1406 */ /* text-transform: uppercase;*/ /* 1407 */ height: 60px; /* 1408 */ display: flex; /* 1409 */ align-items: center; /* 1410 */ } /* 1411 */ /* 1412 */ .page-theaternacht-theater .theater-detail-content-right { /* 1413 */ padding-left: 0; /* 1414 */ border-left: 0px solid #d5d5d5; /* 1415 */ margin-top: 40px; /* 1416 */ } /* 1417 */ /* 1418 */ .page-theaternacht-theater .theater-detail-text { /* 1419 */ font-size: 1.9rem; /* 1420 */ line-height: 2.5rem; /* 1421 */ margin-bottom: 7.5rem; /* 1422 */ } /* 1423 */ /* 1424 */ .page-theaternacht-theater span.red-layer, /* 1425 */ .page-theaternacht-medias span.red-layer{ /* 1426 */ background: rgb(201,68,81,0.7); /* 1427 */ width: 49%; /* 1428 */ height: 100%; /* 1429 */ display: none; /* 1430 */ position: absolute; /* 1431 */ pointer-events: none; /* 1432 */ } /* 1433 */ /* 1434 */ .page-theaternacht-theater .media-container-text { /* 1435 */ position: absolute; /* 1436 */ bottom: 0; /* 1437 */ color: #fff; /* 1438 */ width: 49%; /* 1439 */ display: flex; /* 1440 */ /* justify-content: center; */ /* 1441 */ display: none; /* 1442 */ } /* 1443 */ /* 1444 */ .page-theaternacht-theater .media-container-text h2 { /* 1445 */ font-size: 3.5em; /* 1446 */ line-height: 1.2em; /* 1447 */ /* justify-content: center; */ /* 1448 */ /* display: flex; */ /* 1449 */ padding-left: 11%; /* 1450 */ /* margin: 0; */ /* 1451 */ margin-bottom: 80px; /* 1452 */ letter-spacing: 0.5px; /* 1453 */ font-weight: 500; /* 1454 */ } /* 1455 */ /* 1456 */ .back-to-overview::before { /* 1457 */ top: auto; /* 1458 */ left: -7px; /* 1459 */ content: url(../media/images/icon-arrow-black-down.svg); /* 1460 */ display: block; /* 1461 */ position: absolute; /* 1462 */ width: 22px; /* 1463 */ height: 22px; /* 1464 */ transform: rotateZ(90deg); /* 1465 */ bottom: 16px; /* 1466 */ } /* 1467 */ /* 1468 */ .page-theaternacht-theater .back-to-overview, /* 1469 */ .page-theaternacht-medias .back-to-overview{ /* 1470 */ padding-left: 20px; /* 1471 */ position: relative; /* 1472 */ top: 0; /* 1473 */ display: block; /* 1474 */ color: #000; /* 1475 */ font-size: 18px; /* 1476 */ font-weight: 500; /* 1477 */ padding-top: 10px ; /* 1478 */ padding-bottom: 20px ; /* 1479 */ } /* 1480 */ /* 1481 */ .page-theaternacht-theater div#offer-player-container { /* 1482 */ /* position: absolute; /+ 1483 +/ left: 0; /+ 1484 +/ top: 0; /+ 1485 +/ width: 100%; /+ 1486 +/ height: 56%;*/ /* 1487 */ display: none; /* 1488 */ } /* 1489 */ /* 1490 */ body.page-theaternacht-theater.player-open div#offer-player-container { /* 1491 */ display: block; /* 1492 */ z-index: 9; /* 1493 */ } /* 1494 */ /* 1495 */ body.page-theaternacht-theater .theater-detail-head-content.live-player-open, /* 1496 */ body.page-theaternacht-theater.player-open .theater-detail-head-content { /* 1497 */ min-height: 56vw; /* 1498 */ padding-top: 68px; /* 1499 */ } /* 1500 */ /* 1501 */ body.page-theaternacht-theater.player-open .video-js, .video-js video { /* 1502 */ width: 100% !important; /* 1503 */ height: 56vw !important; /* 1504 */ position: absolute; /* 1505 */ left: 0; /* 1506 */ top: 0; /* 1507 */ } /* 1508 */ /* 1509 */ body.page-theaternacht-theater.player-open .video-js.vjs-fullscreen, /* 1510 */ body.page-theaternacht-theater.player-open .video-js.vjs-has-started.vjs-fullscreen video{ /* 1511 */ width: 100% !important; /* 1512 */ height: 100% !important; /* 1513 */ } /* 1514 */ /* 1515 */ body.page-theaternacht-theater .video-js .vjs-big-play-button .vjs-icon-placeholder:before, /* 1516 */ .page-theaternacht-medias .video-js .vjs-big-play-button .vjs-icon-placeholder:before { /* 1517 */ content: ""; /* 1518 */ } /* 1519 */ /* 1520 */ body.page-theaternacht-theater .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button, /* 1521 */ .page-theaternacht-medias .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { /* 1522 */ background: url(../media/images/play-red.png) no-repeat center; /* 1523 */ } /* 1524 */ /* 1525 */ body.page-theaternacht-theater .video-js .vjs-control-bar, /* 1526 */ .page-theaternacht-medias .video-js .vjs-control-bar{ /* 1527 */ width: 95%; /* 1528 */ bottom: 20px; /* 1529 */ margin: auto; /* 1530 */ } /* 1531 */ /* 1532 */ .owl-carousel .owl-stage { /* 1533 */ display: flex; /* 1534 */ } /* 1535 */ /* 1536 */ button.all-results-btn p { /* 1537 */ background: #C94451; /* 1538 */ color: #fff; /* 1539 */ width: 30%; /* 1540 */ height: 55px; /* 1541 */ display: flex; /* 1542 */ align-items: center; /* 1543 */ justify-content: center; /* 1544 */ font-size: 16px; /* 1545 */ min-width: 270px; /* 1546 */ } /* 1547 */ /* 1548 */ button.all-results-btn { /* 1549 */ background: #fff; /* 1550 */ position: absolute; /* 1551 */ bottom: 30px; /* 1552 */ width: 100%; /* 1553 */ border: 0; /* 1554 */ display: none; /* 1555 */ outline: none; /* 1556 */ cursor: pointer; /* 1557 */ left:0; /* 1558 */ } /* 1559 */ /* 1560 */ button.all-results-btn p:after { /* 1561 */ content: ""; /* 1562 */ display: inline-block; /* 1563 */ background-image: url(../media/images/icon-arrow-sm.svg); /* 1564 */ width: 20px; /* 1565 */ height: 20px; /* 1566 */ background-repeat: no-repeat; /* 1567 */ background-position: center; /* 1568 */ padding-left: 20px; /* 1569 */ margin-left: 20px; /* 1570 */ } /* 1571 */ /* 1572 */ button.all-results-btn:last-child { /* 1573 */ display: flex; /* 1574 */ justify-content: center; /* 1575 */ align-items: center; /* 1576 */ } /* 1577 */ /* 1578 */ .theaternacht-medias-search-filter input::placeholder { /* 1579 */ line-height: 30px; /* 1580 */ } /* 1581 */ /* 1582 */ .theaternacht-search-container input#input-search::placeholder { /* 1583 */ font-size: 19px; /* 1584 */ font-weight: 500; /* 1585 */ letter-spacing: 0.8px; /* 1586 */ line-height: 30px; /* 1587 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 1588 */ } /* 1589 */ /* 1590 */ @media screen and (min-width:567px) { /* 1591 */ /* 1592 */ .routes-slider-wrapper .owl-item { /* 1593 */ min-width: 347.5px !important; /* 1594 */ max-width: 347.5px !important; /* 1595 */ height: auto; /* 1596 */ } /* 1597 */ /* 1598 */ .routes-item-header:after { /* 1599 */ border-left: 175px solid transparent; /* 1600 */ border-right: 175px solid transparent; /* 1601 */ } /* 1602 */ /* 1603 */ } /* 1604 */ /* 1605 */ /* 1606 */ @media screen and (min-width:0px) and (max-width: 767px) { /* 1607 */ /* 1608 */ .card-icon-favorite { /* 1609 */ position: absolute; /* 1610 */ right: 50px; /* 1611 */ z-index: 999; /* 1612 */ top: 10px; /* 1613 */ } /* 1614 */ /* 1615 */ .page-theaternacht .media-text-container { /* 1616 */ top: 25vw; /* 1617 */ } /* 1618 */ /* 1619 */ .routes-item-title { /* 1620 */ margin: 20px 0 20px; /* 1621 */ } /* 1622 */ /* 1623 */ .page-theaternacht .theaternacht-filter-container { /* 1624 */ margin-top: 40px; /* 1625 */ margin-bottom: 40px; /* 1626 */ } /* 1627 */ /* 1628 */ .page-theaternacht .main-content { /* 1629 */ padding-top: 31px; /* 1630 */ } /* 1631 */ /* 1632 */ .theaternacht-search-container button#input-search-button { /* 1633 */ right: 5px; /* 1634 */ bottom: calc(50% - 27px); /* 1635 */ background: #fff; /* 1636 */ padding-right: 4%; /* 1637 */ } /* 1638 */ /* 1639 */ button#input-search-button svg { /* 1640 */ width: 30px; /* 1641 */ height: 30px; /* 1642 */ } /* 1643 */ /* 1644 */ span.theaternacht-icon-plus { /* 1645 */ right: 1px; /* 1646 */ top: calc(50% - 29px); /* 1647 */ background: #ffff; /* 1648 */ } /* 1649 */ /* 1650 */ span.theaternacht-icon-plus svg { /* 1651 */ width: 53px; /* 1652 */ height: 53px; /* 1653 */ } /* 1654 */ /* 1655 */ .logos-wrapper img.logo-3 { /* 1656 */ min-width: 150px; /* 1657 */ margin-top: 30px; /* 1658 */ } /* 1659 */ /* 1660 */ .logos-wrapper img { /* 1661 */ padding: 0px 10px 0 0; /* 1662 */ min-width: 200px; /* 1663 */ margin-bottom: 20px; /* 1664 */ } /* 1665 */ /* 1666 */ .logos-wrapper div { /* 1667 */ display: flex; /* 1668 */ flex-direction: column; /* 1669 */ justify-content: center; /* 1670 */ align-items: center; /* 1671 */ } /* 1672 */ /* 1673 */ .page-theaternacht-medias .theater-detail-content-right .theater-route-wrapper ul:before { /* 1674 */ left: 8px !important; /* 1675 */ margin-top: 0 !important; /* 1676 */ } /* 1677 */ /* 1678 */ .page-theaternacht-medias .theater-detail-content-right .theater-route-wrapper li:before { /* 1679 */ left: 0 !important; /* 1680 */ margin-top: 0 !important; /* 1681 */ } /* 1682 */ /* 1683 */ .page-theaternacht-medias .theater-detail-content-right .theater-route-wrapper li { /* 1684 */ padding-left: 40px !important; /* 1685 */ } /* 1686 */ /* 1687 */ .page-theaternacht-theater .theater-detail-content-right { /* 1688 */ margin-top: 30px !important; /* 1689 */ } /* 1690 */ /* 1691 */ .theater-socialmedia-wrapper span.divider { /* 1692 */ margin-top: 40px !important; /* 1693 */ } /* 1694 */ /* 1695 */ .page-theaternacht-medias .theater-detail-content-right { /* 1696 */ width: 100% !important; /* 1697 */ } /* 1698 */ /* 1699 */ .page-theaternacht-medias .theater-play-section { /* 1700 */ margin-top: 60px !important; /* 1701 */ margin-bottom: 20px !important; /* 1702 */ } /* 1703 */ /* 1704 */ .page-theaternacht-theater .theater-detail-head-content, /* 1705 */ .page-theaternacht-medias .theater-detail-head-content{ /* 1706 */ padding-top: 31px !important; /* 1707 */ } /* 1708 */ /* 1709 */ .page-theaternacht-medias .media-container-text .theater-detail-title.detail-title, /* 1710 */ .page-theaternacht-theater .media-container-text .theater-detail-title.detail-title{ /* 1711 */ font-size: 2.5em !important; /* 1712 */ margin-bottom: 0px !important; /* 1713 */ padding: 15px !important; /* 1714 */ line-height: 32px !important; /* 1715 */ } /* 1716 */ /* 1717 */ .page-theaternacht-medias span.red-layer, /* 1718 */ .page-theaternacht-theater span.red-layer{ /* 1719 */ display: none !important; /* 1720 */ } /* 1721 */ /* 1722 */ .page-theaternacht-medias .theater-detail-content-left { /* 1723 */ width: 100% !important; /* 1724 */ margin-right: 0 !important; /* 1725 */ } /* 1726 */ /* 1727 */ .page-theaternacht-medias .theater-detail-content { /* 1728 */ padding: 15px !important; /* 1729 */ } /* 1730 */ /* 1731 */ } /* 1732 */ /* 1733 */ /* 1734 */ @media screen and (min-width: 768px) { /* 1735 */ /* 1736 */ .page-theaternacht .main-content { /* 1737 */ padding-top: 41px; /* 1738 */ } /* 1739 */ /* 1740 */ .theaternacht-search-container input#input-search { /* 1741 */ border: 2px solid #ddd; /* 1742 */ } /* 1743 */ /* 1744 */ .theaternacht-search-container input#input-search { /* 1745 */ width: calc(100% - 25px); /* 1746 */ padding-left: 25px; /* 1747 */ padding-right: 0; /* 1748 */ margin-right: 0; /* 1749 */ } /* 1750 */ /* 1751 */ .theaternacht-medias-search-filter input::placeholder { /* 1752 */ line-height: 30px; /* 1753 */ } /* 1754 */ /* 1755 */ .theaternacht-search-container input#input-search::placeholder { /* 1756 */ font-size: 19px; /* 1757 */ font-weight: 500; /* 1758 */ letter-spacing: 0.8px; /* 1759 */ line-height: 30px; /* 1760 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 1761 */ } /* 1762 */ /* 1763 */ .page-theaternacht .media-text-container { /* 1764 */ width: 80%; /* 1765 */ } /* 1766 */ /* 1767 */ .page-theaternacht div#main-subtitle-container { /* 1768 */ font-size: 28px; /* 1769 */ line-height: 39px; /* 1770 */ } /* 1771 */ /* 1772 */ .page-theaternacht div#main-title-container { /* 1773 */ font-size: 56px; /* 1774 */ line-height: 69px; /* 1775 */ } /* 1776 */ /* 1777 */ .card-deck-home .card.blog-item { /* 1778 */ width: 43.33333%; /* 1779 */ } /* 1780 */ /* 1781 */ .page-theaternacht .theaternacht-select-container .donate-button { /* 1782 */ background-position: 97.5% center; /* 1783 */ } /* 1784 */ /* 1785 */ .page-theaternacht .theaternacht-select-container select.theaternacht-home-select { /* 1786 */ background-image: url(images/svg_slider-arrow-right_black.svg); /* 1787 */ } /* 1788 */ /* 1789 */ .page-theaternacht .theaternacht-search-container input#input-search { /* 1790 */ height: 90px; /* 1791 */ border: 0; /* 1792 */ } /* 1793 */ /* 1794 */ .page-theaternacht main.main-content.livestream-active input#input-search { /* 1795 */ border: 2px solid #444; /* 1796 */ box-shadow: none; /* 1797 */ } /* 1798 */ /* 1799 */ .page-theaternacht main.main-content.livestream-active .theaternacht-select-container select.theaternacht-home-select{ /* 1800 */ border: 2px solid #DC1B23; /* 1801 */ color: #DC1B23; /* 1802 */ box-shadow: none; /* 1803 */ } /* 1804 */ /* 1805 */ .page-theaternacht main.main-content.livestream-active .theaternacht-select-container select.theaternacht-home-select { /* 1806 */ background-image: url(images/svg_slider-arrow-right_red.svg); /* 1807 */ } /* 1808 */ /* 1809 */ /* 1810 */ .page-theaternacht .theaternacht-filter-container { /* 1811 */ position: absolute; /* 1812 */ width: 78.5%; /* 1813 */ } /* 1814 */ /* 1815 */ .page-theaternacht .theaternacht-select-container select.theaternacht-home-select { /* 1816 */ width: 49%; /* 1817 */ border: 0px solid #ddd; /* 1818 */ padding-left: 25px; /* 1819 */ /* text-shadow: 0px 0px 0px #404040; */ /* 1820 */ box-shadow: 0px 0px 1px #404040; /* 1821 */ color: #101010; /* 1822 */ text-align: left; /* 1823 */ background-color: #fff; /* 1824 */ line-height: 30px; /* 1825 */ font-size: 19px; /* 1826 */ font-weight: 500; /* 1827 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 1828 */ } /* 1829 */ /* 1830 */ .page-theaternacht-theater .theater-detail-content { /* 1831 */ padding: 30px; /* 1832 */ } /* 1833 */ /* 1834 */ .page-theaternacht-theater .theater-detail-content-right { /* 1835 */ padding-top: 1.3rem; /* 1836 */ } /* 1837 */ /* 1838 */ .page-theaternacht-theater .theater-detail-title { /* 1839 */ letter-spacing: 0.5px; /* 1840 */ font-weight: 500; /* 1841 */ font-size: 4rem; /* 1842 */ margin-bottom: 2.5rem; /* 1843 */ line-height: 4.5rem; /* 1844 */ } /* 1845 */ /* 1846 */ .page-theaternacht-theater .theater-detail-content-right { /* 1847 */ margin-top: 0px; /* 1848 */ } /* 1849 */ /* 1850 */ .page-theaternacht-theater .theater-detail-videos .play-offer { /* 1851 */ width: 57%; /* 1852 */ margin-bottom: 30px; /* 1853 */ max-width: 258px; /* 1854 */ min-width: 258px; /* 1855 */ } /* 1856 */ /* 1857 */ .page-theaternacht-theater .theater-detail-videos li{ /* 1858 */ display: flex; /* 1859 */ } /* 1860 */ /* 1861 */ .page-theaternacht-theater .theater-detail-content-left { /* 1862 */ margin-right: 5.5%; /* 1863 */ } /* 1864 */ /* 1865 */ .page-theaternacht-theater .theater-detail-content-right { /* 1866 */ width: 31.5%; /* 1867 */ } /* 1868 */ /* 1869 */ .page-theaternacht-theater .theater-detail-content-left { /* 1870 */ width: 63%; /* 1871 */ } /* 1872 */ } /* 1873 */ /* 1874 */ @media screen and (max-width: 1023px) { /* 1875 */ /* 1876 */ .theaternacht-medias-item-img { /* 1877 */ width: 100%; /* 1878 */ margin-right: 0px; /* 1879 */ } /* 1880 */ /* 1881 */ .page-theaternacht #theaternacht-medias-search-results-container .theaternacht-medias-item a { /* 1882 */ padding-right: 0px; /* 1883 */ flex-wrap: wrap; /* 1884 */ } /* 1885 */ /* 1886 */ .page-theaternacht .theaternacht-search-container .container span.close-btn { /* 1887 */ top: 69px; /* 1888 */ right: 10px; /* 1889 */ width: 20px; /* 1890 */ height: 20px; /* 1891 */ } /* 1892 */ /* 1893 */ .theaternacht-medias-item-content:after { /* 1894 */ right: 10px; /* 1895 */ } /* 1896 */ /* 1897 */ .theaternacht-medias-item-content { /* 1898 */ width: 100%; /* 1899 */ position: relative; /* 1900 */ } /* 1901 */ /* 1902 */ .theaternacht-medias-item-content:after { /* 1903 */ bottom: auto; /* 1904 */ top: 10px; /* 1905 */ } /* 1906 */ /* 1907 */ .page-theaternacht #theaternacht-medias-search-results-container .theaternacht-medias-item { /* 1908 */ padding: 10px 10px 20px 10px; /* 1909 */ } /* 1910 */ /* 1911 */ .page-theaternacht .theaternacht-medias-item-content h2 { /* 1912 */ width: 90%; /* 1913 */ } /* 1914 */ /* 1915 */ .page-theaternacht .media-container__mediacontainer, .media-container__controls { /* 1916 */ padding-bottom: 95%; /* 1917 */ } /* 1918 */ /* 1919 */ } /* 1920 */ /* 1921 */ @media screen and (min-width: 1024px) { /* 1922 */ /* 1923 */ .livestream-info-box .info-box { /* 1924 */ width: 25%; /* 1925 */ } /* 1926 */ .livestream-info-box { /* 1927 */ flex-wrap: nowrap; /* 1928 */ } /* 1929 */ .theaternacht-search-container input#input-search { /* 1930 */ width: calc(100% - 25px); /* 1931 */ } /* 1932 */ /* 1933 */ .page-theaternacht .main-content { /* 1934 */ padding-top: 65px; /* 1935 */ } /* 1936 */ } /* 1937 */ /* 1938 */ @media screen and (min-width:768px) and (max-width: 1279px) { /* 1939 */ /* 1940 */ } /* 1941 */ @media screen and (min-width:0px) and (max-width: 1279px) { /* 1942 */ /* 1943 */ .page-theaternacht-medias .theater-detail-content-right .theater-route-wrapper ul:before { /* 1944 */ margin-top: 0 !important; /* 1945 */ } /* 1946 */ /* 1947 */ .page-theaternacht-medias .theater-detail-content-right .theater-route-wrapper li:before { /* 1948 */ margin-top: 0 !important; /* 1949 */ } /* 1950 */ /* 1951 */ .page-theaternacht-medias button.play-offer span { /* 1952 */ padding-left: 50px !important; /* 1953 */ font-size: 19px !important; /* 1954 */ } /* 1955 */ /* 1956 */ .page-theaternacht-medias button.play-offer { /* 1957 */ background-size: cover !important; /* 1958 */ margin-left: -20px !important; /* 1959 */ } /* 1960 */ /* 1961 */ .page-theaternacht-medias .back-to-overview { /* 1962 */ padding-top: 20px !important; /* 1963 */ /* 1964 */ } /* 1965 */ /* 1966 */ .page-theaternacht-medias .theater-detail-content-right h3, /* 1967 */ .page-theaternacht-medias .theater-detail-content-right p{ /* 1968 */ font-size: 19px !important; /* 1969 */ line-height: 20px !important; /* 1970 */ font-weight: 600 !important; /* 1971 */ } /* 1972 */ /* 1973 */ } /* 1974 */ @media screen and (min-width: 1280px) { /* 1975 */ /* 1976 */ .card-deck-home .card-image { /* 1977 */ max-height: 205px; /* 1978 */ } /* 1979 */ /* 1980 */ .video-error-container { /* 1981 */ padding: 30px 50px; /* 1982 */ } /* 1983 */ /* 1984 */ .page-group-2 .home-banner-list-container { /* 1985 */ padding: 6.6rem 0px !important; /* 1986 */ padding-left: 4px !important; /* 1987 */ } /* 1988 */ /* 1989 */ .card-deck-home .card.blog-item { /* 1990 */ width: 30.33333%; /* 1991 */ } /* 1992 */ /* 1993 */ /* .owl-carousel .owl-stage { /+ 1994 +/ margin-left: -240px; /+ 1995 +/ }*/ /* 1996 */ /* 1997 */ .owl-carousel .owl-stage { /* 1998 */ margin-left: -100px; /* 1999 */ } /* 2000 */ /* 2001 */ .logos-wrapper img.logo-1 { /* 2002 */ margin-bottom: -21px; /* 2003 */ } /* 2004 */ /* 2005 */ .page-theaternacht .theaternacht-select-container .donate-button { /* 2006 */ background-position: 95% center; /* 2007 */ } /* 2008 */ /* 2009 */ .page-theaternacht .theaternacht-select-container select.theaternacht-home-select { /* 2010 */ width: 30.6%; /* 2011 */ } /* 2012 */ /* 2013 */ .page-theaternacht .theaternacht-select-container .donate-button { /* 2014 */ width: 30.6%; /* 2015 */ } /* 2016 */ /* 2017 */ .routes-themen-carousel { /* 2018 */ /* margin-right: -152px;*/ /* 2019 */ } /* 2020 */ /* 2021 */ .routes-themen-carousel:after { /* 2022 */ right: -155px; /* 2023 */ } /* 2024 */ /* 2025 */ .page-theaternacht-theater .theater-detail-content-right { /* 2026 */ padding-top: 63px; /* 2027 */ } /* 2028 */ /* 2029 */ .page-theaternacht-theater .theater-detail-title { /* 2030 */ font-size: 5.5rem; /* 2031 */ } /* 2032 */ /* 2033 */ .page-theaternacht-theater .theater-detail-videos .play-offer { /* 2034 */ width: 46%; /* 2035 */ margin-bottom: 40px; /* 2036 */ max-width: 258px; /* 2037 */ min-width: 258px; /* 2038 */ } /* 2039 */ /* 2040 */ .page-theaternacht-theater .theater-detail-videos-title { /* 2041 */ font-size: 26px; /* 2042 */ line-height: 26px; /* 2043 */ } /* 2044 */ /* 2045 */ .page-theaternacht-theater .back-to-overview, /* 2046 */ .page-theaternacht-medias .back-to-overview{ /* 2047 */ padding-bottom: 30px; /* 2048 */ padding-top: 15px; /* 2049 */ } /* 2050 */ /* 2051 */ .back-to-overview::before { /* 2052 */ bottom: 27px; /* 2053 */ } /* 2054 */ /* 2055 */ .page-theaternacht-theater span.red-layer, /* 2056 */ .page-theaternacht-medias span.red-layer { /* 2057 */ display: block; /* 2058 */ } /* 2059 */ /* 2060 */ .page-theaternacht-medias .media-container-text, /* 2061 */ .page-theaternacht-theater .media-container-text{ /* 2062 */ display: block; /* 2063 */ } /* 2064 */ /* 2065 */ .page-theaternacht-theater .theater-detail-content { /* 2066 */ padding: 0; /* 2067 */ } /* 2068 */ /* 2069 */ body.page-theaternacht-theater .theater-detail-head-content.live-player-open, /* 2070 */ body.page-theaternacht-theater.player-open .theater-detail-head-content { /* 2071 */ /* min-height: 720px;*/ /* 2072 */ min-height: 630px; /* 2073 */ } /* 2074 */ /* 2075 */ body.page-theaternacht-theater.player-open .video-js, .video-js video { /* 2076 */ /* width: 1280px !important; /+ 2077 +/ height: 720px !important;*/ /* 2078 */ width: 1100px !important; /* 2079 */ height: 630px !important; /* 2080 */ left: initial; /* 2081 */ } /* 2082 */ /* 2083 */ body.page-theaternacht-theater .video-js video { /* 2084 */ width: 1100px !important; /* 2085 */ height: 630px !important; /* 2086 */ } /* 2087 */ /* 2088 */ } /* 2089 */ /* --- /var/www/kulturportal/media/styles/digitaler_spielplan.css ----------- */ /* 1 */ .page-medien .main-content { /* 2 */ padding-top: 0px; /* 3 */ } /* 4 */ /* 5 */ .page-medien .playlist-detail__texts-container.container { /* 6 */ display: flex; /* 7 */ flex-wrap: wrap; /* 8 */ max-width: 1100px; /* 9 */ margin-top: 60px; /* 10 */ margin-bottom: 80px; /* 11 */ padding: 0 20px; /* 12 */ } /* 13 */ /* 14 */ .page-medien .playlist-detail__texts-container.container .col-left { /* 15 */ width: 60%; /* 16 */ font-size: 18px; /* 17 */ line-height: 24px; /* 18 */ } /* 19 */ /* 20 */ .page-medien .playlist-detail__texts-container.container .col-right { /* 21 */ display: block; /* 22 */ width: 40%; /* 23 */ } /* 24 */ /* 25 */ .page-medien .playlist-detail__team-members-container .divider-top { /* 26 */ width: 55px; /* 27 */ height: 4px; /* 28 */ background-color: rgb(1,100,92); /* 29 */ display: block; /* 30 */ margin-bottom: 14px; /* 31 */ margin-top: 10px; /* 32 */ } /* 33 */ /* 34 */ .page-medien .playlist-detail__team-members-container { /* 35 */ margin-top: 28px; /* 36 */ } /* 37 */ /* 38 */ .page-medien li.playlist-detail__team-members { /* 39 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 40 */ font-size: 18px; /* 41 */ line-height: 23px; /* 42 */ } /* 43 */ /* 44 */ .page-medien h2.playlist-detail__title { /* 45 */ font-size: 48px; /* 46 */ line-height: 54px; /* 47 */ margin-bottom: 36px; /* 48 */ } /* 49 */ /* 50 */ .page-medien span.playlist-detail__team-members-person { /* 51 */ padding-left: 4px; /* 52 */ } /* 53 */ /* 54 */ .page-medien .playlist-detail__team-members-container ul { /* 55 */ list-style: none; /* 56 */ } /* 57 */ /* 58 */ .page-medien h6.playlist-detail__section-header.section-header { /* 59 */ text-transform: uppercase; /* 60 */ font-size: 18px; /* 61 */ margin-bottom: 24px; /* 62 */ } /* 63 */ /* 64 */ div#owl-highlights-slider .owl-nav.disabled { /* 65 */ display: block; /* 66 */ } /* 67 */ /* 68 */ .page-theaternacht-medias #write-comment-button p { /* 69 */ background: rgb(1,100,92); /* 70 */ } /* 71 */ /* 72 */ .page-medien .card-deck-home .theatre-info-btn:hover:before { /* 73 */ background-image: url(../media/images/icon-theatre_green.svg); /* 74 */ transition: all 0.4s ease-in-out; /* 75 */ } /* 76 */ /* 77 */ .page-medien .card-deck-home .card-body h4:after { /* 78 */ background: rgb(1,100,92); /* 79 */ } /* 80 */ /* 81 */ .page-theaternacht-medias .btn-container { /* 82 */ display: flex; /* 83 */ justify-content: flex-end; /* 84 */ margin-top: 65px; /* 85 */ display: none; /* 86 */ } /* 87 */ /* 88 */ .btn-container span:before { /* 89 */ background: rgb(1,100,92); /* 90 */ } /* 91 */ /* 92 */ img.logo.logo-side-page { /* 93 */ /* display: none !important;*/ /* 94 */ width: 200px; /* 95 */ } /* 96 */ /* 97 */ .page-medien .logo-init { /* 98 */ /* display: block !important;*/ /* 99 */ } /* 100 */ /* 101 */ .logo-init { /* 102 */ width: auto; /* 103 */ } /* 104 */ /* 105 */ .film-option-btn { /* 106 */ position: absolute; /* 107 */ right: 0; /* 108 */ z-index: 9; /* 109 */ color: #fff; /* 110 */ display: flex; /* 111 */ align-items: center; /* 112 */ justify-content: center; /* 113 */ top: 15vh; /* 114 */ cursor: pointer; /* 115 */ width: 60px; /* 116 */ /* 117 */ } /* 118 */ /* 119 */ .film-option-btn span { /* 120 */ padding: 20px; /* 121 */ background: #DC1B23; /* 122 */ transform: rotate(-90deg); /* 123 */ display: block; /* 124 */ font-size: 20px; /* 125 */ letter-spacing: 1px; /* 126 */ } /* 127 */ /* 128 */ /* recommendations owl START */ /* 129 */ /* 130 */ .wrapper_recommendations { /* 131 */ max-width: 960px; /* 132 */ padding: 0 15px; /* 133 */ margin: auto; /* 134 */ border-top: 1px lightgray solid; /* 135 */ margin-top: 30px; /* 136 */ } /* 137 */ /* 138 */ .page-theater .wrapper_recommendations { /* 139 */ padding: 0; /* 140 */ } /* 141 */ /* 142 */ .page-spielplan .wrapper_recommendations { /* 143 */ width: 96%; /* 144 */ padding: 0; /* 145 */ max-width: initial; /* 146 */ } /* 147 */ /* 148 */ .header_recommendations { /* 149 */ display: block; /* 150 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 151 */ font-size: 1.5rem; /* 152 */ line-height: 20px; /* 153 */ line-height: 2rem; /* 154 */ letter-spacing: 7px; /* 155 */ letter-spacing: 0.7rem; /* 156 */ text-transform: uppercase; /* 157 */ text-decoration: none; /* 158 */ font-weight: 400; /* 159 */ margin: 34px 0 22px; /* 160 */ } /* 161 */ /* 162 */ .wrapper_recommendations .recommendation-list-item .title{ /* 163 */ font-size: 18px; /* 164 */ font-weight: 400; /* 165 */ line-height: 25px; /* 166 */ position: absolute; /* 167 */ bottom: 0px; /* 168 */ width: 100%; /* 169 */ overflow: auto; /* 170 */ padding: 0; /* 171 */ color: #fff; /* 172 */ } /* 173 */ .wrapper_recommendations .recommendation-list-item .title span{ /* 174 */ padding: 20px 0 0px 19px; /* 175 */ display: block; /* 176 */ text-align: left; /* 177 */ text-shadow: 2px 2px 4px #000; /* 178 */ } /* 179 */ @media screen and (min-width: 768px){ /* 180 */ /* 181 */ .page-theater .wrapper_recommendations { /* 182 */ max-width: 960px; /* 183 */ padding: 0; /* 184 */ margin: auto; /* 185 */ border-top: 1px lightgray solid; /* 186 */ margin-top: 30px; /* 187 */ width: 75.7%; /* 188 */ margin-right: 25%; /* 189 */ } /* 190 */ /* 191 */ .wrapper_recommendations .recommendation-list-item .title{ /* 192 */ background: rgba(0,0,0 ,0.6); /* 193 */ text-align: left; /* 194 */ opacity: 0; /* 195 */ height: 100%; /* 196 */ display: flex; /* 197 */ align-items: flex-end; /* 198 */ justify-content: left; /* 199 */ /* 200 */ transition: all 0.5s cubic-bezier(0.18,0.89,0.67,1.14); /* 201 */ -webkit-transition: all 0.5s cubic-bezier(0.18,0.89,0.67,1.14); /* 202 */ -webkit-transform: scale(0,0); /* 203 */ transform: scale(0,0); /* 204 */ /* 205 */ } /* 206 */ /* 207 */ /* 208 */ /* 209 */ /* 210 */ /* 211 */ .wrapper_recommendations .owl-carousel .recommendation-list-item:hover .title{ /* 212 */ opacity: 1!important; /* 213 */ -webkit-transform: scale(1,1); /* 214 */ transform: scale(1,1); /* 215 */ } /* 216 */ } /* 217 */ /* 218 */ @media screen and (min-width: 1280px){ /* 219 */ .wrapper_recommendations .owl-carousel .owl-stage { /* 220 */ margin-left: initial!important; /* 221 */ } /* 222 */ } /* 223 */ /* recommendations owl ENDE*/ /* 224 */ /* 225 */ .page-medien .owl-carousel .owl-item img { /* 226 */ max-height: 750px; /* 227 */ object-fit: cover; /* 228 */ } /* 229 */ /* 230 */ .page-medien .card-deck-home .card-image { /* 231 */ min-height: 175px; /* 232 */ background: #ddd; /* 233 */ } /* 234 */ /* 235 */ .header-menu-container:before { /* 236 */ content: ""; /* 237 */ background-image: url(images/newsletter-bg.png); /* 238 */ display: block; /* 239 */ height: 30px; /* 240 */ background-repeat: no-repeat; /* 241 */ background-position: 61% 62%; /* 242 */ background-size: cover; /* 243 */ } /* 244 */ /* 245 */ .floating.shadowy.header-menu-container:before { /* 246 */ height: 7px; /* 247 */ transition-duration: 0.3s; /* 248 */ } /* 249 */ /* 250 */ .header-menu-container.floating.shadowy .header-menu { /* 251 */ padding: 25px 30px; /* 252 */ } /* 253 */ /* 254 */ .page-medien .card-image a { /* 255 */ display: flex; /* 256 */ } /* 257 */ /* 258 */ .page-medien .owl-carousel .owl-stage { /* 259 */ margin-left: auto; /* 260 */ } /* 261 */ /* 262 */ .page-medien .routes-slider-wrapper .owl-item { /* 263 */ min-width: auto !important; /* 264 */ max-width: none !important; /* 265 */ height: auto; /* 266 */ } /* 267 */ /* 268 */ .page-medien .routes-item-title { /* 269 */ margin: 65px 0 10px; /* 270 */ text-align: center; /* 271 */ line-height: 29px; /* 272 */ } /* 273 */ /* 274 */ .page-medien .card.blog-item { /* 275 */ margin: 15px; /* 276 */ height: auto; /* 277 */ position: relative; /* 278 */ box-shadow: 0 0 9px 3px #d6d6d6; /* 279 */ } /* 280 */ /* 281 */ .routes-themen-carousel .card.blog-item { /* 282 */ height: 100% !important; /* 283 */ } /* 284 */ /* 285 */ .page-medien .card-body { /* 286 */ position: relative; /* 287 */ padding: 30px; /* 288 */ height: auto; /* 289 */ margin-bottom: 75px; /* 290 */ color: #101010; /* 291 */ transition: all 0.4s ease-in-out; /* 292 */ } /* 293 */ /* 294 */ .page-medien .card-wrapper { /* 295 */ position: relative; /* 296 */ } /* 297 */ /* 298 */ .page-medien .card-image .overlay { /* 299 */ background-color: rgb(1,100,92); /* 300 */ } /* 301 */ /* 302 */ .page-medien h2.medias-subtitle { /* 303 */ font-size: 25px; /* 304 */ line-height: 32px; /* 305 */ color: #101010; /* 306 */ } /* 307 */ /* 308 */ .page-medien .routes-slider-wrapper { /* 309 */ max-width: 1160px; /* 310 */ margin: auto; /* 311 */ margin-bottom: 40px; /* 312 */ position: relative; /* 313 */ } /* 314 */ /* 315 */ .page-medien .main-menu-desktop-item > a, /* 316 */ .page-medien .main-menu-desktop-item > span, .sibling-page-menu li a { /* 317 */ font-weight: 500; /* 318 */ } /* 319 */ /* 320 */ .page-medien .container-theaternacht { /* 321 */ max-width: 1400px; /* 322 */ margin: auto; /* 323 */ position: relative; /* 324 */ } /* 325 */ /* 326 */ /* 327 */ .page-medien .owl-nav { /* 328 */ position: absolute; /* 329 */ top: 50%; /* 330 */ display: flex; /* 331 */ width: 100%; /* 332 */ justify-content: space-between; /* 333 */ } /* 334 */ /* 335 */ /* 336 */ .page-medien .owl-nav .owl-prev { /* 337 */ width: 30px; /* 338 */ height: 30px; /* 339 */ text-indent: -9999px; /* 340 */ background-size: 30px; /* 341 */ background-repeat: no-repeat; /* 342 */ background-image: url('images/icon_chevron-right_white.svg'); /* 343 */ transform: rotate(180deg); /* 344 */ } /* 345 */ /* 346 */ .page-medien .owl-nav .owl-next { /* 347 */ width: 30px; /* 348 */ height: 30px; /* 349 */ text-indent: -9999px; /* 350 */ background-size: 30px; /* 351 */ background-repeat: no-repeat; /* 352 */ background-image: url('images/icon_chevron-right_white.svg'); /* 353 */ } /* 354 */ .page-medien .card.blog-item.open .theatre-btn-icon { /* 355 */ background-color: rgb(1,100,92); /* 356 */ background-image: url(../media/images/icon-theatre.svg); /* 357 */ display: block; /* 358 */ width: 48px; /* 359 */ height: 48px; /* 360 */ position: absolute; /* 361 */ right: 48px; /* 362 */ background-repeat: no-repeat; /* 363 */ background-position: center; /* 364 */ top: 0; /* 365 */ cursor: pointer; /* 366 */ z-index: 99; /* 367 */ } /* 368 */ /* 369 */ .open .icon-flip-2 { /* 370 */ display: none; /* 371 */ } /* 372 */ /* 373 */ .page-medien .card-image:before { /* 374 */ content: ""; /* 375 */ background: rgb(1,100,92); /* 376 */ } /* 377 */ /* 378 */ .page-medien .item { /* 379 */ position: relative; /* 380 */ } /* 381 */ /* 382 */ .page-medien button.theatre-info-btn:before { /* 383 */ content: ""; /* 384 */ background-image: url(../media/images/icon-theatre.svg); /* 385 */ background-size: 16px; /* 386 */ background-repeat: no-repeat; /* 387 */ background-position: center; /* 388 */ width: 20px; /* 389 */ height: 20px; /* 390 */ display: inline-block; /* 391 */ margin-right: 15px; /* 392 */ transition: all 0.4s ease-in-out; /* 393 */ } /* 394 */ /* 395 */ /* 396 */ /* 397 */ .page-medien button.theatre-info-btn.no-theater:before { /* 398 */ background-image: none; /* 399 */ } /* 400 */ /* 401 */ .item-description-info button.theatre-info-btn { /* 402 */ position: static; /* 403 */ display: none; /* 404 */ margin-top: 25px; /* 405 */ border: 2px solid rgb(1,100,92); /* 406 */ } /* 407 */ /* 408 */ .page-medien .open-stream-media-layer { /* 409 */ border: 1px solid #fff; /* 410 */ display: flex; /* 411 */ width: auto; /* 412 */ } /* 413 */ /* 414 */ .pay-button-media-layer .btn-cart-blue-outline { /* 415 */ background: none; /* 416 */ /* margin-left: -15px; */ /* 417 */ width: 20px; /* 418 */ height: 20px; /* 419 */ min-width: auto; /* 420 */ margin-right: 20px; /* 421 */ } /* 422 */ /* 423 */ .page-medien .offer-button { /* 424 */ padding: 15px; /* 425 */ margin-bottom: 10px; /* 426 */ letter-spacing: 2px; /* 427 */ } /* 428 */ /* 429 */ .page-medien .pay-button-media-layer { /* 430 */ border: 1px solid #fff; /* 431 */ display: flex; /* 432 */ cursor: pointer; /* 433 */ font-size: 12px; /* 434 */ letter-spacing: 1px; /* 435 */ } /* 436 */ /* 437 */ .page-medien button.vjs-big-play-button { /* 438 */ background-image: url(../media/images/play-button_white.png); /* 439 */ background-size: 13px; /* 440 */ width: auto; /* 441 */ height: auto; /* 442 */ background-repeat: no-repeat; /* 443 */ background-position: left; /* 444 */ z-index: 1; /* 445 */ background-color: transparent; /* 446 */ color: #fff; /* 447 */ border: none; /* 448 */ padding-left: 39px; /* 449 */ cursor: pointer; /* 450 */ } /* 451 */ /* 452 */ .page-medien .item-description h1 { /* 453 */ font-size: 3.4rem; /* 454 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 455 */ font-weight: 600; /* 456 */ margin-bottom: 1.5rem; /* 457 */ line-height: 42px; /* 458 */ letter-spacing: 2px; /* 459 */ } /* 460 */ /* 461 */ .item-description-info p { /* 462 */ color: #fff; /* 463 */ font-size: 20px; /* 464 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 465 */ font-weight: 400; /* 466 */ margin-bottom: 1.5rem; /* 467 */ line-height: 25px; /* 468 */ letter-spacing: 2px; /* 469 */ } /* 470 */ /* 471 */ .page-medien .item-description { /* 472 */ position: absolute; /* 473 */ bottom: 0; /* 474 */ left: 0px; /* 475 */ height: 100%; /* 476 */ background-color: rgb(1,100,92,0.7); /* 477 */ display: flex; /* 478 */ align-items: flex-end; /* 479 */ padding: 50px; /* 480 */ padding-left: 11.5vw; /* 481 */ color: #fff; /* 482 */ padding-bottom: 3.5vw; /* 483 */ max-width: 40%; /* 484 */ padding-right: 6vw; /* 485 */ } /* 486 */ /* 487 */ .page-medien .item-description-info p { /* 488 */ font-size: 1rem; /* 489 */ line-height: 20px; /* 490 */ } /* 491 */ /* 492 */ .page-medien .routes-item-title h2{ /* 493 */ text-align: center; /* 494 */ text-transform: uppercase; /* 495 */ letter-spacing: 8.3px; /* 496 */ font-weight: 400; /* 497 */ font-size: 14px; /* 498 */ padding: 2.5rem 0; /* 499 */ font-weight: 600; /* 500 */ } /* 501 */ /* 502 */ .page-medien .blog-item-highlights button.theatre-info-btn { /* 503 */ background: #DC1B23; /* 504 */ } /* 505 */ /* 506 */ .page-medien .blog-item-highlights.open button.theatre-info-btn { /* 507 */ color: #DC1B23; /* 508 */ background: #fff; /* 509 */ } /* 510 */ /* 511 */ .page-medien .blog-item-highlights .theatre-info-btn { /* 512 */ background-color: #DC1B23; /* 513 */ border: 2px solid #DC1B23; /* 514 */ } /* 515 */ /* 516 */ .page-medien .blog-item-highlights.card.blog-item .play-btn-icon { /* 517 */ background-color: #DC1B23; /* 518 */ border: 2px solid #DC1B23; /* 519 */ } /* 520 */ /* 521 */ .page-medien .blog-item-highlights .icon-arrow-red { /* 522 */ background-image: url(../media/images/icon-arrow-red.svg); /* 523 */ } /* 524 */ /* 525 */ .page-medien .blog-item-highlights .card-body-layer { /* 526 */ background-color: #DC1B23; /* 527 */ } /* 528 */ /* 529 */ .page-medien .blog-item-highlights.card.blog-item.open .theatre-btn-icon { /* 530 */ background-color: #DC1B23; /* 531 */ } /* 532 */ /* 533 */ .page-medien .blog-item-highlights.open span.close-btn-icon { /* 534 */ background-color: #DC1B23; /* 535 */ } /* 536 */ /* 537 */ .page-medien .blog-item-highlights.card.blog-item.open button.theatre-info-btn { /* 538 */ color: #DC1B23; /* 539 */ background: #fff; /* 540 */ } /* 541 */ /* 542 */ .page-medien .blog-item-highlights button.theatre-info-btn:not(.no-theater):hover { /* 543 */ border: 2px solid #DC1B23; /* 544 */ } /* 545 */ /* 546 */ .page-medien .blog-item-highlights button.theatre-info-btn:not(.no-theater):hover { /* 547 */ color: #DC1B23; /* 548 */ border: 2px solid #DC1B23; /* 549 */ } /* 550 */ /* 551 */ .blog-item-highlights span.play-btn-icon:hover { /* 552 */ background-image: url(../media/images/play-button_red.png) !important; /* 553 */ } /* 554 */ /* 555 */ .mediathek-wrapper { /* 556 */ background: #f7f7f7f; /* 557 */ } /* 558 */ /* 559 */ .page-medien .theatre-info-btn { /* 560 */ background-color: rgb(1,100,92); /* 561 */ border: 2px solid rgb(1,100,92); /* 562 */ min-height: 58px; /* 563 */ color: #fff; /* 564 */ position: relative; /* 565 */ width: 100%; /* 566 */ font-size: 12px; /* 567 */ text-transform: uppercase; /* 568 */ position: absolute; /* 569 */ font-weight: 500; /* 570 */ letter-spacing: 0.7px; /* 571 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 572 */ bottom: 0; /* 573 */ display: flex; /* 574 */ align-items: center; /* 575 */ justify-content: center; /* 576 */ padding: 10px; /* 577 */ outline: none; /* 578 */ cursor: pointer; /* 579 */ transition: all 0.4s ease-in-out; /* 580 */ margin-bottom: 0; /* 581 */ } /* 582 */ /* 583 */ .page-medien .theatre-info-btn.no-theater { /* 584 */ cursor: default; /* 585 */ pointer-events: none; /* 586 */ } /* 587 */ /* 588 */ .page-medien button.theatre-info-btn:not(.no-theater):hover { /* 589 */ color: rgb(1,100,92); /* 590 */ background: #fff; /* 591 */ transition: all 0.4s ease-in-out; /* 592 */ border: 2px solid rgb(1,100,92); /* 593 */ } /* 594 */ /* 595 */ .page-medien .card.blog-item.open .card-body-layer { /* 596 */ display: block; /* 597 */ } /* 598 */ /* 599 */ .page-medien .card-body-layer { /* 600 */ display: none; /* 601 */ } /* 602 */ /* 603 */ .page-medien .open span.close-btn-icon { /* 604 */ background-color: rgb(1,100,92); /* 605 */ } /* 606 */ /* 607 */ .page-medien .card-body-layer { /* 608 */ background-color: rgb(1,100,92); /* 609 */ color: #fff; /* 610 */ position: relative; /* 611 */ padding: 20px 30px; /* 612 */ height: auto; /* 613 */ margin-bottom: 50px; /* 614 */ display: none; /* 615 */ cursor: pointer; /* 616 */ } /* 617 */ /* 618 */ .page-medien-theater .card-icon-favorite { /* 619 */ display: none; /* 620 */ } /* 621 */ /* 622 */ .card-icon-favorite .card-btn-favorite { /* 623 */ background: rgb(1,100,92); /* 624 */ } /* 625 */ /* 626 */ .page-medien .card.blog-item.open:not(.blog-item-highlights) { /* 627 */ background:rgb(1,100,92); /* 628 */ } /* 629 */ /* 630 */ .page-medien .card-body-layer p { /* 631 */ color: #fff; /* 632 */ font-size: 16px; /* 633 */ line-height: 19px; /* 634 */ margin: 5px; /* 635 */ } /* 636 */ /* 637 */ .page-medien .card.blog-item.open .card-body { /* 638 */ display: none; /* 639 */ } /* 640 */ /* 641 */ .page-medien .card.blog-item.open button.theatre-info-btn { /* 642 */ color: rgb(1,100,92); /* 643 */ background: #fff; /* 644 */ } /* 645 */ /* 646 */ .page-medien .card-icon-favorite { /* 647 */ width: 100px; /* 648 */ height: 40px; /* 649 */ position: absolute; /* 650 */ z-index: 2; /* 651 */ /* background: #C94451; */ /* 652 */ border-radius: 100%; /* 653 */ display: flex; /* 654 */ justify-content: flex-end; /* 655 */ align-items: center; /* 656 */ cursor: pointer; /* 657 */ bottom: -20px; /* 658 */ right: 20px; /* 659 */ display: none; /* 660 */ } /* 661 */ /* 662 */ .page-medien .icon-flip-2 { /* 663 */ background: rgb(1,100,92); /* 664 */ } /* 665 */ /* 666 */ .page-medien .icon-arrow-red { /* 667 */ background-image: url(../media/images/icon-arrow_green.svg); /* 668 */ height: 30px; /* 669 */ background-repeat: no-repeat; /* 670 */ background-position: right; /* 671 */ display: block; /* 672 */ width: 100%; /* 673 */ text-align: right; /* 674 */ background-size: inherit; /* 675 */ position: absolute; /* 676 */ bottom: 85px; /* 677 */ right: 30px; /* 678 */ transition: all 0.4s ease-in-out; /* 679 */ } /* 680 */ /* 681 */ .page-medien .card.blog-item .play-btn-icon { /* 682 */ background-color: rgb(1,100,92); /* 683 */ border: 2px solid rgb(1,100,92); /* 684 */ background-image: url(../media/images/play-button_white.png); /* 685 */ background-size: 12px; /* 686 */ display: block; /* 687 */ width: 48px; /* 688 */ height: 48px; /* 689 */ position: absolute; /* 690 */ right: auto; /* 691 */ bottom: auto; /* 692 */ background-repeat: no-repeat; /* 693 */ background-position: center; /* 694 */ top: 0; /* 695 */ z-index: 1; /* 696 */ } /* 697 */ /* 698 */ span.play-btn-icon:hover { /* 699 */ background-image: url(../media/images/play-button_green.png) !important; /* 700 */ } /* 701 */ /* 702 */ .header-menu { /* 703 */ padding: 5.4rem 20px; /* 704 */ -webkit-transition-property: padding; /* 705 */ -moz-transition-property: padding; /* 706 */ -o-transition-property: padding; /* 707 */ transition-property: padding; /* 708 */ -webkit-transition-duration: 0.3s; /* 709 */ -moz-transition-duration: 0.3s; /* 710 */ -o-transition-duration: 0.3s; /* 711 */ transition-duration: 0.3s; /* 712 */ transition: all .3s ease-in-out; /* 713 */ } /* 714 */ /* 715 */ .page-medien .digitaler-spielplan-select-wrapper { /* 716 */ max-width: 1160px; /* 717 */ margin: 0 auto !important; /* 718 */ display: flex; /* 719 */ flex-wrap: wrap; /* 720 */ width: 100%; /* 721 */ position: relative; /* 722 */ justify-content: center; /* 723 */ } /* 724 */ /* 725 */ .page-medien .digitaler-spielplan-select-container { /* 726 */ display: flex; /* 727 */ width: 100%; /* 728 */ margin-bottom: 20px; /* 729 */ justify-content: center; /* 730 */ /* flex-wrap: wrap;*/ /* 731 */ } /* 732 */ /* 733 */ .digitaler-spielplan-select-container .search-filter-heart-button { /* 734 */ border-radius: 0px; /* 735 */ font-size: 22px; /* 736 */ letter-spacing: 0.8px; /* 737 */ background-image: url(images/search-black.svg); /* 738 */ background-repeat: no-repeat; /* 739 */ background-position: 95% center; /* 740 */ background-size: 29px; /* 741 */ -webkit-appearance: none; /* 742 */ -moz-appearance: none; /* 743 */ appearance: none; /* 744 */ margin-bottom: 5px; /* 745 */ border: 1px solid #000; /* 746 */ color: #000; /* 747 */ line-height: 25px; /* 748 */ text-align: left; /* 749 */ padding: 15px; /* 750 */ /*width: 100% !important;*/ /* 751 */ } /* 752 */ /* 753 */ .digitaler-spielplan-select-container .routes-item-title { /* 754 */ margin: 0px 0 5px; /* 755 */ } /* 756 */ /* 757 */ .digitaler-spielplan-select-container select.digitaler-spielplan-select { /* 758 */ border-radius: 0px; /* 759 */ height: 57px; /* 760 */ padding-left: 25px; /* 761 */ font-size: 22px; /* 762 */ letter-spacing: 0.8px; /* 763 */ background-image: url(images/svg_slider-arrow-right_black.svg); /* 764 */ background-repeat: no-repeat; /* 765 */ background-position: 95% center; /* 766 */ background-size: 22px; /* 767 */ -webkit-appearance: none; /* 768 */ -moz-appearance: none; /* 769 */ appearance: none; /* 770 */ border: 1px solid #000; /* 771 */ color: #000; /* 772 */ line-height: 25px; /* 773 */ text-align: left; /* 774 */ background-color: #fff; /* 775 */ } /* 776 */ /* 777 */ .digitaler-spielplan-select-container select.digitaler-spielplan-select option { /* 778 */ color: #000 !important; /* 779 */ } /* 780 */ /* 781 */ select.digitaler-spielplan-select:focus, /* 782 */ .digitaler-spielplan-search-container input#input-search:focus{ /* 783 */ outline: none; /* 784 */ } /* 785 */ /* 786 */ .digitaler-spielplan-select-container .digitaler-spielplan-input { /* 787 */ width: 28.6%; /* 788 */ margin: 10px; /* 789 */ cursor: pointer; /* 790 */ } /* 791 */ /* 792 */ .page-medien .stream-media-layer { /* 793 */ display: none; /* 794 */ background-color: rgba(55, 55, 55, 0.4); /* 795 */ position: absolute; /* 796 */ top: 78px; /* 797 */ left: 0px; /* 798 */ z-index: 9; /* 799 */ width: 100%; /* 800 */ height: auto; /* 801 */ max-width: 1400px; /* 802 */ margin-left: auto; /* 803 */ right: 0; /* 804 */ margin-right: auto; /* 805 */ } /* 806 */ /* 807 */ .page-medien .stream-media-layer.open-as-layer { /* 808 */ position: fixed; /* 809 */ max-width: 1024px; /* 810 */ } /* 811 */ /* 812 */ .page-medien .stream-media-layer-background { /* 813 */ display: none; /* 814 */ position: fixed; /* 815 */ z-index: 8; /* 816 */ top:0; /* 817 */ left: 0; /* 818 */ right: 0; /* 819 */ bottom: 0; /* 820 */ background-color: black; /* 821 */ opacity: 0.85; /* 822 */ } /* 823 */ /* 824 */ .page-medien .stream-media-layer-video-container { /* 825 */ display: none; /* 826 */ z-index: 10006; /* 827 */ position: absolute; /* 828 */ top: 0; /* 829 */ } /* 830 */ /* 831 */ .page-medien .stream-media-layer-video-container-cose-icon { /* 832 */ width: 30px; /* 833 */ height: 30px; /* 834 */ background-size: contain; /* 835 */ position: absolute; /* 836 */ cursor: pointer; /* 837 */ float: right; /* 838 */ top: 15px; /* 839 */ right: 15px; /* 840 */ z-index: 10007 !important; /* 841 */ visibility: visible; /* 842 */ } /* 843 */ /* 844 */ .page-medien .payment-backgroundlayer { /* 845 */ position: fixed; /* 846 */ display: none; /* 847 */ left: 0; /* 848 */ top: 0; /* 849 */ width: 100%; /* 850 */ height: 100%; /* 851 */ background-color: black; /* 852 */ z-index: 10001; /* 853 */ opacity: 0.25; /* 854 */ } /* 855 */ /* 856 */ .page-medien .payment-layer { /* 857 */ background-color: white; /* 858 */ z-index: 10011; /* 859 */ display: flex; /* 860 */ position: absolute; /* 861 */ display: none; /* 862 */ margin: auto; /* 863 */ width: 55%; /* 864 */ height: auto; /* 865 */ top: 15%; /* 866 */ /* left: calc((100% - 90%) / 2); */ /* 867 */ padding: 0%; /* 868 */ right: 0; /* 869 */ margin: auto; /* 870 */ left: 0; /* 871 */ } /* 872 */ /* 873 */ .page-medien img#payment-poster { /* 874 */ width: 100%; /* 875 */ height: auto; /* 876 */ object-fit: cover; /* 877 */ } /* 878 */ /* 879 */ .page-medien .payment-layer-content button#submit-button { /* 880 */ border: 0; /* 881 */ } /* 882 */ /* 883 */ .page-medien .payment-layer-content button#payment-close-button { /* 884 */ right: 25px; /* 885 */ top: 25px; /* 886 */ background-color: transparent; /* 887 */ border: 0; /* 888 */ } /* 889 */ /* 890 */ /* 891 */ .page-medien .payment-info-container .payment-img { /* 892 */ width: 60% !important; /* 893 */ height: auto !important; /* 894 */ margin-right: 0px !important; /* 895 */ background: #fff !important; /* 896 */ margin: 10px auto !important; /* 897 */ } /* 898 */ /* 899 */ .page-medien .payment-info-container { /* 900 */ /* width: 100%; /+ 901 +/ display: inline-flex; /+ 902 +/ margin-bottom: 30px; /+ 903 +/ flex-direction: column;*/ /* 904 */ } /* 905 */ /* 906 */ .page-medien .payment-layer-content { /* 907 */ width: auto; /* 908 */ } /* 909 */ /* 910 */ .page-medien .payment-title-container { /* 911 */ /* display: flex; /+ 912 +/ flex-direction: column; /+ 913 +/ width: 100% !important; /+ 914 +/ text-align: center !important;*/ /* 915 */ } /* 916 */ /* 917 */ .page-medien .podcast-player-container { /* 918 */ display: none; /* 919 */ } /* 920 */ /* 921 */ /*===============VJS PLAYER - PODCAST================*/ /* 922 */ /* 923 */ .page-medien .podcast-player-container .video-js .vjs-control-bar { /* 924 */ display: flex !important; /* 925 */ bottom: 15px; /* 926 */ margin-left: 15px; /* 927 */ height: 50px; /* 928 */ width: 92%; /* 929 */ background-color: rgba(255,255,255, 1); /* 930 */ } /* 931 */ /* 932 */ .page-medien .podcast-player-container button.vjs-play-control.vjs-control.vjs-button.vjs-playing{ /* 933 */ background: #CC00FF; /* 934 */ transition: all .3s ease-in-out; /* 935 */ } /* 936 */ /* 937 */ .page-medien .podcast-player-container button.vjs-play-control.vjs-control.vjs-button.vjs-playing:hover { /* 938 */ background: #33FF00 !important; /* 939 */ } /* 940 */ /* 941 */ .page-medien .podcast-player-container button.vjs-play-control.vjs-control.vjs-button.vjs-paused{ /* 942 */ background: #33FF00; /* 943 */ } /* 944 */ /* 945 */ .page-medien .podcast-player-container .video-js .vjs-slider { /* 946 */ background-color: rgba(0, 0, 0, 0.5); /* 947 */ } /* 948 */ /* 949 */ .page-medien .podcast-player-container .video-js .vjs-volume-level { /* 950 */ position: absolute; /* 951 */ bottom: 0; /* 952 */ left: 0; /* 953 */ background-color: #000; /* 954 */ } /* 955 */ /* 956 */ .page-medien .podcast-player-container .vjs-has-started .vjs-control-bar { /* 957 */ width: 92%; /* 958 */ bottom: 15px; /* 959 */ height: 50px; /* 960 */ } /* 961 */ /* 962 */ .page-medien .podcast-player-container .vjs-icon-play:before, /* 963 */ .page-medien .podcast-player-container .video-js .vjs-play-control .vjs-icon-placeholder:before, /* 964 */ .page-medien .podcast-player-container .video-js .vjs-big-play-button .vjs-icon-placeholder:before { /* 965 */ color: #000000; /* 966 */ display: flex; /* 967 */ justify-content: center; /* 968 */ font-size: 30px; /* 969 */ } /* 970 */ /* 971 */ /* 972 */ .page-medien .podcast-player-container .video-js *, /* 973 */ .page-medien .podcast-player-container .video-js *:before, /* 974 */ .page-medien .podcast-player-container .video-js *:after { /* 975 */ color: #000000; /* 976 */ align-items: center; /* 977 */ display: flex; /* 978 */ } /* 979 */ /* 980 */ .page-medien .podcast-player-container .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { /* 981 */ opacity: 1; /* 982 */ } /* 983 */ /* 984 */ .page-medien .podcast-player-container button.vjs-play-control.vjs-control.vjs-button.vjs-paused span::before { /* 985 */ display: flex; /* 986 */ justify-content: center; /* 987 */ } /* 988 */ /* 989 */ .page-medien .podcast-player-container .video-js .vjs-volume-panel .vjs-volume-control { /* 990 */ top: unset; /* 991 */ } /* 992 */ /* 993 */ .page-medien .podcast-player-container .vjs-icon-picture-in-picture-enter:before, /* 994 */ .page-medien .podcast-player-container .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before { /* 995 */ color: #000; /* 996 */ } /* 997 */ /* 998 */ .page-medien .podcast-player-container .vjs-icon-fullscreen-enter:before, /* 999 */ .page-medien .podcast-player-container .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { /* 1000 */ color: #000; /* 1001 */ } /* 1002 */ /* 1003 */ .page-medien .podcast-player-container .video-js .vjs-play-progress { /* 1004 */ background-color: #ccc; /* 1005 */ } /* 1006 */ /* 1007 */ .page-medien .podcast-player-container .video-js .vjs-load-progress div { /* 1008 */ background: rgba(0, 0, 0, 0.75); /* 1009 */ } /* 1010 */ /* 1011 */ .page-medien .podcast-player-container .video-js .vjs-play-control { /* 1012 */ cursor: pointer; /* 1013 */ background: #CC00FF; /* 1014 */ text-align: center; /* 1015 */ display: flex; /* 1016 */ justify-content: center; /* 1017 */ width: 50px; /* 1018 */ } /* 1019 */ /* 1020 */ .page-medien .podcast-player-container .video-js .vjs-time-control { /* 1021 */ width: 42px; /* 1022 */ } /* 1023 */ /* 1024 */ .page-medien .podcast-player-container button.vjs-mute-control span::before { /* 1025 */ margin-left: 10px; /* 1026 */ } /* 1027 */ /* 1028 */ .page-medien .podcast-player-container .vjs-mouse-display .vjs-time-tooltip { /* 1029 */ color: #fff !important; /* 1030 */ } /* 1031 */ /* 1032 */ .page-medien .podcast-player-container .video-js .vjs-fullscreen-control { /* 1033 */ display: none; /* 1034 */ } /* 1035 */ /* 1036 */ .page-medien .podcast-player-container button.vjs-picture-in-picture-control.vjs-control.vjs-button { /* 1037 */ display: none; /* 1038 */ } /* 1039 */ /* 1040 */ .page-medien .podcast-player-container button.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge { /* 1041 */ display: none !important; /* 1042 */ } /* 1043 */ /* 1044 */ .page-medien .podcast-player-container .vjs-time-control.vjs-time-divider { /* 1045 */ display: none !important; /* 1046 */ } /* 1047 */ /* 1048 */ .page-medien .podcast-player-container .vjs-duration.vjs-time-control.vjs-control { /* 1049 */ display: none !important; /* 1050 */ } /* 1051 */ /* 1052 */ /*===============VJS PLAYER - PODCAST END================*/ /* 1053 */ /* 1054 */ @media screen and (max-width: 767px) { /* 1055 */ .page-medien .payment-layer { /* 1056 */ width: 100%; /* 1057 */ } /* 1058 */ /* 1059 */ .page-medien .item-description { /* 1060 */ padding-bottom: 0vw; /* 1061 */ } /* 1062 */ /* 1063 */ .page-medien button.vjs-big-play-button { /* 1064 */ background-size: 14px; /* 1065 */ font-size: 15px; /* 1066 */ letter-spacing: 1px; /* 1067 */ padding-left: 40px; /* 1068 */ } /* 1069 */ /* 1070 */ .page-medien .pay-button-media-layer { /* 1071 */ background-size: 14px; /* 1072 */ font-size: 15px; /* 1073 */ letter-spacing: 1px; /* 1074 */ } /* 1075 */ /* 1076 */ .page-medien .item-description h1 { /* 1077 */ font-size: 2.4rem; /* 1078 */ margin-bottom: 1rem; /* 1079 */ line-height: 23px; /* 1080 */ } /* 1081 */ /* 1082 */ .item-description-info p { /* 1083 */ font-size: 1.5rem; /* 1084 */ line-height: 15px; /* 1085 */ } /* 1086 */ /* 1087 */ .digitaler-spielplan-select-container .search-filter-heart-button { /* 1088 */ width: 100%; /* 1089 */ } /* 1090 */ /* 1091 */ .digitaler-spielplan-select-container select.digitaler-spielplan-select { /* 1092 */ width: 100%; /* 1093 */ } /* 1094 */ /* 1095 */ .page-medien .digitaler-spielplan-select-container { /* 1096 */ width: auto; /* 1097 */ flex-wrap: wrap; /* 1098 */ } /* 1099 */ /* 1100 */ .digitaler-spielplan-select-container .digitaler-spielplan-input { /* 1101 */ margin-bottom: 0px; /* 1102 */ } /* 1103 */ } /* 1104 */ /* 1105 */ @media screen and (min-width: 768px) { /* 1106 */ /* 1107 */ .page-medien .payment-layer { /* 1108 */ min-width: 700px; /* 1109 */ max-width: 800px; /* 1110 */ } /* 1111 */ /* 1112 */ .login-button:not(.show-button) { /* 1113 */ background-image: none; /* 1114 */ display: block; /* 1115 */ width: 25px; /* 1116 */ height: 25px; /* 1117 */ background-size: contain; /* 1118 */ background-repeat: no-repeat; /* 1119 */ background-position: center; /* 1120 */ margin-top: -3px; /* 1121 */ cursor: pointer; /* 1122 */ background-color: transparent; /* 1123 */ border: none; /* 1124 */ } /* 1125 */ /* 1126 */ /* 1127 */ .login-button:not(.show-button):hover { /* 1128 */ background-image: url(../media/images/login_img.png); /* 1129 */ } /* 1130 */ /* 1131 */ .page-medien .main-menu-desktop, .sibling-page-menu { /* 1132 */ width: 40%; /* 1133 */ } /* 1134 */ /* 1135 */ .page-medien .sibling-page-menu.sibling-page-menu-desktop { /* 1136 */ align-items: center; /* 1137 */ display: flex; /* 1138 */ flex-direction: row-reverse; /* 1139 */ } /* 1140 */ /* 1141 */ button.login-button.show-button { /* 1142 */ border: 2px solid #DC1B23; /* 1143 */ border-radius: 50%; /* 1144 */ height: 40px; /* 1145 */ width: 40px; /* 1146 */ background-color: #DC1B23; /* 1147 */ font-weight: 600; /* 1148 */ color: #fff; /* 1149 */ cursor: pointer; /* 1150 */ } /* 1151 */ /* 1152 */ .page-medien nav.container.clearfix.header-menu { /* 1153 */ padding-left: 0; /* 1154 */ padding-right: 0; /* 1155 */ } /* 1156 */ /* 1157 */ .page-medien .card-deck-home .card-image { /* 1158 */ min-height: 205px; /* 1159 */ background: #ddd; /* 1160 */ /* object-fit: cover; /+ 1161 +/ display: flex;*/ /* 1162 */ } /* 1163 */ /* 1164 */ .item-description-info button.theatre-info-btn { /* 1165 */ display: flex; /* 1166 */ } /* 1167 */ /* 1168 */ /* 1169 */ .page-medien .digitaler-spielplan-select-wrapper { /* 1170 */ margin: 0 35px 20px; /* 1171 */ width: 100%; /* 1172 */ margin: auto; /* 1173 */ } /* 1174 */ /* 1175 */ } /* 1176 */ /* 1177 */ @media screen and (min-width: 1024px) { /* 1178 */ /* 1179 */ .page-medien .item-description h1 { /* 1180 */ line-height: 60px; /* 1181 */ font-weight: 600; /* 1182 */ } /* 1183 */ } /* 1184 */ /* 1185 */ @media screen and (min-width: 1280px) { /* 1186 */ /* 1187 */ .digitaler-spielplan-select-container .digitaler-spielplan-input { /* 1188 */ width: 30.33333%; /* 1189 */ margin: 15px; /* 1190 */ } /* 1191 */ } /* 1192 */ /* --- /var/www/kulturportal/media/styles/film_side_layer.css --------------- */ /* 1 */ div#film-side-layer { /* 2 */ position: fixed; /* 3 */ z-index: 9999; /* 4 */ right: 0; /* 5 */ top: 0; /* 6 */ width: 27vw; /* 7 */ height: 100vh; /* 8 */ background: white; /* 9 */ padding: 50px; /* 10 */ overflow: auto; /* 11 */ box-shadow: 0 0 6px 0px #777474; /* 12 */ } /* 13 */ /* 14 */ .video-playing .media-container__mediacontainer, .media-container__controls { /* 15 */ padding-bottom: 53.6%; /* 16 */ width: 100%; /* 17 */ max-width: 1400px; /* 18 */ margin: auto; /* 19 */ } /* 20 */ /* 21 */ .video-js .vjs-control-bar { /* 22 */ width: 95%; /* 23 */ bottom: 15px; /* 24 */ margin: auto; /* 25 */ } /* 26 */ /* 27 */ button#film-sile-layer-close-button { /* 28 */ background-image: url(../media/images/icon_close_black.svg); /* 29 */ transform: rotate(45deg); /* 30 */ background-size: cover; /* 31 */ height: 60px; /* 32 */ width: 60px; /* 33 */ background-color: transparent; /* 34 */ border: none; /* 35 */ margin-left: -17px; /* 36 */ margin-top: -20px; /* 37 */ } /* 38 */ /* 39 */ .playlist-detail__meta-info.bg-blue { /* 40 */ position: relative; /* 41 */ padding-left: 20px; /* 42 */ } /* 43 */ /* 44 */ .playlist-detail__meta-info.bg-blue:before { /* 45 */ content: ""; /* 46 */ display: block; /* 47 */ width: 3px; /* 48 */ height: 80%; /* 49 */ background-color: rgb(4 126 116); /* 50 */ min-height: 20px; /* 51 */ position: absolute; /* 52 */ left: 0; /* 53 */ top: 5px; /* 54 */ } /* 55 */ /* 56 */ /* 57 */ /** CSS VON FILMFESTIVAL */ /* 58 */ /* 59 */ .film-detail .aside { /* 60 */ width: 100%; /* 61 */ } /* 62 */ /* 63 */ .film-detail__section-header { /* 64 */ color: #7489b1; /* 65 */ font-weight: 600; /* 66 */ margin: 0; /* 67 */ } /* 68 */ /* 69 */ .film-detail__section-header:not(:first-child) { /* 70 */ margin-top: 25px; /* 71 */ } /* 72 */ /* 73 */ .film-detail__title { /* 74 */ font-size: 21px; /* 75 */ font-weight: 500; /* 76 */ line-height: 30px; /* 77 */ letter-spacing: 1px; /* 78 */ text-transform: none; /* 79 */ margin-bottom: 0px !important; /* 80 */ } /* 81 */ /* 82 */ .film-detail__title-container { /* 83 */ display: none; /* 84 */ } /* 85 */ /* 86 */ p.film-detail__original_title { /* 87 */ color: #213355; /* 88 */ padding-top: 0; /* 89 */ font-style: italic; /* 90 */ } /* 91 */ /* 92 */ h2.film-detail__title.film-detail-hidden-mobile { /* 93 */ display: none; /* 94 */ } /* 95 */ /* 96 */ /* 97 */ /* 98 */ .film-detail__meta-info { /* 99 */ padding: 20px; /* 100 */ position: relative; /* 101 */ box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.25); /* 102 */ } /* 103 */ /* 104 */ .film-detail__meta-info:before { /* 105 */ z-index: 10; /* 106 */ content: ''; /* 107 */ position: absolute; /* 108 */ top: -11px; /* 109 */ width: 0; /* 110 */ height: 0; /* 111 */ border-left: 13px solid transparent; /* 112 */ border-right: 13px solid transparent; /* 113 */ border-bottom: 13px solid #c4b273; /* 114 */ } /* 115 */ /* 116 */ .film-detail__tags-container { /* 117 */ width: 100%; /* 118 */ padding: 20px 4.5%; /* 119 */ } /* 120 */ /* 121 */ .film-detail__order-options-container { /* 122 */ width: 100%; /* 123 */ padding: 20px 4.5%; /* 124 */ } /* 125 */ /* 126 */ .film-detail__director, /* 127 */ .film-detail__meta-info, /* 128 */ .film-detail__country-date, /* 129 */ .film-detail__meta-link { /* 130 */ color: #fff; /* 131 */ font-weight: 500 !important; /* 132 */ } /* 133 */ /* 134 */ .film-detail__meta-label { /* 135 */ color: #fff; /* 136 */ text-transform: uppercase; /* 137 */ font-size: 12px; /* 138 */ letter-spacing: 2px; /* 139 */ font-weight: 700; /* 140 */ } /* 141 */ /* 142 */ p.film-detail__order-options-label { /* 143 */ color: #7489b1 ; /* 144 */ text-transform: uppercase; /* 145 */ font-size: 12px; /* 146 */ font-weight: 700; /* 147 */ } /* 148 */ /* 149 */ .film-detail__order-options-container p { /* 150 */ color:#203256; /* 151 */ } /* 152 */ /* 153 */ .film-detail__order-options-container a { /* 154 */ color:#C4B273; /* 155 */ } /* 156 */ /* 157 */ .order-item-row ul { /* 158 */ list-style: none; /* 159 */ } /* 160 */ /* 161 */ li.order-item-row { /* 162 */ list-style: none; /* 163 */ } /* 164 */ /* 165 */ .btn-cart-blue-outline { /* 166 */ background: rgb(1,100,92); /* 167 */ width: 50px; /* 168 */ height: 50px; /* 169 */ display: flex; /* 170 */ align-items: center; /* 171 */ justify-content: center; /* 172 */ margin-right: 10px; /* 173 */ min-width: 50px; /* 174 */ } /* 175 */ /* 176 */ li.order-option-item{ /* 177 */ cursor: pointer; /* 178 */ padding: 0 15px 0 0; /* 179 */ transition: all 0.8s ease-in-out; /* 180 */ font-weight: 500; /* 181 */ font-weight: 500; /* 182 */ font-size: 14px; /* 183 */ display: flex; /* 184 */ flex-direction: column; /* 185 */ align-items: flex-start; /* 186 */ justify-content: space-between; /* 187 */ border-bottom: solid 1px #fff; /* 188 */ background-color: #efefef; /* 189 */ margin-bottom: 3px; /* 190 */ transition: all .4s ease-in-out; /* 191 */ } /* 192 */ /* 193 */ li.order-option-item:hover { /* 194 */ background: #f7f7f7; /* 195 */ } /* 196 */ /* 197 */ li.order-option-item:hover svg, /* 198 */ li.order-option-item:hover .btn-cart-blue-outline{ /* 199 */ transform: scale(1.1); /* 200 */ } /* 201 */ /* 202 */ p.film_side_layer_options { /* 203 */ font-size: 24px; /* 204 */ font-weight: 600; /* 205 */ letter-spacing: 1.5px; /* 206 */ } /* 207 */ /* 208 */ p.film_side_layer_options_2 { /* 209 */ color: rgb(4 126 116); /* 210 */ font-size: 18px; /* 211 */ font-weight: 500; /* 212 */ letter-spacing: 0.5px; /* 213 */ } /* 214 */ /* 215 */ h2.playlist-detail__title.playlist-detail-hidden-mobile { /* 216 */ line-height: 28px; /* 217 */ margin-top: 20px; /* 218 */ margin-bottom: 10px; /* 219 */ font-size: 24px; /* 220 */ } /* 221 */ /* 222 */ h3.playlist-detail__subtitle { /* 223 */ color: rgb(3 142 131); /* 224 */ letter-spacing: 2px; /* 225 */ font-size: 15px; /* 226 */ margin-bottom: 10px; /* 227 */ } /* 228 */ /* 229 */ .playlist-detail__tags-container.bg-dark-grey { /* 230 */ margin-bottom: 50px; /* 231 */ } /* 232 */ /* 233 */ .playlist-detail__order-options-container.bg-white { /* 234 */ margin-bottom: 30px; /* 235 */ margin-top: 30px; /* 236 */ } /* 237 */ /* 238 */ .playlist-detail__meta-info.bg-blue p { /* 239 */ margin-bottom: 0px; /* 240 */ } /* 241 */ /* 242 */ .playlist-detail-info-container p { /* 243 */ line-height: 24px; /* 244 */ font-size: 17px; /* 245 */ } /* 246 */ /* 247 */ p.playlist-detail__order-options-label { /* 248 */ font-size: 24px; /* 249 */ font-weight: 600; /* 250 */ letter-spacing: 1.5px; /* 251 */ } /* 252 */ /* 253 */ .playlist-detail-info-container { /* 254 */ margin-bottom: 100px; /* 255 */ } /* 256 */ /* 257 */ .order-option-item svg { /* 258 */ transition: all 0.3s ease-in-out; /* 259 */ margin-right: 7px; /* 260 */ } /* 261 */ /* 262 */ .order-option-item:not(.order-option-item-payment-cost-free) svg { /* 263 */ width: auto; /* 264 */ height: auto; /* 265 */ margin-right: 0; /* 266 */ border-radius: 0; /* 267 */ } /* 268 */ /* 269 */ span.icon-chevron { /* 270 */ position: relative; /* 271 */ z-index: 9; /* 272 */ display: flex; /* 273 */ align-items: center; /* 274 */ } /* 275 */ /* 276 */ span.icon-chevron:hover svg{ /* 277 */ transform: rotate(0deg); /* 278 */ } /* 279 */ /* 280 */ span.icon-chevron svg { /* 281 */ border: 0 !important; /* 282 */ margin-right: 0 !important; /* 283 */ padding: 5px; /* 284 */ width: 25px !important; /* 285 */ height: 25px !important; /* 286 */ transform: rotate(-90deg); /* 287 */ } /* 288 */ /* 289 */ .order-option-wrapper { /* 290 */ width: 100%; /* 291 */ display: flex; /* 292 */ position: relative; /* 293 */ align-items: center; /* 294 */ justify-content: space-between; /* 295 */ } /* 296 */ /* 297 */ .offer-info-wrapper p:hover { /* 298 */ background: none; /* 299 */ -webkit-text-fill-color: initial; /* 300 */ -webkit-transition-property: max-height; /* 301 */ -moz-transition-property: max-height; /* 302 */ -o-transition-property: max-height; /* 303 */ transition-property: max-height; /* 304 */ transition-timing-function: ease-in-out; /* 305 */ height: auto; /* 306 */ max-height: 600px; /* 307 */ transition-delay: 0.5s; /* 308 */ transition-duration: 3s; /* 309 */ white-space: normal; /* 310 */ } /* 311 */ /* 312 */ .offer-info-wrapper p { /* 313 */ padding-top: 0px; /* 314 */ width: 100%; /* 315 */ white-space: nowrap; /* 316 */ overflow: hidden; /* 317 */ text-overflow: ellipsis; /* 318 */ color: #131313; /* 319 */ padding-left: 2px; /* 320 */ padding-right: 37px; /* 321 */ padding-bottom: 0; /* 322 */ overflow: hidden; /* 323 */ height: auto; /* 324 */ cursor: pointer; /* 325 */ position: relative; /* 326 */ max-height: 38px; /* 327 */ margin-bottom: 0; /* 328 */ line-height: 30px; /* 329 */ } /* 330 */ /* 331 */ .offer-info-wrapper{ /* 332 */ padding: 10px; /* 333 */ width: auto; /* 334 */ white-space: nowrap; /* 335 */ overflow: hidden; /* 336 */ text-overflow: ellipsis; /* 337 */ padding-left: 15px; /* 338 */ font-weight: 500; /* 339 */ position: relative; /* 340 */ display: flex; /* 341 */ } /* 342 */ /* 343 */ li.offer-info-wrapper:hover { /* 344 */ white-space: inherit; /* 345 */ } /* 346 */ /* 347 */ span.order-option-description .film-access-text { /* 348 */ /* padding-top: 5px;*/ /* 349 */ } /* 350 */ /* 351 */ .items-payment-cost-free-wrapper .order-option-item-payment.order-option-item-payment-cost-free svg { /* 352 */ margin-right: 10px; /* 353 */ width: 50px; /* 354 */ height: 50px; /* 355 */ } /* 356 */ /* 357 */ .offer-button-txt { /* 358 */ display: flex; /* 359 */ align-items: center; /* 360 */ text-transform: uppercase; /* 361 */ line-height: 1rem; /* 362 */ font-size: 17px; /* 363 */ } /* 364 */ /* 365 */ .offer-button-txt p { /* 366 */ margin-bottom: 0; /* 367 */ } /* 368 */ /* 369 */ .offer-button-txt span { /* 370 */ display: block; /* 371 */ width: auto; /* 372 */ min-width: 55px; /* 373 */ } /* 374 */ /* 375 */ .order-option-item .icon-play-btn svg { /* 376 */ background: none; /* 377 */ border: 0; /* 378 */ padding: 0; /* 379 */ border-radius: 0; /* 380 */ } /* 381 */ /* 382 */ .film-info span.film-description { /* 383 */ white-space: nowrap; /* 384 */ overflow: hidden; /* 385 */ width: 100%; /* 386 */ text-overflow: ellipsis; /* 387 */ font-size: 16px; /* 388 */ display: block; /* 389 */ padding-top: 20px; /* 390 */ transition: all .4s ease-in-out; /* 391 */ max-width: 85%; /* 392 */ font-weight: 400; /* 393 */ } /* 394 */ .order-option-item:hover .film-description { /* 395 */ white-space: normal; /* 396 */ transition: 1.5s; /* 397 */ word-break: break-word; /* 398 */ min-width: 100%; /* 399 */ } /* 400 */ /* 401 */ .order-option-item:hover .offer-info-wrapper { /* 402 */ white-space: normal; /* 403 */ transition: 1.5s; /* 404 */ word-break: break-word; /* 405 */ min-width: 100%; /* 406 */ white-space: inherit; /* 407 */ overflow: hidden; /* 408 */ text-overflow: ellipsis; /* 409 */ } /* 410 */ /* 411 */ span.divider-white { /* 412 */ display: block; /* 413 */ height: 2px; /* 414 */ width: 100%; /* 415 */ background: #fff; /* 416 */ margin: 5px auto; /* 417 */ position: relative; /* 418 */ left: 0; /* 419 */ right: 0; /* 420 */ } /* 421 */ /* 422 */ span.order-option-description { /* 423 */ width: 100%; /* 424 */ font-weight: 600; /* 425 */ display: flex; /* 426 */ align-items: center; /* 427 */ justify-content: space-between; /* 428 */ margin-right: 0px; /* 429 */ transition: all .4s ease-in-out; /* 430 */ color: #131313; /* 431 */ letter-spacing: 0px; /* 432 */ font-size: 14px; /* 433 */ } /* 434 */ /* 435 */ .playlist-detail__distribution-info p { /* 436 */ color: #fff; /* 437 */ } /* 438 */ /* 439 */ /* 440 */ /* 441 */ .order-option-description .film-info { /* 442 */ padding-top: 5px; /* 443 */ width: 80%; /* 444 */ } /* 445 */ /* 446 */ .order-option-description span.order-video-type { /* 447 */ padding-top: 5px; /* 448 */ } /* 449 */ /* 450 */ .film-detai-rating { /* 451 */ display: flex; /* 452 */ align-items: center; /* 453 */ } /* 454 */ /* 455 */ .order-option-description .price-span { /* 456 */ padding-left: 8px; /* 457 */ color: #131313; /* 458 */ letter-spacing: 2px; /* 459 */ font-size: 17px; /* 460 */ font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* 461 */ } /* 462 */ /* 463 */ .order-play-btn svg g { /* 464 */ fill: #ffffff !important; /* 465 */ } /* 466 */ /* 467 */ /* 468 */ /* /+ 469 +/ span.film-detail-voting-icon.voted { /+ 470 +/ background-image: url(../media/images/icon-star.svg); /+ 471 +/ } /+ 472 +/ span.film-detail-voting-icon:hover { /+ 473 +/ background-image: url(../media/images/icon-star.svg); /+ 474 +/ transition: 1s; /+ 475 +/ } /+ 476 +/ span.film-detail-voting-icon { /+ 477 +/ background-image: url(../media/images/icon-star_white.svg); /+ 478 +/ display: block; /+ 479 +/ width: 25px; /+ 480 +/ height: 25px; /+ 481 +/ background-size: cover; /+ 482 +/ background-repeat: no-repeat; /+ 483 +/ margin-right: 10px; /+ 484 +/ cursor: pointer; /+ 485 +/ transition: 1s; /+ 486 +/ }*/ /* 487 */ /* 488 */ .page-films .order-option-description.voting-box { /* 489 */ display: flex; /* 490 */ } /* 491 */ /* 492 */ .page-films .order-option-item.voting-wrapper { /* 493 */ background: none; /* 494 */ border: 0; /* 495 */ min-height: auto; /* 496 */ margin-bottom: 25px; /* 497 */ } /* 498 */ /* 499 */ .page-films #voting-container input[type="checkbox"] { /* 500 */ margin-right: 15px; /* 501 */ -webkit-appearance: none; /* 502 */ -moz-appearance: none; /* 503 */ appearance: none; /* 504 */ height: 15px; /* 505 */ width: 20px; /* 506 */ border: 0; /* 507 */ background-color: transparent; /* 508 */ cursor: pointer; /* 509 */ } /* 510 */ .page-films .voting-wrapper .divider { /* 511 */ display: block; /* 512 */ width: 107%; /* 513 */ background: #fff; /* 514 */ height: 2px; /* 515 */ margin: 10px -10px 15px; /* 516 */ padding: 0; /* 517 */ position: relative; /* 518 */ } /* 519 */ .page-films #voting-container input:disabled { /* 520 */ cursor: auto; /* 521 */ } /* 522 */ /* 523 */ .voting-wrapper .offer-info-wrapper { /* 524 */ /* width: 100%;*/ /* 525 */ position: absolute; /* 526 */ bottom: 10px; /* 527 */ left: auto; /* 528 */ right: auto; /* 529 */ background: #fff; /* 530 */ color: #131313; /* 531 */ font-size: 18px; /* 532 */ /* 533 */ } /* 534 */ /* 535 */ /* 536 */ .voting-wrapper:hover .offer-info-wrapper{ /* 537 */ background: #131313; /* 538 */ border:1px solid #fff; /* 539 */ color: #fff; /* 540 */ /* 541 */ /* padding: 0 !important; /+ 542 +/ margin: 0 -9px; /+ 543 +/ margin-bottom: -8px; /+ 544 +/ margin-top: 11px; /+ 545 +/ white-space: nowrap; /+ 546 +/ overflow: hidden; /+ 547 +/ width: auto; /+ 548 +/ text-overflow: ellipsis; /+ 549 +/ display: flex !important; /+ 550 +/ justify-content: center; /+ 551 +/ text-decoration: underline; /+ 552 +/ font-size: 18px;*/ /* 553 */ } /* 554 */ /* 555 */ /* 556 */ button#vote-film-button { /* 557 */ padding: 7px 10px; /* 558 */ cursor: pointer; /* 559 */ } /* 560 */ /* 561 */ .page-films #voting-container input[type="checkbox"] + label::before { /* 562 */ width: 30px; /* 563 */ height: 30px; /* 564 */ background-image: url(../media/images/icon-star_white.svg); /* 565 */ display: inline-flex; /* 566 */ content: ""; /* 567 */ /* float: left; */ /* 568 */ margin-right: 5px; /* 569 */ background-size: contain; /* 570 */ background-repeat: no-repeat; /* 571 */ pointer-events: none; /* 572 */ position: absolute; /* 573 */ top: 0px; /* 574 */ /* margin-right: 10px; */ /* 575 */ /* left: 0; */ /* 576 */ /* margin-left: -46px;*/ /* 577 */ } /* 578 */ /* 579 */ .page-films #voting-container input[type="checkbox"]:hover + label::before, /* 580 */ .page-films #voting-container input[type="checkbox"]:focus + label::before, /* 581 */ .page-films #voting-container input[type="checkbox"]:checked+label::before{ /* 582 */ background-image: url(../media/images/icon-star.svg) !important; /* 583 */ transition: 0.5s; /* 584 */ display: inline-flex; /* 585 */ content: ""; /* 586 */ /* float: left; */ /* 587 */ margin-right: 5px; /* 588 */ background-size: contain; /* 589 */ background-repeat: no-repeat; /* 590 */ pointer-events: none; /* 591 */ position: absolute; /* 592 */ top: 0px; /* 593 */ } /* 594 */ /* 595 */ .page-films #voting-container label { /* 596 */ position: absolute; /* 597 */ left: -3px; /* 598 */ top: -2px; /* 599 */ pointer-events: none; /* 600 */ width: 30px; /* 601 */ height: 30px; /* 602 */ } /* 603 */ .page-films #voting-container div { /* 604 */ position: relative; /* 605 */ left: 0; /* 606 */ } /* 607 */ .page-films #voting-container input[type="checkbox"]:checked+label::before { /* 608 */ width: 30px; /* 609 */ height: 30px; /* 610 */ background-image: url(../media/images/icon-star.svg); /* 611 */ transition: 1s; /* 612 */ display: inline-flex; /* 613 */ content: ""; /* 614 */ /* float: left; */ /* 615 */ margin-right: 5px; /* 616 */ background-size: contain; /* 617 */ background-repeat: no-repeat; /* 618 */ pointer-events: none; /* 619 */ position: absolute; /* 620 */ top: 0px; /* 621 */ /* margin-right: 10px; */ /* 622 */ /* left: 0; */ /* 623 */ /* margin-left: -46px;*/ /* 624 */ } /* 625 */ div#voting-container { /* 626 */ position: relative; /* 627 */ display: flex; /* 628 */ } /* 629 */ /* 630 */ .order-play-btn{ /* 631 */ background-color: #e3001b; /* 632 */ padding: 9px 8px 9px 10px; /* 633 */ margin-right: 12px; /* 634 */ transition: all .4s ease-in-out; /* 635 */ display: flex; /* 636 */ align-items: center; /* 637 */ justify-content: center; /* 638 */ } /* 639 */ /* 640 */ .order-play-btn:hover{ /* 641 */ background-color: #131313; /* 642 */ margin-right: 10px; /* 643 */ } /* 644 */ /* 645 */ h3.playlist-detail-info-title { /* 646 */ padding-bottom: 10px; /* 647 */ font-size: 24px; /* 648 */ font-weight: 600; /* 649 */ letter-spacing: 1.5px; /* 650 */ } /* 651 */ /* 652 */ a.playlist-detail__meta-link { /* 653 */ background: rgb(1,100,92); /* 654 */ color: #fff; /* 655 */ padding: 5px 10px; /* 656 */ border-radius: 15px; /* 657 */ font-size: 11px; /* 658 */ letter-spacing: 1px; /* 659 */ font-weight: 300; /* 660 */ } /* 661 */ /* 662 */ p.playlist-detail__meta-label { /* 663 */ font-size: 24px; /* 664 */ font-weight: 600; /* 665 */ letter-spacing: 1.5px; /* 666 */ } /* 667 */ /* 668 */ span.order-option-flag-container { /* 669 */ /* width: 56px;*/ /* 670 */ width: auto; /* 671 */ display: flex; /* 672 */ justify-content: inherit; /* 673 */ } /* 674 */ /* 675 */ span.order-option-type { /* 676 */ width: 10%; /* 677 */ } /* 678 */ /* 679 */ .order-option-flag { /* 680 */ width: 23px; /* 681 */ height: 23px; /* 682 */ background: #f7f7f7; /* 683 */ border-radius: 30px; /* 684 */ display: inline-flex; /* 685 */ /* float: right;*/ /* 686 */ background-image: url('/module/lib/location/language_flags/50x50.png'); /* 687 */ background-repeat: no-repeat; /* 688 */ background-position: -120px -289px; /* 689 */ background-size:647px; /* 690 */ margin: 0 2px; /* 691 */ max-width: 28px; /* 692 */ max-height: 28px; /* 693 */ } /* 694 */ /* 695 */ .offer-info-wrapper span.icon-arrow { /* 696 */ position: absolute; /* 697 */ right: 8px; /* 698 */ display: inline-block; /* 699 */ background-image: url(../media/images/icon-arrow-black-down.svg); /* 700 */ width: 25px; /* 701 */ height: 25px; /* 702 */ background-size: contain; /* 703 */ background-repeat: no-repeat; /* 704 */ background-position: center; /* 705 */ cursor: pointer; /* 706 */ margin: 0 3px; /* 707 */ z-index: 9; /* 708 */ right: 13px; /* 709 */ transition: all .4s ease-in-out; /* 710 */ pointer-events: none; /* 711 */ top: calc(50% - 12.5px); /* 712 */ transform: rotate(-90deg); /* 713 */ } /* 714 */ /* 715 */ .film-detail__title:not(:first-child), /* 716 */ .film-detail__country-date:not(:first-child), /* 717 */ .film-detail__categories:not(:first-child), /* 718 */ .film-detail__original-title:not(:first-child), /* 719 */ .film-detail__tags:not(:first-child) { /* 720 */ color: #213355; /* 721 */ } /* 722 */ /* 723 */ .film-detail__meta-link { /* 724 */ display: inline-block; /* 725 */ } /* 726 */ /* 727 */ .film-detail__meta-link:not(:last-child) { /* 728 */ margin-right: 2px; /* 729 */ } /* 730 */ /* 731 */ .film-detail__meta-link { /* 732 */ background: #203256; /* 733 */ padding: 2px 9px; /* 734 */ margin: 8px 2px 0 0; /* 735 */ border-radius: 20px; /* 736 */ transition: all 0.4s ease-in-out; /* 737 */ } /* 738 */ /* 739 */ .film-detail__meta-link:hover { /* 740 */ background: #c4b273; /* 741 */ } /* 742 */ /* 743 */ .film-detail__meta-link { /* 744 */ color: rgba(255, 255, 255, 1); /* 745 */ } /* 746 */ /* 747 */ .film-detail__meta-link:hover { /* 748 */ color: #fff; /* 749 */ } /* 750 */ /* 751 */ .film-detail__texts-container { /* 752 */ /**margin-bottom: 30px;**/ /* 753 */ background-color: #fff; /* 754 */ padding-top: 4.5%; /* 755 */ padding-bottom: 10%; /* 756 */ } /* 757 */ /* 758 */ /* 759 */ .film-detail__company-name{ /* 760 */ font-weight: 500; /* 761 */ padding-top: 10px; /* 762 */ display: block; /* 763 */ } /* 764 */ /* 765 */ a.company_detail__url { /* 766 */ /* padding-bottom: 0px !important; */ /* 767 */ display: block; /* 768 */ color: #cccccc !important; /* 769 */ } /* 770 */ /* 771 */ span.film-detail__company-phone { /* 772 */ display: block; /* 773 */ color: #fff; /* 774 */ } /* 775 */ /* 776 */ .film-detail__company-link { /* 777 */ color: #a9b3c9; /* 778 */ display: block; /* 779 */ padding-bottom: 15px; /* 780 */ font-weight: 700; /* 781 */ } /* 782 */ /* 783 */ span.film-detail__company-adress { /* 784 */ display: block; /* 785 */ padding-bottom: 5px; /* 786 */ } /* 787 */ /* 788 */ .film-detail__company-link:hover, /* 789 */ .film-detail__company-link:active { /* 790 */ color: #fff; /* 791 */ } /* 792 */ /* 793 */ /* 794 */ .film-detail__distribution-info, .company_detail__contact, .company_detail__url, .company_detail__contact { /* 795 */ color: #cccccc; /* 796 */ } /* 797 */ /* 798 */ .film-detail__distribution-info, .company_detail__contact:hover, .company_detail__url:hover, .company_detail__contact:hover { /* 799 */ color: #fff; /* 800 */ } /* 801 */ /* 802 */ .film-detail__distribution-info, .film-detail__section-header section-header { /* 803 */ color: #fff; /* 804 */ } /* 805 */ /* 806 */ .film-detail__distribution-info h6 { /* 807 */ color: #C4B273 !important; /* 808 */ } /* 809 */ /* 810 */ .film-detail__app-link { /* 811 */ display: inline-block; /* 812 */ margin-top: 0px; /* 813 */ } /* 814 */ /* 815 */ .film-detail__team-members { /* 816 */ color: #a9b3c9; /* 817 */ } /* 818 */ /* 819 */ .film-detail__team-members-person { /* 820 */ color: #203256 /* 821 */ } /* 822 */ /* 823 */ a.film-detail__app-link.app-link { /* 824 */ color: #fff; /* 825 */ background-color: #a9b3c9; /* 826 */ padding: 6px; /* 827 */ text-align: center; /* 828 */ width: inherit; /* 829 */ display: flex; /* 830 */ justify-content: center; /* 831 */ align-items: center; /* 832 */ transition: all .4s ease-in-out; /* 833 */ max-width: 100%; /* 834 */ } /* 835 */ /* 836 */ /* 837 */ a.film-detail__app-link.app-link:hover { /* 838 */ background-color: #203256 !important; /* 839 */ } /* 840 */ /* 841 */ a.film-detail__app-link.app-link svg { /* 842 */ margin-right: 5px; /* 843 */ } /* 844 */ /* 845 */ .film-detail__awards-container { /* 846 */ margin-bottom: 10px; /* 847 */ } /* 848 */ /* 849 */ .film-detail__awards { /* 850 */ padding-bottom: 20px; /* 851 */ } /* 852 */ /* 853 */ .award-name { /* 854 */ font-weight: 700; /* 855 */ text-transform: uppercase; /* 856 */ color: #373737; /* 857 */ display: block; /* 858 */ } /* 859 */ /* 860 */ .award-date{ /* 861 */ color: #203256; /* 862 */ } /* 863 */ /* 864 */ .film-detail__awards p { /* 865 */ color: #c4b273 !important; /* 866 */ font-weight: 700; /* 867 */ } /* 868 */ /* 869 */ .film-detail__article-container { /* 870 */ margin-bottom: 30px; /* 871 */ font-size: 16px; /* 872 */ line-height: 22px; /* 873 */ font-weight:400; /* 874 */ color: #243C6D; /* 875 */ } /* 876 */ /* 877 */ .film-detail__article-container a{ /* 878 */ color: #a9b3c9; /* 879 */ } /* 880 */ /* 881 */ .film-detail__article-container a:hover{ /* 882 */ color: #c4b273; /* 883 */ } /* 884 */ /* 885 */ .film-detail-hidden-mobile { /* 886 */ display: flex; /* 887 */ align-items: center; /* 888 */ margin-bottom: 5px; /* 889 */ } /* 890 */ /* 891 */ .page-films .payment-backgroundlayer { /* 892 */ position: fixed; /* 893 */ display: none; /* 894 */ left: 0; /* 895 */ top: 0; /* 896 */ width: 100%; /* 897 */ height: 100%; /* 898 */ background-color: black; /* 899 */ z-index: 10; /* 900 */ opacity: 0.25; /* 901 */ } /* 902 */ /* 903 */ .page-films .payment-backgroundlayer { /* 904 */ position: fixed; /* 905 */ display: none; /* 906 */ left: 0; /* 907 */ top: 0; /* 908 */ width: 100%; /* 909 */ height: 100%; /* 910 */ background-color: #fff; /* 911 */ z-index: 10; /* 912 */ opacity: 1; /* 913 */ } /* 914 */ /* 915 */ /* 916 */ .page-films .payment-layer { /* 917 */ background-color: white; /* 918 */ z-index: 11; /* 919 */ display: flex; /* 920 */ position: absolute; /* 921 */ display: none; /* 922 */ margin: auto; /* 923 */ width: 90%; /* 924 */ height: auto; /* 925 */ top: 0; /* 926 */ left: calc((100% - 90%) / 2); /* 927 */ padding: 0%; /* 928 */ right: 0; /* 929 */ margin: 0 auto; /* 930 */ } /* 931 */ /* 932 */ /* 933 */ .payment-info-container .payment-img { /* 934 */ width: 60% !important; /* 935 */ height: auto !important; /* 936 */ margin-right: 0px !important; /* 937 */ background: #fff !important; /* 938 */ margin: 10px auto !important; /* 939 */ } /* 940 */ /* 941 */ .payment-info-container { /* 942 */ width: 100%; /* 943 */ display: inline-flex; /* 944 */ margin-bottom: 30px; /* 945 */ flex-direction: column; /* 946 */ } /* 947 */ /* 948 */ .payment-title-container { /* 949 */ display: flex; /* 950 */ flex-direction: column; /* 951 */ width: 100% !important; /* 952 */ text-align: center !important; /* 953 */ } /* 954 */ /* 955 */ /* 956 */ .braintree-heading, .braintree-placeholder { /* 957 */ color: #233253; /* 958 */ font-size: 12px !important; /* 959 */ margin-bottom: 15px; /* 960 */ letter-spacing: 1.4px; /* 961 */ font-weight: 500 !important; /* 962 */ } /* 963 */ /* 964 */ body.disable-player-controls .vjs-progress-control.vjs-control { /* 965 */ pointer-events: none; /* 966 */ } /* 967 */ /* 968 */ @media screen and (max-width: 567px) { /* 969 */ div#film-side-layer { /* 970 */ width: calc(100% - 30px); /* 971 */ padding: 15px; /* 972 */ } /* 973 */ } /* 974 */ /* 975 */ @media screen and (max-width: 768px) { /* 976 */ /* 977 */ .page-medien .playlist-detail__texts-container.container .col-left { /* 978 */ width: 100%; /* 979 */ } /* 980 */ /* 981 */ .page-medien .playlist-detail__texts-container.container { /* 982 */ padding: 0 20px; /* 983 */ } /* 984 */ /* 985 */ .film-detail__title { /* 986 */ margin-bottom: 9px; /* 987 */ } /* 988 */ /* 989 */ .page-medien h2.playlist-detail__title { /* 990 */ font-size: 30px; /* 991 */ line-height: 36px; /* 992 */ } /* 993 */ /* 994 */ /* 995 */ h3.media-container__subtitle { /* 996 */ display: none !important; /* 997 */ } /* 998 */ /* 999 */ .film-detail__texts-container, /* 1000 */ .film-detail__texts-container p, /* 1001 */ .film-detail__texts-container a, /* 1002 */ .film-detail__meta-info, /* 1003 */ .film-detail__meta-info a, /* 1004 */ .film-detail__meta-info p { /* 1005 */ font-size: 14px; /* 1006 */ } /* 1007 */ /* 1008 */ .film-detail__meta-info:before { /* 1009 */ left: 12%; /* 1010 */ } /* 1011 */ /* 1012 */ .film-detail__distribution-info { /* 1013 */ padding-left: 20px; /* 1014 */ padding-right: 20px; /* 1015 */ } /* 1016 */ /* 1017 */ /* 1018 */ /* 1019 */ } /* 1020 */ /* 1021 */ @media screen and (min-width: 568px) and (max-width: 767px) { /* 1022 */ div#film-side-layer { /* 1023 */ width: calc(70% - 80px); /* 1024 */ } /* 1025 */ /* 1026 */ .film-detail__title { /* 1027 */ font-size: 34px ; /* 1028 */ line-height: 34px; /* 1029 */ margin-bottom: 9px; /* 1030 */ } /* 1031 */ /* 1032 */ .film-detail__meta-info { /* 1033 */ padding-left: 5.5%; /* 1034 */ padding-right: 5.5%; /* 1035 */ } /* 1036 */ /* 1037 */ .film-detail__meta-info:before { /* 1038 */ left: 14%; /* 1039 */ } /* 1040 */ /* 1041 */ .film-detail__distribution-info { /* 1042 */ padding-left: 5.5%; /* 1043 */ padding-right: 5.5%; /* 1044 */ } /* 1045 */ /* 1046 */ .film-detail__app-link { /* 1047 */ margin: 20px 5.5%; /* 1048 */ } /* 1049 */ } /* 1050 */ /* 1051 */ @media screen and (min-width: 768px) { /* 1052 */ .film-detail__title { /* 1053 */ font-size: 34px !important; /* 1054 */ } /* 1055 */ .page-films .payment-layer { /* 1056 */ display: none; /* 1057 */ margin: 0 auto; /* 1058 */ padding: 0; /* 1059 */ width: 930px; /* 1060 */ min-height: 350px; /* 1061 */ background-color: #fff; /* 1062 */ border-radius: 0; /* 1063 */ left: 0; /* 1064 */ top: 100px; /* 1065 */ opacity: 1; /* 1066 */ overflow: visible !important; /* 1067 */ position: absolute; /* 1068 */ right: 0; /* 1069 */ } /* 1070 */ /* 1071 */ .page-films .payment-backgroundlayer { /* 1072 */ position: fixed; /* 1073 */ display: none; /* 1074 */ left: 0; /* 1075 */ top: 0; /* 1076 */ width: 100%; /* 1077 */ height: 100%; /* 1078 */ background-color: #000; /* 1079 */ z-index: 10; /* 1080 */ opacity: .25; /* 1081 */ } /* 1082 */ } /* 1083 */ /* 1084 */ @media screen and (min-width: 768px) and (max-width: 1023px) { /* 1085 */ /* 1086 */ div#film-side-layer { /* 1087 */ width: calc(50% - 80px); /* 1088 */ } /* 1089 */ /* 1090 */ .film-detail-media-container .media-container__title { /* 1091 */ font-size: 34px; /* 1092 */ } /* 1093 */ /* 1094 */ .film-detail__meta-info { /* 1095 */ padding-left: 4.5%; /* 1096 */ padding-right: 4.5%; /* 1097 */ } /* 1098 */ /* 1099 */ .film-detail__meta-info:before { /* 1100 */ left: 12%; /* 1101 */ } /* 1102 */ /* 1103 */ .film-detail__distribution-info { /* 1104 */ padding-left: 4.5%; /* 1105 */ padding-right: 4.5%; /* 1106 */ } /* 1107 */ /* 1108 */ .film-detail__app-link { /* 1109 */ margin: 20px 4.5%; /* 1110 */ } /* 1111 */ /* 1112 */ } /* 1113 */ /* 1114 */ @media screen and (max-width: 1023px) { /* 1115 */ /* 1116 */ .film-detail__distribution-info { /* 1117 */ padding-top: 30px; /* 1118 */ padding-bottom: 30px; /* 1119 */ } /* 1120 */ /* 1121 */ } /* 1122 */ /* 1123 */ @media screen and (min-width: 1024px) { /* 1124 */ /* 1125 */ .film-detail-hidden-desktop { /* 1126 */ display: none; /* 1127 */ } /* 1128 */ /* 1129 */ .film-detail { /* 1130 */ max-width: 1075px; /* 1131 */ padding-left: 20px; /* 1132 */ padding-right: 20px; /* 1133 */ /* position: relative;*/ /* 1134 */ z-index: 3; /* 1135 */ margin: 0 auto 30px; /* 1136 */ /* 1137 */ } /* 1138 */ /* 1139 */ .film-detail .aside { /* 1140 */ width: 34.1%; /* 1141 */ display: inline-block; /* 1142 */ } /* 1143 */ /* 1144 */ .film-detail__title-container { /* 1145 */ display: none; /* 1146 */ } /* 1147 */ /* 1148 */ .film-detail__tags-container, /* 1149 */ .film-detail__order-options-container, /* 1150 */ .film-detail__texts-container { /* 1151 */ display: inline-block; /* 1152 */ } /* 1153 */ /* 1154 */ .film-detail__texts-container { /* 1155 */ width: 65.9%; /* 1156 */ float: right; /* 1157 */ padding-left: 4.5%; /* 1158 */ padding-right: 4.5%; /* 1159 */ padding-top: 38px; /* 1160 */ padding-bottom: 4.5%; /* 1161 */ } /* 1162 */ /* 1163 */ .film-detail__distribution-info{ /* 1164 */ padding-top: 30px; /* 1165 */ } /* 1166 */ /* 1167 */ .film-detail__meta-info { /* 1168 */ margin-bottom: 0; /* 1169 */ } /* 1170 */ /* 1171 */ .film-detail__meta-info:before { /* 1172 */ top: -18px; /* 1173 */ left: 18%; /* 1174 */ border-left: 20px solid transparent; /* 1175 */ border-right: 20px solid transparent; /* 1176 */ border-bottom: 20px solid #c4b273; /* 1177 */ } /* 1178 */ /* 1179 */ .video-playing .film-detail__meta-info:before { /* 1180 */ display: none; /* 1181 */ } /* 1182 */ /* 1183 */ .film-detail__title:not(:first-child), /* 1184 */ .film-detail__country-date:not(:first-child) { /* 1185 */ margin-top: 12px; /* 1186 */ } /* 1187 */ /* 1188 */ .film-detail__title { /* 1189 */ margin-bottom: 0; /* 1190 */ font-size: 20px; /* 1191 */ line-height: 28px; /* 1192 */ } /* 1193 */ /* 1194 */ /* 1195 */ .film-detail__order-options-container { /* 1196 */ padding: 20px; /* 1197 */ border-right: solid 1px #f7f7f7; /* 1198 */ } /* 1199 */ /* 1200 */ /* 1201 */ .film-detail__tags-container { /* 1202 */ padding: 20px; /* 1203 */ } /* 1204 */ /* 1205 */ .film-detail__categories { /* 1206 */ margin-top: 0; /* 1207 */ } /* 1208 */ /* 1209 */ .film-detail__distribution-info { /* 1210 */ margin-top: 0; /* 1211 */ padding-left: 20px; /* 1212 */ padding-right: 20px; /* 1213 */ padding-bottom: 25px; /* 1214 */ background-color: rgba(245, 245, 245, 0.1); /* 1215 */ color: #a9b3c9; /* 1216 */ width: 34.1%; /* 1217 */ } /* 1218 */ /* 1219 */ a.film-detail__distribution-info { /* 1220 */ color: #a9b3c9 !important; /* 1221 */ } /* 1222 */ /* 1223 */ /* 1224 */ .payment-info-container { /* 1225 */ display: inline-flex; /* 1226 */ margin-bottom: 30px; /* 1227 */ flex-direction: inherit; /* 1228 */ } /* 1229 */ /* 1230 */ .payment-title-container { /* 1231 */ display: flex; /* 1232 */ flex-direction: column; /* 1233 */ width: 100% !important; /* 1234 */ text-align: left !important; /* 1235 */ margin-left: 40px; /* 1236 */ padding: 10px 0; /* 1237 */ } /* 1238 */ /* 1239 */ a.film-detail__app-link.app-link { /* 1240 */ max-width: 34.1%; /* 1241 */ } /* 1242 */ /* 1243 */ /* 1244 */ } /* 1245 */ /* --- /var/www/kulturportal/media/styles/digitaler_spielplan_theater.css --- */ /* 1 */ /* 2 */ .page-medien-theater span.heart-icon.favoured { /* 3 */ background: #C94451; /* 4 */ background-image: url(../media/images/icon_heart_white.svg) !important; /* 5 */ background-repeat: no-repeat; /* 6 */ background-position: 46% 51%; /* 7 */ display: inline-block; /* 8 */ background-size: 20px; /* 9 */ top: -35px; /* 10 */ position: relative; /* 11 */ border-radius: 50%; /* 12 */ width: 35px; /* 13 */ height: 42px; /* 14 */ margin-top: -6px; /* 15 */ margin-left: 3px; /* 16 */ } /* 17 */ /* 18 */ .page-medien-theater .card-icon-favorite:hover .card-btn-favorite { /* 19 */ margin-right: 10px; /* 20 */ } /* 21 */ /* 22 */ /*startseite theaternacht_END*/ /* 23 */ /* 24 */ .page-medien-theater .theater-detail-image { /* 25 */ max-width: 1100px; /* 26 */ margin: auto; /* 27 */ position: relative; /* 28 */ z-index: 1; /* 29 */ } /* 30 */ /* 31 */ .page-medien-theater .theater-detail-content { /* 32 */ max-width: 1100px; /* 33 */ margin: auto; /* 34 */ padding: 15px; /* 35 */ /* border-bottom: 1px solid #ddd;*/ /* 36 */ } /* 37 */ /* 38 */ .page-medien-theater .theater-detail-title { /* 39 */ letter-spacing: 0.5px; /* 40 */ font-weight: 500; /* 41 */ font-size: 4.5rem; /* 42 */ margin-bottom: 2.5rem; /* 43 */ line-height: 4.5rem; /* 44 */ } /* 45 */ /* 46 */ .page-medien-theater .theater-detail-videos .play-offer { /* 47 */ width: 100%; /* 48 */ margin-right: 0px; /* 49 */ position: relative; /* 50 */ cursor: pointer; /* 51 */ display: flex; /* 52 */ flex-wrap: wrap; /* 53 */ } /* 54 */ /* 55 */ .page-medien-theater .theater-detail-videos .offer-type-audio .play-offer .play-button-icon { /* 56 */ background-image: url(../media/images/icon-headphone.svg); /* 57 */ background-color: rgb(1,100,92); /* 58 */ background-size: initial; /* 59 */ background-repeat: no-repeat; /* 60 */ background-position: center; /* 61 */ } /* 62 */ /* 63 */ .page-medien-theater .theater-detail-videos .play-offer .play-button-icon { /* 64 */ display: block; /* 65 */ position: absolute; /* 66 */ width: 46px; /* 67 */ height: 46px; /* 68 */ background-color: rgb(1,100,92); /* 69 */ top: 0; /* 70 */ background-image: url(../media/images/play-button_white.png); /* 71 */ background-size: 20px; /* 72 */ background-position: center; /* 73 */ background-repeat: no-repeat; /* 74 */ border:2px solid rgb(1,100,92); /* 75 */ transition: all 0.3s ease-in-out; /* 76 */ } /* 77 */ /* 78 */ .page-medien-theater .theater-detail-videos .play-offer .play-button-icon:hover { /* 79 */ background-image: url(../media/images/play-button_green.png); /* 80 */ border:2px solid rgb(1,100,92); /* 81 */ background-color: #fff; /* 82 */ transition: all 0.3s ease-in-out; /* 83 */ } /* 84 */ /* 85 */ .page-medien-theater .theater-detail-videos .play-offer img { /* 86 */ width: 100%; /* 87 */ } /* 88 */ /* 89 */ .page-medien-theater .theater-detail-videos-title { /* 90 */ font-size: 18px; /* 91 */ line-height: 21px; /* 92 */ font-weight: 600; /* 93 */ padding-top: 8px; /* 94 */ } /* 95 */ /* 96 */ .page-medien-theater .theater-detail-content-right select { /* 97 */ color: rgb(1,100,92); /* 98 */ -webkit-appearance: none; /* 99 */ -moz-appearance: none; /* 100 */ appearance: none; /* 101 */ border: 2px solid rgb(1,100,92); /* 102 */ border-radius: 0; /* 103 */ width: 100%; /* 104 */ height: 60px; /* 105 */ padding-left: 20px; /* 106 */ font-size: 17px; /* 107 */ font-weight: 500; /* 108 */ } /* 109 */ /* 110 */ .page-medien-theater .theater-detail-content-right select option { /* 111 */ text-align: left; /* 112 */ color: #000 !important; /* 113 */ } /* 114 */ /* 115 */ .page-medien-theater .theater-detail-content-right select:focus { /* 116 */ outline: none; /* 117 */ } /* 118 */ /* 119 */ .page-medien-theater .theater-detail-select-wrapper { /* 120 */ position: relative; /* 121 */ } /* 122 */ /* 123 */ .page-medien-theater span.dropdown-icon { /* 124 */ left: auto; /* 125 */ content: url(../media/images/icon-arrow-green-down.svg); /* 126 */ display: block; /* 127 */ position: absolute; /* 128 */ width: 22px; /* 129 */ height: 22px; /* 130 */ right: 20px; /* 131 */ top: 32%; /* 132 */ pointer-events: none; /* 133 */ transform: rotate(-90deg); /* 134 */ } /* 135 */ /* 136 */ .page-medien-theater .theater-detail-content-right .theater-socialmedia-wrapper h3 { /* 137 */ background: none; /* 138 */ color: #000; /* 139 */ padding: 0; /* 140 */ margin-top: 20px; /* 141 */ } /* 142 */ .page-medien-theater .theater-socialmedia-wrapper ul { /* 143 */ display: flex; /* 144 */ } /* 145 */ /* 146 */ .page-medien-theater .theater-socialmedia-wrapper ul li { /* 147 */ list-style: none; /* 148 */ margin-right: 20px; /* 149 */ margin-top: 10px; /* 150 */ border: 0; /* 151 */ padding: 0; /* 152 */ } /* 153 */ /* 154 */ .page-medien-theater .theater-socialmedia-wrapper .social-link > img{ /* 155 */ height: 28px; /* 156 */ width: 28px; /* 157 */ } /* 158 */ /* 159 */ .page-medien-theater .youtube-item img { /* 160 */ width: auto !important; /* 161 */ } /* 162 */ /* 163 */ li.whatsapp-item { /* 164 */ margin-right: 5px !important; /* 165 */ } /* 166 */ /* 167 */ .page-medien-theater .theater-socialmedia-wrapper .whatsapp-item .social-link > img { /* 168 */ height: 43px; /* 169 */ width: 43px; /* 170 */ margin-top: -9px; /* 171 */ } /* 172 */ /* 173 */ .page-medien-theater .theater-socialmedia-wrapper .newsletter-item img { /* 174 */ width: 117% !important; /* 175 */ height: 100%; /* 176 */ } /* 177 */ /* 178 */ /* /+ 179 +/ .page-medien-theater .theater-detail-content-left { /+ 180 +/ margin-right: 5.5%; /+ 181 +/ }*/ /* 182 */ /* 183 */ .page-medien-theater .theater-detail-content-right { /* 184 */ width: 100%; /* 185 */ } /* 186 */ /* 187 */ .page-medien-theater .theater-detail-content-left { /* 188 */ width: 100%; /* 189 */ } /* 190 */ /* 191 */ .page-medien-theater .icon-flip-2 { /* 192 */ background: rgb(1,100,92); /* 193 */ } /* 194 */ /* 195 */ .page-medien-theater .theater-detail-content-right h3 { /* 196 */ background: rgb(1,100,92); /* 197 */ color: #fff; /* 198 */ padding: 0 20px; /* 199 */ margin-bottom: 15px; /* 200 */ /* text-transform: uppercase;*/ /* 201 */ height: 60px; /* 202 */ display: flex; /* 203 */ align-items: center; /* 204 */ } /* 205 */ /* 206 */ .page-medien-theater .theater-detail-content-right { /* 207 */ padding-left: 0; /* 208 */ border-left: 0px solid #d5d5d5; /* 209 */ margin-top: 40px; /* 210 */ } /* 211 */ /* 212 */ .page-medien-theater .theater-detail-text { /* 213 */ font-size: 1.9rem; /* 214 */ line-height: 2.5rem; /* 215 */ margin-bottom: 7.5rem; /* 216 */ } /* 217 */ /* 218 */ .page-medien-theater span.red-layer { /* 219 */ background: rgb(1,100,92,0.7); /* 220 */ width: 49%; /* 221 */ height: 100%; /* 222 */ display: none; /* 223 */ position: absolute; /* 224 */ pointer-events: none; /* 225 */ } /* 226 */ /* 227 */ .page-medien-theater .media-container-text { /* 228 */ position: absolute; /* 229 */ bottom: 0; /* 230 */ color: #fff; /* 231 */ width: 49%; /* 232 */ display: flex; /* 233 */ /* justify-content: center; */ /* 234 */ display: none; /* 235 */ } /* 236 */ /* 237 */ .page-medien-theater .media-container-text h2 { /* 238 */ font-size: 3.5em; /* 239 */ line-height: 1.2em; /* 240 */ /* justify-content: center; */ /* 241 */ /* display: flex; */ /* 242 */ padding-left: 11%; /* 243 */ /* margin: 0; */ /* 244 */ margin-bottom: 80px; /* 245 */ letter-spacing: 0.5px; /* 246 */ font-weight: 500; /* 247 */ } /* 248 */ /* 249 */ .page-medien-theater .back-to-overview{ /* 250 */ padding-left: 20px; /* 251 */ position: relative; /* 252 */ top: 0; /* 253 */ display: block; /* 254 */ color: #000; /* 255 */ font-size: 18px; /* 256 */ font-weight: 500; /* 257 */ padding-top: 10px ; /* 258 */ padding-bottom: 20px ; /* 259 */ } /* 260 */ /* 261 */ .page-medien-theater div#offer-player-container { /* 262 */ /* position: absolute; /+ 263 +/ left: 0; /+ 264 +/ top: 0; /+ 265 +/ width: 100%; /+ 266 +/ height: 56%;*/ /* 267 */ display: none; /* 268 */ } /* 269 */ /* 270 */ body.page-medien-theater.player-open div#offer-player-container { /* 271 */ display: block; /* 272 */ z-index: 9; /* 273 */ } /* 274 */ /* 275 */ body.page-medien-theater .theater-detail-head-content.live-player-open, /* 276 */ body.page-medien-theater.player-open .theater-detail-head-content { /* 277 */ min-height: 56vw; /* 278 */ padding-top: 68px; /* 279 */ } /* 280 */ /* 281 */ body.page-medien-theater.player-open .video-js, .video-js video { /* 282 */ width: 100% !important; /* 283 */ height: 56vw !important; /* 284 */ position: absolute; /* 285 */ left: 0; /* 286 */ top: 0; /* 287 */ } /* 288 */ /* 289 */ body.page-medien-theater.player-open .video-js.vjs-fullscreen, /* 290 */ body.page-medien-theater.player-open .video-js.vjs-has-started.vjs-fullscreen video{ /* 291 */ width: 100% !important; /* 292 */ height: 100% !important; /* 293 */ } /* 294 */ /* 295 */ body.page-medien-theater .video-js .vjs-big-play-button .vjs-icon-placeholder:before { /* 296 */ content: ""; /* 297 */ } /* 298 */ /* 299 */ body.page-medien-theater .vjs-default-skin.vjs-big-play-centered .vjs-big-play-button { /* 300 */ background: url(../media/images/play-green.png) no-repeat center; /* 301 */ } /* 302 */ /* 303 */ body.page-medien-theater .video-js .vjs-control-bar { /* 304 */ width: 95%; /* 305 */ bottom: 20px; /* 306 */ margin: auto; /* 307 */ } /* 308 */ /* 309 */ /* 310 */ @media screen and (min-width:0px) and (max-width: 767px) { /* 311 */ /* 312 */ .page-medien-theater .theater-detail-content-right { /* 313 */ margin-top: 30px !important; /* 314 */ } /* 315 */ /* 316 */ .page-medien-theater .theater-detail-head-content { /* 317 */ padding-top: 31px !important; /* 318 */ } /* 319 */ /* 320 */ .page-medien-theater .media-container-text .theater-detail-title.detail-title{ /* 321 */ font-size: 2.5em !important; /* 322 */ margin-bottom: 0px !important; /* 323 */ padding: 15px !important; /* 324 */ line-height: 32px !important; /* 325 */ } /* 326 */ /* 327 */ .page-medien-theater span.red-layer{ /* 328 */ display: none !important; /* 329 */ } /* 330 */ /* 331 */ /* 332 */ /* 333 */ } /* 334 */ /* 335 */ /* 336 */ @media screen and (min-width: 768px) { /* 337 */ /* 338 */ .page-medien-theater .theater-detail-videos .play-offer img { /* 339 */ max-width: 280px; /* 340 */ min-width: 280px; /* 341 */ max-height: 183px; /* 342 */ } /* 343 */ /* 344 */ .page-medien-theater .theater-detail-videos .play-offer { /* 345 */ margin-right: 30px; /* 346 */ } /* 347 */ /* 348 */ .page-medien-theater .theater-detail-videos-title { /* 349 */ padding-left: 30px; /* 350 */ width: calc(95% - 280px - 30px); /* 351 */ } /* 352 */ /* 353 */ .page-medien-theater .theater-detail-content { /* 354 */ padding: 30px; /* 355 */ } /* 356 */ /* 357 */ .page-medien-theater .theater-detail-content-right { /* 358 */ padding-top: 1.3rem; /* 359 */ } /* 360 */ /* 361 */ .page-medien-theater .theater-detail-title { /* 362 */ letter-spacing: 0.5px; /* 363 */ font-weight: 500; /* 364 */ font-size: 4rem; /* 365 */ margin-bottom: 2.5rem; /* 366 */ line-height: 4.5rem; /* 367 */ } /* 368 */ /* 369 */ .page-medien-theater .theater-detail-content-right { /* 370 */ margin-top: 0px; /* 371 */ } /* 372 */ /* 373 */ .page-medien-theater .theater-detail-videos .play-offer { /* 374 */ /* width: 57%;*/ /* 375 */ width: 100%; /* 376 */ margin-bottom: 30px; /* 377 */ /* max-width: 258px; /+ 378 +/ min-width: 258px;*/ /* 379 */ } /* 380 */ /* 381 */ .page-medien-theater .theater-detail-videos li{ /* 382 */ display: flex; /* 383 */ } /* 384 */ /* 385 */ .page-medien-theater .theater-detail-content-left { /* 386 */ margin-right: 5.5%; /* 387 */ } /* 388 */ /* 389 */ .page-medien-theater .theater-detail-content-right { /* 390 */ width: 31.5%; /* 391 */ } /* 392 */ /* 393 */ .page-medien-theater .theater-detail-content-left { /* 394 */ width: 63%; /* 395 */ } /* 396 */ } /* 397 */ /* 398 */ @media screen and (min-width: 1280px) { /* 399 */ /* 400 */ .page-medien-theater .theater-detail-content-right { /* 401 */ padding-top: 63px; /* 402 */ } /* 403 */ /* 404 */ .page-medien-theater .theater-detail-title { /* 405 */ font-size: 5.5rem; /* 406 */ } /* 407 */ /* 408 */ .page-medien-theater .theater-detail-videos .play-offer { /* 409 */ /* width: 46%;*/ /* 410 */ width: 100%; /* 411 */ margin-bottom: 40px; /* 412 */ /* max-width: 258px; /+ 413 +/ min-width: 258px;*/ /* 414 */ } /* 415 */ /* 416 */ .page-medien-theater .theater-detail-videos-title { /* 417 */ font-size: 26px; /* 418 */ line-height: 26px; /* 419 */ } /* 420 */ /* 421 */ .page-medien-theater .back-to-overview { /* 422 */ padding-bottom: 30px; /* 423 */ padding-top: 15px; /* 424 */ } /* 425 */ /* 426 */ .page-medien-theater span.red-layer { /* 427 */ display: block; /* 428 */ } /* 429 */ /* 430 */ .page-medien-theater .media-container-text{ /* 431 */ display: block; /* 432 */ } /* 433 */ /* 434 */ .page-medien-theater .theater-detail-content { /* 435 */ padding: 0; /* 436 */ } /* 437 */ /* 438 */ body.page-medien-theater .theater-detail-head-content.live-player-open, /* 439 */ body.page-medien-theater.player-open .theater-detail-head-content { /* 440 */ /* min-height: 720px;*/ /* 441 */ min-height: 630px; /* 442 */ } /* 443 */ /* 444 */ body.page-medien-theater.player-open .video-js, .video-js video { /* 445 */ /* width: 1280px !important; /+ 446 +/ height: 720px !important;*/ /* 447 */ width: 1100px !important; /* 448 */ height: 630px !important; /* 449 */ left: initial; /* 450 */ } /* 451 */ /* 452 */ body.page-medien-theater .video-js video { /* 453 */ width: 1100px !important; /* 454 */ height: 630px !important; /* 455 */ } /* 456 */ /* 457 */ } /* 458 */ /* --- /var/www/kulturportal/media/styles/digitaler_spielplan_film.css ------ */ /* 1 */ .page-medien-film .container-theaternacht { /* 2 */ max-width: 1400px; /* 3 */ margin: auto; /* 4 */ position: relative; /* 5 */ margin-top: 109px; /* 6 */ } /* 7 */ /* 8 */ .page-medien-film .theater-detail-content-right .theater-socialmedia-wrapper h3 { /* 9 */ background: none; /* 10 */ color: #000; /* 11 */ padding: 0; /* 12 */ margin-top: 20px; /* 13 */ } /* 14 */ .page-medien-film .theater-socialmedia-wrapper ul { /* 15 */ display: flex; /* 16 */ } /* 17 */ /* 18 */ .page-medien-film .theater-socialmedia-wrapper ul li { /* 19 */ list-style: none; /* 20 */ margin-right: 20px; /* 21 */ margin-top: 10px; /* 22 */ border: 0; /* 23 */ padding: 0; /* 24 */ } /* 25 */ /* 26 */ .page-medien-film .theater-socialmedia-wrapper .social-link > img{ /* 27 */ height: 28px; /* 28 */ width: 28px; /* 29 */ } /* 30 */ /* 31 */ .page-medien-film .youtube-item img { /* 32 */ width: auto !important; /* 33 */ } /* 34 */ /* 35 */ li.whatsapp-item { /* 36 */ margin-right: 5px !important; /* 37 */ } /* 38 */ /* 39 */ .page-medien-film .theater-socialmedia-wrapper .whatsapp-item .social-link > img { /* 40 */ height: 43px; /* 41 */ width: 43px; /* 42 */ margin-top: -9px; /* 43 */ } /* 44 */ /* 45 */ .page-medien-film .theater-socialmedia-wrapper .newsletter-item img { /* 46 */ width: 117% !important; /* 47 */ height: 100%; /* 48 */ } /* --- /var/www/kulturportal/media/styles/blog_new_page.css ----------------- */ /* 1 */ .blog-new-window.onepager-overview-container { /* 2 */ padding: 40px; } /* 3 */ .blog-new-window.onepager-overview-container .onepager-header { /* 4 */ color: #DC1B23; /* 5 */ font-weight: 500; /* 6 */ margin-bottom: 20px; /* 7 */ font-size: 20px; /* 8 */ line-height: 42px; /* 9 */ color: #0e222f; /* 10 */ text-transform: uppercase; } /* 11 */ .blog-new-window.onepager-overview-container .onepager-overview-container { /* 12 */ padding: 40px; } /* 13 */ .blog-new-window.onepager-overview-container .onepager-header { /* 14 */ color: #DC1B23; /* 15 */ font-weight: 500; /* 16 */ margin-bottom: 20px; /* 17 */ font-size: 20px; } /* 18 */ .blog-new-window.onepager-overview-container .onepager-intro { /* 19 */ margin-bottom: 20px; } /* 20 */ .blog-new-window.onepager-overview-container .onepagers-list:not(:empty) { /* 21 */ padding-top: 20px; /* 22 */ padding-bottom: 20px; /* 23 */ border-top: 1px solid #101010; /* 24 */ margin-bottom: 20px; } /* 25 */ .blog-new-window.onepager-overview-container .onepagers-list-header { /* 26 */ display: none; } /* 27 */ .blog-new-window.onepager-overview-container .new-blog-article { /* 28 */ display: block; } /* 29 */ .blog-new-window.onepager-overview-container .button.button--edit { /* 30 */ background-color: #2A508F; } /* 31 */ .blog-new-window.onepager-overview-container .onepager-delete-button, /* 32 */ .blog-new-window.onepager-overview-container .onepager-delete-button:hover, /* 33 */ .blog-new-window.onepager-overview-container .onepager-delete-button:active, /* 34 */ .blog-new-window.onepager-overview-container .onepager-delete-button:focus { /* 35 */ background-color: #942b27; } /* 36 */ .blog-new-window.onepager-overview-container .button--visibility.button { /* 37 */ background-color: #b3d4b3; } /* 38 */ .blog-new-window.onepager-overview-container .button--visibility.button.is-visible { /* 39 */ background-color: #046A21; } /* 40 */ .blog-new-window.onepager-overview-container .registerframe_select_onepager.button-disabled { /* 41 */ background: #9a9a9a; /* 42 */ color: #f7ffff; /* 43 */ cursor: default; } /* 44 */ .blog-new-window.onepager-overview-container .onepager-detail-linkdate, /* 45 */ .blog-new-window.onepager-overview-container .onepager-detail-link, /* 46 */ .blog-new-window.onepager-overview-container .onepager-detail-date, /* 47 */ .blog-new-window.onepager-overview-container .onepager-edit-button, /* 48 */ .blog-new-window.onepager-overview-container .onepager-visibility-button, /* 49 */ .blog-new-window.onepager-overview-container .onepager-delete-button { /* 50 */ display: inline-block; /* 51 */ vertical-align: top; } /* 52 */ .blog-new-window.onepager-overview-container .onepager-detail-linkdate, /* 53 */ .blog-new-window.onepager-overview-container .onepager-edit-button, /* 54 */ .blog-new-window.onepager-overview-container .onepager-visibility-button, /* 55 */ .blog-new-window.onepager-overview-container .onepager-delete-button { /* 56 */ margin-bottom: 6px; /* 57 */ margin-top: 6px; /* 58 */ line-height: 17px; /* 59 */ min-height: 28px; } /* 60 */ .blog-new-window.onepager-overview-container .onepager-edit-button, /* 61 */ .blog-new-window.onepager-overview-container .onepager-visibility-button, /* 62 */ .blog-new-window.onepager-overview-container .onepager-delete-button { /* 63 */ font-size: 11px; /* 64 */ text-align: center; /* 65 */ padding-top: 4px; /* 66 */ color: #fff; } /* 67 */ .blog-new-window.onepager-overview-container .onepager-detail-linkdate { /* 68 */ padding-bottom: 6px; /* 69 */ padding-top: 6px; /* 70 */ line-height: 15px; } /* 71 */ .blog-new-window.onepager-overview-container .onepager-select-container__label .__CbRegInputLine { /* 72 */ margin-bottom: 8px; } /* 73 */ .blog-new-window.onepager-overview-container .onepager-detail-row { /* 74 */ cursor: pointer; } /* 75 */ .blog-new-window.onepager-overview-container .onepager-detail-row:nth-child(2n+1) { /* 76 */ background: #f4f4f6; } /* 77 */ .blog-new-window.onepager-overview-container .onepager-detail-row:hover, /* 78 */ .blog-new-window.onepager-overview-container .onepager-detail-row:active, /* 79 */ .blog-new-window.onepager-overview-container .onepager-detail-row:focus, /* 80 */ .blog-new-window.onepager-overview-container .onepager-detail-row:nth-child(2n+1):hover, /* 81 */ .blog-new-window.onepager-overview-container .onepager-detail-row:nth-child(2n+1):active, /* 82 */ .blog-new-window.onepager-overview-container .onepager-detail-row:nth-child(2n+1):focus { /* 83 */ background: #cccccc; } /* 84 */ .blog-new-window.onepager-overview-container input.onepager-select-container__input, /* 85 */ .blog-new-window.onepager-overview-container .onepager-select-container__label, /* 86 */ .blog-new-window.onepager-overview-container .onepager-select-container__base-url { /* 87 */ line-height: 28px; /* 88 */ padding-top: 5px; /* 89 */ padding-bottom: 5px; /* 90 */ min-height: 42px; } /* 91 */ .blog-new-window.onepager-overview-container input.onepager-select-container__input, /* 92 */ .blog-new-window.onepager-overview-container .onepager-detail-linkdate { /* 93 */ padding-left: 20px; /* 94 */ padding-right: 20px; } /* 95 */ .blog-new-window.onepager-overview-container .onepager-select-container__input { /* 96 */ border: 2px solid #d0d0d0; /* 97 */ border-radius: 5px; } /* 98 */ .blog-new-window.onepager-overview-container .__CbUiErrorMessageOnepager, /* 99 */ .blog-new-window.onepager-overview-container .onepager-select-container .__CbUiErrorMessage { /* 100 */ margin-bottom: 3px; /* 101 */ padding-left: calc(25% + 20px); } /* 102 */ .blog-new-window.onepager-overview-container .__CbUiErrorMessageOnepager { /* 103 */ clear: both; /* 104 */ color: red; /* 105 */ display: none; /* 106 */ text-align: left; } /* 107 */ .blog-new-window.onepager-overview-container .onepager-detail-linkdate { /* 108 */ width: 100%; /* 109 */ margin-bottom: 10px; } /* 110 */ .blog-new-window.onepager-overview-container .onepager-edit-button, /* 111 */ .blog-new-window.onepager-overview-container .onepager-visibility-button, /* 112 */ .blog-new-window.onepager-overview-container .onepager-delete-button, /* 113 */ .blog-new-window.onepager-overview-container .registerframe_select_onepager { /* 114 */ font-weight: 700; } /* 115 */ .blog-new-window.onepager-overview-container .onepager-visibility-button, /* 116 */ .blog-new-window.onepager-overview-container .onepager-delete-button, /* 117 */ .blog-new-window.onepager-overview-container .onepager-edit-button { /* 118 */ margin-right: 5px; /* 119 */ margin-bottom: 13px; } /* 120 */ .blog-new-window.onepager-overview-container .onepager-edit-button { /* 121 */ width: 64px; /* 122 */ margin-left: 20px; } /* 123 */ .blog-new-window.onepager-overview-container .onepager-visibility-button { /* 124 */ width: 92px; } /* 125 */ .blog-new-window.onepager-overview-container .onepager-delete-button { /* 126 */ width: 98px; /* 127 */ margin-right: 20px; } /* 128 */ .blog-new-window.onepager-overview-container .onepager-select-container__label, /* 129 */ .blog-new-window.onepager-overview-container input.onepager-select-container__input, /* 130 */ .blog-new-window.onepager-overview-container .onepager-select-container__base-url { /* 131 */ display: inline-block; /* 132 */ vertical-align: top; /* 133 */ width: 100%; } /* 134 */ .blog-new-window.onepager-overview-container .onepager-select-container__base-url { /* 135 */ width: 50%; } /* 136 */ .blog-new-window.onepager-overview-container input.onepager-select-container__input--url { /* 137 */ width: 50%; } /* 138 */ .blog-new-window.onepager-overview-container .onepager-select-container__base-url { /* 139 */ padding-left: 20px; } /* 140 */ .blog-new-window.onepager-overview-container .button-container { /* 141 */ text-align: right; } /* 142 */ .blog-new-window.onepager-overview-container .registerframe_select_onepager { /* 143 */ margin-top: 40px; /* 144 */ max-width: 384px; } /* 145 */ .blog-new-window.onepager-overview-container .blog-new-page-categories, /* 146 */ .blog-new-window.onepager-overview-container .blog-new-page-language { /* 147 */ width: 100%; } /* 148 */ @media screen and (min-width: 1024px) { /* 149 */ .blog-new-window.onepager-overview-container .onepager-detail-linkdate { /* 150 */ width: calc(100% - 269px); /* 151 */ margin-bottom: 0; /* 152 */ flex-grow: 2; } /* 153 */ .blog-new-window.onepager-overview-container .blog-new-page-categories, /* 154 */ .blog-new-window.onepager-overview-container .blog-new-page-language { /* 155 */ width: 75%; } /* 156 */ .blog-new-window.onepager-overview-container .onepager-visibility-button, /* 157 */ .blog-new-window.onepager-overview-container .onepager-delete-button, /* 158 */ .blog-new-window.onepager-overview-container .onepager-edit-button { /* 159 */ padding: 5px 15px; /* 160 */ margin-bottom: 6px; /* 161 */ text-align: center; /* 162 */ padding-top: 5px; /* 163 */ display: flex; /* 164 */ align-items: center; /* 165 */ color: #fff; /* 166 */ width: auto !important; /* 167 */ letter-spacing: 1px; } /* 168 */ .blog-new-window.onepager-overview-container .onepager-edit-container { /* 169 */ display: flex; /* 170 */ width: 32%; /* 171 */ justify-content: flex-end; } /* 172 */ .blog-new-window.onepager-overview-container .onepager-detail-row { /* 173 */ display: flex; } /* 174 */ .blog-new-window.onepager-overview-container .onepager-edit-button { /* 175 */ margin-left: 0px; } /* 176 */ .blog-new-window.onepager-overview-container input.onepager-select-container__input { /* 177 */ width: 75%; } /* 178 */ .blog-new-window.onepager-overview-container input.onepager-select-container__input--url { /* 179 */ width: 37.5%; } /* 180 */ .blog-new-window.onepager-overview-container .onepager-select-container__label { /* 181 */ width: 25%; } /* 182 */ .blog-new-window.onepager-overview-container .onepager-select-container__base-url { /* 183 */ width: 37.5%; } } /* 184 */ /* 185 */ /*# sourceMappingURL=blog_new_page.css.map */ /* 186 */ /* --- /var/www/kulturportal/media/styles/page_filme.css -------------------- */ /* 1 */ .page-filme .main-content { /* 2 */ margin-top: 10px !important; /* 3 */ padding-top: 40px !important; /* 4 */ padding-bottom: 100px; /* 5 */ max-width: 800px; /* 6 */ padding-right: 14px; /* 7 */ padding-left: 14px; /* 8 */ border-top: 1px solid #e0e0e0; /* 9 */ } /* 10 */ /* 11 */ .page-filme .media-container.container { /* 12 */ max-width: 1400px; /* 13 */ } /* 14 */ /* 15 */ /* 16 */ .page-filme .media-container__text { /* 17 */ position: relative; /* 18 */ top: 0px; /* 19 */ } /* 20 */ /* 21 */ .page-filme .media-container__title { /* 22 */ font-size: 30px; /* 23 */ font-weight: 600; /* 24 */ padding: 20px !important; /* 25 */ } /* 26 */ /* 27 */ .page-filme .media-container__subtitle { /* 28 */ display: none; /* 29 */ } /* 30 */ /* 31 */ .page-filme .media-container__description { /* 32 */ display: none; /* 33 */ } /* 34 */ /* 35 */ .page-filme .media-container--type-default .media-container__sizer, /* 36 */ .page-filme .media-container--type-default .media-container__controls { /* 37 */ padding-bottom: 46%; /* 38 */ height: 100%; /* 39 */ } /* 40 */ /* 41 */ /* 42 */ @media screen and (min-width: 1024px) { /* 43 */ .page-filme .media-container__text { /* 44 */ position: relative; /* 45 */ top: -100px; /* 46 */ } /* 47 */ } /* --- /var/www/kulturportal/media/styles/home_onepager_slider.css ---------- */ /* 1 */ .landing-page-onepager-slider { /* 2 */ background: #000000; /* 3 */ max-width: 1400px; /* 4 */ margin: 60px auto; } /* 5 */ .landing-page-onepager-slider .header-text-wrapper { /* 6 */ display: flex; /* 7 */ justify-content: center; /* 8 */ width: 100%; /* 9 */ text-align: center; /* 10 */ padding: 40px 0 0px; } /* 11 */ @media screen and (min-width: 768px) { /* 12 */ .landing-page-onepager-slider .header-text-wrapper { /* 13 */ padding: 50px 0 0; } } /* 14 */ .landing-page-onepager-slider .header-text-wrapper h1, .landing-page-onepager-slider .header-text-wrapper h3 { /* 15 */ color: white; } /* 16 */ .landing-page-onepager-slider .media-container-type-onepager .media-wrapper { /* 17 */ min-height: unset; /* 18 */ padding: 30px; /* 19 */ padding-bottom: 100px !important; } /* 20 */ @media screen and (min-width: 768px) { /* 21 */ .landing-page-onepager-slider .media-container-type-onepager .media-wrapper { /* 22 */ padding: 40px; } } /* 23 */ .landing-page-onepager-slider .media-container-type-onepager .owl-carousel .owl-stage { /* 24 */ margin-left: inherit; } /* 25 */ .landing-page-onepager-slider .media-container-type-onepager .card { /* 26 */ border-radius: 7px; /* 27 */ overflow: hidden; /* 28 */ min-height: 200px; /* 29 */ /*background: $black;*/ /* 30 */ border: solid 1px #d5d5d5; } /* 31 */ @media screen and (min-width: 768px) { /* 32 */ .landing-page-onepager-slider .media-container-type-onepager .card { /* 33 */ min-height: 230px; } } /* 34 */ .landing-page-onepager-slider .media-container-type-onepager .card .card-img img { /* 35 */ transform: scale(1.1); /* 36 */ background: #000000; /* 37 */ max-height: 230px; /* 38 */ transition: transform 0.5s ease; /* 39 */ cursor: pointer; } /* 40 */ .landing-page-onepager-slider .media-container-type-onepager .card .card-img img.card-img-item { /* 41 */ object-fit: cover; /* 42 */ height: 100% !important; /* 43 */ width: auto; /* 44 */ min-width: 100%; } /* 45 */ .landing-page-onepager-slider .media-container-type-onepager .card .card-img img.default-logo { /* 46 */ position: absolute; /* 47 */ width: 100px !important; /* 48 */ min-width: unset; /* 49 */ margin: 18px; /* 50 */ height: auto !important; /* 51 */ top: 0px; /* 52 */ background: transparent; } /* 53 */ .landing-page-onepager-slider .media-container-type-onepager .card .card-img .overlay { /* 54 */ opacity: 0.2 !important; /* 55 */ width: 100%; /* 56 */ background-color: black; /* 57 */ height: 100%; /* 58 */ left: 0; /* 59 */ top: 0; /* 60 */ right: 0; /* 61 */ bottom: 0; /* 62 */ position: absolute; /* 63 */ z-index: 2; /* 64 */ transition: opacity 0.5s ease; /* 65 */ display: block; } /* 66 */ .landing-page-onepager-slider .media-container-type-onepager .card:hover img { /* 67 */ transform: scale(1.2); /* 68 */ transition: transform 0.5s ease; } /* 69 */ .landing-page-onepager-slider .media-container-type-onepager .card:hover .overlay { /* 70 */ opacity: 0.4 !important; } /* 71 */ .landing-page-onepager-slider .media-container-type-onepager .card .card-body { /* 72 */ position: absolute; /* 73 */ bottom: 0; /* 74 */ z-index: 5; /* 75 */ padding: 1rem 1rem; } /* 76 */ .landing-page-onepager-slider .media-container-type-onepager .card .card-body .card-text { /* 77 */ color: white; /* 78 */ margin-bottom: 10px; /* 79 */ font-size: 16px; /* 80 */ font-weight: 500; /* 81 */ line-height: 1.5; /* 82 */ letter-spacing: .5px; } /* 83 */ .landing-page-onepager-slider .media-container-type-onepager .card .card-body .card-title { /* 84 */ color: white; /* 85 */ line-height: 1.3; /* 86 */ font-size: 30px; /* 87 */ font-weight: 500; } /* 88 */ .landing-page-onepager-slider .media-container-type-onepager .card .icon-container { /* 89 */ z-index: 5; /* 90 */ position: absolute; /* 91 */ top: 10px; /* 92 */ right: 20px; } /* 93 */ .landing-page-onepager-slider .media-container-type-onepager .owl-nav { /* 94 */ display: flex; /* 95 */ width: 100%; /* 96 */ bottom: -30px; /* 97 */ position: absolute; /* 98 */ justify-content: space-between; /* 99 */ align-items: center; /* 100 */ flex-wrap: wrap; /* 101 */ left: 0; /* 102 */ height: 0; /* 103 */ max-width: 1380px; /* 104 */ padding: 0 20px; /* 105 */ font-size: 0; } /* 106 */ @media screen and (min-width: 768px) { /* 107 */ .landing-page-onepager-slider .media-container-type-onepager .owl-nav { /* 108 */ top: -68px; /* 109 */ bottom: unset; } } /* 110 */ .landing-page-onepager-slider .media-container-type-onepager .owl-nav .owl-prev { /* 111 */ background-image: url(../media/images/icon_arrow-left-white.svg); /* 112 */ background-repeat: no-repeat; /* 113 */ background-size: 15px; /* 114 */ width: 15px; /* 115 */ height: 32px; } /* 116 */ .landing-page-onepager-slider .media-container-type-onepager .owl-nav .owl-prev.disabled { /* 117 */ opacity: 0.3; } /* 118 */ .landing-page-onepager-slider .media-container-type-onepager .owl-nav .owl-next { /* 119 */ background-image: url(../media/images/icon_arrow-right-white.svg); /* 120 */ background-repeat: no-repeat; /* 121 */ background-size: 15px; /* 122 */ width: 15px; /* 123 */ height: 32px; } /* 124 */ .landing-page-onepager-slider .media-container-type-onepager .owl-dots { /* 125 */ position: relative; /* 126 */ bottom: -40px; /* 127 */ right: unset; /* 128 */ display: none; /* 129 */ justify-content: center; } /* 130 */ @media screen and (min-width: 768px) { /* 131 */ .landing-page-onepager-slider .media-container-type-onepager .owl-dots { /* 132 */ display: flex !important; } } /* 133 */ .landing-page-onepager-slider .media-container-type-onepager .owl-dots .owl-dot { /* 134 */ background: #fff !important; /* 135 */ width: 10px; /* 136 */ height: 10px; /* 137 */ margin: 5px; /* 138 */ border-radius: 50%; /* 139 */ border: 2px solid white; } /* 140 */ .landing-page-onepager-slider .media-container-type-onepager .owl-dots .owl-dot.active { /* 141 */ background: rgba(250, 250, 250, 0.5) !important; } /* 142 */ /* 143 */ /*# sourceMappingURL=home_onepager_slider.css.map */ /* 144 */