/* //////////////////////////////////////////////////////////////////////// // 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] // // // //////////////////////////////////////////////////////////////////////// */ @media screen and ( max-width: 480px ) { .wideOnly { 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 */ .wrapperContentInner { padding:0 0px 15px 0px; margin-bottom:0em; } .wrapperContent { position:relative; } .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/templates/anthrazit/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;} #dynTopMsgContainer #topMsg { } /* ======================== | 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/templates/mopage/cms/cms_sprite.png) 0px -18px no-repeat; padding-left:20px;} .online .selected .spriteMopageSitemap { background-position:0px 0px;} .online .spriteMopageSettings { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) 0px -52px no-repeat; padding-left:18px;} .online .selected .spriteMopageSettings { background-position: 0px -37px;} .online .spriteMopageStats { background:url(/appl/grfx/templates/mopage/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 { background:url(/appl/grfx/templates/mopage/cms/bg_altlist.png) top left; } .online .elementSitemapTree .treeview li { line-height:28px; vertical-align: middle; } .online .elementSitemapTree .sprite { display:block; float:left; width:16px; height:16px; margin:6px 0.5em 0 0; background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat; overlow: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.6;} .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/templates/mopage/cms/cms_sprite.png) no-repeat 6px -1260px;} .elementSitemapTree .spriteFuncRed { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 6px -1236px;} .elementSitemapTree .spriteFuncPreview { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -309px; margin:0 0em 0 0.5em;} .elementSitemapTree .spriteFuncUp { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 6px -333px;} .elementSitemapTree .spriteFuncDown { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 6px -355px;} .elementSitemapTree .spriteFuncDelete { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 6px -1005px;} .elementSitemapTree .spriteFuncExpired { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -1162px;} .elementSitemapTree .spriteFuncInTime { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -1216px;} .elementSitemapTree .spriteFuncFuture { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -1189px;} .elementSitemapTree .spriteImport { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -1569px; margin-left:0.5em;} .elementSitemapTree .spriteSubscriptionOff { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -1604px; margin-left:0.5em;} .elementSitemapTree .spriteSubscriptionOn { background:url(/appl/grfx/templates/mopage/cms/cms_sprite.png) no-repeat 0px -1632px; margin-left:0.5em;} .elementSitemapTree .spriteSubscriptionPast { background:url(/appl/grfx/templates/mopage/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: 300px; 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: 450px; } .gllpMapHalf { height:100px; } /* 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 .colLeft { width:25%; float:left; } .objEdit .colLeft {font-size: 90%; } .objEdit .colLeft .submitLink {font-size: 111.11%; } .objEdit .colLeft label.before { width: 27px; } .objEdit .colLeft .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 .colRight { width:72%; float:right; } .objEdit .block { margin: 0 0 0 0; border-top: 1px solid #aaa; padding: 11px 0 11px 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 { border-bottom: 1px solid #aaa;} .objEdit .tab .block:last-of-type { border-bottom: none; } .objEdit .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 .blockSubmit .submitLink { display:block; padding:10px 0 10px 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 {padding:0; } .objEdit .block .imgToggler { display:block;} .objEdit .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:20px; width:auto; vertical-align: -5px; margin-left:0.7em;} .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: 8px; border-top-right-radius: 8px;} .objEdit .tab { border:1px solid #aaa; border-top: none; padding:10px; margin-bottom:1em; } .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; } .elementDocEdit .icon { height:17px; width:auto; margin:0 0.5em 0 0.5em; vertical-align: -2px; } .elementDocEdit .draggable { margin-right:0.6em;} .elementEditImages .handleMove { height:20px; width:auto; vertical-align: 40px; margin-left: 1em;} .elementEditImages .deleteLink { margin-top:65px; } .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;} .appInfo tr td+td { word-break: break-all;} .appInfo tr td:first-child {color: #aaa;} .appInfo { border-spacing: 0; margin-top:1em; border-bottom:1px solid #fff;} .appInfo tr td { border-top:1px 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 .colLeft .userstats .profileImg { width:14px; height:14px; margin-right:0.3em; border-radius:1px; } .cmsObjPreview .image { width:33%; height:auto;} .dayIndicator { min-width:14px; text-align:center; border-radius: 3px; background-color: #bbb; color: white; display:inline-block; padding: 0.3em 0.3em; line-height: 100%; font-size:70%; margin-right:0.3em;} /* ======================== |new sitemap // ======================== */ .elementSitemap ul { padding: 0; margin: 0; list-style: none; } .elementSitemap .treeviewflat { background:none; border-bottom:1px solid #ccc;} .elementSitemap li { list-style: none; line-height:40px; vertical-align: middle; border-top:1px solid #ccc; background-color: white;} .elementSitemap .dragging, .dragging { box-shadow: 0px 1px 10px -4px #000; } .elementSitemap .placeholder { border-top:1px solid #9a9a9a; min-height:41px; } .elementSitemap li.nav { background-color: #efefef;} .elementSitemap li.tab { background-color: #ccc;} .elementSitemap .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;} .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; font-size:90%; 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:120%; font-size:85%; 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; } .online .elementSitemap .topfunc { width:264px; } .elementSitemap .functions .help, .help { cursor: help;} .elementSitemap .functions .func { display:inline-block; width:1.8em; } .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 .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, .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%; } .elementSitemap .editLink img { width:15px; height:auto; display:inline-Block; } .elementSitemap .editLink:hover img { filter: grayscale(100%); } .elementSitemap .functions .funcEdit { width:2.5em; } .size123 .elementSitemap .functions .funcEdit { width:auto!important; } .elementSitemap .functions .siblingtype { font-size:8.5px; color:#aaa; text-transform: uppercase; line-height:120%; display:inline-block; vertical-align: middle;} .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 .edited { background-color: #e0f5ff; } .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:0.5em; } .elementSitemap .legend img { width:17px; height: auto; vertical-align: middle;} .elementSitemap .badgeIcon { height:24px; width:24px; line-height:22px; background-color: #2595c3; opacity:0.8;} .elementSitemap .badgeIcon img { height:16px; width:auto; } .elementSitemap .locked { height:14px; width:auto; margin-right:4px; vertical-align: -0.1em; opacity: 0.6; } /* 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 .functions .func { text-align: left; } .elementCmsHistory .profileImg { width:26px; height:26px; border-radius:3px; } .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 { 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 { font-weight:bold; font-size:90%; margin-bottom:5px; } .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 { 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/templates/mopage/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;} .previewButtons { margin:0 0 10px 0;text-align:center;} .online .columnRight { overflow:visible; } .elementCmsPreview { background:url(/appl/grfx/templates/mopage/cms/iphone4mask_xs.png) no-repeat top left #fff; width:298px; height:571px; } .elementCmsPreviewEmpty { width:298px; height:610px; } .elementCmsPreview .wrapper { padding:95px 0 0 22px; } .elementCmsPreview .previewFrame { background-color:white; width:256px; height:405px; overflow:auto; border:solid 0.5px black; } /*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; } .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;}*/ .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:1px solid #888; border-radius:5px; padding:6px 8px 7px 8px; height:13px; max-width:40px; display:block; background:url(/appl/grfx/mopage/bgoverlay.png) bottom left repeat-x; }*/ .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; } .mmw .blockTop .buttonHeader img { 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; } /* 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; } /* 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; } #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; } #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;} /* new obj icons in link rows*/ /* ads */ .mmw .elementBannerSkyscraper { border-left:10px solid #fff; margin-top: -131px;} .mmw .columnAds { width: 170px; } /* tiny header */ .elementMopageTinyHeader { z-index:1; background-color:#ccc; font-size:11px; padding:1px 19px 0 19px!important; font-weight: bold; position:relative;} .elementMopageTinyHeader * { vertical-align: middle; } .elementMopageTinyHeader a { display:block; color:inherit; line-height:26px; } .elementMopageTinyHeader a:hover { color:inherit; } .elementMopageTinyHeader .favicon { height:16px; width:auto; line-height: 16px; margin-right:1em; vertical-align: -0.25em;} /* 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:20px; } /*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: #eee; width:100%; padding:8px 19px 8px 19px; opacity:0.94; filter:alpha(opacity=94); } .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; } /* 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; } .size6 .wrapperTopImage { margin-top:50px; margin-bottom:25px;} .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: 768px ) { .topImageContainer { height:300px;} }*/ @media screen and ( max-width: 600px ) { .topImageContainer { height:200px;} } @media screen and ( max-width: 320px ) { .topImageContainer { height:150px;} } /* ================================ | 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:3px; left:3px; width:20px; height:auto; z-index: 10; } .wrapperFullWidth #Gallery .slideshowStart { bottom:5px; left:5px; } /* ======================== | obj attributes // ======================== */ .elementAttributes { margin:0 0 1.2em 0;} .elementAttributes .attrRow { margin-bottom:0.2em; } .elementAttributes .caption { font-weight:bold; } .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; } /* ======================== | obj rating new // ======================== */ .elementRatingObj { margin-top:0} .elementRatingObj .stars { width:80px; float:left;} .elementRatingObj .caption { float:left; 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:190px; 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; } /* 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:65px; padding-bottom:1px; } .elementComments form .commentSubmitButton .gi { font-size: 130%; line-height:100%; vertical-align: text-bottom; margin-left:-5px; } .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; } .elementComments .row:first-of-type { border-top: 1px dotted #ddd; padding-top:0.5em!important;} /*.elementComments .row:last-of-type { border: none; }*/ .elementComments .subrow { margin-top: 0.5em; border-top: 1px dotted #ddd; padding-top:0.3em; margin-left:30px; } .ucEdit .elementComments .subrow { margin-top: 0.3em; } .elementComments .date { color: #aaa; font-size:85%; font-weight: normal; } .elementComments .name {font-weight: bold; margin-bottom: 0; } .elementComments .name a.edit {font-weight: normal; float:right; } .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:0.5em;} .loginneeded .gi { font-size:80%; } .row .loginneeded { margin-bottom:0; } .elementComments .row .icon { width: 30px; vertical-align: top; padding-top:3px; } .elementComments .indent, .ucEdit .elementComments .indent { margin-left:30px; } .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:2px; } .elementComments .submitCaptcha { margin-top:0.2em;} .elementComments .readonlyLine { line-height:1.8em; font-weight: bold; } /* ======================== | obj emergency numbers // ======================== */ .elementEmergency .row { margin: 0 0 12px 0; padding:0 0 0 0!important;} .elementEmergency label { font-weight:bold; } .elementEmergency .info { font-size:85%; margin:0 0 0.2em 0; line-height: 110%; } .elementEmergency .buttonRow { margin: 4px 0 0 0; letter-spacing: 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 { } /* ======================== | 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 .profileImg { display:block; width: 147px; height:147px; } .elementUserSettings .profileimage { width:167px; vertical-align: top; } @media screen and ( max-width: 480px ) { .elementUserSettings .profileimage { width:80px; } .elementUserSettings .profileImg { width:70px; height:70px; } } .elementProfile .profileImg { display:block; width:80px; height:80px; float:none; margin-right:0; } .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.8em 0 0.8em 0; border-top:solid 1px #ccc;} .elementProfile .table:last-of-type { border-bottom:solid 1px #ccc; } .elementProfile label { display:block; font-weight:bold; } .elementProfile .table .edit { text-align:right; } .elementProfile .edit a { display:inline-block; width: 1.5em; background-image: url(/appl/grfx/bg_goto_ios7.png); background-position: center right; background-repeat: no-repeat; background-image: -webkit-image-set(url(/appl/grfx/bg_goto_ios7.png) 1x, url(/appl/grfx/bg_goto_ios7_retina.png) 2x); } .elementProfile .edit { width:2em; } .elementProfile .visibility { width:4em; text-align: right; font-size:85%; } .elementProfile .shareOptionTile { padding-bottom:0; height:auto;} .profileInitials { background-color: #ccc; 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 { border:1px solid #ddd; 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.3em; } #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-iw { line-height:125%; font-size:14px!important; font-family: Zurich, Arial, Helvetica, sans-serif;} .gm-style .gm-style-iw div { overflow: visible!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 label { font-weight:normal; } .elementEditSubscription form .radio { width:25px; vertical-align: middle; } .elementEditSubscription form .checkbox { width:65px; vertical-align: top; } .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:30px; } .changeSubscription { line-height:18px;} .changeSubscription img { height:12px; width:auto; margin:3px 0 0 3px; padding:0!important; } .changeSubscription .changeSubscriptionIcon { background-color:#aaa; display:inline-block; height:18px; width:18px; border-radius: 9px; } .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; margin-top: -3em; clear:right} .ucInlineSearch .elementInlineSearch { margin:0; } .ucListNav a.selected { color:inherit!important; font-weight:bold; } .ucEdit .colLeft { width:30%; float:left; } .ucEdit .colRight { width:67%; float:right; } .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: #888; 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: #888; 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 .addInfo { display: inline-block; margin:0; vertical-align: middle; max-width: 55%; } .catListPublic .caption { display: inline-block; width:44%; word-break: break-all; } .catListPublic .elementLinkRow img { opacity: 0.7; } .catListPublic img.catIcon { height:20px; width:20px; vertical-align: middle; margin-right:0.5em;} .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 { float:left; margin-right:1em;} .ucEdit .mapenlarge img { height:20px; width:auto; vertical-align: middle; margin-top:4px;} .ucEdit .assetData tr td:first-child { width:auto; padding-right:1.5em; } .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;} /* 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:200px!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; } } #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:3px; } .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:185px; background-size: cover; background-position: center; background-repeat: no-repeat!important; } .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:20%; } .gllpLatlonPicker .search .colButton input.gllpSearchButton { width:100%!important; min-width: 0; } @media screen and ( max-width: 700px ) { .gllpLatlonPicker .search .colButton { width:15%; } } .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 { background-color:#b71209; } .ucStatusFrontgruen { background-color:#25b125; } .ucStatusFrontorange { background-color:#e88609; } .ucStatusFrontgrau { 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 .info { font-size:10px; text-transform: none; } .ucEdit .setStatus label img { width:24px; height:auto; } .ucEdit .setStatus .colPinIcon { text-align: center; } .ucEdit .divider { border-bottom: 1px dotted #ccc!important;} .ucEdit .stars .star { width:14px; height:14px; margin-left:2px;} 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;} .ucEdit .lastEditor { font-size:80%; float:right; text-align: right; } .size123 .ucEdit .lastEditor { float:none; text-align: left; } .daysago { color: #5e99b6; } .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;} .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; } .size3 .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*/ .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: #f1f1f1; } .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;} .dragger { width:50px;} .tag { 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:white; 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 img { height:14px; width:auto; vertical-align:-0.2em; opacity:0.7;} /* 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%; } } /* 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 .current .step .num { animation-name: pulse; animation-duration: 3s; animation-iteration-count: infinite; -webkit-animation-name: pulse; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; } .step-indicator .caption { box-sizing: border-box; color: #e5e5e5; padding: 11px 16px; font-size:90%; } @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 #ccc; } .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; } /* 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; } /* ======================== | 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; } /* ======================== | module static block right ======================== */ .blockStaticRight { line-height:140%; border-bottom:1px solid #ccc; margin-bottom:1em; padding-bottom:1em; } .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 .link img.icon { height:22px; width:auto; margin-right:8px; vertical-align: -5px;} .blockStaticRight .link .gi { font-size:100%; padding-right:5px; 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;} /* ======================== | 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 .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 { width:40%; } .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 { padding:10px; background-color: #f6f6f6; margin-top:1em; font-size:90%;} .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.3; } .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;} .elementCugMemberlist .funcs .buttonSmall { width:100%; } .elementCugMemberlist .profileImg { width:30px; height:30px;} .elementCugMemberlist .colImage { width: 40px;} .elementCreatorInfo { float: right; font-size:90%; } .elementCreatorInfo a { color:inherit!important; } .elementCreatorInfo .profileImg { display:inline-block; float:none; width:20px; height:20px; vertical-align: middle; } .tagCloud { width:30%;} .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 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%;} /* ======================== | slippery slider ======================== */ .slippry { font-size: 170%; line-height: 130%;} .mobile .slippry .wrapperMid { margin-top:0; margin-bottom:0;} .slippry, .slippry h1 { color:white!important; 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; } .slippry li .tb { width:100%; height:100%; } .slippry li .td { vertical-align: middle; height: 500px; } @media screen and ( max-width: 768px ) { .slippry { font-size: 120%; line-height: 130%;} .slippry h1 { font-size: 140%!important; } .slippry li .td { height: 200px; } .slippry .wrapper { padding:2em 19px 2em 19px; margin-top:-1.5em; } } @media screen and ( max-width: 320px ) { .slippry li .td { height: 150px; } }