/** * Foundation for Sites by ZURB * Version 6.1.2 * foundation.zurb.com * Licensed under MIT Open Source */ .slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; } .slide-in-down.mui-enter { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-left.mui-enter { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-in-up.mui-enter { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slide-in-right.mui-enter { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .slide-out-down.mui-leave { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-right.mui-leave { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .slide-out-up.mui-leave { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .slide-out-left.mui-leave { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .fade-in.mui-enter { opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-right.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(90deg); transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-left.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(90deg); transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateX(-90deg); transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { -webkit-transform: perspective(2000px) rotate(0deg); transform: perspective(2000px) rotate(0deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { -webkit-transform: perspective(2000px) rotateY(-90deg); transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .scale-in-up.mui-enter { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out.mui-leave { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { -webkit-transform: rotate(0.75turn); -ms-transform: rotate(0.75turn); transform: rotate(0.75turn); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition-property: -webkit-transform, opacity; /* @alternate */ transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { -webkit-transform: rotate(-0.75turn); -ms-transform: rotate(-0.75turn); transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms !important; } .fast { transition-duration: 250ms !important; } .linear { transition-timing-function: linear !important; } .ease { transition-timing-function: ease !important; } .ease-in { transition-timing-function: ease-in !important; } .ease-out { transition-timing-function: ease-out !important; } .ease-in-out { transition-timing-function: ease-in-out !important; } .bounce-in { transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { transition-delay: 300ms !important; } .long-delay { transition-delay: 700ms !important; } .shake { -webkit-animation-name: shake-7; animation-name: shake-7; } @-webkit-keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { -webkit-transform: translateX(7%); transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { -webkit-transform: translateX(-7%); transform: translateX(-7%); } } .spin-cw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } @-webkit-keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .spin-ccw { -webkit-animation-name: spin-cw-1turn; animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .wiggle { -webkit-animation-name: wiggle-7deg; animation-name: wiggle-7deg; } @-webkit-keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes wiggle-7deg { 40%, 50%, 60% { -webkit-transform: rotate(7deg); transform: rotate(7deg); } 35%, 45%, 55%, 65% { -webkit-transform: rotate(-7deg); transform: rotate(-7deg); } 0%, 30%, 70%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slow { -webkit-animation-duration: 750ms !important; animation-duration: 750ms !important; } .fast { -webkit-animation-duration: 250ms !important; animation-duration: 250ms !important; } .linear { -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .ease { -webkit-animation-timing-function: ease !important; animation-timing-function: ease !important; } .ease-in { -webkit-animation-timing-function: ease-in !important; animation-timing-function: ease-in !important; } .ease-out { -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } .ease-in-out { -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; } .bounce-in { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } .bounce-out { -webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } .bounce-in-out { -webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } .short-delay { -webkit-animation-delay: 300ms !important; animation-delay: 300ms !important; } .long-delay { -webkit-animation-delay: 700ms !important; animation-delay: 700ms !important; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. * [NOTE] We don't enable this ruleset in Foundation, because we want the
element to have plain styling. */ /* fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { font-size: 100%; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #333333; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; border-radius: 3px; } select { width: 100%; border-radius: 3px; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 3px; line-height: 1; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 64rem; margin-left: auto; margin-right: auto; } .row::before, .row::after { content: ' '; display: table; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row .row { margin-left: -0.625rem; margin-right: -0.625rem; } @media screen and (min-width: 40em) { .row .row { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .row .row.collapse { margin-left: 0; margin-right: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-left: auto; margin-right: auto; } .column, .columns { padding-left: 0.625rem; padding-right: 0.625rem; width: 100%; float: left; } @media screen and (min-width: 40em) { .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .small-1 { width: 8.33333%; } .small-push-1 { position: relative; left: 8.33333%; } .small-pull-1 { position: relative; left: -8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { width: 16.66667%; } .small-push-2 { position: relative; left: 16.66667%; } .small-pull-2 { position: relative; left: -16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { width: 33.33333%; } .small-push-4 { position: relative; left: 33.33333%; } .small-pull-4 { position: relative; left: -33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.66667%; } .small-push-5 { position: relative; left: 41.66667%; } .small-pull-5 { position: relative; left: -41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { width: 58.33333%; } .small-push-7 { position: relative; left: 58.33333%; } .small-pull-7 { position: relative; left: -58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.66667%; } .small-push-8 { position: relative; left: 66.66667%; } .small-pull-8 { position: relative; left: -66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { width: 83.33333%; } .small-push-10 { position: relative; left: 83.33333%; } .small-pull-10 { position: relative; left: -83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.66667%; } .small-push-11 { position: relative; left: 91.66667%; } .small-pull-11 { position: relative; left: -91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { width: 50%; float: left; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { width: 33.33333%; float: left; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { width: 16.66667%; float: left; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { width: 14.28571%; float: left; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0; } .small-collapse .row { margin-left: 0; margin-right: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-left: 0.625rem; padding-right: 0.625rem; } .small-centered { float: none; margin-left: auto; margin-right: auto; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } @media screen and (min-width: 40em) { .medium-1 { width: 8.33333%; } .medium-push-1 { position: relative; left: 8.33333%; } .medium-pull-1 { position: relative; left: -8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.66667%; } .medium-push-2 { position: relative; left: 16.66667%; } .medium-pull-2 { position: relative; left: -16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { width: 33.33333%; } .medium-push-4 { position: relative; left: 33.33333%; } .medium-pull-4 { position: relative; left: -33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.66667%; } .medium-push-5 { position: relative; left: 41.66667%; } .medium-pull-5 { position: relative; left: -41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { width: 58.33333%; } .medium-push-7 { position: relative; left: 58.33333%; } .medium-pull-7 { position: relative; left: -58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.66667%; } .medium-push-8 { position: relative; left: 66.66667%; } .medium-pull-8 { position: relative; left: -66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { width: 83.33333%; } .medium-push-10 { position: relative; left: 83.33333%; } .medium-pull-10 { position: relative; left: -83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.66667%; } .medium-push-11 { position: relative; left: 91.66667%; } .medium-pull-11 { position: relative; left: -91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 > .column, .medium-up-1 > .columns { width: 100%; float: left; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { width: 50%; float: left; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { width: 33.33333%; float: left; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { width: 25%; float: left; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { width: 20%; float: left; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { width: 16.66667%; float: left; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { width: 14.28571%; float: left; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { width: 12.5%; float: left; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0; } .medium-collapse .row { margin-left: 0; margin-right: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .medium-centered { float: none; margin-left: auto; margin-right: auto; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } @media screen and (min-width: 64em) { .large-1 { width: 8.33333%; } .large-push-1 { position: relative; left: 8.33333%; } .large-pull-1 { position: relative; left: -8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.66667%; } .large-push-2 { position: relative; left: 16.66667%; } .large-pull-2 { position: relative; left: -16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { width: 33.33333%; } .large-push-4 { position: relative; left: 33.33333%; } .large-pull-4 { position: relative; left: -33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.66667%; } .large-push-5 { position: relative; left: 41.66667%; } .large-pull-5 { position: relative; left: -41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { width: 58.33333%; } .large-push-7 { position: relative; left: 58.33333%; } .large-pull-7 { position: relative; left: -58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.66667%; } .large-push-8 { position: relative; left: 66.66667%; } .large-pull-8 { position: relative; left: -66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { width: 83.33333%; } .large-push-10 { position: relative; left: 83.33333%; } .large-pull-10 { position: relative; left: -83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.66667%; } .large-push-11 { position: relative; left: 91.66667%; } .large-pull-11 { position: relative; left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { width: 33.33333%; float: left; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { width: 16.66667%; float: left; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { width: 14.28571%; float: left; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0; } .large-collapse .row { margin-left: 0; margin-right: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; } .large-centered { float: none; margin-left: auto; margin-right: auto; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left; } } .hide { display: none !important; } .invisible { visibility: hidden; } @media screen and (min-width: 0em) and (max-width: 39.9375em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important; } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-left: auto; margin-right: auto; } .clearfix::before, .clearfix::after { content: ' '; display: table; } .clearfix::after { clear: both; } /* [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu:not(.vertical) .is-dropdown-submenu.first-sub { top: 100%; left: 0; right: auto; } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; left: auto; right: 0; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-menu.vertical > li .is-dropdown-submenu { top: 0; left: 100%; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { float: right; margin-top: 3px; margin-left: 10px; } .is-dropdown-submenu-parent.is-down-arrow a { padding-right: 1.5rem; position: relative; } .is-dropdown-submenu-parent.is-down-arrow > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: #2c58af transparent transparent; border-top-style: solid; border-bottom-width: 0; position: absolute; top: 0.825rem; right: 5px; } .is-dropdown-submenu-parent.is-left-arrow > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent #2c58af transparent transparent; border-right-style: solid; border-left-width: 0; float: left; margin-left: 0; margin-right: 10px; } .is-dropdown-submenu-parent.is-right-arrow > a::after { content: ''; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent #2c58af; border-left-style: solid; border-right-width: 0; } .is-dropdown-submenu-parent.is-left-arrow.opens-inner .is-dropdown-submenu { right: 0; left: auto; } .is-dropdown-submenu-parent.is-right-arrow.opens-inner .is-dropdown-submenu { left: 0; right: auto; } .is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu { top: 100%; } .is-dropdown-submenu-parent.opens-left .is-dropdown-submenu { left: auto; right: 100%; } .is-dropdown-submenu { display: none; position: absolute; top: 0; left: 100%; min-width: 200px; z-index: 1; background: #fefefe; border: 1px solid #cacaca; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu, .is-dropdown-submenu.js-dropdown-active { display: block; } */ .flex-video { position: relative; height: 0; padding-bottom: 75%; margin-bottom: 1rem; overflow: hidden; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flex-video.widescreen { padding-bottom: 56.25%; } .flex-video.vimeo { padding-top: 0; } /* .menu { margin: 0; list-style-type: none; } .menu > li { display: table-cell; vertical-align: middle; } [data-whatinput='mouse'] .menu > li { outline: 0; } .menu > li > a { display: block; padding: 0.7rem 1rem; line-height: 1; } .menu input, .menu a, .menu button { margin-bottom: 0; } .menu > li > a > img, .menu > li > a > i { vertical-align: middle; } .menu > li > a > span { vertical-align: middle; } .menu > li > a > img, .menu > li > a > i { display: inline-block; margin-right: 0.25rem; } .menu > li { display: table-cell; } .menu.vertical > li { display: block; } @media screen and (min-width: 40em) { .menu.medium-horizontal > li { display: table-cell; } .menu.medium-vertical > li { display: block; } } @media screen and (min-width: 64em) { .menu.large-horizontal > li { display: table-cell; } .menu.large-vertical > li { display: block; } } .menu.simple li { line-height: 1; display: inline-block; margin-right: 1rem; } .menu.simple a { padding: 0; } .menu.align-right > li { float: right; } .menu.expanded { display: table; table-layout: fixed; width: 100%; } .menu.expanded > li:first-child:last-child { width: 100%; } .menu.icon-top > li > a { text-align: center; } .menu.icon-top > li > a > img, .menu.icon-top > li > a > i { display: block; margin: 0 auto 0.25rem; } .menu.nested { margin-left: 1rem; } */ .menu-text { font-weight: bold; color: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding: 0.7rem 1rem; } .no-js [data-responsive-menu] ul { display: none; } .thumbnail { border: solid 4px #fefefe; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); display: inline-block; line-height: 0; max-width: 100%; transition: box-shadow 200ms ease-out; border-radius: 3px; margin-bottom: 1rem; } .thumbnail:hover, .thumbnail:focus { box-shadow: 0 0 6px 1px rgba(44, 88, 175, 0.5); } /*# sourceMappingURL=foundation.css.map */ /* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Shared Styles :: Page Name 1 :: Page Name 2 */ /* ----------------------------------------- Shared Styles ----------------------------------------- */ .th img { border: none; border-radius: 0; box-shadow: none; transition: none; } /* .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) { color: #666666; background:#efefdf; } .dropdown { -webkit-box-shadow: 0.0em 0.0em 0px 0 #ffffff; -moz-box-shadow: 0.0em 0.0em 0px 0 #ffffff; box-shadow: 0.0em 0.0em 0px 0 #ffffff; padding-bottom: 0; } .top-bar-section .dropdown li a { background: #EFEFDF; } .top-bar .toggle-topbar.menu-icon a { color: #878787; } .top-bar .toggle-topbar.menu-icon a:after { -moz-box-shadow: 0 10px 0 1px #878787, 0 16px 0 1px #878787, 0 22px 0 1px #878787; -webkit-box-shadow: 0 10px 0 1px #878787, 0 16px 0 1px #878787, 0 22px 0 1px #878787; box-shadow: 0 10px 0 1px #878787, 0 16px 0 1px #878787, 0 22px 0 1px #878787; } .top-bar.expanded .toggle-topbar a span { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .contain-to-grid { background: none; } .top-bar.expanded .title-area { background: none repeat scroll 0 0 #fff; } .top-bar-section .has-dropdown > a:after { border-color: transparent transparent transparent #878787; } .top-bar-section ul li:hover > a { background-color: white; color: black; } .top-bar-section .dropdown li.title h5 a { color: #666666; font-size: 0.9em; line-height: 34px; } .top-bar-section ul li > a { font-size: 0.875em; font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif; } */ /* Wegen "Locations" im Drilldown auskommentiert .top-bar-section li.active:not(.has-form) a:not(.button) { background-color: inherit; } */ /* @media only screen and (max-width: 40.063em) { .top-bar-section li:not(.has-form) a:not(.button) { padding-bottom: 0; line-height: 28px; padding-top: 0; } .top-bar { position: absolute; } .top-bar.expanded { position: relative; top: 0; } .top-bar-section ul li.active > a { color: black; } .top-bar-section li:not(.has-form) a:not(.button) { font-size: 0.875em; font-weight: normal; } .top-bar-section .dropdown li a.parent-link { font-weight: bold; color: black; } } */ /* @media only screen and (min-width: 40.063em) { .top-bar { background: none; margin: 0; } .top-bar-section .dropdown { left: 0.5625em; min-width: 12.5em; background-color: #EFEFDF; } .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form):hover > a:not(.button), .top-bar-section .dropdown li:not(.has-form) a:not(.button) { background: url(/images/42024/de/multis/common.png) no-repeat -258px 1px; padding-left: 2.2em; } .top-bar-section .dropdown li a { padding-left: 32px; } .top-bar-section .dropdown li a, .top-bar-section ul li.hover > a, .top-bar-section .dropdown li a:hover, .top-bar-section ul li.active > a, .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section .has-dropdown > a:after, .top-bar-section li.hover > a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button):hover, .top-bar-section li.hover:not(.has-form) a:not(.button) { background: url(/images/42024/de/multis/common.png) no-repeat scroll -900px 5px; } .top-bar-section .dropdown li a, .top-bar-section ul li.hover > a, .top-bar-section .dropdown li a:hover, .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section li.is-submenu-item.is-dropdown-submenu-item { background-color: #EFEFDF; } .top-bar-section .has-dropdown > a:after { display: none; } select { width: inherit; } .no-js .top-bar-section ul li:hover > a { background: url(/images/42024/de/multis/common.png) no-repeat scroll -557px 0 #efefdf; } .top-bar-section ul li:hover:not(.has-form) > a { background: url(/images/42024/de/multis/common.png) no-repeat scroll -557px 0; } } @media screen and (min-width: 40em) { #glhdrnav .mainNavElement .tab { text-indent: -3000px; } .mainNavElement .sbnvly { min-width: 12.9em; padding: 0; } #mainNavLocations ul { min-width: 14.4em; } } */ /* @media screen and (max-width: 40em) { #mainNavStart { padding-left: 0.4em; } #mainNavMeinGolocal { padding-right: 0.5em; } .is-drilldown-submenu-parent > a::after { content: ' '; display: block; width: 0; height: 0; border: inset 0px; border-color: transparent; border-left-style: hidden; border-right-width: 0; position: absolute; top: 50%; margin-top: -6px; } } .is-dropdown-submenu-parent.is-down-arrow a { padding-right: 0rem; } */ /* Google Maps seems to use images in a rather creative way, and does not play well with this Foundations img-rule https://github.com/zurb/foundation/issues/26 */ #glMap img, .gm-style img { max-width: none; } /*** Foundation 6.1.2 ***/ /* */ /* GOPO-493 Navigation: Im Desktop-Modus das Hin- und Herspringen der TopBar Navigation entfernen */ /* = Vermeidung von FOUC - flash of unstyled content */ /* .no-js .top-bar { display: none; } @media screen and (min-width: 40em) { .no-js .top-bar { display: block; } .no-js .title-bar { display: none; } } */ @charset "UTF-8"; /***************************/ /** * Foundation for Sites by ZURB * Version 6.3.0 * foundation.zurb.com * Licensed under MIT Open Source */ /******************************************************/ /* Boxes and Layers with Shadow */ /******************************************************/ .layerBox { position: absolute; display: none; background: none; /* override .ac_results */ left: 0; top: 20px; z-index: 10000; text-align: left; } .layerBox p { padding: 0 0 5px 10px; margin-right: 5px; } .layerBox .boxContent { position: relative; overflow: hidden; } /*******************************************/ /* layerBox with suggest */ .layerBox ul, .layerBox li { width: auto; font-size: 1em; line-height: 1.5em; } .layerBox ul { position: relative; /*top:-4px;*/ } .layerBox li { margin-right: 0; } .layerBox .title { position: relative; padding: 0; color: #fff; cursor: auto; } .layerBox .street.ac_over, .layerBox .cat.ac_over { background-color: #e2e6a6; } .layerBox .loc.ac_over { background-color: #f7dad7; } .layerBox h3 { padding: 0.5em 0.3em 0.2em; font-size: 0.938em; /*12px */ line-height: 16px; margin: 0; } .layerBox .loc h3 { background-color: #656565; } .layerBox .street h3 { background-color: #b0bc00; } .layerBox .cat h3 { background-color: #b0bc00; } /* Separator */ .layerBox .sep h3 { cursor: auto; background: #656565; border-top: dotted 3px white; } .layerBox .info { padding: 0.3em 0.2em; font-style: italic; color: #333; } .layerBox .resultInfo { position: absolute; right: 0.5em; top: 0.6em; width: 15em; text-align: right; font-size: 0.625em; /*10px */ } /************************/ /*** Criteria Ratings ***/ .crit-ratings { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0.5rem; } .crit-ratings__wrap { display: inline-block; -ms-flex: 1 0 30%; flex: 1 0 30%; box-sizing: border-box; background-color: #f5f5f5; border-radius: 3px; margin-right: 0.5rem; margin-bottom: 0.5rem; padding: 0.5rem; } .crit-ratings__wrap--average-aggregated { background: none; border: 1px solid #aaaaaa; } .crit-ratings__rating { margin: auto; } .crit-ratings__criterion { text-align: center; font-size: .8rem; } .crit-ratings__criterion-reviewamount { color: #656565; } /*************************/ /*** rating stars ***/ .stars { background: url(/images/42024/gl/multi_stars_golocal_large.png) no-repeat 0 0 transparent; background-size: cover; text-indent: -10000px; width: 100%; height: 100%; } .stars__wrap { margin-bottom: 1rem; } .stars__wrap--xsmall { width: 75px; height: 13px; } .stars__wrap--small { width: 90px; height: 15px; } .stars__wrap--large { width: 143px; height: 22px; } .stars__wrap--xlarge { width: 200px; height: 33px; } .stars__wrap--source-yelp.stars__wrap--small { width: 65px; height: 15px; } .stars__wrap--source-yelp.stars__wrap--small { width: 90px; height: 18px; } .stars__wrap--source-yelp.stars__wrap--large { width: 143px; height: 27px; } .stars__wrap--source-yelp.stars__wrap--xlarge { width: 200px; height: 40px; } .stars__desc { display: none; } .stars--source-yelp { background-image: url(/images/42024/gl/multi_stars_yelp_medium.png); } .stars--rating-star05 { background-position: 0 10%; } .stars--rating-star1 { background-position: 0 20%; } .stars--rating-star15 { background-position: 0 30%; } .stars--rating-star2 { background-position: 0 40%; } .stars--rating-star25 { background-position: 0 50%; } .stars--rating-star3 { background-position: 0 60%; } .stars--rating-star35 { background-position: 0 70%; } .stars--rating-star4 { background-position: 0 80%; } .stars--rating-star45 { background-position: 0 90%; } .stars--rating-star5 { background-position: 0 100%; } /*************************/ /*** rating stars ***/ .stars { background: url(/images/42024/gl/multi_stars_golocal_large.png) no-repeat 0 0 transparent; background-size: cover; text-indent: -10000px; width: 100%; height: 100%; } .stars__wrap { margin-bottom: 1rem; } .stars__wrap--xsmall { width: 75px; height: 13px; } .stars__wrap--small { width: 90px; height: 15px; } .stars__wrap--large { width: 143px; height: 22px; } .stars__wrap--xlarge { width: 200px; height: 33px; } .stars__wrap--source-yelp.stars__wrap--small { width: 65px; height: 15px; } .stars__wrap--source-yelp.stars__wrap--small { width: 90px; height: 18px; } .stars__wrap--source-yelp.stars__wrap--large { width: 143px; height: 27px; } .stars__wrap--source-yelp.stars__wrap--xlarge { width: 200px; height: 40px; } .stars__desc { display: none; } .stars--source-yelp { background-image: url(/images/42024/gl/multi_stars_yelp_medium.png); } .stars--rating-star05 { background-position: 0 10%; } .stars--rating-star1 { background-position: 0 20%; } .stars--rating-star15 { background-position: 0 30%; } .stars--rating-star2 { background-position: 0 40%; } .stars--rating-star25 { background-position: 0 50%; } .stars--rating-star3 { background-position: 0 60%; } .stars--rating-star35 { background-position: 0 70%; } .stars--rating-star4 { background-position: 0 80%; } .stars--rating-star45 { background-position: 0 90%; } .stars--rating-star5 { background-position: 0 100%; } /*****************************************/ /*** Feature Lists with icons ***/ .imagelist { list-style-type: none; padding: 0; margin-bottom: 1rem; } .imagelist__desc { position: relative; display: inline-block; padding-left: .5rem; } .imagelist__desc::before { position: absolute; left: -1rem; top: 0rem; text-align: center; display: block; width: 1rem; height: 1rem; } .imagelist__desc--star::before { content: url(/images/42024/gl/icons/icon_star.svg); width: .75rem; left: -.7rem; top: .1rem; } .imagelist__desc--check::before { content: url(/images/42024/gl/icons/icon_checked.svg); width: .75rem; left: -.6rem; } .imagelist--sourceinfos { font-size: 80%; } /**************************************/ /*** reviewitem in reviewlists ***/ .reviewitem { border-top: 1px solid #dfd7cd; border-bottom: 1px solid #dfd7cd; background-color: #fefefe; padding: 1rem; margin-bottom: 1rem; /* Quarataene */ /* Drafts */ } .reviewitem__usersymb { position: relative; width: 5rem; height: 5rem; background: url(/images/42024/common/user.svg) center center no-repeat; margin-bottom: 1rem; } .reviewitem__usersymb--s { width: 2.5rem; height: 2.5rem; } .reviewitem__usersymb--s .reviewitem__avatar { width: 2.5rem; height: 2.5rem; } .reviewitem__usersymb--s .reviewitem__logo { width: 1rem; height: 1rem; left: 1.5rem; top: 1.3rem; } .reviewitem__avatar { width: 5rem; height: 5rem; overflow: hidden; border-radius: 50%; } .reviewitem__logo { position: absolute; width: 2rem; height: 2rem; border-radius: 50%; left: 3rem; top: 2.7rem; background: #fff 50% 50% no-repeat; background-size: contain; } .reviewitem__logo--meinungsmeister { background-image: url(/images/42024/gl/icons/icon_meinungsmeister.png); } .reviewitem__logo--golocal { background-image: url(/images/42024/gl/icons/icon_golocal.png); } .reviewitem__logo--yelp { background-image: url(/images/42024/gl/icons/icon_yelp.png); } .reviewitem__logo--houzz { background-image: url(/images/42024/gl/icons/icon_houzz.png); } .reviewitem__logo--kennstdueinen { background-image: url(/images/42024/gl/icons/icon_kennstdueinen.png); } .reviewitem__logo--bewertet-de { background-image: url(/images/42024/gl/icons/icon_bewertet.png); } .reviewitem__logo--autoplenum { background-image: url(/images/42024/gl/icons/icon_autoplenum.png); } .reviewitem__logo--speisekarte { background-image: url(/images/42024/gl/icons/icon_speisekarte.png); } .reviewitem__logo--holidaycheck { background-image: url(/images/42024/gl/icons/icon_holidaycheck.png); } .reviewitem__logo--dialo { background-image: url(/images/42024/gl/icons/icon_dialo.png); } .reviewitem__logo--opendi { background-image: url(/images/42024/gl/icons/icon_opendi.png); } .reviewitem__usertitle { margin-bottom: 1rem; } .reviewitem__useralias { color: #656565; font-style: italic; margin-left: -0.35rem; } .reviewitem__rating { height: 22px; width: 143px; } .reviewitem__ratinginfo { padding-bottom: 1rem; } .reviewitem__reviewbody { margin-bottom: 1rem; } .reviewitem__datewrap { color: #656565; font-size: .7rem; line-height: .7rem; margin-bottom: 1rem; } .reviewitem__date { color: #656565; } .reviewitem__date:hover { text-decoration: none; cursor: default; } .reviewitem__rewardinfo { font-size: 80%; font-style: italic; } .reviewitem__details { overflow: hidden; } .reviewitem--source-yelp .reviewitem__rating { width: 95px; height: 18px; } .reviewitem--quarantine { background-image: url(/images/42024/de/quarantineStamp.png); background-position: 90% 25px; background-repeat: no-repeat; color: #aaaaaa; } .reviewitem--draft { background-image: url(/images/42024/de/draftStamp.png); background-position: 90% 25px; background-repeat: no-repeat; color: #aaaaaa; } .reviewitem .lastChanged { font-size: 0.785em; color: #8b8787; } /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ /* Document ========================================================================== */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. */ figcaption, figure { display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * Add the correct display in IE. */ main { display: block; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. */ button { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } button, [type="button"], [type="reset"], [type="submit"] { /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Show the overflow in Edge. */ input { overflow: visible; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ color: inherit; /* 2 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* * Add the correct display in IE 9-. */ menu { display: block; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-family: kometpro-regular, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 3px; } select { width: 100%; border-radius: 3px; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 3px; background: transparent; line-height: 1; } [data-whatinput='mouse'] button { outline: 0; } .is-visible { display: block !important; } .is-hidden { display: none !important; } .row { max-width: 75rem; margin-right: auto; margin-left: auto; } .row::before, .row::after { display: table; content: ' '; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row .row { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } @media print, screen and (min-width: 64em) { .row .row { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.gutter-small > .column, .row.gutter-small > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } .row.gutter-medium > .column, .row.gutter-medium > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .column, .columns { width: 100%; float: left; padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { width: 8.33333%; } .small-push-1 { position: relative; left: 8.33333%; } .small-pull-1 { position: relative; left: -8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { width: 16.66667%; } .small-push-2 { position: relative; left: 16.66667%; } .small-pull-2 { position: relative; left: -16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { width: 33.33333%; } .small-push-4 { position: relative; left: 33.33333%; } .small-pull-4 { position: relative; left: -33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.66667%; } .small-push-5 { position: relative; left: 41.66667%; } .small-pull-5 { position: relative; left: -41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { width: 58.33333%; } .small-push-7 { position: relative; left: 58.33333%; } .small-pull-7 { position: relative; left: -58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.66667%; } .small-push-8 { position: relative; left: 66.66667%; } .small-pull-8 { position: relative; left: -66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { width: 83.33333%; } .small-push-10 { position: relative; left: 83.33333%; } .small-pull-10 { position: relative; left: -83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.66667%; } .small-push-11 { position: relative; left: 91.66667%; } .small-pull-11 { position: relative; left: -91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 > .column, .small-up-1 > .columns { float: left; width: 100%; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { float: left; width: 50%; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { float: left; width: 33.33333%; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { float: left; width: 25%; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { float: left; width: 20%; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { float: left; width: 16.66667%; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { float: left; width: 14.28571%; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { float: left; width: 12.5%; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .small-collapse.row { margin-right: 0; margin-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: 0.625rem; padding-left: 0.625rem; } .small-centered { margin-right: auto; margin-left: auto; } .small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } @media print, screen and (min-width: 40em) { .medium-1 { width: 8.33333%; } .medium-push-1 { position: relative; left: 8.33333%; } .medium-pull-1 { position: relative; left: -8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.66667%; } .medium-push-2 { position: relative; left: 16.66667%; } .medium-pull-2 { position: relative; left: -16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { width: 33.33333%; } .medium-push-4 { position: relative; left: 33.33333%; } .medium-pull-4 { position: relative; left: -33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.66667%; } .medium-push-5 { position: relative; left: 41.66667%; } .medium-pull-5 { position: relative; left: -41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { width: 58.33333%; } .medium-push-7 { position: relative; left: 58.33333%; } .medium-pull-7 { position: relative; left: -58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.66667%; } .medium-push-8 { position: relative; left: 66.66667%; } .medium-pull-8 { position: relative; left: -66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { width: 83.33333%; } .medium-push-10 { position: relative; left: 83.33333%; } .medium-pull-10 { position: relative; left: -83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.66667%; } .medium-push-11 { position: relative; left: 91.66667%; } .medium-pull-11 { position: relative; left: -91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 > .column, .medium-up-1 > .columns { float: left; width: 100%; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { float: left; width: 50%; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { float: left; width: 33.33333%; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { float: left; width: 25%; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { float: left; width: 20%; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { float: left; width: 16.66667%; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { float: left; width: 14.28571%; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { float: left; width: 12.5%; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .medium-centered { margin-right: auto; margin-left: auto; } .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .large-1 { width: 8.33333%; } .large-push-1 { position: relative; left: 8.33333%; } .large-pull-1 { position: relative; left: -8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.66667%; } .large-push-2 { position: relative; left: 16.66667%; } .large-pull-2 { position: relative; left: -16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { width: 33.33333%; } .large-push-4 { position: relative; left: 33.33333%; } .large-pull-4 { position: relative; left: -33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.66667%; } .large-push-5 { position: relative; left: 41.66667%; } .large-pull-5 { position: relative; left: -41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { width: 58.33333%; } .large-push-7 { position: relative; left: 58.33333%; } .large-pull-7 { position: relative; left: -58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.66667%; } .large-push-8 { position: relative; left: 66.66667%; } .large-pull-8 { position: relative; left: -66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { width: 83.33333%; } .large-push-10 { position: relative; left: 83.33333%; } .large-pull-10 { position: relative; left: -83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.66667%; } .large-push-11 { position: relative; left: 91.66667%; } .large-pull-11 { position: relative; left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns { float: left; width: 100%; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { float: left; width: 50%; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { float: left; width: 33.33333%; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { float: left; width: 25%; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { float: left; width: 20%; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { float: left; width: 16.66667%; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { float: left; width: 14.28571%; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { float: left; width: 12.5%; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .large-collapse.row { margin-right: 0; margin-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } .large-centered { margin-right: auto; margin-left: auto; } .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; float: left; margin-right: 0; margin-left: 0; } } .column-block { margin-bottom: 1.25rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea { display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #aaaaaa; border-radius: 3px; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(51, 51, 51, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; color: #333; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { outline: none; border: 1px solid #656565; background-color: #fefefe; box-shadow: 0 0 5px #aaaaaa; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaaaaa; } input::-moz-placeholder, textarea::-moz-placeholder { color: #aaaaaa; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaaaaa; } input::placeholder, textarea::placeholder { color: #aaaaaa; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #f5f5f5; cursor: not-allowed; } [type='submit'], [type='button'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 3px; } input[type='search'] { box-sizing: border-box; } [type='file'], [type='checkbox'], [type='radio'] { margin: 0 0 1rem; } [type='checkbox'] + label, [type='radio'] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type='checkbox'] + label[for], [type='radio'] + label[for] { cursor: pointer; } label > [type='checkbox'], label > [type='radio'] { margin-right: 0.5rem; } [type='file'] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #333; } label.middle { margin: 0 0 1rem; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #333; } .input-group { display: table; width: 100%; margin-bottom: 1rem; } .input-group > :first-child { border-radius: 3px 0 0 3px; } .input-group > :last-child > * { border-radius: 0 3px 3px 0; } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { margin: 0; white-space: nowrap; display: table-cell; vertical-align: middle; } .input-group-label { padding: 0 1rem; border: 1px solid #aaaaaa; background: #f5f5f5; color: #333; text-align: center; white-space: nowrap; width: 1%; height: 100%; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; height: 2.5rem; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; width: 1%; height: 100%; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { height: 2.5rem; padding-top: 0; padding-bottom: 0; font-size: 1rem; } .input-group .input-group-button { display: table-cell; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #aaaaaa; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; background: #fefefe; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #aaaaaa; border-radius: 3px; background-color: #fefefe; font-family: inherit; font-size: 1rem; line-height: normal; color: #333; background-image: url("data:image/svg+xml;utf8,"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } @media screen and (min-width: 0\0) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid #656565; background-color: #fefefe; box-shadow: 0 0 5px #aaaaaa; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } select:disabled { background-color: #f5f5f5; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: #f9ecea; } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::-moz-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .is-invalid-label { color: #cc4b37; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #cc4b37; } .form-error.is-visible { display: block; } .callout { position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(51, 51, 51, 0.25); border-radius: 3px; background-color: white; color: #333; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: #f8fbd5; color: #333; } .callout.secondary { background-color: #e0e5ee; color: #333; } .callout.success { background-color: #f8fbd5; color: #333; } .callout.warning { background-color: #fce8de; color: #333; } .callout.alert { background-color: #f7e4e1; color: #333; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .menu { margin: 0; list-style-type: none; } .menu > li { display: table-cell; vertical-align: middle; } [data-whatinput='mouse'] .menu > li { outline: 0; } .menu > li > a { display: block; padding: 0.7rem 1rem; line-height: 1; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { vertical-align: middle; } .menu > li > a img + span, .menu > li > a i + span, .menu > li > a svg + span { vertical-align: middle; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { margin-right: 0.25rem; display: inline-block; } .menu > li, .menu.horizontal > li { display: table-cell; } .menu.expanded { display: table; width: 100%; table-layout: fixed; } .menu.expanded > li:first-child:last-child { width: 100%; } .menu.vertical > li { display: block; } @media print, screen and (min-width: 40em) { .menu.medium-horizontal > li { display: table-cell; } .menu.medium-expanded { display: table; width: 100%; table-layout: fixed; } .menu.medium-expanded > li:first-child:last-child { width: 100%; } .menu.medium-vertical > li { display: block; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal > li { display: table-cell; } .menu.large-expanded { display: table; width: 100%; table-layout: fixed; } .menu.large-expanded > li:first-child:last-child { width: 100%; } .menu.large-vertical > li { display: block; } } .menu.simple li { display: inline-block; vertical-align: top; line-height: 1; } .menu.simple a { padding: 0; } .menu.simple li { margin-left: 0; margin-right: 1rem; } .menu.simple.align-right li { margin-right: 0; margin-left: 1rem; } .menu.align-right::before, .menu.align-right::after { display: table; content: ' '; } .menu.align-right::after { clear: both; } .menu.align-right > li { float: right; } .menu.icon-top > li > a { text-align: center; } .menu.icon-top > li > a img, .menu.icon-top > li > a i, .menu.icon-top > li > a svg { display: block; margin: 0 auto 0.25rem; } .menu.icon-top.vertical a > span { margin: auto; } .menu.nested { margin-left: 1rem; } .menu .active > a { background: #afbd11; color: #fefefe; } .menu.menu-bordered li { border: 1px solid #f5f5f5; } .menu.menu-bordered li:not(:first-child) { border-top: 0; } .menu.menu-hover li:hover { background-color: #f5f5f5; } .menu-text { padding-top: 0; padding-bottom: 0; padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered { text-align: center; } .menu-centered > .menu { display: inline-block; vertical-align: top; } .no-js [data-responsive-menu] ul { display: none; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #aaaaaa; box-shadow: 0 7px 0 #aaaaaa, 0 14px 0 #aaaaaa; content: ''; } .menu-icon:hover::after { background: #656565; box-shadow: 0 7px 0 #656565, 0 14px 0 #656565; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #333; box-shadow: 0 7px 0 #333, 0 14px 0 #333; content: ''; } .menu-icon.dark:hover::after { background: #656565; box-shadow: 0 7px 0 #656565, 0 14px 0 #656565; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block; } .is-drilldown.animate-height { transition: height 0.5s; } .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; transition: transform 0.15s linear; } .is-drilldown-submenu.is-active { z-index: 1; display: block; transform: translateX(-100%); } .is-drilldown-submenu.is-closing { transform: translateX(100%); } .drilldown-submenu-cover-previous { min-height: 100%; } .is-drilldown-submenu-parent > a { position: relative; } .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #afbd11; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .js-drilldown-back > a::before { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #afbd11 transparent transparent; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-left-width: 0; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #656565 transparent transparent; right: 5px; margin-top: -3px; } [data-whatinput='mouse'] .dropdown.menu a { outline: 0; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #656565 transparent transparent; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #656565; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #656565 transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #656565 transparent transparent; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #656565; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #656565 transparent transparent; right: 5px; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #656565 transparent transparent; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #656565; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 280px; border: 1px solid #aaaaaa; background: #fefefe; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #656565 transparent transparent; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #656565; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } .tabs { margin: 0; border: 1px solid #f5f5f5; background: #fefefe; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: ' '; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #afbd11; } .tabs.primary > li > a { color: #333; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #a6b410; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #afbd11; } .tabs-title > a:hover { background: #fefefe; color: #97a30f; } .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #f5f5f5; color: #afbd11; } .tabs-content { border: 1px solid #f5f5f5; border-top: 0; background: #fefefe; color: #333; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid #f5f5f5; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel[aria-hidden="false"] { display: block; } .title-bar { padding: 0.5rem; background: transparent; color: #656565; } .title-bar::before, .title-bar::after { display: table; content: ' '; } .title-bar::after { clear: both; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left { float: left; } .title-bar-right { float: right; text-align: right; } .title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; } .top-bar { padding: 0.5rem; } .top-bar::before, .top-bar::after { display: table; content: ' '; } .top-bar::after { clear: both; } .top-bar, .top-bar ul { background-color: #f5f5f5; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar .top-bar-left, .top-bar .top-bar-right { width: 100%; } @media print, screen and (min-width: 40em) { .top-bar .top-bar-left, .top-bar .top-bar-right { width: auto; } } @media screen and (max-width: 63.9375em) { .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { width: 100%; } } @media screen and (max-width: 74.9375em) { .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { width: 100%; } } .top-bar-title { display: inline-block; float: left; padding: 0.5rem 1rem 0.5rem 0; } .top-bar-title .menu-icon { bottom: 2px; } .top-bar-left { float: left; } .top-bar-right { float: right; } /*** Tooltip ***/ .tooltip { max-width: 15rem; } /* Von Block auf inline-block zurücksetzen -> Layoutfehler*/ #mainWrapper input { display: inline-block; } /*** Title Bar ***/ .title-bar { text-align: right; background-color: transparent; color: #656565; padding: 1rem 0.5rem 0; } .title-bar .menu-icon { height: auto; } .title-bar-title { cursor: pointer; color: #656565; } /************/ /*** Menu ***/ .menu > li > a { display: -ms-flexbox; display: flex; line-height: 1.4; } /* Arrow-icon closer to text to even the paddings */ .dropdown.menu > li.is-dropdown-submenu-parent > a { padding-right: 2rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { right: 12px; } /* -Divider */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ clear: both; max-width: 75rem; height: 0; margin: 1rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #aaaaaa; border-left: 0; } .menu hr { display: block; } .glsearch__btn, .glheader__loginfo-btn, .mainnav__btn, .inst-review__cta { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 3px; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #afbd11; color: #fefefe; } [data-whatinput='mouse'] .glsearch__btn { outline: 0; } .glsearch__btn:hover, .glsearch__btn:focus, .mainnav__btn:hover, .mainnav__btn:focus { background-color: #95a10e; color: #fefefe; } .glsearch__btn.expanded, .mainnav__btn.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button.hollow { border: 1px solid #afbd11; color: #afbd11; } .button.hollow { background-color: transparent; } .button.hollow:hover, .button.hollow:focus { border-color: #585f09; color: #585f09; } .button.hollow.primary { border: 1px solid #afbd11; color: #afbd11; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #585f09; color: #585f09; } .button.hollow.secondary { border: 1px solid #445578; color: #445578; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #222b3c; color: #222b3c; } .button.hollow.success { border: 1px solid #afbd11; color: #afbd11; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #585f09; color: #585f09; } .button.hollow.warning { border: 1px solid #ec6726; color: #ec6726; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #7e310b; color: #7e310b; } .button.hollow.alert { border: 1px solid #cc4b37; color: #cc4b37; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #67251a; color: #67251a; } .button.secondary { background-color: #445578; color: #fefefe; } .button.secondary:hover, .button.secondary:focus { background-color: #364460; color: #fefefe; } .button.small { font-size: 0.75rem; } /* Buttons with no height don't show up */ button:not(.glsearch__btn):not(.btn_search_l):not(.grub_l):not(.button) { border: none; cursor: pointer; height: 26px; overflow: hidden; } .button:not(.glsearch__btn):not(.ui-icon) span { display: none; } /*button:not(.glsearch__btn){ border:none; padding:0 .25em; cursor:pointer; height:26px; overflow:hidden }*/ button:not(.glsearch__btn):not(.ui-icon):not(.ui-button) span { display: none; } /* Forum Overrides*/ .forum-search-txt { height: auto; } input[type=radio] { margin-bottom: 0; } /**************************/ /*** -Redaktionsbereich ***/ .redak label { font-size: 0.7rem; } .redak input:not(.glsearch__input) { display: inline-block; font-size: inherit; width: auto; height: auto; } .redak button_not(.glsearch__btn) { display: inline-block; height: 26px; } .redak header .row { overflow: visible; } @charset "UTF-8"; /* CSS-File: common.css */ ::-moz-selection { background: #bfcc00; color: #fff; } ::selection { background: #bfcc00; color: #fff; } ::-moz-selection { background: #bfcc00; color: #fff; } html { height: 100%; -ms-touch-action: auto; } body, textarea { font-family: kometpro-regular, "Helvetica Neue", Helvetica, Roboto, sans-serif; line-height: 1.15rem; font-weight: normal; } input { margin-right: 2px; color: #333; } label { vertical-align: text-bottom; } textarea { font-size: 1rem; /* webkit-apperance no longer removes the rounded corners in Safari on iOS 5, so you need border-radius */ -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } /* gleicht Entfernung der reset.css aus */ html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; /*font-size: 100%; font-style: normal;*/ } h1, h2, h3, h4, h5, h6 { color: #656565; line-height: 1; } /* responsive pages */ .responsive { font-size: 0.875rem; } .responsiveSmall { font-size: 0.75rem; } ol, ul { list-style: none; } .numberedList { list-style: decimal inside; /*font-weight: bold; font-size: 1.167em; line-height: 1.333em; margin-bottom: 0.5em;*/ } .numberedList li { margin: 12px 0; } /*.numberedList li h3 { display: inline; font-weight: normal; font-size: 1.167em; }*/ ol.numberedList { counter-reset: li; /* Initiate a counter */ margin-left: 2em; /* Remove the default left margin */ padding-left: 0; /* Remove the default left padding */ padding-bottom: 0.666em; } ol.numberedList > h3 { margin-left: -1.5em; /* Remove the default left margin */ } ol.numberedList > li { position: relative; /* Create a positioning context */ /* margin:0 0 6px 2em;*/ /* Give each list item a left margin to make room for the numbers */ /* padding:4px 8px;*/ /* Add some spacing around the content */ list-style: none; /* Disable the normal item numbering */ } /*ol.numberedList > li > a { font-size: 1.167em; }*/ ol.numberedList > li > h4 { font-size: 1.167em; } ol.numberedList > li:before { content: counter(li) "."; /* Use the counter as content */ counter-increment: li; /* Increment the counter by 1 */ /* Position and style the number */ position: absolute; top: 0px; left: -2em; box-sizing: border-box; width: 2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ /* margin-right:8px; padding:4px;*/ font-weight: bold; font-size: 1.167em; text-align: center; } ol.normalWeightMarkers > li:before { font-weight: normal; font-size: 1em; } a:hover.decoNone, a:active.decoNone { text-decoration: none; } /* DIV-buttons */ /*.button span {display:none;}*/ /* Real buttons */ /*button{ border:none; padding:0 .25em 0 .25em; cursor:pointer; height:26px; overflow:hidden; } button span{display:none;} */ /*******************************/ /* CSS3 Buttons Without Images */ .button.css3, .css3, .button.css3-wider, .css3-wider { height: auto; padding: .5rem 1rem; margin-right: 1px; margin-bottom: 1px; text-align: center; font-size: 1.083em; display: inline-block; color: #fff; border: none; border-radius: 3px; background-color: #ec6726; } .button.css3:hover, .button.css3-gray:hover, .button.css3-grey:hover, .button.css3-green:hover, .button.css3-wider:hover, .css3-wider:hover { text-decoration: none; } .button.css3-gray, .button.css3-grey, .css3-gray, .css3-grey, .ui-widget-content .css3-gray, .ui-widget-content .css3-grey { zoom: 1; height: auto; padding: .5rem 1rem; margin-right: 1px; margin-bottom: 1px; text-align: center; font-size: 1.083em; color: #fff; border: none; border-radius: 3px; background: #7e7e7e; } .button.css3-green, .css3-green { zoom: 1; height: auto; padding: .5rem 1rem; margin-right: 1px; margin-bottom: 1px; text-align: center; font-size: 1.083em; display: inline-block; color: #fff; border: none; border-radius: 3px; background-color: #afbd11; } .button.css3-wider, .css3-wider, .ui-widget-content .css3-wider { padding-left: 2.5em; padding-right: 2.5em; } .css3:active { position: relative; top: 1px; } .button.css3:disabled, .button.css3-gray:disabled, .button.css3-grey:disabled, .css3:disabled { color: #000; background: #dcdcdc; } .button.expanded { width: 100%; } /****************************************************************/ /*** New flat CSS3-Button ***/ /*** ***/ /*** Erstellt mit http://www.bestcssbuttongenerator.com/ ***/ .css3Btn { background-color: #ec6726; display: inline-block; cursor: pointer; color: #fff; font-family: arial; font-size: 1em; padding: 0.5em 1.5em; text-decoration: none; text-align: center; line-height: 1em; border-radius: 3px; } .css3Btn:hover { background-color: #d15b22; text-decoration: none; } .css3Btn:active { position: relative; top: 0.06em; } input.shadow, textarea.shadow, .inputShadow { border: 1px solid #a4a4a4; border-width: 2px 1px 1px 2px; } a.tip, .tipSticky:hover, div.tip { cursor: help; } /* Examples-Text */ .placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: gray; } .golocalRot { color: #ec6726; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { /*font-size:1.833em; */ font-size: 1.4em; } h2 { font-size: 1.333em; line-height: 1.333em; } h3 { font-size: 1.167em; } table h3 { margin-bottom: 0; } strong { font-weight: 700; } p { margin-bottom: 0.5em; } hr { display: none; } .nobr { white-space: nowrap; } .bold { font-weight: 700; } /*.large {font-size:1.333em;}*/ .red-bold { font-weight: 700; color: #c63326; } .red { color: #c63326; } .grey, .gray { color: #8b8787; } .green { color: #b0bc00; } .lightBlue { color: #66aaee; } .center { text-align: center; } .alignRight { text-align: right; } .italic { font-style: italic; } .big { font-size: 128%; } .small { font-size: 85%; } .x-small { font-size: 78%; } .underline { text-decoration: un derline; } .centerText { text-align: center; } /* automatische Silbentrennung */ .hyphens { -webkit-hyphens: auto; -ms-hyphens: auto; -epub-hyphens: auto; hyphens: auto; } .hyphens .none { -webkit-hyphens: none; -ms-hyphens: none; -epub-hyphens: none; hyphens: none; } #mainWrapper, .fullWrapper-mainWrapper { text-align: left; padding-bottom: 2rem; } .col-f { font-size: 0.75em; } /* nur bei Nicht Foundation */ #mainWrapper:not(.row), .fullWrapper-mainWrapper:not(.row) { width: 980px; margin: 0 auto; font-size: 0.75em; } /* MainWrapper with WideSkyscraper Ad */ #mainWrapper.WideSkyscraper:not(.row) { width: 1150px; text-align: left; margin: 0 auto; font-size: 0.75em; } /* MainWrapper ohne WideSkyscraper und ohne Responsive Layout Fallback */ #mainWrapper:not(.WideSkyscraper):not(.row) { /*width: 1300px; */ text-align: left; margin: 0 auto; font-size: 0.75em; /* padding-left: 170px; padding-right: 150px;*/ width: 980px; } .noAds #mainWrapper:not(.WideSkyscraper):not(.row) { /*width: 1300px; */ text-align: left; margin: 0 auto; font-size: 0.75em; position: relative; /* padding-left: 170px; padding-right: 150px;*/ left: 90px; width: 980px; } #mainWrapper.WideSkyscraperRight:not(.row) { width: 1305px; text-align: left; margin: 0 auto; padding-left: 160px; font-size: 0.75em; } .active { display: block; visibility: visible; } .hidden { display: none; visibility: hidden; } .fadedText { color: #8b8787; font-size: 8pt; } /* new clearfix */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* List START*/ .genlist { list-style-image: none; list-style-position: outside; } .genlist li { margin-bottom: 0.333em; line-height: 1.333em; } /* separated list*/ ul.sep li { margin-right: 5px; padding-right: 5px; border-right: 1px solid #d2d2d2; } ul.sep .last { margin-right: 0; border: none; } .hor li { display: inline; } .bullet li { background: transparent url(/images/42024/common/bulletList.gif) no-repeat 0 6px; padding-left: 16px; } .bulletSpaced li { background: transparent url(/images/42024/common/bulletList.gif) no-repeat 0 6px; padding-left: 16px; margin: 0.5em 0 0 25px; } .continueBullet li { background: transparent url(/images/42024/common/bulletList_continue.gif) no-repeat 0 9px; padding-left: 14px; } ul.check li { background: transparent url(/images/42024/common/bulletList_check.png) no-repeat 0 9px; padding-left: 14px; } .decimalByHand li { list-style-type: none; margin-bottom: 1em; } /* List ENDE*/ /* Standard-Links with icon */ /*a.removeFromList{background-position: -560px -978px;}*/ /*a.commentReview{padding-left:23px; background-position: -560px -1328px;}*/ .facebook { background: url(/images/42024/de/multis/mgl.png) no-repeat 0 -2380px; } /* Links START */ a { color: #ec6726; text-decoration: none; } /* a:link, a:visited { text-decoration:none;} a:hover, a:active { text-decoration:underline;} */ /* links that stay away from the foreground */ a.unobtrusive:link, a.unobtrusive:visited { color: #8b8787; } a.unobtrusive:hover, a.unobtrusive:active { color: #ec6726; } a img, fieldset { border: none; } #bcklctn { display: inline-block; margin: 1.5em 1em 1.5em 0; } /* Links END */ /* Floatings START */ .right { float: right; } .left { float: left; } .clear { clear: both; height: 0; font-size: 1px; line-height: 0; } .clearLeft { clear: left; } br.clearLeft { height: 0; font-size: 1px; line-height: 0; } /* Floatings END */ /* Spaces */ .spaceTop { margin-top: 1.5em; } .spaceBottom { margin-bottom: 1.5em; } /*****************************/ /* Error/OK-Messages */ .error, .errorMessage { color: #C63326; font-weight: bold; } .errorMessage190 { color: red; padding-left: 190px; } .errorMessage150 { color: red; padding-left: 150px; } .errorBox { padding: 0.5em 1em; border: 2px solid #c63326; background-color: #fffafa; } .locOnTheWay { color: #999; font-size: 85%; margin: 0; padding: 0; } .OkMessage { padding: 20px; margin: 0px 0px 40px 0px; border-radius: 5px; border: 2px solid #b0bc00; } /*********************************************/ /* Quotes */ .forumBoxAnswer .blockquote, .mgl-news-content .blockquote, #forumOverview .blockquote, .openerText .blockquote { padding-left: 25px; background: url(/images/42024/common/quoteRight_m_forum.png) left bottom no-repeat; margin: 0 20px; margin-bottom: 15px; padding-top: 15px; } .forumBoxAnswer blockquote, .mgl-news-content blockquote, #forumOverview blockquote, .openerText blockquote { font-style: italic; padding: 5px 25px 0 5px; background: url(/images/42024/common/quoteLeft_m_forum.png) right top no-repeat; } .blockquote-author { color: #8b8787; background: none; margin: 0; padding-left: 5px; } /* Breaks loooong rows of chars (e.g. URLs) even without a whitespace */ .preWrap { word-wrap: break-word; } /**************************************/ /*** Dialog-Fenster ***/ .closeWindow { color: #000000; text-align: left; /*width:425px; height:250px;*/ } .closeWindow .close { position: absolute; top: 10px; right: 20px; background: transparent url(/images/42024/de/multis/basic.png) no-repeat scroll 0 -420px; display: block; height: 17px; width: 17px; overflow: hidden; text-indent: -1000px; z-index: 10; cursor: pointer; } .closeWindow h2 { margin: 2px 0 10px 0; font-size: 1.667em; } .closeWindow .subTitle { display: block; font-size: 1.5em; color: #656565; margin-bottom: 0.833em; } .closeWindow #infoMessage { position: absolute; width: 415px; top: 0; left: 0; padding-bottom: 1em; font-size: 1.13em; background-color: #fff; display: none; text-align: center; z-index: 10; } .closeWindow #infoMessage .ok { padding: 0.5em 0 0.5em 2.143em; background: transparent url(/images/42024/de/multis/extended.png) no-repeat 0 -1820px; } #TB_window h1, #TB_window .pageTitle { background-color: #b0bc00; color: #fff; margin-bottom: 0; padding: 10px 40px 10px 20px; font-size: 1.333em; box-shadow: 0 -3px 8px black; } .closeWindow .mainContent { overflow: auto; position: relative; } .closeWindow .buttonsWrapper { position: relative; text-align: center; margin-top: 15px; padding: 0 20px; } #buttonWrp { margin-top: 10px; } /* close-element */ .closeElement { position: absolute; width: 10px; height: 10px; right: 15px; top: 10px; background: transparent url(/images/42024/de/multis/common.png) no-repeat -95px -95px; } /* hidden text within a graphical element (e.g. close-button) */ .a-grf-txt { display: block; position: relative; text-indent: -1500px; overflow: hidden; } /*******************************************/ /*** Buttons ***/ .btn_cancel { background: transparent url(/images/42024/de/multis/review.png) no-repeat 0 -280px; width: 109px; margin-right: 20px; } /********************************************/ /* Schatten */ /********************************************/ /* Alle Schatten entfernt -> Flat Design */ /*.standardShadow { -moz-box-shadow: 2px 2px 2px #ababab; -webkit-box-shadow: 2px 2px 2px #ababab; box-shadow: 2px 2px 2px #ababab; }*/ .avatar_mm { background: url(/images/42024/de/multis/common.png) no-repeat scroll -2195px -130px transparent; /* display: inline-block; line-height: 0;*/ } .avatar_mm_frame { float: left; margin-right: 10px; height: 50px; width: 50px; /*border: 3px solid #fff;*/ /* display: inline-block; line-height: 0;*/ } /**************************************/ /*** Common styles ***/ .disabled, .faded { background-color: #fff; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; } a.disabled { pointer-events: none; cursor: default; } a.disabled:hover { text-decoration: none; } .highlightBox { padding: 8px; background-color: #f5f8cc; border: #e0e3b6 solid 1px; } .explanation { position: relative; background-color: #e6e8c4; padding: 1.167em 1.333em; font-size: 0.857em; margin-bottom: 10px; } /*******************************************/ /*** Advertisements ***/ .middleAd { margin: 0 auto; } .skyscraper { width: 120px; left: 985px; position: absolute; top: 0; } .wideSkyscraper { width: 160px; float: left; height: 600px; margin-right: 10px; } .wideSkyscraperRight { width: 160px; float: left; height: 600px; margin-left: 10px; } /* Content Boxen START */ .contentBox { float: left; } .contentBox.vertSeparator { margin-right: 40px; } .vertSeparator { margin-right: 0; } .contentBox.vertSeparatorForm { margin-right: 20px; } .contentBox.xxl { width: 920px; } .contentBox.xml { width: 680px; } .contentBox.xl { width: 440px; } .contentBox.l { width: 380px; } .contentBox.m { width: 260px; } .contentBox.s { width: 200px; } .contentBox.xs { width: 180px; } /* Content Boxen ENDE */ .videoFrame { background-color: #CECECE; border-left: 6px dashed #DEDEDD; border-right: 6px dashed #DEDEDD; display: inline-block; /* height: 76px; */ line-height: 0; padding: 10px 6px; width: 102px; } .viaMeinungsmeister { background: none; font-size: 10px; /*padding-left: 10px; margin-left: 10px;*/ } /***********************************/ /* Rating */ .mmProductsInfo { color: #8b8787; } .aggregatedHinweis { color: #d0d1cc; } .aggregatedHinweisUnderline { text-decoration: underline; } .glRating .amountRating { font-size: 0.917em; text-align: right; clear: right; } .glRating .imgRating , div.review .imgRating { position: relative; display: block; float: right; background: transparent url(/images/42024/de/multis/review.png) no-repeat; width: 95px; height: 19px; } div.review .imgRating { float: left; margin: 0.25em 0.5em 0 0; width: 65px; height: 13px; } .imgRating.starGreenBig, .imgRating.starPetrolBig { background: url(/images/42024/de/multis/common.png) no-repeat scroll transparent; position: relative; display: block; float: right; width: 95px; height: 19px; } div.review .imgRating.starGreen { background: url(/images/42024/de/multis/common.png) no-repeat scroll transparent; position: relative; display: block; float: left; width: 65px; height: 13px; } /***************************/ div.review .imgRating.star0Green { background-position: -2450px 0; } div.review .imgRating.star1Green { background-position: -2450px -13px; } div.review .imgRating.star2Green { background-position: -2450px -26px; } div.review .imgRating.star3Green { background-position: -2450px -39px; } div.review .imgRating.star4Green { background-position: -2450px -52px; } div.review .imgRating.star5Green { background-position: -2450px -65px; } div.review .imgRating.star05Green { background-position: -2450px 0; } div.review .imgRating.star15Green { background-position: -2450px -117px; } div.review .imgRating.star25Green { background-position: -2450px -104px; } div.review .imgRating.star35Green { background-position: -2450px -91px; } div.review .imgRating.star45Green { background-position: -2450px -79px; } /***************************/ .imgRating.star0GreenBig { background-position: -2260px -19px; } .imgRating.star1GreenBig { background-position: -2260px -38px; } .imgRating.star2GreenBig { background-position: -2260px -57px; } .imgRating.star3GreenBig { background-position: -2260px -76px; } .imgRating.star4GreenBig { background-position: -2260px -95px; } .imgRating.star5GreenBig { background-position: -2260px -114px; } .imgRating.star05GreenBig { background-position: -2355px 0; } .imgRating.star15GreenBig { background-position: -2355px -19px; } .imgRating.star25GreenBig { background-position: -2355px -38px; } .imgRating.star35GreenBig { background-position: -2355px -57px; } .imgRating.star45GreenBig { background-position: -2355px -76px; } /***************************/ .span-in-star { display: none; } .imgRating.star0PetrolBig { background-position: -2260px -133px; } .imgRating.star1PetrolBig { background-position: -2260px -152px; } .imgRating.star2PetrolBig { background-position: -2260px -171px; } .imgRating.star3PetrolBig { background-position: -2260px -190px; } .imgRating.star4PetrolBig { background-position: -2260px -209px; } .imgRating.star5PetrolBig { background-position: -2260px -228px; } .imgRating.star05PetrolBig { background-position: -2355px -95px; } .imgRating.star15PetrolBig { background-position: -2355px -114px; } .imgRating.star25PetrolBig { background-position: -2355px -133px; } .imgRating.star35PetrolBig { background-position: -2355px -152px; } .imgRating.star45PetrolBig { background-position: -2355px -171px; } /***************************/ #glMap div.imgRating { float: none; } .glRating .imgRating span, .review .imgRating span { display: none; } .glRating .starclosed { background-position: -840px 0; } .glRating .star0 { background-position: -560px 0; } .glRating .star1 { background-position: -560px -70px; } .glRating .star2 { background-position: -560px -140px; } .glRating .star3 { background-position: -560px -210px; } .glRating .star4 { background-position: -560px -280px; } .glRating .star5 { background-position: -560px -350px; } .glRating .star05 { background-position: -700px 0; } .glRating .star15 { background-position: -700px -70px; } .glRating .star25 { background-position: -700px -140px; } .glRating .star35 { background-position: -700px -210px; } .glRating .star45 { background-position: -700px -280px; } /* Small Rating in user-review */ div.review .star0 { background-position: -560px -700px; } div.review .star1 { background-position: -560px -770px; } div.review .star2 { background-position: -560px -840px; } div.review .star3 { background-position: -560px -910px; } div.review .star4 { background-position: -560px -980px; } div.review .star5 { background-position: -560px -1050px; } div.review .star15 { background-position: -560px -1330px; } div.review .star25 { background-position: -560px -1260px; } div.review .star35 { background-position: -560px -1190px; } div.review .star45 { background-position: -560px -1120px; } div.review .starclosed { background-position: -560px -1400px; } .reviewlocked { margin-top: 20px; background: transparent url(/images/42024/de/multis/review.png) no-repeat -980px 0; padding-left: 11px; color: #8B8787; } /* Small Ratings */ .smlRtg, .smlRtg.golocal { background: url(/images/42024/de/multis/common.png) no-repeat scroll -190px -65px transparent; height: 13px; width: 65px; text-indent: -10000px; /*float: right;*/ } .smlRtg.meinungsmeister { background: url(/images/42024/de/multis/common.png) no-repeat scroll -2195px -65px transparent; height: 13px; width: 65px; text-indent: -10000px; /*float: right;*/ display: inline-block; } .smlRtg.starclosed { background-position: -190px 0; } .smlRtg.star0 { background-position: -190px 0; } .smlRtg.star1 { background-position: -190px -13px; } .smlRtg.star2 { background-position: -190px -26px; } .smlRtg.star3 { background-position: -190px -39px; } .smlRtg.star4 { background-position: -190px -52px; } .smlRtg.star5 { background-position: -190px -65px; } .smlRtg.star05 { background-position: -190px 0; } .smlRtg.star15 { background-position: -190px -117px; } .smlRtg.star25 { background-position: -190px -104px; } .smlRtg.star35 { background-position: -190px -91px; } .smlRtg.star45 { background-position: -190px -79px; } /*********************/ .smlRtg.golocal.starclosed { background-position: -2450px 0; } .smlRtg.golocal.star0 { background-position: -2450px 0; } .smlRtg.golocal.star1 { background-position: -2450px -13px; } .smlRtg.golocal.star2 { background-position: -2450px -26px; } .smlRtg.golocal.star3 { background-position: -2450px -39px; } .smlRtg.golocal.star4 { background-position: -2450px -52px; } .smlRtg.golocal.star5 { background-position: -2450px -65px; } .smlRtg.golocal.star05 { background-position: -2450px 0; } .smlRtg.golocal.star15 { background-position: -2450px -117px; } .smlRtg.golocal.star25 { background-position: -2450px -104px; } .smlRtg.golocal.star35 { background-position: -2450px -91px; } .smlRtg.golocal.star45 { background-position: -2450px -79px; } /*********************/ .smlRtg.meinungsmeister.star0 { background-position: -2195px 0; } .smlRtg.meinungsmeister.star1 { background-position: -2195px -13px; } .smlRtg.meinungsmeister.star2 { background-position: -2195px -26px; } .smlRtg.meinungsmeister.star3 { background-position: -2195px -39px; } .smlRtg.meinungsmeister.star4 { background-position: -2195px -52px; } .smlRtg.meinungsmeister.star5 { background-position: -2195px -65px; } .smlRtg.meinungsmeister.star05 { background-position: -2195px 0; } .smlRtg.meinungsmeister.star15 { background-position: -2195px -117px; } .smlRtg.meinungsmeister.star25 { background-position: -2195px -104px; } .smlRtg.meinungsmeister.star35 { background-position: -2195px -91px; } .smlRtg.meinungsmeister.star45 { background-position: -2195px -79px; } /****************************************/ /*** Info Message ***/ #infoMsgTop { margin-bottom: 2em; } .infoMsg { border: 2px solid #ec6726; padding: 1em 0.5em 1em 3.5em; margin: 10px 0; /*background-color:#feeeec;*/ } .infoMsg_error, .infoMsg_error_video { background: #feeeec url(/images/42024/de/multis/basic.png) no-repeat 0 -2100px; } .infoMsg_success { border-color: #b0bc00; background: #f6f8df url(/images/42024/de/multis/basic.png) no-repeat 0 -2310px; } .infoMsg_info { background: #F4F7C9; border-color: #E6E8C4; color: #8B8787; padding-left: 1.5em; } .infoMsg_tabsInfo { background: #F4F7C9; border-color: #E6E8C4; color: #8B8787; padding: .5em; } .infoMsg_message { display: block; font-size: 1.5em; font-weight: normal; padding: 0; line-height: 1.2em; color: #7E6B5D; } .infoMsg_success_message { color: #b0bc00; } .infoMsg_desc { padding: 0.5em 0 0; } .infoMsg_list { padding-top: 0.5em; } .infoMsg_tabsInfoParagraph { font-size: .857em; margin-bottom: 0; } .infoMsg .help { margin-left: 0; /* Overrides default help margin */ padding-left: 5px; } .infoMsg .preTxt { position: relative; float: left; font-size: 0.917em; } /* CSS3 Tooltip from http://www.red-team-design.com/css3-tooltips */ .csstooltip { text-decoration: none; cursor: help; display: inline-block; position: relative; } .csstooltip:after { content: attr(data-tooltip); position: absolute; bottom: 130%; left: 20%; width: 230px; color: white; font-size: 12px; background-color: #b0bc00; /* @alternate */ /* @alternate */ /* @alternate */ /* @alternate */ /* @alternate */ background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)); border-radius: 4px; /*-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;*/ /* text-shadow: 0 1px 0 rgba(139,135,135,.9); */ -webkit-hyphens: auto; -ms-hyphens: auto; -epub-hyphens: auto; hyphens: auto; line-height: 15px; padding: 10px; border: 2px solid #b0bc00; opacity: 0; transition: all 0.4s ease; visibility: hidden; z-index: 1100; text-align: left; } .csstooltip:before { content: ""; position: absolute; width: 0; height: 0; z-index: 1000; border-top: 8px solid #b0bc00; border-left: 8px solid transparent; border-right: 8px solid transparent; transition: all 0.4s ease; opacity: 0; left: 30%; bottom: 90%; visibility: hidden; } .csstooltip:hover:after { bottom: 120%; visibility: visible; } .csstooltip:hover:before { bottom: 100%; visibility: visible; } .csstooltip:hover:after, .csstooltip:hover:before { opacity: 1; } /* Motivations-Star, Punkte-Stern */ .pointedStar { font-weight: bold; color: white; font-size: 40px; line-height: 80px; width: 80px; height: 80px; position: relative; top: 20px; left: 20px; text-align: center; z-index: 5; } .pointedStar:before, .pointedStar:after { content: ""; position: absolute; top: 0; left: 0; height: 80px; width: 80px; background: #0f94c0; z-index: -1; } .pointedStar:before { transform: rotate(22.5deg); box-shadow: 1px 1px gray; } .pointedStar:after { transform: rotate(67.5deg); } /* LOADING THROBBER */ .loader, .button .loader { z-index: 100; width: 16px; height: 16px; background: transparent url(/images/42024/common/indicator.gif) no-repeat top left; display: none; } #glButtonLoader, #glLinkLoader { margin: 0 auto; display: block; } #TB_load { background: #d7db95; z-index: 9999; box-shadow: 1px 1px 1px #ababab; } #TB_load .ui-progressbar-value { background-image: url(/images/42024/common/loadingAnimation.gif); z-index: 100000; margin: 0; } .ui-progressbar .ui-progressbar-value { margin: 0; border: none; } /* Help Icons */ .help { float: left; margin-left: 10px; margin-top: 3px; } .help a { background: url(/images/42024/de/multis/review.png) no-repeat scroll 0 -1320px transparent; display: block; height: 15px; width: 15px; } .help span { display: none; } .helpIcon { background: url(/images/42024/de/multis/basic.png) no-repeat scroll -1008px -315px transparent; display: inline-block; min-height: 15px; padding-left: 20px; margin-top: 1em; line-height: normal; } /********************************/ /*** Separators ***/ /* TODO other separators aus layout.css hinüberpacken */ .horSeparatorBottom { border-bottom: 1px dotted #7e7e7e; margin-bottom: 2rem; padding-bottom: 2rem; } .horSeparatorBottom2 { border-bottom: 1px dotted #7e7e7e; margin-bottom: 1.5rem; padding-bottom: 1.5rem; } .horSeparatorTop { /* wird bisher nur im tooltip verwendet */ border-top: 1px dotted #7e7e7e; margin-top: 1rem; padding-top: 1rem; } .vertSeparatorLeft { border-left: 1px dotted #7e7e7e; } .vertSeparatorRight { border-right: 1px dotted #7e7e7e; } @media only screen and (max-width: 768px) { .vertSeparatorLeft { border-left: none; padding-left: 0; margin-left: 0; } .vertSeparatorRight { border-right: none; padding-right: 0; margin-right: 0; } } /* Incentive Styles */ .incentiveDisclaimer { color: #878787; font-size: 10px; } /********************************/ /*** Social Media Pages ***/ .socialmedia-page { width: 32px; height: 32px; display: inline-block; background: transparent url(/images/42024/de/multis/common.png) no-repeat 0 -510px; margin-top: 10px; margin-right: 10px; } .socialmedia-page.fb { background-position: 0 -510px; } .socialmedia-page.twitter { background-position: -66px -510px; } .socialmedia-page.gplus { background-position: -33px -510px; } /**********************************/ /* DIALOG */ /* Overrides jQuery UI Dialog Ancor Farbe */ .no-close .ui-dialog-titlebar-close { display: none; } .ui-widget-overlay, .ui-front { z-index: 99; } .ui-dialog { z-index: 1000 !important; } .ui-dialog-content a { color: #ec6726; } .ui-dialog .ui-dialog-content { padding: 0; } /* Standardeinstellung überschreiben */ /* Social Wrapper */ .fb-like { /*margin-right: 0.5em;*/ width: 130px !important; /* fuer mobile Variante, sonst zuckelt der reload */ height: 20px !important; /* fuer mobile Variante, sonst zuckelt der reload */ display: inline-block !important; } .fb_iframe_widget { z-index: 10; } .fb_iframe_widget span { vertical-align: baseline !important; } /* Label We Hire*/ #lbl_weHire { position: fixed; z-index: 3; display: block; top: 70%; margin-top: -66px; right: 0px; width: 27px; height: 133px; background: url(/images/42024/de/unternehmen/label_wehire.png) 3px 0 no-repeat; overflow: hidden; } #lbl_weHire:hover { background-position: 0 0; } .lbl_weHire-text { position: relative; display: block; text-indent: -9999px; } /*************************************/ /* golocal Survey */ #glSurvey { border: 1px solid #c2c2c2; padding: 1em; margin-bottom: 1.5em; background: url(/images/42024/de/marketing/bg_marketing_teaser.png) right bottom no-repeat; display: none; } #glSurvey .glSurvey-header { font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.2em; } .glSurvey-content { padding-right: 15em; } .glSurvey-btn { padding: 0.7em 3em; margin-top: 0.5em; margin-bottom: 0.5em; } .glSurvey-tnb { font-size: 0.8em; color: #858585; } .survey-hide { margin-left: 1em; color: #858585; font-size: 0.8em; white-space: nowrap; } /* Darstellung in Marginalspalte) */ .col2 #glSurvey { border: 1px solid #c2c2c2; padding: 1em; margin-bottom: 1.5em; background: none; } .col2 .glSurvey-header { font-size: 1.5em; line-height: 1.2em; margin-bottom: 0.2em; } .col2 .glSurvey-txt { width: 25em; } .col2 .glSurvey { padding: 0.7em 3em; margin-top: 0.5em; margin-bottom: 0.5em; width: 100%; } .col2 .survey-hide { margin-left: 0em; } .col2 .glSurvey-content { padding-right: 10em; } /* @media */ @media only screen and (max-width: 40em) { #glSurvey { background: none; } .glSurvey-content { padding-right: 0em; } } /****************************************/ /* optimierte Registrierungsprozess */ .sprite-reg { background-image: url(/images/42024/de/multis/register-sprite.png); background-repeat: no-repeat; display: block; } .sprite-comment { width: 126px; height: 108px; background-position: -10px -10px; margin: 45px auto 45px; } .sprite-deepdata { width: 136px; height: 153px; background-position: -156px -10px; margin: 20px auto 25px; } .sprite-email-client { width: 180px; height: 172px; background-position: -312px -10px; margin: 18px auto 8px; } .sprite-favourite { width: 172px; height: 152px; background-position: -512px -10px; margin: 20px auto 26px; } .sprite-forum { width: 132px; height: 109px; background-position: -704px -10px; margin: 45px auto 44px; } .sprite-like { width: 120px; height: 151px; background-position: -856px -10px; margin: 23px auto 24px; } .sprite-mail { width: 159px; height: 88px; background-position: -996px -10px; margin: 50px auto 60px; } .sprite-notepad { width: 142px; height: 152px; background-position: -1175px -10px; margin: 23px auto 23px; } .sprite-review { width: 152px; height: 152px; background-position: -1337px -10px; margin: 23px auto 23px; } #regConfirm { margin-bottom: 30px; } #regConfirm h1 { margin: 120px 0 70px; text-align: center; font-size: 30px; color: #333; font-weight: 300; line-height: 1.25; } @media only screen { #regConfirm .columns { margin-bottom: 30px; } } /* medium displays */ /*@media only screen and (min-width: 40.063em) { .regConfirmCol { width: 100%; float: none; margin-bottom: 30px; min-height:250px; } }*/ /* large displays */ @media only screen and (min-width: 64.063em) { #regConfirm .columns { margin-bottom: 0; } } .regConfirmCol p { text-align: center; } .regStep { color: #fff; font-size: 30px; font-weight: bold; background-color: #afbd09; border-radius: 100%; padding: 12px 0 0 0; width: 50px; height: 50px; display: block; text-align: center; border: 4px solid #fff; box-shadow: 3px 3px 0px 0px #a4a4a4; margin: 0 auto; } .regStepText { text-align: center; font-size: 14px; } .regBack { margin: 0 auto 2rem; text-align: center; font-size: 11px; } /* Breadcrumb */ #categoryFull { color: #8B8787; margin: 0 0 0.5em 0; font-size: 13px; } .bcrmbttl { color: #8B8787; } /*! jQuery UI - v1.11.1 - 2014-09-15 * http://jqueryui.com * Includes: core.css, draggable.css, resizable.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&fsDefault=12px&cornerRadius=0px&bgColorHeader=%23b0bc00&bgTextureHeader=flat&bgImgOpacityHeader=75&borderColorHeader=%23b0bc00&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23b0bc00&fcContent=%23333333&iconColorContent=%23ffffff&bgColorDefault=%23d3d3d3&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=%23d3d3d3&fcDefault=%23333&iconColorDefault=%23333&bgColorHover=%23b0bc00&bgTextureHover=glass&bgImgOpacityHover=30&borderColorHover=%23ffffff&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23b0bc00&bgTextureActive=glass&bgImgOpacityActive=30&borderColorActive=%23ffffff&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23faf9f2&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23b0bc00&fcHighlight=%23363636&iconColorHighlight=%23b0bc00&bgColorError=%23fef1ec&bgTextureError=inset_soft&bgImgOpacityError=95&borderColorError=%23c63326&fcError=%23c63326&iconColorError=%23c63326&bgColorOverlay=%23ffffff&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=75&bgColorShadow=%23b5b5b5&bgTextureShadow=flat&bgImgOpacityShadow=50&opacityShadow=30&thicknessShadow=10px&offsetTopShadow=-10px&offsetLeftShadow=-10px&cornerRadiusShadow=10px * Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .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; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .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-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index: 10001; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; max-height: 300px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.26em 2.1em 0.16em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 12px; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*font-family: Arial,Helvetica,sans-serif; font-size: 1em; */ } .ui-widget-content { border: 1px solid #b0bc00; background: #ffffff url(/images/42024/de/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #333333; } .ui-widget-content a { color: #ec6726; } .ui-widget-header { border: 1px solid #b0bc00; background: #b0bc00 url(/images/42024/de/jquery-ui/ui-bg_flat_75_b0bc00_40x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #d3d3d3 url(/images/42024/de/jquery-ui/ui-bg_glass_85_d3d3d3_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #333; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #333; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ffffff; background: #b0bc00 url(/images/42024/de/jquery-ui/ui-bg_glass_30_b0bc00_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #ffffff; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ffffff; background: #b0bc00 url(/images/42024/de/jquery-ui/ui-bg_glass_30_b0bc00_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #b0bc00; background: #faf9f2 url(/images/42024/de/jquery-ui/ui-bg_flat_55_faf9f2_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #c63326; background: #fef1ec url(/images/42024/de/jquery-ui/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #c63326; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #c63326; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #c63326; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/images/42024/de/jquery-ui/ui-icons_ffffff_256x240.png); } .ui-widget-header .ui-icon { background-image: url(/images/42024/de/jquery-ui/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(/images/42024/de/jquery-ui/ui-icons_333_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/images/42024/de/jquery-ui/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon { background-image: url(/images/42024/de/jquery-ui/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(/images/42024/de/jquery-ui/ui-icons_b0bc00_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/images/42024/de/jquery-ui/ui-icons_c63326_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px; } /* Overlays */ .ui-widget-overlay { background: #ffffff url(/images/42024/de/jquery-ui/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; opacity: .75; z-index: 10000; filter: Alpha(Opacity=75); /* support: IE8 */ } .ui-widget-shadow { margin: -10px 0 0 -10px; padding: 10px; background: #b5b5b5 url(/images/42024/de/jquery-ui/ui-bg_flat_50_b5b5b5_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 10px; } @charset "UTF-8"; /******************************************************/ /* Boxes and Layers with Shadow */ /******************************************************/ .layerBox { position: absolute; display: none; background: none; /* override .ac_results */ left: 0; top: 20px; z-index: 10000; text-align: left; } .layerBox p { padding: 0 0 5px 10px; margin-right: 5px; } .layerBox .boxContent { position: relative; overflow: hidden; } /*******************************************/ /* layerBox with suggest */ .layerBox ul, .layerBox li { width: auto; font-size: 1em; line-height: 1.5em; } .layerBox ul { position: relative; /*top:-4px;*/ } .layerBox li { margin-right: 0; } .layerBox .title { position: relative; padding: 0; color: #fff; cursor: auto; } .layerBox .street.ac_over, .layerBox .cat.ac_over { background-color: #e2e6a6; } .layerBox .loc.ac_over { background-color: #f7dad7; } .layerBox h3 { padding: 0.5em 0.3em 0.2em; font-size: 0.938em; /*12px */ line-height: 16px; margin: 0; } .layerBox .loc h3 { background-color: #656565; } .layerBox .street h3 { background-color: #b0bc00; } .layerBox .cat h3 { background-color: #b0bc00; } /* Separator */ .layerBox .sep h3 { cursor: auto; background: #656565; border-top: dotted 3px white; } .layerBox .info { padding: 0.3em 0.2em; font-style: italic; color: #333; } .layerBox .resultInfo { position: absolute; right: 0.5em; top: 0.6em; width: 15em; text-align: right; font-size: 0.625em; /*10px */ } /********************/ /*** Sticky Bar *****/ .stickybar { position: fixed; width: 100%; background-color: #ff0; top: -100px; z-index: 1000; } .stickybar__rating { display: inline-block; width: 110px; height: 18px; } .stickybar__logowrap { display: block; float: left; margin: 0.5rem 1rem; height: 3rem; position: relative; top: -10px; opacity: 0; transform: rotate(-30deg); transition: all .5s; } .stickybar__logo { height: 3rem; } .stickybar__loc { font-weight: 700; margin-bottom: 0.33333rem; color: #656565; } .stickybar__info { width: 40%; display: inline-block; margin-top: 0.5rem; } .stickybar__info-claiming-wrap { display: -ms-flexbox; display: flex; } .stickybar__info-claiming-wrap .claimingstatus { margin-bottom: 0; margin-left: 0.5rem; } .stickybar .is-stuck { width: 100%; height: 4.5rem; background-color: #fafafa; background-color: rgba(250, 250, 250, 0.85); box-shadow: 0px 1px 3px 0px rgba(60, 60, 60, 0.75); } .stickybar .is-stuck .stickybar__logowrap { top: 0; opacity: 1; transform: rotate(0); } /**************************************/ /*** Dialog-Fenster ***/ .closeWindow { color: #333; text-align: left; /*width:425px; height:250px;*/ } .closeWindow .close { position: absolute; top: 10px; right: 20px; background: transparent url(/images/42024/de/multis/basic.png) no-repeat scroll 0 -420px; display: block; height: 17px; width: 17px; overflow: hidden; text-indent: -1000px; z-index: 10; cursor: pointer; } .closeWindow h1, .closeWindow h2 { margin: 2px 0 10px 0; font-size: 1.667em; } .closeWindow .subTitle { display: block; font-size: 1.5em; color: #afbd11; margin-bottom: 0.833em; } .closeWindow #infoMessage { position: absolute; width: 415px; top: 0; left: 0; padding-bottom: 1em; font-size: 1.13em; background-color: #fff; display: none; text-align: center; z-index: 10; } .closeWindow #infoMessage .ok { padding: 0.5em 0 0.5em 2.143em; background: transparent url(/images/42024/de/multis/extended.png) no-repeat 0 -1820px; } .closeWindow .mainContent { overflow: auto; position: relative; } .closeWindow .buttonsWrapper { position: relative; text-align: center; margin-top: 15px; padding: 0 20px; } /***************************/ /*** global styles ***/ /***************************/ /******************/ /*** Login ***/ .login__heading { text-align: center; } .login__socialwrap { margin-bottom: 1rem; text-align: center; } @media print, screen and (min-width: 40em) { .login__social-fb { border-left: 1px solid #aaaaaa; } } .login__gl-login-wrap { text-align: left; } .login__gl-title { text-align: center; } .login__noaccount-wrap { text-align: center; } .login__noaccount-title { margin-top: 2rem; } /* Container of sticky top bar */ /************************************************/ @media screen and (max-width: 39.9375em) { .no-js .top-bar { display: none; } .no-js .mainnav { display: none; } } @media print, screen and (min-width: 40em) { .no-js .title-bar { display: none; } } /**************************************/ .fa { color: #656565; } .fa-info-circle { color: #aaaaaa; } .fa-info-circle:hover { color: #445578; } .truncate-text { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*******************/ /*** Error Pages ***/ .error-content { text-align: center; margin-bottom: 2rem; margin-top: 2rem; } .error-content__logo { margin-bottom: 2rem; display: block; } .error-content__title { margin-bottom: 2rem; } .error-content__desc { margin-bottom: 2rem; } .error-content__message { display: inline-block; color: #656565; margin-bottom: 2rem; } /****************************************/ /** Verify Mail Box */ #verifyMailBox { position: relative; color: white; padding: 1em 0 1em 60px; border: 1px solid #7783a9; font-size: 0.75em; background: #8596c8; margin: 1rem 1rem 2.5em; } #verifyMailBox h2 { color: white; font-size: 1.5em; } #verifyMailBox .sendTextHeader { margin-bottom: 0.5rem; } #verifyMailBox .verifyLogo::before { content: ""; display: block; position: absolute; top: 1rem; left: 1rem; width: 3rem; height: 3rem; background: transparent url(/images/42024/de/multis/forms.png) no-repeat 0 -695px; } #verifyMailBox #usermail { font-size: 1em; display: inline-block; } #verifyMailBox #mailReminder { background: none repeat scroll 0 0 #C2D2FF; color: #596586; font-size: 1.083em; font-weight: 700; height: auto; margin-bottom: 1px; margin-right: 1px; padding: 10px; text-align: center; margin-left: 0.25em; display: inline-block; } /*****************************/ /* Avatare */ .avatar26 { background: url(/images/42024/de/multis/common.png) -812px 0 no-repeat; width: 26px; height: 26px; } .avatar26.male { background-position: -839px 0; } .avatar26.female { background-position: -812px 0; } .avatar44 { background: url(/images/42024/de/multis/common.png) -812px -27px no-repeat; width: 44px; height: 44px; } .avatar44.male { background-position: -812px -72px; } .avatar44.female { background-position: -812px -27px; } /*************************/ /* Breadcrumb */ .breadcrumb { color: #656565; font-size: 80%; margin-bottom: 1rem; } .breadcrumb__a { color: #656565; } /*****************************/ /* Avatar-Bilder */ .avatarImage { display: inline-block; overflow: hidden; border-radius: 50%; } /********************************/ /*** Social Media Pages ***/ .socialitems--loc-details { text-align: center; } .socialitems__item { width: 32px; height: 32px; display: inline-block; background: transparent url(/images/42024/de/multis/common.png) no-repeat 0 -510px; margin-right: 1rem; } .socialitems__item--fb { background-position: 0 -510px; } .socialitems__item--twitter { background-position: -66px -510px; } .socialitems__item--gplus { background-position: -33px -510px; } /****************************/ /* Von common.css übernommen*/ a.tip, .tipSticky:hover, div.tip { cursor: help; } /* Floatings START */ .right { float: right; } .left { float: left; } .clear { clear: both; height: 0; font-size: 1px; line-height: 0; } .clearLeft { clear: left; } br.clearLeft { height: 0; font-size: 1px; line-height: 0; } /* Floatings END */ .logo_mm { background: url(/images/42024/de/multis/common.png) no-repeat scroll -2355px -190px transparent; width: 74px; height: 18px; display: inline-block; } /* Farben */ .golocalGruen, #cluetip .golocalGruen { color: #afbd11; } .mmPetrol, #cluetip .mmPetrol { color: #006a76; } /* Help Icons */ .help { float: left; margin-left: 10px; margin-top: 3px; } .help a { background: url(/images/42024/de/multis/review.png) no-repeat scroll 0 -1320px transparent; display: block; height: 15px; width: 15px; } .help span { display: none; } .helpIcon { background: url(/images/42024/de/multis/basic.png) no-repeat scroll -1008px -315px transparent; display: inline-block; min-height: 15px; padding-left: 20px; margin-top: 1em; line-height: normal; } /* Motivations-Star, Punkte-Stern */ .pointedStar { font-weight: bold; color: white; font-size: 40px; line-height: 80px; width: 80px; height: 80px; position: relative; top: 20px; left: 20px; text-align: center; z-index: 5; } .pointedStar:before, .pointedStar:after { content: ""; position: absolute; top: 0; left: 0; height: 80px; width: 80px; background: #0f94c0; z-index: -1; } .pointedStar:before { transform: rotate(22.5deg); box-shadow: 1px 1px gray; } .pointedStar:after { transform: rotate(67.5deg); } /* LOADING THROBBER */ .loader, .button .loader { z-index: 100; width: 16px; height: 16px; background: transparent url(/images/42024/common/indicator.gif) no-repeat top left; display: none; } #glButtonLoader, #glLinkLoader { margin: 0 auto; display: block; } /****************************/ /*** Frames ***/ /* Alle Bilder nun ohne Frame*/ .picFrame { overflow: hidden; border-radius: 9px; display: inline-block; } /* kleine Avatare */ .picFrameSmall { overflow: hidden; border-radius: 3px; display: inline-block; } /*******************************/ /* Rating in Hauptrating-Layer */ .stRtg { background: url(/images/42024/de/multis/common.png) no-repeat scroll 0 0 transparent; height: 19px; width: 95px; text-indent: -10000px; } .stRtg.starclosed { background-position: 0 0; } .stRtg.star0 { background-position: 0 -19px; } .stRtg.star1 { background-position: 0 -38px; } .stRtg.star2 { background-position: 0 -57px; } .stRtg.star3 { background-position: 0 -76px; } .stRtg.star4 { background-position: 0 -95px; } .stRtg.star5 { background-position: 0 -114px; } .stRtg.star05 { background-position: -95px 0; } .stRtg.star15 { background-position: -95px -19px; } .stRtg.star25 { background-position: -95px -38px; } .stRtg.star35 { background-position: -95px -57px; } .stRtg.star45 { background-position: -95px -76px; } /******************************/ .star0Green { background-position: -2450px 0; } .star1Green { background-position: -2450px -13px; } .star2Green { background-position: -2450px -26px; } .star3Green { background-position: -2450px -39px; } .star4Green { background-position: -2450px -52px; } .star5Green { background-position: -2450px -65px; } .star05Green { background-position: -2450px 0; } .star15Green { background-position: -2450px -117px; } .star25Green { background-position: -2450px -104px; } .star35Green { background-position: -2450px -91px; } .star45Green { background-position: -2450px -79px; } /* global */ div.ui-cluetip { font-size: 1em; } .ui-cluetip-header, .ui-cluetip-content { padding: 12px; } .ui-cluetip-header { font-size: 1em; margin: 0; overflow: hidden; } .cluetip-title .cluetip-close { float: right; position: relative; } .cluetip-close img { border: 0; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(/images/42024/common/tip/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; width: 11px; height: 22px; background-repeat: no-repeat; background-position: 0 0; border-width: 0; } .cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default, .cluetip-default .cluetip-outer { background-color: #d9d9c2; } .cluetip-default .ui-cluetip-header { background-color: #87876a; } /* .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; } .cluetip-default #cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } */ /* default arrows */ div.cluetip-default .cluetip-arrows { border-width: 0; background: transparent none; } div.clue-right-default .cluetip-arrows { background-image: url(/images/42024/common/tip/darrowleft.gif); } div.clue-left-default .cluetip-arrows { background-image: url(/images/42024/common/tip/darrowright.gif); left: 100%; margin-right: -11px; } div.clue-top-default .cluetip-arrows { background-image: url(/images/42024/common/tip/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; width: 22px; height: 11px; } div.clue-bottom-default .cluetip-arrows { background-image: url(/images/42024/common/tip/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; width: 22px; height: 11px; } /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip { background-color: #fff; } .cluetip-jtip .cluetip-outer { border: 2px solid #ccc; position: relative; /*background-color: #fff;*/ } .cluetip-jtip .cluetip-inner { padding: 5px; display: inline-block; } .cluetip-jtip div.cluetip-close { text-align: right; margin: 0 5px 0; color: #900; } .cluetip-jtip .ui-cluetip-header { background-color: #ccc; padding: 6px; /* margin-bottom: 1em;*/ } /* jtip arrows */ div.cluetip-jtip .cluetip-arrows { border-width: 0; background: transparent none; } div.clue-right-jtip .cluetip-arrows { background-image: url(/images/42024/common/tip/arrowleft.gif); } div.clue-left-jtip .cluetip-arrows { background-image: url(/images/42024/common/tip/arrowright.gif); left: 100%; margin-right: -11px; } div.clue-top-jtip .cluetip-arrows { background-image: url(/images/42024/common/tip/arrowdown.gif); top: 100%; left: 50%; width: 22px; height: 11px; margin-left: -11px; } div.clue-bottom-jtip .cluetip-arrows { background-image: url(/images/42024/common/tip/arrowup.gif); top: -11px; left: 50%; width: 22px; height: 11px; margin-left: -11px; } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { border-radius: 6px; background-color: #fff; border: 1px solid #ccc; } .cluetip-rounded .cluetip-outer { border-radius: 6px; background-color: #fff; } .cluetip-rounded .cluetip-arrows { border-color: #ccc; } /* need to be more specific here to override ThemeRoller defaults */ div.cluetip-rounded .cluetip-arrows { font-size: 0; line-height: 0%; width: 0; height: 0; border-style: solid; background: transparent none; } div.clue-right-rounded .cluetip-arrows { border-width: 11px 11px 11px 0; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } div.clue-left-rounded .cluetip-arrows { left: 100%; margin-right: -11px; border-width: 11px 0 11px 11px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } div.clue-top-rounded .cluetip-arrows { top: 100%; left: 50%; border-width: 11px 11px 0 11px; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .clue-bottom-rounded .cluetip-arrows { top: -11px; left: 50%; border-width: 0 11px 11px 11px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; } /* stupid IE6 HasLayout hack */ .cluetip-rounded .cluetip-title, .cluetip-rounded .cluetip-inner { zoom: 1; } @charset "UTF-8"; /*******************************************/ /* layerBox for userTooltip */ .userTooltip { position: relative; display: block; z-index: 1; text-align: left; background-color: white; } /* TODO Delete wenn alle Separators aus layout.css in common.css migriert worden sind */ .userTooltip .horSeparatorBottom { border-bottom: 1px dotted #7e7e7e; margin-bottom: 15px; padding-bottom: 15px; } .userTooltip .userTop { background-color: #b0bc00; padding: 10px 8px 10px; } .userTooltip .userTop img { border: #fff 3px solid; margin-right: 10px; float: left; } .userTooltip .userTop .avatar44 { margin-right: 10px; float: left; } .userTooltip .userWrapper { margin-right: 1em; text-align: left; float: left; } .userTooltip .userName { color: #fff; font-weight: bold; font-size: 1.667em; margin-right: 1em; } .userTooltip .points { color: #fff; font-size: 0.85em; margin-top: 0.4em; line-height: normal; } .userTooltip .userTipContent { position: relative; width: 300px; } .userTooltip .cityDate { color: #333; font-size: 0.85em; margin: 0 10px; font-weight: bold; padding: 5px 0 5px; } .userTooltip .userLinks { font-size: 0.85em; margin: 0 10px; font-weight: bold; padding: 5px 0 5px; } .userTooltip .reviewsWrapper { position: relative; float: left; width: 135px; padding: 10px 10px 0 0; font-weight: bold; margin-left: 10px; } .userTooltip .revwrapBottom { padding-bottom: 8px; } .info2-statistics.userTooltip > h4 { margin-bottom: 0.65em; } .userTooltip .summaryWrapper { position: relative; float: left; padding: 7px 10px 0; font-weight: bold; } .userTooltip .summary { font-size: 0.85em; font-weight: normal; } .userTooltip .starsStats { font-size: 0.85em; line-height: 0.85em; margin-bottom: 8px; } .userTooltip .starsstatsStars { position: relative; line-height: 0.85em; float: left; padding-right: 3px; text-align: right; width: 5em; } .userTooltip .likesStats { font-size: 0.85em; line-height: 0.85em; margin-bottom: 8px; } .userTooltip .likesstatsStars { position: relative; line-height: 0.85em; float: left; padding-right: 3px; text-align: right; width: 7em; } .userTooltip .starsstatsBar { position: relative; background-color: #e5e5df; width: 50px; height: 10px; float: left; } .userTooltip .starsstatsGreenbar { background-color: #b0bc00; width: 20%; height: 10px; line-height: 0.5em; font-size: 1px; } .userTooltip .starsstatsCount { position: relative; line-height: 0.85em; float: left; padding-left: 3px; text-align: right; width: 1.75em; } .userTooltip .favorites { margin-left: 10px; } /* Icons */ .userTooltip .infoIcons .icon { display: block; padding-left: 25px; background: transparent url(/images/42024/de/multis/review.png) -700px -420px no-repeat; } .userTooltip .infoIcons .male { float: left; margin-left: 10px; background: transparent url(/images/42024/de/multis/icons.png) -627px -1747px no-repeat; } .userTooltip .infoIcons .female { float: left; margin-left: 10px; background: transparent url(/images/42024/de/multis/icons.png) -627px -1817px no-repeat; } .userTooltip .infoIcons .shots { float: left; margin-left: 0px; background-position: -698px -767px; } .userTooltip .infoIcons .videos { float: left; margin-left: 0px; background-position: -700px -2279px; } .userTooltip .infoIcons .badges { float: left; margin-left: 0px; background-position: -696px -2218px; } .userTooltip .infoIcons .favorites { float: left; margin-left: 0px; background-position: -698px -1468px; } .userTooltip .infoIcons .heroes { float: left; margin-left: 0px; background-position: -700px -2030px; } .userTooltip .infoIcons .heroes { background-position: -700px -2030px; margin-left: 0px; } .userTooltip .infoIcons .checkins { float: left; background: url(/images/42024/de/multis/common.png) no-repeat scroll -1606px -548px; margin-left: 0px; } .userTooltip .infoIcons .reviewStar { background-position: -699px -350px; } .userTooltip .infoIcons .following { float: left; background-position: -700px -2100px; margin-left: 0px; } .trophy-header { color: #333333; font-size: 0.85rem; font-weight: bold; } /* Ãœberschreibt Standardsettings des Cluetip Plugins */ #cluetip { color: #656565; } #cluetip-waitimage { width: 16px; height: 16px; position: absolute; background-image: url(/images/42024/common/indicator.gif); } .ui-cluetip-header, .ui-cluetip-content { padding: 0; } #cluetip a { color: #ec6726; } #cluetip h3, #cluetip h2 { font-size: 1rem; } #cluetip h4 { font-size: .75rem; } #cluetip .button { color: #fff; } #cluetip .ui-widget-content, #cluetip .ui-widget-header { font-size: 0.75rem; border: 0 solid; } /*************************************** =cluetipClass: 'golocal' -------------------------------------- */ .cluetip-golocal, .cluetip-golocal .cluetip-outer { background-color: #b0bc00; text-align: left; border: 1px solid #b0bc00; } .cluetip-golocal .ui-cluetip-header { background-color: #87876a; } .cluetip-golocal .cluetip-outer { background-color: #fff; } #cluetip.cluetip-golocal .cluetip-title { padding: 5px 10px; font-size: 16px; font-weight: 700; background-color: #b0bc00; color: #fff; } /*#cluetip.cluetip-golocal #cluetip-title a { color: #d9d9c2; font-size: 0.95em; }*/ #cluetip.cluetip-golocal .cluetip-inner { padding: 5px 20px 2px 12px; } .cluetip-golocal div.cluetip-close { text-align: right; position: absolute; width: 17px; height: 17px; right: 10px; top: 7px; background: transparent url(/images/42024/de/multis/basic.png) no-repeat 0 -420px; } .cluetip-golocal div.cluetip-close a { display: block; width: 17px; height: 17px; overflow: hidden; font-size: 0; line-height: 0; } /* default arrows */ .cluetip-golocal .cluetip-arrows { border-width: 0; background: transparent none; } .clue-right-golocal .cluetip-arrows { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -560px -140px; } .clue-left-golocal .cluetip-arrows { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -560px -210px; left: 100%; margin-right: -11px; } .clue-top-golocal .cluetip-arrows { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -560px -70px; top: 100%; left: 50%; margin-left: -11px; width: 22px; height: 11px; } .clue-bottom-golocal .cluetip-arrows { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -560px 0; top: -11px; left: 50%; margin-left: -11px; width: 22px; height: 11px; } /*************************************** =cluetipClass: 'golocalUser' -------------------------------------- */ .cluetip-golocalUser, .cluetip-golocalUser .cluetip-outer { background-color: #b0bc00; text-align: left; } .cluetip-golocalUser .ui-cluetip-header { background-color: #b0bc00; } /* .cluetip-golocalUser #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; } .cluetip-golocalUser #cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; } .cluetip-golocalUser #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-golocalUser #cluetip-inner { padding: 10px; } .cluetip-golocalUser #cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } */ /* default arrows */ .cluetip-golocalUser .cluetip-arrows { border-width: 0; background: transparent none; } .clue-right-golocalUser .cluetip-arrows { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -560px -140px; } .clue-left-golocalUser .cluetip-arrows { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -560px -210px; left: 100%; margin-right: -11px; } .clue-top-golocalUser .cluetip-arrows { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -560px 0; top: 100%; left: 50%; margin-left: -11px; width: 22px; height: 11px; } .clue-bottom-golocalUser .cluetip-arrows { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -560px 70px; top: -11px; left: 50%; margin-left: -11px; width: 22px; height: 11px; } /* Review Verteilungs Tooltip */ .ReviewDistribmeter { width: 63px; height: 10px; border: 1px solid #E5E5DF; margin-top: 2px; display: inline-block; background: #E5E5DF; } .ReviewDistribmeter .ui-progressbar-value { background-color: #B0BC00; height: 12px; } .reviewDistCount { font-size: 0.750em; color: #878787; margin-left: 5px; } .smlRtg { background: url(/images/42024/de/multis/common.png) no-repeat scroll 0 0 transparent; height: 13px; width: 65px; text-indent: -10000px; float: left; } .smlRtg.starclosed { background-position: -190px 0; } .smlRtg.star0 { background-position: -190px 0; } .smlRtg.star1 { background-position: -190px -13px; } .smlRtg.star2 { background-position: -190px -26px; } .smlRtg.star3 { background-position: -190px -39px; } .smlRtg.star4 { background-position: -190px -52px; } .smlRtg.star5 { background-position: -190px -65px; } .smlRtg.star05 { background-position: -190px 0; } .smlRtg.star15 { background-position: -190px -117px; } .smlRtg.star25 { background-position: -190px -104px; } .smlRtg.star35 { background-position: -190px -91px; } .smlRtg.star45 { background-position: -190px -79px; } @charset "UTF-8"; /***************************************************/ /*** main golocal header with searchbar and navi ***/ /******************************/ /*** MyCompany Infoheader ***/ .mycompany-header { background-image: linear-gradient(to top, #000 -70%, #435578 30%); padding: 1em; color: #fff; text-align: center; } .mycompany-header:hover { background-image: linear-gradient(to top, #000 0%, #435578 0%); } .mycompany-header .mycompany-button { color: #fff; } .mycompany-header .mycompany-button.transparent-white { background-color: transparent; color: #fff; font-size: 0.8rem; padding: 0.5rem 0.5rem 0.3rem 0.5rem; border: 2px solid #FFF; border-radius: 3px; } .mycompany-header .mycompany-button.transparent-white { text-align: center; text-transform: uppercase; display: inline-block; margin: 0 0 0 1em; } /*****************************************************/ /*** Metabar with links to ANB, Help, saved Cities ***/ .metabar { position: relative; z-index: 300; background-color: #afbd11; padding: 0 1rem; margin-bottom: 1rem; } .metabar .menu { font-size: 80%; padding: 0.14286rem 0; } .metabar .menu li { border-radius: 3px; } .metabar .menu li:hover { background-color: #a6b410; } .metabar .menu li > a { color: #fefefe; line-height: 1.5; } /*************************************/ /*** Navigation for visited cities ***/ .citynav { padding: .7rem 0; /* Änderung Farbe, falls Unterstützung durch Browser */ /* No JS show cityhist*/ } .citynav__a { color: #F2F3F5; white-space: nowrap; } .citynav__a:hover { color: #F2F3F5; text-decoration: none; } .citynav__switch { cursor: pointer; color: #dcdcdc; font-size: 0.625em; /*10px; */ width: 0.9375em; /*15px; */ } .citynav__title { display: inline-block; color: #fefefe; } .citynav__list { position: relative; display: inline-block; line-height: 1; } .citynav__list-ul { position: absolute; left: 0; top: 0; } .citynav__list-li { line-height: normal; } .citynav #glhdrctyli:hover #btncityhist { /*text-replace: "▼" "▲"; */ color: white; } .citynav #glhdrctyli:hover #subNavCityHist { display: block; } #chgcty-input { margin: 0.3125em; width: 85%; height: 1.875em; padding: 0 0.35em 0 0.35em; vertical-align: top; border: 0.0625em solid #e2e2e2; border-top-color: #d2d2d2; font-size: 0.9375em; /*15px; */ background-color: #fcfcfc; } #cityHistLayer { border: 0.0625em solid #bebebe; background-color: #f6f3f0; top: 2.5rem; width: 97%; box-shadow: 0.0625em 0.0625em 0.125em 0 #CCCCCC; } #subNavCityHist { background-color: #F6F7E8; border: 0.0625em solid #BEBEBE; box-shadow: 0.0625em 0.0625em 0.125em 0 #CCCCCC; word-wrap: break-word; font-weight: 100; display: none; text-align: left; width: 9.375em; /* 150px */ } #emptyCityHistList { padding: 5px 10px 0.125em; /* 5px 10px 2px*/ display: block; font-size: 0.750em; } /* Subnav Neu */ #cityStickyList { background-color: #D6E9F0; } #cityHistList { background-color: #EFEFDF; margin-left: 0; } .sbnv-a { border-bottom: 0.0625em solid #DEDED3; border-top: 0.0625em solid #FDFDEB; color: #666666; display: block; height: 100%; font-size: 0.875em; padding: 0.333em 0.625em; } .sbnv-a.first, .slim .sbnv-a.first { border-top: 0.0625em solid #EFEFDF; } .sbnvger { font-weight: bold; display: block; background-color: #D6E9F0; background-image: none; } .citiesList .cityActions { height: 15px; position: absolute; right: 5px; top: 7px; width: 26px; } .citiesList .cityItem { background-image: none; } .citiesList .hover { background: white; } #emptyCityHistList { background-color: #EFEFDF; display: block; } #subNavCityHist .cityActions, #subNavcityHistList .cityActions { float: right; height: 0.9375em; position: relative; right: 0.3125em; top: 0.4375em; width: 26px; } #cityHistLayer .cityActions { top: 0.125em; /*2px */ } /************************************************************/ /*** layerBox for cityHistory ***/ #cityHistLayer li { position: relative; padding-bottom: 0; overflow: hidden; } #emptyAddressHistList { display: block; padding: 0 4px 0; font-size: 0.625em; text-align: right; } #cityHistLayer .streetInfo { display: block; font-size: 0.857em; color: #666666; } #cityHistLayer a.navItem { padding: 0.125em 0.3125em; /* 2px 5px */ display: block; color: #666666; } #cityHistLayer a.navItem:hover, #cityHistLayer a.navItem:active, #cityHistLayer .hover a.navItem { text-decoration: none; background-color: white; color: #666666; } #cityHistLayer li.first a.navItem { border-top-color: #efefdf; } #cityHistLayer li.first a.navItem:hover, #cityHistLayer li.first .hover a.navItem { border-top-color: #eee; } #cityHistLayer li.last { padding-top: 0; } #cityHistLayer li.last a.navItem { border-bottom: none; } #cityHistLayer li.last a.navItem:hover, #cityHistLayer li.last a.navItem:active, #cityHistLayer li.last .hover a.navItem { border-bottom: none; } #cityHistLayer .cityListActionsWrap { padding: 0.125em 0.3125em 0.3125em; /* 2px 5px 5px */ } /*******************************************************/ /*** CityActions (remove / make sticky) ***/ #addressStickyList, #cityStickyList { background-color: #D6E9F0; } .citiesList .cityActions { position: absolute; width: 26px; height: 15px; top: 7px; right: 5px; } .citiesList .cityActions a.lnkAction { position: relative; display: block; visibility: hidden; text-indent: -3000px; float: left; width: 13px; height: 16px; overflow: hidden; background: transparent url(/images/42024/de/multis/common.png) -95px -95px no-repeat; } .citiesList .cityActions.hover a.lnkAction { visibility: visible; } /* remove entry */ .citiesList .cityActions a.removeEntry { background-position: -95px -95px; } .citiesList .cityActions a.removeEntry:hover { background-position: -95px -112px; } #cityHistLayer .cityActions a.removeEntry { background-position: -95px -95px; } #cityHistLayer .cityActions a.removeEntry:hover { background-position: -95px -112px; } /* pin of entry */ .citiesList .cityActions a.stickEntry { background-position: -110px -95px; } .citiesList .cityActions a.stickEntry:hover { background-position: -110px -112px; } #cityHistLayer .cityActions a.stickEntry { background-position: -110px -95px; } #cityHistLayer .cityActions a.stickEntry:hover { background-position: -110px -112px; } ul.stickyCities .cityActions a.stickEntry { background-position: -124px -95px; } ul.stickyCities .cityActions.hover a.stickEntry { background-position: -139px -95px; } #cityHistLayer ul.stickyCities .cityActions a.stickEntry { background-position: -124px -95px; } #cityHistLayer ul.stickyCities .cityActions.hover a.stickEntry { background-position: -139px -95px; } /* pin of sticky entry */ ul.stickyCities .cityActions a.stickEntry { visibility: visible; background-position: -124px -95px; } ul.stickyCities .cityActions a.stickEntry:hover { background-position: -124px -112px; } #cityHistLayer ul.stickyCities .cityActions a.stickEntry { visibility: visible; background-position: -124px -95px; } #cityHistLayer ul.stickyCities .cityActions a.stickEntry:hover { background-position: -124px -112px; } #cityHistLayer .cityListActionsWrap { padding: 5px 10px 0.125em; /* 5px 10px 2px */ } /**********************************/ /*** golocal main search fields ***/ .glsearch .sticky { z-index: 205; } .glsearch .sticky.is-stuck { z-index: 1001; } .glsearch__input-wrap { position: relative; } .glsearch__input { background-color: #f6f3f0; border-color: #dfd7cd; } @media print, screen and (min-width: 40em) { .glsearch__input { width: 97%; } } .glsearch__btn { padding: 0.25rem; } .glsearch__icon { display: inline-block; width: 1.7rem; height: 1.7rem; background: url(/images/42024/gl/search-magnifier.svg) center center no-repeat; background-size: contain; } @media screen and (max-width: 39.9375em) { .glsearch__shrinked { display: none; } } @media print, screen and (min-width: 40em) { .glsearch__shrinked { display: block !important; } } /*****************************************/ /* Suggest */ .ac_results { position: absolute; text-align: left; padding: 0; background-color: Window; overflow: hidden; z-index: 20000; display: none; border: 0.0625em solid #BEBEBE; box-shadow: 0.0625em 0.0625em 0.125em 0 #CCCCCC; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; background-color: white; } .ac_results iframe { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; top: 0; left: 0; z-index: -1; /* filter: mask(); */ width: 3000px; height: 3000px; } .ac_results li { padding: 0.125em 5px; /* 2px 5px */ display: block; cursor: pointer; color: #656565; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 20px; overflow: hidden; } .ac_results li.ac_over { background-color: Highlight; color: #333; } .ac_loading { background: Window url(/images/42024/common/indicator.gif) right center no-repeat; } /***************************************************/ /* Main Navigation in Header */ .mainnav-wrap { border-top: 1px solid #aaaaaa; margin-bottom: 2rem; position: relative; z-index: 200; } .mainnav-wrap-partner { padding: 0.5rem 0; } .mainnav__a { color: #656565; } .mainnav__a:hover { background-color: #f6f3f0; } .mainnav__subnav-a { color: #656565; } .mainnav__subnav-a:hover { background-color: #fefefe; } .mainnav .active .mainnav__a:hover { background-color: #f6f3f0; color: #656565; } .mainnav .mainNavElement.active:not(.menu-hovered) .mainnav__a:after { border-color: #fefefe transparent transparent !important; } .mainnav .is-dropdown-submenu { border-top: none; background-color: #f6f3f0; } .mainnav .menu-hovered .mainnav__a { color: #656565; background-color: #f6f3f0; } /*********************************/ /*** golocal icons ***/ .glicon { display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; background: url(/images/42024/gl/multis/icons-gray.png) 0 0 no-repeat; /* Mein golocal */ /* Locations */ /* Community */ /* Verschiedene */ /* SVG-Icons */ } .glicon--s { width: 1rem; height: 1rem; } .glicon--full { width: 100%; height: 100%; } .glicon--hovermenu a:hover > .glicon { background-image: url(/images/42024/gl/multis/icons.png); } .glicon--start { background-position: -64px -288px; } .glicon--community { background-position: -64px -288px; } .glicon--overview { background-position: -64px 0; } .glicon--myReviews { background-position: 0 0; } .glicon--myFavorites { background-position: 0 -381px; } .glicon--myNotepad { background-position: -64px -349px; } .glicon--myPhotos { background-position: -32px 1px; } .glicon--myBadges { background-position: -64px -256px; } .glicon--myVideos { background-position: -64px -32px; } .glicon--myCheckins { background-position: 0 -352px; } .glicon--myMessages { background-position: 0 -32px; } .glicon--fans { background-position: -32px -288px; } .glicon--myMLocs { background-position: -64px -190px; } .glicon--myChallenges { background-position: 0 -320px; } .glicon--mySettings { background-position: -32px -352px; } .glicon--ausgehen { background-position: 0 -160px; } .glicon--auto { background-position: 0 -64px; } .glicon--beauty-wellness { background-position: -64px -64px; } .glicon--computer-technik { background-position: 0 -96px; } .glicon--familie-soziales { background-position: 0 -192px; } .glicon--geld-recht { background-position: -64px -96px; } .glicon--gesundheit-aerzte { background-position: 0 -224px; } .glicon--handwerker { background-position: 0 -256px; } .glicon--heim-garten { background-position: 0 -288px; } .glicon--hobby-freizeit { background-position: -32px -160px; } .glicon--kunst-unterhaltung { background-position: -32px -32px; } .glicon--lebensmittel-getraenke { background-position: -32px -96px; } .glicon--reisen { background-position: -32px -64px; } .glicon--restaurants-kneipen-cafes { background-position: -64px -128px; } .glicon--schule-studium { background-position: -64px -160px; } .glicon--shopping { background-position: 0 -128px; } .glicon--sport { background-position: -32px -192px; } .glicon--tiere { background-position: -32px -128px; } .glicon--latestReviews { background-position: -32px -320px; } .glicon--forum { background-position: -32px -224px; } .glicon--myVideos { background-position: -64px -32px; } .glicon--userSearch { background-position: -64px -224px; } .glicon--highscores { background-position: -32px -256px; } .glicon--highscores-top { background-position: -32px -256px; } .glicon--highscores-partners { background-position: -32px -256px; } .glicon--highscores-map { background-position: -32px -256px; } .glicon--missing-locs { background-position: -64px -381px; } .glicon--opening-hours { background-position: 0 -416px; } .glicon--info { background-position: -32px -414px; } .glicon--loc-claimed { background-image: url(/images/42024/gl/icons/check-full.svg); } .glicon--loc-unclaimed { background-image: url(/images/42024/gl/icons/check-disabled.svg); } .glicon--stats { background-image: url(/images/42024/gl/icons/icon_statistics.svg); } /**************************************/ /*** Gamificatijon infobar ***/ #infoBar { min-height: 1.8em; background-color: #f6f3f0; padding: 0.25rem 0; } #activeChallInfoBar { min-height: 2.9em; background: transparent url(/images/42024/de/multis/challenges.png) 5px -451px no-repeat; color: white; font-size: 0.6em; padding-left: 35px; padding-top: 0.5em; } .infoChallProg { height: 0.8em; width: 100%; margin-bottom: 0.25rem; background-color: #aaaaaa; } .progChalleng { background-color: #445578; height: 100%; } .infoChallName { line-height: 1.1em; /* Abkürzen */ max-height: 1em; max-width: 18em; overflow: hidden; } .ProgList { display: inline-block; margin-right: 1.3em; color: #656565; } .ProgList:last-child { margin-right: 0; } #gamificationinfobar { text-align: right; padding-top: 0.2em; } .numberInfoBar { background: transparent url(/images/42024/de/multis/challenges.png) 0 -426px no-repeat; padding-left: 20px; margin-right: 1em; font-size: 0.8125em; display: inline-block; } #numberFinished { background-position: 0 -426px; color: #656565; } #numberFailed { background-position: 0 -402px; padding-left: 15px; color: #c63326; margin-right: 0; } .glheader { position: relative; } .glheader .count-messages { display: inline-block; background-color: #ec6726; color: #fefefe; font-size: 80%; line-height: 1; margin: 0 0 0 0.5em; padding: .4em .6em 0.3em 0.5em; border-radius: 1em; } .glheader .count-messages--zero { background-color: #aaaaaa; } .glheader__loginfo { font-size: 80%; color: #656565; margin-bottom: 1rem; } .glheader__loginfo li:hover { background-color: #f5f5f5; } .glheader__loginfo li > a { display: inline-block; line-height: 1.5; color: #656565; } .glheader__loginfo .count-messages { font-size: 1em; padding: .4em .55em .3em .55em; } .glheader__loggedin-txt { display: inline-block; } .glheader__li-txt { line-height: 1.5; font-weight: normal; } .glheader__logo { margin-bottom: 1rem; padding-right: 0; } .glheader__logo-a { display: inline-block; } @media screen and (max-width: 39.9375em) { .glheader__logo-a { width: 100px; height: 45px; background: url(/images/42024/de/logo/golocal-logo.svg) top left no-repeat; background-size: contain; } } @media screen and (max-width: 39.9375em) { .glheader--standard .glheader__logo-a { float: left; } } .glheader__logo-img { width: 210px; } @media screen and (max-width: 39.9375em) { .glheader__logo-img { display: none; } } .glheader--minimized { padding-top: 1rem; } .glheader .glheader__loginfo-btn { padding-top: 0.5rem; padding-bottom: 0.5rem; } /*************************************/ /* New Footer START */ .glft { background: #445578; color: #fefefe; font-size: 0.666em; padding: 1rem 0 0; text-align: center; border-bottom: 1px solid #445578; } @media screen and (max-width: 39.9375em) { .glft--fixedButtons { border-bottom: 5.5rem solid #2c374d; } } .glft-dt { display: inline; color: #fefefe; } .glft-dd { display: inline-block; border-left: 1px solid #FDFFDC; padding: 0 6px; margin: 0; } .glft-dd > a { color: #fefefe; } .glft-dd:nth-of-type(1) { border: none; } #challengesContent { float: left; padding: 15px 10px; width: 810px; } #helpHeader { display: inline-block; float:none; margin-left: 0.1em; } #countingHeader { font-weight: bold; font-size: 1.25em; margin-bottom: 2em; } .countItem { background: url(/images/42024/de/multis/challenges.png) no-repeat scroll 0 0 transparent; padding-left: 35px; padding-top: 4px; min-height: 30px; display: inline-block; margin-right: 1.5em; color: #333333; } .countItem:last-child { margin-right: 0; } #countPoints { background-position: 0 -35px; } #countBagdes { background-position: 3px -74px; } #countRank { background-position: 0 0; } #countChallenges { padding-left: 38px; background-position: 0 -109px; } /* Navigation */ #categoriesNav { float: left; width: 170px; min-height: 50em; } .categories-li { font-size: 1.2em; font-weight: bold; } .categories-li a { display: block; padding: 0.333em 0.333em 0.333em 0.333em; } .categories-li.selected a { padding-left: 0.3em; } .categories-li a:hover, .categories-li a:hover .totalNumber, .categories-li a:hover .numberchallenges { color: white; text-decoration: none; background-color: #b0bc00; } .categories-li.selected a:hover { background-color: #b0bc00; } .categories-li.selected { border-width: 0.1em; border-color: #e6e6e6; border-style: solid; border-right-width: 0; position: relative; left: 1px; background-color: #fefefe; } .totalNumber { color: #999; font-size: 0.75em; margin-left: 0.3em; } .failedcllg { color: #c63326; } .numberchallenges { color: #999; font-size: 0.8em; margin-top: 0.2em; } #challengesBox { border: 0.1em solid #e6e6e6; float: right; width: 620px; min-height: 50em; padding: 0.5em 1em 1em 1em; background-color: #fefefe; } #categoryheader { color: #333333; font-size: 2em; margin-bottom: 0.3em; } /* tabelle */ #challengestable { width: 100%; margin-top: 1.5em; } #challengestableFinished { width: 100%; } .chlg { min-height: 8em; height: 7em; vertical-align: top; } #challengestable tr:nth-of-type(4n+1), #challengestableFinished tr:nth-of-type(4n+1) { background-color: #f4f4f4; } #challengestable td, #challengestableFinished td { padding: 0.75em 0; } #challengestable .titleCol, #challengestableFinished .titleCol { padding-left: 0.75em; } #challengestable .progressCol, #challengestableFinished .progressCol{ width: 20em; } #challengestable .rewardCol, #challengestableFinished .rewardCol{ min-width: 7.25em; text-align: right; padding-right: 0.75em; } .infoLine { text-align: right; min-height: 18px; margin-bottom: 1em; } .Strings { background: url(/images/42024/de/multis/challenges.png) no-repeat scroll 0 -245px transparent; padding-left: 15px; } .Strings.finishedString { background-position: 0 -245px; color: #b0bc00; } .Strings.failedString { background-position: 0 -265px; color: #c63326; } .Strings.durationString { background-position: 2px -228px; color: #8b8787; } .infoString { color: #8b8787; } .rewardInfo { background: url(/images/42024/de/multis/challenges.png) no-repeat scroll -1px -192px transparent; width: 26px; height: 25px; text-align:center; display: inline-block; vertical-align: text-top; } /* Fallback */ .notyet .rewardInfo { background-position: -31px -192px; } .rewardInfo.points { background-position: -1px -192px; color: white; font-weight: bold; padding-top: 4px; } .notyet .rewardInfo.points { background-position: -31px -192px; } .rewardInfo.premiumpoints { background-position: -1px -192px; color: #b0bc00; font-weight: bold; padding-top: 4px; opacity: 0.5; } .notyet .rewardInfo.premiumpoints { background-position: -31px -192px; } .rewardInfo.trophies { background-position: 1px -152px; width: 23px; height: 26px; } .notyet .rewardInfo.trophies { background-position: -22px -152px; } .rewardInfo.money { background-position: 0 -312px; width: 22px; height: 23px; } .notyet .rewardInfo.money { background-position: -23px -312px; } .rewardInfo.titles { background-position: 0 -341px; width: 25px; height: 25px; } .notyet .rewardInfo.titles { background-position: -30px -341px; } .cancelChallengeLink { color: #c1c1c1; font-size: 0.75em; } /* Progress Column */ .challengeButton { border: 0.1em solid #ea5b0c; background-color: #f39200; color: white; padding: 0.3em 1.2em 0.3em 2em; display: inline-block; background: url(/images/42024/de/multis/challenges.png) no-repeat scroll 5px -281px #f39200; } .challengeButton:hover { opacity: 0.7; text-decoration: none; } .challengesProgressBar { height: 1.2em; width: 20em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #EEF1C0; background-image: none; } .challengesProgressBar.Big { height: 3em; width: 49em; } .challengesProgressBar.Big span { font-size: 2em; position: relative; top: 0.333em; width: 25em; } .challengesProgressBar .ui-progressbar-value { text-align: center; color: #595959; text-shadow: 0.1em 0.1em 0.1em #fff; } .challengesProgressBar span { position: relative; top: -0.15em; display: inline-block; width: 21em; } /* Description */ .showDesc { padding-bottom: 0; cursor: pointer; } .showDesc .arrowDesc { background: url(/images/42024/de/multis/challenges.png) no-repeat scroll 0 -372px; width: 11px; height: 11px; display: inline-block; } .showDesc.open .arrowDesc { background: url(/images/42024/de/multis/challenges.png) no-repeat scroll 0 -386px; } .hiddenDesc { display: none; } #challengestable .descCol, #challengestableFinished .descCol { padding-left: 1.6em; color: #878787; padding-top: 0; } #challengestable tr:nth-of-type(4n+2), #challengestableFinished tr:nth-of-type(4n+2) { background-color: #f4f4f4; } /* Stats Table */ #statstable { margin-top: 1em; margin-bottom: 2em; } #statstable li { float: left; width: 24em; height: 3em; margin: 1em 0 1em 0; } #statsChallengesOngoing { margin-bottom: 1em; } #statsChallengesOngoing li { float: left; margin-right: 1em; } #statstable li:nth-of-type(odd) { margin-right: 1em; } .challengesProgressBar.Stats { height: 1.5em; width: 24em; } .challengesProgressBar.Stats span { position: relative; top: -0.15em; display: inline-block; width: 24em; } .stats-a { color: inherit; } .stats-a:hover { text-decoration: none; opacity: 0.8; } .chlg.Stats { height: 5em; } @charset "UTF-8"; /****************************/ /* Rating */ /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ .star-rating { float: left; width: 37px; height: 35px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; /* Read Only CSS */ /* Partial Star CSS */ } .star-rating, .star-rating a { background: transparent url(/images/42024/de/multis/locationDetails.png) no-repeat -145px -175px; } .star-rating a { display: block; width: 37px; height: 100%; } .star-rating-on a { background-position: -145px -210px; } .star-rating-hover a { background-position: -145px -245px; } .star-rating-readonly a { cursor: default; } /* END jQuery.Rating Plugin CSS */ /*****************************************/ /* Instant Review Area */ .inst-review { background-color: #fff; border: 1px solid #d9dada; margin: 0 0 2em; padding: 0.7em; position: relative; /* Favorite */ /* Info-Texts */ /* ErrorMessage-Box for detail page*/ /* IncentiveOMeter */ /* Qualitymeter */ } .inst-review__cta { margin-top: 1rem; } @media screen and (max-width: 39.9375em) { .inst-review__cta { width: 100%; } } .inst-review__fav { display: none; } .inst-review__favorite-btn { position: relative; float: left; width: 40px; margin-top: 7px; } .inst-review__favorite-btn .btnRatingFavorite { background: transparent url(/images/42024/de/multis/locationDetails.png) no-repeat -188px -182px; width: 30px; height: 22px; display: block; margin-left: 5px; } .inst-review__favorite-btn .btnRatingFavorite:hover, .inst-review__favorite-btn.fav_active a { background-position: -218px -182px; } .inst-review__rating-texts { position: relative; float: left; width: 230px; font-size: 21px; line-height: 1em; padding-top: 7px; color: #656565; display: block; } .inst-review__starswrap { margin-bottom: 1rem; } .inst-review__callout { position: relative; margin: 1em 0; display: none; } .inst-review__callout.invalid { display: block; } .inst-review__callout h3 { color: #ec6726; padding-bottom: 0.3em; } .inst-review__comply { float: none; clear: both; font-style: italic; text-align: right; font-size: 0.75em; margin-top: 0.5em; color: #656565; display: none; } .inst-review__quality { font-size: 12px; color: #656565; width: 161px; margin-top: 3px; float: right; opacity: 0.4; } .inst-review__qualityometer { width: 63px; height: 11px; border: 1px solid #8B8787; float: left; margin-top: 2px; margin-left: 3px; } .inst-review__qualityometer .ui-progressbar-value { background: transparent url(/images/42024/de/multis/locationDetails.png) no-repeat -185px -268px; margin: 0; /*background: no-repeat left url(/images/42024/de/review/qualityometer2.png); */ } .inst-review__qualityometer-top { width: 20px; height: 17px; float: left; margin-left: 3px; background: transparent url(/images/42024/de/multis/review.png) no-repeat -19px -1369px; } .inst-review__qualityometer-top.green { background: transparent url(/images/42024/de/multis/review.png) no-repeat 1px -1369px; } .inst-review__txt { width: 100%; resize: vertical; border: 1px solid #aaaaaa; margin: 10px 0; padding: 5px; min-height: 105px; /* für autogrow plugin */ height: 105px; } .inst-review__txt:hover { border-color: #aaaaaa; background-color: white; box-shadow: 0 1px 2px #CCCCCC inset; } .inst-review__txt:focus { border-color: #445578; background-color: white; box-shadow: 0 1px 2px #CCCCCC inset; } .inst-review__txt.invalid { border: 2px solid #C63326; } .inst-review #txtInstantReview__counter, .inst-review #savedIndicatorInstantReview { color: #656565; font-size: 12px; max-width: 300px; float: left; height: 20px; } /*************************************/ /* Sprites for Multifunktionsbox */ .mfbIcons { display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url(/images/42024/de/multis/common.png) no-repeat; /* Mein golocal */ /* TODO */ } .mfbIcons.myFavorites { background-position: -900px -34px; } .mfbIcons.myNotepad { background-position: -900px -74px; } .mfbIcons.myPhotos { background-position: -258px -124px; } .mfbIcons.myVideos { background-position: -1058px -154px; } .mfbIcons.myCheckins { background-position: -488px -543px; } .mfbIcons.myMLocs { background-position: -1060px -354px; } .mfbIcons.myOpeningHours { background: transparent url(/images/42024/de/multis/basic.png) no-repeat; background-position: 14px -721px; } .mfbIcons.myMissingLocations { background: transparent url(/images/42024/de/multis/basic.png) no-repeat; background-position: 9px -763px; } /* start.css */ #headercolumn { padding: 1.5em 0 0 1.5em; } #startwww-header { background: white url(/images/42024/de/startpage/community.jpg) repeat center top; min-height: 518px; box-shadow: 0 1px 1px #C0C0C0; } #startwww-h1 { font-size: 3.7em; line-height: 0.9em; font-style: italic; text-shadow: 0 3px 0 #fff, 0 -3px 0 #fff, 3px 0 0 #fff, -3px 0 0 #fff; margin-bottom: 0; } #h1-gray { font-style: italic; color: #8b8787; display: block; font-size: 0.8em; line-height: 1em; } #starkoop-logo { margin-top: 1.5em; background: transparent url(/images/42024/de/multis/start.png) no-repeat 0 -700px; height: 350px; width: 310px; margin-left: auto; margin-right: auto; } #golocalstats-ul { font-size: 1.5em; color: #333; text-shadow: 0 0.1em 0 #fff, 0 -0.1em 0 #fff, 0.1em 0 0 #fff, -0.1em 0 0 #fff; line-height: 1.3em; margin-top: 2em; } #golocalstats-ul li { background: transparent url(/images/42024/de/multis/start.png) no-repeat 0 -488px; padding-left: 28px; } #golocalstats-ul .activeuser { background-position: 0 -488px; } #golocalstats-ul .reviews { background-position: 0 -557px; } #golocalstats-ul .locations { background-position: 0 -627px; } #reg-button { font-size: 2em; margin-left: 0.5em; margin-top: 1em; box-shadow: 0 1px 1px #808080; } #companyowner { background-color: #ffffff; box-shadow: 0.1em 0 0.1em #878787; color: #8b8787; font-size: 0.75em; width: 23em; padding: 1em; margin: 3em auto 2em; } #companyowner h2 { color: #333333; } #socialbars { min-height: 5em; text-align: center; padding-top: 1.5em; } #___follow_1 { margin-right: 25em !important; vertical-align: top !important; } #gl-description, #gl-citylinks, #socialboxessection { color: #888888; line-height: 1.7em; margin: 2em 0; } #app-icons { margin-top: 2em; } #iOSapp-icon { vertical-align: middle; display: inline-block; overflow: hidden; background: url(https://linkmaker.itunes.apple.com/htmlResources/assets/de_de/images/web/linkmaker/badge_appstore-lrg.png) no-repeat; width: 135px; height: 40px; margin-right: 2em; } @media only screen { #iOSapp-icon { background-image: url(https://linkmaker.itunes.apple.com/htmlResources/assets/de_de/images/web/linkmaker/badge_appstore-lrg.svg); } } #start-city-list li { display: inline-block; margin-right: 1em; } #start-city-list a { color: #888888; } #socialboxessection { min-height: 25em; margin-top: 5em; } .socialboxwrapper { overflow: hidden; width: 100%; } #___page_0 { margin-left: 10em !important; vertical-align: top !important; } @media only screen and (max-width: 40.063em) { /* 768px */ #startwww-h1 { -webkit-hyphens: auto; -ms-hyphens: auto; -epub-hyphens: auto; hyphens: auto; } #___page_0 { margin-left: 0 !important; } } /* Multifunktionsbox: Header auffälliger */ #mfbWrapper .inst-review__title { font-weight: 700; } #mfbWrapper .inst-review { background-color: #f5f5f5; } /*********************************************************************/ /*** Search Area startpage unknown user CITY ***/ #startBoxesWrapper { position: relative; } #startBoxesWrapper .col { position: relative; float: left; } #startBoxesWrapper .col1 { width: 590px; margin-right: 10px; text-align: left; } #startBoxesWrapper .col2 { width: 336px; margin-left: 7px; } /* float content next to google ad (wide skyscraper) */ .WideSkyscraper #startBoxesWrapper { float: left; } /* copied from layout.css */ div.button a, div.button div { display: block; height: 26px; width: 111px; /*background:transparent url(/images/42024/de/multis/review.png) no-repeat 0 -420px;*/ padding-bottom: 0; margin-bottom: 0; } /* END copied from layout.css */ #startBoxesWrapper .contentBoxes { background: transparent url(/images/42024/common/tile_dotLine_vert.gif) repeat-y 600px 0; } #startBoxesWrapper .picBoxIndent { margin-left: 115px; } #startBoxesWrapper .btnRemove { position: absolute; right: 0; top: 0; width: 16px; height: 16px; cursor: pointer; background: transparent url(/images/42024/de/multis/start.png) -600px 0 no-repeat; } #startBoxesWrapper .title { font-size: 1.167em; color: #333; font-weight: 700; } #startBoxesWrapper .subInfo { color: #8b8787; font-size: 0.917em; line-height: 1em; } #startBoxesWrapper .cityWrap { /*font-size:0.857em;*/ font-weight: normal; } .startpage .hands { position: absolute; left: -86px; top: 250px; width: 100%; height: 450px; z-index: 1; display: none; background: #fff url(/images/42024/common/hands/right.jpg) no-repeat 50% top; } #rightHand { display: block; background-image: url(/images/42024/common/hands/right.jpg); top: 21px; } #rightHandThumb { position: absolute; top: 25px; right: -4px; width: 59px; height: 285px; z-index: 10; background: transparent url(/images/42024/common/hands/thumb_right.png) top left no-repeat; } /*******************************************************/ /* Paper with transparent Shadow */ /*******************************************************/ .paper .box { border: 1px solid #bcbcbc; padding: 24px 24px 20px 20px; } .paperpage .paper .boxContent { padding: 20px; } .paperpage h2 { font-size: 1.667em; color: #656565; margin-bottom: 0.5em; line-height: 1.2em; } .paperpage h1 { font-size: 1.667em; color: #656565; } .startpage .welcome { font-size: 2.333em; color: #b0bc00; margin: 0 20px 0.5em; line-height: 1.1em; } /************************************/ /* Gerade hip */ /************************************/ /* MetaBranchList */ .bestOfLocs .metaBranchList { position: relative; float: right; width: 150px; overflow: hidden; } .bestOfLocs .metaBranchList li { font-weight: 700; color: #8b8787; padding-bottom: 0.416em; margin-bottom: 0.416em; border-bottom: 1px dotted #7E7E7E; } .bestOfLocs .metaBranchList li:last-child { border-bottom: none; } .bestOfLocs .metaBranchList li a { font-size: 1.167em; } /* hide Info within branchList */ .metaBranchList div.locImage, .metaBranchList locs-ol, .metaBranchList div.btnRemove, .metaBranchList .showMore-a { display: none; } /* MetaBranchViews */ .bestOfLocs .viewTitle { color: #8b8787; } .bestOfLocs .viewTitle a { font-size: 1.167em; } .bestOfLocs h3.viewTitle { font-size: 1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .bestOfLocs a.viewTitle { font-size: 1em; color: #ec6726; line-height: 1.333em; margin-bottom: 0.5em; } .bestOfLocs ul.metaBranchViews { position: relative; float: left; width: 440px; } .bestOfLocs ul.metaBranchViews li { position: relative; float: left; width: 200px; overflow: hidden; margin: 0 20px 10px 0; } .bestOfLocs ul.metaBranchViews ol li { position: relative; width: 190px; padding-left: 30px; margin: 0; } .bestOfLocs ul.metaBranchViews em { position: absolute; top: 0; left: 0; height: 1em; font-style: normal; font-size: 3em; color: #c5c4bb; font-weight: 700; line-height: 1em; } .bestOfLocs ul.metaBranchViews li.active { padding-left: 55px; width: 145px; background: #fff url(/images/42024/de/multis/basic.png) no-repeat -885px -1535px; } .bestOfLocs ul.metaBranchViews .active em { color: #949494; } /*.bestOfLocs ul.metaBranchViews .active .locName{font-weight:700;}*/ .bestOfLocs .locImage { position: relative; width: 200px; height: 100px; overflow: hidden; } .bestOfLocs .locNumber { position: absolute; bottom: 7px; right: 7px; width: 1.273em; height: 1.273em; line-height: 1.273em; font-weight: 700; font-style: normal; text-align: center; font-size: 0.917em; color: #8b8787; background: #fff; /*opacity:0.85; filter: alpha(opacity=85); -moz-opacity: 0.85;*/ } .bestOfLocs-newReviews { display: block; font-size: 1.333em; font-weight: 700; padding-top: 0.5em; } .moreReviewsWelcomeBack { background-color: #F7F7F5; border: 1px solid #D3D6D0; font-weight: bold; margin: 1.5em 0; padding: 0.7em 0.7em 0.7em 1em; display: block; } .moreReviewsWelcomeBack:hover { background-color: #b0bc00; color: white; text-decoration: none; } /******************************************************/ /*** news stream ***/ #start-news { background-color: #f7f7f5; border: 1px solid #d3d6d0; padding: 1em; margin-bottom: 1.5em; } #start-news-title { position: relative; float: left; } .start-news-helpText { float: right; padding-top: .5em; } #start-news .mgl-news-entry { padding: 0.5em 0; } #start-news .mgl-news-infos { width: 520px; } #start-news .mgl-news-mainInfo { font-size: 1em; width: 480px; } #start-news .mgl-news-entry .symbol { width: 32px; } #start-news .mgl-news-comment .symbol { background-position: -140px 0; } #start-news .mgl-news-photo .symbol { background-position: -140px -70px; } #start-news .mgl-news-review .symbol { background-position: -140px -140px; } #start-news .mgl-news-follow .symbol { background-position: -140px -210px; } #start-news .mgl-news-forum .symbol { background-position: -140px -280px; } #start-news .mgl-news-favorite .symbol { background-position: -140px -350px; } #start-news .mgl-news-joined .symbol { background-position: -140px -420px; } #start-news .mgl-news-like .symbol { background-position: -140px -560px; } #start-news .mgl-news-profile .symbol { background-position: -140px -630px; } #start-news .mgl-news-checkin .symbol { background-position: -140px -907px; } #start-news .mgl-news-video .symbol { background-position: -140px -840px; } #start-news .mgl-news-tip .symbol { background-position: -140px -980px; } #start-news .mgl-news-badges .symbol { background: url(/images/42024/de/multis/streamIcons.png) no-repeat -139px -700px; opacity: 1; } /* Button "show more news" */ .button .btnShowMoreNews { display: block; background: transparent url(/images/42024/de/multis/start.png) no-repeat -210px -140px; width: 221px; height: 26px; margin-top: 0.75em; } /******************************************************/ /*** new reviews ***/ .newReviewsWrapper h2 { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; margin-top: 1.5em; } .newReviewsWrapper .listEntry { background: none; margin-bottom: 0.5em; } .newReviewsWrapper .listEntry .title { padding-bottom: 0; line-height: 1.333em; } .newReviewsWrapper .review { margin-left: 60px; margin-top: 0; } /************************************************************/ /*** user Teaser Wrapper ***/ .userTeaserWrapper { background: #fff url(/images/42024/de/multis/start.png) no-repeat -815px 1.417em; } .userTeaserWrapper .header5 { color: #656565; font-size: 1.667em; line-height: 1.2em; padding-bottom: 0.5em; } .userTeaserWrapper .header6 { color: #656565; font-size: 1.667em; line-height: 1.2em; padding-bottom: 0.5em; font-weight: 700; } /*****************/ /* featured user */ .userTeaserWrapper .featuredUser { position: relative; float: left; width: 375px; overflow: hidden; } .userTeaserWrapper .featuredUser .userInfo { margin-left: 60px; } .userTeaserWrapper .userInfo .since { font-size: 0.857em; font-weight: normal; color: #8b8787; } .userTeaserWrapper .featuredUser .userInfo h6 { font-size: 1.167em; line-height: 1.333em; } .userTeaserWrapper .featuredUser h4 { float: none; clear: both; font-size: 1em; color: #333333; padding-top: 0.5em; } .userTeaserReviewed { padding-top: 0.5em; clear: both; } .userTeaserWrapper .featuredUser ul, .userTeaserWrapper .featuredUser ul li { margin-bottom: 0.5em; } /****************/ /* active users */ .userTeaserWrapper .activeUsers { position: relative; float: right; width: 205px; padding-left: 10px; } .userTeaserWrapper .activeUsers li { margin-bottom: 0.5em; } .userTeaserWrapper .activeUsers h6 { font-size: 1.167em; line-height: 1.333em; padding-bottom: 0.5em; color: #333333; } /*********************************************************/ /*** review of period ***/ .reviewOfPeriod h4, .reviewOfPeriod .header4 { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; } .reviewOfPeriod .title { padding-bottom: 0; line-height: 1.333em; } .reviewOfPeriod .userImageWrapper { position: relative; float: left; background-color: #fff; } .reviewOfPeriod .userName { text-align: center; font-size: 0.917em; } .reviewOfPeriod .glRating .imgRating { float: none; } /****************************************************/ /*** golocal news ***/ .newsGolocalWrapper { position: relative; } .newsGolocalWrapper .title { padding-bottom: 0; line-height: 1.333em; } .newsGolocalWrapper h4, .newsGolocalWrapper .header4 { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; } .newsGolocalWrapper .newsPic { position: relative; float: left; } /*****************************************************/ /*** cities nearby ***/ .citiesNearbyWrap .cloud { padding: 0; } .citiesNearbyWrap .cloud li { float: left; } .citiesNearbyWrap h6 { color: #656565; font-size: 1.667em; line-height: 1.2em; padding-bottom: 0.5em; } .neighborcities { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; } /****************************************************/ /*** Photos-Teaser ***/ .newPhotosWrapper ul li { height: 77px; margin-bottom: 0; display: inline-block; } .newPhotosWrapper .photo { position: relative; float: left; width: 110px; background: #cfcfcf url(/images/42024/de/multis/basic.png) no-repeat -560px -700px; padding: 2px 18px; } .newPhotosWrapper h2 { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; } .newPhotosWrapper .icon { padding-bottom: 0.333em; } .newPhotosWrapper .title { display: block; margin: 0.3em 0; } .newPhotosWrap-content { position: relative; float: left; margin-left: 10px; width: 204px; overflow: hidden; } /***************************************************/ /*** Forum-Teaser ***/ .forumTeaserWrap .head { background: #f9fbef; border-top: 1px solid #dddfcf; border-bottom: 1px dotted #7e7e7e; padding-top: 0.5em; padding-bottom: 0.5em; } .forumTeaserWrap h4, .forumTeaserWrap .header4 { color: #656565; font-size: 1.667em; line-height: 1.2em; padding-bottom: 0.5em; } .forumTeaserWrap .threadInfoWrap { margin-left: 35px; } .forumTeaserWrap .threadInfoWrap h5 { font-size: 1.167em; line-height: 1.333em; padding-bottom: 0; } .forumTeaserWrap .threadList li { padding-bottom: 0.5em; margin-bottom: 0.5em; background: transparent url(/images/42024/common/tile_dotLineWide_hor.gif) repeat-x bottom left; } .forumTeaserWrap .answersIntro { position: relative; top: -1px; display: block; padding: 1em 0 0.5em; background: transparent url(/images/42024/common/tile_dotLineWide_hor.gif) repeat-x top left; } .forumTeaserWrap .answerInfo, .forumTeaserWrap .answer { position: relative; float: left; width: 220px; padding-left: 26px; } .forumTeaserWrap .answerInfo { background: url(/images/42024/de/multis/start.png) no-repeat -599px -70px transparent; padding-left: 40px; left: -15px; } .forumTeaserWrap .answerInfo .subInfo { padding-top: 5px; } .forumTeaserWrap .bottomWrap a { display: block; float: left; margin-top: 5px; } .forumTeaserWrap .bottomWrap .moreTopics { float: right; } /***************************************************/ /*** Status-Box ***/ .start_statusBox { background: #fff url(/images/42024/de/multis/start.png) no-repeat 0 -2169px; width: 324px; position: relative; left: 5px; margin-bottom: 1em; } .start_statusBoxContent { padding: 15px 50px 0 12px; min-height: 142px; } .start_statusBoxBottom { background: #fff url(/images/42024/de/multis/start.png) no-repeat 0 -2583px; height: 17px; font-size: 0; line-height: 0; padding: 0 50px 15px 10px; } .start_statusBoxBottomLinks { font-size: 0.917em; } .start_sB_infoIcons { float: left; } .start_sB_infoIcons a { font-weight: bold; } .start_sB_todoBox { background: transparent url(/images/42024/common/tile_dotLineWide_hor.gif) repeat-x scroll left bottom; font-weight: bold; margin-top: 10px; padding-bottom: 10px; } .start_sB_todoLine { background: transparent url(/images/42024/common/tile_dotLineWide_hor.gif) repeat-x scroll left bottom; padding: 0 0 10px; } .start_sB_todos { color: #999; font-size: 1.167em; line-height: 1.4em; } .start_sB_imgUser { margin: 0 1em 0.4em 0; float: left; } /* SEO LP Links Box */ #seolpbox { float: left; margin: 0 10px 10px; padding: 0; list-style: none; } #seolpbox li { float: left; width: 22em; margin: 0; font-weight: bold; padding: 0; padding-left: 16px; line-height: normal; padding-bottom: 0.7em; } /*******************************/ /* Tag-Cloud */ .cloud { padding: 1em; } .cloud li { line-height: 1.6em; margin-right: 5px; } .cloud a { font-weight: normal; vertical-align: text-bottom; } .cloud .size5 a { font-size: 0.75em; } .cloud .size4 a { font-size: 0.9em; } .cloud .size3 a { font-size: 1.15em; } .cloud .size2 a { font-size: 1.4em; } .cloud .size1 a { font-size: 1.65em; } /* CSS-File: listEntry.css */ /*******************************************/ /* listEntry */ .listEntry { position: relative; border-bottom: 1px dotted #7e7e7e; } .listAdEntry .listEntry { background-color: #f6f9fe; } .listEntry .listingContent { padding: 1.5em 1em 0.5em 3.5em; } #mglContent.usersFavorites .listEntry { padding: 0; } .listEntry-outstanding { background-color: #fbfcf4; } /* Highlighted outstandig listEntry */ .infoList { margin-right: 10px; padding: 5px 0 5px 10px; } .listEntryTop { padding: 1em; position: relative; background-color: #fff; } .listEntry address { margin-bottom: 1em; font-style: normal; } .listAdEntry address { margin-bottom: 0.1em; } /* review drafts */ .listEntry-reviewDraft .listingContent, .listEntry-reviewDraft .content { background: transparent url(/images/42024/de/draftStamp.png) 80% 25px no-repeat; color: #999; } .listEntry-reviewDraft .content { background-position: 80% 5px; } .listEntry-reviewDraft .title-a:link, .listEntry-reviewDraft .title-a:visited { color: #99b2e5; } /* review quarantine */ .listEntry-reviewQuarantine .listingContent, .listEntry-reviewQuarantine .content { background: transparent url(/images/42024/de/quarantineStamp.png) 80% 25px no-repeat; color: #999; } .listEntry-reviewQuarantine .content { background-position: 80% 5px; } .listEntry-reviewQuarantine .title-a:link, .listEntry-reviewQuarantine .title-a:visited { color: #99b2e5; } /* list titles */ .listEntryTop h2 { background-color: #fff; } #locRes_listTitle { display: inline; margin-right: 0.625em; } #locRes_openNeighborCities { font-size: 0.917em; } .reviewsList li.last, .locList li.last { background: none; background-color: #fff; border-bottom: none; } .listEntry .title { display: block; font-size: 1.3em; color: #656565; font-weight: 700; } .listEntry .title { margin-bottom: 0; margin-top: 0; } .listEntry .category { font-size: 0.917em; color: #8b8787; margin: 0; } .listEntry .contact { margin: 0; } .listEntry .com { margin: 0; } .listingContent .contact { color: #8b8787; } .listingContent .com { color: #8b8787; margin-bottom: 10px; } .section .listEntry .review { margin-top: 0; } .listEntry .marker { position: absolute; background: transparent url(/images/42024/de/multis/markers100.png) no-repeat; height: 30px; left: 0px; top: 0.1em; margin: 1.5em 0 0 1em; text-indent: -999em; width: 2.5em; font-style: normal; } .listAdEntry .marker { background: transparent url(/images/42024/de/multis/sponsoredMarkers.png) 0 0 no-repeat; } .listAdEntry { border-top: 1px solid #cbcaca; border-bottom: 1px solid #cbcaca; border-left: 1px solid #cbcaca; margin-left: 13px; overflow: hidden; } .listAdEntry.horSeparatorTop { background-color: #F6F9FE; } .listAdEntry img { /* wegen Foundations */ height: 26px; width: 26px; } .listEntry .i1 { background-position: 0 0; } .listEntry .i2 { background-position: 0 -70px; } .listEntry .i3 { background-position: 0 -140px; } .listEntry .i4 { background-position: 0 -210px; } .listEntry .i5 { background-position: 0 -280px; } .listEntry .i6 { background-position: 0 -350px; } .listEntry .i7 { background-position: 0 -420px; } .listEntry .i8 { background-position: 0 -490px; } .listEntry .i9 { background-position: 0 -560px; } .listEntry .i10 { background-position: 0 -630px; } .listEntry .marker2 { background: transparent url(/images/42024/de/multis/markers200.png) no-repeat; } .noReview .marker, .noReview .marker { background-image: url(/images/42024/de/multis/markers100_noReview.png); } .noReview .marker2, .noReview .marker2 { background-image: url(/images/42024/de/multis/markers200_noReview.png); } .listEntry .plus { background: none; text-indent: 0; } .noReview .marker.plus { background-image: none; } /* Rating */ .listEntry .glRating { position: relative; float: right; text-align: right; width: 95px; } .listEntry .glRating__stars { float: right; margin-bottom: 0.25rem; width: 95px; } .listEntry .review-trophyWrap .trophy-xs, .listEntry .review-trophyWrap .trophy-xl { margin-left: auto; margin-right: 0; } .usersFavorites .glRating { margin-bottom: 0.5em; } #mglContent.usersReviews .listEntry .glRating { width: 110px; } .listEntry .button a { float: right; } .listEntry .glRating .date { position: absolute; font-size: 0.85em; text-align: right; width: 130px; color: #666; right: 0; top: -1.8em; } .listEntry .amountRating { clear: right; } .listEntry .reviewBtn a, .listEntry .editReviewBtn a, .listEntry .editDraftBtn a { position: relative; display: block; background: transparent url(/images/42024/de/multis/review.png) no-repeat 0 -420px; height: 25px; width: 95px; } .listEntry .editReviewBtn a { height: 31px; background-position: 0 -490px; } .listEntry .reviewBtn a:hover { background-position: -300px -420px; } .listEntry .editReviewBtn a:hover { background-position: -300px -490px; } .listEntry .editDraftBtn a { height: 31px; background-position: 0 -1120px; } .listEntry .editDraftBtn a:hover { background-position: -300px -1120px; } .listEntry .distance, .listEntry .partnerInfo { position: absolute; left: 4.3em; top: 0em; color: #999; font-size: 85%; margin: 0; padding: 0; } .listEntry .partnerInfo { right: 1em; text-align: right; font-size: 100%; } .listEntry .avatarImage { float: left; margin: 0 1em 0.4em 0; } .listEntry-info { position: relative; margin-bottom: 0.333em; } .kw { font-weight: 100; font-size: 8pt; color: #666; } .listEntry .unfollow-btn, .listEntry .secBtn-follow { /*float:left; margin-top:0.333em; */ margin-bottom: 0.5em; } .listEntry .review-date { color: #666; font-size: 8pt; } .listEntry .listingActions { position: relative; background-color: #e6e8c4; bottom: 1px; visibility: hidden; } .listEntry .listingActions li { margin-left: 1em; display: inline-block; } .listEntry .listingActions a { padding-left: 20px; background: transparent url(/images/42024/de/multis/review.png) no-repeat -700px -1501px; white-space: nowrap; } .listEntry .listingActions .addToFavorites { background-position: -700px -1539px; } .listEntry .listingActions .addToNotepad { background-position: -700px -1609px; } .listEntry .listingActions .uploadPhotos { background-position: -700px -1679px; } .listEntry .listingActions .sendToFriend { background-position: -700px -1819px; } .listEntry .listingActions .editLocation { background-position: -700px -1260px; } #mainWrapper.reviewList .listEntry .action { margin-bottom: 0.5em; } /************************************ /* location images */ .listEntry .locImagesWrapper { position: relative; float: right; margin-right: 1em; width: 60px; text-align: right; font-size: 0.917em; } .listEntry .locImagesWrapper li { position: relative; float: right; font-size: 1px; padding: 0; width: 26px; line-height: 0; margin: 0 0 1px 1px; } .locMedia-infoWrap { position: relative; height: 1em; } .locVideos-li-a { display: block; height: 26px; width: 26px; background: transparent url(/images/42024/de/multis/basic.png) no-repeat -700px -2030px; } .locMedia-info { position: absolute; right: 0; top: 0; display: block; width: 120px; } .tagfacts { background: url(/images/42024/de/multis/common.png) no-repeat scroll -1369px 29px white; padding-left: 130px; color: #8b8787; margin-top: 20px; } .tagfacts h2 { color: #8b8787; } .locationtentative { color: #8b8787; margin-top: 2.5em; } .mm-siegel-wrap { margin-top: 1.9em; } /* Meinten Sie */ #didyoumeanBlock { font-size: 1.25em; color: black; margin: 1.25em 0; } .didYouMeant { font-style: italic; font-weight: bold; } .spell_orig { font-size: 0.875em; } /* CSS-File: thickbox.css */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ /**{padding: 0; margin: 0;}*/ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { position: absolute; font: 12px Arial, Helvetica, sans-serif; color: #333333; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#8b8787', Direction=90, Strength=3), progid:DXImageTransform.Microsoft.Shadow(color='#8b8787', Direction=135, Strength=3)"; box-shadow: 2px 2px 2px #ababab; } #TB_secondLine { font: 11px Arial, Helvetica, sans-serif; color: #666666; margin-top: 5px; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index: 99; top: 0; left: 0; height: 100%; width: 100%; } .TB_overlayMacFFBGHack { background: url(/images/42024/common/macFFBgHack.png) repeat; } .TB_overlayBG { background-color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; -moz-opacity: 0.75; opacity: 0.75; } #TB_window { position: fixed; background: #ffffff; z-index: 10001; color: #000000; display: none; border: 1px solid #b0bc00; text-align: left; overflow: hidden; top: 50%; left: 50%; } #TB_window #TB_Image { display: block; margin-bottom: 10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_likeArea { margin-bottom: 5px; } #TB_rightInfos { float: right; text-align: right; padding-bottom: 5px; } #TB_caption { padding: 9px 10px 10px 15px; float: left; } #TB_closeWindow { padding-bottom: 6px; } #TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; } #TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; } #TB_title { background-color: #e8e8e8; height: 27px; } #TB_ajaxContent { position: relative; clear: both; padding: 0; /*padding:2px 15px 15px 15px;*/ overflow: auto; text-align: left; line-height: 1.4em; } #TB_ajaxContent p { margin: 5px 0; } #TB_load { position: fixed; display: none; height: 0px; width: 0px; z-index: 10010; top: 50%; left: 50%; margin: -7px 0 0 -54px; /* -height/2 0 0 -width/2 */ } #TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; } #TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; } /* begin: css3 spinner */ .spinner { font-size: 30px; position: absolute; display: none; width: 1em; height: 1em; z-index: 99999; } .spinner div { position: absolute; left: 0.4629em; bottom: 0; width: 0.074em; height: 0.2777em; border-radius: 0.5em; background-color: transparent; transform-origin: center -0.2222em; animation: spinner-fade 1s infinite linear; } .spinner div:nth-child(1) { animation-delay: 0s; transform: rotate(0deg); } .spinner div:nth-child(2) { animation-delay: 0.083s; transform: rotate(30deg); } .spinner div:nth-child(3) { animation-delay: 0.166s; transform: rotate(60deg); } .spinner div:nth-child(4) { animation-delay: 0.249s; transform: rotate(90deg); } .spinner div:nth-child(5) { animation-delay: 0.332s; transform: rotate(120deg); } .spinner div:nth-child(6) { animation-delay: 0.415s; transform: rotate(150deg); } .spinner div:nth-child(7) { animation-delay: 0.498s; transform: rotate(180deg); } .spinner div:nth-child(8) { animation-delay: 0.581s; transform: rotate(210deg); } .spinner div:nth-child(9) { animation-delay: 0.664s; transform: rotate(240deg); } .spinner div:nth-child(10) { animation-delay: 0.747s; transform: rotate(270deg); } .spinner div:nth-child(11) { animation-delay: 0.83s; transform: rotate(300deg); } .spinner div:nth-child(12) { animation-delay: 0.913s; transform: rotate(330deg); } @keyframes spinner-fade { 0% { background-color: #69717d; } 100% { background-color: transparent; } } /* end: css3 spinner */ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> Pinterest Plugin <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ .pinit { position: relative; display: inline-block; } .pinit .pinit-overlay { top: 0; left: 0; width: 100%; height: 100%; z-index: 200; display: block; /*background:transparent url(/images/42024/de/jquery/pinit/semi-white.png) repeat 0 0;*/ text-align: center; } .pinit .pinit-overlay a { position: absolute; bottom: 5%; left: 2%; width: 58px; height: 28px; background: transparent url(/images/42024/de/jquery/pinit/pinit-button2.png) no-repeat 0 0; text-indent: -9999em; } .pinit .pinit-overlay a:hover { background-position: 0 -28px; } .pinit .pinit-overlay a:active { background-position: 0 -56px; } @charset "UTF-8"; /* forms.css */ /*************************************/ /*** form basics ***/ .txt { border: 1px solid #cecece; padding: 6px 3px; font-size: 1.2em; } .profilepicUpload { color: #666; padding: 6px 3px; font-size: 1.25em; } .noIcon, .icon { background: #fff; } .icon { background: #fff url(/images/42024/de/multis/forms.png) no-repeat 5px 9px; padding-left: 24px; } .form-label { font-size: 0.917em; display: block; margin-bottom: 1px; } /* DEPRECATED: ALTE FORMULARFELDER - BITTE STUECK FUER STUECK ERSETZEN */ .formsWrapper .formWide { width: 980px; } .formsWrapper .formSmall { width: 545px; } .formsWrapper .col { float: left; } .formsWrapper .col1 { width: 755px; margin-right: 15px; } .formsWrapper .col1Narrow { width: 580px; margin-right: 15px; } .formsWrapper .col2 { width: 210px; /*background-color:#e5eaa6;*/ } .formsWrapper .col1 h2, .formsWrapper .col1Narrow h2 { margin-top: 0.6em; margin-bottom: 0.5em; font-size: 2.5em; } .formsWrapper .col1 h3, .formsWrapper .col1Narrow h2 { margin-bottom: 0.8em; font-size: 1.7em; color: #a7a7a7; } .formsWrapper .indent { padding-left: 6px; } .formsWrapper input:focus, .formularBox input:focus, .formsWrapper textarea:focus, .formularBox textarea:focus { outline: none; border: 1px solid #b0bc00; box-shadow: 0 0 0.4em 0.1em #b0bc00; } .formsWrapper .error input, .formularBox .error input, .formsWrapper input.error, .formularBox input.error, .formsWrapper textarea.error, .formularBox textarea.error, .formsWrapper .error textarea, .formularBox .error textarea { outline: none; border: 1px solid #c63326; box-shadow: 0 0 0.4em 0.1em #c63326; } .mglProfile input:focus, .mglProfile textarea:focus { outline: none; border: 1px solid #cecece; box-shadow: 0 0 0.4em 0.1em #4e91df; } /***************************************/ /***************************************/ /* Left Column */ /* DEPRECATED: ALTE FORMULARFELDER - BITTE STueCK FueR STueCK ERSETZEN */ /* .formsWrapper .copyBlockHead{ padding-left:115px; background: transparent url(/images/42024/common/forms/bgFormsEditData.png) no-repeat; margin-bottom:2em; } */ .formsWrapper .copyBlockFoot { padding: 30px 0 0 30px; } .formsWrapper .tab_changeData { width: 10.5em; } .formsWrapper .tab_sendToFriend { width: 11.4em; } .formsWrapper .tab_profile1 { width: 10em; } .formsWrapper .tab_profile2 { width: 12em; } .formsWrapper .tab_profile3 { width: 14em; } .formsWrapper .tab_profile1Pic { width: 9em; } /* Neuer Tab-Hintergrund mit CSS3 */ .formsWrapper .formTabActive { padding-top: 0.4em; color: #333; font-weight: bold; font-size: 1.25em; text-align: center; line-height: 1.15em; border: 0.1em solid #BFCC00; border-bottom: 0.1em solid #BFCC00; -webkit-border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; /* Gradients generated with */ /* http://www.colorzilla.com/gradient-editor/ */ /* Uniqure Link: http://www.colorzilla.com/gradient-editor/#eff2cd+0,d4dc52+50,c3cf10+51,bfcc00+100;Custom */ background: #eff2cd; /* Old browsers */ /* @alternate */ /* FF3.6+ */ /* @alternate */ /* Chrome,Safari4+ */ /* @alternate */ /* Chrome10+,Safari5.1+ */ /* @alternate */ /* Opera 11.10+ */ /* @alternate */ /* IE10+ */ /* @alternate */ background: linear-gradient(to bottom, #eff2cd 0%, #d4dc52 50%, #c3cf10 51%, #bfcc00 100%); /* W3C */ } .formsWrapper .innerForm { margin-top: 25px; } .formsWrapper .innerFormProfilePic, .formsWrapper .innerFormProfileData, .formsWrapper .innerFormProfilePrefs { padding: 0; } .formsWrapper .innerFormIntro h3 { color: #656565; font-size: 1.333em; } .formsWrapper .innerFormLeft { float: left; position: relative; width: 355px; } .formsWrapper .innerFormRight { float: left; position: relative; width: 341px; } /***************************************/ /* #Blue Form */ /* */ .formularBoxBlue { position: relative; display: block; background-color: #F9F9F9; border-top: 5px solid #a3c3ed; border-bottom: 5px solid #a3c3ed; border-left: 1px solid #cecece; border-right: 1px solid #CECECE; border-radius: 5px; padding: 25px 10px 15px 20px; margin-bottom: 3.5em; } .formularBoxBlue.withTab { border-top-left-radius: 0; } .formsWrapper .formBoxMgl { margin-left: 1.7em; } .formsWrapper .formTabBlue { padding-left: 19px; padding-top: 0.25em; padding-right: 20px; font-weight: bold; font-size: 1.25em; text-align: center; line-height: 1.15em; margin-top: 0.15em; border: 0.1em solid #d1e0f6; border-bottom: 0.1em solid white; -webkit-border-top-left-radius: 0.4em; -webkit-border-top-right-radius: 0.4em; -moz-border-radius-topleft: 0.4em; -moz-border-radius-topright: 0.4em; border-top-left-radius: 0.4em; border-top-right-radius: 0.4em; /* Gradients generated with */ /* http://www.colorzilla.com/gradient-editor/ */ /* Uniqure Link: http://www.colorzilla.com/gradient-editor/#f6f9fc+0,e0eaf9+50,d1e0f6+51,d1e0f6+100;Custom */ background: #f6f9fc; /* Old browsers */ /* @alternate */ /* FF3.6+ */ /* @alternate */ /* Chrome,Safari4+ */ /* @alternate */ /* Chrome10+,Safari5.1+ */ /* @alternate */ /* Opera 11.10+ */ /* @alternate */ /* IE10+ */ /* @alternate */ background: linear-gradient(to bottom, #f6f9fc 0%, #e0eaf9 50%, #d1e0f6 51%, #d1e0f6 100%); /* W3C */ } .formsWrapper .formTabBlue a { color: #666; } .formsWrapper .formTabBlueActive { padding-left: 19px; padding-top: 0.4em; padding-right: 20px; color: #333333; font-weight: bold; font-size: 1.25em; text-align: center; line-height: 1.15em; border: 0.1em solid #a3c3ed; -webkit-border-top-left-radius: 0.4em; -webkit-border-top-right-radius: 0.4em; -moz-border-radius-topleft: 0.4em; -moz-border-radius-topright: 0.4em; border-top-left-radius: 0.4em; border-top-right-radius: 0.4em; /* Gradients generated with */ /* http://www.colorzilla.com/gradient-editor/ */ /* Uniqure Link: http://www.colorzilla.com/gradient-editor/#edf2fa+0,c1d6f2+50,a9c6ee+51,a3c3ed+100;Custom */ background: #edf2fa; /* Old browsers */ /* @alternate */ /* FF3.6+ */ /* @alternate */ /* Chrome,Safari4+ */ /* @alternate */ /* Chrome10+,Safari5.1+ */ /* @alternate */ /* Opera 11.10+ */ /* @alternate */ /* IE10+ */ /* @alternate */ background: linear-gradient(to bottom, #edf2fa 0%, #c1d6f2 50%, #a9c6ee 51%, #a3c3ed 100%); /* W3C */ } /***************************************/ /* #Form Input */ .formsWrapper .locationClosed { padding-bottom: 20px; } .formsWrapper #closedInfo { padding: 1em 0 0 1.667em; display: none; } .formsWrapper label { font-size: 0.917em; } .formsWrapper .settings label { font-size: 1em; } .formsWrapper .formRow label, .formsWrapper .locationClosed div.commentWrapper label { display: block; margin-bottom: 1px; } .formsWrapper .locationClosed .formRow label { display: inline; padding-bottom: 0; } .formsWrapper .formElement { position: relative; display: inline-block; } .formsWrapper .infoText { display: none; } .formsWrapper .txt { width: 314px; margin-bottom: 10px; } .formsWrapper .txt1 { width: 488px; } .formsWrapper .txt2 { width: 468px; } .formsWrapper .txt3 { width: 300px; } .formsWrapper .txt4 { width: 120px; } .formsWrapper .active .txt, .formsWrapper .error .txt { margin-bottom: 0; } .formsWrapper .prepend { margin-right: 13px; } /* active and error input elements */ .formsWrapper .active input.prepend, .formsWrapper .error input.prepend { margin-right: 0; } /* adjust mandatory-icon */ .formsWrapper .active div.prepend, .formsWrapper .error div.prepend, .formsWrapper .active div.mandatory, .formsWrapper .error div.mandatory { margin-right: 2px; } .formsWrapper .split2 .i20 { width: 60px; } .formsWrapper .split2 .i25 { width: 70px; } .formsWrapper .split2 .i75 { width: 230px; } .formsWrapper .split2 .i80 { width: 230px; } #businessName.icon { background-position: 5px 9px; } #street.icon { background-position: 5px -62px; } #areaCode.icon { background-position: 5px -272px; } #url.icon, .deepdataurl.icon, #impressum.icon { background-position: 5px -551px; } #email.icon, #newUser_email.icon, #emailInput.icon { background-position: 3px -479px; } /* Generische Icons */ .icon[type=email] { background-position: 3px -479px; } .icon[type=password] { background-position: -556px -1533px; } #areaCodeMobile.icon { background-position: 8px -412px; } #areaCodeFax.icon { background-position: 5px -341px; } #branches.icon, #branches2.icon, #locEditForm_categorytext1.icon { background-position: 5px -132px; } #zip.icon, #city.icon, #editUser_zipcode.icon, #newUser_zipcode.icon, #locKeyEnter.icon, #plzList.icon, #localityKey.icon, .regCity.icon { background-position: 5px -62px; } #senderName.icon { background-position: -559px -691px; } #recipientName.icon { background-position: -559px -761px; } #editUser_loginname.icon, #firstname.icon, #lastname.icon, #newUser_loginname.icon, #loginname.icon, #newUser_loginName.icon { background-position: 3px -1111px; } /* #actualPassword.icon,#newPassword.icon,#confirmNewPassword.icon, #password.icon, #newUser_password.icon, #newUser_confirmPassword.icon{background-position:-556px -1533px;} */ #education.icon, #job.icon { background-position: 5px -1183px; } #interestX.icon { background-position: 6px -1251px; } #notOnline.icon { background-position: 3px -1323px; } #read.icon { background-position: 5px -1394px; } #typeX.icon { background-position: 5px -1462px; } #island.icon { background-position: 4px -1533px; } #movie.icon { background-position: -556px -972px; } #familyX.icon { background-position: -557px -1044px; } #drunk.icon { background-position: -555px -1114px; } #spoil.icon { background-position: -555px -1184px; } #best.icon { background-position: -557px -1253px; } #mySites.icon, #otherSites.icon, #videoUrl.icon, #googleplusprofile.icon { background-position: 5px -551px; } #forum-search-searchTerm.icon, .forum-search-txt.icon { background-position: 7px -205px; } #comment.icon, #spamReason.icon { background-position: -555px 5px; width: 480px; } #like.icon { background-position: -556px -1322px; width: 289px; } #toSay.icon { background-position: -556px 7px; width: 289px; } #facebookLoginButton { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -904px 0; width: 120px; height: 27px; margin-bottom: 15px; display: block; } #facebookLoginButton:hover { /* @alternate */ /* @alternate */ box-shadow: 0 0 3px 3px rgba(66, 133, 244, 0.3); } #customGoogleSigninBtn, #customFBSigninBtn { display: inline-block; } /* Begin: Google Sign-In button */ .abcRioButton { /* @alternate */ border-radius: 1px; /* @alternate */ /* @alternate */ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); /* @alternate */ /* @alternate */ box-sizing: border-box; /* @alternate */ /* @alternate */ /* @alternate */ transition: background-color .218s,border-color .218s,box-shadow .218s; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; background-image: none; color: #262626; cursor: pointer; outline: none; overflow: hidden; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; width: auto; } .abcRioButton:hover { /* @alternate */ /* @alternate */ box-shadow: 0 0 3px 3px rgba(66, 133, 244, 0.3); } .abcRioButtonRed, .abcRioButtonBlue { border: none; color: #fff; } .abcRioButtonRed { background-color: #dc4e41; } .abcRioButtonRed:active { background-color: #c53829; } .abcRioButtonBlue { background-color: #4285f4; } .abcRioButtonBlue:hover { background-color: #4285f4; } .abcRioButtonBlue:active { background-color: #3367d6; } .abcRioButtonLightBlue { background-color: #fff; color: #757575; } .abcRioButtonLightBlue:active { background-color: #eee; color: #6d6d6d; } .abcRioButtonWhite { background-color: #fff; color: #dc4e41; } .abcRioButtonWhite:active { background-color: #eee; } .abcRioButtonIcon { float: left; } .abcRioButtonBlue .abcRioButtonIcon { background-color: #fff; /* @alternate */ border-radius: 1px; } .abcRioButtonSvg { display: block; } .abcRioButtonContents { font-family: Roboto,arial,sans-serif; font-size: 14px; font-weight: 500; letter-spacing: .21px; margin-left: 6px; margin-right: 6px; vertical-align: top; } .abcRioButtonContentWrapper { height: 100%; width: 100%; } .abcRioButtonGreen .abcRioButtonContentWrapper, .abcRioButtonRed .abcRioButtonContentWrapper, .abcRioButtonBlue .abcRioButtonContentWrapper, .abcRioButtonDarkGray .abcRioButtonContentWrapper, .abcRioButtonGrayedOut .abcRioButtonContentWrapper { border: 1px solid transparent; } .abcRioButtonErrorWrapper, .abcRioButtonWorkingWrapper { display: none; height: 100%; width: 100%; } .abcRioButtonErrorIcon, .abcRioButtonWorkingIcon { margin-left: auto; margin-right: auto; } .abcRioButtonErrorState, .abcRioButtonWorkingState { border: 1px solid #d5d5d5; /* @alternate */ border: 1px solid rgba(0, 0, 0, 0.17); /* @alternate */ /* @alternate */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); color: #262626; } .abcRioButtonErrorState:hover, .abcRioButtonWorkingState:hover { border: 1px solid #aaa; /* @alternate */ border: 1px solid rgba(0, 0, 0, 0.25); /* @alternate */ /* @alternate */ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } .abcRioButtonErrorState:active, .abcRioButtonWorkingState:active { border: 1px solid #aaa; /* @alternate */ border: 1px solid rgba(0, 0, 0, 0.25); /* @alternate */ /* @alternate */ box-shadow: inset 0 1px 0 #ddd; color: #262626; } .abcRioButtonWorkingState, .abcRioButtonWorkingState:hover { background-color: #f5f5f5; } .abcRioButtonWorkingState:active { background-color: #e5e5e5; } .abcRioButtonErrorState, .abcRioButtonErrorState:hover { background-color: #fff; } .abcRioButtonErrorState:active { background-color: #e5e5e5; } .abcRioButtonWorkingState .abcRioButtonWorkingWrapper, .abcRioButtonErrorState .abcRioButtonErrorWrapper { display: block; } .abcRioButtonErrorState .abcRioButtonContentWrapper, .abcRioButtonWorkingState .abcRioButtonContentWrapper, .abcRioButtonErrorState .abcRioButtonWorkingWrapper { display: none; } /* End: Google Sign-In button */ .formsWrapper .mandatory { position: absolute; right: 3px; top: 1.82em; width: 18px; height: 18px; background: transparent url(/images/42024/de/multis/forms.png) no-repeat -560px -630px; } .formsWrapper .active .mandatory, .formsWrapper .error .mandatory { right: 12px; } .formsWrapper .mandatoryBlue { background: transparent url(/images/42024/de/multis/forms.png) no-repeat -560px -840px; } .formsWrapper .footnote { background: transparent url(/images/42024/de/multis/forms.png) no-repeat 0 -630px; height: 20px; padding: 0 20px 0 25px; float: right; } .formsWrapper .footnoteBlue { background: transparent url(/images/42024/de/multis/forms.png) no-repeat -560px -910px; } .formsWrapper .footlink { padding: 0.8em 30px 0 0; float: right; } /*.formsWrapper li { float:left; margin-right:4px; background-color:#FFF; } */ .formsWrapper .tabLi { float: left; margin-right: 4px; background-color: #FFF; } #userSearchElements { position: relative; } .formErrorMsg { color: #fff; background-color: #c63326; border-radius: 3px; padding: .5rem 1rem; } /* Combination of radioBtn or checkbox with textfield */ /*.radioCombi-input{float:left;}*/ .radioCombi-radio { position: relative; display: block; float: left; margin: 5px 5px 0 0; } .radioCombi-label { display: none; } #toSay_counter, #like_counter { position: absolute; top: 0; right: 10px; font-size: 0.917em; color: #8b8787; } /**************************************/ /* Form InfoBox */ #formInfoBox { position: relative; top: 0; right: 0; width: 210px; display: none; } #formInfoBox .top { background: transparent url(/images/42024/common/forms/info_box_head.png) no-repeat 0 0; padding: 30px 5px 5px 52px; font-weight: bold; min-height: 50px; } #formInfoBox .contentBody { background: transparent url(/images/42024/common/forms/info_box_bg.png) repeat 0 0; padding: 0 5px 5px 15px; } #formInfoBox .bottom { background: transparent url(/images/42024/common/forms/info_box_foot.png) no-repeat 0 0; height: 7px; } /**************************************/ /* Blue Form InfoBox */ .mglProfile #formInfoBox .top { background-image: url(/images/42024/common/forms/info_box_headBlue.png); } .mglProfile #formInfoBox .contentBody { background-image: url(/images/42024/common/forms/info_box_bgBlue.png); } .mglProfile #formInfoBox .bottom { background-image: url(/images/42024/common/forms/info_box_footBlue.png); } /***************************************/ /* #Weiterschicken Formular */ .formsWrapper .formBoxActual { width: 545px; } .formsWrapper .formRow2 label, .formsWrapper .locationClosed div.commentWrapper label { display: block; padding-bottom: 1px; } .formsWrapper .locationClosed .formRow2 label { display: inline; padding-bottom: 0; } .formsWrapper .senderName { width: 200px; } .formsWrapper .recipientName { width: 200px; } .formsWrapper .wideActualForm { width: 455px; } .formsWrapper .capture { width: 477px; } .formsWrapper .innerFormActual { background-color: #f9f9f9; border-left: 1px solid #cecece; border-right: 1px solid #cecece; padding: 25px 0 15px 30px; } .formsWrapper .labelActual { margin-bottom: 1em; margin-left: 20px; } .formsWrapper .labelActual2 { margin-bottom: 1.5em; margin-left: 20px; } /***********************************************/ /* registration forms */ .formsWrapper .radioSplit { padding-bottom: 1.5em; } .formsWrapper .radioSplit h4, .formsWrapper .formRow h4 { color: #656565; } .formsWrapper .radioSplitHalf { float: left; } .formsWrapper .radios { padding-bottom: 0.5em; } .formsWrapper .iRadio { width: 292px; margin-bottom: 0; } /***********************************************/ /* forms Help-Button */ .formsHelp { float: left; width: 25px; height: 25px; margin-left: 8px; } .formsHelp a { display: block; background: transparent url(/images/42024/de/multis/forms.png) no-repeat 0 -980px; height: 25px; width: 25px; } .formsHelp span { display: none; } .formsHelp-h3 { float: left; line-height: 1.9em; } .formsHelp-h4 { float: left; line-height: 1.9em; font-size: 1.167em; } /***********************************************/ /***********************************************/ /* user search (community) */ /***********************************************/ /* user search page */ .formsWrapper .head { padding-left: 100px; background: transparent url(/images/42024/de/multis/pIcons.png) no-repeat 0 0; height: 88px; } .formsWrapper .userSearch-h2 { float: left; margin-top: 0.6em; margin-bottom: 0.5em; font-size: 2.5em; } .formsWrapper .userSearchSwitch2Name { float: left; margin: 2.8em 0 0 2em; font-size: 1em; font-weight: bold; } .formsWrapper .colSearch { padding-left: 100px; padding-right: 50px; } .formsWrapper .colSearchInfo { width: 285px; } .formsWrapper .colSearch-h3 { color: #656565; font-size: 1.333em; margin-bottom: 1em; } .formsWrapper .searchBlock { width: 530px; padding: 1em 0; } .formsWrapper .bottomLine { border-bottom: 1px solid #d7d7d7; } .formsWrapper .iField { width: 230px; margin-bottom: 0; } .formsWrapper .userIs { width: 245px; margin-top: 1em; } .formsWrapper .searchBut { margin-top: 1.5em; } .formsWrapper .labelNameSearch { font-size: 1em; font-weight: bold; } .formsWrapper .iconMale, .formularBox .iconMale { padding-left: 17px; background: transparent url(/images/42024/de/multis/icons.png) -631px -1749px no-repeat; } .formsWrapper .iconFemale, .formularBox .iconFemale { padding-left: 17px; margin-right: 1em; background: transparent url(/images/42024/de/multis/icons.png) -631px -1820px no-repeat; } /***************************************/ /* Right Column */ /**************************************/ /* Form InfoBox */ #searchInfoBox { position: relative; top: 0; right: 0; width: 285px; } #searchInfoBox .top { background: transparent url(/images/42024/common/forms/info_box_headBlue285.png) no-repeat 0 0; padding: 30px 5px 5px 52px; font-weight: bold; } #searchInfoBox .contentBody { background: transparent url(/images/42024/common/forms/info_box_bgBlue285.png) repeat 0 0; padding: 0 5px 5px 15px; } #searchInfoBox .bottom { background: transparent url(/images/42024/common/forms/info_box_footBlue285.png) no-repeat 0 0; height: 7px; } /***********************************************/ /* user search results page */ .formsWrapper .colSearchSide { width: 250px; padding-top: 2.5em; } .formsWrapper .colSearchResult { width: 730px; margin-top: 2.5em; } .formsWrapper .srWrap { float: left; margin-left: 15px; margin-bottom: 15px; } .formsWrapper .srSplit { width: 348px; height: 163px; background-color: #f5f5f5; border: 1px solid #d7d7d7; } .formsWrapper .srBottomLine { border-bottom: 1px solid #d7d7d7; padding-bottom: 1em; } .formsWrapper .sr-h3 { color: #656565; font-size: 1.667em; margin: 0 0 0 15px; } .formsWrapper .srInfo { padding-bottom: 1em; padding-left: 15px; font-weight: bold; } .formsWrapper .colSearch-h4 { color: #bbbbbb; font-size: 1.5em; margin: 5px 0 15px; } .formsWrapper .colSearch-h5 { color: #bcbcbc; font-size: 1.333em; margin: 15px 0; } .formsWrapper .srUserPic { float: left; width: 160px; height: 150px; vertical-align: middle; text-align: center; padding-top: 10px; } .formsWrapper .srPic { margin: auto; } .formsWrapper .srUserInfo { float: left; width: 180px; height: 125px; padding: 20px 3px 0 0; } .formsWrapper .srUserName { font-size: 1.333em; font-weight: bold; } .formsWrapper .srUserCity { font-weight: bold; } .formsWrapper .srUserPersonal { margin-top: 0.833em; } .formsWrapper .srPaging { border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; margin: 15px 0 0 15px; } /***************************************************/ /* NEUER FORMULAR HINTERGRUND */ /***************************************************/ .formularBox { position: relative; display: block; padding: 25px 14px 15px; background-color: #F9F9F9; border-top: 5px solid #BFCC00; border-bottom: 5px solid #BFCC00; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; border-radius: 5px; margin-bottom: 3.5em; } .formularBox.withTab { border-top-left-radius: 0; } .formularBox .mandatory { background: transparent url(/images/42024/de/multis/forms.png) no-repeat -560px -630px; display: inline-block; position: relative; left: -19px; top: -3px; width: 18px; height: 18px; } .formularBox .footnote { background: transparent url(/images/42024/de/multis/forms.png) no-repeat 0 -630px; height: 20px; padding: 0 0 0 25px; float: right; color: #878787; } /***************************************************/ /* Formular Mein Eintrag Unternehmensportal */ /***************************************************/ .owner { padding-top: 20px; } .IamOwner { padding: 10px 0 0 20px; } /***************************************************/ /* Deep Data */ /***************************************************/ #deepdata { margin-top: 10px; margin-bottom: 40px; } #deepdata h3 { font-size: 1.5em; color: #656565; } #deepdata h4 { font-size: 1.167em; margin-top: 2em; } #chkNoNeed4OpeningHour { margin-bottom: 1.5em; } #openinghours .OpenThroughLunchTd { /* Feste Breite, falls alle Elemente ausgeblendet werden */ /*width: 120px; */ width: 17%; } #openinghours label { font-size: 1em; } #openinghours .times-column { /* fuer den automatischen zwei Zeilenumbruch wg. dem Backend Formulareigenheiten */ /*width: 190px; */ width: 26%; } #openinghours tr { height: 45px; /* min-height funktioniert nicht */ vertical-align: top; } #openinghours td { padding-right: 1%; } #openinghours td:last-child { padding-right: 0; } .sliderDeepData, .tagging { margin-top: 5px; } .tagging { min-height: 30px; margin-bottom: 15px; } .ui-slider-legend { margin-top: 5px; margin-bottom: 15px; font-size: 0.917em; width: 80%; } .ui-slider-legend p { float: left; } .ui-slider-legend p:not(:first-child) { text-align: center; } .ui-slider-legend p:last-child { text-align: right; } /* Tagging */ ul.tagging li { display: none; } ul.tagging .popular, ul.tagging .added { display: inline-block; } ul.tagging li a.tag, ul.tagging span { zoom: 1; display: block; float: left; margin: 0 5px 0 0; padding: 4px 10px; text-decoration: none; color: #333; background-color: #f5f8f2; border: 1px solid #eaede7; white-space: nowrap; } ul.tagging li a:visited { background: none; } ul.tagging li a.tag:hover { text-decoration: none; color: #333; background-color: #f5f8f2; border: 1px solid #9aa500; } ul.tagging li a.selected { color: #fff; background-color: #b0bc00; border: 1px solid #9aa500; } ul.tagging li a.selected:hover { color: #fff; background-color: #b0bc00; } .deppDataTextField { margin-top: 5px; margin-bottom: 15px; } #mailCheckerMsg { display: none; margin: 0.3em 0 0.5em; color: #656565; } #mailCheckIcon, #nameCheckIcon { height: 20px; width: 20px; display: inline-block; vertical-align: text-bottom; margin-top: 2em; } #mailCheckIcon.correct, #nameCheckIcon.correct { background: transparent url(/images/42024/de/multis/extended.png) no-repeat 0 -1820px; } #mailCheckIcon.incorrect, #nameCheckIcon.incorrect { background: transparent url(/images/42024/de/multis/extended.png) no-repeat 2px -1957px; } #mailCheckIcon.waiting, #nameCheckIcon.waiting { background: transparent url(/images/42024/common/indicator.gif) no-repeat top left; } /* Kartenposition aendern */ #abortMlocMap { margin-left: 2em; } /***************************************************/ /* Locationdaten aendern */ /***************************************************/ .formsWrapper .datachange-h2 { margin-top: 0.6em; font-size: 2.5em; } .formsWrapper .datachange-h3 { margin-bottom: 0.8em; font-size: 1.7em; color: #a7a7a7; } .formsWrapper .txt-f { margin-bottom: 10px; width: 100%; } /* Hide property labels */ .oh_settingLbl { padding-bottom: 0.5em; } /* More Dropdown */ .oh_more-dd { position: absolute; display: inline-block; border: 1px solid #fff; padding: 0.5em 0; background-color: #5b5b5b; color: #fff; margin: 0; } .oh_more-txt { display: inline-block; padding: 0 1em; color: #fff; /*background:transparent url(/images/42024/de/multis/forms.png) no-repeat 0 -1670px*/ } .oh_more-dd .oh_dd { display: none; padding-top: 1em; } .oh_dd label { color: #fff; } .oh_dd-el { background-color: #5b5b5b; display: list-item; padding: 0.3em 1em; color: #fff; position: relative; margin: 0; } .oh_dd-el:hover { background-color: #696969; } .oh-more-txt { color: #fff; } .oh_more-dd:hover { background-color: #5b5b5b; color: #fff; } .oh_more-dd:hover .oh_dd { display: block; color: #fff; z-index: 500; } .oh_dd-cb { display: none !important; } .oh_more-txt:after { content: ' Ë…'; } .oh_more-dd:hover .oh_more-txt:after { content: ' Ë„'; } @media all and (max-width: 768px) { .oh_dd-cb:checked ~ .oh_dd { display: block; } .oh_dd-cb:checked + .oh_more-txt:after { content: ' Ë„'; } } /*************************************/ /*** form basics ***/ input.txt-f, textarea.txt-f { border: 1px solid #cecece; padding: 6px 3px; font-size: 1.25em; color: #333; } input.icon, textarea.icon { background: #fff url(/images/42024/de/multis/forms.png) no-repeat 5px 9px; padding-left: 22px; } #comment.icon-f, #spamReason.icon-f { background-position: -555px 5px; } .formsWrapper .split2 .i20-f { width: 100%; } .formsWrapper .split2 .i25-f { width: 100%; } .formsWrapper .split2 .i75-f { width: 100%; } .formsWrapper .split2 .i80-f { width: 100%; } .formsWrapper .mandatory-f { position: absolute; right: 1.3em; top: 1.72em; width: 18px; height: 18px; background: transparent url(/images/42024/de/multis/forms.png) no-repeat -560px -630px; } .formsWrapper .ddTagInput { display: inline-block; max-width: 10em; margin-bottom: 0; padding: 5px; height: auto; } .ddTagInputRow { vertical-align: top; padding: 2px 2px 2px 0; } /***************************************************/ /* Unternehmenssuche mit Claiming */ .hasLocationClaims { background: #EFEFDF; border: 1px solid #b0bc00; padding: 0.6em; margin: 0.5em 0 1.2em 0; } .hasLocationClaims b { display: block; } .claiming-search { margin-bottom: 10em; } .claiming-search #claiming-form { background-color: #425575; padding: 3em 1.5em; } .claiming-search #claiming-form.claiming-form-resultpage { background-color: #425575; padding: 2em 1.5em 2em 1.5em; } .claiming-search #claiming-form input { text-indent: 1.5em; } @media screen and (max-width: 40em) { .claiming-search #claiming-form input { width: 100%; } } @media screen and (min-width: 40em) and (max-width: 64em) { .claiming-search #claiming-form input { width: 100%; } } .claiming-search #claiming-form #txtSearchTermClaim { background: #fff url(/images/42024/de/multis/forms.png) no-repeat 5px 8px; } .claiming-search #claiming-form #txtLocClaim { background: #fff url(/images/42024/de/multis/forms.png) no-repeat 5px -63px; } .claiming-search #claiming-form input { vertical-align: top; height: auto; } .claiming-search #claiming-form button { width: 7em; vertical-align: bottom; } @media screen and (max-width: 40em) { .claiming-search #claiming-form button { width: 100%; vertical-align: bottom; } } .claiming-search #claiming-form button span { background: url(/images/42024/de/multis/common.png) no-repeat scroll -964px -105px; color: #ffffff; font-size: 0.9em; text-indent: 34px; } @media screen and (max-width: 40em) { .claiming-search #claiming-form button span { background: url(/images/42024/de/multis/common.png) no-repeat scroll -961px -105px; color: #ffffff; font-size: 0.9em; text-indent: 38px; } } .claiming-search div #claiming-arguments li { margin: 3em 0em 3em 2.5em; height: 4em; padding-left: 4em; padding-top: 0.8em; } @media screen and (max-width: 40em) { .claiming-search div #claiming-arguments { margin: 2em 0em 3em 0em; } .claiming-search div #claiming-arguments li { margin: 3em 0em 0em -0em; } } .claiming-search div #claiming-arguments li:nth-child(1) { background: url(/images/42024/de/multis/common.png) no-repeat -2469px -509px; } .claiming-search div #claiming-arguments li:nth-child(2) { background: url(/images/42024/de/multis/common.png) no-repeat -2462px -432px; } .claiming-search div #claiming-arguments li:nth-child(3) { background: url(/images/42024/de/multis/common.png) no-repeat -2466px -353px; } #claiming-search-result { padding-left: 1.5em; padding-right: 1.5em; } #claiming-search-result .container-wrapper { background: #f6f2ef; padding: 1em 1.5em 3em 1em; font-size: 0.75em; margin: 0 0 5em 0; } @media screen and (max-width: 40em) { #claiming-search-result { padding-left: 0; padding-right: 0; } #claiming-search-result .container-wrapper { padding: 1em 0.5em 3em 0em; } } #claiming-search-result .container-wrapper h2 { display: block; font-weight: bold; width: 70%; } #claiming-search-result .container-wrapper h2 a { color: #333333; } #claiming-search-result .container-wrapper .glRating { position: relative; } #claiming-search-result .container-wrapper .glRating .category, #claiming-search-result .container-wrapper .glRating address { font-family: Arial, Helvetica, sans-serif; line-height: 1.15em; font-weight: normal; padding: 0.5em 0; } #claiming-search-result .container-wrapper .glRating address { padding-bottom: 2em; line-height: 1.5em; font-style: normal; } @media screen and (max-width: 40em) { #claiming-search-result .container-wrapper .glRating address { padding-bottom: 6em; } } #claiming-search-result .container-wrapper .glRating .category { color: #8b8787; display: block; margin-top: 3.0em; } @media screen and (max-width: 40em) { #claiming-search-result .container-wrapper .glRating .category { margin-top: 2.8em; } } #claiming-search-result .container-wrapper .glRating .claim-link { float: right; position: absolute; right: 0.3em; padding: 0.5em 0; background-color: #656565; color: #ffffff; border: 2px solid #ffffff; box-shadow: 1px 1px 4px #888888; top: 0; text-align: center; } @media screen and (max-width: 40em) { #claiming-search-result .container-wrapper .glRating .claim-link { bottom: 1.3em; top: inherit; } } #claiming-search-result .container-wrapper .glRating .claim-link a { color: #ffffff; text-decoration: none; } #claiming-search-result .container-wrapper .glRating .claimed span { background: url(/images/42024/de/multis/common.png) no-repeat -1067px -358px; width: 23px; height: 19px; display: inline-block; position: absolute; left: 0.8em; } #claiming-search-result .container-wrapper .glRating .claimed { background-color: #ffffff; color: #b0bc26; border: 2px solid #b0bc26; box-shadow: none; } #claiming-search-result .container-wrapper .glRating .claimedRecord { top: 1.2em; float: right; position: absolute; right: 0.3em; color: #8b8787; } #claiming-search-result .container-wrapper .glRating .claimingInProgress { top: 1.2em; float: right; position: absolute; right: 0.3em; color: #8b8787; } @media screen and (max-width: 40em) { #claiming-search-result .container-wrapper .glRating .claimingInProgress, #claiming-search-result .container-wrapper .glRating .claimedRecord { float: right; left: 0.3em; bottom: 1.3em; top: inherit; } } #claiming-search-result .container-wrapper .glRating + .hr { border-bottom: 4px solid #656565; } .claiming-search div h1 { font-size: 2em; line-height: 1.2em; } .imgRating.addInfoTooltip, .imgRating .amountRating, #claiming-search-result .container-wrapper .rating-stars { float: left !important; } .imgRating .amountRating a, .imgRating .amountRating { margin: 0 0 0 9.2em; } @media screen and (max-width: 40em) { .imgRating .amountRating a, .imgRating .amountRating { margin: 0 0 0 9.2em; } } .note { margin: 2em; } .note-maybe { color: #aaaaaa; margin: 1em; border-bottom: 1px solid #aaaaaa; } .maybe { color: #666666; font-weight: bold; text-transform: uppercase; } #claiming-search-result .locImagesWrapper { float: left; margin: 1em 1.5em; } #claiming-search-result .locImagesWrapper .aggregatedHinweis { line-height: 1em; margin-top: 0.5em; width: 74px; } #claiming-search-result .glRating { margin: 1em 0.5em 0 9em; } #claiming-search-result .pageNav { background: none; border: none; } #claiming-search-result .addLocationWrapper { background-color: #f7f8eb; border: 1px solid #c0c0c0; } @media screen and (max-width: 40em) { #claiming-search-result .addLocationWrapper #addLocation { padding: 15px 0 8px 70px; } } .image-dummy { background: url(/images/42024/de/multis/locationDetails.png) no-repeat scroll -257px 0 transparent; width: 100px; height: 100px; margin: 0 1em 5em 0; } /***************************************************/ /* GOPO-467 CSA-Fußnote für Newsletter Label */ .csa { color: #888888; } /* Nachricht schreiben Thickbox */ #mailDialog .mainContent { height: 395px; /*margin-bottom:40px;*/ overflow: auto; padding: 5px 10px 0; position: relative; } #mailDialog .buttonsWrapper { bottom: 0; height: 33px; left: 0; text-align: center; /*width:100%;*/ } #mailDialog .buttonsWrapper table { margin: 0 auto; } #mailDialog .buttonsWrapper table td, th { border: none; } #mailDialog #infoMessage { width: 600px; } #mailDialog .lnkClose { display: block; margin-right: 1em; padding-top: 5px; } #mailDialog .replyMail { display: block; } #mailDialog .viewMail { display: none; } /* viewStatus */ #mailDialog.viewStatus .replyMail { display: none; } #mailDialog.viewStatus .viewMail, #mailDialog.viewStatus .userPostText { display: block; } #mailDialog label { display: block; font-size: 0.917em; } #mailDialog .section { padding-bottom: 1.3em; /* padding lassen, wegen teamstamp */ } #mailDialog .userPostText { font-size: 1.333em; font-weight: 700; padding-top: 7px; display: none; } #mailDialog .userInfoWrap { position: relative; } #mailDialog .subjectWrap div { font-size: 1.333em; font-weight: 700; } #mailDialog .messageWrap { margin-bottom: 0; } #mailDialog .txtUsername { width: 535px; padding: 3px 5px 4px; } #mailDialog .txtSubject, #mailDialog .txtMessage { padding: 3px 5px; width: 570px; margin-bottom: 0; } #mailDialog .txtMessage { height: 214px; overflow: auto; } #mailDialog .subject { color: #656565; } /* Mail-Dialog in own page */ #mailDialog.ownPage .buttonsWrapper { position: relative; text-align: left; } #mailDialog.ownPage .mainContent { padding: 0 0 1em; } #mailDialog .userFilter { position: relative; float: left; background: #fff url(/images/42024/de/multis/mgl.png) no-repeat -400px -419px; margin-right: 5px; padding: 0 1px; height: 30px; border: 1px solid #a4a4a4; } #mailDialog .userFilter .btnDropdown { position: absolute; width: 15px; height: 26px; top: 1px; right: 0; background: transparent url(/images/42024/de/multis/basic.png) no-repeat -770px -1040px; cursor: pointer; } #mailDialog .userFilter .closeDropdown { background-position: -840px -1040px; } /* additional class of btnDropdown */ #mailDialog input.txtUserfilter { margin-left: 27px; padding: 4px 0 0; width: 200px; font-size: 1.333em; background-color: #fff; border: none; height: auto; } #mailDialog .selUser .username { position: relative; float: left; font-size: 1.33em; background: #fff url(/images/42024/de/multis/mgl.png) no-repeat 100% -561px; padding: 5px 20px 0 5px; height: 27px; } #mailDialog.replyStatus .selUser .username, #mailDialog.viewStatus .selUser .username { padding-right: 8px; background-position: 98% -561px; } #mailDialog .selUser { position: relative; float: left; height: 26px; display: none; } #mailDialog .selUser .removeFilter { position: absolute; right: 0; top: 1px; display: block; width: 15px; height: 26px; } #mailDialog .selUser .removeFilter span { display: block; text-indent: -5000px; } #mailDialog.replyStatus .selUser .removeFilter, #mailDialog.viewStatus .selUser .removeFilter { display: none; } #mailDialog .filtered .selUser { display: block; } #mailDialog .filtered input.txtUserfilter, #mailDialog .filtered .userFilter .btnDropdown { display: none; } #mailDialog .txtUserError { padding: 5px; color: #c63326; } #notAllowedMessage { margin: auto; height: 170px; width: 400px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } #mailDialog .teamstamp { background: url(/images/42024/de/multis/forum.png) no-repeat scroll 175px -1044px transparent; } .farbtastic { position: relative; } .farbtastic * { position: absolute; cursor: crosshair; } .farbtastic, .farbtastic .wheel { width: 195px; height: 195px; } .farbtastic .color, .farbtastic .overlay { top: 47px; left: 47px; width: 101px; height: 101px; } .farbtastic .wheel { background: url(/images/42024/de/jquery/farbtastic/wheel.png) no-repeat; width: 195px; height: 195px; } .farbtastic .overlay { background: url(/images/42024/de/jquery/farbtastic/mask.png) no-repeat; } .farbtastic .marker { width: 17px; height: 17px; margin: -8px 0 0 -8px; overflow: hidden; background: url(/images/42024/de/jquery/farbtastic/marker.png) no-repeat; } /* * jQuery File Upload UI Plugin CSS 9.0.0 * https://github.com/blueimp/jQuery-File-Upload * * Copyright 2010, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */ .fileupload-buttonbar .btn, .fileupload-buttonbar .toggle { margin-bottom: 5px; } .progress-animated .progress-bar, .progress-animated .bar { background: url(../img/progressbar.gif) !important; -webkit-filter: none; filter: none; } .fileupload-process { float: right; display: none; } .fileupload-processing .fileupload-process, .files .processing .preview { display: block; width: 32px; height: 32px; background: url(../img/loading.gif) center no-repeat; background-size: contain; } .files audio, .files video { max-width: 300px; } @media (max-width: 767px) { .fileupload-buttonbar .toggle, .files .toggle, .files .btn span { display: none; } .files .name { width: 80px; word-wrap: break-word; } .files audio, .files video { max-width: 80px; } .files img, .files canvas { max-width: 100%; } } @charset "UTF-8"; /* Neuer Fotouploaddialog */ .uploadPhotosWrapper { padding: 10px; } .uploadPhotosWrapper .buttonsWrapper { bottom: 9px; position: absolute; text-align: center; width: 90%; } #fileupload { border: 0 dashed #ddd; transition: border-color 0.218s ease 0s; border-width: 3px; text-align: center; margin: 0; position: relative; top: 15px; height: 350px; bottom: 30px; left: 0; right: 0; } #fileupload.droppeddown { border-color: #3366CC; } #fileupload.disabledForm { background-color: #f2f2f2; } #fileupload .disabledForm { opacity: 0.5; cursor: default; } /* Ãœberschreiben Standard Disabled Grafikanzeige jQueryUI und Plugin */ .ui-widget-content .ui-state-disabled, .blueimp-fileupload-disabled { opacity: 1; } .dropZone { bottom: 0; left: 0; position: absolute; right: 0; top: 0; overflow: auto; } #buttonBoxDropZone { margin: auto; height: 100px; width: 400px; color: #CCCCCC; font-size: 25px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; display: none; text-align: center; } #ANBzone { margin: auto; height: 100px; width: 400px; font-size: 15px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } #ANBzone p { width: 370px; margin-left: auto; margin-right: auto; } #anb-button { opacity: 1; font-size: 14px; } #alternateText { color: #CCCCCC; font-size: 13px; font-weight: bold; } #fileupload-button { width: 151px; height: 26px; margin: 0 auto; /* Mist extra für IE 9 */ position: relative; cursor: pointer; text-align: center; background: transparent url(/images/42024/de/multis/extended.png) no-repeat 0 -1890px; overflow: hidden; } #fileupload-button input { /*opacity: 0; */ /* Mist extra für IE 9 */ position: absolute; top: 0; right: 0; margin: 0; border: solid transparent; border-width: 0 0 100px 0; opacity: 0.0; filter: alpha(opacity=0); direction: ltr; cursor: pointer; } #picUpload { float: left; } /*Upload-Dialog Remove Item */ #fileupload .delete { background: url(/images/42024/de/multis/mgl.png) no-repeat scroll 0 -630px #FFFFFF; display: block; height: 24px; margin: 0; width: 24px; opacity: 0.7; border: none; } #fileupload .delete { opacity: 1; } #fileupload .delete { opacity: 1; } #fileupload .delete span { background-image: none; } /*Upload-Dialog Pinit */ #fileupload .pinit-button { background: url(/images/42024/de/multis/mgl.png) no-repeat scroll 0 -509px #FFFFFF; display: block; height: 20px; width: 40px; margin-top: 0.5em; } #fileupload .pinit-button:hover { opacity: 0.7; } /* Teilweise Kopien von Bootstrap */ #fileupload .table { margin-bottom: 20px; width: 100%; } #fileupload table { background-color: transparent; border-collapse: collapse; border-spacing: 0; max-width: 100%; } #fileupload table tr { height: 140px; } #fileupload .preview { width: 150px; } #fileupload .remarkphoto { resize: none; height: 72px; width: 200px; background-color: transparent; border: 1px solid silver; padding: 3px 4px; } #fileupload .remarkphoto:hover { background-color: white; box-shadow: 0 1px 2px #CCCCCC inset; } #fileupload .remarkphoto:focus { border-color: #0066dd; background-color: white; box-shadow: 0 1px 2px #CCCCCC inset; } #fileupload .name, #fileupload .size { color: #CCCCCC; } #fileupload .fade { opacity: 1; transition: opacity 2s ease-in-out; } #fileupload .table-striped tbody tr:nth-child(2n+1) { background-color: #F9F9F9; } #fileupload .table th, .table td { border-top: 1px solid #DDDDDD; line-height: 20px; padding: 8px; text-align: left; vertical-align: top; } /* Override Plugin Einstellungen */ .files .progress { width: 208px; border: 1px solid #B0BC00; } .files .progress, .files .bar { height: 15px; } .progress-animated .progress-bar, .progress-animated .bar .progress-animated .ui-widget-header { background: #b0bc00 url(/images/42024/common/loadingAnimation.gif) -12px -3px; height: 15px; } /*.fileupload-buttonbar .fade, .files .fade { display: none; }*/ .fileupload-processing .fileupload-process, .files .processing .preview { background: url(/images/42024/common/ajax-loader_l.gif) center no-repeat; width: 35px; height: 35px; } /*.fileupload-processing .fileupload-loading { display: block; }*/ /* Edit Media Funktionalität von glRemovable.js */ .mediaActionsWrap { position: absolute; z-index: 1; top: 6px; left: 4px; width: 50px; height: 24px; display: none; } .photoFrame .mediaActionsWrap { top: 3px; right: 13px; } .mediaActionsWrap .btnRemoveMedia, .mediaActionsWrap .btnEditMedia { display: block; float: right; width: 24px; height: 24px; margin: 0; background: #fff url(/images/42024/de/multis/mgl.png) no-repeat 0 -630px; } .mediaActionsWrap .btnEditMedia { background-position: -210px -630px; } .mediaActionsWrap .btnRemoveMedia span, .mediaActionsWrap .btnEditMedia span { display: none; } #confirmRemovalWrapper { display: none; } #confirmRemoval .cancel { margin-right: 1em; } .action-area { margin-top: 10px; /*border-top: solid 1px #e8e8e1;*/ } .usersFavorites .action-area { clear: both; float: none; } .action-bar { min-height: 2.333em; /*height: 2.333em; */ padding-top: 6px; } .action-bar.bar, .like-bar.bar { padding: 0 0.4375em 0 0.4375em; color: #8b8787; background-color: #f9f9f2; border-top: solid 1px white; border-bottom: solid 1px #e8e8e1; font-size: 9pt; } .action-bar.bar { min-height: 2.333em; /*height: 2.333em; */ padding-top: 6px; } .action-bar-left { float: left; } .action-bar-right { float: right; text-align: right; } .like-bar, .like-bar.bar { padding-top: 2px; min-height: 20px; font-size: 8pt; } .like-bar-reviewcomment-small { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -769px; padding-left: 12px; } .a-icon-li { display: inline-block; margin-right: 7px; } .a-icon-li:last-child { margin-right: 0; } .a-icon-ul { display: inline; } .a-icon { padding-left: 18px; background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 0; display: inline-block; min-height: 15px; line-height: 15px; color: #333; } .a-icon:hover { color: #ec6726; } .a-like-off { background-position: 0 -70px; } .a-like-on { background-position: 0 -140px; } .a-followtopic-on { background-position: 0 -1050px; } .a-followtopic-off { background-position: 0 -980px; } .a-icon-solo { height: 15px; width: 15px; padding-left: 0; display: block; overflow: hidden; text-indent: -10000px; margin-top: 2px; } .a-icon-tw { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -630px; } .a-icon-fb { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -560px; } .a-icon-gp { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px -630px; } .a-icon-pic { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px -350px; } .a-icon-forum { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px -280px; } .a-icon-video { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px -420px; } .a-icon-comment, .a-icon-locanswer { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -210px; } .a-icon-favs { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px -210px; } .a-icon-follow { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -840px; } .a-icon-unfollow { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -910px; } .a-icon-heroes { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px -70px; } .a-icon-message { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px 0; } .a-icon-showprofile { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px -140px; } .a-icon-edit { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -280px; } .a-icon-delete { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -350px; } .a-icon-publish { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px -490px; } .a-icon-sem { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 0; } .a-icon-flag { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -696px; padding-left: 9px; } .a-icon-star { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -420px; } .a-icon-camera { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat 0 -490px; } .a-icon-trophies { background: transparent url(/images/42024/de/multis/aIcons.png) no-repeat -210px -560px; } .a-like-loading { background: transparent url(/images/42024/common/indicator.gif) no-repeat top left; } .openerText .spamLinkWrap { float: right; } .spamLinkWrap { text-align: right; } .spamLink, .spamLinkLoggedIn { display: inline-block; height: 15px; font-size: 80%; color: #656565; } /*.spamLinkLoggedIn { opacity: 0.5; height: 15px; }*/ .commentdropdown { background: transparent url(/images/42024/de/multis/aIcons.png) -210px -696px; float: right; width: 10px; height: 14px; opacity: 0.8; } .commentdropdown:hover { opacity: 1; } .spamLink:hover, .spamLinkLoggedIn:hover { opacity: 1; } /************************************************/ /*** Comment Review ***/ /************************************************/ .frmAddComment { background-color: #F9F9F2; border-bottom: 1px solid #E8E8E1; border-top: 1px solid white; } .frmAddComment .comments .commentsTitle { position: relative; float: left; margin-right: 1em; /*font-weight:normal;*/ font-size: 1em; } .frmAddComment form { width: 100%; } .frmAddComment textarea { width: 98%; border: 1px solid #cdcdcd; padding: .5rem; height: 2.5rem; min-height: 2.5rem; resize: vertical; line-height: 1.3rem; /*font-size: 1em;*/ /* For IE Autogrow Bug only */ /*line-height:16px;*/ /* For IE Autogrow Bug only */ } .frmAddComment .placeholder { color: #999; } .frmAddComment .commentActions { display: none; margin-top: 0.4375em; } .frmAddComment button { position: relative; margin: 0 3px 0 0; /*display:none;*/ } .frmAddComment .entry { border-bottom: 1px white solid; padding: 0.4375em; clear: both; } .frmAddComment .hiddenEntry { display: none; } .frmAddComment .showMoreComments { display: block; border-bottom: 1px solid white; clear: both; padding: 2px 0 2px 7px; font-size: 8pt; } .frmAddComment .entry .commentInfo { display: block; } .frmAddComment .entry .commentAuthor { font-weight: bold; margin-right: 3px; } .commentDate { float: left; width: 18em; } .frmAddComment .commentAvatar { float: left; display: none; margin-right: 1%; } .frmAddComment .commentInputArea { padding: 0.4375em; } .frmAddComment .commentInfo { font-weight: normal; color: #888; font-size: 8pt; } .frmAddComment .comment { margin-left: 35px; display: block; } .frmAddComment .TeamComment { background: transparent url(/images/42024/de/review/TeamComment.png) no-repeat top right; padding-top: 9px; } .frmAddComment .TeamCommentNarrow { background: transparent url(/images/42024/de/review/TeamComment.png) no-repeat top right; } /* Guide Stempel */ .frmAddComment .GuideComment { background: transparent url(/images/42024/de/review/GuideComment.png) no-repeat top right; padding-top: 9px; } .frmAddComment .GuideCommentNarrow { background: transparent url(/images/42024/de/review/GuideComment.png) no-repeat top right; } /* Loc Inhaber Stempel */ .frmAddComment .ClaimComment { background: transparent url(/images/42024/de/review/ClaimComment.png) no-repeat top right; padding-top: 9px; } .frmAddComment .ClaimCommentNarrow { background: transparent url(/images/42024/de/review/ClaimComment.png) no-repeat top right; } /* Gegendarstellung */ .counterstatement-bubble { background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #DDDDDD; border-radius: 10px 10px 10px 10px; color: #666666; padding: 15px; margin-bottom: 20px; margin-left: 0.8em; margin-right: 0.8em; position: relative; } .counterstatement-bubble:after { border-color: #FFFFFF transparent; border-style: solid; border-width: 13px 13px 0; bottom: -13px; content: ""; display: block; left: 47px; position: absolute; width: 0; } .counterstatement-bubble:before { border-color: #DDDDDD transparent; border-style: solid; border-width: 20px 20px 0; bottom: -20px; content: ""; display: block; left: 40px; position: absolute; width: 0; } .counterstatement-info { margin-left: 20px; color: #808080; font-size: 10pt; /*padding-bottom: 3em;*/ } /* Window with people who like...something */ #likeUser .mainContent { height: 250px; overflow: auto; padding: 5px 10px 0; position: relative; } #likeUser .buttonsWrapper { bottom: 0; height: 35px; left: 0; position: absolute; text-align: center; width: 100%; } .likeUser-entry { padding: .5em; } .likeUser-userName { font-weight: bold; } .likeUser-userFromPoints { color: #8B8787; font-size: 0.917em; } /* Facebook like tooltip with people who like...something */ #likeUsersTooltip .mainContent { max-height: 300px; overflow: auto; padding: 5px 5px 0; position: relative; } /* Comment Dropdown */ .commentdropdown:hover { color: white; /*text-replace: "▼" "▲";*/ } .commentdropdown { position: relative; } .commentdropdown span { display: inline; } .commentdropdown.dropdown-active { opacity: 1; } .commentdropdown.dropdown-active span { display: inline; } .commentdropdown-menu { background: #efefdf; border: 0.0625em solid #bebebe; position: absolute; top: 15px; right: 1px; display: none; z-index: 5000; min-width: 16em; } .commentdropdown-menu p { font-size: 11px; } .commentdropdown-menu a:link, .dropdown-menu a:visited { text-decoration: none; color: #666666; } .commentdropdown-menu a:active, .dropdown-menu a:hover { color: #000; background: #fff; } * html .commentdropdown-menu { top: 28px; } * + html .commentdropdown-menu { top: 28px; } /* dropdowns: specific */ .commentdropdown-menu a { display: block; white-space: nowrap; font-size: 1.1em; line-height: 1.9em; padding: 0.2em 0.7em; } .relative { position: relative; } /* Verifizierungsbereich Bewertungen */ .verifiedSignal { /* @alternate */ background: #fff; background: transparent url(/images/42024/de/multis/common.png) no-repeat scroll -1609px -546px; line-height: 1.15em; display: block; min-height: 23px; padding: 0.3em 0 0 1.8em; color: #8b8787; } /* Video-Uploadbox */ .closeWindow .uploadVideoContent { margin-bottom: 0; padding: 20px 0 5px 140px; } .closeWindow .uploadVideoContent:before { content: ""; background: url(/images/42024/de/multis/icons.png) no-repeat scroll 25px 25px transparent; position: absolute; left: 0; top: 0; width: 120px; height: 120px; } /* Video-Uploadbox */ .closeWindow #videoInfoContainer { margin-left: 120px; } @charset "UTF-8"; /* CSS-File: user.css */ .contentWrapp { position: relative; border-right: 1px solid #cecece; border-bottom: 1px solid #cecece; border-left: 1px solid #cecece; margin: 0 10px 10px 0; padding-top: 1em; } #newsStreamOnStartPage .contentWrapp { border-top: 1px solid #cecece; } /***************************************/ /* Action-Buttons, nur noch in Notepad genutzt, durch Action-Area ersetzen! */ /* TODO Ausmisten */ .btnSmall { margin: 0; padding: 0; } .btnSmall a { position: relative; display: block; white-space: nowrap; padding: 0.2em 0.5em; text-decoration: none; background: transparent url(/images/42024/de/multis/extended.png) 0 -280px no-repeat; } .btnSmall a:hover { background: transparent url(/images/42024/de/multis/extended.png) 0 -774px no-repeat; } .btnSmall li { position: relative; float: left; padding-top: 1px; border: 1px dotted #7E7E7E; /* width:75px;*/ } .btnSmall li .outer { display: block; padding-bottom: 1px; } .btnSmall li .outer .ending { display: block; padding: 0 1px 0 0; } .btnSmall li .icon { display: block; padding-left: 25px; line-height: 1.5em; background: transparent url(/images/42024/de/multis/review.png) -700px -560px no-repeat; } .btnSmall .showInMap { width: 140px; } .btnSmall .removeFromNotepad { width: 150px; } .btnSmall .edit { width: 100px; margin-right: 5px; } .btnSmall .hideMap { width: 140px; } .btnSmall .showInMap a .icon { background-position: -700px -1189px; } .btnSmall .removeFromNotepad a .icon { background-position: -698px -838px; } .btnSmall .edit a .icon { background-position: -700px -629px; } .btnSmall .hideMap a .icon { background-position: -700px -1119px; } #mglContent.usersReviews { border-top: none; } #mglContent.usersReviews .locList, #mglContent.usersFavorites .locList { position: relative; float: left; width: 475px; } #mglContent.usersReviews .listEntry .review { padding-bottom: 0.5em; } /* QualityOMeter */ #mglContent .Reviewquality { font-size: 10px; color: #C5C5C5; width: 86px; margin-left: 29px; } #mglContent .Reviewqualityometer { width: 63px; height: 11px; border: 1px solid #c5c5c5; float: left; margin-top: 2px; opacity: 0.9; } #mglContent .Reviewqualityometer .ui-progressbar-value { background: transparent url(/images/42024/de/multis/locationDetails.png) no-repeat -185px -268px; /*background: no-repeat left url(/images/42024/de/review/qualityometer2.png); */ } #mglContent .ReviewqualityometerTop { width: 20px; height: 17px; float: left; margin-left: 3px; background: transparent url(/images/42024/de/multis/review.png) no-repeat -19px -1369px; } #mglContent .ReviewqualityometerTop.green { background: transparent url(/images/42024/de/multis/review.png) no-repeat 1px -1369px; } .userContent { position: relative; width: 805px; float: left; } .userContentBox { width: 796px; } .userVideoNarrowWrapper { width: 784px; } .userContent .emptyCopy { padding: 0 15px 0; } .userContent #sideBar { position: relative; float: right; width: 315px; } /**************************************/ /*** User Profile ***/ .userProfile { margin-right: 12px; float: left; width: 158px; } .userProfileWrapper { background-color: #faf9f2; border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE; } /************************************/ /*** Navigation ***/ .mgl-nav-head { display: block; font-size: 1.167em; color: #fff; height: 2em; padding: 0.25em 0.25em 0 1em; } .mgl-nav-head-green2 { background: #b0bc00; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* @alternate */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2Y2Y0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGJjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* @alternate */ /* FF3.6+ */ /* @alternate */ /* Chrome,Safari4+ */ /* @alternate */ /* Chrome10+,Safari5.1+ */ /* @alternate */ /* Opera 11.10+ */ /* @alternate */ /* IE10+ */ /* @alternate */ background: linear-gradient(to bottom, #c6cf49 0%, #b0bc00 100%); /* W3C */ /* Gradients generated with */ /* http://www.colorzilla.com/gradient-editor/ */ /* Unique Link: http://www.colorzilla.com/gradient-editor/#c6cf49+0,b0bc00+100;Custom */ } .mgl-nav-head-blue { background: #a3c0e7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /* @alternate */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkZDJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhM2MwZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* @alternate */ /* FF3.6+ */ /* @alternate */ /* Chrome,Safari4+ */ /* @alternate */ /* Chrome10+,Safari5.1+ */ /* @alternate */ /* Opera 11.10+ */ /* @alternate */ /* IE10+ */ /* @alternate */ background: linear-gradient(to bottom, #bdd2ee 0%, #a3c0e7 100%); /* W3C */ /* Gradients generated with */ /* http://www.colorzilla.com/gradient-editor/ */ /* Unique Link: http://www.colorzilla.com/gradient-editor/#bdd2ee+0,a3c0e7+100;Custom */ } .mgl-nav-ul { list-style-image: none; list-style-position: outside; } .mgl-nav-li { padding: 0; border-top: 1px solid #fdfdeb; border-bottom: 1px solid #deded3; line-height: 1.333em; } .mgl-nav-a, .mgl-nav-a-blue { display: block; padding: 5px 5px 5px 30px; background: transparent url(/images/42024/de/multis/mgl.png) no-repeat scroll -555px -766px; font-weight: 700; color: #666; border-left: solid #dddcd5 0.43em; } .mgl-nav-a:hover, .mgl-nav-a:active, .mgl-nav-a-blue:hover, .mgl-nav-a-blue:active { color: #333; text-decoration: none; } .mgl-nav .mgl-nav-a, .mgl-nav .mgl-nav-a-blue { font-weight: normal; color: #666; } .active .mgl-nav-a { background-color: #eef1c0; font-weight: 700; color: #333; border-color: #b0bc00; } .active .mgl-nav-a-blue { background-color: #e5eef9; font-weight: 700; color: #333; border-color: #a4c0e8; } .mgl-nav-a:hover, .mgl-nav-a-blue:hover { background-color: #fff; color: #333; } .mgl-nav-messages { background-position: -557px -623px; } .mgl-nav-notepad { background-position: -555px -696px; } .mgl-nav-profile { background-position: -553px -766px; } .mgl-nav-reviews { background-position: -555px -836px; } .mgl-nav-favs { background-position: -555px -976px; } .mgl-nav-photos { background-position: -555px -1046px; } .mgl-nav-badges { background-position: -555px -2238px; } .mgl-nav-follow { background-position: -555px -1116px; } .mgl-nav-charts { background-position: -555px -1186px; } .mgl-nav-myData { background-position: -557px -2026px; } .mgl-nav-personal { background-position: -557px -1956px; } .mgl-nav-profilePic { background-position: -555px -1815px; } .mgl-nav-moreInfo { background-position: -555px -1886px; } .mgl-nav-props { background-position: -556px -2096px; } .mgl-nav-mloc { background-position: -556px -2164px; } .mgl-nav-videos { background-position: -555px -2305px; } .mgl-nav-challenges { background-position: -557px -1254px; } .mgl-nav-claims { background-position: -555px -1326px; } .mgl-nav-checkins { background-position: -554px -1395px; } .stickerImage { width: 260px; height: 190px; margin-left: 40px; background: url(/images/42024/de/multis/services.png) no-repeat scroll -298px -910px transparent; display: block; } /* TITLES */ #titelChoice-filterForm { margin-bottom: 1em; } #titelChoice-filterForm .ui-selectmenu-button { margin: 0; float: none; text-align: left; } #title-name { color: #606060; font-size: 1em; font-style: italic; margin-bottom: 1em; } /*********************************************/ /*** Mein Golocal-Filter ***/ .mgl-filterForm { margin: 1em 0 0; height: 2.1em; } .mgl-filterForm-othersPhotos { padding: 1em 1em 0; } .mgl-filter-options { float: right; width: 125px; padding-top: 5px; overflow: visible; position: absolute; right: 10px; top: 20px; } .mgl-filter-options.photo, .mgl-filter-options.video { position: relative; top: 0.083em; right: 0; } .mgl-filter-options-drafts { width: 125px; } .mgl-filter-resultAmount { position: relative; float: right; padding-top: 5px; font-weight: 700; } .ui-selectmenu-button { position: relative; float: left; margin-right: 1em; } /************************************/ /*** Navigation ***/ .profileBtns { float: left; position: relative; margin: 0 2px 1em 7px; } /* Buttons in Picture-Box in Userprofile */ .profileBtns .secBtn { width: 140px; } .profileBtns .secBtn-a { text-align: left; } .profileBtns .unfollow-txt { float: left; margin-left: 12px; } .secBtn-message { margin-bottom: 0.3em; } .userContent .profileOverview { border: 1px #d1d1d1 solid; margin-bottom: 10px; } .userContent-vertSeparator { background: transparent url(/images/42024/common/tile_dotline_vert_usercontent.png) repeat-y scroll left top; padding-right: 10px; } .userContent .info1 { background-color: #faf9f2; padding: 15px; } .userContent .info2 { background-color: #fff; padding-left: 15px; margin-bottom: 15px; } .userContent .info2-reviews { float: left; position: relative; width: 180px; } .userContent .info2-reviewStar { padding-left: 20px; } .userContent .info2-likes { float: left; position: relative; width: 180px; } .userContent .info2-statistics { float: left; position: relative; width: 140px; padding-right: 20px; } .userContent .info2-trophies { float: left; width: 278px; } .userContent .info2-h4 { color: #656565; } .info1 .points { float: left; } .infoIcons .icon.charts { float: left; background-position: -700px -1960px; margin-left: 10px; /*width: 22em; */ } .infoIcons .follows { float: left; background-position: -700px -2030px; margin-left: 10px; } .infoIcons .following { float: left; background-position: -700px -2100px; margin-left: 10px; } .locListWrapper.details { padding-top: 2em; background-color: #ffffff; } .userProfileWrapper .points { font-size: 0.85em; margin-top: 0.333em; } .userProfileWrapper .contentWrapper { border-left: 1px solid #cecece; border-right: 1px solid #cecece; } .userProfileWrapper .box1 { border-top: 10px solid #b0bc00; border-bottom: 10px solid #b0bc00; padding-top: 1em; text-align: center; } .mglNavBoxes { margin-top: 0.75em; } .userProfile h1 { margin-top: 1em; } .userProfile h4 { color: #656565; } .userProfile .userName { color: #333333; font-size: 1.667em; font-weight: bold; text-align: center; margin: 0 0 0.5em 0; } .profileOverview .userTooltip { background: none; } .userProfile .starsWrapper { padding-top: 10px; } .userProfile .userImageWrapper { padding: 0 0 5px 0; margin: 0 auto; } .userNameBoxWrapper { background-color: #f5f3e7; margin-bottom: 10px; border: 2px solid #D1D1D1; border-radius: 12px; padding: 13px 15px; } .userNameBoxWrapper .userName { font-weight: bold; color: #656565; margin: 2px 0 2px 0; width: inherit; font-size: 2em; } .userNameBoxWrapper .userInfo { color: #606060; font-size: 0.6em; margin: 0.6em 0 2px 1em; line-height: 1em; } /*** END UserProfile ***/ /**********************************************/ /**************************************/ /*** User Settings ***/ #mglContent .settings h3 { float: left; } /*** END UserSettings ***/ /**********************************************/ /********************************************/ /* MGL SubNavigation */ .subNav { font-size: 1.3em; padding: 1em 15px 0; } .subNav li { margin-right: 1em; } .subNav li span { color: #999; font-size: 0.875em; } .horSeparator.butActions { margin-top: 10px; padding-top: 10px; } .listEntryTop { padding: 1em; } /*START Edit User Profile and Picture*/ .editUserProfile, .userPicUpload { padding: 0 20px; height: 100%; } .labelUserProfil { width: 100px; float: left; margin-bottom: 10px; } .editUserProfile .horSeparator { margin-top: 5px; padding-bottom: 5px; } .userPicUpload .uploadImageWrapper { overflow: hidden; } /*ENDE Edit User Profile and Picture*/ /*START meinGolocal Navigation*/ /*END meinGolocal Navigation*/ /***************************************************/ /*** MGL Photos ***/ /* Overridden .imgLoc from layout.css */ #mglContent.notepad .imgLoc { position: relative; float: none; margin-right: 0; } #mglContent.photos .imgLoc { position: relative; float: none; margin-right: 3px; margin-bottom: 3px; } #mglContent.photos .innerContent, #mglContent.videos .innerContent { padding: 0 10px; margin-top: 1em; } .notAssignedWrapper { position: relative; padding: 1.5em 0 1em 10px; margin-bottom: 1em; background: #ededed; border-bottom: 1px dotted #7E7E7E; } .notAssignedWrapper .photoCarousel, .notAssignedWrapper .videoCarousel { position: relative; float: left; visibility: hidden; } .notAssignedWrapper .videoCarousel ul li { width: 115px; } .notAssignedWrapper .videoCarousel ul li a { width: 133px; height: 77px; overflow: hidden; } .notAssignedWrapper .pageBack, .notAssignedWrapper .pageForward { float: left; } .notAssignedWrapper .pageBack { margin-right: 7px; } .notAssignedWrapper .uploadPhotos, .notAssignedWrapper .assignPhotos { position: relative; float: left; margin-right: 0.5em; } ul.photoList, ul.videoList { margin-top: 1em; display: table; } ul.photoList li, ul.videoList li { width: 140px; /* Kleiner als 160, damit 3 Bilder in einer Reihe */ margin-right: 0.9em; margin-bottom: 0.6em; display: table-cell; display: inline-block; vertical-align: top; } ul.photoList li.newLine, ul.videoList li.newLine { clear: both; float: none; } .photoList-locName, .videoList-locName { display: block; padding-bottom: .5em; } ul.photoList li a span.address, ul.videoList li a span.address { color: #000; } ul.photoList li a:hover span.address, ul.videoList li a:hover span.address { color: #000; text-decoration: none; } #videoInfoText { background: url(/images/42024/de/multis/common.png) no-repeat scroll -1395px 0 transparent; font-size: 14px; margin-bottom: 50px; margin-top: 20px; padding-left: 120px; } /************************************************/ /*** MGL ToDos ***/ .notepad .col { position: relative; float: left; overflow: hidden; } .notepad .listCol { width: 600px; margin-right: 10px; } .notepad .contextCol { width: 180px; } .notepad .listCol .newSection { margin-top: 2em; } .notepad h3 { color: #656565; margin: 0 0 1em 15px; font-size: 1.3em; border-bottom: 1px dotted #7E7E7E; } .notepad .locationMap { margin-bottom: 0.5em; } .notepad .amountPhotos { position: relative; float: right; text-align: right; } .notepad .amountPhotos strong { font-size: 1.167em; } .notepad address, .usersFavorites address { margin-bottom: 1em; } .notepad .listEntry h4 { font-size: 1.167em; padding: 0; } .notepad .actionsWrapper { position: relative; } .notepad .actionsWrapper .btnSmall li { margin-right: 0.5em; padding-bottom: 0; } .notepad .actionsWrapper .button { position: absolute; top: 0; right: 0; } /* Overridden from listEntry.css */ .notepad .listEntry div.button a { float: none; } #mglContent.notepad .listEntry { padding: 1em 15px 0.5em 15px; margin-left: 0; } .notepad .overviewResultInfoWrapper { border-bottom: 1px dotted #7E7E7E; padding: 0.5em 1em; } .notepad .overviewResultInfo { margin: 0.3em 1em 0 0; } /*** Uploaded Photos ***/ .notepad .uploadedPhotosWrapper { position: relative; width: 575px; overflow: auto; height: 105px; margin-bottom: 0.5em; display: none; overflow-y: hidden; } .notepad .uploadedPhotosWrapper ul { height: 80px; } .notepad .uploadedPhotosWrapper li { float: left; margin-right: 4px; padding-bottom: 0; white-space: nowrap; } .notepad .loader { position: absolute; top: 5px; left: 7px; width: 13px; height: 13px; z-index: 1; } .notepad .loadingText { padding-left: 2em; } /*****************************************************/ /*** MGL Messages ***/ #mglContent.mail { border-top: none; } #mglContent.mail .subNav { padding-bottom: 1em; margin-bottom: 0; } #mglContent.mail .mailInfoRow { padding: 0.833em 15px; margin-bottom: 0; } #mglContent.mail .mailInfoRow .info { position: relative; float: left; font-size: 1.167em; padding-top: 5px; } #mglContent.mail .mailInfoRow .button, #mglContent.mail .mailInfoRow button { position: relative; float: right; margin-left: 0.5em; } /**************/ /* mailFilter */ #mglContent.mail .mailFilter { padding: 0.833em 15px; margin-bottom: 0; background-color: #eeeedd; } #mglContent.mail .mailFilter .unreadMailWrap { padding-top: 3px; } /* userFilter */ #mglContent.mail .mailFilter .userFilterWrap { position: relative; float: right; } #mglContent.mail .mailFilter .preText { position: relative; line-height: 1.333em; text-align: right; width: 100px; margin-right: 5px; float: left; } #mglContent.mail .userFilter { position: relative; float: left; background: #fff url(/images/42024/de/multis/mgl.png) no-repeat -400px -419px; margin-right: 5px; padding: 0 1px; height: 30px; border: 1px solid #a4a4a4; } #mglContent.mail .userFilter .btnDropdown { position: absolute; width: 15px; height: 26px; top: 1px; right: 0; background: transparent url(/images/42024/de/multis/basic.png) no-repeat -770px -1040px; cursor: pointer; } #mglContent.mail .userFilter .closeDropdown { background-position: -840px -1040px; } /* additional class of btnDropdown */ #mglContent.mail .mailFilter .btnSearch { position: relative; float: right; } #mglContent.mail .mailFilter .userFilterWrap input.txtUserfilter { margin-left: 27px; padding: 4px 0 0; width: 200px; font-size: 1.333em; background-color: #fff; border: none; height: auto; } #mglContent.mail .selUser { position: relative; float: left; height: 26px; display: none; } #mglContent.mail .selUser .username { position: relative; float: left; font-size: 1.33em; background: #fff url(/images/42024/de/multis/mgl.png) no-repeat 100% -561px; padding: 5px 20px 0 5px; height: 27px; } #mglContent.mail .selUser .removeFilter { position: absolute; right: 0; top: 1px; display: block; width: 15px; height: 26px; } #mglContent.mail .selUser .removeFilter span, #stf_selUsers .selUser .removeFilter span { display: block; text-indent: -5000px; } /* filtered userfilter */ #mglContent.mail .mailFilter .filtered .btnSearch button { background-color: #fff; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; cursor: default; } #mglContent.mail .filtered .selUser { display: block; } #mglContent.mail .filtered input.txtUserfilter, #mglContent.mail .filtered .userFilter .btnDropdown { display: none; } #mglContent.mail .resultInfoWrap { padding: 10px 15px; } #mglContent.mail .txtUserError { color: #c63326; font-size: 1.167em; padding-bottom: 0.5em; } #mglContent.mail .txtTip { color: #8b8787; } /**********************************************/ /* mailsList: default is sent mail */ #mglContent.mail .mailsList .mailWrap { position: relative; padding: 0.833em 15px; border-bottom: 1px dotted #7e7e7e; } #mglContent.mail .mailsList .username { margin-left: 60px; } /* visual wrap with user graphics */ #mglContent.mail .mailsList .visualWrap { position: relative; float: left; width: 125px; } #mglContent.mail .imgReply { display: none; } #mglContent.mail .replied .imgReply { position: absolute; display: block; top: 0; right: 0; width: 12px; height: 18px; background: transparent url(/images/42024/de/multis/review.png) no-repeat 100% -1400px; } #mglContent.mail .mailsList .arrow { position: relative; float: left; height: 50px; width: 15px; margin: 0 5px; background: transparent url(/images/42024/de/multis/mgl.png) no-repeat 0 -831px; } /*** User images ***/ #mglContent.mail .mailsList .userImage { position: relative; float: left; display: block; } #mglContent.mail .mailsList .userA { margin-top: 10px; } /* mail details */ #mglContent.mail .mailsList .mailDetails { margin-left: 130px; } #mglContent.mail .mailsList .mailTitle { font-size: 1.333em; } /* listing actions */ #mglContent.mail .listingActions { position: absolute; top: 5px; right: 5px; width: 150px; padding: 5px; background-color: #fff; border-left: 1px solid #e3e3d3; border-bottom: 1px solid #e3e3d3; visibility: hidden; } #mglContent.mail .listingActions a { display: block; padding: 2px 0 2px 20px; background: transparent url(/images/42024/de/multis/review.png) no-repeat -700px -1501px; font-size: 0.916em; line-height: 1.273em; } #mglContent.mail .listingActions .showUsersMails { background-position: -700px -1327px; } #mglContent.mail .listingActions .removeMail { background-position: -700px -700px; } #mglContent.mail .listingActions .showUnreadUsersMails { background-image: url(/images/42024/de/multis/review.png); background-position: -700px -2165px; } /* unread mail */ #mglContent.mail .mailsList li.unread { background-color: #f5f5f5; } #mglContent.mail .mailsList li.unread .arrow { background-position: -280px -827px; } #mglContent.mail .mailsList li.unread .mailTitle, #mglContent.mail .mailsList li.unread .username { font-weight: 700; } #mglContent.mail li.unread .listingActions { background-color: #f5f5f5; } /* received mail */ #mglContent.mail .mailsList li.received .username { margin-left: 0; } #mglContent.mail .mailsList li.received .userA { margin-top: 0; } #mglContent.mail .mailsList li.received .userB { margin-top: 10px; } h1.mglTitle, h2.mglTitle { font-size: 2em; } h2.mglTitle .video-help-small { margin-top: 8px; } .mglTitle-amount { font-size: 0.75em; color: #8b8787; } /***************************************************/ /*** sub navigation meinGolocal ***/ .mglSubNav { z-index: 2; padding-left: 1em; border-bottom: 1px solid #cecece; margin-right: 8px; margin-bottom: 0; } .mglSubNav li { margin-bottom: 0; } .mglSubNav-li { float: left; margin-right: 5px; padding-left: 7px; padding-right: 7px; height: 2.75em; border: 1px solid #cecece; border-bottom: none; -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; border-top-left-radius: 9px; border-top-right-radius: 9px; /* Gradients generated with */ /* http://www.colorzilla.com/gradient-editor/ */ /* Uniqure Link: http://www.colorzilla.com/gradient-editor/#fcfcfc+0,fcfcfc+50,f2f2f2+51,f2f2f2+100;Custom */ background: #fcfcfc; /* Old browsers */ /* @alternate */ /* FF3.6+ */ /* @alternate */ /* Chrome,Safari4+ */ /* @alternate */ /* Chrome10+,Safari5.1+ */ /* @alternate */ /* Opera 11.10+ */ /* @alternate */ /* IE10+ */ /* @alternate */ background: linear-gradient(to bottom, #fcfcfc 0%, #fcfcfc 50%, #f2f2f2 51%, #f2f2f2 100%); /* W3C */ } .mglSubNav li.active { position: relative; margin-top: -5px; top: 1px; background: white; height: 3.167em; } .mglSubNav-li:hover { background: white; } .mglSubNav-li:hover a { text-decoration: none; } .mglSubNav-a { display: block; outline: none; padding-left: 30px; line-height: 2.063em; /* 33px */ color: #333; font-size: 1rem; background: transparent url(/images/42024/de/multis/mglSubNav.png) no-repeat 0 -134px; } /* Falls man mal keine Icons benötigt */ .mglSubNav-a.noicon { background: none; padding-left: 7px; padding-right: 7px; } .active .mglSubNav-a { font-weight: 700; } .mglSubNav-following .mglSubNav-a { background-position: -280px -134px; } .mglSubNav-followers .mglSubNav-a { background-position: -560px -134px; } .mglSubNav-myActivities .mglSubNav-a { background-position: 0px -204px; padding-left: 25px; } .mglSubNav-favoriteActivities .mglSubNav-a { background-position: -280px -204px; } .mglSubNav-amount, .mglSubNav-a:hover .mglSubNav-amount, .mglSubNav-a:active .mglSubNav-amount { color: #999; font-size: 0.75em; text-decoration: none; } /*********************************/ /*** fan-board ***/ /*********************************/ .fanBoard #sideBar { width: 325px; padding: 0 10px; } .fanBoard-contentWrap { position: relative; z-index: 1; padding: 1.5em 0 1em; } .fanBoard-content { background: transparent url(/images/42024/common/tile_dotLine_vert.gif) 466px 20px repeat-y; } .fanBoard-col1 { position: relative; float: left; width: 465px; overflow: hidden; } .fanBoard .title { font-size: 1.5em; color: #656565; } .fanBoard-uname { font-size: 1.333em; } .fanBoard-uinfos { color: #8b8787; font-size: 0.917em; } /*****************************/ /*** Userlist ***/ .fanBoard-ulist-li { position: relative; padding: 0.5em 1em; } .fanBoard-ulist-img { margin: 0 1em 0.4em 0; } .fanBoard-ulist-content { position: relative; margin-left: 50px; } .fanBoard-ulist-btnWrap { position: absolute; right: 10px; top: 10px; width: 12.5em; } .unfollow-txt { position: relative; float: left; padding-left: 15px; margin-right: 0.667em; color: #8b8787; font-weight: 700; top: 3px; background: transparent url(/images/42024/de/multis/extended.png) no-repeat -770px -1748px; } .unfollow-btn { position: relative; float: left; display: block; width: 23px; height: 23px; overflow: hidden; background: transparent url(/images/42024/de/multis/secButtons.png) no-repeat -840px -70px; } .fanBoard-ulist .unfollow-btn, .fanBoard-ulist .unfollow-txt { float: right; } .unfollow-btn:hover { background-position: -910px -70px; } .unfollow-btn-txt { display: block; text-indent: -3000px; } /********************************/ /*** Follow Info ***/ .followInfo-part { position: relative; float: left; display: block; width: 140px; height: 91px; background: transparent url(/images/42024/de/multis/mgl.png) no-repeat -215px -1470px; font-size: 1.167em; font-weight: 700; text-align: center; color: #fff; padding: 10px 10px 5px 5px; } .followInfo-part:hover, .followInfo-part:active { color: #fff; text-decoration: none; } .fanBoard-followInfo .following { margin-right: 5px; } .fanBoard-followInfo .followers { background-position: -5px -1470px; } .followInfo-amount { font-size: 3.286em; /* 46px */ line-height: 1em; padding-top: 10px; } /*******************************/ /*** usersearch ***/ #fanBoard-usearch { padding: 0 1em 0; } .fanBoard-usearch-title { display: block; font-size: 1.5em; padding-bottom: 0.5em; } .fanBoard-usearch-txt { position: relative; float: left; margin-right: 5px; font-size: 18px; padding: 5px; width: 195px; } .fanBoard-usearch-btn { position: relative; float: left; margin-right: 8px; } .fanBoard-usearch-switch { position: relative; float: left; width: 135px; top: 12px; display: block; } /***********************************/ /*** fan-suggestion ***/ .fanBoard-sugg { background-color: #fff; } .fanBoard-suggBox { position: relative; padding: 0.5em 1em 0 1em; background: #fff url(/images/42024/de/multis/mgl.png) no-repeat 0 -1680px; } .contentBoxes .fanBoard-sugg { padding-right: 20px; } .fanBoard-suggText { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; } .fanBoard-sugg-frame { position: relative; float: left; } .fanBoard-sugg-content { margin-left: 100px; padding-top: 0.5em; } .fanBoard-sugg-followInfo { margin-bottom: 0.5em; } .fanBoard-suggBox-bottom { height: 11px; font-size: 1px; background: #fff url(/images/42024/de/multis/mgl.png) no-repeat 0 -1814px; } .btn_hideElement { position: absolute; top: 10px; right: 15px; width: 10px; height: 10px; z-index: 1000; cursor: pointer; background: #fff url(/images/42024/de/multis/icons.png) -630px -350px no-repeat; } /********************************************/ /*** search for users at loc ***/ .fanBoard-searchAtLoc-box { border: 1px solid #cecece; padding: 0.5em 1em; background-color: #f8f8f1; } .fanBoard-searchAtLoc-txt { position: relative; float: left; margin-right: 5px; font-size: 18px; padding: 5px; width: 175px; } .fanBoard-searchAtLoc-cities { text-align: center; } /*****************************************/ /*** search for usernames ***/ .fanBoard-searchUser-txt { position: relative; float: left; margin-right: 5px; font-size: 14px; width: 200px; padding: 4px 5px; } /************************************/ /*** welcome message ***/ .userMsg { background-color: #fff; border: 1px solid #cacaca; margin-right: 1em; } .userMsg-info { font-size: 1.333em; /* 16px */ padding: 0.5em 1em 1em 70px; background: #fff url(/images/42024/de/multis/forms.png) 20px -825px no-repeat; } .userMsg-mainInfo { display: block; font-size: 1.375em; /* 22px */ color: #656565; line-height: 1.2em; margin-bottom: 0.2em; } .userMsg-subInfo { line-height: 1.333em; padding-bottom: 0; } /****************************************************************/ /*** help box in mygolocal (after saving profile) ***/ .mgl-helpBox { position: relative; float: right; width: 350px; padding: 1em; margin: 0 10px 20px 0; background-color: #fff; border: 1px solid #cacaca; border-right-width: 10px; font-size: 1.167em; /* 14px */ } .helpBox-info { padding: 0 1em 1.5em 50px; background: transparent url(/images/42024/de/multis/forms.png) 0 -700px no-repeat; } #helpBox-head { color: #656565; font-size: 1.286em; /* 18px */ margin-bottom: 0.5em; padding: 0; } .helpBox-li-title { font-size: 1.286em; color: #b0bc00; } /******************************************/ /*** mgl-news ***/ /* common */ .mgl-news-col { position: relative; float: left; } .mgl-news-col1 { width: 570px; position: relative; float: left; overflow: hidden; } .mgl-news-col2 { width: 230px; margin-left: 5px; } .mgl-news-title { position: relative; float: left; font-size: 22px; color: #656565; margin: 15px 8px 15px 15px; } .mgl-news-helpText { float: right; margin: 2em 1.25em 0 0; } #nsErrorMessage { margin: 0 15px; } #mgl-news-filterEntries-loader { margin-top: 2em; } #newsStreamFilterSwitch { font-size: 1.167em; padding: 0 15px 15px; } .mgl-news-entry { padding: 1.5rem 1rem; border-bottom: 1px dotted #7e7e7e; } .mgl-news-imgUser { margin: 0 1em 0.4em 0; float: left; } .mgl-news-infos { position: relative; float: left; width: 460px; /* problem with overflow if used together with the IE-whitespace-bug in IE defined in .mgl-news-col1 .mgl-news-infos */ /*overflow:hidden; */ } .mgl-news-infos .action-area { margin-top: 20px; } .mgl-news-mainInfo { font-size: 1.333em; line-height: 1.333em; width: 390px; } .mgl-news-time { font-size: 0.917em; color: #8b8787; } .mgl-news-content { padding-top: 0.5em; width: 390px; } .mgl-news-content-part2 { display: none; } .mgl-news-content-msg { color: #8b8787; font-size: 1.167em; line-height: 1.5em; } .ns-show-less { display: none; } .mgl-news-content-combined { margin-left: 38px; width: 350px; margin-top: 8px; } .mgl-news-photo .mgl-news-content, .mgl-news-video .mgl-news-content, .mgl-news-like .mgl-news-content { width: auto; } #layerNewsstream .mainContent { overflow: auto; padding: 5px 10px 0; text-align: left; } .mgl-news-content-inline-quote { color: #8b8787; } .mgl-news-actions { margin-top: 10px; border-top: solid 1px #e8e8e1; } .mgl-news-olderEntries { display: block; float: left; font-size: 1.5em; padding: 10px 15px 20px; } #mgl-news-olderEntries-loader { position: relative; float: left; margin-top: 12px; } .mgl-news-entry .symbol { position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: transparent url(/images/42024/de/multis/streamIcons.png) no-repeat 0 0; } .mgl-news-photo .symbol { background-position: 0px -70px; } .mgl-news-review .symbol { background-position: 0px -140px; } .mgl-news-follow .symbol { background-position: 0px -210px; } .mgl-news-forum .symbol { background-position: 0px -280px; } .mgl-news-favorite .symbol { background-position: 0px -350px; } .mgl-news-joined .symbol { background-position: 0px -420px; } .mgl-news-like .symbol { background-position: 0px -560px; } .mgl-news-profile .symbol { background-position: 0px -630px; } .mgl-news-checkin .symbol { background-position: 0px -910px; } .mgl-news-video .symbol { background-position: 0px -840px; } .mgl-news-tip .symbol { background-position: 0px -980px; } /* Trophies and Badges */ .mgl-news-badges { border-bottom: 1px dotted #7E7E7E; padding: 1.5rem 1rem; } .mgl-news-badges .symbol { position: absolute; right: 0; top: 0; width: 75px; height: 75px; opacity: 0.5; } /* photos */ .mgl-news-photo-photoFrame { margin-right: 5px; } /* review */ .mgl-news-reviewActions { display: none; } /* follow */ .mgl-news-follow .mgl-news-actions-message { display: block; position: relative; float: left; margin: 0.5em 0 0 1em; } /* news-infobox */ .news-infobox { position: relative; padding: 0 1em 0.5em 35px; } .mgl-news-col1 .news-infobox { margin-left: 15px; margin-bottom: 1em; } .news-infobox-icon { position: absolute; top: 0; left: 0; background: transparent url(/images/42024/de/multis/extended.png) no-repeat 0 -1610px; width: 30px; height: 30px; } /* User suggestion */ .userSugg { text-align: center; margin-left: 3px; } .userSugg-txt { text-align: left; } .userSugg .contentWrapper { padding-top: 0.5em; padding-bottom: 1em; } .userSugg .userImageWrapper { margin: 0 auto 0.333em; } .userSugg-username { font-size: 1.5em; } .userSugg-reason { padding-top: 0.5em; } .userSugg-followInfo { font-size: 0.917em; padding-top: 0.5em; } .userSugg .secBtn { left: 30px; } .userSugg .unfollow-txt { float: left; margin-left: 50px; } .userSugg-card { position: relative; } /* user profile output */ .mgl-profileTape { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat 0 -2589px; margin-left: 3px; width: 227px; height: 43px; } .mgl-profileOutput { margin-left: 3px; margin-bottom: 20px; background-color: #ebf1fa; padding: 10px 10px 15px; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; overflow: hidden; } .userContent .profileOutput-h4 { color: #333; margin-top: 1.4em; } .userContent .profileOutputEmpty-h4 { color: #999; margin-top: 1.4em; } .mgl-profileOutputLink { display: block; font-size: 85%; } .mgl-poGenderHer { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat scroll 74px -2448px; height: 90px; } .mgl-poGenderHis { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat scroll -276px -2448px; height: 90px; } .mgl-poGenderMy { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat scroll -626px -2450px; height: 90px; } .mgl-poCopy { padding-left: 5px; } .mgl-poCopy h4 { margin-left: -5px; margin-bottom: 0; } .mgl-poProfileTitle { display: none; } /********************************************************/ /* newsstream filter */ /* (localities I'm interested in / users I follow) */ /* */ #nsFilterWrap { margin-left: 15px; } /* localities-tags */ #nsLocalitiesWrap { position: relative; float: left; width: 405px; } .nsLocalities-infoTxt { padding-bottom: 0.333em; } .nsLocalities-infoTxt-strong { font-size: 1.167em; } #nsLocalitiesWrap li { margin: 0 0.5em 0.5em 0; } #nsLocalities .newNsLocality, #nsLocalities .popular { zoom: 1; display: block; float: left; text-decoration: none; color: #333; /*background-color: #f5f8f2;*/ background: transparent url(/images/42024/de/jquery-ui/ui-bg_glass_85_d3d3d3_1x400.png) 50% 50% repeat-x; } #nsLocalities .nsLocality { padding: 3px 0.5em 2px 25px; border: 1px solid #d5d8d2; white-space: nowrap; background: transparent url(/images/42024/de/multis/user.png) -625px -68px no-repeat; outline: none; } #nsLocalities .button { padding-top: .3rem; padding-bottom: .3rem; } /* Gesperrte Nutzer Buttons in userprofil/einstellungen */ .blockedUserListProfile { display: block; float: left; border: 1px solid #d5d8d2; outline: medium none; padding: 3px 0.5em 2px 0.5em; white-space: nowrap; } .blockedUserListItem { background: url(/images/42024/de/jquery-ui/ui-bg_glass_85_d3d3d3_1x400.png) repeat-x scroll 50% 50% transparent; color: #333; display: block; float: left; text-decoration: none; margin: 0 0.5em 0.5em 0; } .requestUnblockUser { background: url(/images/42024/de/multis/user.png) no-repeat scroll -630px -140px transparent; display: block; float: left; height: 25px; width: 18px; } /* Ende von Gesperrte Nutzer Buttons in userprofil/einstellungen */ #nsLocalities .nsLocality:hover { text-decoration: none; } #nsLocalities .nsLocality:visited { background-color: transparent; } #nsLocalities .nsLocality:hover { color: #333; /*background-color:#f5f8f2;*/ border: 1px solid #9aa500; background-position: -625px 2px; } #nsLocalities li.selected { background: transparent url(/images/42024/de/jquery-ui/ui-bg_glass_30_b0bc00_1x400.png) 50% 50% repeat-x; } #nsLocalities .selected .nsLocality { color: #fff; /*background-color:#b0bc00;*/ border: 1px solid #9aa500; background-position: -625px 2px; } #nsLocalities .selected .nsLocality:hover { color: #fff; /*background-color:#b0bc00;*/ background-position: -625px -68px; } #txtNewNsLocality { width: 100px; padding: 3px 3px 4px; height: auto; display: inline-block; margin-bottom: 0; font-size: .8rem; } #nsLocalities .nsLocality { display: block; float: left; } #nsLocalities .removeNsLocality { display: block; float: left; width: 18px; height: 25px; background: transparent url(/images/42024/de/multis/user.png) -630px -140px no-repeat; } /* Followers-Tag */ #nsFollowers { position: relative; float: left; width: 110px; } #nsFollowers li { margin: 0 0.5em 0.5px 0; } #nsFollowers .popular { zoom: 1; display: block; float: left; text-decoration: none; color: #333; background-color: #f5f8f2; background: transparent url(/images/42024/de/jquery-ui/ui-bg_glass_85_d3d3d3_1x400.png) 50% 50% repeat-x; } #nsFollowers .nsFollower { display: block; padding: 5px 0.5em 0.4em 25px; border: 1px solid #d5d8d2; white-space: nowrap; background: transparent url(/images/42024/de/multis/user.png) -625px -56px no-repeat; outline: none; } #nsFollowers .nsFollower:hover { text-decoration: none; background-position: -625px 14px; } #nsFollowers .nsFollower:visited { background-color: transparent; } #nsFollowers .nsFollower:hover { color: #333; /*background-color:#f5f8f2;*/ border: 1px solid #9aa500; } #nsFollowers li.selected { background: transparent url(/images/42024/de/jquery-ui/ui-bg_glass_30_b0bc00_1x400.png) 50% 50% repeat-x; } #nsFollowers .selected .nsFollower { color: #fff; /*background-color:#b0bc00;*/ border: 1px solid #9aa500; background-position: -625px 14px; } #nsFollowers .selected .nsFollower:hover { color: #fff; /*background-color:#b0bc00;*/ background-position: -625px -56px; } #nsFilterForm { background-color: #F9F9F2; border: 1px solid #F1F1F1; margin: 0 1em 0 1em; padding: 1em; } #filterNs { font-size: 0.5em; font-weight: normal; opacity: 0.5; } #filterNs:hover { opacity: 1; } #nsFilterForm ul li { float: left; width: 33%; } .videoname { font-size: 1.167em; line-height: 1.333em; padding-bottom: 0.5em; margin-left: 0; margin-top: 0; color: #333333; } .userName .small { color: #8b8787; font-size: 14px; } .socialWrapper.userName { margin-top: 15px; } .picVideoFrame-remark { background-color: #FFFFFF; color: #8B8787; font-size: 0.917em; line-height: 1.272em; padding-top: 0.273em; } #videoDescription { height: 60px; margin: 5px 0; overflow: auto; width: 460px; } #fotoInfoText { background: url(/images/42024/de/multis/common.png) no-repeat scroll -1395px 0 transparent; font-size: 14px; margin-bottom: 50px; margin-top: 50px; padding-left: 120px; /*height: 550px;*/ } /**************************************************/ /*** Coop-WelcomeArea of UserProfile ***/ /**************************************************/ /**************************************************/ /*** Back to coop partner-box ***/ #returnBox { display: block; height: 28px; font-size: 14px; padding: 10px 0 0; border-left: 1px solid #cecece; border-right: 1px solid #cecece; } #returnBox.gs { background: #ffdc00 url(/images/42024/de/multis/coop.png) no-repeat scroll -3px 5px; color: #8b8787; padding-left: 180px; } #returnBox.oe { background: #024f99 url(/images/42024/de/multis/coop.png) no-repeat scroll -3px -40px; color: #fff; padding-left: 190px; /*border-bottom:1px solid #024f99;*/ } /******************************************/ /* Coop-Teaser x reviews in */ .coop-teaser-xreviews { padding: 15px 20px 15px 165px; background: #e9f1fa url(/images/42024/coop/regData-welcome-incentive.png) 10px 12px no-repeat; } .coop-teaser-head { font-size: 15px; padding-bottom: 0.5em; display: block; } .coop-teaser-bigInfo { display: block; background-color: #a3c3ed; color: #fff; font-weight: 700; font-size: 22px; text-align: center; margin-bottom: 1px; padding: 0.5em; } /* Mein golocal/Meine Datenänderungen */ .myDataChanges th { padding: 7px 15px; color: #656565; } .tablehead { font-size: 1.25em; } .myDataChanges td { padding: 9px 15px; vertical-align: top; } .myDataChanges .bgcolor { background-color: #faf9f2; } .myDataChanges .numbering { background-color: #036; padding: 0 0 0 15px; color: #656565; font-size: 1.167em; font-weight: bold; background: transparent url(/images/42024/de/multis/mgl.png) no-repeat -552px -2565px; } .myDataChanges .done { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat -690px -2565px; } .myDataChanges .points { font-size: 1.833em; font-weight: bold; text-align: center; padding-top: 12px; } .myDataChanges .grayedOut { color: #999; } .myDataChanges .addressSpacing { padding-bottom: 7px; } .myDataChanges .dividerLine { border-bottom: 1px dotted #7e7e7e; line-height: 1px; font-size: 1px; height: 1px; } .myDataChanges .location { font-size: 1.167em; font-weight: bold; } .myDataChanges .padTop { margin-top: 13px; } /* Rank */ .rankProgressBar { height: 1.4em; width: 12em; border-radius: 1px; margin: 0 auto; border-color: #f39200; background-color: #f3d693; background-image: none; } .rankTitle { margin: 0.5em 0.5em 0.3em 0.5em; font-weight: bold; text-align: center; } #rankHelp { background: url(/images/42024/de/multis/basic.png) no-repeat scroll 100% -315px transparent; display: inline-block; height: 15px; margin-left: 0.5em; vertical-align: middle; width: 14px; } .rankProgressBar .ui-progressbar-value { text-align: center; text-shadow: 0.1em 0.1em 0.1em #fff; background: #f39200; color: #595959; } .rankProgressBar span { position: relative; top: -0.15em; display: inline-block; width: 12em; } /* Community Trust Icon */ #communitytrusticon { display: inline-block; border-radius: 50%; width: 1.4em; height: 1.4em; background-color: #b0bc00; vertical-align: top; margin-right: 0.5em; margin-left: 3em; box-shadow: 1px 1px 0px gray; border: 0.1em solid white; /* width and height can be anything, as long as they're equal */ } #communitytrusticon.green { background-color: #b0bc00; } #communitytrusticon.yellow { background-color: #ffed00; } #communitytrusticon.red { background-color: #c63326; } /*************************************/ /* Sprites for Multifunktionsbox */ .mfbIcons { display: inline-block; width: 32px; height: 32px; vertical-align: middle; background: url(/images/42024/de/multis/common.png) no-repeat; } /* Mein golocal */ .myFavorites { background-position: -900px -34px; } .myNotepad { background-position: -900px -74px; } .myPhotos { background-position: -258px -124px; } .myVideos { background-position: -1058px -154px; } .myCheckins { background-position: -488px -543px; } /* TODO */ .myMLocs { background-position: -1060px -354px; } .myOpeningHours { background: transparent url(/images/42024/de/multis/basic.png) no-repeat; background-position: 14px -721px; } .myMissingLocations { background: transparent url(/images/42024/de/multis/basic.png) no-repeat; background-position: 9px -763px; } /* CSS Document */ /******** SCREENCASTS *****************/ .actualVideoTitle { color: #878787; } .related-videos-container { padding-left: 2px; border-left: 1px solid #8b8787; } .related-videos { overflow: auto; } .related-videos-list-item { padding: 5px; } .related-videos-list-item-link { display: block; overflow: hidden; } .related-videos-list-item-link:hover { background-color: #F6F7E8; text-decoration: none; } .related-videos-list-item-link:focus { outline: none; } .video-duration { color: #8b8787; } .image-container { width: 450px; overflow: auto; } /* forum.css */ #forumWrapper .col{ position:relative; float:left; } #forumWrapper .col1{ width:225px; margin-right:5px; } #forumWrapper .col2{ width:615px; margin-right:5px; } #forumWrapper .col3{width:300px;} #forumWrapper .col1 h2{ padding-left:1em; } .forum-result-btn span {display:none;} /* ErrorMessage-Box For Topics */ .forumForm #newTopicErrorBox{ position:relative; margin:1em 0; display:none; } .forumForm #newTopicErrorBox.invalid{display:block;} .forumForm #newTopicErrorBox h3{color:#656565; margin-bottom:0.3em;} /* ErrorMessage-Box For Entry */ .answerForm #addEntryErrorBox{ position:relative; margin:1em 0; display:none; } .answerForm #addEntryErrorBox.invalid{display:block;} .answerForm #addEntryErrorBox h5{color:#656565; margin-bottom:0.3em;font-size:1.167em; line-height:1.333em;} /***************************************/ /* Link-Buttons Forum START */ /* div.button a{ display:block; height:26px; width:110px; background:transparent url(/images/42024/de/multis/review.png) no-repeat 0 -420px; } div.button a.openDiscussion{ background: url(/images/42024/de/multis/forum.png) no-repeat 0 -200px; width:127px; padding-bottom:0; margin-bottom:0; } */ /* Link-Buttons Forum START */ /***************************************/ /*****************************/ /*****************************/ /* left column (navi) START */ #forumWrapper .topicNav{ margin-bottom:1em; margin-right: 10px; } #forumWrapper h2.title{margin-bottom:0.3em;} #forumWrapper .topicNav .contentWrapper{padding:1em 9px 1.5em 0;} #forumWrapper .topicNav .contentWrapperBox{padding:1.3em 0;} #forumWrapper .catheader{ color:#656565; font-size:1.333em; line-height:1.333em; margin-bottom:1em; margin-left:1em; font-weight:700; } .forum-nav-li{ padding-left: 1em; font-size:1em; font-weight:700; } #searchNeighbouringLocs { margin-left: 25px; } #searchNeighbouringLocs-label { color: #e5f31e; font-weight: 300; } .forum-nav-a{ display:block; padding-left: 25px; padding-bottom: 0.3em; padding-top:0.3em; background: transparent url(/images/42024/de/multis/forum.png) no-repeat -699px 5px; } .active .forum-nav-a{ background:#b0bc00 url(/images/42024/de/multis/forum.png) no-repeat -1189px 5px; color:#fff; } /* normal */ .forum-nav-cat-lokal{background-position:-698px -205px;} .forum-nav-cat-gott-und-die-welt{background-position:-700px -415px;} .forum-nav-cat-essen-trinken{background-position:-700px -486px;} .forum-nav-cat-team{background-position:-700px -555px;} .forum-nav-cat-tier-mensch{background-position:-700px -626px;} .forum-nav-cat-konsolen-ps{background-position:-699px -696px;} .forum-nav-cat-lifestyle{background-position:-699px -766px;} .forum-nav-cat-sonstiges{background-position:-699px -836px;} .forum-nav-cat-golocal{background-position:-700px -976px;} .forum-nav-cat-homebase{background-position:-1540px -906px;} /* active */ .active .forum-nav-cat-lokal{background-position:-1188px -205px;} .active .forum-nav-cat-gott-und-die-welt{background-position:-1190px -415px;} .active .forum-nav-cat-essen-trinken{background-position:-1190px -486px;} .active .forum-nav-cat-team{background-position:-1190px -555px;} .active .forum-nav-cat-tier-mensch{background-position:-1190px -626px;} .active .forum-nav-cat-konsolen-ps{background-position:-1189px -696px;} .active .forum-nav-cat-lifestyle{background-position:-1189px -766px;} .active .forum-nav-cat-sonstiges{background-position:-1189px -836px;} .active .forum-nav-cat-golocal{background-position:-1190px -976px;} .active .forum-nav-cat-homebase{background-position:-1190px -906px;} #forumWrapper #navlist .locked{ /* Locked scouts forum */ display:block; padding-left: 25px; padding-bottom: 0.3em; padding-top:0.3em; background: transparent url(/images/42024/de/multis/forum.png) no-repeat -910px -555px; } #navlist li.active{background-color:#b0bc00;} .forum-search-emptyResWrap{padding:0.5em 20px 1.5em;} /* left column (navi) END */ /*****************************/ /*****************************/ /*****************************/ /*****************************/ /* middle column START */ .forum-result-head{padding:0 20px;} .forum-result-btn{ position:relative; float:right; } .forum-head-followLinks{ float:right; margin-right:0.5em; margin-top:0.4em; } #forumWrapper .contentWrapper{ position:relative; padding-top:1.5em; } #forumWrapper .contentWrapperBox{ position:relative; padding-top:1.5em; } #forumWrapper .openDiscussion{ float:right; width:155px; } #forumWrapper .lastChanged{ font-size:0.917em; color:#8b8787; padding-top:0.5em; } .openDiscussion .mainDiscussionContent{ padding:0; height:470px; overflow:auto; position:relative; } .mainDiscussionContent label{ font-size:.75rem; margin-right:.5rem; margin-left:0; } #TB_ajaxContent .forum-newTopic-selCat { margin: 5px 0.3em; } .openDiscussion .buttonsWrapper { bottom:0pt; height:50px; width:100%; position:absolute; margin-top:0; } .forumBox-topicWrap{ padding-left: 22px; background: transparent url(/images/42024/de/multis/forum.png) -1540px 0 no-repeat; font-size:.917em; line-height:1.5em; } .whitebottom { background:transparent url(/images/42024/de/multis/forum.png) no-repeat 0 -280px; height: 7px; } .forumBox-cat-lokal{background-position:-1539px -209px;} .forumBox-cat-gott-und-die-welt{background-position:-1540px -420px;} .forumBox-cat-essen-trinken{background-position:-1540px -490px;} .forumBox-cat-team{background-position:-1541px -559px;} .forumBox-cat-tier-mensch{background-position:-1540px -630px;} .forumBox-cat-konsolen-ps{background-position:-1538px -700px;} .forumBox-cat-lifestyle{background-position:-1538px -770px;} .forumBox-cat-sonstiges{background-position:-1537px -839px;} .forumBox-cat-golocal{background-position:-1540px -980px;} #forumWrapper .subHeader{ color:#999; padding:0 20px 1.3em; } /* Forum-Search */ .forum-search{margin-bottom:2em;} .forum-search-label{ display:block; margin-bottom:0.333em; } .forum-search-txt{ position:relative; float:left; width:110px; padding-top:6px; padding-bottom:5px; margin-right:5px; font-size:1em; } .forum-search-btn{ float:left; } /*****************************/ /* forum box START */ /*#forumWrapper .numberAnswers{ float:right; padding-left: 25px; background-image: url(/images/42024/de/multis/forum.png); background-repeat: no-repeat; background-position: 0 -70px; position:relative; z-index:1; }*/ .forumBox{ padding:0 20px 20px; margin-top: 5px; } .innerForumBox{ position:relative; margin-left:20px; margin-top:1em; } .ForumBoxAuthor{ font-weight: bold; } .innerForumBox2{ position:relative; } #forumWrapper .forumBox .textNewDiscussion{ margin-left:65px; } #forumWrapper .forumUser{ float:left; margin-right:10px; } .forumBox-openedInfo{ font-size:.917em; margin-left:40px; padding-bottom:0; } .forumBox-msg{ display:block; font-style:normal; margin-left:40px; margin-bottom:.857em; font-size:1.167em; line-height:1.5em; } .forumBox-answersInfo{margin-right:1em;} .forumBox-lnkAnswer{ line-height:1.5em; background:transparent url(/images/42024/de/multis/forum.png) no-repeat 0 -980px; padding-left:22px; } .forumBox-closedThread { line-height:1.5em; background: url(/images/42024/de/multis/forum.png) no-repeat scroll -700px -912px transparent; padding-left: 17px; font-weight: bold; } #forumWrapper .spacer{ margin-top:30px; margin-bottom:-3px; } .forumBox-title { font-size:1.333em; font-weight:700; color: #a7a7a7; margin-bottom: 0.5em; } .forumBox .textNewDiscussion h3 { margin-left:0; line-height:1.3em; padding-bottom:0.2em; } /*********************************/ /* level 3 forumBoxAnswer START */ #forumWrapper .forumBoxAnswer{ margin-top: 5px; padding:0 0.5em 20px 20px; position:relative; } #forumWrapper .innerForumBoxAnswer{ position:relative; margin: 20px 0 -3px -2px; } .forumBoxAnswerTeamStamp { background:url(/images/42024/de/multis/forum.png) no-repeat scroll 30px -1010px transparent; margin-top: -7px; padding-top: 5px; } .forumBoxAnswerGuideStamp { background:url(/images/42024/de/multis/forum.png) no-repeat scroll -400px -1010px transparent; margin-top: -7px; padding-top: 5px; } .forumBoxAnswerTeamStamp .openerDate, .forumBoxAnswerGuideStamp .openerDate{ margin-top:25px; } #forumWrapper .threadAnswer{ color:#333; margin-left:65px; padding: 10px 75px 0 0; } /*******************************/ /* level 3 forumBoxAnswer END */ /* forum box END */ /*****************************/ /***************************************/ /* Start Link-Buttons Forum */ #BtnNewDiscussion{ position:relative; float:right; background:transparent url(/images/42024/de/multis/forum.png) no-repeat 0 -420px; width:154px; } #openDiscussionButton { background:transparent url(/images/42024/de/multis/forum.png) no-repeat scroll 0 -560px; width:151px; } /* Not found in Forum JSPs! button.send { background:transparent url(/images/42024/de/multis/forum.png) no-repeat scroll 0 -630px; width:97px; margin-right:4px; }*/ /***************************************/ /* End Link-Buttons Forum */ /*****************************/ /* paper with paperclip START */ #forumWrapper .paperclip { background:transparent url(/images/42024/de/multis/forum.png) no-repeat 0 -350px; position:absolute; z-index:1; width:85px; height:51px; left:-11px; top:95px; } /*****************************/ /* level 2 paper START */ #forumWrapper .paper{ position:relative; margin-top:1.8em; margin-left:-2px; } #forumWrapper .paper .innerContent{ position:relative; width:596px; padding:0.5em 1em 0.5em; border:1px solid #cecece; border-bottom:none; background-color:#f8f9e4; } #forumWrapper .paper p{ padding-left:70px; } #forumWrapper .paper .topSpacer{ padding-top:1.5em; } #forumWrapper .paper .bottom{ z-index:1; position:relative; background:transparent url(/images/42024/de/multis/forum.png) 0 -490px no-repeat; width:605px; height:25px; } /*****************************/ /* level 2 paper END */ /********************************/ /* level 3 paper + START */ #forumWrapper .paper .opener{ padding:20px 20px 0; width:596px; } #forumWrapper .paper .opener p{ padding-left:0px; } #forumWrapper .paper .opener .topSpacer{ padding-top:10px; } #forumWrapper .paper .openerText{ margin-right:50px; margin-left:72px; min-height:45px; height: auto; } #forumWrapper .paper .headline{ margin-left:26px; margin-right:9px; margin-top:10px; background-color:#f8f9e4; border-top:none; } #forumWrapper .paper .title{ padding:0 0 0 38px; border-top:none; background: #f8f9e4 url(/images/42024/common/forumQuoteLeft.gif) no-repeat bottom left; } #forumWrapper .paper .title h2{ color:#656565; font-size:1.333em; background: #f8f9e4 url(/images/42024/common/forumQuoteRight.gif) no-repeat top right; padding-right:35px; padding-top:12px; padding-bottom:12px; position:relative; float:left; } #forumWrapper .paper .innerContentOpener{ z-index:2; position:relative; width:596px; padding:0 1em 0.5em; border:1px solid #cecece; border-bottom:none; border-top:none; background-color:#f8f9e4; } #forumWrapper .contentWrapper .paperclipOpener { background:transparent url(/images/42024/de/multis/forum.png) no-repeat 0 -350px; position:absolute; z-index:1; width:85px; height:51px; left:-11px; top:8px; } #forumWrapper .openerInfo{ float:right; } #forumWrapper .openerDate{ background-image: url(/images/42024/de/multis/forum.png); background-repeat: no-repeat; background-position: 0 -700px; padding-left: 25px; padding-bottom:10px; color: black; display: block; } #forumWrapper .dateAnswer{ position:absolute; width:100px; top:10px; right:1.75em; z-index:1; } #forumWrapper .openerAnswers{ background-image: url(/images/42024/de/multis/forum.png); background-repeat: no-repeat; background-position: 0 -70px; padding-left: 25px; padding-bottom:10px; } #forumWrapper .openerClosed{ background: url(/images/42024/de/multis/forum.png) no-repeat scroll -700px -910px transparent; padding-left: 25px; padding-bottom: 10px; } #forumWrapper .threadInfo{ width:9.934em; } #forumWrapper .paper .threadInfo{ width: 11em; } #forumWrapper .answerForm{ background-color:#faf9f2; padding:20px; margin-top:0; } #forumWrapper .answerForm h4, #forumWrapper .answerForm .header4{ color:#656565; font-size:1.333em; line-height:1.333em; margin-bottom:1em; font-weight: 700; } #forumWrapper .answerFormContent{margin:0 20px 0 60px;} #forumWrapper .answerFormContent p{padding-bottom:0.3em;} #forumWrapper .answerFormContent .radioSpacer{padding-right:0.5em;} #forumWrapper .answerFormContent .nowrap{white-space:nowrap;} #forumWrapper .answerFormContent .inputfieldHeadline{ font-weight:bold; float:left; } #forumWrapper .answerFormContent .loginStatus{ text-align:right; float:right; font-size:0.917em; padding: 0.083em 47px 0 0; } #forumWrapper .answerFormContent .inputField{ font-size: inherit; border:1px solid #B0BC00; resize: vertical; /* margin-bottom:10px; */ } #forumWrapper .answerFormContentTextArea{ height: 13.333em; min-height: 13.333em; } #forumWrapper .emptyForum{ padding:0 15px 8px; } /******************************/ /* level 3 paper + END */ /*****************************/ /* paper with paperclip END */ /* middle column END */ /*****************************/ /*****************************/ /**********************************/ /* Layer for open new discussion (thickbox) */ #forumWrapper .openDiscussion h2{margin-top:1em;} #forumWrapper .openDiscussion p{margin:0px 0 2px 0;} #forumWrapper .openDiscussion fieldset{margin:0; padding:0;} #forumWrapper .openDiscussion fieldset label{margin-right:1em;} #forumWrapper .openDiscussion .lblNote{display:block; margin:1em 0 0.2em;} #forumWrapper .openDiscussion legend{margin-bottom:0.2em; color:#333;} #forumWrapper .openDiscussion .content {padding-top:0;} /******************************************/ /* CloseThread */ #closedInfo { display: none; margin: 5px 0 0 15px; } .see-also-helpText-a{ background:transparent url(/images/42024/de/multis/basic.png) no-repeat 100% -315px; padding-right:20px; } #closeInputField { border: 1px solid #B0BC00; width: 429px; height: 57px; overflow: hidden; display: block; } /******************************************/ /* noticeFooter */ .noticeClosed { background: url(/images/42024/de/multis/forum.png) no-repeat scroll -700px -910px transparent; padding-left: 20px; margin: 20px 0 15px 0; font-weight: bold; width: 400px; } /*********************************************/ /* Help Icons */ #help { float: left; margin-left: 10px; margin-top: 1px; } #help a { background: url(/images/42024/de/multis/review.png) no-repeat scroll 0 -1320px transparent; display: block; height: 15px; width: 15px; } #help span { display: none; } /* Title */ .forenTitle { color: #878787; font-weight:normal; font-style: italic; } .socialmediabar { color: #8B8787; height: 25px; margin: 1em 0; } .socialmediabar .fb-like{ margin-left: 2em; width: 130px; height: 20px; display: inline-block; } .saveComment { background:transparent url(/images/42024/de/multis/review.png) no-repeat scroll -300px -200px; width:134px; } /******************************************/ /* PageNavigation */ .pageNav { position: relative; border-top: dotted 1px #7e7e80; border-bottom: dotted 1px #7e7e80; background-color: #F8F7EE; margin-bottom: 3rem; } /*.pageNav *{margin:0; padding:0;}*/ .pageNav .pages { position: relative; float: right; margin-bottom: 0; } .pageNav .resultInfo { position: relative; float: left; } .pageNav .pages li { display: block; float: left; text-align: center; border-left: dotted 1px #7e7e80; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */ background: white; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, white 0%, #ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } .pageNav .pages li.last { background: none; } .pageNav .pages a, .pageNav .pages .active, .pageNav li.last { position: relative; display: block; padding: 0.5em; } .pageNav .pages a:hover { background: #f9fbdf; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f9fbdf 0%, #eaecc4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fbdf', endColorstr='#eaecc4',GradientType=0 ); /* IE6-9 */ text-decoration: none; } .pageNav .pages .active { color: #fff; background: #b0bc00; } .pageNav .forward, .pageNav .back { width: 4em; } .pageNav p, .pageNavBottom p { display: block; padding: 0.5em 0.5em 0.5em 1em; margin: 0; } /* PageNavigation END */ /* LOCATIONDETAILS */ .pageNavDetails { position: relative; padding-bottom: 10px; } .pageNavDetails .navElements { padding-top: 7px; } /* FORUM */ #forumWrapper .pageNav { border-top: dotted 1px #7e7e80; border-bottom: dotted 1px #7e7e80; padding-top: 1px; position: relative; } #upperForumNav .pageNav { border-bottom: none; top: 15px; } /* USER FANS */ .fanBoard .pageNav { background-image: none; } /* overridden from result.css */ /* trophies.css */ .trophy-name { display: block; position: absolute; left: 0; top: 78px; width: 70px; } /* u.a. alte Review-Listen, Meine Bewertungen, etc. */ .trophy-xl { display: block; width: 75px; height: 75px; background: transparent url(/images/42024/de/multis/trophyIcons.png) no-repeat 0 -70px; } .trophy-xl.trophy_999 { background-position: 0 -140px; } .trophy-xl.trophy_4 { background-position: 0 0; } .trophy-xl.trophy_6 { background-position: 0 -420px; } /* Trophies in der ReviewListe der LD-Seite */ .trophy-xs { background: transparent url(/images/42024/de/multis/locationDetails.png) no-repeat -101px -173px; height: 43px; width: 37px; } .trophy-xs.trophy_999 { background-position: -101px -218px; } .trophy-xs.trophy_4 { background-position: -101px -173px; } .trophy-xs.trophy_6 { background-position: -101px -267px; width: 43px; } /* Badge Page */ #trophiesContent { float: left; width: 775px; padding: 15px; } #trophiesList { border: solid 1px #cecece; margin-bottom: 50px; margin-top: 20px; } #trophyReferenceList { margin: 15px 0; opacity: 0.4; } .trophy-li { border-bottom: solid 1px #cecece; padding: 0.1em 0.8em; } .trophyRef-li { border: solid 1px #cecece; margin: 3px 0; } .trophyname { color: #353535; font-size: 17px; margin-bottom: 0; } .trophyli-column { padding-top: 1em; } .trophyInfoText { background: url(/images/42024/de/multis/common.png) no-repeat scroll -1395px 0 transparent; font-size: 14px; margin-bottom: 50px; margin-top: 20px; padding-left: 120px; } .trophyli-column .stRtg { background: transparent url(/images/42024/de/multis/review.png) no-repeat -560px -700px; height: 13px; width: 65px; text-indent: -10000px; margin-bottom: 4px; } .trophyli-column .stRtg.star0 { background-position: -560px -700px; } .trophyli-column .stRtg.star1 { background-position: -560px -770px; } .trophyli-column .stRtg.star2 { background-position: -560px -840px; } .trophyli-column .stRtg.star3 { background-position: -560px -910px; } .trophyli-column .stRtg.star4 { background-position: -560px -980px; } .trophyli-column .stRtg.star5 { background-position: -560px -1050px; } .trophyli-column .stRtg.star15 { background-position: -560px -1330px; } .trophyli-column .stRtg.star25 { background-position: -560px -1260px; } .trophyli-column .stRtg.star35 { background-position: -560px -1190px; } .trophyli-column .stRtg.star45 { background-position: -560px -1120px; } .trophyli-column .stRtg.starclosed { background-position: -560px -1400px; } .locname-a { font-size: 15px; } .loc-loc { color: #8b8787; line-height: 1.2em; } .badge-date { color: #8b8787; } /*************************************/ /* golocal-Herausforderungs-Ad */ .hf-teaser { padding: 1em; background-color: #f7f7f5; border: 1px solid #d3d6d0; margin-bottom: 2rem; background: #f7f7f5 url(/images/42024/de/marketing/challenges-generic.png) no-repeat bottom right; } /* Teaser-Kinogutscheine */ .hf-teaser-1025100 { background: #f7f7f5 url(/images/42024/de/marketing/cinemaxx-gutscheine.png) no-repeat bottom right; background-size: 30%; } .hf-teaser .hf-teaser-title { color: #000; font-weight: normal; padding-bottom: 0.3em; font-size: 1em; } .hf-teaser-quote { font-size: 1.38em; padding-bottom: 0.5em; color: #445578; } .hf-teaser-date { color: #807c7c; } .hf-teaser-fullDesc { padding-bottom: 1em; } /* Media Queries */ @media only screen and (max-width: 760px) { .hf-teaser { background-image: none; } } /*********************/ /* Overrides */ .startpage .hf-teaser { margin-top: 0; margin-bottom: 1.5em; } .startpage .hf-teaser-quote { font-size: 1.5em; } .startpage .columns { padding: 0; } /* HF-Anzeige */ .hf-teaser .infoLine { position: absolute; top: 0.63em; right: 3em; } .hf-teaser .challengesProgressBar { width: 100%; height: 2em; } .hf-teaser .challengesProgressBar span { width: 45em; top: 0.2em; } .checkinsnumber { color: #ccc; display: inline-block; font-size: 4em; height: 90px; padding-top: 0.4em; line-height: 0.7em; text-align: center; width: 90px; font-weight: bold; } .checkinswording { font-size: 0.4em; } #checkinsList { border: solid 1px #cecece; margin-top: 20px; } .checkin-li { border-bottom: solid 1px #cecece; padding: 0.1em 0.8em; } .locname-h2 { margin-bottom: 0; } #checkinsMap { margin-bottom: 2em; height:300px; } #checkinsContent { float: left; padding: 15px; width: 805px; } .checkinli-places { text-align: right; } .trophyli-column .marker { background: url(/images/42024/de/multis/markers100.png) no-repeat scroll 0 0 transparent; font-style: normal; height: 30px; margin: 1.5em 0 0 1em; display: inline-block; text-indent: -999em; width: 2.5em; } .trophyli-column .marker2{ background:transparent url(/images/42024/de/multis/markers200.png) no-repeat; } .noReview .marker, .noReview .marker{background-image:url(/images/42024/de/multis/markers100_noReview.png);} .noReview .marker2, .noReview .marker2{background-image:url(/images/42024/de/multis/markers200_noReview.png);} .trophyli-column .i1{background-position: 0 0;} .trophyli-column .i2{background-position: 0 -70px;} .trophyli-column .i3{background-position: 0 -140px;} .trophyli-column .i4{background-position: 0 -210px;} .trophyli-column .i5{background-position: 0 -280px;} .trophyli-column .i6{background-position: 0 -350px;} .trophyli-column .i7{background-position: 0 -420px;} .trophyli-column .i8{background-position: 0 -490px;} .trophyli-column .i9{background-position: 0 -560px;} .trophyli-column .i10{background-position: 0 -630px;} .trophyli-column .i11{background-position: -70px 0;} .trophyli-column .i12{background-position: -70px -70px;} .trophyli-column .i13{background-position: -70px -140px;} .trophyli-column .i14{background-position: -70px -210px;} .trophyli-column .i15{background-position: -70px -280px;} .trophyli-column .i16{background-position: -70px -350px;} .trophyli-column .i17{background-position: -70px -420px;} .trophyli-column .i18{background-position: -70px -490px;} .trophyli-column .i19{background-position: -70px -560px;} .trophyli-column .i20{background-position: -70px -630px;} .trophyli-column .i21{background-position: -140px 0;} .trophyli-column .i22{background-position: -140px -70px;} .trophyli-column .i23{background-position: -140px -140px;} .trophyli-column .i24{background-position: -140px -210px;} .trophyli-column .i25{background-position: -140px -280px;} .trophyli-column .i26{background-position: -140px -350px;} .trophyli-column .i27{background-position: -140px -420px;} .trophyli-column .i28{background-position: -140px -490px;} .trophyli-column .i29{background-position: -140px -560px;} .trophyli-column .i30{background-position: -140px -630px;} .trophyli-column .i31{background-position: -210px 0;} .trophyli-column .i32{background-position: -210px -70px;} .trophyli-column .i33{background-position: -210px -140px;} .trophyli-column .i34{background-position: -210px -210px;} .trophyli-column .i35{background-position: -211px -280px} .trophyli-column .i36{background-position: -210px -350px;} .trophyli-column .i37{background-position: -210px -420px;} .trophyli-column .i38{background-position: -210px -490px;} .trophyli-column .i39{background-position: -210px -560px;} .trophyli-column .i40{background-position: -210px -630px;} .trophyli-column .i41{background-position: -280px 0;} .trophyli-column .i42{background-position: -280px -70px;} .trophyli-column .i43{background-position: -280px -140px;} .trophyli-column .i44{background-position: -280px -210px;} .trophyli-column .i45{background-position: -280px -280px;} .trophyli-column .i46{background-position: -280px -350px;} .trophyli-column .i47{background-position: -280px -420px;} .trophyli-column .i48{background-position: -280px -490px;} .trophyli-column .i49{background-position: -280px -560px;} .trophyli-column .i50{background-position: -280px -630px;} .trophyli-column .i51{background-position: -350px 0;} .trophyli-column .i52{background-position: -350px -70px;} .trophyli-column .i53{background-position: -350px -140px;} .trophyli-column .i54{background-position: -350px -210px;} .trophyli-column .i55{background-position: -350px -280px;} .trophyli-column .i56{background-position: -350px -350px;} .trophyli-column .i57{background-position: -350px -420px;} .trophyli-column .i58{background-position: -350px -490px;} .trophyli-column .i59{background-position: -350px -560px;} .trophyli-column .i60{background-position: -350px -630px;} .trophyli-column .i61{background-position: -420px 0;} .trophyli-column .i62{background-position: -420px -70px;} .trophyli-column .i63{background-position: -420px -140px;} .trophyli-column .i64{background-position: -420px -210px;} .trophyli-column .i65{background-position: -420px -280px;} .trophyli-column .i66{background-position: -420px -350px;} .trophyli-column .i67{background-position: -420px -420px;} .trophyli-column .i68{background-position: -420px -490px;} .trophyli-column .i69{background-position: -420px -560px;} .trophyli-column .i70{background-position: -420px -630px;} .trophyli-column .i71{background-position: -490px 0;} .trophyli-column .i72{background-position: -490px -70px;} .trophyli-column .i73{background-position: -490px -140px;} .trophyli-column .i74{background-position: -490px -210px;} .trophyli-column .i75{background-position: -490px -280px;} .trophyli-column .i76{background-position: -490px -350px;} .trophyli-column .i77{background-position: -490px -420px;} .trophyli-column .i78{background-position: -490px -490px;} .trophyli-column .i79{background-position: -490px -560px;} .trophyli-column .i80{background-position: -490px -630px;} .trophyli-column .i81{background-position: -560px 0;} .trophyli-column .i82{background-position: -560px -70px;} .trophyli-column .i83{background-position: -560px -140px;} .trophyli-column .i84{background-position: -560px -210px;} .trophyli-column .i85{background-position: -560px -280px;} .trophyli-column .i86{background-position: -560px -350px;} .trophyli-column .i87{background-position: -560px -420px;} .trophyli-column .i88{background-position: -560px -490px;} .trophyli-column .i89{background-position: -560px -560px;} .trophyli-column .i90{background-position: -560px -630px;} .trophyli-column .i91{background-position: -630px 0;} .trophyli-column .i92{background-position: -630px -70px;} .trophyli-column .i93{background-position: -630px -140px;} .trophyli-column .i94{background-position: -630px -210px;} .trophyli-column .i95{background-position: -630px -280px;} .trophyli-column .i96{background-position: -630px -350px;} .trophyli-column .i97{background-position: -630px -420px;} .trophyli-column .i98{background-position: -630px -490px;} .trophyli-column .i99{background-position: -630px -560px;} .trophyli-column .i100{background-position: -630px -630px;} .trophyli-column .plus{background:none; text-indent:0;} .placesInfo { font-size: 0.75em; color: #8B8787; } /* Platz-Positions Stern */ .positionStar { font-weight: bold; color: white; font-size: 25px; line-height: 40px; width: 40px; height: 40px; position: relative; text-align: center; z-index: 5; margin: 0.7em 0.2em 0.4em auto; } .positionStar:before, .positionStar:after { content: ""; position: absolute; top: 0; left: 0; height: 40px; width: 40px; background: #FFD700; z-index: -1; } .positionStar.silver:before, .positionStar.silver:after { background: #C0C0C0; } .positionStar.bronce:before, .positionStar.bronce:after { background: #DAA520; } .positionStar:before { -webkit-transform: rotate(22.5deg); -moz-transform: rotate(22.5deg); -ms-transform: rotate(22.5deg); -o-transform: rotate(22.5deg); transform: rotate(22.5deg); box-shadow: 1px 1px gray; } .positionStar:after { -webkit-transform: rotate(67.5deg); -moz-transform: rotate(67.5deg); -ms-transform: rotate(67.5deg); -o-transform: rotate(67.5deg); transform: rotate(67.5deg); } /* CSS-File: layout.css */ /* ======================================================================================================== // ACHTUNG!!! DEPRECATED, BITTE NEUE DEFINITIONEN IN SEITENTYPSPEZIFISCHE SEITENTYP.css AUSLAGERN!!! // ======================================================================================================== */ .fullWrapper-mainWrapper { width: 980px; text-align: left; margin: 0 auto; } .fullWrapper { position: relative; width: 100%; min-width: 980px; height: 100%; } .golocalPageFacts { position: absolute; left: -10000px; } .pageTitle { font-size: 2em; margin-bottom: 1em; line-height: 1em; } .pageTitle .video-help-small { margin-top: 8px; } .pageTitleThickbox { background-color: #afbd11; color: #FFFFFF; font-size: 1.333em; margin-bottom: 0; padding: 10px 40px 10px 20px; font-weight: 700; } .contentBorderBox { border: 1px solid #CECECE; padding: 10px 15px; } .contentWrapperBox { /*margin-right: 10px; margin-bottom: 10px;*/ border: 1px solid #CECECE; } .contentWrapperAll { border: 1px solid #CECECE; } .contentWrapperFanboard { border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; border-bottom: 1px solid #CECECE; padding-right: 10px; } .userSugg-cardBox { position: relative; margin-right: 10px; margin-bottom: 10px; padding: 4px 15px 0; border: 1px solid #CECECE; } /* Help-Button */ .help { float: left; width: 20px; height: 20px; margin-left: 20px; } .settings .help { margin-left: 10px; } .help a { display: block; background: transparent url(/images/42024/de/multis/basic.png) no-repeat 0 -280px; height: 20px; width: 20px; } /* helpSymbol with text in front */ .textHelp { background: transparent url(/images/42024/de/multis/basic.png) no-repeat 100% -315px; padding-right: 20px; display: inline-block; line-height: 15px; } /* Video-Help-Button */ .video-help-micro { width: 30px; height: 19px; margin-left: 20px; } .video-help-micro-shadow { width: 31px; height: 23px; margin-left: 20px; display: block; } .notAssignedPhotos .video-help-micro { float: right; margin-right: 12px; } .video-help-micro a { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -995px -358px; width: 29px; height: 19px; display: block; } .video-help-micro-shadow a { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -993px -608px; width: 31px; height: 23px; display: block; } .video-help-small { width: 88px; height: 23px; margin-left: 20px; float: right; } .video-help-small a { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -936px -427px; width: 88px; height: 23px; display: block; } .video-help-big { width: 174px; height: 49px; margin-left: 20px; } .video-help-big a { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -850px -504px; width: 174px; height: 49px; display: block; } /* marked texts after search */ .search-stringMarker { background-color: #fff94a; } /*************************************/ /* Sections */ .photosTeaser ul li { height: 78px; padding-bottom: 0; overflow: hidden; } .photosTeaser .photo { position: relative; float: left; width: 110px; background: #cfcfcf url(/images/42024/de/multis/basic.png) no-repeat -560px -700px; } .photosTeaser .photo img { padding: 2px 18px; } .photosTeaser .infoIcons, .photosTeaser h4 { margin-left: 120px; } .photosTeaser .infoIcons .icon { padding-bottom: 0; } .photosTeaser h4 { padding-top: 0.5em; } /* overflow hidden in mainContent should be overthought -> malfunction in firefox with delete-photo-confirmation. Better would be to set it only when a height is set */ #confirmRemoval .mainContent { overflow: hidden; } #localityname { color: #6D6D6D; font-family: Arial,sans-serif; font-size: 14pt; height: 20px; padding-top: 3px; text-align: center; white-space: nowrap; width: 150px; } .glVideos #copyHeader h1 { background: transparent url(/images/42024/de/multis/icons.png) no-repeat 0 20px; padding: 50px 0 20px 90px; margin-bottom: 0; } .glVideos .intro { padding-left: 90px; padding-top: 0; color: #8B8787; font-size: 1.333em; line-height: 1.5em; } /***************************************************/ /* InfoLayer for cities-selection */ #searchInfolayer { background: #ffffff none repeat scroll 0%; font-size: 0.75em; position: absolute; text-align: left; top: 230px; z-index: 200; width: 256px; height: auto; border-color: #A4A4A4; border-style: solid; border-width: 1px 2px 2px 1px; } #searchInfolayer .mainContent { overflow: auto; padding: 5px 5px 10px 10px; position: relative; } #searchInfolayer .mainContent h3 { margin: 0px 0 10px 0; color: #656565; } #searchInfolayer .close { float: right; height: 20px; width: 20px; background: transparent url(/images/42024/de/multis/basic.png) no-repeat 0 -350px; } /***************************************/ /*** ContentAreas ***/ .contentarea { width: 930px; margin: 0px 30px 0 30px; } .contentarea .col { position: relative; float: left; } .contentarea .col1 { width: 545px; } .contentarea .col2 { width: 325px; padding-right: 10px; padding-left: 20px; margin-left: 20px; } .contentarea .section { margin-top: 1em; } .contentarea h2 { margin-bottom: 1em; line-height: 1.4em; } /* Bild-Text Zuordnung innerhalb aller contentBoxen START */ .imageList.left { float: left; margin: 0px 16px 16px 0; } .imageList.right { float: right; margin: 0px 0 16px 16px; } .icons { margin: 0px 16px 0 0; } /* Bild-Text Zuordnung innerhalb der Bloecke ENDE */ /* Formular START */ .inputfield { border: 1px solid #cecece; float: left; margin-bottom: 10px; padding: 3px 2px; } .inputfield.large { margin-bottom: 16px; } .label { width: 140px; float: left; margin-bottom: 2px; } .label.short { width: 100px; } .label.medium { width: 213px; } .label.large { width: 340px; } .but_abschicken { background: url(/images/42024/de/multis/basic.png) no-repeat -300px -490px; float: right; margin-right: 4px; width: 97px; height: 26px; } .but_abschicken.login { margin-right: 16px; } .captcha_bg { background-image: url(/images/42024/common/captcha_bg.png); width: 210px; height: 110px; float: left; } /* Forumular ENDE */ /* Login START */ .loginImage { background: transparent url(/images/42024/common/papermen-light_440px.png) no-repeat 0 0; height: 293px; width: 440px; } .loginField { background-color: #f6f5e7; border: #e4e3d6 solid 1px; padding: 20px; /*height:100%;*/ width: 435px; } /*.boxContent { padding:30px 20px; }*/ /* Login ENDE */ /* START Map Tooltipp */ .tooltipMap .glRating { width: 95px; float: left; } .tooltipMap .amountRating, .startpage .tooltipMap .amountRating { font-size: 0.917em; text-align: left; } .tooltipSpace { line-height: 1.3em; } .radiusMarkerLabel { background-color: #adadad; color: black; font-size: 8pt; font-weight: normal; } #glMap { position: relative; overflow: hidden; } /* Init-Styles for SideBar */ #glMap, #assignPhotosWrapper { display: none; } /***********************************/ /* Rating */ .glRating .amountRating { font-size: 0.917em; text-align: right; clear: right; } .glRating .amountRating__rating-more { cursor: pointer; color: #656565; } .glRating .imgRating , div.review .imgRating { position: relative; display: block; float: right; background: transparent url(/images/42024/de/multis/review.png) no-repeat; width: 95px; height: 20px; } div.review .imgRating { float: left; margin: 0.25em 0.5em 0 0; width: 65px; height: 13px; } .imgRating.starGreenBig { background: url(/images/42024/de/multis/common.png) no-repeat scroll transparent; position: relative; display: block; float: right; width: 95px; height: 20px; } div.review .imgRating.starGreen { background: url(/images/42024/de/multis/common.png) no-repeat scroll transparent; position: relative; display: block; float: left; width: 65px; height: 13px; } /***************************/ div.review .imgRating.star0Green { background-position: -2450px 0; } div.review .imgRating.star1Green { background-position: -2450px -13px; } div.review .imgRating.star2Green { background-position: -2450px -26px; } div.review .imgRating.star3Green { background-position: -2450px -39px; } div.review .imgRating.star4Green { background-position: -2450px -52px; } div.review .imgRating.star5Green { background-position: -2450px -65px; } div.review .imgRating.star05Green { background-position: -2450px 0; } div.review .imgRating.star15Green { background-position: -2450px -117px; } div.review .imgRating.star25Green { background-position: -2450px -104px; } div.review .imgRating.star35Green { background-position: -2450px -91px; } div.review .imgRating.star45Green { background-position: -2450px -79px; } /***************************/ .imgRating.star0GreenBig { background-position: -2260px -19px; } .imgRating.star1GreenBig { background-position: -2260px -38px; } .imgRating.star2GreenBig { background-position: -2260px -57px; } .imgRating.star3GreenBig { background-position: -2260px -76px; } .imgRating.star4GreenBig { background-position: -2260px -95px; } .imgRating.star5GreenBig { background-position: -2260px -114px; } .imgRating.star05GreenBig { background-position: -2355px 0; } .imgRating.star15GreenBig { background-position: -2355px -19px; } .imgRating.star25GreenBig { background-position: -2355px -38px; } .imgRating.star35GreenBig { background-position: -2355px -57px; } .imgRating.star45GreenBig { background-position: -2355px -76px; } /***************************/ #glMap div.imgRating { float: none; } .glRating .imgRating span, .review .imgRating span { display: none; } .glRating .starclosed { background-position: -840px 0; } .glRating .star0 { background-position: -560px 0; } .glRating .star1 { background-position: -560px -70px; } .glRating .star2 { background-position: -560px -140px; } .glRating .star3 { background-position: -560px -210px; } .glRating .star4 { background-position: -560px -280px; } .glRating .star5 { background-position: -560px -350px; } .glRating .star05 { background-position: -700px 0; } .glRating .star15 { background-position: -700px -70px; } .glRating .star25 { background-position: -700px -140px; } .glRating .star35 { background-position: -700px -210px; } .glRating .star45 { background-position: -700px -280px; } /* Small Rating in user-review */ div.review .star0 { background-position: -560px -700px; } div.review .star1 { background-position: -560px -770px; } div.review .star2 { background-position: -560px -840px; } div.review .star3 { background-position: -560px -910px; } div.review .star4 { background-position: -560px -980px; } div.review .star5 { background-position: -560px -1050px; } div.review .star15 { background-position: -560px -1330px; } div.review .star25 { background-position: -560px -1260px; } div.review .star35 { background-position: -560px -1190px; } div.review .star45 { background-position: -560px -1120px; } div.review .starclosed { background-position: -560px -1400px; } .reviewlocked { margin-top: 20px; background: transparent url(/images/42024/de/multis/review.png) no-repeat -980px 0; padding-left: 11px; color: #8B8787; } /********************************/ /*** Separators ***/ .horSeparator { border-top: 1px dotted #7E7E7E; margin-top: 15px; padding-top: 15px; } /****************************************************/ /* Location-Images */ .imgLoc { float: left; margin-right: 0.5em; border-radius: .4rem; overflow: hidden; } .imgLoc a, .imgLoc.noA { width: 74px; height: 74px; display: block; background: transparent url(/images/42024/de/multis/extended.png) no-repeat -353px -633px; } .imgLoc a:hover, .imgLoc_xs a:hover { text-decoration: none; } .tooltipMap .imgLoc { margin-right: 5px; float: none; } .imgLoc img { position: relative; border-radius: .3rem; overflow: hidden; } .imgLoc_xs img { position: relative; border-radius: .2rem; overflow: hidden; } .imgLoc_xs { width: 31px; height: 31px; overflow: hidden; /*background:transparent url(/images/42024/de/multis/review.png) no-repeat 0 -910px;*/ } /***************************************/ /* Link-Buttons */ .button a, .button div { display: block; height: 26px; width: 111px; background: transparent url(/images/42024/de/multis/review.png) no-repeat 0 -420px; padding-bottom: 0; margin-bottom: 0; } .button .showAll { background: transparent url(/images/42024/de/multis/basic.png) no-repeat -280px -280px; } .button .cancel { background: transparent url(/images/42024/de/multis/review.png) no-repeat 0 -280px; width: 109px; } .button .edit { background: transparent url(/images/42024/de/multis/review.png) no-repeat 0 -200px; width: 127px; } .button .change { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat 0 -350px; width: 76px; } .button .close { background: transparent url(/images/42024/de/multis/basic.png) no-repeat 0 -350px; width: 20px; height: 20px; } .button .endAndBackToPhotos { background: transparent url(/images/42024/de/multis/extended.png) no-repeat 0 -2100px; width: 172px; height: 79px; } .button .newMail { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat 0 -700px; width: 165px; } .button .refresh { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat 0 -980px; width: 150px; } .button .reply, .forum-result-btn.reply { background: url(/images/42024/de/multis/mgl.png) no-repeat 0 -910px; width: 94px; height: 26px; } .button .reviewBtn { background-position: 0 -420px; height: 25px; width: 95px; } .button .reviewBtn:hover { background-position: -300px -420px; } .button .editReviewBtn { background-position: 0 -490px; height: 31px; width: 95px; } .button .editReviewBtn:hover { background-position: -300px -490px; } /*** Mein golocal / Fotos, Videos ***/ .button .assignPhotos { background: url(/images/42024/de/multis/mgl.png) no-repeat 0 -140px; width: 119px; } .button .photosPrevious { background: url(/images/42024/de/multis/mgl.png) no-repeat -200px 0; width: 27px; height: 81px; } .disabled .photosPrevious { background: url(/images/42024/de/multis/mgl.png) no-repeat 0 0; width: 27px; height: 81px; } .button .photosNext { background: url(/images/42024/de/multis/mgl.png) no-repeat -600px 0; width: 27px; height: 81px; } .disabled .photosNext { background: url(/images/42024/de/multis/mgl.png) no-repeat -400px 0; width: 27px; height: 81px; } .button a.review { background: url(/images/42024/de/multis/mgl.png) no-repeat 0 -210px; width: 108px; } .button .uploadPhotos { background: url(/images/42024/de/multis/mgl.png) no-repeat 0 -280px; width: 148px; } .button .removeNow { background: url(/images/42024/de/multis/review.png) no-repeat 0 -120px; width: 122px; } /***********************************************************/ /*** secondary shiny Buttons ***/ .secBtn { position: relative; display: inline-block; background: transparent url(/images/42024/de/multis/secButtons.png) 100% -140px no-repeat; margin-right: 5px; overflow: hidden; } .secBtn-a { position: relative; float: left; display: block; height: 27px; background: transparent url(/images/42024/de/multis/secButtons.png) 0 0 no-repeat; text-align: right; padding-left: 28px; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; outline: none; } .secBtn-a:hover, .secBtn-a:active, .secBtn-a.on { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; text-decoration: none; } .secBtn-txt { display: block; padding-top: 5px; color: #656565; } .secBtn-follow .secBtn-a { background-position: -1050px 0; } .secBtn-unfollow, .secBtn-follow { width: 130px; } .secBtn-unfollow .secBtn-a { background-position: -840px -140px; } .secBtn-unfollow .secBtn-a:hover { background-position: -1050px -140px; opacity: 1; } .secBtn-message .secBtn-a { background-position: -630px -70px; } .mgl_actions { margin-top: 1em; } /*******************************************/ /*** Buttons ***/ .grub_l { background: url(/images/42024/de/multis/mgl.png) no-repeat 0px -1050px; height: 36px; width: 83px; } .btn_refresh { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat 0 -980px; width: 150px; } .btn_removeNow { background: url(/images/42024/de/multis/review.png) no-repeat 0 -120px; width: 122px; } .btn_save { background: url(/images/42024/de/multis/review.png) no-repeat -300px -40px; width: 87px; } .commentbutton { font-size: 12px; width: 138px; } .searchBtn { background: transparent url(/images/42024/de/multis/basic.png) no-repeat 0 -70px; width: 76px; } .btn_search_col2 { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat scroll 0 -1120px; width: 83px; } .btn_search_l { background: url(/images/42024/de/multis/mgl.png) no-repeat -210px -1050px; height: 36px; width: 83px; } .btn_submit { background: transparent url(/images/42024/de/multis/review.png) no-repeat scroll -300px -350px; margin-right: 20px; width: 97px; } .searchMail { background: transparent url(/images/42024/de/multis/mgl.png) no-repeat 0 -770px; width: 84px; height: 30px; } .btn_upload { background: url(/images/42024/de/multis/review.png) no-repeat -300px -120px; width: 92px; } /****************************************/ /* Info-Icons (reviews, useful, funny) */ .infoIcons .icon { display: block; padding-left: 25px; background: transparent url(/images/42024/de/multis/review.png) -700px -420px no-repeat; } .infoIcons .useful { background-position: -697px -420px; } .infoIcons .reviewStar { background-position: -699px -350px; } .infoIcons .badgesIcon { background-position: -696px -2218px; } .infoIcons .shots { float: left; margin-left: 10px; background-position: -698px -767px; } .infoIcons .nofloatshots { background-position: -698px -767px; } .infoIcons .reviewStarMargin { background-position: -699px -350px; } .infoIcons .shotsMargin { background-position: -698px -767px; } .infoIcons .male { float: left; margin-left: 10px; background: transparent url(/images/42024/de/multis/icons.png) -627px -1747px no-repeat; } .infoIcons .female { float: left; margin-left: 10px; background: transparent url(/images/42024/de/multis/icons.png) -627px -1817px no-repeat; } .infoIcons .favorites { float: left; background-position: -698px -1468px; } .infoIcons .heroes { float: left; background-position: -700px -2030px; } .infoIcons .fans { background-position: -700px -2100px; } .infoIcons .mail { background-position: -697px -2165px; } .infoIcons .draftReview { background-position: -700px -1398px; } /* 2 Icons fuer Profil Uebersichtsseite */ .infoIcons .IconShots { float: left; margin-left: 5px; background-position: -698px -767px; } /* photo description */ .photoFrame-remark { color: #8b8787; background-color: #fff; font-size: 0.917em; line-height: 1.272em; margin-top: .273em; } /* list of users who like the pic */ .like-users-Wrap { color: #8b8787; font-size: 0.917em; line-height: 1.363em; padding: 0.25em 0 .5em; } /**********************************/ /* Layer for remarking to notepad */ .remarkNotepad fieldset { margin: 0; padding: 0; } .remarkNotepad fieldset label { margin-right: 1em; } .remarkNotepad .lblNote { display: block; margin: 1em 0 0.2em; } .remarkNotepad legend { margin-bottom: 0.2em; color: #333; } /****************************************/ /*** SideBar ***/ /****************************************/ /*#sideBar{ position: relative; float:right; width:345px; }*/ #sideBar .loader { position: absolute; z-index: 100; width: 16px; height: 16px; top: 0; right: 75px; background: transparent url(/images/42024/common/indicator.gif) no-repeat top left; display: none; } .sideBarFuncHolder { position: relative; } #sideBar .mapSizeSwitchWrapper { position: absolute; right: 0; margin-bottom: 3px; width: 75px; text-align: right; } #sideBar .mapSearchCircleWrapper { position: absolute; right: 100px; z-index: 2; text-align: right; } #sideBar a.disabled { /*color:#ccc; text-decoration:none; cursor:default;*/ display: none; } /****************************************/ /*** Navi ***/ #sideBarNav { margin-bottom: 3px; } #sideBarNav li.current a.switch, #sideBarNav li.current a.switch:hover, #sideBarNav li.current a.switch:link, #sideBarNav li.current a.switch:active { font-weight: 700; color: #000; text-decoration: none; cursor: default; } /****************************************/ /*** Assign photos ***/ #assignPhotosWrapper { position: relative; background-color: #ededed; border: 1px solid #c4b3b2; padding: 15px 0 15px 15px; } #assignPhotosWrapper .header { color: #656565; font-size: 1.333em; line-height: 1.333em; font-weight: 700; margin-bottom: 1em; } #assignPhotosWrapper p { margin-right: 1em; } #assignPhotosWrapper .thumbListWrapper { position: relative; margin-bottom: 1.5em; height: 460px; overflow: auto; } #assignPhotosWrapper .uploadPhotos { margin-bottom: 0.5em; } #assignPhotosWrapper .imgLoc { margin: 0 5px 10px 0; } #assignPhotosWrapper .closePhotos { position: absolute; top: 15px; right: 15px; } #assignPhotosWrapper .backToMgl { position: relative; float: left; } #btnRemovePhoto { position: relative; float: left; width: 77px; height: 77px; margin-right: 5px; opacity: 0.35; filter: alpha(opacity=35); -moz-opacity: 0.35; background: transparent url(/images/42024/de/multis/extended.png) no-repeat -500px -2100px; } #btnRemovePhoto.droppable-active { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; } li.droppable-hover, div.droppable-hover, ul.droppable-hover { background-color: #f8f7ee; border: 1px dotted #ec6726; } .listEntry .newAssignedPhotos { margin: 1em 0; padding: 0.5em; background-color: #f8f7ee; border: 1px solid #e2e1d9; display: none; } .listEntry .newAssignedPhotos .photosTitle { display: block; font-size: 1.333em; padding-bottom: 0.5em; } .listEntry .newAssignedPhotos .imgLoc { margin-right: 0.5em; } /***********************************************/ /*** Map-Actions Area ***/ .mapActions { display: none; } .mapActions .newRegionSearchWrapper { position: relative; background-color: #fbf9f1; border: 1px solid #eaede7; border-top: none; padding: 0.5em; } .mapActions .loader { top: 0.3em; } .mapActions .newRegionSearchWrapper .searchTitle { display: block; font-size: 1em; color: #656565; } .mapActions .newRegionSearchWrapper li { padding-bottom: 0; line-height: 1.5em; display: inline-block; } .mapActions .newRegionSearchWrapper a.activeLink, .mapActions .newRegionSearchWrapper a.activeLink:hover { color: #333; font-weight: 700; } #sideBar .dontMoveWrapper { text-align: right; margin: 0.417em 0.5em 0.5em; display: none; } /*******************************************/ /*** Map-Message ***/ .mapMessage { position: absolute; bottom: 5px; left: 1%; width: 98%; background-color: #fff; text-align: center; display: none; } .mapMessage .message { padding: 0.2em 0.5em; } a.singleClose { position: absolute; top: 5px; right: 5px; background: transparent url(/images/42024/de/multis/basic.png) no-repeat -770px -980px; width: 14px; height: 14px; } a.singleClose span { display: none; } /*******************************************************************/ /*** cityList within content for thickbox ***/ #cityListContent.closeWindow ul { position: relative; float: left; width: 170px; /*padding-bottom:0.333em;*/ } #cityListContent.closeWindow li a { display: block; width: 160px; padding: 1px 5px; } #cityListContent.closeWindow li a:hover { background-color: #e6e8c4; text-decoration: none; } /****************************************************/ /*** Widget-Editor ***/ #widgetWrap .col { position: relative; float: left; overflow: hidden; } #widget-editorWrap { width: 380px; margin-top: 35px; } #widget-previewWrap { width: 515px; margin-left: 1.5em; background: #fff url(/images/42024/de/widget/preview_bg.png) repeat-y top left; } #widgetPreview { margin-left: 3px; width: 501px; background: transparent url(/images/42024/de/widget/editor_loc_multi.png) no-repeat -700px 100%; } #widgetPreview-ruler { position: relative; width: 515px; height: 32px; background: #fff url(/images/42024/de/widget/editor_loc_multi.png) no-repeat 0 0; } #widget-txtTitle { width: 355px; } #widget-codeView { font-family: monospace; width: 350px; height: 285px; } #widget-city.icon { background-position: 5px -62px; width: 355px; } #widget-code-select { position: absolute; top: 14px; right: 10px; width: 120px; height: 15px; color: #ec6726; cursor: pointer; text-align: right; } #widget-txtInputField.icon { width: 355px; background-position: 5px -1183px; } #widget-txtStarterText { width: 355px; } #widget-page2 { display: none; } .widget-box-title { font-size: 1.5em; color: #8b8787; padding-bottom: 0.5em; } .widget-box { position: relative; background: #fff url(/images/42024/de/widget/editor_loc_multi.png) no-repeat 0 -210px; margin-bottom: 1em; padding-top: 1em; } .widget-box-innerWrap { position: relative; background: #fff url(/images/42024/de/widget/editor_loc_multi.png) no-repeat 0 100%; padding: 0 1em 1em; } .widget-box-col1 { width: 168px; margin-right: 8px; } .widget-box-col2 { width: 174px; } /****************/ /* Aussehen */ /* color selction Box */ .widget-optionSelectorWrap { position: relative; float: left; width: 80px; margin-right: 8px; padding: 2px 2px 5px; border: 1px solid #ccc; background-color: #fff; text-align: center; overflow: hidden; } .widget-optionSelector-radio { position: relative; display: block; text-align: center; margin: 0 auto; } .widget-optionSelector-label { line-height: 1.2em; overflow: hidden; margin-bottom: 5px; height: 2.75em; } .widget-logo1 .widget-optionSelector-label { background-color: #afbd11; } .widget-logo2 .widget-optionSelector-label { background-color: #445578; } .widget-logo4 .widget-optionSelector-label { background-color: #000; } .widget-optionSelector-logo { display: block; height: 3em; width: 6em; margin-left: -.5em; transform: scale(0.75); } .widget-optionSelector-name { display: block; text-indent: -5000px; } .widget-userDefinedWrap { display: none; } /* color schemes */ .widget-schemesWrap { padding-bottom: 1em; } .widget-scheme4 { margin-right: 0; } .widget-scheme1-label { background-color: #afbd11; } .widget-scheme2-label { background-color: #445578; } .widget-scheme3-label { background-color: #ccc; } .widget-scheme4-label { background-color: #fff; } /* golocal Logo colors */ .widget-logosWrap { padding-bottom: 0.5em; } .widget-logosWrap .widget-optionSelectorWrap { margin-bottom: 0.5em; } .widget-logo2, .widget-logo4 { margin-right: 0; } .widget-logo1-logo { background: #afbd11 url(/images/42024/de/widget/widget_loc_multi.png) no-repeat -557px 3px; transform: scale(0.75); } .widget-logo2-logo { background: #445578 url(/images/42024/de/widget/widget_loc_multi.png) no-repeat -557px -280px; } .widget-logo3-logo { background: #fff url(/images/42024/de/widget/widget_loc_multi.png) no-repeat -557px -207px; } .widget-logo4-logo { background: #000 url(/images/42024/de/widget/widget_loc_multi.png) no-repeat -557px -137px; } .widget-colorWrap { position: relative; padding-bottom: 0.5em; } .widget-colorWrap .txt { width: 165px; padding: 6px 10px; } #widget-colorPicker { position: absolute; top: 0; left: 0; display: none; z-index: 1000; padding: 1em; border: 1px solid #666; background-color: #fff; } /* Logos */ .widget-logoWrap #widget-txtWidth, #widget-txtAmountReviews { position: relative; float: left; width: 45px; } .widget-funcWrap .widget-box-col2 { display: none; } .widget-width-desc, .widget-func-desc { position: relative; float: left; margin-left: 0.5em; padding-top: 2px; font-size: 0.833em; line-height: 1.333em; } .widget-func-amountReviews { padding-top: 0.5em; } .widget-func-desc { padding-top: 0.75em; } /* Buttons */ .widget-page1-buttons { margin-left: 45px; } .widget-page2-buttons { margin-left: 60px; } .btnPreview { background: transparent url(/images/42024/de/widget/editor_loc_multi.png) no-repeat -420px -210px; width: 89px; height: 26px; } .btnReadyGetCode { background: transparent url(/images/42024/de/widget/editor_loc_multi.png) no-repeat -420px -280px; width: 199px; height: 26px; } .btnBackToProps { background: transparent url(/images/42024/de/widget/editor_loc_multi.png) no-repeat -420px -350px; width: 253px; height: 26px; } /* steps 1-2-3 */ .widget-steps-li { position: relative; float: left; width: 180px; height: 60px; color: #8b8787; font-size: 1.167em; padding-left: 65px; background: transparent url(/images/42024/de/multis/review.png) no-repeat 0 -630px; } .widget-steps-li1 { background: transparent url(/images/42024/de/multis/review.png) no-repeat 0 -630px; } .widget-steps-li2 { background: transparent url(/images/42024/de/multis/review.png) no-repeat 0 -700px; } .widget-steps-li3 { background: transparent url(/images/42024/de/multis/review.png) no-repeat 0 -770px; } .copyBlockHead { padding-left: 115px; background: transparent url(/images/42024/common/forms/bgFormsEditData.png) no-repeat; margin-bottom: 2em; } .copyBlockHead .pageTitle, .BlockHead .pageTitle { font-size: 2.5em; margin-bottom: .2em; } .copyBlockHead .pageIntro, .BlockHead .pageIntro { color: #8b8787; font-size: 1.167em; margin-bottom: 1em; width: 70%; } @media only screen and (max-width: 40em) { .copyBlockHead { padding-left: 0; background: none; } } /*******************************************************/ /* Social Box (Twitter / Facebook) */ .socialWrap .header6, .socialWrap h6 { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; } /* expandable text */ .expandableText-less, .expandableText-more { font-size: .817em; } .expandableText-part2 { display: none; } /*******************************************************/ /* Tabellen */ .cityfacts { padding-left: 180px; } .cityfacts h3 { margin-top: 5px; } .cityfacts h2 { margin-top: 5px; color: #333333; font-size: 1.333em; line-height: 1.333em; } .citypolaroid { background: none repeat scroll 0 0 #FFFFFF; height: 135px; padding: 5px; width: 150px; margin: 10px 20px 25px 0; box-shadow: 0 2px 4px #333333; /* Safari/Chrome */ /* Mozilla */ /* IE */ /* Opera */ transform: rotate(6deg); float: left; } /**************************************/ /* service areas headers */ #serviceNavStart.mainNavElement .tab { width: 80px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 0 transparent; } #serviceNavWidgets.mainNavElement .tab { width: 105px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -210px transparent; } #serviceNavAufkleber.mainNavElement .tab { width: 170px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -420px transparent; } #serviceNavStart .tab:hover { width: 80px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -70px transparent; } #serviceNavWidgets .tab:hover { width: 105px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -280px transparent; } #serviceNavWidgets.hover .tab { width: 105px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -280px transparent; } #serviceNavAufkleber .tab:hover { width: 170px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -490px transparent; } #serviceNavStart.hover .tab { width: 80px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -70px transparent; } #serviceNavWidgets.hover .tab { width: 105px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -280px transparent; } #serviceNavAufkleber.hover .tab { width: 170px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -490px transparent; } #serviceNavStart.active .tab { width: 80px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -140px transparent; } #serviceNavWidgets.active .tab { width: 105px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -350px transparent; } #serviceNavAufkleber.active .tab { width: 170px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -560px transparent; } #serviceNavStart.active .tab:hover { width: 80px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -70px transparent; } #serviceNavWidgets.active .tab:hover { width: 105px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -280px transparent; } #serviceNavWidgets.hover .tab { width: 105px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -280px transparent; } #serviceNavAufkleber.active .tab:hover { width: 170px; background: url(/images/42024/de/multis/services.png) no-repeat scroll 0 -490px transparent; } .services-header { background: url(/images/42024/de/multis/services.png) no-repeat scroll -300px -490px transparent; width: 165px; height: 25px; position: absolute; top: 13px; left: 172px; } .pageIntro h2 { color: #8B8787; } /* Gewinnspiel */ /* Figaro */ .eligibilityCheckbox { font-weight: 700; padding: 15px; margin: 1em 0; background-color: #f1f1f1; } /* Partner-Seite */ .partner-col1 { width: 290px; float: left; margin-bottom: 35px; padding-top: 25px; } .partner-col2 { width: 550px; float: left; margin-bottom: 35px; } /* Cities Uebersichtsseite */ #cities-ul li { float: left; margin: 0; padding: 0 0 0 16px; width: 24em; } /* CSS-File: result.css */ /* Result Wrapper START */ #resultWrapper { position: relative; } /*#resultWrapper .locListWrapper{ position:relative; float:left; width:630px; overflow:hidden; }*/ /* Result Wrapper END */ /* Aufhaenger */ .hangers { position: relative; z-index: 1; top: -12px; /*margin-left:10px;*/ height: 42px; background: transparent url(/images/42024/de/multis/extended.png) top left no-repeat; } .hangers.user { width: 458px; } .hangers div { position: relative; float: right; height: 42px; width: 25px; right: 10px; background: transparent url(/images/42024/de/multis/extended.png) 0 -70px no-repeat; } /*************************************/ /*** Sponsored Listings */ .sponsoredWrapper { /* position:relative; */ /*padding-top:55px;*/ /*background:#e6e8c4 url(/images/42024/common/tile_listHeader_bg.png) top left repeat-x;*/ background: none; } .sponsoredWrapper .content { position: relative; height: 90px; z-index: 2; background-color: #f6f9fe; } .sponsoredWrapper .end { position: relative; height: 7px; overflow: visible; background: transparent url(/images/42024/de/multis/extended.png) 0 -490px no-repeat; } .locListWrapper .sponsoredWrapper .end span { position: absolute; right: 0; top: -9px; height: 15px; width: 123px; background: transparent url(/images/42024/de/multis/extended.png) 0 -700px no-repeat; } .sponsoredWrapper .listEntry { position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*display:none;*/ background: none; background-color: #f6f9fe; } .sponsoredWrapper .sponsor1 { top: 0; } .sponsoredWrapper .listEntry .marker, .listAdEntry .marker { background: transparent url(/images/42024/de/multis/sponsoredMarkers.png) 0 0 no-repeat; } .sponsoredWrapper .sponsor1 .marker, .listAdEntry .sponsor1 .marker { background-position: 0 -70px; } .sponsoredWrapper .sponsor2 .marker, .listAdEntry .sponsor2 .marker { background-position: 0 -140px; } .sponsoredWrapper .sponsor3 .marker, .listAdEntry .sponsor3 .marker { background-position: 0 -210px; } .sponsoredWrapper .sponsor4 .marker, .listAdEntry .sponsor4 .marker { background-position: 0 -280px; } .sponsoredWrapper .sponsor5 .marker, .listAdEntry .sponsor5 .marker { background-position: 0 -350px; } .sponsoredWrapper .sponsor6 .marker, .listAdEntry .sponsor6 .marker { background-position: 0 -420px; } .sponsoredWrapper .sponsor7 .marker, .listAdEntry .sponsor7 .marker { background-position: 0 -490px; } .sponsoredWrapper .sponsor8 .marker, .listAdEntry .sponsor8 .marker { background-position: 0 -560px; } .sponsoredWrapper .sponsor9 .marker, .listAdEntry .sponsor9 .marker { background-position: 0 -630px; } .sponsoredWrapper .sponsor10 .marker, .listAdEntry .sponsor10 .marker { background-position: 0 -700px; } .sponsoredWrapper .sponsorInfoWrapper { /*position:absolute; z-index:2; left:3em; top:-3px; background-color:#f6f9fe; color:#8b8787; padding-right:1em;*/ padding-left: 3em; color: #8b8787; padding-right: 1em; font-size: 11px; margin: 0 1.5em 0 1em; z-index: 100000; position: relative; } .infoText { margin-right: 5px; } .sponsoredWrapper .btnSwitch { position: relative; z-index: 100000; height: 10px; cursor: pointer; display: none; background: transparent url(/images/42024/common/icon_arrowUp_col1.png) no-repeat 50% 3px; border: 1px solid #F6F9FE; } .sponsoredWrapper #switchSponsorUp { background-image: url(/images/42024/common/icon_arrowUp_col1.png); } .sponsoredWrapper #switchSponsorDown { background-image: url(/images/42024/common/icon_arrowDown_col1.png); } .sponsoredWrapper #switchSponsorUp:hover, .sponsoredWrapper #switchSponsorDown:hover { background-color: #F4F2EB; border: 1px solid #EAEDE7; } /*******************************************/ /* Partner in LocList */ .glPartner { padding-bottom: 1px; } .glPartner .innerContents { position: relative; border: 2px solid #b0bc00; } /*.locList .last{padding-bottom:0;}*/ .glPartner .listingActions { margin-left: 18px; margin-right: 1px; padding-left: 1.083em; } .glPartner .grfBar { position: absolute; height: 100%; width: 17px; left: 0; top: 0; background-color: #b0bc00; } /************************************/ /* List-Info */ .listInfo { position: relative; background: transparent url(/images/42024/common/tile_listInfo_bg.png) bottom left repeat-x; } .listInfo .listEntryTop { background-color: transparent; } .listInfo p { padding: 1em; } .listInfo .content { padding: 1em; } .listInfo .end { position: relative; /*height:17px;*/ overflow: visible; background: #fff url(/images/42024/de/multis/extended.png) 0 -560px no-repeat; } .listInfo .end span { position: absolute; left: 20px; top: 0px; height: 15px; width: 115px; background: transparent url(/images/42024/de/multis/extended.png) 0 -630px no-repeat; } .listInfo h1 { margin-bottom: 0.25em; background-color: transparent; } .listEntry .number { position: absolute; float: none; left: 10px; top: 10px; font-style: normal; color: #656565; font-weight: bold; } .spamLink { float: right; } .userContent .spamLink { margin-top: 0; } /* resultInfo */ .spaceSearch { margin-right: 25px; } /* ResultInfo */ .listEntryTop h1 { line-height: 1.333em; } .listEntryTop .searchAreaInfos { position: relative; float: left; background-color: #fff; } #mglContent .listEntryTop { border-bottom: 1px dotted #7e7e7e; padding-bottom: 1em; } #resultWrapper .resultInfos { margin: 1.8em 0 0 1em; line-height: 1em; } #resultWrapper .resultAdInfos { margin: 1em 1em 0.5em 1em; line-height: 1em; text-align: right; display: block; } #resultWrapper .resultInfos .subInfo { color: #8b8787; } /************************************************/ /*** Filtering / Sorting ***/ /*** ***/ .refineSearchWrap { padding: 0.5em 0; margin: 1em 0.5em; background-color: #f6f7e8; border: 1px solid #e0e1d3; } .refineSearchWrap ul { position: relative; height: 38px; } .refineSearchWrap li { position: relative; float: left; padding-bottom: 0; } .refineSearchWrap .info { font-size: 0.917em; color: #8b8787; } .refineSearchWrap .btn { position: relative; display: block; background: transparent url(/images/42024/de/multis/icons_search.png) 0 0 no-repeat; width: 32px; height: 38px; overflow: hidden; } .refineSearchWrap ul span.desc { position: relative; display: block; text-indent: -3000px; } .refineSearchWrap .activeDesc { line-height: 0.333em; padding-bottom: 0.5em; white-space: nowrap; font-weight: 700; font-size: 0.917em; } .refineSearchWrap .activeDesc span.desc { color: #8b8787; } .refineSearchWrap .disabled a.btn { cursor: auto; } /* type */ /*.listTypeWrap{ position:absolute; width:130px; left:1em; top:0.5em; }*/ .listType .street:hover { background-position: -70px 0; } .listType .active .street, .listType .active .street:hover { background-position: -140px 0; } .listType .circle { background-position: 0 -70px; } .listType .circle:hover:not(.disabled) { background-position: -70px -70px; } .listType .active .circle, .listType .active .circle:hover { background-position: -140px -70px; } .listType .city { background-position: 0 -140px; } .listType .city:hover { background-position: -70px -140px; } .listType .active .city, .listType .active .city:hover { background-position: -140px -140px; } .listType .plz { background-position: 0 -210px; } .listType .plz:hover { background-position: -70px -210px; } .listType .active .plz, .listType .active .plz:hover { background-position: -140px -210px; } .listType .nur_gl { background-position: 0 -280px; } .listType .nur_gl:hover { background-position: -70px -280px; } .listType .active .nur_gl, .listType .active .nur_gl:hover { background-position: -140px -280px; } .listType .nur_aktuelle { background-position: 0 -1040px; } .listType .nur_aktuelle:hover { background-position: -70px -1040px; } .listType .active .nur_aktuelle, .listType .active .nur_aktuelle:hover { background-position: -140px -1040px; } /* distance */ .distListWrap { /*position:relative; width:160px;*/ margin: 0 auto; } .distType .dist_xs { background-position: 0 -350px; } .distType .dist_xs:hover { background-position: -70px -350px; } .distType .active .dist_xs, .distType .active .dist_xs:hover { background-position: -140px -350px; } .distType .disabled .dist_xs { background-position: -210px -350px; } .distType .dist_s { background-position: 0 -420px; } .distType .dist_s:hover { background-position: -70px -420px; } .distType .active .dist_s, .distType .active .dist_s:hover { background-position: -140px -420px; } .distType .disabled .dist_s { background-position: -210px -420px; } .distType .dist_m { background-position: 0 -490px; } .distType .dist_m:hover { background-position: -70px -490px; } .distType .active .dist_m, .distType .active .dist_m:hover { background-position: -140px -490px; } .distType .disabled .dist_m { background-position: -210px -490px; } .distType .dist_l { background-position: 0 -560px; } .distType .dist_l:hover { background-position: -70px -560px; } .distType .active .dist_l, .distType .active .dist_l:hover { background-position: -140px -560px; } .distType .disabled .dist_l { background-position: -210px -560px; } .distType .dist_xl { background-position: 0 -630px; } .distType .dist_xl:hover { background-position: -70px -630px; } .distType .active .dist_xl, .distType .active .dist_xl:hover { background-position: -140px -630px; } .distType .disabled .dist_xl { background-position: -210px -630px; } /* sorting */ /*.sortListWrap{ position:absolute; width:100px; right:1em; top:0.5em; } */ .sortList a.alphabet { background-position: 0 -770px; } .sortList a.alphabet:hover { background-position: -70px -770px; } .sortList li.active a.alphabet, .sortList li.active a.alphabet:hover { background-position: -140px -770px; } .sortList a.distance { background-position: 0 -840px; } .sortList a.distance:hover { background-position: -70px -840px; } .sortList li.active a.distance, .sortList li.active a.distance:hover { background-position: -140px -840px; } .sortList a.bestRating { background-position: 0 -910px; } .sortList a.bestRating:hover { background-position: -70px -910px; } .sortList li.active a.bestRating, .sortList li.active a.bestRating:hover { background-position: -140px -910px; } .sortList a.date { background-position: 0 -980px; } .sortList a.date:hover { background-position: -70px -980px; } .sortList li.active a.date, .sortList li.active a.date:hover { background-position: -140px -980px; } /***********************************************/ /*** Ajax-Loader ***/ #searchCircleProgressDiv { position: absolute; z-index: 1002; /*display:none;*/ top: 200px; left: 330px; height: 50px; width: 220px; padding-top: 7px; font-size: 24px; color: #8b8787; font-weight: 700; background: transparent url(/images/42024/common/ajax-loader_l.gif) 100% top no-repeat; } /***********************************************/ /*** Search Feedback ***/ .addLocationWrapper { background: transparent; background-color: #f7f8eb; border: 1px solid #c0c0c0; border-radius: 10px; /*padding-left: 164px;*/ margin: 20px 0 0 0; } .addLocation { /*border-bottom: solid 1px #c0c0c0;*/ padding: 10px 0; } .giveFeedback { padding: 10px 0; } #addLocation { background: transparent url(/images/42024/de/multis/icons.png) 0 -2652px no-repeat; padding: 15px 0 15px 70px; display: block; font-size: 1.2em; font-weight: 700; margin-left: 10px; } #feedbackLink { background: transparent url(/images/42024/de/multis/icons.png) 0 -2723px no-repeat; padding: 10px 0 10px 70px; display: block; font-size: 1.2em; font-weight: 700; margin-left: 10px; line-height: 1.5em; } .addLocationWrapper .buttonsWrapper { text-align: right; } /* OpenStatus */ .closedInfo { background: url(/images/42024/de/multis/basic.png) 0 -647px transparent; font-size: 0.9em; padding-left: 14px; color: #8b8787; display: inline-block; margin: 0.5em 0; } .closedInfo.closed { background-position: 0 -647px; } .closedInfo.open { background-position: 0 -687px; } .closedInfo.addTimes { background-position: 0 -727px; text-decoration: underline; } @media only screen and (max-width: 40em) { .addLocationWrapper { padding-left: 0; background: none; } #contentWrapper { box-shadow: none; border: none; } } /*****************************************/ /*** best of MetaBranches ***/ #metaBranchesBox { border: 1px solid #AAAAAA; padding: 20px; } .topFlopTitle { font-size: 1.667em; color: #656565; padding-bottom: 0.5em; line-height: 1.2em; } .imgLoc_wide { margin-bottom: 0.5em; } #bestOfMetaWrap .headExpandedSearch { margin-bottom: 1em; } #bestOfMetaWrap .headExpandedSearch p { font-weight: 700; } #bestOfMetaWrap .headExpandedSearch p span { display: block; font-size: 1.333em; font-weight: normal; } #bestOfMetaWrap em { position: absolute; top: 0; left: 0; height: 1em; font-style: normal; font-size: 3em; color: #c5c4bb; font-weight: 700; line-height: 0.8em; } #bestOfMetaWrap li { position: relative; padding: 0 0 0 30px; } #bestOfMetaWrap li.reduced { float: right; width: 290px; margin-bottom: 0.5em; } #bestOfMetaWrap li.expanded { float: left; width: 235px; } #bestOfMetaWrap li .glRating { position: relative; font-size: 0.917em; color: #8b8787; padding-bottom: 0.5em; } #bestOfMetaWrap li.reduced .glRating { position: absolute; top: 0; right: 0; text-align: right; width: 95px; line-height: 1em; white-space: nowrap; overflow: hidden; } #bestOfMetaWrap .imgRating { float: none; } #bestOfMetaWrap li.expanded .imgRating { float: left; padding-right: 0.5em; } #bestOfMetaWrap li.reduced .locInfo { margin-right: 100px; } .locInfo .title { padding-bottom: 0; margin-top: 0; } #bestOfMetaWrap li.reduced .title { font-size: 1em; } #bestOfMetaWrap li .branch { font-size: 0.917em; color: #8b8787; line-height: 1em; padding-bottom: 0.5em; } #bestOfMetaWrap li.expanded .branch { padding-bottom: 1em; } #bestOfMetaWrap .imgLoc_xs { position: relative; float: left; margin-right: 0.5em; } #bestOfMetaWrap .moreLink { position: relative; float: right; width: 320px; font-weight: 700; } /********************************/ /*** active users ***/ #activeUsersWrap li { position: relative; float: left; width: 285px; margin-left: 20px; } #activeUsersWrap .first { margin-left: 0; } #activeUsersWrap .title { margin-bottom: 0; margin-top: 0.333em; } #activeUsersWrap h3 { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; } #activeUsersWrap .userImageWrapper { position: relative; float: left; margin-right: 10px; } #activeUsersWrap .userHead { margin-bottom: 0.5em; } #activeUsersWrap .infoIcons { position: relative; float: left; width: 140px; height: 18px; } #activeUsersWrap .reviewContent { padding-top: 0.333em; } /********************************/ /*** top and flop ***/ #topFlopWrap h3 { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; } #topFlopWrap .col { width: 295px; } #topFlopWrap .topFlopContent { background: transparent url(/images/42024/common/tile_dotLine_vert.gif) repeat-y 294px 0; } #topFlopWrap .title { padding-bottom: 0.214em; } #topFlopWrap .cityWrap { position: relative; margin-top: -0.214em; } #topFlopWrap .glRating { position: relative; font-size: 0.917em; color: #8b8787; padding-bottom: 1em; } #topFlopWrap .imgRating { float: left; padding-right: 0.5em; } #topFlopWrap .topWrap h4 { margin-right: 1px; font-size: 1.167em; text-align: right; color: #656565; padding-right: 20px; background: url(/images/42024/de/multis/start.png) no-repeat 276px -1187px; } #topFlopWrap .topWrap .reviewContent { padding-right: 10px; } #topFlopWrap .flopWrap h4 { padding-left: 20px; font-size: 1.167em; background: url(/images/42024/de/multis/start.png) no-repeat 0 -1257px; } #topFlopWrap .flopWrap .reviewContent, #topFlopWrap .flopWrap .imgLoc { margin-left: 10px; } /**************************************/ /*** categories wrapper ***/ #catsWrap h4 { color: #656565; font-size: 1.667em; line-height: 1.2em; padding-bottom: 0.5em; } #catsWrap .col { width: 157px; overflow: hidden; } #catsWrap .catCol1 { margin-right: 10px; } #catsWrap .folded { display: none; } /**************************************/ /*** categories wrapper ***/ /* Commented by vne #metaBranchesWrap li{ position:relative; float:left; width:157px; margin-right:5px; color:#8b8787; } #metaBranchesWrap li a{font-size:1.167em;} */ /* Inserted by vne */ #metaBranchesWrap li { color: #8b8787; } #metaBranchesWrap .col { width: 157px; } #metaBranchesWrap .metaCatCol1 { margin-right: 5px; } #metaBranchesWrap li a { font-size: 1.167em; } #metaBranchesWrap h6, #metaBranchesWrap .header6 { color: #656565; font-size: 1.667em; line-height: 1.2em; margin-bottom: 0.5em; } /**************************************/ /*** cities Near By ***/ #citiesNearBy .col { width: 157px; } #citiesNearBy .cityCol1 { margin-right: 10px; }