/* //////////////////////////////////////////////////////////////////////// // mobile.anthrazit.org // //////////////////////////////////////////////////////////////////////// // // // Cascading Style Sheet for mobile.anthrazit.org // // Created 2007 by bitsolution stalder, www.bitsolution.ch // // Styles for Screen: XXS XS S M L XL XXL [mopage] // // // //////////////////////////////////////////////////////////////////////// */ @import url("/appl/fonts/fontawesome672/css/all.min.css"); @media screen and ( max-width: 480px ) { .wideOnly { display:none!important; } } @media screen and ( min-width: 480px ) { .smallOnly { display:none!important; } } /* apple webkit no text resizing */ * { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { -webkit-touch-callout: none; } /* disable action page in ios for all*/ .action { -webkit-touch-callout: default; } /* enable action page in ios */ .wrapperContent { line-height:135%; } .wrapperBottom, .wrapperContent, .elementNavigationLeft { hyphens: auto; -webkit-hyphens: auto; } .wrapperContentInner { padding:0 0px 15px 0px; margin-bottom:0em; } .wrapperContent { position:relative; } .wrapperContent p { margin: 0 0 0.7em 0;} .search .wrapperContentInner{ background:none; background-color:#fff;} .search .wrapperContentInner{ background:none; background-color:#fff;} .online .blockTop .logo { opacity:0.7;} .elementLogo { padding-top:20px; } .breakall { word-break: break-all;} /*titlebar*/ .online .elementTitleBar { margin-top:0; margin-bottom:11px; } .elementTitleBar, .elementTitleBarSub { background:url(/appl/grfx/bg_titlebar.png) repeat-x top center;} .elementTitleBarSub { border-top:1px solid #ddd;} .wrapperWhite .elementTitleBar, .wrapperWhite .elementTitleBarSub { background:none; border:none; border-bottom:1px solid #111; text-shadow:none; margin:0 0 1.5em 0; padding:0 0 0 13px; min-height:0; height:auto; line-height:120%; font-size:100%;} .wrapperWhite .elementTitleBar .title { padding:0; margin:0; height:auto; } .wrapperWhite .elementTitleBar .linkRight { float:right; margin:-2px 0 11px 0; padding-right:0; font-size:12px;text-shadow:none; color:#276BAB; display:block; line-height:22px; width:auto; text-align:right; background:none; } .wrapperWhite .elementTitleBar .back .linkRight { background:none; } /*ads*/ .elementAd .elementBannerRectangle { margin-left:-15px; margin-right:-15px; } /*titles*/ .titleBorder { font-weight:bold; border-bottom:solid 1px #333; padding-bottom:0.3em; margin:0.5em 0 1em 0;} .titleBorderNoMargin { font-weight:bold; border-bottom:solid 1px #333; padding-bottom:0.3em; margin:0.5em 0 0.5em 0;} /*navis*/ .elementNaviMobile { background-color:#fff; color:#000; } .elementNaviMobile a { color:#000; } .elementNaviMobile a.selected { color:#888; } .online .elementNaviTop { margin:0 0 0.5em 0; font-size:100%;} /*content areas*/ .online .wrapperWhite { background-color:#fff; padding:1em; } .wrapperDGray { background-color:#bababa; padding:1em; } /*misc*/ .elementTitleBar .title { color:#000; } .elementPrezi { position:relative; left:-96px;} .borderTopInverse { border-color:#aaa!important;} /*qr code*/ .online .elementQrCode .qrcode { padding:0.5em 1em 0.5em 1em; background-color:#fff; } #dynTopMsgContainer { position:relative; z-index:9;} #dynTopMsgContainer #topMsg { } #notifySuspect { color:inherit; font-size:90%; opacity: 0.6;} .cmEventCaption { font-weight:bold; font-size:120%; padding:1em 0 0.5em 0;} .CodeMirror { resize: both!important; border:0.5px solid #ccc; font-size:0.8em; line-height:1.3em; max-width:calc(100% - 0px); z-index:1; border-radius: 6px} /* content alert (richtext editor) */ .elementAlert { background: #666; padding:0.8em 19px 0.9em 70px; color: white; font-weight: normal; position: relative; min-height:31px; } .bold .elementAlert { font-weight: normal!important; } .elementAlert .sign { font-size: 30px; position: absolute; margin-left:-50px; } @media screen and ( max-width: 600px ) { .elementAlert { padding:0.8em 19px 0.9em 50px; margin:0 -19px; } .elementAlert .sign { font-size: 20px; position: absolute; margin:3px 0 0 -35px; } } .iframeDocViewer { border:none; width:100%; min-height:300px;} /* tiny mce table design class */ .tableFactSheet { width: 100%!important; margin-top:1em; border-collapse: collapse;} .tableFactSheet tr { border-bottom: 0.5px solid #ddd;} .mopagecms .tableFactSheet tr, .mopagecms .tableFactSheet tr:first-of-type { border-color: #efefef;} .tableFactSheet tr:first-of-type { border-top: 0.5px solid #ddd;} .tableFactSheet tr td { padding-top: 0.1em; padding-bottom: 0.1em; } .tableFactSheet tr td:first-child { white-space: nowrap; padding-right:1.5em; width:1%!important; } @media screen and ( max-width: 600px ) { .tableFactSheet tr { display: block; padding-top: 0.2em; padding-bottom: 0.2em; } .tableFactSheet tr td { display: block; width:100%!important; padding:0; } .tableFactSheet tr td:first-child { opacity: 0.5; width:100%!important; font-size:90%; } .tableFactSheet tr td:first-child:after { content:": " } } /* ======================== | mopage CMS // ======================== */ /*mopage cms*/ .elementNaviCms { padding:0.3em; color:#000; font-weight:bold; background-color:#fff; } .elementNaviCms a { color:#000;} .elementNaviCms a.selected { color:#999;} .mopageEdit .wrapperContentInner { background:none; background-color:#e7e7e7; } .elementBorderTopFull { border-top:1px solid #fff; margin:15px -15px 0 -15px; padding:15px 15px 0 15px;} /*promo block below sitemap*/ .elementPromoBlock .serviceicon { float:left; width:15%; } .elementPromoBlock .description { float:left; width:85%; } .elementPromoBlock .rightAuto { margin:0 0 0.8em 0.8em;} .elementInfoboxTop .elementPromoBlock .serviceicon img { height:46px; width:auto; } .elementInfoboxTop .elementPromoBlock .serviceicon {width:11%;} .elementInfoboxTop .elementPromoBlock .description {width:89%;} .fixed { position: fixed; } /*.fixed .infobox { box-shadow: 0 2px 10px -6px #000; }*/ /*cms top tabs*/ .elementMopageCmsTabs { height:25px;} .elementMopageCmsTabs .blueArrowBack { margin-top:3px;} .elementMopageCmsTabs a { line-height:16px; } .elementMopageCmsTabs .tab { height:100%; display:inline-block; margin-left:0.5em; padding-left:1em; padding-right:1em; background-color:#787576; } .elementMopageCmsTabs .selected { background-color:#fff; } .elementMopageCmsTabs .tab a { line-height:25px; color:#ccc; } .elementMopageCmsTabs .selected a { color:#111; } /*sprites*/ .online .spriteMopageSitemap { background:url(/appl/grfx/cms/cms_sprite.png) 0px -18px no-repeat; padding-left:20px;} .online .selected .spriteMopageSitemap { background-position:0px 0px;} .online .spriteMopageSettings { background:url(/appl/grfx/cms/cms_sprite.png) 0px -52px no-repeat; padding-left:18px;} .online .selected .spriteMopageSettings { background-position: 0px -37px;} .online .spriteMopageStats { background:url(/appl/grfx/cms/cms_sprite.png) 0px -779px no-repeat; padding-left:23px;} .online .selected .spriteMopageStats { background-position: 0px -801px;} /*sitemap*/ .elementSitemapTree a { } .online .elementSitemapTree .title { color:#111;} .online .elementSitemapTree .treeview:not(.sitemap) { background:url(/appl/grfx/cms/bg_altlist.png) top left; } /* sitemap tree v3 */ .elementSitemapTree .treeview.sitemap { background:url(/appl/grfx/cms/bg_altlist_v3.png) top left;} .elementSitemapTree .treeview.sitemap li { padding-left:0; min-height:50px; } .elementSitemapTree .treeview.sitemap li ul li { padding-left:40px; } .elementSitemapTree .treeview.sitemap li .addInfo { margin:-4px 0 0 2em; line-height: 130%;} .elementSitemapTree .treeview.sitemap .icon { margin-top:12px; margin-right: 0.8em; position:relative; } .elementSitemapTree .treeview.sitemap .hitarea { margin:12px 0 0 5px;} .elementSitemapTree .treeview.sitemap .functions { margin:8px 0 0 0;} .elementSitemapTree .treeview.sitemap .cmsEditButton { margin-top:-4px; } .elementSitemapTree .treeview.sitemap .itemOffline .itemInfo { opacity: 0.4; } .elementSitemapTree .treeview.sitemap .itemInfo { width: calc(100% - 420px); position: relative; } .elementSitemapTree .treeview.sitemap .func { float:left; display:block; line-height:30px; min-width:20px; text-align: center; margin-left:4px; padding:0 7px; } .elementSitemapTree .treeview.sitemap .func.sysadminonly { border-radius:6px; } .elementSitemapTree .treeview.sitemap .func.move { width: 3em; margin-right: 1em; } .elementSitemapTree .treeview.sitemap .func.move .up { margin-right: 0.8em; } .elementSitemapTree .treeview.sitemap li .item { padding:3px 0.6em 3px 30px; min-height:50px; box-sizing: border-box; } .elementSitemapTree .treeview.sitemap li .item.root { padding-left:15px; } .elementSitemapTree .treeview.sitemap li .item:hover { background-color: #e1eef3 !important; } .elementSitemapTree .treeview.sitemap .functions img, .elementSitemapTree .treeview.sitemap .icon img { width: 17px; height: 17px; vertical-align: middle; } .elementSitemapTree .flagObjeky { top:-4px;} .moduleContainer { opacity: 0.8; } .online .elementSitemapTree .treeview li { line-height:28px; vertical-align: middle; } /* wider treeview table*/ .online .elementSitemapTree .treeview.wide { background:url(/appl/grfx/cms/bg_altlist_big.png) top left; } .online .elementSitemapTree .treeview.wide li { line-height:35px; vertical-align: middle; } .online .elementSitemapTree .treeview.wide li ul li { padding-left:2.2em; padding-right:1px;} .online .elementSitemapTree .treeview.wide .hitarea { margin-top:4px;} .online .elementSitemapTree .treeview.wide .spriteCustom { margin:5px 0.8em 0 0; } .online .elementSitemapTree .treeview.wide .spriteCustom img { width:22px; height:22px; opacity:0.85;} .online .elementSitemapTree .spriteCustom img { width:18px; height:18px; opacity:0.85;} .online .elementSitemapTree .sprite { display:block; float:left; width:16px; height:16px; margin:6px 0.5em 0 0; background:url(/appl/grfx/cms/cms_sprite.png) no-repeat; overflow:hidden!important; } .online .elementSitemapTree .spriteCustom{ display:block; float:left; width:18px; height:18px; margin:2px 0.5em 0 0;} .online .elementSitemapTree .spriteCustom img { width:18px; height:18px; opacity:0.85;} .online .elementSitemapTree .spriteFile { background-position:0px -134px;} .online .elementSitemapTree .spriteHome { background-position:0px -78px;} .online .elementSitemapTree .spriteMopage { background-position:0px -107px;} .online .elementSitemapTree .spriteImprint { background-position:0px -215px;} .online .elementSitemapTree .spriteRss { background-position:0px -160px;} .online .elementSitemapTree .spriteWebcam { background-position:0px -188px;} .online .elementSitemapTree .spriteAbout { background-position:0px -238px;} .online .elementSitemapTree .spriteGeo { background-position:0px -927px;} .online .elementSitemapTree .spriteVideo { background-position:0px -987px;} .online .elementSitemapTree .spriteNews { background-position:0px -1135px;} .online .elementSitemapTree .spriteEvent { background-position:0px -1074px;} .online .elementSitemapTree .spriteFavlist { background-position:0px -1297px;} .online .elementSitemapTree .spriteSearch { background-position:0px -1328px;} .online .elementSitemapTree .spritePoll { background-position:0px -1359px;} .online .elementSitemapTree .spriteTour { background-position:0px -1532px;} .online .elementSitemapTree .spriteAfter { display:inline-block; float:none; } .elementSitemapTree .itemsBottom { border-top:1px solid #111; padding:0.5em 0 0 0; margin-top:0.5em;} .online .elementSitemapTree .itemsBottom .row { line-height:24px; } .elementSitemapTree .titleBorder .rightAuto .spriteFuncPreview { line-height:16px; background-position:0px -314px; } /*sitemap funcs*/ .elementSitemapTree .spriteFunc { float:left; display:block; width:2em; line-height:24px; } .elementSitemapTree .spriteInfo { display:inline-block; width:15px; height:18px; margin-right:0.5em;vertical-align:middle; } .elementSitemapTree .spriteFuncGreen { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 6px -1260px;} .elementSitemapTree .spriteFuncRed { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 6px -1236px;} .elementSitemapTree .spriteFuncPreview { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 0px -309px; margin:0 0em 0 0.5em;} .elementSitemapTree .spriteFuncUp { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 6px -333px;} .elementSitemapTree .spriteFuncDown { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 6px -355px;} .elementSitemapTree .spriteFuncDelete { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 6px -1005px;} .elementSitemapTree .spriteFuncExpired { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 0px -1162px;} .elementSitemapTree .spriteFuncInTime { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 0px -1216px;} .elementSitemapTree .spriteFuncFuture { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 0px -1189px;} .elementSitemapTree .spriteImport { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 0px -1569px; margin-left:0.5em;} .elementSitemapTree .spriteSubscriptionOff { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 0px -1604px; margin-left:0.5em;} .elementSitemapTree .spriteSubscriptionOn { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 0px -1632px; margin-left:0.5em;} .elementSitemapTree .spriteSubscriptionPast { background:url(/appl/grfx/cms/cms_sprite.png) no-repeat 0px -1661px; margin-left:0.5em;} .elementSitemapTree .hoverInfo { display:none; position:absolute; margin:-20px 0 0 100px; padding: 10px; border: 1px solid #999; font-size:85%!important; background-color: white; line-height:120%; } .ajaxStructChooser .chooseme { line-height:19px; float: right; width:auto; font-size:19px; margin:3px 15px; } .ajaxStructChooser span.theitem { max-width:50%; overflow-x: hidden; } /* map */ .gllpMap { width: 100%; height:500px; margin:0.3em 0 0 0; border:1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .ucGeoPicker .gllpMap { height: 500px; } .gllpMapHalf { height:100px; } /* location picker */ @media screen and ( max-width: 768px ) { .locationPickerWrapper { margin-left: -19px; margin-right:-19px; } } .wrapperInnerLocsearch { padding-top:5px; height: auto!important;;} .wrapperInnerLocsearch input[type=search] { width: calc(100% - 40px); border-radius:15px!important; } .elementLocationPicker .wrapperInnerLocsearch .go { width:28px; height:28px;} .elementLocationPicker .elementSearchbar .reset { padding-top:0.55em; margin-left:-27px; } .elementLocationPicker .elementSearchbar .reset img { height:21px; width:auto; } .elementLocationPicker .elementModuleSearch .elementSearchbar { padding:2px 0 0 0; } .elementLocationPicker .jsMapCenterDeviceControlWrapper { padding:8px 8px 0 0; } .backandforth .blockDisabled {opacity:0.4; font-style: italic; } .mmw .location-picker .centerMarker { background-image: url(/appl/grfx/modules/usercontent/setlocation.png); width:26px; height:44px; margin-left: -14px; margin-top: -44px;} .elementLocationPicker .buttonRow { } .elementLocationPicker .infoText {line-height:130%; opacity: 0.3; font-size:90%; padding-bottom:0.6em;} /* icon list */ .iconlist img { vertical-align: middle; width:24px; height:auto; } .iconlist td { font-size:90%; color: #888; border-bottom:1px dotted #ccc; padding:3px 5px 3px 5px;} .iconlist tr:last-of-type td { border:none;} .iconlist { border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } /* new edit mask */ .objEdit h2 { margin-bottom:0.3em; } .objEdit h2 img { height: 20px; width:auto; } .objEdit #changeObjIcon img { height: 24px; width:auto; vertical-align: -7px; margin-right:5px; } .objEdit .innerColRight { font-size: 90%;} .objEdit .innerColRight .submitLink {font-size: 111.11%; } .objEdit .innerColRight label.before { width: 27px; } .objEdit .innerColRight .time { width: 55px; } .submitLink .gi { font-size:90%; vertical-align: -1px; } .objEdit label.small, .objEdit .innerLabels .row label, .objEdit .innerLabels .term strong { font-weight:normal; } .objEdit label.small { font-size: 90%; } .objEdit .innerLabels .row input + label {font-size: 100%;} /*.objEdit .innerColLeft, .objEdit .innerColRight { position:relative; z-index: 1; }*/ .objEdit .colRight { width:calc(100% - 270px); float:left; position:relative; z-index: 1; } .objEdit .block { margin: 0 0 0 0; } .objEdit .tab .block:first-of-type { padding: 0 0 0 0;} .objEdit .colRight .block:first-of-type { border-top: none;} .objEdit .blockBorderTop { border-top: 1px solid #aaa!important;} .objEdit .block:last-of-type { } .objEdit .tab .block:last-of-type { border-bottom: none; } .objEdit:not(.withBorders) .block .row { margin: 0.6em 0 0.6em 0; padding:0!important; border: none!important;} .objEdit .block .row:first-of-type { margin: 0 0 0 0;} .objEdit .block .row:last-of-type { margin-bottom: 0; } .objEdit .block .section { padding-top:0.5em; margin-top: 0.5em; border-top: 5px solid white;} .objEdit .block .section:first-of-type { border: none;} .objEdit .blockbg .block { background-color: #f2f2f2; padding:6px!important; border:none; margin-bottom:10px; } .objEdit .blockbg .block hr.divider { border-bottom: 2px solid white!important; margin:0.5em -11px;} .objEdit .innerColRight .block, .objEdit .block, .ucEdit .block { border:none; background-color: #f2f2f2; padding:10px; margin-bottom:10px; border-radius: 2px; } .ucEdit .block {overflow:hidden; } .tab .block { background-color: transparent; } .objEdit .innerColRight .elementDropzone .drop-files-container { line-height:120%; color:#bbb; } .objEdit .blockSubmit .submitLink { display:block; padding:0px 0 0px 0; background:no-repeat 100% center; background-image: url(/appl/grfx/bg_goto_ios7.png); background-image: -webkit-image-set(url(/appl/grfx/bg_goto_ios7.png) 1x, url(/appl/grfx/bg_goto_ios7_retina.png) 2x); } .objEdit .blockSubmit { } .objEdit .block .imgToggler { display:block;} .overlayBox, .objEdit .overlayBox { position: absolute; border: 1px solid #ccc; padding:10px; box-shadow:2px 2px 20px -12px #000; z-index:1; background-color: white; } .inlineNavTree { background-color: white; } /*.inlineNavTree .wrapperNavigation { overflow-y:auto; max-height:532px; }*/ /* inline icon chooser */ .inlineIconChooser { width:790px; background-color: white; } .objEdit .statusicon { height:15px; width:auto; vertical-align: -2px;} .objEdit .elementParentChooser, .elementIconChooser { display:inline-block; position: relative; width:auto; margin-left:0.7em; vertical-align: middle; } .objEdit .sitemapPath .buttonSmall { height:20px; line-height:18px} /*.objEdit #groupIcon { width:700px; height: 920px; background-color: white; overflow-y: auto; }*/ /* tabs*/ .objEdit .elementTabs a { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 90%; max-width:50%; vertical-align: middle; height: 39px; display:table-cell; padding: 0px 10px 0px 10px; background-color: #eee; border-left:1px solid white; ; border-right:1px solid white; color:#444; text-align: center; border-bottom: 1px solid #aaa; } .objEdit .tab .elementTabs a { font-size: 90%; padding: 0 1em 0 1em; height: 30px; } .objEdit .elementTabs a:first-of-type { border-left:none; } .objEdit .elementTabs a:last-of-type { border-right:none; } .objEdit .elementTabs a.selected { background-color: white; color:#333!important; font-style: normal; border: 1px solid #aaa; } .objEdit .elementTabs a { border-top-left-radius: 5px; border-top-right-radius: 5px;} .objEdit .tab { border:1px solid #aaa; border-top: none; padding:10px; margin-bottom:8px; } .objEdit .tabBelow { border-top:1px solid #aaa;} .objEdit .tab .tab { margin-bottom:0; } .objEdit .tabNoBorder { border:none; padding:0; margin:0;} .objEdit .elementTabs a img { height: 20px; width:auto; vertical-align:-5px; margin-right:0.5em; opacity: 0.6; filter: alpha(opacity = 60);} .objEdit .tab .divider:last-of-type, .objEdit .tab .divider:first-of-type { border:none;} /*.elementPageTypeChooser .elementTabs a { width:50%;}*/ .objEdit .elementTabs .gi { vertical-align:-0.1em; } /* tabvisibility chooser */ .objEdit .tabvisibility img {height:24px; width:auto;} .objEdit .tabvisibility .td { text-align: center; font-size:85%;} .objEdit .tabvisibility input[type='checkbox'] { display:none;} /* hairline on retina */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .objEdit .block, .objEdit .blockBorderTop, .objEdit .overlayBox, .objEdit .elementTabs a, .objEdit .tab, .objEdit .tab .divider { border-width:0.5px!important; } } /* mobile overrides */ @media screen and ( max-width: 600px ) { .objEdit .colLeft { width: 100%; float: left; } .objEdit .colRight { width: 100%; float: right; } .inlineNavTree { width: 100%; } .objEdit #groupIcon { width: 100%; } .objEdit .elementTabs a { font-size: 80%; padding: 7px 0.3em 8px 0.3em; } } .shadowBox { box-shadow:2px 2px 20px -12px #000; border:1px solid #ddd; } .elementDocEdit .icon { height:17px; width:auto; margin:0 0.5em 0 0.5em; vertical-align: -2px; } .elementDocEdit .draggable { margin-right:0.6em;} .elementEditImages .deleteLink { display:block;} .elementEditImages .handleMove { height:20px; width:auto; display:inline-block; margin-top:0.5em; } .elementEditImages .funcRotate a.buttonMini { margin:0 1em 0 1em; vertical-align: middle; border-radius: 12px; padding: 0 0 0 0; width:24px; height:24px; } .elementEditImages .funcRotate a img { height: 17px; width:auto; margin:3px 0 0 1px;} .elementUcSimplifiedForm .funcRotate { text-align: left; margin-top: 10px; padding-right:15px;} .elementEditImages .td.colImage { width:240px; padding-right:15px;} .elementEditImages .td.colFuncs { width:50px; text-align: center; } .elementEditImages .td.colImage .imageWrapper { width:100%; border:none; margin-bottom:7px;} .elementEditImages .td.colImage .img { margin:0;} .elementEditImages .rowImage { background-color: #f5f5f5; margin-bottom:5px; padding:0.5em;} .size4 .elementEditImages .sortable.objecttype76 { display: flex; flex-wrap: wrap; justify-content: space-between; } .size4 .elementEditImages .objecttype76 .rowImage { width: calc(50% - 2.5px); box-sizing: border-box; } .appInfo tr td+td { word-break: break-all;} .appInfo tr td:first-child {color: #aaa;} .appInfo { border-spacing: 0; margin-top:1em; border-bottom:0.5px solid #fff;} .appInfo tr td { border-top:0.5px solid #fff; padding:2px 0 2px 0;} .blockSubmit .dummyImage { display:block; height:120px; background: url(/appl/grfx/modules/usercontent/placeholderimg.svg) center center no-repeat #ddd; } .objEdit .innerColRight .userstats .profileImg { width:14px; height:14px; margin-right:0.5em; border-radius:50%; margin-top: 3px; } .cmsObjPreview .image { width:33%; height:auto;} .dayIndicator { min-width:14px; text-align:center; border-radius: 3px; border:0.5px solid #999; border-top: 5px solid red; display:inline-block; padding: 0.3em 0.3em; line-height: 100%; font-size:70%; font-weight: bold; margin-right:0.3em; color:#444; } #editPageTopBar { position: sticky; top:71px; background-color: white; z-index: 3} /* ======================== |new sitemap // ======================== */ .elementSitemap ul { padding: 0; margin: 0; list-style: none; } .elementSitemap .treeviewflat { background:none; margin:0; } .elementSitemap li { list-style: none; line-height:40px; vertical-align: middle; border-top:1px solid #ccc; background-color: white; padding:0.2em 0 0.2em 0; } .elementSitemap .dragging, .dragging { box-shadow: 0px 0px 15px -9px #000; opacity: 0.8; } .elementSitemap .placeholder { min-height:41px; border:none; } .elementSitemap li.nav, .elementSitemapTree .treeview .item.nav { background-color: #e4e4e4 !important;} .elementSitemap li.tab { background-color: #ccc;} .elementSitemap .icon, .elementSitemapTree .icon { display:block; float:left; width:18px; margin-right:0.8em; line-height:0; } .elementSitemap .icon img { width:18px; height:18px; opacity:0.85; filter: alpha(opacity = 85); margin-top:11px; } .elementSitemap .objImage { float:left; width:28px; height:28px; background-size: cover; background-position: center; margin:6px 10px 0 0; border-radius:5px; } .elementSitemap .dummyImage { border: 0.5px solid #ccc; width:27px; color:#bbb; font-size:8px; line-height:28px; text-align: center; background-color: #f4f4f4; } .elementSitemap a.edit, .elementSitemap span.edit, .elementSitemap span.foreign{ display:inline-block; width: 35%; line-height:135%; padding-top:0px; letter-spacing: -0.02em; vertical-align:middle; } .size123 .elementSitemap a.edit, .size123 .elementSitemap span.edit, .size123 .elementSitemap span.foreign { width: 70%; } .elementSitemap .edit .city { font-size:85%; color:#bbb; line-height:120%;} .elementSitemap .objtype { line-height:130%; font-size:90%; color:#bbb; } .elementSitemap .subtype { font-size: 85%; color:#fff; padding:1.5px 2px 1px 2px; line-height:120%; display:inline-block; background-color: #a9c8df; border-radius: 1px; } .elementSitemap .linkUrl { color:#bbb; font-size:85%; line-height:120%; margin:0 0 0.4em 0; } .elementSitemap .notVisible .objtype, .elementSitemap .notVisible .linkUrl , .elementSitemap .notVisible .city {color:#555;} .elementSitemap .functions { float:right; height:40px; overflow:hidden; } .elementSitemap .functions .funcBorder a { border:1px solid rgba(26, 153, 206, 0.3); display: inline-block; padding: 4px 2px 4px 2px; border-radius: 4px; line-height:100%; min-width:26px; box-sizing: border-box;} .elementSitemap .functions .funcBorder a:hover { border:1px solid #222; } .elementSitemap .functions .funcBorder a.selected { background-color: rgba(26, 153, 206, 0.7); color:white!important;} .elementSitemap .functions a:hover * { color: #222!important; } .elementSitemap .functions a:hover img { filter: grayscale(100%); } .online .elementSitemap .topfunc { width:264px; } .elementSitemap .functions .help, .help { cursor: help;} .hand { cursor: pointer;} .elementSitemap .functions .func, .contentList .func { display:inline-block; width:1.8em; margin-left:3px; padding:0 2px;text-align: center; } .elementSitemap .functions .func.sysadminonly, .contentList .func.sysadminonly { border-radius:6px;} .elementSitemap .edit .gi { margin-right:0.3em; font-size:90%; } .elementSitemap .onLevelUp { font-size:90%; margin:-0.2em 0 -0.2em 0; color:#888; } .elementSitemap .notVisible .icon, .elementSitemap .notVisible .pageTitle, .elementSitemap .notVisible .timeIndicator , .elementSitemap .notVisible .objImage { opacity:0.4; filter: alpha(opacity = 40); } .elementSitemap .notVisible .countBadge { background-color: #999;} .elementSitemap .notVisible .hint { color: #999;} .elementSitemap .timeIndicator { float:left; height:39px; width:30px; margin-left:-30px; } .elementSitemap .timeIndicator img { height:20px; width:auto; margin:10px 0 0 4px; } .mobile .elementSitemap .timeIndicator img { height:16px; width:auto; margin:12px 0 0 10px; } .elementSitemap .functions .draggable, .draggable { cursor: move; width:1.65em;} .draggable { display:inline-block; } .draggable img { height:17px; width:auto; vertical-align: middle;} .elementSitemap .functions img { width:17px; height:17px; vertical-align: middle; } .elementSitemap .functions .bitlite { opacity:0.7; filter: alpha(opacity = 70);} .elementSitemap .functions .morelite { opacity:0.42; filter: alpha(opacity = 42);} .elementSitemap .functions .lite, .elementSitemapTree .functions .lite, .objEdit .lite { color:inherit!important; opacity:0.4; filter: alpha(opacity = 40);} .elementSitemap .functions small { opacity:0.5; alpha(opacity = 50); font-size:85%; } .elementSitemap .editLink { font-size:90%; display: inline-block; vertical-align: middle; } .elementSitemap .editLink img { width:15px; height:auto; display:inline-Block; } .elementSitemap .editLink:hover img { filter: grayscale(100%); } .elementSitemap .functions .funcEdit { width:39px; } .size123 .elementSitemap .functions .funcEdit { width:auto!important; } .elementSitemap .functions .siblingtype, .elementSitemapTree .functions .siblingtype { font-size:8.5px; color:#aaa; text-transform: uppercase; line-height:120%; display:inline-block; vertical-align: middle;} .elementSitemap .navSectionCaption { padding:0.8em 0 0.8em 0; font-size: 150%; letter-spacing: -0.04em; font-weight: bold; color:#222; font-family: ZurichB; } .dividerpath { color:inherit; font-size:75%; } .sitemapPath .dividerpath { color:#888; } /*.online .sitemapPath { margin-top:-0.3em;}*/ .sitemapPath img { height:14px; width:auto; vertical-align: -0.1em; opacity: 0.6; alpha(opacity = 60);} .elementSitemap .searchindicator { margin-right:0em;} .elementSitemap .searchindicator img { height:13px; width:auto;} .elementSitemap .foreign { color: #966517; } .elementSitemap .addsubpage { margin-left:0px; padding:0.5em 0 0.5em 0; } .elementSitemap .addsubpage a { width:auto; } .size123 .elementSitemap .addsubpage { margin-left:0px; } .elementSitemap .date { margin-bottom:0.2em; font-size:90%; color:#aaa;} .datePast { color: #dc1f15 } .dateFuture { color: #f9cb10} .elementSitemap .legend { font-size:85%; margin-top:1.5em; } .elementSitemap .legend img { width:15px; height: auto; vertical-align: -15%;} .elementSitemap .badgeIcon { height:24px; width:24px; line-height:22px; background-color: #2595c3; opacity:0.8; vertical-align: middle;} .elementSitemap .badgeIcon img { height:16px; width:auto;margin-top:0; } .elementSitemap .locked { height:14px; width:auto; margin-right:4px; vertical-align: -0.1em; opacity: 0.6; } .elementSitemap .bcode { display:inline-block; padding:0 0.2em;background-color: rgba(0,0,0,0.05); border-radius:2px;} /* cms history */ .elementSitemap .editInfo { width:30%; font-size:12px; line-height:120%;} .elementSitemap .editInfo .gi { margin-right:0.25em;} .elementSitemap .editInfo div { display:block;} .elementSitemap .colObjInfo { width:60%; } .elementSitemap .colEdit { text-align: right;} .elementCmsHistory .functions { float:none; } .elementCmsHistory .item { margin-left:0!important; } /*.elementCmsHistory .functions .func { text-align: left; }*/ .elementCmsHistory .profileImg { width:26px; height:26px; border-radius:50%; } .elementCmsHistory li span.edit { width:70%; } @media screen and ( max-width: 600px ) { .elementSitemap .colObjInfo { width:40%; } .elementSitemap .editInfo { width:30%; font-size:12px; line-height:120%;} } /* sibling type chooser */ .elementSitemap .functions .siblTypeChooser { } #siblTypeChooserDialog, #objTypeChooserDialog { position: fixed; width:210px; background-color: white; z-index:1; padding:8px; } #siblTypeChooserDialog a { display:block; font-size:10px; padding:5px; background-color: #f1f1f1; margin-bottom:1px; } #siblTypeChooserDialog a.selected { background-color:#fff; color:#222!important; } #siblTypeChooserDialog img, .elementSiblTypeChooser img { height:17px; width:auto; vertical-align:middle; margin-right:5px; } #siblTypeChooserDialog .caption, #objTypeChooserDialog .caption { font-weight:bold; font-size:85%; margin-bottom:6px; } .elementSiblTypeChooser { font-size:85%;} /* struct chooser */ /*#setParentObjOutput { position: fixed; width:250px; background-color: white; z-index:1; padding:8px; }*/ .elementParentChooserSitemap { position:absolute; z-index:10; top:60px; } /* tabvisibility*/ .elementSitemap .tabvisibility { width:80px!important; } .elementSitemap .tabvisibility a, .elementSitemapTree .tabvisibility a { margin-right:2px;} /* expand/collapse arrows*/ .elementSitemap .treeviewflat .hitarea { height:39px; line-height:39px; width:30px; font-size:13px; padding-left:7px; margin-left:-30px; float: left; overflow:hidden; background-position:center 55%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #treecontrol a { } #treecontrol .toggler { display:inline-block;height:auto; width:auto; background-position:left center; padding-left:16px; } .elementSitemap .treeviewflat .expandable-hitarea, #treecontrol .expandable-toggler { background-image: url(/appl/grfx/mopage/cms/collapsed.png); background-repeat: no-repeat; } .elementSitemap .treeviewflat .collapsable-hitarea, #treecontrol .collapsable-toggler { background-image: url(/appl/grfx/mopage/cms/expanded.png); background-repeat: no-repeat; } .elementSitemap .treeviewflat .onelevelup { background-image: url(/appl/grfx/mopage/cms/onelevelup.png); background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio : 1.5), only screen and (max--moz-device-pixel-ratio: 1.5) { .elementSitemap .treeviewflat .expandable-hitarea { background-image: url(/appl/grfx/mopage/cms/collapsed2x.png); background-repeat: no-repeat; background-size: 10px 10px; } .elementSitemap .treeviewflat .collapsable-hitarea { background-image: url(/appl/grfx/mopage/cms/expanded2x.png); background-repeat: no-repeat; background-size: 10px 10px; } .elementSitemap .treeviewflat .onelevelup { background-image: url(/appl/grfx/mopage/cms/onelevelup2x.png); background-repeat: no-repeat; background-size: 10px 10px; } } /* mobile overrides */ .mobile .elementSitemap li .item { padding-left:5px; padding-right:5px;} .mobile .elementSitemap li a.edit { font-size: 90%; } .mobile .elementSitemap .icon { width:14px; margin-right:0.5em;} .mobile .elementSitemap .icon img { width:14px; height:14px; margin-top:13px; } .mobile .elementSitemap .functions .func{ width:1.2em; } .mobile .elementSitemap .functions img { width:14px; height:14px; } .mobile .elementSitemap .treeviewflat .hitarea { height:39px; width:20px; margin-left:-20px; float: left; cursor: pointer; overflow:hidden; background-position:center 55%; } /*settings*/ .online .settingsRoot .row { text-align:left; } .online .settingsRoot .row .desc { float:right; width:60%;} .online .settingsRoot .row .pseudoButton { text-align:center; min-width:1px; width:30%; } /*addpage*/ .elementAddPage .desc { font-size:85%; color: #555;} .elementAddPage .desc strong { font-size:117%; color:black;} .elementAddPage .desc img { vertical-align: middle; margin-right:10px; opacity:0.5; filter:alpha(opacity=50); height:30px; width:auto;} .elementAddPage .desc a { display:block; color:inherit; padding:0.8em; background:url(/appl/grfx/bg_goto.png) no-repeat 98.5% center #eee; } .elementAddPage .adminPageTypes .desc a { background-color:#bbb; } .elementAddPage .adminPageTypes .bgAdmin a { background-color:inherit; } .elementAddPage a:hover { background-color:#e1e1e1; } .elementAddPage .label { display:inline-block; width:80%; vertical-align:middle;} .elementAddPage .list { padding:1em 1em 0em 1em; } .elementAddPage .sprite { display:inline-block; vertical-align:middle; margin-right:10px; width:30px; height:30px; background:url(/appl/grfx/cms/cms_sprite.png) no-repeat top right;} .elementAddPage .spriteFile { background-position:0 -395px; } .elementAddPage .spriteImprint { background-position:0 -445px; } .elementAddPage .spriteForm { background-position:0 -495px; } .elementAddPage .spriteRss { background-position:0 -540px; } .elementAddPage .spriteWebcam { background-position:0 -587px; } .elementAddPage .spriteGeo { background-position:0 -891px; } .elementAddPage .spriteVideo { background-position:0 -954px; } .elementAddPage .spriteEvent { background-position:0 -1038px; } .elementAddPage .spriteNews { background-position:0 -1100px; } .elementAddPage .spriteClipboard{ background-position:0 -1438px; } .elementAddPage .spriteSearch { background-position:0 -1396px; } .elementAddPage .spriteTour { background-position:0 -1483px; } .elementAddPage .sprite img { opacity:0.5; filter:alpha(opacity=50);} /*upgrade page*/ .elementMmwUpgrade .elementRadio label { margin-left:2.5em; float:none; } .elementSetBcode .qrCode { margin:0 0 1em 1em;} .elementColorSample { display:inline-block; width:1.5em; height:1.5em; margin-left:1em;} /*cat editor*/ .elementCatEditRow a.edit { display:block; line-height:180%; } .elementCatEditRow .elementInput { padding-top:0.3em;} /*preview pane*/ .elementPreviewPhone { position:fixed; padding-top:20px;} .previewButtons { margin:0 0 10px 0;text-align:center;} .online .columnRight { overflow:visible; } .elementCmsPreview { background: url(/appl/grfx/cms/phonemasks.png) no-repeat top left white; background-size: cover; width: 330px; height: 645px;} .elementCmsPreviewEmpty { width:298px; height:610px; } .elementCmsPreview .wrapper { padding:9px 34px 30px 14px; width:100%; height:100%; border-radius:28px; } .elementCmsPreview .previewFrame { background-color:white; width:100%; height:100%; overflow:auto; border:solid 0.5px black; border-radius:28px; } .elementCmsPreview.blockDisabled { opacity:0.7;} /*image mask*/ .elementImageToggler { float:left; width:13%;} .elementImageToggler img { width:50px; height:50px;} .elementImageToggler .pseudoButton { margin-top:1.6em;} .elementInputGroupRight { float:right; width:82%; } /*event dates edit mask*/ .elementEventDates .inputLine { font-size:75%;} #importStatus { vertical-align: middle; line-height: 17px; } .imgWaiting { width:17px; height:17px; vertical-align: middle; margin:0 0.3em 0 0; } .containsWaitingDots svg { width:50px; opacity: 0.5; height:auto; vertical-align: middle; margin:0 0.5em 0 0; } .imgWaitingDots { width:25px; height:25px; vertical-align: middle; margin:0 0.3em 0 0; } .currentNode { color: #5ebc25; opacity: 0.75; font-style:italic; } /* ======================== | User moPage Styles // ======================== */ /*.mobile .mmw .wrapperContent { border-bottom:1px solid #646464;}*/ .mmw .blockMain { background-image:none; } .mmw .wrapperContentInner { background-image:none; background-color:inherit; padding:0 0 0.5em 0; margin-bottom:0em;} .mmw .wrapperContent { background-image:none!important; background-color:#fff; padding-top:0em; } .mmw .wrapperContent .noObjContent { margin-top:0em; padding-top:0;} /* mopage header ============== */ /*.mobile .mmw .blockTop { background-color:#ababab; z-index: 10; box-shadow: 0 -1px 3px #000; border-bottom:1px solid; border-color:#646464;}*/ .blockTop, .size3 #footerNav { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .mobile .mmw .blockTop { background-color:#ababab; z-index: 10; border-bottom:1px solid; border-color:#646464;} .mobile .mmw .blockTopMinHeight { min-height:43px;} /* block top: new nav/action buttons */ .mmw .blockTopOverlay { background-image: url(/appl/grfx/mopage/bgoverlayw.png); background-repeat: repeat-x; background-position: top left; } .mmw .wrapperTopButtons { position:relative; } .mmw .blockTop .buttonHeader { z-index:11; color:white; font-weight:bold; font-size:11px; text-shadow:0 -1px 0 #000; position:absolute; top:7px; border:none; padding:3px 4px 3px 4px; height:20px; max-width:40px; display:block; } .size6 .mmw .blockTop .buttonHeader { top:10px; } .size123 .mmw .blockTop .buttonHeader svg { height:22px; width:auto; } .mmw .blockTop .buttonHeader svg { height:26px; width:auto; } .mmw .blockTop .nav { left:10px} .mmw .blockTop .nav img { margin:-2.5px 0 0 0; } .mmw .blockTop .action { right:10px; } .mmw .blockTop .action img { margin:-4px -3px 0 0px; } /* new nav sections mode */ .mmw.navSectionsMode .blockTop .nav { left:unset; right:10px;} .mmw.navSectionsMode .blockTop .action { right:unset; left:10px;} /* new big header on size 6*/ .size6 .mmw.navSectionsMode .blockTopMinHeight { min-height:70px;} .size6 .mmw.navSectionsMode .logoLandingpage .logo, .size6 .mmw.navSectionsMode .titleLandingpage .title { height:70px; display:table-cell; vertical-align: middle; padding:0 0 0 0!important; } .size6 .mmw.navSectionsMode .blockTop .buttonHeader { top:20px; } .size6 .mmw.navSectionsMode #mainWrapperMid { margin-top:70px; } .size6 .mmw.navSectionsMode .wrapperTopImage { margin-top:70px; } .size6 .mmw.navSectionsMode.embedded .wrapperTopImage, .size6 .mmw.navSectionsMode.moapp .wrapperTopImage { margin-top:0; } /* logo */ .mmw .logoLandingpage { min-height:43px; width:100%; display:table; } .mmw .logoLandingpage .logo { height:43px; display:table-cell; vertical-align: middle; padding:0 0 0 0!important; } .mmw .logoLandingpage img { float:none; display:block; padding:0; margin:0; } .mmw .blockTop .logoLandingpage .thumb { max-height:39px; width:120px; height:auto; float:none!important; } /*.size2 .mmw .blockTop .logoLandingpage .thumb { max-width:130px; height:auto; }*/ .size1 .mmw .blockTop .logoLandingpage .thumb { max-width:70px; height:auto; } .mmw .logoLandingpage .logo a { display:block; padding:0; margin:0; line-height:0; } .size6 .navSectionsMode.mmw .blockTop .logoLandingpage .thumb { max-height: none; width:180px; height:auto; float:none!important; } /* logo v2 */ .webapp2 .blockTop .logoLandingpage .logo { text-align: center;} .webapp2 .blockTop .logoLandingpage .thumb { max-width:200px; height:auto; display:inline; } .cmsPreview .blockTop .logoLandingpage .logo .thumb {max-width:130px; } /* text title */ .mmw .titleLandingpage { font-weight:bold; color:#000; min-height:43px; display:table; width:100%; } .mmw .titleLandingpage .title { height:43px; display:table-cell; vertical-align:middle; text-align:center;} /* new navigation list */ #contentViewport { position: relative; width: 100%; min-height:100%;} #navigationContent { position:absolute; z-index:2; top:0; bottom:0; display:none; background-color: #ddd; width:80%; } #navigationContent .wrapperContent { background-color:inherit; } #navigationInner { min-height:480px;} #moPageContent { position:relative; width:100%; z-index:3; background-color: white; padding-bottom:70px; } #closeNav { position:fixed; z-index:12; top:0; bottom:0; left:80%; width: 20%; display:none; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; } /* section navi */ #navigationContent.navSections { background-color: white; } .navSections .elementNavigation { padding-bottom:60px; } .navSections .wrapperContent, .navSections .paddingFullWidth { padding-left:17px!important; padding-right:17px!important; } .navSections .closer { text-align:right; } .navSections .closer a { display:inline-block; padding:1em 0 0 0;} .navSections .closer a img { width:13px; height:auto;} .navSections .fancyAltList .theRow { padding-top:10px; padding-bottom:10px;} .navSections .fancyAltList .tb .header .icon { width:37px; padding:0; } .navSections .badgeIcon { width:26px; height:26px; border-radius:50%; margin:0; background-size: cover; background-repeat: no-repeat; overflow:hidden; } .navSections .icon img { width:26px; height:26px; display:block; margin:0; } .navSections .section { margin: 0.5em 0 1em 0;} .navSections .sectionheader { font-weight:bold; padding-bottom:0.5em; } .navSections .navCredits { padding:1em 0;} .navSections .navCredits .poweredby { padding:0 0 0 19px; float:left; font-size:12px; } .navSections .navCredits .swisssw { padding:1px 19px 0 0; float:right; opacity: 0.6;} .navSections .navCredits .swisssw img { width:110px; height:auto; filter: grayscale(100%); } .navSectionsMode #navigationContent { position:fixed; z-index:5; right:0; bottom:0; left:100%; border-left:1px solid #ccc; max-width:320px; box-shadow: 4px 0 13px -5px #000; overflow-y: auto; } .darkmode.navSectionsMode #navigationContent { background-color: #111; border-left:1px solid #282828;} .size123 .navSectionsMode #navigationContent {width:100%; max-width:unset; } .navSections .elementLinkRow .wrapperIcon.noBadge { text-align: left; } .navSections .elementLinkRow .wrapperIcon.noBadge img { width:30px; height: 30px; border-radius: 50%; margin-right:1em; } /* nav on wide screens left */ @media screen and ( min-width: 880px ) { .hamburgerNaviLeft #moPageNavButton { display:none;} } .wrapperNaviagtionView .closer, .wrapperNaviagtionView .navCredits { display:none;} .wrapperNaviagtionView .navSections .fancyAltList .theRow .caption{ font-weight:normal; hyphens: auto;} .wrapperNaviagtionView .navSections .section { margin-bottom: 1.5em;} .wrapperNaviagtionView .navSections .sectionheader { padding-bottom: 0.8em;} .wrapperNaviagtionView .navSections .sectionheader .wrapperContent { padding-left: 0!important;} .wrapperNaviagtionView .navSections .fancyAltList .theRow { padding-top:7px; padding-bottom:7px;} .wrapperNaviagtionView .navSections .fancyAltList .theRow.active .caption { font-weight:bold; } #navigationContent .elementLinkRow { border-color: #fff!important;} .elementNavigation .elementLinkRow:first-of-type { border-top:none!important;} .elementNavigation .elementLinkRow a { min-height: 22px; } .elementNavigation a { vertical-align:middle; } .elementLinkRow .icon { position:relative; vertical-align:-4px; width:21px; height:21px; opacity:0.8; filter:alpha(opacity=80); margin:0 0.7em 0 0; z-index: 1; } .size1 .elementLinkRow .icon { width:14px; height:14px; } .mmw .noRightCol .wrapperContent{ width:619px; margin-right:0; } .mmw .elementNavItems { padding-top:0.2em; margin-bottom:0.5em;} /* horizotnal navi wide */ .elementNavigationHorizontal { position:absolute; right: 0; top:25px; width: calc(100% - 210px); text-align: right; } .elementNavigationHorizontal ol { list-style: none; padding:0; margin:0; position: relative; } .elementNavigationHorizontal ol li { display: inline-block; margin-left: 2em; } .elementNavigationHorizontal .navItem { font-size:16px; } /* 2nd level */ .elementNavigationHorizontal ol ol { position: absolute; padding:1em; background-color: white; min-width:250px; box-shadow: -80px 80px 80px -110px #000; } .elementNavigationHorizontal ol ol li { display: block; margin:0; padding:0.2em 0 0.4em 0 ; text-align: left; font-weight: normal; } .elementNavigationHorizontal ol ol li a { display: block; } .elementNavigationHorizontal ol ol li:last-of-type { padding-bottom:0; } /* ads */ .mmw .elementBannerSkyscraper { border-left:10px solid #fff; margin-top: -131px;} .mmw .columnAds { width: 170px; } /* tiny header */ .elementMopageTinyHeader { z-index:10; background-color:#f0f0f0; opacity:0.9; font-size:14px; padding:3px 19px 2px 19px!important; font-weight: normal; position:fixed; width:100%; left:0; letter-spacing: 0.03em; } .mmw .elementMopageTinyHeader .wrapperMid { margin-top:0; margin-bottom: 0; padding:0 3em 0 0!important; text-align: center; } .moapp .wrapperMid, .embedded .wrapperMid { margin-top:0!important;} .elementMopageTinyHeader + #mainWrapperMid, .elementMopageTinyHeader + .wrapperTopImage{ padding-top:31px;} /*.hasSubbrand #moPageContentInner { padding-top:31px;}*/ .elementMopageTinyHeader * { vertical-align: middle; } .elementMopageTinyHeader .wrapperImg { display:inline-block; color:black; line-height:26px; } .elementMopageTinyHeader a:hover { color:inherit; } .elementMopageTinyHeader .favicon { height:15px; width:auto; line-height: 16px; margin-right:0.7em; vertical-align:-2px; border-radius: 3px;} .elementMopageTinyHeader .fa.privategroup { vertical-align: 1px;} .elementMopageTinyHeader .cmReset { color:#777 } .elementMopageTinyHeader .badgeIcon { width:20px; height:20px; line-height:16px; border-radius: 50%; display: inline-block; vertical-align: -25%; margin-right:0.7em; background-color: #2696C6!important; overflow:hidden; background-size: cover; } .elementMopageTinyHeader .badgeIcon img { width:14px; height:14px; margin-top:14%;} .coBrandTitle { padding-top:0.7em; margin-bottom:0.5em; } .coBrandTitle h1 { padding:0!important; margin:0!important; } .coBrandTitle a { display:block; padding-bottom:0.3em;} .coBrandTitle img { display:block; width:24px; height:auto; float:left; } .coBrandTitle .td.icon { width:39px; } .coBrandTitle .tb { margin:0.3em 0 0; } .elementMopageTinyHeader .settings { color:inherit!important; line-height:22px;} /* anthrazit sub brand header*/ .anthrazitSubheader { background-color: #525252; } .anthrazitSubheader .favicon { height:15px; width:auto; line-height: 26px; margin:5px 1em 6px 0;} /*navtrail*/ .mmw .elementNaviTop { border-bottom:1px solid #ccc; padding-bottom:0.3em; margin-bottom:0em;} .mmw .naviTopEmpty { display:none; } /*titlebar*/ .mobile .mmw .elementTitleBar { height:auto; background-image:none; background-color:#ccc; } /*misc*/ .mobile .mmw h1 { padding-top:0.3em; font-size:1.5em; } /*content */ /*.titleCustom { clear:both: display:block; background-color:#999; color:#fff; font-size:110%; font-weight:bold; margin-left:-5px; margin-right:-5px; padding:0.3em 5px 0.3em 5px; margin-bottom:0.5em; margin-top:0.5em;}*/ .titleCustom { clear:both; display:block; color:#777} /* qr code */ .mmw .elementQrCode .qrcode { width:100%; max-width:300px;} .size6 .elementQrCode .qrcode { width:500px; max-width: none; } .mmw .elementQrCode .qrcode img { width:100%; height:auto; } .mmw .qrcode { margin:1em 0 0.3em 0; } .mmw .qrcode .smsInfoTop { margin:0.3em 0 0.3em 0; } /*online nav*/ .mmwOnlineNav ul { list-style:none; padding:0 0 0 0; margin:0 0 0 0;} .mmwOnlineNav ul.hidden { display:none; } .mmwOnlineNav ul a { color:#000; font-weight:bold; } .mmwOnlineNav ul a:hover, .mmwOnlineNav ul a.selected { color:#999; } .mmwOnlineNav ul li div { padding:0.5em 0 0.4em 0; } /*co Branding*/ .elementCobrandBar { font-size:80%; vertical-align:middle; line-height:16px;} .elementCobrandBar img { vertical-align:middle;} .elementCobrandAuthor { padding-top:0.2em; padding-bottom:0.2em; font-size:80%; font-style:italic; color:#555;} /*footer*/ .elementCustomFooter { margin-bottom:16px;} .elementCustomFooterNav { z-index:10; position:fixed; bottom:0; background-color: #ffffff; width:100%; padding:8px 19px 8px 19px; opacity:0.94; filter:alpha(opacity=94); box-shadow: 0 35px 28px 24px #000; } .elementCustomFooterNav .tb { width:100%; } .elementCustomFooterNav .td { } .elementCustomFooterNav img { height:28px; width:auto; opacity:0.8; } .mobile .mmw .elementFooter { border:none; background: none; font-size:90%; font-weight:normal!important; margin:3em 0 0em 0; padding:0 0 1em 0; } .mobile .mmw .elementFooter a { font-weight:normal!important; } .elementFooter .hr { border-top:1px solid #646464; height: 0; line-height: 0; margin-top:0.6em; margin-bottom:0.6em; } .mmw .elementFooterFeSwitch { padding:0 0 0 0; font-size:100%; display:inline; text-align: left; } /* obj inline sharing buttons block */ .elementObjInlineSharingButtons { margin-top: 10px;} .elementObjInlineSharingButtons .buttonRow, .pguideViewDetails .row .buttonRow, .mceContentBody .buttonRow { margin:0 0 10px 0;} .moapp .wrapperBottom { margin-top:80px; } .androidapp .wrapperBottom { margin-bottom: 50px;} .sysadmin .wrapperBottom { margin-bottom: 0;} ul.listText { list-style-type: none; margin:0; padding:0; } ul.listText li { margin-top:0.2em;} /* image placehlder */ .imagePlaceholderImg { width:100%; height:80px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:1px solid #eee;} .imagReloadInfo { position: absolute; top:24px; left:25%; text-align: center; width:50%; background-color: white; color:#aaa!important; } .elementBackLinkModule { padding:0.6em 0 0.4em 0;} .map .elementBackLinkModule { padding:0.6em 0 0.6em 0;} .map .embedded #backlink { padding-top:0;} .elementBackLinkModule .gi, .backlink .gi, .gii, .backlink .fa { font-size:95%; vertical-align:-1px; } .backlink .fa { vertical-align:0; } .backlink .cats .fa { vertical-align:1px; font-size: 80%; } .map .backlinkMap { position: absolute; z-index:10; top:-54px;} .size3.map .backlinkMap { position: absolute; z-index:10; top:-42px;} /* weblink iframe */ .weblinkIframe { width:100%; min-height: 1000px; border:none; padding:0; margin:0;} /* top image container */ .wrapperTopImage { margin-top:43px; } .topImageContainer { width:100%; height:400px; background-repeat: no-repeat; background-position: center center!important; background-size: cover; } .topImageContainerText { height:400px; overflow-y: hidden; } .service10 .topImageContainerText h1 { text-align: center; } .size6 .wrapperTopImage { margin-top:50px; margin-bottom:20px;} .size6 .cug .wrapperTopImage { margin-bottom:10px;} .moapp .wrapperTopImage { margin-top:0; } .embedded .wrapperTopImage { margin-top:0;} #imageCycler { } @media screen and ( max-width: 1024px ) { .topImageContainer { height:300px;} } @media screen and ( max-width: 600px ) { .topImageContainer { height:170px;} } @media screen and ( max-width: 320px ) { .topImageContainer { height:150px;} } .wrapperTopImage .wrapperMovie { display: block; width:100%; height:100%; background-image: url(/appl/grfx/mopage/play.svg); background-size: 250px; background-position: center center; background-repeat: no-repeat; } .size123 .wrapperTopImage .wrapperMovie { background-size: 60px;} .elementCatCaption { padding:0 0 0.3em;} .elementCatCaption img.catIcon {width:18px; height:18px; } ul.fancyAltList { padding-left: 0; margin: 0.7em 0em 0.2em 0em; list-style-type: none;} ul.fancyAltList li { padding:5px 10px} ul.fancyAltList li:nth-child(odd) { background-color:#f1f1f1; } .feEditButton, .theRow .feEditButton { position: absolute; margin:11px 0 0 -35px; display: block; width:22px; height:22px; background-color: white; border-radius: 50%; font-size: 12px; line-height: 22px; text-align: center; color:#1A99CE!important; opacity:0.95; border:2px solid white; box-shadow: 1px 1px 8px -4px #000; } .cmsPreview .feEditButton { display:none;} .feEditButton .gi { font-size: 11px!important; } /* struct'ed openinghours*/ .tb.openinghours { width:auto!important;} .tb.openinghours .tr.dayRow .td { padding-bottom:5px;} .tb.openinghours .td { padding-right:0.4em; vertical-align: top;} .tb.openinghours .td.caption { padding-right:0.9em; } .tb.openinghours .td .from { display: inline-block; width:2.7em; } .tb.openinghours .td .to { display: inline-block; width:4.8em; } .tb .tr.subheader .td { padding-top:0.5em; font-weight: bold;} /* ================================ | MOBILE OVERRIDES //////////// ================================ */ .mobile .fancyPromo .wrapperContent { background-image:none; margin-bottom:0; } .mobile .mopageEdit .wrapperContent { background:none; background-color:#e7e7e7; } .mobile .wrapperContentInner{ background:none; padding:0 15px 15px 15px; margin-bottom:0; } .mobile .elementTitleBar { border-bottom:1px solid #ddd;} /*mopage listing booked*/ .mobile .listHilited { background-color:inherit; } .mobile .listHilited .row { padding:5px; } .mobile .listHilited .row .pseudoButton { font-size:12px;} .mobile .elementNaviCms { margin-bottom:5px; } .mobile .smallMarginTop { clear:both; } /* ======================== | mopage CMS // ======================== */ /*cms top tabs*/ .mobile .elementMopageCmsTabs { height:auto; background-color:#fff; margin-bottom:5px; padding:0.2em;} .mobile .elementMopageCmsTabs a { line-height:inherit; color:#276BAB!important; } .mobile .elementMopageCmsTabs .tab { height:auto; display:inline; padding:0; margin:0; background-color:inherit; } .mobile .elementMopageCmsTabs .selected { background-color:inherit; } .mobile .elementMopageCmsTabs .tab a { line-height:inherit; color:inherit; } .mobile .elementMopageCmsTabs .selected a { color:inherit; } .mobile .elementMopageCmsTabs .rightAuto { float:none; display:inline;} .mobile .elementMopageCmsTabs .blueArrowBack { margin-top:0;} .mobile .elementSitemapTree .itemsBottom { padding:0.5em 0 0 0em; margin-top:0.3em;} .mobile .elementSitemapTree .itemsBottom .row { margin:0.2em 0 0.2em 0; } .mobile .elementSitemapTree .spriteFunc { width:1.2em; line-height:19px; overflow:hidden;} .mobile .elementSitemapTree .treeviewflat li { padding-left:1.2em; } .mobile .elementPromoBlock { background-color:#e8e8e8; padding:0.7em;} /* ======================== | tweasy // ======================== */ .mobile .elementTweasyObject h1 { margin-bottom:0; } .elementTweasyObject .image { margin:0.5em 0 0.5em 0; } .elementTweasyObject .image img { width:100%; height:auto; max-width:280px; float:none; margin:0; padding:0; } .elementTweasyObject h2 { font-family:inherit; font-size:100%; margin: 0.6em 0 0.3em 0; padding:0; letter-spacing: 0; } .elementTweasyObject h2:first-of-type{ margin-top:0; } .elementTweasyObject .linkRowUser { line-height:inherit; font-weight:inherit; border:none; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; } /* ======================== | foto slider // ======================== */ #Gallery { position:relative; } #Gallery .slideshowStart { position:absolute; bottom:5px; right:5px; width:20px; height:auto; z-index: 10; opacity:0.8; color:#aaa; font-weight:bold; opacity:0.5; font-size:18px;} .wrapperFullWidth #Gallery .slideshowStart { bottom:5px; right:5px; } .bigImageContainer { } /* ======================== | obj attributes // ======================== */ .elementAttributes { margin:0 0 1.2em 0;} .elementAttributes .attrRow { } .elementAttributes .caption { } .elementAttributes .details, .elementAttributes .ratingtext { clear:both; font-size:85%; } .elementAttributes .details { } .elementAttributes .rating { float:left; width:50%; } .elementAttributes .left { float:left; max-width:180px; } .elementAttributes .star { margin-right:2px; height:12px; width:auto; } /* cms */ .editAttributes .flexContainer { gap:20px; } .editAttributes .flexContainer .flexItem { width: calc(33.333% - 20px) } @media screen and ( max-width: 1000px ) { .editAttributes .flexContainer .flexItem { width: 100%;) } } .editAttributes.elementFormNew textarea { min-height:4em; } /* ======================== | obj rating new // ======================== */ .elementRatingObj { margin-top:0} .elementRatingObj .stars { width:80px; float:left;} .elementRatingObj .caption { width:calc(100% - 90px); float:right; margin-left:10px;} .elementRatingObj .comments .row { margin-bottom:0.5em; padding-bottom:0.5em;} .elementRatingObj .comments .row:last-of-type { margin-bottom:0; padding-bottom:0; } .elementRatingObj .comments .name { font-weight: bold; margin-bottom: 0.2em;} .elementRatingObj .comments .name .date { font-size:75%; font-weight: normal!important; opacity:0.6; filter:alpha(opacity=60); letter-spacing: -0.04em; } .elementRatingObj .comments .name .star { height:9px; margin-right:0; vertical-align: 1px;} .elementRatingObj .byStars { margin-top:0.4em; padding-top:0.4em;} .elementRatingObj .byStars .barWrapper { height:11px; width:100%; border:1px solid #bbb; margin-top:3px;} .colFuncs .elementRatingObj .byStars .barWrapper { width:140px; } .colFuncs .elementRatingObj .byStars .caption { float:right;} .elementRatingObj .byStars .bar { height:100%; line-height:0; background-color: #bbb;} .elementRatingObj .byStars .bar .numc { color:white; font-size: 9px; line-height:12px; font-weight:bold; margin-left:0.5em;} .elementRatingObj .byStars .stars { text-align: right; } .elementRatingObj .elementAttributes { max-width: 300px;} .fancyAltList .theRow .subrow.invisible { margin-right:-12px; padding-right:12px; } .fancyAltList .theRow.invisible, .fancyAltList .theRow:not(.invisible) .subrow.invisible { border-left:10px solid rgba(206, 26, 26, 0.84)!important; } /* comment rating */ .comments .row .rating { } .comments .row .rating .thumb { margin-right:1.2em; cursor: pointer; } .comments .row .rating .thumb .ct { font-size: 85%; opacity:0.8; } .comments .row .rating .gi, .comments .row .rating .fa { font-weight: 400; font-size: 90%;} .comments .row .rating .selected .gi, .comments .row .rating .selected .fa { color:#0a98cd; font-weight: 900;} /* cms */ .elementRatingObj .comments .buttonSmall { width:77px; min-width:0; margin-left:1em;} /* ======================== | obj comments // ======================== */ .elementComments { background-color: inherit; padding-bottom:1em;} .ucEdit .elementComments { padding-bottom:0; margin:-1em 0 0 0;} .elementComments .wrapper { } .elementComments form { margin-bottom:1em; max-width:none;} .elementComments .row form { margin-bottom:0;} .elementComments form .field { } .elementComments form .field textarea { height:70px; width:100%; margin-top:4px;} .elementComments form .saving { font-size:80%; } .elementComments form .go { vertical-align: bottom; text-align: right; width:55px; padding-bottom:1px; } .elementComments form .commentSubmitButton { min-width:unset; width:40px; height:40px; padding:0; } .elementComments form .commentSubmitButton .gi { font-size: 18px; line-height:37px; vertical-align: text-bottom; margin-left:-6px;} .elementComments .form .icon { width: 30px; vertical-align: top; padding-top:3px; } .elementComments .row { border-bottom: 1px dotted #ddd; margin-bottom:0.5em; padding:0 0 0.5em 0; } .ucEdit .elementComments .row { border-bottom: 1px dotted #ddd; margin-bottom:0.3em!important; padding:0 0 0.3em 0!important; } .adminMode.elementComments .row, .comments.frontend .row , .comments.frontend .subrow { border:none!important; } .comments.frontend .subrow { margin-bottom:0; } .adminMode.elementComments .subrow { padding:0.8em 0; } .adminMode.elementComments .subrow:first-of-type { margin-top:0.8em; } comments.frontend .row , .comments.frontend .wrapperSubrow { margin-bottom:1em; } .elementComments .row:first-of-type { border-top: 1px dotted #ddd; padding-top:0.5em!important;} .elementComments .subrow { margin-top: 0; border-top: 1px dotted #ddd; padding-top:0.3em; margin-left:20px; } .fancyAltList .subrow.edited { margin-left:-12px; padding-left:20px!important; } .ucEdit .elementComments .subrow { margin-top: 0.3em; } .comments.frontend .subrow { margin-left:0px; } .wrapperAllSubrows { padding-top:0.1em;} .wrapperSubrow { border-left:2px solid #ccc; padding-left:16px; margin:1em 0 1em 0; } .elementComments .date { color: #aaa; font-size:85%; font-weight: normal; width:unset!important; } .elementComments .name {font-weight: bold; margin-bottom: 0; } .elementComments a.edit, .elementComments span.edit {font-weight: normal; color:inherit!important; } .elementComments .name a { color:inherit!important; } .elementComments .loginbox { margin-bottom:1em; background-color: #f3f3f3; padding-top:0.5em; padding-bottom:0.1em;} .loginneeded { margin-bottom:1em; background-color: #f3f3f3; padding:13px 1em;} .loginneeded .gi { font-size:80%; } .row .loginneeded { margin-bottom:0; } .elementComments .row .icon, .elementComments .td.icon { width: 35px; vertical-align: top; padding-top:1px; } .elementComments .indent, .ucEdit .elementComments .indent { margin-left:10px; } .elementComments .indent2 { margin-left:60px; } .elementComments a.anchor { position:absolute; margin-top:-150px;} .elementComments .counter { font-size:80%; color: #999; text-align: left; padding-left:2px;} .elementComments .subscribeLink { margin-top:0.8em;} .elementComments .comment a { font-size:95%; padding-left:0.2em; } .elementComments .comment a .gi { font-size:75%; padding-right:0.2em;} .adminMode .comment { width:85%; } .adminMode .hilited { background-color: #e0f5ff; padding:0.3em 0 0.3em 0.3em; } .adminMode .row a img { width:20px; height:auto; } .adminMode .lite img { opacity:0.4; filter: alpha(opacity = 40); } .adminMode .addInfo { font-size:90%;} /*.elementComments .profileImg, .ucEdit .elementComments .profileImg { width:22px; height:22px; border-radius:11px; }*/ .elementComments .profileImg, .ucEdit .elementComments .profileImg { width:14px; height:14px; border-radius:50%; vertical-align:-9%; display: inline-block; float:none; } .elementComments .td.icon .profileImg { width:25px; height:25px; margin:0; } .elementComments .submitCaptcha { margin-top:0.2em;} .elementComments .readonlyLine { line-height:1.8em; font-weight: bold; } .elementAnswer { margin-top:0.3em;} .elementCommentsCms .last { font-weight:bold;} #taskWindow .elementComments { padding:0; margin:0 0 -1em 0;} .elementRefusalNote { padding:0.6em; margin-bottom:0.5em; border:0.5px solid #aaa; border-radius:8px; } /* ======================== | user chats // ======================== */ .elementChat .elementComments { padding:0;} .elementChat .elementComments .form { margin-bottom:0.5em;} .elementChat .elementComments .profileImg { width:36px; height:36px; border-radius:18px; } .elementChat .form .icon { width: 48px; } .elementChat form .field textarea { height:50px; min-height: unset; width:100%; margin-top:4px;} .elementChat h3 { margin-bottom:0;} .chatRead { color: #47c2f8!important; } /* ======================== | obj emergency numbers // ======================== */ .elementEmergency .row { margin: 0 0 12px 0; padding:0 0 0 0!important;} .elementEmergency label { font-weight:bold; } .elementEmergency .info { opacity:1; } .elementEmergency .telnr {font-weight:normal; font-size:100%; padding:0.2em 0; } .elementEmergency .buttonRow { margin: 4px 0 0 0!important; letter-spacing: 0.1em; } .elementEmergency .button { margin: 0.3em 0 0 1em; } .elementEmergency .text { margin: 1.5em 0 1.5em 0; } /* module emergency */ .elementEmergencyLocationInfo { background-color: #f4f4f4; padding-top:13px; padding-bottom:13px;} .elementEmergencyLocationInfo h1 { padding: 0!important; margin:0!important;} /*.elementEmergencyLocationInfo .map { margin:0 -19px -13px -19px9*/ .elementEmergencyLocationInfo .listlines .row { border-color: #fff; border-width: 2px } .elementEmergencyLocationInfo .listlines .row:last-of-type { border:none; } .elementEmergencyLocationInfo .coordsCh a { color:inherit!important;} .elementEmergencyLocationInfo .coordsInfo { font-size:13px; line-height:130%;} .elementEmergencyLocationInfo .zoom { font-size:30px;} /* ======================== | social stream // ======================== */ .elementSocialStream #Gallery { float:right; margin-left:1em; } .elementSocialStream .imageMask { float:right; margin-left:1em; } /*.elementSocialStream .row { border-bottom: 1px solid #ccc; padding:1em 0 1em 0; }*/ /*.elementSocialStream .row:first-of-type { border-top: 1px solid #ccc; }*/ .elementSocialStream .row {background-color: #f3f3f3; margin-bottom:3px; } .elementSocialStream .row .wrapper { padding:15px 0 15px 0; } .elementSocialStream .titleSmall { margin-bottom:0.3em; } .elementSocialStream .fblink { font-size: 80%; vertical-align: 1px; } .elementSocialStream .comment { font-size: 90%; margin: 4px 0 4px 0; border-left: 3px solid rgba(0, 0, 0, 0.1); padding-left: 6px; line-height:145%; } .elementSocialStream .name { font-size: 83%; display: block; margin-top: -3px; font-style: italic; opacity: 0.5; } .elementSocialStream .likes { font-size: 70%; font-weight:normal; letter-spacing: 0; opacity: 0.4; } .elementSocialStream .profileimg { height:24px; width:auto; float:left; margin: 4px 6px 6px 0px; filter: } /* ======================== | map styles // ======================== */ .elementMap { height:100%;} .myInfoWindow { width: 300px;} .myInfoWindow .cellImage { width:25%; height:auto; background-size: cover; background-position: center center; } .myInfoWindow .cellImageIcon { width:45px; } .myInfoWindow .cellDesc { padding-left:10px; } .myInfoWindow .ctcomment { padding-left:5px; } .myInfoWindow .cellDesc .title { font-weight:bold; } .myInfoWindow .cellImageIcon img { width:100%; height:auto; } .myInfoWindow a { display:block; color:#333!important;} .viewCoords { font-size:85%; color:#888; } .viewCoords span { } .gm-pin-label { font-weight:bold; color:white; font-size:14px;} .mapmarkerimg .gm-pin-label { position:absolute; font-weight:bold; color:white; font-size:14px;} /* ======================== | user profile // ======================== */ /* cms fe user list */ .elementUserList .profileImg, .elementProfile .profileImg, .profileImg { display:block; border-radius:6px; width:50px; height:50px; float:left; margin-right:10px; background-size:cover ; background-repeat: no-repeat; background-position: center; } .iconUserVisibility { height:13px; width:auto; margin-right:0.1em; } .elementUserSettings .profileimage { width:167px; vertical-align: top; } .elementUserSettings .profileImg { display:block; width: 147px; height:147px; } .elementUserSettings .profileimage .imgRotateFuncs { width: 147px;} @media screen and ( max-width: 480px ) { .elementUserSettings .profileimage { width:167px; } .elementUserSettings .profileImg { width:147px; height:147px; } } .elementProfile .profileImg { display:block; width:80px; height:80px; float:none; margin-right:0; border-radius: 50%; } .elementProfile .cellImgProfile { width:95px; height:80px; } .elementProfile .thumb { margin-right:14px;} .elementProfile .name h1 { font-size:16px; margin:0; padding:0;} .elementProfile #Gallery { margin:0; padding:0;} /*.elementProfile .table { padding:0; height:auto;}*/ .elementProfile .table.theRow { display:table;} /*.elementProfile .table:last-of-type { }*/ .elementFormNew.elementProfile label:not(.fancycb) { display:block; font-weight:bold; margin:0 0 0 0; } .elementFormNew.elementProfile .follow label { display:inline-block; } .elementProfile .table .edit { text-align:right; height:100%; } .elementProfile .table .arrow a { display: block; line-height: 300%; text-align: right; } .elementProfile .edit a { display:block; height:100%; } .elementProfile .edit { width:3em; height:100%; } /*.elementProfile .visibility { }*/ /*.size6 .elementProfile .visibility, .size4 .elementProfile .visibility { width:auto; }*/ .elementProfile .visibility .fa { font-size:80%; } .elementProfile .visibility > label { font-size:75%; font-weight:normal!important; margin:0.4em 0 0.1em 0;} .elementProfile .visibility .stv-radio-buttons-wrapper label { font-weight:normal;} .elementProfile .stv-radio-button + label { border:1px solid #fff; background-color: #e8e8e8; color:inherit;} .elementProfile .tag label { font-weight:normal } .elementProfile .shareOptionTile { padding-bottom:0; height:auto;} .profileInitials { background-color: #bbb; font-size:18px; font-weight:normal; color:#fff!important; letter-spacing: -0.03em; text-align: center; line-height:100%; padding-top:0.6em; } #contactUserForm { min-width:500px; width:100%; } #contactUserForm .colImage { width:50px; vertical-align: top; padding:3px 0 0 0;} #contactUserForm .profileImg { width:40px; height:40px;} @media screen and ( max-width: 480px ) { #contactUserForm { min-width: 0; width:100%; } #contactUserForm .colImage { width:35px; } #contactUserForm .profileImg { width:25px; height:25px;} } @media screen and ( max-width: 300px ) { #contactUserForm .colImage {display:none; } } /* ======================== | toggle buttons geo block // ======================== */ .wrapperButtonToggle { display:inline-block; width:59px; padding-right:15px; text-align: center; } .wrapperButtons .wrapperButtonToggle:last-child { padding-right:0; } .wrapperButtonToggle .caption { margin-top:0.3em; font-size:85%;} .buttonToggle { display:block; width:59px; height:59px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #858585; border:none; border-radius:9px; text-align: center;} .buttonToggle img { height:36px; width:auto; margin-top:12px; } .wrapperButtons { margin-bottom:1em;} .cmsPreview .wrapperButtonToggle { width:44px; padding-right:8px; } .cmsPreview .buttonToggle { width:45px; height:45px; } .cmsPreview .buttonToggle img { height:24px; width:auto; margin-top:10px; } /* geo tour */ .tableRouteInfo { width:100%; border:none; border-spacing: 0; } .tableRouteInfo td { margin:0; padding:0.6em 0 0 0; } .tableRouteInfo .high { padding-left:1em; } .tableRouteInfo .headerRow td { border-bottom: 1px solid #aaa; padding:0 0 0.6em 0;} .elementCatInfo { font-size:85%; padding:0 0 6px 0; } /* map */ .elementMapCanvas { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; padding:0; } .elementMapCanvas img { margin:0; padding:0; display:block;} /*#theMapContainer { position:fixed; background-color: white; height:100%; top: 0; bottom:0; left:0; right:0; }*/ #theMapContainer { background-color: white; height:300px; min-height:300px; margin-top:0.5em } #theMapContainer .closer { height:44px; overflow:hidden; text-align: center; border-bottom: 1px solid #999; box-shadow: 0 -2px 4px #000; z-index:9; position:relative;} #theMapContainer .closer a { display:block; line-height:44px; } .gm-style .gm-style-iw { line-height:125%; font-size:14px!important; font-family: Zurich, Arial, Helvetica, sans-serif;} .gm-style .gm-style-iw div { overflow: visible!important; } .gm-style .gm-style-iw-d { padding-right: 0; padding-bottom: 10px; } .gm-style .gm-style-iw-c { padding-right: 0; } .mapmarkerimg { position: relative; } .mapmarkerglow { position: relative; width:50px; height:50px; bottom:-25px; ; border-radius: 50%; vertical-align: middle; background-color: rgba(255, 0, 0, 0.34)} .gm-style iframe + div { border:none!important; } /* ======================== | clipboard // ======================== */ .elementList .row { min-height:21px; padding-top:9px; padding-bottom:10px; border-bottom:1px solid #ccc; cursor:inherit!important; } .elementList .draggable { display:table-cell; } .elementList .dragging, .sortable .dragging { background-color: white; } .elementList .del { width:30px; text-align: right; } .elementList .del img { height:17px; width:auto;} /* ======================== | login/reg // ======================== */ .elementNbAccept { background-color: #525252; padding:9px; color:#fff; } .elementNbAccept .icon { height: 24px; width:auto; display:block; margin:0 auto 6px auto; } /* obj subscribe */ .elementSubscribedInfo { padding:0.3em 0 0 0; } .pguideViewDetails .row .elementSubscribedInfo { margin-top:-10px; } .elementEditSubscription form .rowOption .td { padding:10px 0 10px 0;} .elementEditSubscription form .rowOption .td.colSlider { padding:5px 0 0 0;} .elementEditSubscription form .rowOption label { font-weight:normal; } .elementEditSubscription form .radio { width:25px; vertical-align: middle; } .elementEditSubscription form .checkbox, form .td.checkbox { width:65px; vertical-align: top; } form .td.checkbox.ranges { width:65px; vertical-align: middle; } .elementEditSubscription form .checkbox label { margin-top:6px; } .elementEditSubscription form .indent { margin-left:30px; } .elementEditSubscription form .half { vertical-align: top;} .elementEditSubscription form select { width:80%; height:40px; font-size:12px; padding:3px; } .elementEditSubscription form .subGroup {margin-bottom: -10px; } .changeSubscription .tdIcon { width:27px; } .changeSubscription { line-height:18px;} .changeSubscription img, .changeSubscription svg { height:12px; width:auto; margin:3px 0 0 3px; padding:0!important; } .changeSubscription svg path, .changeSubscription svg rect, .changeSubscription svg circle { fill: white; } .changeSubscription .changeSubscriptionIcon { background-color:#aaa; display:inline-block; height:18px; width:18px; border-radius: 9px; line-height:17px; } .elementEditSubscription .origAppInfo img { width:20px; height:auto; margin-right: 0.2em; vertical-align: middle; border:0.5px solid #bbb; border-radius:6px;} .elementEditSubscription .tdLabel .tag { margin-top:0.3em;} .elementObjSubscriberList .colName { width:50%;} .elementObjSubscriberList .colImage { width:55px;} .elementObjSubscriberList .colImage .profileImg { width:40px; height:40px;} /* ======================== | module user content // ======================== */ .ucImagePreviewCaption { position:absolute; bottom:10px; left:10px; color:white; font-size:85%; font-style:italic; text-shadow: 0px 1px 2px #000;} .ucImageDummyCaption { text-align:center; padding-top: 72px; color: #fff; font-size: 13px;} .imagePreviewDummy { height:100px; background: url("/appl/grfx/modules/usercontent/placeholderimg.svg") center -10px no-repeat #ddd; margin-bottom:0.5em; } .imagePreview { margin-bottom:0.5em; } .ucEdit .elementLinkRow a { font-weight:normal; } .size123 .ucEdit .elementLinkRow a { font-size:80%; } .ucInlineSearch { text-align: left; width: 250px; float:right; clear: right; } @media screen and ( max-width: 1024px ) { .ucInlineSearch { text-align: left; width: 100%; float:none; clear: right; margin: -0.5em 0 1.2em 0; } } .ucInlineSearch .elementInlineSearch { margin:0; } .ucListNav a.selected { color:inherit!important; font-weight:bold; } .ucEdit #existingCats .rowInner { position:relative;} .ucEdit .rowInner { padding:0.2em 0 0.2em 0!important;} .ucEdit .addInfo { margin:-0.3em 0 0.2em 0; font-size: 80%; color: #555; opacity: 0.8;} .ucEdit .catList .addInfo { margin:-0.3em 0 0.2em 23px; font-size: 80%; color: #888; opacity: 0.8;} .ucEdit .addInfo .subInfo { display:inline-block; vertical-align: top; margin-left:0.3em; } .ucEdit .api { display:inline-block; background-color: #424242; color:#fff; min-width:24px; text-align: center; padding:1px 2px 1px 2px; line-height: 120%; font-size:8px; vertical-align:0.15em; border-radius:2px; cursor: help ; } .catListPublic .caption { display: block; word-break: break-all; } .catListPublic .addInfo { display: block; margin:0.3em 0 0 30px; vertical-align: middle; line-height:130%; } .catListPublic .elementLinkRow img { opacity: 0.7; } .catListPublic img.catIcon, img.catIcon { height:20px; width:20px; vertical-align: middle; margin-right:10px;} .ucsCatsConf .colDescription { width:40%;} .mobile .ucEdit .colLeft { width:100%; float:none; margin-bottom:1em; } .ucEdit .colLeft .buttonSmall { width:auto!important; min-width:0; } .mobile .ucEdit .colLeft input.buttonSmall { width:100%!important; min-width:0; } .mobile .ucEdit .colRight { width:100%; float:none; margin:0; } .ucEdit .mapenlarge { right:2px; top:-50px; } .ucEdit .assetData tr td:first-child { width:1em; padding-right:1.5em; } .ucEdit .assetData { background-color:#e3e3e3; border-spacing: 1px; width:100%; } .ucEdit .assetData td { background-color: white; padding: 0.2em;} .ucEdit .funcRotate img { width:20px; height:auto; } .ucEdit .funcRotate a.buttonMini { margin:0 1em 0 1em; vertical-align: middle; border-radius: 12px; padding: 0 0 0 0; width:24px; height:24px; } .ucEdit .funcRotate a img { height: 17px; width:auto; margin:3px 0 0 1px;} /*.ucEdit .colUserInfo .profileImg { width:15px; height:15px; float: unset; display:inline-block; vertical-align: text-bottom; margin-right: 5px; }*/ .ucEdit .colUserInfo .usertag { height:19px;line-height:14px; margin:0.2em 0; } .ucEdit .colUserInfo .usertag .profileImg { width:18px; height:18px; } /* overview front */ .uc .colLeft { float:left; margin-right:15px; width:150px;} .uc .colLeft img { width:100%; height:auto; } .uc .colRight { float:left; } .uc .ucMap { margin-top:0.5em; } .uc #Gallery { height:150px; } .uc .mobileMapImgContainer, .uc .mobileMapImgContainer #Gallery, .uc .mobileMapImgContainer .elementMapCanvas { height:120px!important; } .size6 .uc .mobileMapImgContainer, .size6 .uc .mobileMapImgContainer #Gallery, .size6 .uc .mobileMapImgContainer .elementMapCanvas { height:400px!important; } .uc .mobileMapImgContainer .col { width:50%; float:none; } .uc .mobileMapImgContainer .col:first-of-type { padding-right:1px; } @media screen and ( max-width: 700px ) { .uc .colRight { clear: both; float: none; margin: 0; } } .uc .locImgPreview { width:100px; vertical-align: top; } .uc .locImgPreview .prevImage { width:100px; height:100px; background: no-repeat; background-size: cover; } #helpButton { font-size:35px; line-height:40px; color: #858585;} .ucEdit .imageMaskList, .imageMaskList{ display:block; width:40px; height:40px; background-size: cover; background-position: center; background-repeat: no-repeat!important; border-radius:50%; background-color: #1A99CE; } .colPinIcon { width:55px; } .colPinIcon .pinIcon { margin:0 0 6px 6px; } .mobile .ucEdit .imageMaskList, .imageMaskList{ width:25px; height:25px; } .mobile .colPinIcon { width:35px; } .ucEdit #map { background-color: white;} .ucEdit .cellImage { width:80px;} .imageMask, .ucEdit .imageMask, .uc .imageMask { display:block; width:100%; height:160px; background-size: cover; background-position: center; background-repeat: no-repeat!important; } .objEditImages .imageMask { background-size: contain; } .uc .imageMask { width:150px; height:150px;} .mobile .ucEdit .imageMask { width:100%; } .result .imageMask { display:inline-block; width:30px; height:20px; vertical-align: middle; float:right; margin-bottom:1px;} .resultDupl .imageMask { display:inline-block; width:50px; height:50px; vertical-align: middle; float:right; } .ucEdit .profileImg { margin-top:5px;} .ucEdit .profileImg { width:40px; height:40px; border-radius:3px; } .elementUcCatConf .row .row label { display:block; font-weight:normal; padding:0; margin:0;} .elementUcCatConf .row .itemIcon .rowImg { height:30px; width:30px; vertical-align: middle;} /*.size123 .backandforth { position:fixed; bottom:0; width:100%; }*/ .backandforth div .buttonRow { margin-top:0!important; } .moduleUserContent .gllpLatlonPicker .buttonSmall { height:31px!important; margin:0;} .ucEdit .elementMapCanvas { width:100% } .ucEdit .elementMapCanvas img { width:100%; height:auto; } /* coord picker */ .gllpLatlonPicker .search { width:100%; } .gllpLatlonPicker .search td { padding:0; } .gllpLatlonPicker .search .colButton { width:1%; white-space:nowrap; text-align: right; } .gllpLatlonPicker .search .colButton a { width:auto!important; min-width: 0; vertical-align: middle; } .coordPickerSearch .colButton .gi, .coordPickerSearch .colButton .fa { font-size:15px; line-height:30px;} .gllpLatlonPicker .wrapperCoords { margin-top:0.5em; } .gllpLatlonPicker .wrapperCoords input { width:calc(50% - 10px); float:left; } .gllpLatlonPicker .wrapperCoords input:nth-child(even) { float:right; } .ucStatusrot, .ucStatusrot .title { color:#b71209; } .ucStatusgruen, .ucStatusgruen .title { color:#25b125; } .ucStatusorange, .ucStatusorange .title { color:#e88609; } .ucStatusblau, .ucStatusblau .title { color: #5891e8; } .ucStatusgelb, .ucStatusgelb .title { color: #e8d252; } .ucStatusFrontrot, .ucStatusFrontgruen, .ucStatusFrontorange, .ucStatusFrontgrau, .ucStatusFrontblau { color:white; font-size:9px; text-transform: uppercase; border-radius: 2px; padding:1px 4px 1px 4px; line-height:130%!important; white-space: nowrap; vertical-align: middle;} .ucStatusFrontrot, .status1 { background-color:#b71209; } .ucStatusFrontgruen, .status2 { background-color:#25b125; } .ucStatusFrontorange { background-color: #e88609; } .ucStatusFrontgrau, .status3 { background-color:#888; } .ucStatusFrontblau { background-color: #458dee; } /* status selector */ .ucEdit .setStatus { } .ucEdit .setStatus label.status { font-weight:normal; font-size:11px; text-transform: uppercase; } .ucEdit .setStatus label img { width:24px; height:auto; } .ucEdit .setStatus .colPinIcon { text-align: center; } .ucEdit .setStatus .colStatusInfo { padding-right:1em; width:380px; } .ucEdit .setStatus .colExtLabel { } @media screen and ( max-width: 1366px ) { .ucEdit .setStatus .colStatusInfo { width: unset; } .ucEdit .setStatus .colExtLabel { width:120px;} } .ucEdit .divider { border-bottom: 1px dotted #ccc!important;} .ucEdit .stars .star { width:14px; height:14px;} form .ucEdit .triageRow { background-color: rgba(255, 112, 13, 0.1); padding-left:0.5em; padding-right:0.5em; } .ucEdit .triageRow h3 { background-color: rgba(255, 112, 13, 0.8); color:white; letter-spacing: 0.2em; text-align: center; padding:0.2em; margin:-0.8em -0.5em 0.65em -0.5em; } .ucEdit .radiobox { border: 0.5px solid #ccc; border-radius: 5px; background-color: #fff; padding:0.5em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .bfsNrOutput { max-height:205px; overflow-y: scroll;} .bfsCitySearch { width:calc(100% - 90px); float:left;} .result .bfsMatches { padding:0.3em 0.4em!important;} .ucEdit .triageStatusList .colortag { display: inline-block; width:50%; float: right; margin-top:0.8em;} /* new uc styles */ .ucEdit h2 { margin-bottom:13px; } .ucEdit h3 { font-family: ZurichB, Arial, sans-serif; font-size:120%; } .ucEdit .block .theRow { margin-left:-10px; margin-right:-10px;} .ucEdit .block .row { border: unset; padding: 0.35em 0; } .ucEdit .block .row h3 { font-weight:bold; font-family: ZurichB, Arial, sans-serif; display: block; margin-bottom:0.25em; } .ucEdit .block .row .catList label { font-weight:normal; font-family: Zurich, Arial, sans-serif; display: inline; margin-bottom:0; } .ucEdit .theRow .code { word-break: break-word; white-space: unset; } .ucEdit .block.private, .ucEdit .theRow.private { color: #F51D1D; } .ucEdit .block.private *:not(.buttonSmall) , .ucEdit .theRow.private *:not(.buttonSmall) { color: #F51D1D !important;} .ucEdit .block .negWrapper { margin:0 -10px;} .ucEdit .block .negWrapperTop { margin-top:-10px;} .ucEdit .moduleUserContent .imageWrapper .rotator, .ucEdit .moduleUserContent .imageWrapper .edit, .ucEdit .moduleUserContent .imageWrapper .showOrigImage { position:absolute; z-index: 1; margin:0;} .ucEdit .moduleUserContent .imageWrapper .rotator img { padding:0;} .ucEdit .moduleUserContent .imageWrapper .rotator.rotateleft { left:10px; bottom:10px;} .ucEdit .moduleUserContent .imageWrapper .rotator.rotateright { right:10px; bottom:10px;} .ucEdit .moduleUserContent .imageWrapper .edit { left:10px; top:10px;} /*.ucEdit .moduleUserContent .imageWrapper .square { border:1px solid white!important;}*/ .ucEdit .moduleUserContent .imageWrapper .showOrigImage { right:10px; top:10px;} .ucEdit .colRadio { width:25px; } .ucEdit .moduleUserContent .imageWrapper {margin:0;} .ucEdit .profileImg { border-radius: 50%;} .ucEdit .td.colMain { } .ucEdit .td.addcol0, .ucEdit .td.addcol1, .ucEdit .td.addcol2, .ucEdit .td.addcol3{ padding-right:2em;} .ucEdit .td.addcol0 { width: 155px; font-size:95%;} .ucEdit .td.addcol1 { width: 155px; font-size:95%;} .ucEdit .td.addcol1 .profileImg { float:right; margin-top:3px; } .ucEdit .td.addcol2 { width: 190px; font-size:95%; hyphens: auto; word-break: break-all;} .ucEdit .td.addcol3 { width: 120px; font-size:95%; padding-right:0;} .ucEdit .td.addcoluser { width: 40px; } .ucEdit .func { display: inline-block; padding:3px 7px; border-radius: 3px; margin-right:0.5em; } @media screen and ( max-width: 1366px ) { .hasNoPreviewFrame .ucEdit .td.addcol1 { width: 20%; } .hasNoPreviewFrame .ucEdit .td.addcol2 { width: 22%; } .hasNoPreviewFrame .ucEdit .td.addcol3 { width: 15%; } } @media screen and ( max-width: 1696px ) { .hasPreviewFrame .ucEdit .td.addcol1 { width: 23%;} .hasPreviewFrame .ucEdit .td.addcol2 { width: 22%; } .hasPreviewFrame .ucEdit .td.addcol3 { width: 15%; } } @media screen and ( max-width: 480px ) { .ucEdit .td.addcol1 { padding-right:0; width:40px!important; text-align: center} } .ucEdit .td.addcol1 .colortag{ hyphens: auto; word-break: break-all; white-space: unset} .ucEdit .td.colfunc { width: 40px; text-align:right } .ucEdit .td.colfunc.withdelete { width: 90px; } .ucEdit .theRow.headerRow { background-color: transparent!important; padding-bottom:0.6em!important; font-weight: bold; } .ucEdit .imageMaskList.dummyImage { background-size: 60% 60%; } .ucEdit .wrapperFilter { margin-bottom:2em; } .ucEdit .wrapperFilter.flex {gap: 5px 15px; } .size4 .ucEdit .wrapperFilterPanels { margin-top:3px; } .size4 .ucEdit .wrapperFilterPanels.numButtons1 { width:100%; } .size4 .ucEdit .wrapperFilterPanels.numButtons3 { width:calc(100% - 100px - 50px);} .size123 .ucEdit .wrapperFilterPanels { margin-top:1em; } .ucEdit .viewSwitch.belowTitle { margin-top:-0.7em; } .ucEdit .viewSwitch .button { line-height:40px; min-width: unset; } .ucEdit .viewSwitch .button.active { background-color: #888!important;} .elementLinkRow .stats .elementNum { float:none; margin-left: 0.5em;} /* img editor */ .konvajs-content, .imgTrnspBg { background-image:url(/appl/grfx/transp.png); background-size: 300px;} .elementtImageEditor * { font-family: 'Zurich', Arial, sans-serif !important; } .elementtImageEditor .FIE_topbar { display: none;} .elementtImageEditor .bkLbAr, .elementtImageEditor .FIE_tab, .elementtImageEditor .fcnwwh { border-radius: 8px!important; } /* cms balloon */ .elementBalloon { margin:1.6em 0 0 0;} .elementBalloon .balloon { border-radius:7px; background-color: white; padding:0.8em 1em; min-height:110px;} .elementBalloon.flex .balloon { display: flex; flex-direction: row; flex-wrap: wrap; gap:3px;} .elementBalloon.flex .balloon .field { width:calc(50% - 3px); box-sizing: border-box; padding:0.5em; border-bottom: 0.5px dotted #ccc; } .elementBalloon.flex .balloon .field:nth-child(2n) { border-left: 0.5px dotted #ccc; } .moduleDeskFormDetail .elementBalloon .balloon { min-height:22px;} .elementBalloon .caption { padding-bottom:0.2em; } .elementBalloon .balloonSpacer { width:53px;} .elementBalloon .body .balloonSpacer { background-color: white; position: relative; } .elementBalloon .body .balloonSpacer .wrapper { position:absolute; top:0; left:0; bottom:0; right:0; background-color: #f2f2f2; } .elementBalloon.balloonright .body .balloon { border-bottom-right-radius: 0; } .elementBalloon.balloonright .body .balloonSpacer .wrapper { border-bottom-left-radius:15px; } .elementBalloon.balloonleft .body .balloon { border-bottom-left-radius: 0; } .elementBalloon.balloonleft .body .balloonSpacer .wrapper { border-bottom-right-radius:15px; } .elementBalloon .funcButton { position: absolute; top:0; width:40px; } .elementBalloon.balloonright .funcButton { right:0; text-align: right; } .elementBalloon .funcButton .button { margin:0; } .elementBalloon .badgeImage { position: absolute; bottom:0; width:38px; height:38px; border-radius: 50%; background-repeat: no-repeat; background-size: cover; } .elementBalloon.balloonright .badgeImage { right:-2px; } .elementBalloon.balloonleft .badgeImage { left:-2px; } .button.square { height:38px; width:38px; min-width: unset; padding:0; line-height:39px;} .ucEdit td.sixth { width: 16%; text-align: center;} .ucEdit td.sixth.rowSum { text-align: right;} .ucEdit td.first { width: 20%; word-break: break-all; padding-right:1em;} .ucLiteAnswers .balloon { min-height: unset;} .ucEdit .lastEditor { font-size:80%; float:right; text-align: right; } .size123 .ucEdit .lastEditor { float:none; text-align: left; } .daysago { opacity: 0.75; } .listbyCat img, .listbyCat .wrapperIcon img { height:18px; width:auto; vertical-align: middle; opacity: 0.8; } .listByStatus img, .listByStatus .wrapperIcon img { height:25px; width:auto; vertical-align: middle; margin-right:10px; } .listbyCat .counttext, .listByStatus .counttext { display:inline-block; vertical-align: middle; opacity:0.8; font-size:90%; font-weight:normal; } .listbyCat h2, .listByStatus h2 { font-size:130%;} .listbyCat .divider { margin: 0.8em 0 0.8em 0;} .linkRowIndent { padding-left:2em!important;} .listbyCat .fourth img { margin-left:-0.5em;} .listbyCat .addInfo { opacity: 0.5;} .listbyCat .title {margin-bottom:2px;} .ucAddButton { padding:0.3em 0 0.5em 0; } .ucAddButton .gi { vertical-align: -0.08em;} /* home button */ .ucHomeButton { display:block; width:27px; height:27px; position:absolute; right:0; padding:4px; background-color: #858585; border-bottom-left-radius: 3px; text-align: center} .size6 .ucHomeButton { border-bottom-right-radius: 3px; } .ucHomeButton img { width:18px; height:auto; -webkit-filter: invert(100%); filter: invert(100%);} .ucHomeButton div { font-size:8px; text-transform: uppercase; color:#fff!important; line-height:100%; margin-top:-2px;} .mopage .moduleUserContent h1.title { font-weight:bold; font-size:1.5em; } .size6 .topImage .moduleUserContent h1.title { margin-top:0; padding-top:0;} .size123 .moduleUserContent h1.title { margin-top:0.3em;} /*.elementBackLinkModule + .moduleUserContent h1.title { margin-top:0; padding-top:0;}*/ /* map info window */ .size3 .moapp .mapInfoWindow { font-size:11px!important;line-height:120%; padding-bottom:1em; } a.mapInfoWindow, .mapInfoWindow strong , .mapInfoWindow div { color:#333!important;} a.mapInfoWindow .idTag { font-size: 10px!important; border:0.5px solid #333; padding:0 0.5em 0 0.5em; border-radius: 2px; display:inline-block; line-height:16px; vertical-align: 0.2em; } a.mapInfoWindow .prevInfo { color: #555!important;} a.mapInfoWindow .prevInfo ul { padding:0 0 0 1em; margin-top:0; } .mapInfoWindow strong { font-weight:bold;} .mapInfoWindow span.button { opacity:1; margin:1.5em -26px 0 1em; } .size123 .mapInfoWindow span.button {line-height:30px; height:30px; font-size:90%!important; } .size123 .moapp .mapInfoWindow span.button { font-size:11px!important; line-height:10px; padding:10px; height:auto; min-height:0; } .mapInfoWindow .button { font-size:100%!important;} /* journal*/ .elementJournal .tb .icon {width: 50px; vertical-align: top; } /* location ajax search*/ .mopagecms .elementLocationSearch .result { width:50%; } .elementLocationSearch .result a.res { display:block; padding:0.2em; color:#333!important; border-bottom: 1px solid #eee; font-size:90%;} .elementLocationSearch .result a.res:hover { background-color: #e8e8e8; } .elementLocationSearch .result .tdicon { width:35px; } .elementLocationSearch .result .icon { width:30px; vertical-align: middle;} .elementLocationSearch .result .icon img, .elementLocationSearch .result .tdicon img { height:24px; width:auto;} .elementLocationSearch .result .info { font-size:90%; color:#999;} .elementLocationSearch .result .image { width:50px; text-align: right;} .elementLocationSearch .wrapperResults { max-height:300px; overflow-y: auto;} .dragger { width:50px;} /* tags */ .tag, .usertag, .tinytag { display:inline-block; border:1px solid #999; border-radius: 4px; padding:2px 5px 2px 5px; margin:0 5px 5px 0; font-size:90%; line-height:120%; } .tag a { display: inline-block; color:inherit!important; background-color: #777; min-width:14px; min-height:14px; text-align: center; line-height:13px; font-size:10px; border-radius: 4px; vertical-align: 0.15em; margin-left:-2px; } .tag a.remove { color:white!important; font-weight:bold;} .tag img { height:14px; width:auto; vertical-align:-0.2em; opacity:0.7;} .tag.lite { border-color:#ccc; } .tinytag { border-radius: 3px; padding:1px 3px; font-size: 80%; line-height:110%; margin:0 3px 3px 0; border:0.5px solid #bbb;} #searchMatches .tag { margin:2px 5px 1px 0; } #searchMatches .colortag, .colortag {margin-right:0; } .colortag a, .colortag a:hover { background-color: inherit; color:inherit; font-size:inherit;} span.dot { display:inline-block; height:0.7em; width:0.7em; border-radius: 50%; padding:0; vertical-align: baseline; margin-right:7px; font-size:100%;} span.tagmarker { vertical-align: -10%; margin-right:0.3em; font-size:100%; } .colortag .tagmarker .gi, .colortag .tagmarker .fa { font-size:120%; } @media screen and ( max-width: 480px ) { .size123 .mopagecms .itemList .colortag .taglabel { display: none; } } .usertag { border-color:#999; padding-right:0.4em; font-size:85%; height: 21px; line-height:16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden; } .usertag .profileImg { width:20px; height:20px; margin:-2px 8px -2px -5px; border-radius: 0;} .usertag .email { opacity:0.5; } .usertag .email.paddingLeft { margin-left: 0.2em; } .usertag .email.mailonly { opacity:1; } .usertag .addInfo { margin-left:0.6em; opacity:0.5; } /* backend tpl chooser */ #tagFilter .tag { color:inherit; } #tagFilter .selected { background-color: #ddd; color:#000!important; } .elementModuleTemplates .userimage { width:30px; } .elementModuleTemplates .profileImg { width:20px; height:20px; border-radius:3px; margin:0; } /* fe image uploader */ .moduleUserContent .wrapperImages { margin-right:-15px; } .moduleUserContent .imageWrapper { width:25%; float:left; border-right:15px solid #fff; background-color: #f8f8f8; margin-bottom:15px; position:relative; } .ucEdit .moduleUserContent .imageWrapper { width:100%; float:none; border-right:none; } .moduleUserContent .imageWrapper .image { background-size: cover; background-position: center center; background-repeat:no-repeat; width: 100%; height:100px;} .imgRotateFuncs { position:relative; } .moduleUserContent .imageWrapper .func, .imgRotateFuncs .func { z-index:1; opacity:0.92; position:absolute; display: block; width:20px; height:20px; line-height:20px; background-color: #2696C5; color:#fff!important; text-align: center; padding:5px; border:solid 4px white;} .moduleUserContent .imageWrapper .func img, .imgRotateFuncs img { width:19px; height:19px; } .moduleUserContent .imageWrapper .delimg { right:0; top:0; border-top:none; border-right:none; } .moduleUserContent .imageWrapper .rotateleft, .imgRotateFuncs .rotateleft { left:50%; margin-left:-41px; bottom:0; border-bottom:none; } .moduleUserContent .imageWrapper .rotateright, .imgRotateFuncs .rotateright { right:50%; margin-right:-41px; bottom:0; border-bottom:none; } .ucEdit .moduleUserContent .imageWrapper .rotateleft { left:0; margin:0; bottom:0; border-bottom:none; } .ucEdit .moduleUserContent .imageWrapper .rotateright { right:0; margin:0; bottom:0; border-bottom:none; } @media screen and ( max-width: 500px ) { .moduleUserContent .imageWrapper { width: 50%; } } .moduleUserContent .daterow {background-color: #f5f5f5; margin-bottom:4px; padding-left:0.25em!important; padding-right:0.25em!important;} .moduleUserContent .daterow .clearDateRow { display: inline-block; margin:0.5em 0.25em 0 0; } .moduleUserContent .daterow .allday { margin:0 0 0.5em 0; } .moduleUserContent .daterow .elementFancyCB .td.checkbox { width:40px; } .moduleUserContent .daterow .elementFancyCB label { margin:0; } .moduleUserContent .daterow .elementFancyCB { margin-bottom: 0.5em; width:auto; } .size3 .moduleUserContent .daterow .allday { } .moduleUserContent .daterow .from, .moduleUserContent .daterow .to { margin:0.25em 0 0.7em 0; } .moduleUserContent .daterow input[type="date"], .moduleUserContent .daterow input.time { background-color: #fff!important;; } @media screen and ( max-width: 500px ) { .moduleUserContent .daterow .date { width:65%; } .moduleUserContent .daterow .time { width:30%; float:right; } } @media screen and ( min-width: 600px ) { .moduleUserContent .daterow .from, .moduleUserContent .daterow .to { float:left; width:35%;margin:0.25em 0 0.3em 0;} .moduleUserContent .daterow .allday { float:right; width:20%; margin:0.35em 0 0 0; line-height: 31px;} .moduleUserContent .daterow .delete { float:right; width:5%; line-height: 31px; } .moduleUserContent .daterow .date { width:9em; } .moduleUserContent .daterow .time { width:4.5em; } } /* step indictaor */ @keyframes pulse { 0% { opacity: 1;} 50% {opacity: 0.5; } 100% {opacity: 1; } } .step-indicator { border-collapse: separate; display: table; margin: 0 0 0 0; padding:0; padding-top:1.4em; position: relative; table-layout: fixed; vertical-align: middle; } .step-indicator li { display: table-cell; float: none; padding: 0; width: 1%; text-align: center; } .step-indicator li:before { background-color: #ddd; content: ""; display: block; height: 2px; position: relative; top: 21px; } .step-indicator li:first-child:before { left: 50%; } .step-indicator li:last-child:before { right: 50%; } .step-indicator .complete .step { background-color: #555; border-color:#555; color: #fff!important; } .step-indicator .complete .step .num { color: #fff!important; } .step-indicator .complete .caption { color: #555; } .step-indicator .incomplete .step { border-color: #ccc; color: #ccc; } .step-indicator .incomplete .caption { color: #ccc; } .step-indicator .step { background-color: #ffffff; border: 2px solid #e5e5e5; color: #e5e5e5; font-size: 24px; font-weight:bold; width: 36px; height: 36px; line-height: 36px; border-radius: 20px; margin: 0 auto; position: relative; z-index: 1; } .step-indicator .step.icon { line-height:32px; } .step-indicator .step.icon .fa { font-size:18px;} .size123 .step-indicator .step.icon .fa { font-size:15px;} .size123 .step-indicator .step.icon { line-height:27px; } .step-indicator .caption { box-sizing: border-box; color: #e5e5e5; padding: 11px 16px; font-size:90%; line-height:120%; } @media screen and ( max-width: 500px ) { .step-indicator .step { font-size: 18px; width: 28px; height: 28px; line-height: 28px; border-radius: 16px; } .step-indicator .caption { padding: 7px 5px; font-size:80%; } .step-indicator li:before { top: 18px; } } .ucMapContainer { position:relative; } .ucMapContainer .pinIcon { position: absolute; left:50%; top:50%; margin:-32px 0 0 -23px; width:46px; height: 32.5px; } .ucOutOfRangeRow { margin:0.5em 0 0.5em 0; border-top:1px solid #e8e8e8; } .ucOutOfRangeRow:first-of-type { margin-top:1em; border-top:none;} .ucOutOfRangeRow .td { padding:0.4em 0 0.3em 0; } .ucOutOfRangeRow .colImage { width:45px; } .ucOutOfRangeRow .colImage img { width:30px; height:auto; } .ucOutOfRangeRow .links { padding-left:1em; } .ucOutOfRangeRow .links img { width:90px; height:auto; opacity: 0.5; } .ucOutOfRangeRow .links .buttonSmall { width: 90px!important; min-width: 0; } .downloadList .gi { opacity:0.6;} /* js map add control */ .jsMapCenterDeviceControlWrapper { padding:1em 1em 0 0;} .jsMapCenterDeviceControl { background-image: url(/appl/grfx/modules/usercontent/locate.png); background-repeat: no-repeat; background-size: cover; width:2.3em; height:2.3em; } .ucNoEventForm .coordPickerSearch { display:none;} .elementUcListExpired .tb .header .icon { } .elementUcListExpired .icon .rowImg { width:23px; height:23px; } .elementUcListExpired .fancyAltList .theRow .header { font-size:100%; } .ucAnswerIcon { height: 22px; width:auto; border-radius: 50%; margin-right:0.6em; vertical-align:-15%} .similarRows .desc { width:45%; padding-right:1.5em; box-sizing: border-box } .similarRows .receiver { width:25%; } .similarRows .receiver .fa { opacity: 0.8; font-size:95%; display: inline-block; width: 1.1em; } .similarRows .receiver .fa.lite { opacity: 0.6; } .similarRows .score { width:10%; text-align: center; } .similarRows .btn { width:20%; text-align: right; } /* ======================== | reference list clients ======================== */ .referenceList { margin-top:1.5em;} .referenceList .row { margin: 0.75em 0 0.75em 0; padding: 0.75em 0 0.75em 0;} .referenceList .domain { margin: 0em 0 0.5em 0; } .referenceList .wrapperIcon { float:left; width:120px; } .referenceList .wrapperInfo { float:left; width:70%; } .referenceList .wrapperStores { float:right; width:17%; text-align: right;} .referenceList .wrapperStores a { display: block; margin-bottom:0.1em;} .referenceList .wrapperStores img { width:auto; height:34px; opacity: 0.4;} .referenceList .wrapperIcon img { width:90px; height:auto; border:1px solid #ebebeb; } .referenceList .borderBottom, .referenceList .borderTop { border-color:#ddd;} @media screen and ( max-width: 960px ) { .referenceList { margin-top: 0; } .referenceList .row { margin: 0.75em 0 0.75em 0; padding: 0.75em 0 0.75em 0; } .referenceList .wrapperIcon { float: left; width: 18%; } .referenceList .wrapperInfo { float: right; width: 80%; } .referenceList .wrapperStores { float: right; clear: right; width: 80%; text-align: left; margin-top: 1em; } .referenceList .wrapperStores a { display: inline-block; width: 95px; margin: 0 0.5em 0 0; } .referenceList .wrapperStores img { width: 100%; } .referenceList .wrapperIcon img { width: 100%; } .wrapperInner { padding-left: 0.5em; } } /* module myhome */ .myHomeTopBar { height:30px; padding:10px 15px 10px 15px; background-color: #f1f1f1; } .myHomeTopBar .img { width:35px; } .myHomeTopBar .profileImg { height:30px; width:30px; border-radius: 2px; } .elementSubList .elementLinkRow a { padding-left:20px;} .elementSubList .rating { float: right; } .elementMyHomeList .colIcon { width:35px; } .elementMyHomeList .colIcon .fa { font-size:20px; } /* ======================== | module streams ======================== */ .elementStreamList .wrapperIcon { width:35px; } .elementStreamList .wrapperIcon img { width:20px; height:auto; } .elementMyStream .fancyAltList.subscribeables .tb .header .td.checkbox { width:50px; } .elementMyStream .fancyAltList.subscribeables .tb .header .td.addinfo { max-width:125px; text-align: right; } .elementMyStream .fancyAltList.subscribeables .tb .header .td.addinfo .labelleft { text-align: right; font-size:90%; opacity: 0.4; } .elementMyStream .fancyAltList.subscribeables .tb .header .td.addinfo .elementFancyCB + .elementFancyCB { margin-top:0.8em;} .elementMyStream .fancyAltList.subscribeables .tb .header .icon { vertical-align: middle; } /* ======================== | module static block right ======================== */ .blockStaticRight { line-height:140%; border-bottom:1px solid #ccc; margin-bottom:1em; padding-bottom:1em; } #wrapperInfoBock .blockStaticRight { line-height:140%; border:none; padding-bottom:0; } .blockStaticRight .wrapper { padding:0;} .blockStaticRight .image { margin:0 0 -10px 0 } .blockStaticRight .image img { width:100%; height:auto;} .blockStaticRight .links, .blockStaticRight .docs { margin-top:1em; font-size:90%; font-weight:bold;} .blockStaticRight .link { padding:3px 0 3px 0;} .blockStaticRight .logos .link { padding:3px 0 8px 0; } .blockStaticRight .textcolor .link a, .blockStaticRight .textcolor { font-weight:normal; color:inherit; } .blockStaticRight .link .image img { border:0.5px solid #ccc;} .blockStaticRight .link .image { margin-bottom:0em;} .blockStaticRight .link img.icon { height:22px; width:auto; margin-right:8px; vertical-align: -5px;} .blockStaticRight .link .gi { font-size:100%; vertical-align: -0px;} .blockStaticRight .link .badgeIcon { vertical-align: middle; margin-right:5px; display:inline-block; width:25px; height:25px; line-height:100%; } .blockStaticRight .link .badgeIcon img { width:auto; height:15px; margin-top:5px;} .blockStaticRight .doc .gi { font-size:100%; padding-right:5px; vertical-align: -2px;} .blockStaticRight .lead { font-weight:bold; opacity:0.8;} .blockStaticRight .size { font-weight:normal;} .blockStaticRight .tagcloud { margin-top:0.5em;} .blockStaticRight .tagcloud .tag { color:inherit; } .blockStaticRight .tagcloud .tag:hover { color:var(--color-link); } /* ======================== | embedded mopage view ======================== */ .embedded .wrapperMid, .embedded .wrapperBottom { width:100%; padding:0;} .embedded .wrapperContent { padding:0 0 0 0!important;} .embedded .wrapperFullWidth { margin-left:0; margin-right:0;} /*.embedded .paddingFullWidth { padding-left:0; padding-right:0; }*/ /* app promo home */ .elementAppPromoHome { border:none; margin-top:1px; } .elementAppPromoHome .icon { width:80px; } .elementAppPromoHome .icon img { width:65px; height:auto; border:0.5px solid #bbb; border-radius: 15px; } .elementAppPromoHome { background-color: #f5f5f5;} .elementAppPromoHome .description { font-weight:normal; } .elementAppPromoHome .description .sub { font-size:90%; } .thumbAppPromo { padding: 0.2em 1em 0.6em 0!important; } .thumbAppPromo img { border:1px solid #ddd; border-radius: 15px; } /* ======================== | module gemeindeleben ======================== */ .elementList .wrapperIcon { width:75px; } .elementGlList .colDescription { } body:not(.size3) .elementGlList .colAddInfo { min-width:250px; width:35%; } .elementGlList .colAddInfo .tag { margin-bottom:2px!important;} .elementList .apply { font-size:90%; color:#999; } .elementList .wrapperIcon img { width:55px; height:auto; border:1px solid #ddd; border-radius: 13px; } .listGlSearch img { width:18px; height:auto; vertical-align: -0.2em; margin-right: 5px;} .elementGlList .compact { font-size:95%; } /* event edit mask */ .objPreview { border:1px solid #ddd; padding:0.55em; display: block; border-radius: 4px;} .withBlocks .objPreview { background-color: #fff; } .noBg .objPreview { padding:10px; border: 1px solid #ddd; background-color: inherit;} .objPreview .wrapperleft { width:150px; float: left; margin:0 1em 0 0; } .objPreview .elementMapCanvas img { width:100%; height:auto; margin:0 1em 0 0; } .objPreview .wrapperleft img { width:100%; height:auto; } #locsearchResult a { display:block;} #locsearchResult .buttonSmall { display:inline-block;} .glStatus1, .glStatus2, .glStatus3, .glStatus4, .glStatus5, .glStatus6, .glStatusNone { color:white; font-size:10px; border-radius: 1px; padding: 0px 3px; display: inline-block; } .glStatus1 { background-color: #f27e00;} .glStatus2 { background-color: #5ebc25; } .glStatus3 { background-color: #de3612; } .glStatus4 { background-color: #de3612; } .glStatus5 { background-color: #008ef2; } .glStatus6 { background-color: #f2b807; } .glStatusNone { background-color: #eee; color:#555; } /* ======================== | module image gallery ======================== */ .elementImageGallery { margin-right:-2px; } .elementImageGallery div.galleryItem { float:left; width:25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right:2px solid white;margin-bottom:2px; } .elementImageGallery div.galleryItem .imageMask { height:100%; width:100%;} .size123 div.galleryItem { width:33.3333333%;} /* ======================== | module closed user group ======================== */ .asyncAlert { color: #2cb12c; font-size:12px; } .headerClosedUserGroup { background-color: #9a9a9a; color:#eee; padding:6px 19px 6px 19px; font-size: 12px; margin-top:0;} /*.size6 .headerClosedUserGroup { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }*/ .headerClosedUserGroup img { height: 16px; width:auto; margin-right:5px; vertical-align: -0.2em; } .headerClosedUserGroup a { float:right; color:white; margin-top:0.1em;} .headerClosedUserGroup a:hover { color:white; opacity: 0.8; } .elementInlineSearch .profileImg { width:30px; height:30px; border-radius: 0;} .elementInlineSearch .profileInitials { font-size:15px; padding-top:0.55em;} .lockedContent { opacity:0.25; font-size:90%; } .elementCug .imageMask { display: inline-block; width:14px; height:14px; border-radius: 4px; vertical-align: middle; } .elementCug .icon { width:85px; } .elementCug .icon .profileImg { width:70px; height:70px;} .elementCug.memberList .colIcon { width:65px; } .elementCug.memberList .colMain { vertical-align: middle; } .elementCug.memberList .contentright { width:30%; } .elementCug.memberList .colfunc { width:60px; } .elementCug.memberList .profileImg { width:50px; height:50px; border-radius: 50%;} .elementCugMemberlist .funcs .buttonSmall { width:140px; } .elementCugMemberlist .profileImg { width:30px; height:30px;} .elementCugMemberlist .colImage { width: 40px;} .elementCreatorInfo { float: right; font-size:90%; } .elementCreatorInfo a { color:inherit!important; } .elementCreatorInfo .profileImg, .elementContactUser .profileImg { display:inline-block; float:none; width:18px; height:18px; vertical-align: middle; border-radius:50%;} .tagCloud { text-align: left;} .tagCloud .tag { margin: 0 5px 5px 0!important; font-size:85%;} .cugMsgReceiverList .tag { font-size:75%; margin-bottom:0;} .cugStatus1, .cugStatus2, .cugStatus3, .cugStatus4, .cugStatus5, .cugStatus6, .cugStatus7 { color:white; font-size:10px; border-radius: 1px; padding: 0px 3px; display: inline-block;} .cugBg1, .cugBg2, .cugBg3, .cugBg4, .cugBg5, .cugBg6, .cugBg7 { color:white; } .cugStatus1, tr.cugBg1 { background-color: #008ef2; } .cugStatus2, tr.cugBg2 { background-color: #f27e00; } .cugStatus3, tr.cugBg3 { background-color: #5ebc25; } .cugStatus4, tr.cugBg4 { background-color: #de3612; } .cugStatus5, tr.cugBg5 { background-color: #de3612; } .cugStatus6, tr.cugBg6 { background-color: #f2b807; } .cugStatus7, tr.cugBg7 { background-color: #de3612; } /* ======================== | module rooms ======================== */ .itemList .colImage { width:50px; vertical-align: top; padding-top:0.2em;} .moduleRooms .itemList .colImage { vertical-align: middle; } .itemList .colImage .imageMask { float:none;} .itemList .colImage img { width:40px; height:auto;} .itemList .colFunc { width:50px; text-align: right;} .itemList .colInfo { width:30%;} .itemList .profileImg { width:20px; height:20px;} .itemList .profileImg.profileInitials { font-size: 9px; font-weight:bold; line-height:125%; } .roomsLocPreview { border:1px solid #ddd; padding:0.3em 0.55em; display: block; } .wrapperRoomSelectorOverflow { max-height:250px; overflow-y: auto; position:relative; } .roomSelector .colIcon { width:30px; } .roomSelector .profileImg { width:50px; height:50px; border-radius: 3px; } .flexContainer50.roomSelector .profileImg { width:80px; height:80px; border-radius: 3px; } .roomSelector .colMain { cursor: pointer; position:relative; } .roomSelector .checked { position:absolute; top:-4px; left:-10px; } .roomSelector .checked .gi { font-size:24px!important; line-height:23px; background-color: white; border-radius:50%; opacity: 1; padding:2px; } .roomReservationForm .block > label:first-child { font-weight:bold!important; margin-top:1.5em; } #roomSelectionCustomFields .row label{ margin-top: 0.75em;} .vis-item { color:white!important; border:none!important; } .size3 .vis-label { color:white!important; } .vis-label .vis-inner div { width:40px; height:40px; border-radius: 3px; background: no-repeat; background-size: cover; } .size6 .vis-label .vis-inner div { width:50px; height:50px; vertical-align: middle; margin-right:0.4em; float:left; } .size6 .vis-label .vis-inner { font-size:80%; line-height: 125%; } .vis-label { vertical-align: middle; } .vis-item.vis-selected { color:#333!important; } .vis-label.tag { border:none;} /*.size3 .vis-labelset .vis-label .vis-inner { font-size:80%; line-height:115%;}*/ /*.size3 .vis-item.vis-range .vis-item-content { font-size:80%; line-height:115%;}*/ .size3 .vis-timeline { font-size:80%; line-height:115%;} .vis-timeline { border-radius: 4px;} .vis-item.event { background-color: #68BB55; } .vis-item.event.private { background-color: #E75C4C; } .vis-item.event.pending { background-color: #e7b437; } .rowEventBookingOverview { } .elementFullCalendar * { line-height:120%; } .fc .fc-event-main { font-size: 0.95em; } .fc-h-event .fc-event-main { padding:1px 6px; font-weight:500;} .fc-v-event .fc-event-main { padding:5px; font-weight:500; } .fc-timegrid-slot-label, .fc-timegrid-axis-frame, .fc-col-header-cell { font-size:85%; font-weight: normal;} .fc .fc-toolbar.fc-header-toolbar { margin:0.5em 0 0.5em 0;} .fc .fc-button { padding: 0.3em 0.5em; line-height:120%; } .fc .fc-button .fc-icon { line-height:120%; font-size:1em; vertical-align: -0.08em;} .fc .fc-event-location { font-weight:normal; font-size:90%; opacity:0.9;} .fc .fc-daygrid-day-events .fc-event-location { display: inline-block; margin-left:0.75em; } /* ======================== | module stele ======================== */ .steleResultList { font-size: 90%;} .steleResultList .funcs { text-align: right; } .steleResultList .funcs a.buttonSmall { width:3em!important; } .steleResultList .info { font-size: 90%;} .steleResultList .icon, .steleResultList .image { width:45px; } .steleResultList .icon img { width:25px; height:auto; opacity: 0.6; margin-left:15%; } .steleNavIconWrapper { display:inline-block; padding:0; width:60px; height:60px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .steleNavIconWrapper img { width:30px; height:auto; margin:16px 0 0 15px;} .elementSteleAdmin .elementTableView tr td:first-child { width:1%!important; } .elementSteleAdmin .treeview li { font-size: 95%; clear: both;} .elementSteleAdmin .buttonSmall {margin:1px 0 0 0; display: inline-block;} .elementSteleAdmin .treeview li .buttonSmall { margin-top:5px;} .elementSteleAdmin .fancyAltList.midPadding .theRow { padding-right:2px;} .elementStatsStele .elementTableView, .elementStatsStele .paging { box-sizing: border-box; } .elementStatsStele h2 { margin:2em 0 0.3em 0; } /* ======================== | slippery slider ======================== */ .slippry { font-size: 160%; line-height: 130%;} ul.slippry { margin:0; padding:0;} .mobile .slippry .wrapperMid { margin-top:0; margin-bottom:0;} .slippry, .slippry h1 { color:white; text-shadow: 0px 1px 3px #000 ; } .slippry h1 { font-size: 200%!important; } .slippry .wrapper { padding:2em 19px 2em 19px; margin-top:-1.5em; } .slippry li { background-repeat: no-repeat; background-size: cover; background-position: center center; background-color: #aaa; overflow: hidden; } .slippry li .tb { width:100%; height:100%; } .slippry li .td, .topImageContainerText { vertical-align: middle; height: 400px; } .slippry li a.linkWrapper { display:block; } .slippry li a.linkWrapper .wrapperIframe { height:100%; width:100%; overflow: hidden; } .sy-box .sy-pager { position:relative; z-index:3; margin-top:-2.5em;} .sy-box .sy-pager li a { background-color: #eee; } @media screen and ( max-width: 768px ) { .slippry { font-size: 100%; line-height: 130%;} .slippry h1 { font-size: 130%!important; } .slippry li .td, .topImageContainerText { height: 170px; } .slippry .wrapper { padding:2em 19px 2em 19px; margin-top:-1.5em; } .size3 .sy-pager li { width: 0.8em; height:0.8em;} .size3 .sy-box .sy-pager {margin-top:-1.5em; } } @media screen and ( max-width: 320px ) { .slippry li .td, .topImageContainerText { height: 150px; } } /* ======================== | fancy alt list / Streams ======================== */ .fancyAltList { } .fancyAltList .theRow { display:block; padding-top:13px; padding-bottom:13px; } .fancyAltList .theRow .rowInner { border:none; line-height: inherit;} .fancyAltList .theRow.hidden { display:none; } .fancyAltList tr.theRow { display:table-row; } .fancyAltList.smallList .theRow { display:block; padding:5px; } .fancyAltList.compactRows .theRow { padding-top:8px; padding-bottom: 8px;} .fancyAltList .elementLinkRow.theRow { display:block; padding-top:0; padding-bottom:0; } .fancyAltList .theRow { color:inherit!important; border:none!important;} .fancyAltList .theRow:nth-child(odd):not(.noRow), .size6 .streamRowList .theRow, .elementInfoBox .td { background-color: #f5f5f5; } .darkmode .fancyAltList .theRow:nth-child(odd) { background-color: rgba(255,255,255,0.05); } .ucEdit .block .fancyAltList .theRow:nth-child(odd) { background-color: #e8e8e8;} .fancyAltList .elementLinkRow { border:none!important; } .fancyAltList .tb { width:100%; } .fancyAltList .tb .header { background-color: inherit; line-height:130%; } .fancyAltList .tb .header .text { vertical-align: middle; } .fancyAltList .tb .header .icon { width:62px; position:relative; vertical-align: top; } .fancyAltList .smallicon .tb .header .icon { width:44px; } .fancyAltList .smallicon .tb .header .badgeIcon { margin-right:0 } .fancyAltList .smallicon .tb .header .badgeIcon img { vertical-align: -6px; } .fancyAltList .tb .header .icon .profileImg { width:50px; height:50px; border-radius: 50%;} .fancyAltList .tb .header .icon .profileImg.smallicon { width:30px; height:30px; border-radius: 50%;} .fancyAltList .tb .header .icon .customimage { width:50px; height:50px; border-radius: 50%;} .fancyAltList .tb .header .icon .customimage.notrounded { border-radius: 0!important;} .fancyAltList .smallicon .tb .header .icon .customimage { width:30px; height:30px; border-radius: 50%;} .fancyAltList .theRow.altDownloadLink { padding-top:8px; padding-bottom:8px; } .fancyAltList .altDownloadLink .tb .header .icon { text-align: left;} .fancyAltList .altDownloadLink .tb .header .icon .customimage { width:20px; height:20px; opacity: 0.5;} .fancyAltList .tb .header .badgeIconMid { width:50px; height:50px; border-radius: 25px; line-height:46px; background-size: cover; } .fancyAltList .tb .header .badgeIconMid img { width:28px; height:28px;} .fancyAltList .tb .header .badgeIconMini { width:20px; height:20px; border-radius: 10px; line-height:18px; position: absolute; top:30px; left:32px; border:0.5px solid white; background-size: cover; background-repeat: no-repeat; background-position: center; } .fancyAltList .tb .header .badgeIconMini.imgBg { background-color: transparent; } .fancyAltList .tb .header .badgeIconMini img { width:11px; height:11px; margin-top:4px; } .fancyAltList .tb .header .badgeIcon.bgImage { background-repeat: no-repeat; background-size: cover; } .fancyAltList .tb .header .caption a, .fancyAltList .tb .header .subcaption a { color:inherit; } .fancyAltList .tb .header .caption { font-weight:bold; } .fancyAltList .tb .header .timestamp { float:right; opacity: 0.4; font-size:90%; } .fancyAltList .timestampbig { opacity: 0.3; } .fancyAltList .tb .header .arrow, .fancyAltList .tb .header .func, .smartCityAvgRow .arrow { width:20px; text-align: right; vertical-align: middle; } .mopagecms .fancyAltList .tb .header .arrow { color: #1A99CE;} .fancyAltList .tb .header .addinfo { max-width:60px; text-align: right; vertical-align: middle; } .fancyAltList .tb .header .func { vertical-align: middle; } .size3 .fancyAltList .theRow .content { padding-bottom:15px;} .fancyAltList .theRow .content .text { padding-top:13px;} .fancyAltList .theRow .content .caption { font-weight:bold; } .fancyAltList .theRow .content .image, .fancyAltList .theRow .imageTop .image { margin-top:13px; height:190px; background-size: cover; background-position: center center; } .fancyAltList .theRow .imageTop { margin:-13px 0 13px 0;} .fancyAltList .theRow .imageTop .image { margin-top:0;} .fancyAltList .ratingStarsSingle { vertical-align: -1px; } .fancyAltList .ratingStarsSingle img { height:13px; width:auto; opacity: 0.8; margin:0 0.05em; } .fancyAltList .gi { font-size:85%; opacity: 0.85; vertical-align: 0; } .fancyAltList .td.arrow .gi { font-size:100%; } .fancyAltList .button .gi, .fancyAltList .buttonSmall .gi, .fancyAltList .buttonMini .gi { font-size:100%; opacity: 1 } .fancyAltList .grayarrow .gi {color:#c8c8c8; } .fancyAltList .hiddenRow { display:none; } .fancyAltList .brandicon { width:14px; height:14px; vertical-align: -2px; margin-right:0.3em; border-radius: 50%; } .fancyAltList.smallPadding, .fancyAltList.midPadding { padding:0!important;} .fancyAltList.smallPadding .theRow { padding:5px 12px;} .fancyAltList.midPadding .theRow { padding:8px 12px;} .fancyAltList.inlineRow .theRow { padding:8px 12px;} .fancyAltList .altListSubCaption { margin:1em 0 1em 12px; font-weight: bold; } .fancyAltList .theRow.bigPadding { padding-top:14px; padding-bottom:14px;} /* search stream list rows tiles */ .streamRowList { margin-top:1em } .size6 .streamRowList { display: flex; flex-wrap: wrap; gap:19px;} .size6 .streamRowList .theRow { margin:0; width:calc(50% - 10px); box-sizing: border-box;} .size6 .streamRowListFilters .wrapperFullWidth { margin:0;} .streamRowList h2.groupCaption { padding:1em 0 0.3em 0;} .streamRowList .indicators { position: absolute; right:-20px; top:-3px;} .streamRowList .ctcomments, .streamRowList .avgrating { font-size: 80%; display: inline-block; margin-left: 0.6em;} /*.streamRowList .ctcomments .fa, .streamRowList .avgrating .fa { opacity: 0.3;}*/ @media screen and ( min-width: 1024px ) { .fancyAltList.wide2cols { display: flex; flex-direction: row; flex-wrap: wrap; } .fancyAltList.wide2cols .theRow { width:calc(50% - 1px); background-color: #f5f5f5;} .fancyAltList.wide2cols .theRow.wrapperFullWidth { margin:0 0 2px 0; box-sizing: border-box;} .fancyAltList.wide2cols .theRow.wrapperFullWidth:nth-child(even) { margin-left:2px; } } dl.fancyAltList dt { float:left; width:90px; overflow-wrap: break-word; opacity: 0.5; font-size:85%; } dl.fancyAltList dd { float:right; width:calc(100% - 105px); overflow-wrap: break-word; margin:0; } .fancyAltList .theRow.usersObjetcs { margin-left:0;} /* service list */ @media screen and ( min-width: 480px ) { .elemenetServiceList.fancyAltList .theRow { background-color: #f5f5f5; } .elemenetServiceList.fancyAltList .theRow:nth-child(4n+3), .elemenetServiceList.fancyAltList .theRow:nth-child(4n+4) { background-color: inherit; } } .lazyLoadMore { display:block; width:auto; margin:1em auto 1em; text-align: center; opacity: 0.5;} .lazyLoadMore img, .lazyLoadMore svg { width:80px; height:auto; } .elementListShowMore { margin:0.5em 0 1.5em; text-align: center; } .ucEdit .elementListShowMore { margin:0.5em 0; text-align: left; } .elementListShowMore .fa { font-size:90%; vertical-align:-1px; } .elementFollowWrapper { margin:0; } .elementFollow { text-align: left; margin:0 0 1em; table-layout:auto; width:100%; max-width:353px; border-spacing:0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .elementFollow #streamFormSubmit { } .elementFormBroadcast { max-width:none;} .elementFollow td { padding:0;} .buttonFollow, .buttonFollowCog { display:inline-block; background-color: #f1f1f1; line-height:40px; text-align: center; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius:6px; } .following { width:calc(100% - 53px); } .standalone .buttonFollow { max-width:337px; margin:0 auto; width:100% } .buttonFollowCog { width:45px; text-align: center; margin-left:8px; } .buttonFollowCog .gi { vertical-align: -0.1em; } .elementFollow #options td {} .elementFollow #options .tag { background-color: #f1f1f1; border:none; border-radius: 6px; line-height:40px; padding:0 0.7em 0 0.5em; width:93%; margin:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .elementFollow #options .tag input { line-height:16px; vertical-align:baseline; } .elementFollow .captionOptions { font-size:80%; opacity: 0.5; padding:0.5em 0;} .elementFollow .captionOptions .gi { font-size: 80%;} #formBroadcast .counter { font-size:80%; opacity: 0.6;} #formBroadcast, #formBroadcast form { margin-bottom:0!important; padding-bottom:0!important;} @media screen and ( max-width: 600px ) { .fancyAltList .theRow .content .image { height: 150px;} /*.buttonFollow { width:calc(100% - 55px); }*/ .elementFollow { width:100%;} /*.elementFollowWrapper { margin:0 -8px;}*/ .standalone .buttonFollow { max-width:none; margin:0 auto; } } .moduleStream .shareOptionTile { vertical-align:top; width:60px; height:unset;} .moduleStream .shareOptionTile .badgeIconBig img {width:25px; height:25px; } .moduleStream .shareOptionTile .badgeLabel { max-width:90%; padding:0.2em; border-radius:3px; font-size:65%; line-height:100%; text-align: center; } .moduleStream .tdBroadcastSubmit { text-align: right;} .moduleStream .tdBroadcastSubmit .gi { font-size: 100%; vertical-align: -4%;} #formBroadcast .elementFollow { width:100%;} .prioRow { position: relative; } .prioRow::before { position:absolute; content: ""; width:100%; height:100%; } /* ======================== | chat rows ======================== */ #chatFormMsg .field textarea { padding:0.3em 0.5em; border:1px solid #bbb!important; border-radius: 7px!important; font-size:1em } .chatRow { margin-bottom:0.6em;} .chatRow .timestamp { color:#c2c2c2; font-size:80%; padding:0 0 5px 37px; line-height:1.2em; } .chatRow.me .timestamp { padding-left:0; } .chatRow .td.user { vertical-align: top; width:37px; background-color:#f0f0f0; position:relative;} .chatRow .td.user .wrapper { position: absolute; top:0; bottom:0; right:0; left:0; background-color: white; border-top-right-radius: 8px; } .chatRow .td.user .profileImg { margin:0; border-radius: 50%; width:27px; height:27px; float:none; display:block;} /*.chatRow .td.msg .wrapper { padding:0.3em 0.5em; border:1px solid #bbb; border-radius: 7px; border-top-left-radius: 0;}*/ .chatRow .td.msg .wrapper { padding:0.5em 0.7em; background-color:#f0f0f0; border-radius: 12px; border-top-left-radius: 0;} .chatRow.me .tr.content { display:flex!important; } .chatRow.me .tr.content .td { order:1; } .chatRow.me .tr.content .td.user { order:2; text-align: right; } .chatRow.me .tr.content .td.msg { width:100% } .chatRow.me .td.user .profileImg { float:right;} .chatRow.me .td.msg .wrapper { border-top-left-radius: 12px; border-top-right-radius: 0;} .chatRow.me .td.user .wrapper { border-top-right-radius: 0; border-top-left-radius: 8px; } /* ======================== | surveys ======================== */ .elementSurvey .loginneeded { background-color: #f3f3f3; padding:0.5em 0.5em 0 0.5em; } /* ======================== | video lightbox ======================== */ .wrapperVideoButton { margin-top:0.3em;} .lightbox { background-color: rgba(0, 0, 0, 0.95); overflow: scroll; position: fixed; display: none; z-index: 1001; bottom: 0; right: 0; left: 0; top: 0; } .lightbox .tb { width:100%; height:100%} .lightbox .gi { font-size:30px; } .lightbox-container { /*position: relative;*/ max-width:100%; /*margin: 27% 0;*/ display: block; padding:0 3%; height: 56.25%; /*z-index: 10;*/ } .lightbox-close { text-transform: uppercase; background: transparent; position: absolute; font-weight: 300; font-size: 12px; display: block; border: none; color: white; top: 25px; right: 25px; } .video-container { /*padding-bottom: 28%;*/ position: relative; /*padding-top: 28%;*/ overflow: hidden; height:750px; } @media screen and ( max-width: 600px ) { .video-container {height:300px;} } @media screen and ( max-width: 800px ) and (orientation: landscape) { .video-container {height:200px;} } .video-container iframe, .video-container object, .video-container embed { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } /* ======================== | footer nav ======================== */ #footerNavDarkener { position:fixed; z-index:3; top:0; bottom:0; left:0; right:0; background-color: rgba(0,0,0,0.25); } .blurred { filter:blur(6px);} .noscroll { overflow: hidden; } div#footerNav { position:fixed; bottom:0px; left:0; right:0; background-color: #525252; opacity:1; color:#ccc; z-index: 4; font-family: Zurich, Arial, Helvetica, sans-serif!important; line-height:13px!important; } #footerNav .wrapperMid { margin-top:0; margin-bottom:0; font-family: inherit; line-height: inherit; padding-bottom: env(safe-area-inset-bottom); } .size6 div#footerNav { right:unset; left:50%; transform: translateX(-50%); border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px 0px 10px 0px #00000033; border:none!important; } .size6 #footerNav .wrapperMid { width:auto; padding-left:0; padding-right:0; } /*.iphonex #footerNav .wrapperMid {padding-bottom:25px; }*/ #footerNav ul, #footerNav li { margin:0; padding:0; list-style: none;} /*.withFooterNav .myFooter { bottom:45px;}*/ .size123 .whiteBg.openGroup { background-color: rgba(200,200,200,0.97)!important;} /* level 1 nav (icons in tab bar) */ #footerNav ul.level1 { display: flex; flex-direction: row; justify-content: space-around; margin-top:6px; margin-bottom:6px; } #footerNav ul.level1.justFew { justify-content: space-around; } .size6 #footerNav ul.level1 { justify-content: center; } #footerNav ul.level1 > li { width: 65px; text-align: center; } .size6 #footerNav ul.level1 > li { width: 75px; } #footerNav ul.level1 > li .caption { color:#fff; font-size:9px; } #footerNav ul .icon svg { width:auto; height:20px; } #footerNav ul .icon svg path, #footerNav ul .icon svg rect, #footerNav ul .icon svg circle{ fill: white; } #footerNav ul a.tab:hover svg { opacity:0.5; } #footerNav ul a.tab.selected svg { opacity:0.5!important; } #footerNav ul.openItem .tab:hover svg { opacity:1; } #footerNav ul a.tab:hover svg { opacity:0.5; } #footerNav ul a.tab:hover svg { transform: scale(1.3); } #footerNav ul .icon svg { transition: transform .4s; } /* dynamic tab for use on page */ #footerNav ul.level1.dynamic { display: block; width:0; height:0; margin:0; padding:0; overflow: hidden;} #footerNav ul.level1.dynamic ul { margin-left:0; } /* level 2*/ #footerNav ul.level1 ul > li.captionPopup { height:45px; line-height: 44px; color:#111; opacity: 0.85; font-size:19px;} #footerNav ul.level1 ul { position:absolute; bottom:47px; min-width:300px; margin-left:-120px; padding-bottom: env(safe-area-inset-bottom); } .size123 #footerNav ul.level1 ul { bottom:3px; left:10px; right:10px; min-width:unset; margin-left:0;} #footerNav ul.level1 ul > li { display: block; width:100%; height:57px; background-color: white; text-align: center; line-height:57px; vertical-align: middle; padding: 0 15px; border-bottom:0.5px solid #ccc; background-color: rgba(250,250,250,0.98); } #footerNav ul.level1 ul > li a { display:table-row; } #footerNav ul.level1 ul > li .tb { height:100%; } /*#footerNav ul.level1 ul > li.closer { box-shadow: 0 6px 18px -14px #000; }*/ #footerNav ul.level1 ul > li.sysadminonly { background-color: #e2ecf8 !important; } #footerNav ul.level1 ul > li:last-of-type { border-radius:10px; margin-top:10px; font-weight: bold;} #footerNav ul.level1 ul > li:first-of-type { border-top-left-radius:10px; border-top-right-radius:10px; } #footerNav ul.level1 ul > li:nth-last-child(2) { border-bottom-left-radius:10px; border-bottom-right-radius:10px; } #footerNav ul.level1 ul > li:nth-last-child(2), #footerNav ul.level1 ul > li:last-of-type { border:none; } #footerNav ul.level1 ul > li .caption { display:table-cell; vertical-align:middle; color:#3977F2; font-size:19px; line-height:19px; } .size123 #footerNav ul.level1 ul > li.smaller .caption { font-size:17px; line-height:19px; } /* ======================== | module dir ======================== */ .dirUserList label.main { width:60%;} .dirFuncChooser { position: relative; } .selectedFuncs { z-index: 1 } .availableFuncs { position:absolute; margin:-100px 0 0 -50px; background-color: rgba(255,255,255,0.98); padding:10px; z-index: 3; width:250px; } .availableFuncs .wrapper { clear:both; max-height:400px; overflow-y: scroll; padding-right:20px; } .availableFuncs .closer { display:inline-block; margin:-20px -20px 0 0; width: 19px!important; height:19px!important;; border-radius: 50%; background-color: white; text-align: center; line-height:19px; color:white; border:3px solid white; } .availableFuncs .closer .gi, .availableFuncs .closer .fa { opacity: 1;} .dirUserList .selectedFuncs { cursor: pointer;} .dirUserList .contentright { width:5.5em;} .dirUserList .profileImg { width:35px; height:35px; float:none; vertical-align: -15px; display: inline-block; border-radius:50%;} .dirUserList .td.colIcon { width:75px!important;} .dirUserList.overview .td.colIcon { width:50px!important;} .dirUserList.overview .td.linkedObjects { width:50%;} .dirUserList .tb .header .addinfo { width:35%!important; text-align: left; padding-left:1em;} .dirUserList .refUser { border-left: 10px solid #1A99CE!important; } #listDepartments .contentright { width:200px; text-align: left;} #listDepartments .colfunc { width:150px;} #listDepartments .caption { font-weight: bold; font-size:120%; margin:1em 0 0.5em 0;} #listDepartments .addDeptButton {vertical-align: 2px;} /* ======================== | module desk ======================== */ .deskFormList .statuscount { float:right; font-weight: normal; width:30%;} .moduleDeskFormDetail .colMain, .moduleDeskFormDetail .colIcon, .moduleDeskFormDetail .contentright { vertical-align: top;} .moduleDeskFormDetail .td.colIcon { width:50px; } .moduleDeskFormDetail .td.colMain { width:200px; } .moduleDeskFormDetail .td.contentright { width:120px; } .moduleDeskFormDetail .formData table { width:100%;} .moduleDeskFormDetail .formData table td { padding:3px 5px; background-color: #f8f8f8; } .moduleDeskFormDetail .setStatus .tb { border-top: 1px dotted #ccc;} .moduleDeskFormDetail .setStatus .tb .td { vertical-align: middle!important; padding:5px 0 3px 0;} .moduleDeskFormDetail .setStatus .tag { margin:0;} .moduleDeskFormDetail .td.colradio, .deskFormList .elementLinkRow .wrapperIcon { width:2em;} .moduleDeskFormDetail .td.desc{ width:150px;} .moduleDeskFormDetail .td.notif { text-transform: none; opacity: 0.8; line-height: 135%;} .deskFormList .tb .header .addinfo { width:250px; max-width: none;} .deskFormList .tb .contentright { width:60%; text-align: left;} .deskFormList .tb .colIcon { width:30px;} .deskFormList .tb .colfunc { width:65px;} .deskFormList .tb .contentright .request { width:60%; float:left; } .deskFormList .tb .contentright .status { width:40%; float:right; } .countBadge.red { background-color: #cc0000;} .countBadge.green { background-color: #25b125;} .countBadge.orange { background-color: #e88609;} .countBadge.gray { background-color: #666;} .keyValueTable td .caption { font-weight: bold; padding:0.6em 0 0.3em 0; } /* ======================== | module event registration ======================== */ .ucEdit.dateList .td.colfunc { width: 90px;} /*.elementEventReg .theRow .colPinIcon { width: 35px;}*/ .elementEventReg .theRow .td.colPinIcon svg, .elementEventReg .theRow .td.colPinIcon img { width: 20px; height:auto;} .elementEventReg .theRow .td.addcol1, .elementEventReg .theRow .td.addcol2 { width: 160px!important;} .elementEventReg .theRow .td.addcol1 { width:180px!important; max-width: none;} .elementEventReg .theRow .td.colfunc { width:180px} .size6 .elementEventRegFrontend .theRow .td.addcol1, .size6 .elementEventRegFrontend .fancyAltList .tb .header .addinfo { width:190px; max-width: none;} .size3 .elementEventRegFrontend .theRow .td.addcol1, .size3 .elementEventRegFrontend .fancyAltList .tb .header .addinfo { width:100px; max-width: none; } .elementEventRegFrontend .inputDataLabel { width: calc(100% - 50px);} .elementEventRegFrontend .fancyAltList .tb .header .icon { vertical-align: middle; width:49px; } .elementEventRegFrontend .fancyAltList .tb .header .icon .customimage { width:30px; height:30px; border-radius: 0; } .elementEventReg .conf .theRow .td.addcol1 { width: 150px!important;} .inputDataLabel { font-size:80%; opacity: 0.5; letter-spacing:0em; } .eventRegForm .addDate { font-size:150%; float:right;} @media screen and ( min-width: 768px ) { .onlineInlineLabel { display: inline-block; min-width: 8em; margin-right:1em;} .eventRegForm .addDate { margin-top:-0.5em; } } .eventregTooClose { opacity:0.5; } /* ======================== | module payment ======================== */ .elementPaymentList .colIcon { width:55px;} .elementPaymentList .colInnerDesc { width:calc(100% - 180px); float:left;} .elementPaymentList .colInnerInfo { width:180px; float:right;} .elementPaymentList .td.addcol3 { width:180px; } .elementPaymentList .td.colfunc { width:80px; } .elementPayment .rowMethod { background-color: #f1f1f1; padding:1em; margin-bottom:0.3em; } .elementPayment .rowMethod .tag { background-color: #fff; } .gridTable { border-spacing: 0; border-top: 1px solid #f1f1f1; width:100%; } .gridTable td { padding:0.3em 0; border-bottom: 1px solid #f1f1f1; } .gridTable td.colLabel { width: 200px; } /* ======================== | notif center ======================== */ .elementNotifCenter .fancyAltList .tb .header .badgeIconMini { background-size: 15px 15px; background-position: center center; } .elementNotifCenter .fancyAltList .tb .header .badgeIconMid { margin-right:10px;} .elementNotifCenter .fancyAltList .tb .header .badgeIconMid.noBgCol { background-color: white; } .elementNotifCenter .theRow .wrapperIcon { width:44px; } .elementNotifCenter .theRow .header .addinfo { width:30%; text-align: left; } .inlineSubscription { border:none; width:100%; height:auto;} /* ======================== | smartcity ======================== */ .smartCityDetail .colIcon { width:45px;} .smartCityDetail .colIcon .catIcon img { width:30px;} .smartCityDetail .contentright { text-align: left;} .smartCityDetail .colfunc { width:50px; padding-left:1.5em;} .smartCityDetail .theRow .colfunc { width:150px; } .smartCityDetail .theRow .colfunc .button { margin-left:10px; } .smartCityDetail .theRow .colfunc .button svg path { fill: white; } /* dashboard */ .elementSmartCityDashboard { margin:1em 0 1em 0; } .smartcityDashboard .badgeIcon { width:24px; height:24px; } .smartcityDashboard .badgeIcon img { width:15px; height:15px; } .smartcityDashboard .theRow .tb .td.icon { vertical-align: middle; } .smartCityAvgRow .td.icon { position: relative; } .smartCityAvgRow .trendIndicator { font-size: 10px; position:absolute; left:-4px } /* list values */ .smartCityListRow .colImage { width:40px;} .smartCityValue { display: inline-block; margin:0.2em 0.6em -0.1em 0; } .smartCityValue .num { font-size:100%; } .smartCityValue .unit { font-size:85%; } .smartCityValue .caption { font-size:85%; } .smartCityValue .badgeIcon, .smartCityValue .catIcon { display: inline-block; width:16px; height:16px; margin:0; vertical-align:0; } .smartCityValue .icon .badgeIcon img { width:12px; height:12px; margin-top:12%;} .smartCityValue .icon .catIcon img { width:16px; height:16px;} .smartCityValue .icon { margin:0 0.2em 0 0; vertical-align: -15%; filter: grayscale(1); opacity: 0.5} /* avg list row */ .smartCityAvgRow .td.icon { width:42px; } .smartCityAvgRow .badgeIcon { width:34px; height:34px; border-radius: 50%; } .smartCityAvgRow .badgeIcon img { width:19px; height:19px; } .smartCityAvgRow .value { font-size:29px; } .smartCityAvgRow .val { font-weight: bold; } .smartCityAvgRow .addinfo { text-align: right; } .smartCityAvgRow .caption { font-weight: bold; } @media screen and ( max-width: 400px ) { .elementSmartCityDashboard .tiles { justify-content: space-between; } .elementSmartCityDashboard .row { width:calc(33.33% - 2.5px); margin:0 0 5px 0; } } @media screen and ( max-width: 290px ) { .elementSmartCityDashboard .row { width:calc(50% - 2.5px); margin:0 0 5px 0; } } /* dashboard favorites / tiles mode */ .smartcityDashboard.flexContainer { gap: 1px; } .smartcityDashboard.flexContainer .tile { box-sizing: border-box; width: calc(25% - 1px); background-color: #f1f1f1; padding:12px; line-height:130%; background-blend-mode: soft-light; background-repeat: no-repeat; background-size: cover;} .smartcityDashboard.flexContainer .tile * { color:white; } .size3 .smartcityDashboard.flexContainer .tile { width: calc(50% - 0.5px); } .smartcityDashboard .tile .smartCityAvgRow .unit, .smartcityDashboard .tile .smartCityAvgRow .icon { text-align: right; } .smartcityDashboard .tile .smartCityAvgRow .icon { width:40px; position: relative; } .smartcityDashboard .tile .smartCityAvgRow .icon img { width:32px; height:32px;vertical-align: text-bottom; } .smartcityDashboard .tile .smartCityAvgRow .trendIndicator { font-size: 10px; position:absolute; left:-4px } .smartcityDashboard .tile .smartCityAvgRow .unit, .smartcityDashboard .tile .smartCityAvgRow .addinfo { font-size:100%; vertical-align: top; } .smartcityDashboard .tile .smartCityAvgRow .unit { float:right; } .smartcityDashboard .tile .smartCityAvgRow .value { text-align: right; } .smartcityDashboard .tile .smartCityAvgRow .val { font-size:34px; vertical-align: middle; } .smartcityDashboard .tile .smartCityAvgRow .addinfo { text-align: left; } /* parking rows */ .parkingRow .value { font-size:100%; width:6em;} .parkingRow .addinfo { text-align:left; } .parkingRow .caption { } .parkingRow .val { display: inline-block; width:30px; border-radius:3px; text-align: center; padding:0 0.3em; margin-right: 0.3em;} .parkingRow .available .val { background-color:#87AD01; color:white; } .parkingRow .occupied .val { width:25px; } .size123 .parkingRow .value { display: inline; width:8em;} .parkingRow .unavailable { text-align: right;} .parkingRowDetail .value { display:inline; font-size:24px; width: auto; margin-right:1em;} .parkingRowDetail .available .val { color:#87AD01; background-color: inherit; } .parkingRowDetail .val { width:auto!important; padding:0; } .parkingRowDetail .occupied .val { color: #C0000A; } .parkingWidget .parkingRowDetail .value { font-size: 22px;} .parkingWidget .parkingRowDetail .icon { width: 40px; } .parkingWidget .icon img { width: 23px; height:23px; margin-top:20%;} .parkingWidget .val { color:white!important; display: inline-block; border-radius:3px; text-align: center; padding:0 0.3em; margin-right: 0.3em;} .parkingWidget .available .val { background-color:#87AD01;} .parkingWidget .occupied .val { background-color:#C0000A;} .parkingWidget .addinfo { margin-bottom:0.2em; } /* ============================== | module favorites (merkliste) ============================== */ .elementFavorites .fancyAltList .smallicon .tb .header .icon .customimage { width:20px; height:20px;} .elementFavorites .fancyAltList .theRow { padding-top:12px; padding-bottom:11px;} .elementFavorites .fancyAltList .td.del { width:40px; text-align: right; } .elementFavorites .fancyAltList .smallicon .tb .header .icon { vertical-align: middle; width:37px; } .elementFavorites .fancyAltList .tb .header .caption { font-weight: normal } .elementFavorites .fancyAltList .smallicon .tb .header .icon .customimage { border-radius: 0;} .elementFavorites .draggable { display: table-cell; width:auto; } /* ============================== | content rotator ============================== */ .wrapperRotator { padding-bottom: 0.5em;} .sectionHeader { margin-bottom:0.8em; display: table; width:100%; } .sectionHeader .item { display:table-cell; vertical-align: bottom; line-height:100%; } .sectionHeader .caption { font-size: 150%; } .sectionHeader .more { text-align: right; padding-bottom:1px; } .elementRotator { padding-bottom: 30px!important;} .elementRotator a { display: block; color: inherit!important; } .elementRotator .image { width:100%; height:100px; background-repeat: no-repeat; background-position: center center; background-size: cover;} .elementRotator .textWrapper { padding:8px 14px 12px 14px; } .elementRotator .text { hyphens: auto; } /*.size3 .elementRotator .text { height:60px; }*/ .elementRotator .text .lead { font-weight:normal; } .elementRotator .text h3 { padding:0; margin:0!important; font-size:100%; color:inherit!important; } /*.size3 .elementRotator .text h3 { max-height: 40px; overflow: hidden; }*/ .wrapperRotator.swiper { width:100%; position: relative;} .size3 .wrapperRotator.widthPreview section.effect-slide { margin-left:-19px; padding-left:19px; margin-right:-19px; } .wrapperRotator .swiper-pagination { bottom: 5px!important;} .wrapperRotator .swiper-pagination-bullet { background-color: #777!important; } /* ============================== | tiles ============================== */ .oddColor { background-color: #f8f8f8; } .tiles { display: flex; justify-content: flex-start; gap:8px 8px; flex-wrap: wrap; padding-bottom:1em; } .tiles .tile { display:block; width:calc(33.333% - 5.33px); text-align: center; color:inherit!important; } .tiles .tile .icon { padding: 20px 20px 17px 20px;} /*.tiles .tile:hover { transition: transform .4s; transform: scale(1.05); }*/ .tiles .tile .icon svg, .tiles .tile .icon img { height:34px; width:auto; } .tiles .tile .caption { margin-top:6px; font-size: 90%; } @media screen and ( min-width: 768px ) { .tiles .tile { width:calc(16.666% - 6.66px); } .tiles .tile .icon { padding:30px; } .tiles .tile .icon svg, .tiles .tile .icon img { height:50px; width:auto; } } /* ============================== | module newsletter ============================== */ .nlItemRow .thumb { width: 120px; height:80px; float:right; background-size: cover; margin:0 0 15px 15px; } .fancyAltList .tb .header .icon .nlThumb { border-radius:0; width:120px; height:auto; margin-right:1em;} .size3 .fancyAltList .tb .header .icon .nlThumb { border-radius:0; width:70px; height:auto; margin-right:1em;} /* ============================== | module loginplus ============================== */ .elementInfoBox { } .elementInfoBox .tb { border-spacing: 2px; margin:-2px; } .elementInfoBox .td { padding:1em;} .cmsBgGray .elementInfoBox .td { background-color: rgba(255,255,255,0.07); } .elementInfoBox .td.icon { width:80px; min-height:80px; text-align: center; } .elementInfoBox .td.icon .fa{ font-size:70px; opacity: 0.6;} .elementInfoBox.small .tb { border-spacing: 0; margin:0; } .elementInfoBox.small .td { padding:0.8em 19px; } .elementInfoBox.small .td.icon { width:24px; min-height:unset; text-align: center; vertical-align: top; padding-right:0; } .elementInfoBox.small .td.icon .fa{ font-size:24px; opacity: 1;} /* ============================== | module bulky waste ============================== */ .mapSearch { } .mapSearch input { width: calc(100% - 40px - 10px)!important; height:38px!important; } .mapSearch .button { width: 40px; min-width:unset; margin:0 0 0 10px; padding:0; font-size:18px;} .fullwidthMap { position: fixed; left:0; right:0; bottom:0; } .fullwidthMap .locationPicker { height:100%; } .ucEdit .theRow .note { font-size:90%; color:#444; padding:0.4em; background-color: #f1f1f1; margin-left:2em; border-radius:10px; border-top-right-radius: 0; border-bottom-left-radius: 0;} .ucEdit .theRow:nth-child(odd) .note { background-color: #ececec;}