/* -------------------------------------------------------------------------------------- client specific rules: (html) .js : client supports javascript (body) .ie6 : client is Internet Explorer 6 .ie7 : client is Internet Explorer 7 .ie6-7 : client is Internet Explorer 6 or 7 .ie8 : client is Internet Explorer 8 .ie9 : client is Internet Explorer 9 and above .non-ie : client is Non-IE -------------------------------------------------------------------------------------- compatibility (lakeparty specific): refer to / = Partially supported, - = Not supported, W = Workaround (JS/filter) (ie6) ie7 ie8 ff3 ff3.5 ff3.6 (s3) s4 (c3) c4 (o9.6) o10 o10.5 rgba() - - - X X X X X X X - X X text-shadow W W W - X X X X X X X X X border-radius - - - X X X X X / X - - X box-shadow - - - - X X X X X X - - X -------------------------------------------------------------------------------------- structure of stylesheet: global (e.g. layout, typo, forms) > elements (e.g. headline, content box, gallery, event) > sections (e.g. elements in: header, footer, content, main column, sidebar) > pages (e.g. elements on: homepage, profile page) -------------------------------------------------------------------------------------- table of contents: > global - init/reset - typo - buttons - forms - misc, tools - layout - advertising > elements - tabs - infocards + tooltips - events - party pics - user box - filter box - info box - image gallery - gallery index - slideshow - grey box - calendar - stepping - flip forward/backwards - info bubbles - status infos - responses - comment - activity - misc > sections - header - content - footer > pages - homepage - group - messagecenter - location */ /* GLOBAL */ /* -------------------------------------------------------------------------------------- * init/reset * -------------------------------------------------------------------------------------- */ /* reset */ html, body, h1, h2, h3, h4, h5, h6, p, a, address, blockquote, pre, dl, dt, dd, ol, ul, li, img, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } *:focus{ outline: none; } ul, ol { margin-bottom: 1em; padding-left: 2em; } th, td { vertical-align: top; text-align: left; } textarea { resize: vertical; } /* html, body */ html { height: 100%; padding-bottom: 1px; /* always show vertical scrollbars */ } body { font-size: 12px; font-family: Helvetica, Arial, sans-serif; background-color: #AEC7CF; background-image: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/body_pimples.jpg'); background-repeat: no-repeat; background-position: center 160px; color: #333; width: 100%; min-height: 100%; } body.onlinelist { background: #AEC7CF; } /* -------------------------------------------------------------------------------------- * typo * -------------------------------------------------------------------------------------- */ /* common */ h6, h5, h4, h3, h2, h1, p, li, dt, dd, th, td { /* init */ font-size: 12px; line-height: 18px; font-weight: normal; color: #4c4c4c; } h6, h5, h4, h3, h2, h1 { font-weight: bold; } p { margin-bottom: 18px; } .uppercase { text-transform: uppercase; } /* headlines * (»html *« overrides css specifity) */ html * .h-big { font-size: 24px; line-height: 24px; font-weight: bold; margin-bottom: 18px; } html * .h-medium { font-size: 16px; line-height: 18px; font-weight: bold; margin-bottom: 18px; } html * .h-medium a { font-weight: bold; } html * .h-small { font-weight: bold; margin-bottom: 18px; } html * .h-smaller { font-weight: bold; margin-bottom: 16px; } /* links */ a { text-decoration: none; color: #e5550e; /* orange */ } a:hover, a:focus { /* text-decoration: underline; */ color: #498ca2; /* cyan */ } a:active { outline: none; /* remove dotted borders */ } a:visited { } /* -------------------------------------------------------------------------------------- * buttons (button/a) * -------------------------------------------------------------------------------------- */ /* common */ .button { display: block; float: left; padding: 0 3px; position: relative; /* is parent */ cursor: pointer; } .button + .button, .ie6-7 .button +*+ .button { /* space between multiple buttons */ margin-left: 6px; } .button .rc { position: absolute; top: 0; width: 3px; height: 18px; background: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_buttons.png') no-repeat; } .button .rc-l { background-position: 0 -150px; left: 0; } .button .rc-r { background-position: -3px -150px; right: 0; } button, .button > a { font-family: Helvetica, Arial, sans-serif; font-size: 10px; font-weight: normal; background: transparent url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_buttons.png') 0 -132px repeat-x; color: #fff; text-decoration: none !important; padding: 0 5px; margin: 0; border: 0; height: 18px; float: left; cursor: pointer; } button > span, .button > a > span { white-space: nowrap; line-height: 17px; /* (18px) - 1px visual centering */ } /* browser fixes */ .ie6-7 button, .ie6-7 .button > a { /* IE */ width: auto; overflow: visible; } button > span { /* gecko, eliminate 3px gap */ -moz-margin-start: -3px; -moz-margin-end: -3px; } /* primary */ .button.primary button, .button.primary > a { background-position: 0 -96px; } .button.primary .rc-l { background-position: 0 -114px; } .button.primary .rc-r { background-position: -3px -114px; } /* big */ .button.big button, .button.big > a { font-size: 12px; font-weight: bold; height: 24px; line-height: 24px; } button.big > span, .button.big > a > span { line-height: 23px; /* (24px) - 1px visual centering */ } .button.big .rc { height: 24px; } .button.big button, .button.big > a { background-position: 0 -48px; } .button.big .rc-l { background-position: 0 -72px; left: 0; } .button.big .rc-r { background-position: -3px -72px; right: 0; } /* big + primary */ .button.big.primary button, .button.big.primary > a { background-position: 0 0; } .button.big.primary .rc-l { background-position: 0 -24px; } .button.big.primary .rc-r { background-position: -3px -24px; } /* box */ .button.box .rc-m { width:auto; background-position: 0 -168px; background-repeat: repeat-x; position: static; cursor: pointer; font-family: "Georgia", serif; font-style: oblique; line-height: 9px; padding-left: 3px; } .button.box .rc-l { background-position: 0 -186px; } .button.box .rc-r { background-position: -3px -186px; } .vote-selector .counter, .vote-selector a { display: inline-block; vertical-align: middle; height: 15px; width: 12px; padding-top:3px; } .vote-selector .counter { width: auto; padding-left: 8px; padding-right: 3px; background-image: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/ranking.gif'); background-position: -22px 0; background-repeat: no-repeat; } .vote-selector a > span { display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -5000px; /* hide text */ height: 9px; width: 11px; background-image: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/ranking.gif'); background-position: -11px 0; background-repeat: no-repeat; } .vote-selector a.active > span { background-position: 0 0; } .vote-selector .rc-m:hover a > span { background-position: -11px -9px; } .vote-selector .rc-m a.hover > span, .vote-selector .rc-m a:hover > span { background-position: 0 -9px; } /* backwards / forward */ .button .backwards, .button .forward { display: inline-block; width: 3px; height: 5px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') no-repeat; text-indent: 10px; word-wrap: normal !important; overflow: hidden; } .ie6-7 .button .backwards, .ie6-7 .button .forward { text-indent: 0; font-size: 0px; line-height: 0px; } .button .backwards { background-position: -19px -114px; margin-right: 5px; } .button .forward { background-position: -22px -114px; margin-left: 5px; } /* buttons CSS3 content section only */ .b-level2 .content button, .b-level2 .content .button > a { padding: 0 5px; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .b-level2 .content .button { padding: 0; } .b-level2 .content .button .rc { background: none; display: none; } /* buttons: sidebar */ .content .sidebar > .block button, .content .sidebar > .block .button { float: none; margin-bottom: 5px; margin-left: 0; } .content .sidebar > .block button, .content .sidebar > .block .button > a { float: none; display: block; width: 100%; } .content .sidebar > .block .button > a { text-align: center; width: auto; } /* -------------------------------------------------------------------------------------- * forms * -------------------------------------------------------------------------------------- */ /* hint: you should do the rounded corner thing per jQuery/JS. As the form elements come with flexible widths, it would need too many wrappers otherwise. */ .input.field { width: 300px; /* default width */ display: block; float: left; background: #d1d1d1; padding: 3px; margin: 0 5px 5px 0; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .greybox .input.field { background: #fff; } .input.field > div { background: #fff; padding: 0 3px; line-height: 24px; /* safari */ } .input.field input, .input.field select, .input.field textarea { font-family: Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #4c4c4c; border: 0; outline: 0; padding: 0; width: 100%; } /* widths */ .input.field.w-50 { width: 259px; } .input.field.w-auto, .input.field.w-auto * { width: auto; } /* -------------------------------------------------------------------------------------- * misc, tools * -------------------------------------------------------------------------------------- */ /* margin bottoms usage:
*/ .mb-2 { margin-bottom: -24px !important; } .mb-1 { margin-bottom: -12px !important; } .mb0 { margin-bottom: 0 !important; } .mb1 { margin-bottom: 12px !important; } .mb2 { margin-bottom: 24px !important; } .mb3 { margin-bottom: 36px !important; } .mb4 { margin-bottom: 48px !important; } /* clearing usage:
*/ .clear { overflow: hidden; clear: both; display: table; height: 0; zoom: 1; /* hasLayout */ } /* »enable javascript« alert */ .enable-js { font-size: 12px; line-height: 1.4em; background: #fdffdc; color: #000; padding: 2px 10px; margin-bottom: 5px; } /* skip link (»nach oben«) */ .skip-link { position: absolute; bottom: -36px; margin-left: 5px; } .skip-link a { font-size: 12px; line-height: 18px; color: #4c4c4c; zoom: 1; /* hasLayout */ } .skip-link a span { display: inline-block; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -22px -100px no-repeat; overflow: hidden; width: 9px; height: 9px; margin-right: 5px; vertical-align: middle; letter-spacing: -999em; font-size: 0; color: transparent; /* hide text */ } /* -------------------------------------------------------------------------------------- * layout * -------------------------------------------------------------------------------------- */ /* sections */ .page { /* background: #383e43 url('http://static4.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_1.png'); deactivated for netpoint */ min-height: 100%; cursor: auto; } .header { height: 118px; margin-bottom: 41px; background: #383e43 url('http://static4.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_1.png'); z-index: 180000; } .header .corporate { background-image: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_1_header.jpg'); background-repeat: no-repeat; background-position: center center; height: 117px; border-bottom: 1px solid #9ea1a4; /* CSS2 */ border-color: rgba(255,255,255,0.5); /* CSS3 */ } .header .corporate .scope { } .ie6-7 .header .corporate, .ie8 .header .corporate { border-color: #9ea1a4; } .header .scrollFixed { position: relative; width: 100%; z-index: 180000; } .header .toolbar { background: #788c9a url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_2.png'); border-bottom: 1px solid #9ea1a4; /* CSS2 */ border-color: rgba(255,255,255,0.5); /* CSS3 */ height: 41px; } .content { padding: 24px 0 48px 0; /* bottom: (72px) - 24px from content blocks */ /* background: #aec7cf; deactivated for netpoint meda */ position: relative; /* is parent */ min-height: 612px; /* skyscraper */ } #regionselect, .footer { padding-bottom: 10px; background: #383e43 url('http://static4.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_1.png'); } /* scope */ .scope { width: 972px; margin: 0 auto; position: relative; /* is parent */ } .vp-1025 .scope { width: 1012px; /* (972px) + 40px for wide skyscraper */ } .small .scope { width: 740px; } /* toolbar: columns (.user = logged in user) */ .header .toolbar .colgroup { width: 828px; } .header .toolbar .col { float: left; } .user .header .toolbar .col-1 { width: 490px; } .user .header .toolbar .col-2 { width: 338px; } /* content: columns uses paddings for corners/shape */ .small .inner-colgroup { /*background-color: #AEC7CF;*/ margin-left:64px; } .inner-colgroup { /*background-color: #AEC7CF;*/ } .content .colgroup { float: left; width: 838px; /* (828px) + 5px + 5px padding */ position: relative; left: -5px; top: -5px; } .content .col-1 { float: left; } .content .col-2 { float: left; margin-left: 19px; /* (24px) - 5px padding */ } .col-single .content .col-1 { width: 838px; /* (828px) + 5px + 5px padding */ } .col-single .content .col-2 { display: none; /* not available */ } .col-profile .content .col-1 { width: 216px; margin-top: 5px; /* eliminate paddings */ margin-left: 5px; /* eliminate paddings */ } .col-profile .content .col-2 { width: 598px; /* (588px) + 5px + 5px padding */ } .col-magazine .content .col-1 { width: 502px; /* (492px) + 5px + 5px padding */ } .col-magazine .content .col-2 { width: 312px; margin-top: 5px; /* eliminate paddings */ } .col-crossteaser .content .col-1 { width: 598px; /* (588px) + 5px + 5px padding */ } .col-crossteaser .content .col-2 { width: 216px; margin-top: 5px; /* eliminate paddings */ } .col-dateornext .content .col-1 { width: 233px; /* (223px) + 5px + 5px padding */ } .col-dateornext .content .col-2 { width: 578px; } /* footer: columns */ #regionselect .colgroup, .footer .colgroup { border-left: 1px solid #353a3f; /* CSS2 */ border-color: rgba(0,0,0,0.2); /* CSS3 */ margin: 12px 0; zoom: 1; /* hasLayout */ } #regionselect .col, .footer .col { display: table-cell; padding: 0 10px; width: 224px; /* (246px) - 2px border - 20px padding */ border-left: 1px solid #586269; /* CSS2 */ border-left: 1px solid rgba(174,199,207,0.2); /* CSS3 */ border-right: 1px solid #353a3f; /* CSS2 */ border-right: 1px solid rgba(0,0,0,0.2); /* CSS3 */ } .ie6-7 #regionselect .col, .ie6-7 .footer .col { display: block; float: left; zoom: 1; /* hasLayout */ } .footer .col-4 { width: 222px; /* (233px) - 1px border - 10px padding */ padding-right: 0; border-right: 0; } #regionselect .col .hr, .footer .col .hr { /* separator line */ margin: 12px -6px; height: 0; border-bottom: 1px solid #586269; /* CSS2 */ border-bottom: 1px solid rgba(174,199,207,0.2); /* CSS3 */ border-top: 1px solid #353a3f; /* CSS2 */ border-top: 1px solid rgba(0,0,0,0.2); /* CSS3 */ height: 0; } /* -------------------------------------------------------------------------------------- * advertising * -------------------------------------------------------------------------------------- */ /* general */ .promotion { position: relative; /* is parent */ zoom: 1; /* hasLayout */ } .promotion .label { position: absolute; overflow: hidden; text-indent: -100px; /* hide text */ word-wrap: normal !important; background: #aec7cf url('http://static8.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/advertising_label.png') no-repeat; } .block .block .promotion .label { background-color: #ededed; background-image: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/advertising_label_block.png'); } .content .sidebar > .block .block .promotion .label { background: #aec7cf url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/advertising_label_sidebar_block.png') no-repeat; } /* specific */ .leaderboard { background: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_3.png'); margin: 5px 5px 19px 5px; /* uses +-5px to eliminate column paddings */ } .leaderboard .label { top: 0; left: 84px; width: 16px; height: 90px; background-position: 4px -8px; } .small .leaderboard .label { top: 0; left: 0; width: 16px; height: 90px; background-position: 4px -8px; } .leaderboard .promo-leaderboard, .leaderboard .promo-leaderboard iframe { width: 728px; height: 90px; /* overflow: hidden; disabled so netpoint can run their combined ads thingies*/ margin: 0 0 0 auto; } .small .leaderboard .promo-leaderboard, .small .leaderboard .promo-leaderboard iframe { width: 728px; height: 90px; /* overflow: hidden; disabled so netpoint can run their combined ads thingies*/ margin: 0 0 0 16px; } .skyscraper { float: right; width: 120px; height: 612px; /* (600px) + label */ } .skyscraper .promo-skyscraper, .skyscraper .promo-skyscraper iframe { width: 120px; height: 600px; /* overflow: hidden; */ } .vp-1025 .skyscraper, .vp-1025 .skyscraper .promo-skyscraper, .vp-1025 .skyscraper .promo-skyscraper iframe { width: 160px; /* wide skyscraper */ } .skyscraper .label { top: 603px; left: 5px; width: 37px; height: 9px; background-position: 0 0; } .medium-rectangle { width: 300px; height: 262px; /* (250px) + label */ } .medium-rectangle .promo-medium-rectangle, .medium-rectangle .promo-medium-rectangle iframe { width: 300px; height: 250px; overflow: hidden; } .medium-rectangle .label { top: 253px; left: 5px; width: 37px; height: 9px; background-position: 0 0; } .content .main-column > .block .block .medium-rectangle { margin: 18px auto; } .small-rectangle { width: 180px; height: 162px; /* (250px) + label */ } .small-rectangle .promo-small-rectangle, .small-rectangle .promo-small-rectangle iframe { width: 180px; height: 150px; overflow: hidden; } .small-rectangle .label { top: 153px; left: 5px; width: 37px; height: 9px; background-position: 0 0; } .content .sidebar > .block .block .small-rectangle { margin-left: -6px; } .full-banner { width: 484px; /* (468px) + label */ height: 60px; } .full-banner .promo-full-banner, .full-banner .promo-full-banner iframe { width: 468px; height: 60px; overflow: hidden; margin: 0 0 0 auto; } .full-banner .label { top: 0; left: 0; width: 16px; height: 60px; background-position: 4px -8px; } .gallery-banner-wrapper { height:168px; } .gallery-banner { width: 168px; height: 152px; /* (168px) - label */ } .gallery-banner .promo-gallery-banner, .gallery-banner .promo-gallery-banner iframe { width: 168px; height: 152px; overflow: hidden; margin: 0 0 0 auto; } .gallery-banner .label { top: 155px; left: 5px; width: 37px; height: 9px; background-position: 0 0; } .promotion.video { width: 444px; height: 345px; /* (333px) + label */ } .promotion.video .promo-video, .promotion.video .promo-video iframe { width: 444px; height: 333px; overflow: hidden; } .promotion.video .label { top: 336px; left: 5px; width: 37px; height: 9px; background-position: 0 0; } /* GLOBAL > ELEMENTS */ /* -------------------------------------------------------------------------------------- * tabs * -------------------------------------------------------------------------------------- */ .tabs { position: relative; /* is parent */ zoom: 1; /* hasLayout */ } .tabs ul { margin: 0; padding: 0; list-style: none; } .tabs ul li, .tabs ul li a, .tabs ul li span { display: block; height: 29px; line-height: 24px; /* (29px) - 5px padding */ vertical-align: middle; white-space: nowrap; } .tabs ul li { float: left; margin: 0 0 0 -4px; padding: 0 8px; position: relative; /* is parent */ font-size: 16px; font-weight: bold; } .tabs ul li a { text-decoration: none !important; color: #fff; cursor: pointer; } .tabs ul li span:first-child { background: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_tabs.png') -8px -29px no-repeat; height: 23px; padding: 6px 9px 0 9px; } .tabs ul li .rc { position: absolute; top: 0; width: 8px; overflow: hidden; background: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_tabs.png') 0 0 no-repeat; } .tabs ul li .rc-l { left: 0; background-position: left -29px; } .tabs ul li .rc-r { right: 0; background-position: right -29px; } .tabs ul li.active span:first-child { background-position: -8px 0; color: #4d4d4d; } .tabs ul li.active .rc-l { background-position: left 0; } .tabs ul li.active .rc-r { background-position: right 0; } .tabs ul li.action span:first-child { background-position: -8px -58px; color: #ccdade; } .tabs ul li.action .rc-l { background-position: left -58px; } .tabs ul li.action .rc-r { background-position: right -58px; } /* tabs 1: horizontal */ .tabs-1 { margin: -5px 0 0 16px; position: relative; top: 5px; } /* tabs 2: vertical + dropdown */ .tabs-2 { position: absolute; right: 6px; top: 5px; } .ie6-7 .tabs-2 { position: static; float: right; } .tabs-2 .more { width: 18px; height: 18px; padding: 5px; background: url('http://static3.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_tabs_more.png') no-repeat; } .ie6-7 .tabs-2 .more { position: absolute; top: 0; right: 6px; } .tabs-2 .more a { display: block; width: 18px; height: 18px; overflow: hidden; cursor: default; } .tabs-2 .more span { display: none; } .tabs-2 ul { display: none; position: absolute; right: 0; top: 5px; } .ie6-7 .tabs-2 ul { right: 6px; } .tabs-2:hover ul { display: block; } .tabs-2:hover .more { display: none; } .tabs-2 ul li { clear: both; /* ie */ margin-top: -5px; width: 100%; float: right; text-align: center; } /* tabs: counter (hint: extra div after .tabs needed because of css specifity IE) (hint2: need jquery/js for rounded corners!) */ .tabs div ul li span .counter { display: inline-block; height: auto; font-size: 12px; line-height: 16px; background: #fff; color: #ccdade; padding: 0 5px; margin: 0 -2px 0 5px; position: relative; top: -1px; /* visual centering */ /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .tabs div ul li.active span .counter, .tabs div ul li.active a span .counter { background: #5b6776; color: #fff; } /* -------------------------------------------------------------------------------------- * infocards + tooltips * -------------------------------------------------------------------------------------- */ /* infocards */ .infocard { margin: -5px; /* eliminate shadows */ } .infocard + .infocard, .ie6-7 .infocard +*+ .infocard { /* space between multiple infocards */ padding-top: 3px; } .infocard > div, .infocard > div > div { width: 178px; background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_user.png') no-repeat; } .infocard > div { background-position: top left; padding-top: 8px; } .infocard > div > div { background-position: right bottom; padding: 0 8px 8px 8px; width: 162px; /* (178px) - 8px - 8px padding */ } .infocard a, .infocard > div > div > div:first-child { display: block; background: #fff; text-decoration: none !important; overflow: hidden; } .infocard img { width: 48px; height: 48px; margin: 2px; float: left; } .infocard .i { padding: 2px 0; margin: 0 3px 0 58px; } .infocard .h-mini { font-size: 12px; line-height: 16px; font-weight: bold; color: #e5550e; margin: 0; } .infocard a:hover .h-mini, .infocard a:focus .h-mini { color: #498ca2; /* cyan */ } .infocard ul { margin: 0; padding: 0; list-style: none; } .infocard li { line-height: 16px; display: block; margin: 0; padding: 0; font-family: "Georgia", serif; font-style: oblique; color: #a5a5a5; } /* CSS3 */ .b-level2 .infocard { margin: 0; } .b-level2 .infocard > div, .b-level2 .infocard > div > div { width: auto; min-width: 114px; background: none; padding: 0; } .b-level2 .infocard a, .b-level2 .infocard > div > div > div:first-child { padding: 3px; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* tooltips (based on infocards) */ .infocard.tooltip .i { margin-left: 3px; } .infocard.tooltip .pin { position: absolute; top: 0; left: 14px; width: 9px; height: 5px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -19px -109px no-repeat; } .b-level2 .infocard.tooltip .pin { left: 9px; top: -5px; } /* -------------------------------------------------------------------------------------- * formcards + tooltips * -------------------------------------------------------------------------------------- */ /* formcards */ .formcard { margin: -5px; /* eliminate shadows */ } .formcard + .formcard, .ie6-7 .formcard +*+ .formcard { /* space between multiple formcards */ padding-top: 3px; } .formcard > div, .formcard > div > div { width: 178px; background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_user.png') no-repeat; } .formcard > div { background-position: top left; padding-top: 8px; } .formcard > div > div { background-position: right bottom; padding: 0 8px 8px 8px; width: 162px; /* (178px) - 8px - 8px padding */ } .formcard > div > div > div:first-child { display: block; background: #fff; text-decoration: none !important; overflow: hidden; } .formcard img { width: 48px; height: 48px; margin: 2px; float: left; } .formcard .i { padding: 2px 0; margin: 0 3px 0 58px; } .formcard .h-mini { font-size: 12px; line-height: 16px; font-weight: bold; color: #e5550e; margin: 0; } .formcard a:hover .h-mini, .formcard a:focus .h-mini { color: #498ca2; /* cyan */ } .formcard ul { margin: 0; padding: 0; list-style: none; } .formcard li { line-height: 16px; display: block; margin: 0; padding: 0; font-family: "Georgia", serif; font-style: oblique; color: #a5a5a5; } /* CSS3 */ .b-level2 .formcard { margin: 0; } .b-level2 .formcard > div, .b-level2 .formcard > div > div { width: auto; min-width: 114px; background: none; padding: 0; } .b-level2 .formcard a, .b-level2 .formcard > div > div > div:first-child { padding: 3px; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* tooltips (based on formcards) */ .formcard.tooltip .i { margin-left: 3px; } .formcard.tooltip .pin { position: absolute; top: 0; left: 14px; width: 9px; height: 5px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -19px -109px no-repeat; } .b-level2 .formcard.tooltip .pin { left: 9px; top: -5px; } .formcard .input.field { width: 150px; background:none repeat scroll 0 0 #D1D1D1; } /* -------------------------------------------------------------------------------------- * events * -------------------------------------------------------------------------------------- */ .event { position: relative; /* is parent */ min-height: 160px; } .event + .event, .ie6-7 .event +*+ .event { /* space between multiple events */ margin-top: 10px; } .event a { text-decoration: none !important; } /* event part: info box */ .event .infobox { width: auto; margin: 4px -5px -5px -5px; float: left; opacity: .75; /* IE filter deactivated as there would be display errors caused by alpha pngs */ /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; *//* IE 8 */ /* filter: alpha(opacity=75); *//* IE 7 */ zoom: 1; /* hasLayout */ } .event .polaroid ~ .infobox { margin-top: 160px; } .event .infobox > div, .event .infobox > div > div { width: 178px; background: url('http://static3.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_event.png') no-repeat; } .event .infobox > div { background-position: top left; padding-top: 8px; } .event .infobox > div > div { background-position: right bottom; padding: 0 8px 8px 8px; width: 162px; /* (178px) - 8px - 8px padding */ } .event .infobox a { cursor: pointer; } .event .infobox a > div:first-child, .event .infobox > div > div > div:first-child { display: block; background: #394451; overflow: hidden; padding: 2px; } .event .infobox a > div:first-child > div, .event .infobox > div > div > div:first-child > div { border: 1px dashed #7c8591; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .event .infobox img { width: 48px; height: 48px; margin: 2px; float: left; } .event .infobox p { padding: 4px 0; margin: 0 5px 0 8px; font-size: 12px; line-height: 16px; font-style: oblique; color: #b0d8d7; } .event > .infobox p strong { font-style: normal; color: #fff; } .event > .infobox p .location { font-style: normal; text-transform: uppercase; } /* event part: drawing box */ .content .sidebar > .block.drawing .tickets { text-align: center; } .content .sidebar > .block.drawing .info { font-size: 11px; margin: 10px 0; } /* event part: flyer */ .event .flyer { position: absolute; left: -5px; top: 0; } /* event part: polaroid */ .event .polaroid { position: absolute; left: 0; top: 0; width: 127px; height: 142px; } .event .flyer + .polaroid, .ie6-7 .event .flyer +*+ .polaroid { /* polaroid comes with flyer */ left: 36px; top: 14px; } .event .polaroid img { display: block; position: absolute; top: 14px; left: 14px; } .event .polaroid a > span, .event .polaroid > span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') 0 -119px no-repeat; text-decoration: none !important; } .event .polaroid span > span { display: block; width: 100px; height: 20px; position: absolute; bottom: 5px; left: 14px; text-align: center; font-family: 'Comic Sans MS', Courier, sans-serif; font-size: 12px; line-height: 1em; font-weight: bold; color: #4c4c4c; font-style: normal; } /* events on sidebar in magazine layout */ .col-magazine .sidebar .event:first-child { margin-top: -19px; } .col-magazine .sidebar .event .infobox { margin: 28px -5px 0 0; float: right; } .col-magazine .sidebar .event:hover .infobox { opacity: 1; /* IE filter deactivated as there would be display errors caused by alpha pngs */ /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; *//* IE 8 */ /* filter: alpha(opacity=100); *//* IE 7 */ } .col-magazine .sidebar .event .infobox p { margin-left: 20px; } /* CSS3 */ .b-level2 .event .infobox { margin: 0; } .b-level2 .event .polaroid ~ .infobox { margin-top: 165px; } .b-level2 .event .infobox > div, .b-level2 .event .infobox > div > div { background: none; padding: 0; width: 168px; } .b-level2 .event .infobox a > div:first-child, .b-level2 .event .infobox > div > div > div:first-child { padding: 5px; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .b-level2.col-magazine .sidebar .event .infobox { margin: 33px 0 0 0; } /* -------------------------------------------------------------------------------------- * party pics (polaroid small) * -------------------------------------------------------------------------------------- */ .partypics { margin: -5px -7px; overflow: hidden; } .partypics .polaroid { position: relative; /* is parent */ width: 86px; height: 97px; float: left; margin: 2px; } .partypics .polaroid img { display: block; position: absolute; top: 10px; left: 10px; } .partypics .polaroid a > span, .partypics .polaroid > span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -127px -119px no-repeat; text-decoration: none !important; } .partypics .polaroid span > span { display: block; overflow: hidden; width: 72px; height: 15px; position: absolute; bottom: 4px; left: 7px; text-align: center; font-family: 'Comic Sans MS', Courier, sans-serif; font-size: 10px; line-height: 1em; font-weight: bold; color: #4c4c4c; font-style: normal; } .event.sidebar-thingie { padding: 21px 24px; } .event.sidebar-thingie .flyer { left: 19px; top: 21px; } .event.sidebar-thingie .polaroid { left: 60px; top: 42px; } /* -------------------------------------------------------------------------------------- * user box * -------------------------------------------------------------------------------------- */ .users { margin: 0 -12px -12px 0; /* force some floating space */ float: left; zoom: 1; } .users > ul { margin: 0; padding: 0; list-style: none; } .users > ul > li { display: block; float: left; margin: 0 12px 12px 0; } .users > ul > li a, .users > ul > li img { display: block; width: 48px; height: 48px; overflow: hidden; } .users > ul > li .h-mini a { display: inline; width: auto; height: auto; overflow: auto; } .users > ul > li img { /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* hover */ /* deactivated for optical reasons: like it? .users li a:hover, .users li a:focus { border: 3px solid #e5550e; width: 42px; height: 42px; } .users li a:hover img, .users li a:focus img { margin: -3px; } */ /* tooltips */ .users > ul > li .tooltip { position: absolute; margin: -12px 0 0 6px; z-index: 3000; display: none; } .ie6-7 .users > ul > li .tooltip { margin: 36px 0 0 -42px; } .users > ul > li:hover .tooltip { display: block; } /* -------------------------------------------------------------------------------------- * filter box * (based on general sidebar box) * -------------------------------------------------------------------------------------- */ .content .sidebar > .block.filter { margin: -5px -5px 19px -5px; /* eliminate paddings */ opacity: 1 !important; -ms-filter: none !important; /* IE 8 */ filter: none !important; /* IE 7 */ } .page .content .sidebar > .block.filter > .part { background: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_filterbox.png') no-repeat; } .page.col-magazine .content .sidebar > .block.filter > .part { background: url('http://static4.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_filterbox_magazine.png') no-repeat; } .page .content .sidebar > .block.filter > .part-t, .page.col-magazine .content .sidebar > .block.filter > .part-t { height: 8px; background-position: 0 0; } .page .content .sidebar > .block.filter > .part-m { background: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_filterbox.png') -226px 0 repeat-y; padding: 2px 10px; /* -> 5px from box edges */ } .page.col-magazine .content .sidebar > .block.filter > .part-m { background: url('http://static4.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_filterbox_magazine.png') -322px 0 repeat-y; padding: 2px 10px; /* -> 5px from box edges */ } .page .content .sidebar > .block.filter > .part-m > .part, .page.col-magazine .content .sidebar > .block.filter > .part-m > .part { background: none; border: 1px dashed #7c8591; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .page .content .sidebar > .block.filter > .part-b, .page.col-magazine .content .sidebar > .block.filter > .part-b { height: 8px; background-position: 0 -8px; } .content .sidebar > .block.filter .block { /* 2nd level block (inner) */ padding: 12px 5px; text-align: center; } .content .sidebar > .block.filter .h-medium { color: #fff; margin: 0 !important; } .content .sidebar > .block.filter { color: #fff; } /* filterbox: buttons */ .content .sidebar > .block.filter button { background: #42494f; color: #fff; } .content .sidebar > .block.filter .input.button { width: 80px; } .content .sidebar > .block.filter .input.button button { width: 80px; cursor: pointer; } .content .sidebar > .block.filter .input.button .rc-l { background-position: -43px -100px; } .content .sidebar > .block.filter .input.button .rc-r { background-position: -46px -100px; } /* CSS3 */ .b-level2 .content .sidebar > .block.filter { margin: 0 0 24px 0; } .b-level2 .content .sidebar > .block.filter > .part { background-image: none; } .b-level2 .content .sidebar > .block.filter > .part-t, .b-level2 .content .sidebar > .block.filter > .part-b { background: none; display: none; } .b-level2 .content .sidebar > .block.filter > .part-m { padding: 5px; background: #596776; /* no image */ /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .b-level2 .content .sidebar > .block.filter .block { padding: 12px 5px; } /* selection */ .content .sidebar > .block.filter .selection { display: block; margin-bottom: 8px; } /* pref list */ .content .sidebar > .block.filter .prefs { text-align: left; padding: 10px 5px; } .content .sidebar > .block.filter .prefs ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #49525e; border-bottom: 1px solid #6c7a88; } .content .sidebar > .block.filter .prefs li { display: block; margin: 0; padding: 5px 0 5px 25px; color: #adb3bb; border-top: 1px solid #6c7a88; border-bottom: 1px solid #49525e; } .content .sidebar > .block.filter .prefs li .pref { display: block; float: left; width: 14px; height: 14px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -185px -274px no-repeat; margin-left: -25px; position: relative; top: 2px; letter-spacing: -999em; font-size: 0; color: transparent; /* hide text */ } .content .sidebar > .block.filter .prefs li .pref.positive { background-position: -185px -274px; } .content .sidebar > .block.filter .prefs li .pref.negative { background-position: -199px -274px; } /* toggle item */ .content .sidebar > .block.filter .status { display: block; width: 149px; height: 24px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') 0 -274px no-repeat; margin: 0 auto; position: relative; } .content .sidebar > .block.filter .status span { display: block; width: 36px; height: 24px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -149px -274px no-repeat; position: absolute; top: 0; font-size: 0; color: transparent; /* hide text */ line-height: 0; /* IE */ } .content .sidebar > .block.filter .status.off span { /* animated slide per JS? */ left: 38px; right: auto; } .content .sidebar > .block.filter .status.on span { /* animated slide per JS? */ left: auto; right: 33px; } .content .sidebar > .block.filter .toggle { text-align: right; margin: 10px 0 -8px 0; } .content .sidebar > .block.filter .toggle a { color: #adb3bb; } /* -------------------------------------------------------------------------------------- * info box * -------------------------------------------------------------------------------------- */ .infobox { width: 226px; margin-bottom: 24px; } .infobox > .part { background-image: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_infobox.png'); } .infobox > .part-t { /* top element */ height: 3px; padding: 5px 5px 0 5px; background-position: 0 0; background-repeat: no-repeat; } .infobox > .part-m { padding: 0 5px; background-position: -226px 0; background-repeat: repeat-y; } .infobox > .part-b { /* bottom element */ height: 3px; padding: 0 5px 5px 5px; background-position: 0 -8px; background-repeat: no-repeat; } .infobox > .part > .inner { padding: 9px 12px; zoom: 1; } /* CSS3 */ .b-level2 .infobox { width: 216px; } .b-level2 .infobox > .part { background-image: none; } .b-level2 .infobox > .part-t, .b-level2 .infobox > .part-b { display: none; } .b-level2 .infobox > .part-m { padding: 0; background: #fff; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .b-level2 .infobox > .part > .inner { padding: 12px; } /* -------------------------------------------------------------------------------------- * image gallery * -------------------------------------------------------------------------------------- */ .gallery { position: relative; /* is parent */ margin: 0 -18px -18px 0; /* force some floating space */ } .gallery ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } .gallery li { display: block; float: left; margin: 0 18px 18px 0; } .gallery li a, .gallery li img { display: block; width: 168px; height: 168px; } .gallery li img { /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* flips */ .gallery .flip.left { top: 58px; left: -35px; background-position: -100px 0; } .gallery .flip.right { bottom: 76px; right: -17px; background-position: -132px 0; } /* -------------------------------------------------------------------------------------- * gallery index * -------------------------------------------------------------------------------------- */ .gallery-index { padding-top: 8px; } .gallery-index .event { margin-top: -50px; float: left; } .gallery-index .event-info { margin: -12px 0 -12px 180px; overflow: hidden; } .gallery-index .event-info .h-mini { display: block; font-size: 24px; font-weight: bold; line-height: 30px; color: #4c4c4c; } .gallery-index .event-info .meta { display: block; font-size: 12px; font-family: "Georgia", serif; font-style: oblique; margin-bottom: 8px; } .gallery-index .event-info .event-thumbs { height: 61px; zoom: 1; } .gallery-index .event-info .event-thumbs ul { margin: 0; padding: 0; list-style: none; } .gallery-index .event-info .event-thumbs li { display: block; float: left; margin: 0 12px 8px 0; } .gallery-index .event-info .event-thumbs li img { /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* -------------------------------------------------------------------------------------- * slideshow * -------------------------------------------------------------------------------------- */ .slideshow { position: relative; /* is parent */ } .slideshow .slider { background-color: #bebebe; overflow: hidden; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* shadow: IE */ filter:progid:dxImageTransform.Microsoft.dropShadow(color=#20000000,offX=1,offY=1); /* AARRGGBB */ } .slideshow .slider a, .slideshow .slider img { display: block; } .slideshow .flip { top: 50%; margin-top: -26px; } /* items */ .slideshow .item { height: 100%; background: #8c8c8b; /* default bgr color -> see styles */ zoom: 1; } .slideshow .item .image { float: left; margin-right: 18px; } .slideshow .item .info { width: 290px; float: left; padding: 18px 0 5px 0; } .slideshow .item a:hover, .slideshow .item a:focus { text-decoration: underline; } .slideshow .item .timestamp { display: block; margin-bottom: 5px; color: #222; /* default color -> see styles */ } .slideshow .item .h-mini { font-size: 16px; font-weight: bold; margin-bottom: 5px; color: #fff; } .slideshow .item .location { display: block; margin-bottom: 5px; color: #222; /* default color -> see styles */ font-weight: bold; } .slideshow .item .text { font-size: 12px; font-family: "Georgia", serif; font-style: oblique; color: #fff; } .slideshow .item .link { /* > list item */ display: inline-block; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -22px -114px no-repeat; overflow: hidden; width: 3px; height: 5px; margin-right: 5px; vertical-align: middle; letter-spacing: -999em; font-size: 0; color: transparent; /* hide text */ } .slideshow .item .showmore { display: inline-block; color: #fff; } /* styles */ .slideshow .style-1 { background: #7f422f; } .slideshow .style-1 .timestamp, .slideshow .style-1 .location { color: #e0bcb1; } /* slideshow text */ .slideshow .overlay-text { position: absolute; bottom: 0; width: 472px; padding: 10px; background: #666; background: rgba(80, 80, 80, 0.75); /* adjust by JS */ /* rounded corners */ -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-bottom-right-radius: 3px; -o-border-bottom-left-radius: 3px; -khtml-border-bottom-right-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .slideshow .overlay-text p { margin: 0; color: #fff; } /* slideshow select (thumbs) */ .slideshow-select { margin: 8px 0 -8px 0; height: 114px; background: url('http://static8.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_slideshow-select.jpg') no-repeat; position: relative; } .slideshow-select .slider { height: 102px; overflow: hidden; padding: 6px; } .slideshow-select ul { width: 1000px; /* adjust by JS */ margin: 0; padding: 0; list-style: none; } .slideshow-select li { display: block; float: left; margin: 0 6px; } .slideshow-select li a, .slideshow-select li img { display: block; width: 102px; height: 102px; overflow: hidden; } .slideshow-select li a { /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .slideshow-select li a.current, .slideshow-select li a:hover, .slideshow-select li a:focus { border: 3px solid #e5550e; width: 96px; height: 96px; } .slideshow-select li a.current img, .slideshow-select li a:hover img, .slideshow-select li a:focus img { margin: -3px; } .slideshow-select .flip { top: 50%; margin-top: -26px; } /* event slider */ .slideshow.teaser .slider .slider-events { background: #383e43 url('http://static4.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_1.png'); padding: 24px 18px; } .slideshow.teaser .slider .slider-events .h-big { font-size: 24px; font-weight: bold; text-shadow: 0 0 15px #000; text-transform: uppercase; color: #b0cbd3; } .slideshow.teaser .slider .slider-events ul { list-style: none; margin: 24px 0 0 0; padding: 0; } .slideshow.teaser .slider .slider-events ul li { display: block; float: left; width: 222px; margin-bottom: 24px; } .slideshow.teaser .slider .slider-events ul li.li-last a { display: block; width: 231px; height: 52px; background: url('http://static3.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_teaser_events_more.png') no-repeat; font-weight: bold; padding: 17px 0 17px 66px; } .slideshow.teaser .slider .slider-events ul li .image { display: block; float: left; margin: -5px 7px 0 0; width: 48px; height: 48px; padding: 5px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -127px -216px no-repeat; } .slideshow.teaser .slider .slider-events ul li .info { line-height: 16px; color: #fff; } .slideshow.teaser .slider .slider-events ul li .info .day { text-transform: uppercase; color: #b0cbd3; } .slideshow.teaser .slider .slider-events ul li .info .title { font-weight: bold; } .slideshow.teaser .slider .slider-events ul li .info .meta { font-family: "Georgia", serif; font-style: oblique; } /* -------------------------------------------------------------------------------------- * grey box * -------------------------------------------------------------------------------------- */ .greybox { margin-bottom: 24px; } .content .main-column > .block.special .greybox { margin-bottom: 52px; } .greybox > .part-t { /* top element */ height: 3px; background-position: 0 0; background-repeat: no-repeat; } .greybox > .part-m { /* overflow: hidden; */ } .greybox > .part-b { /* bottom element */ height: 3px; background-position: 0 -3px; background-repeat: no-repeat; } .greybox > .part { background-image: url('http://static9.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_greybox.png'); } .greybox > .part-m { background: #d1d1d1; } .greybox > .part > .inner { padding: 24px; zoom: 1; } /* greybox inside of .conversation */ .conversation .greybox { margin: 5px 5px 8px 5px; } .conversation .greybox > .part-t { background-position: -540px 0; } .conversation .greybox > .part-b { background-position: -540px -3px; } .conversation .greybox > .part > .inner { padding: 7px 12px; /* top/bottom: (12px) - 5px padding */ } /* greybox inside of calendar list */ .calendar .greybox { margin: 8px 24px; } /* -------------------------------------------------------------------------------------- * calendar * -------------------------------------------------------------------------------------- */ .calendar { margin: 0 -24px; padding: 24px 0; } .calendar:first-child { padding-top: 0; } /* calendar elements */ .calendar .calendar-day { display: block; font-size: 16px; font-weight: bold; margin: 0 0 5px 24px; color: #000; } .calendar .calendar-day strong { font-size: 24px; } .calendar ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #f1f1f1; } .calendar li { display: block; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #d5d5d5; margin: 0; padding: 0; zoom: 1; } .calendar li > a { display: block; padding: 8px 8px 8px 24px; } .calendar li > a:hover, .calendar li > a:focus { background: #fff; } .calendar li .calendar-title { display: inline-block; width: 260px; margin-right: 5px; font-size: 16px; font-weight: bold; vertical-align: middle; } .calendar li .calendar-title-small { display: inline-block; width: 207px; margin-right: 5px; font-size: 16px; font-weight: bold; vertical-align: middle; } .calendar li .calendar-location { display: inline-block; width: 125px; margin-right: 5px; font-family: "Georgia", serif; font-style: oblique; color: #4c4c4c; } .calendar li .calendar-city { display: inline-block; width: 120px; font-family: "Georgia", serif; font-style: oblique; color: #4c4c4c; } .calendar li .calendar-drawing { display: inline-block; width: 20px; } .calendar li .calendar-hint { display: inline-block; width: 44px; height: 13px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -115px -104px no-repeat; font-size: 0; color: transparent; /* hide text */ vertical-align: middle; margin-left: 6px; } .calendar li .calendar-feature .calendar-hint { vertical-align: top; margin-top: 3px; } .calendar li .calendar-hint-radio7 { display: inline-block; width: 44px; height: 13px; background: url('http://static1.lgcdn.net/lakeparty.de/a553/styles/tobel/img/lptipp-radio7.png') 0 0 no-repeat transparent; font-size: 0; color: transparent; /* hide text */ vertical-align: middle; margin-left: 6px; } .calendar li .calendar-feature .calendar-hint-radio7 { vertical-align: top; margin-top: 3px; } .calendar li .calendar-hint-radio7:hover { cursor: pointer; } .calendar li .calendar-image { display: inline-block; vertical-align: middle; margin-right:5px; width: 46px; } .calendar li .calendar-fsk { display: inline-block; width: 100px; margin-right: 5px; font-family: "Georgia", serif; font-style: oblique; color: #4c4c4c; } .calendar li .calendar-time { display: inline-block; width: 80px; font-family: "Georgia", serif; font-style: oblique; color: #4c4c4c; vertical-align: middle; } /* feature */ .calendar-feature { width: 502px; margin: 0 0 2px 0; padding: 0; zoom: 1; } .calendar li .calendar-feature { /* inside of list */ margin: 5px auto 6px auto; } .calendar-feature > .part-t { /* top element */ height: 3px; padding: 5px 5px 0 5px; background-position: 0 0; background-repeat: no-repeat; } .calendar-feature > .part-m { /* middle/center element */ padding: 0 5px; background-repeat: repeat-y; } .calendar-feature > .part-m > .part { background: #fff; zoom: 1; /* hasLayout */ } .calendar-feature > .part-b { /* bottom element */ height: 3px; padding: 0 5px 5px 5px; background-position: 0 -8px; background-repeat: no-repeat; } .calendar-feature > .part { background-image: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_calendar.png'); } .calendar-feature > .part-m { background-position: -502px 0; } .calendar-feature > .part > .part > .inner { position: relative; /* is parent */ padding: 2px !important; } .calendar-feature > .part > .part > .inner .image { display: inline-block; width: 48px; height: 48px; vertical-align: middle; margin: 0 12px 0 6px; } .calendar-feature > .part > .part > .inner .info { display: inline-block; vertical-align: middle; max-width: 350px; } .ie6-7 .calendar-feature > .part > .part > .inner .image, .ie6-7 .calendar-feature > .part > .part > .inner .info { display: inline; zoom: 1; /* hasLayout */ } .calendar-feature > .part > .part > .inner .info a { font-size: 14px; font-weight: bold; } .calendar-feature > .part > .part > .inner .info a:hover, .calendar-feature > .part > .part > .inner .info a:focus { /* text-decoration: underline; */ } .calendar-feature > .part > .part > .inner .info .meta { font-family: "Georgia", serif; font-style: oblique; } .calendar-feature > .part > .part > .inner .tickets { position: absolute; top: -12px; right: 24px; } /* calendar/calendar feature inside of greybox */ .greybox .calendar { padding: 0; margin: -8px -5px; } .calendar li .greybox .calendar-feature { margin: -8px -5px; } .new-calendar-entry { position: relative; padding: 13px 25px 13px 25px; } .new-calendar-entry .image { float: left; display: block; } .new-calendar-title { margin-top: -3px; margin-left: 60px; font-weight: bold; display: block; width: 320px; height: 18px; overflow: hidden; text-overflow: ellipsis; } .new-calendar-abstract { font-style: italic; margin-left: 60px; display: block; width: 320px; height: 40px; overflow: hidden; text-overflow: ellipsis; font-family: Georgia, sans-serif; } .new-calendar-location { position: absolute; top: 9px; right: 0; display: block; width: 150px; } .new-calendar-location-name { display: block; height: 18px; overflow: hidden; text-overflow: ellipsis; } .new-calendar-location-city { display: block; margin-top: 2px; height: 18px; overflow: hidden; text-overflow: ellipsis; } .new-calendar-attributes { position: absolute; top: 48px; right: 0; display: block; width: 150px; } .new-calendar-attributes > .icon { display:inline-block; vertical-align:bottom; background-repeat:no-repeat; background-image:url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/event-sprite.png'); overflow:hidden; text-indent:-5000px; /* hide text */ height: 20px; width: 16px; } .new-calendar-attributes > .icon.drawing { background-position: 0 0; width: 13px; } .new-calendar-attributes > .icon.attending { background-position: -13px 0; width: 13px; } .new-calendar-attributes > .icon.deal { background-position: -26px 0; width: 35px; } /* -------------------------------------------------------------------------------------- * location listing * -------------------------------------------------------------------------------------- */ .locations { margin: 0 -24px; padding: 24px 0; } .locations:first-child { padding-top: 0; } .locations ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #f1f1f1; } .locations li { display: block; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #d5d5d5; margin: 0; padding: 0; zoom: 1; } .locations li > a { display: block; position: relative; padding: 8px 8px 8px 24px; } .locations li > a:hover, .locations li > a:focus { background: #fff; } .locations li .location-image { display: inline-block; vertical-align: middle; margin-right:5px; width: 48px; } .locations li .location-image img { width: 96px; height: 48px; } .locations li .location-name { position: absolute; top: 13px; left: 133px; display: inline-block; width: 300px; overflow: hidden; margin-right: 5px; font-size: 16px; font-weight: bold; vertical-align: middle; } .locations li .location-city { position: absolute; top: 33px; left: 133px; display: inline-block; width: 300px; overflow: hidden; font-family: "Georgia", serif; font-style: oblique; color: #4c4c4c; } .locations li .location-meta { position: absolute; top:33px; right:25px; display: inline-block; font-family: "Georgia", serif; font-style: oblique; color: #4c4c4c; } /* -------------------------------------------------------------------------------------- * stepping * -------------------------------------------------------------------------------------- */ .stepping { display: inline-block; background: #d1d1d1; padding: 3px; margin-bottom: 16px; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .ie7 .stepping { float: left; } .stepping ul { padding: 0; margin: 0; list-style: none; zoom: 1; } .stepping li { display: block; float: left; height: 43px; } .stepping li a { display: block; height: 43px; line-height: 43px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_stepping.png') -281px 0 no-repeat; text-align: center; vertical-align: bottom; color: #934118; font-size: 24px; font-weight: bold; border-left: 1px solid #e57b46; border-right: 1px solid #d35f26; } .stepping li a:hover, .stepping li a:focus { color: #fff; } .stepping li:first-child a { border-left: 1px solid #d35f26; } .stepping li.active a { /* active item */ background-position: right top; border-right: 0; color: #934118; } .stepping li.active ~ li a { /* siblings of active item */ background-position: -11px 0; border-left: 1px solid #c7c5c5; border-right: 1px solid #9e9e9e; color: #484848; } .stepping li.active + li a { /* first sibling of active item */ background-position: 0 0; border-left: 0; } .steps-2 li a { width: 265px; } .steps-3 li a { width: 160px; } .steps-4 li a { width: 119px; } .steps-5 li a { width: 104px; } .steps-6 li a { width: 86px; } .steps-7 li a { width: 73px; } .steps-8 li a { width: 64px; } .steps-9 li a { width: 56px; } /* -------------------------------------------------------------------------------------- * flip forward/backwards * -------------------------------------------------------------------------------------- */ .flip { position: absolute; display: block; width: 35px; height: 52px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') no-repeat; overflow: hidden; text-indent: 40px; word-wrap: normal !important; } .flip.left { left: -35px; background-position: -135px -52px; background-position: -100px 0px; } .flip.right { right: -35px; background-position: -100px -52px; background-position: -135px 0px; } .flipindex { } .flipindex span { display: block; float: left; width: 6px; height: 6px; overflow: hidden; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -65px -100px no-repeat; text-indent: 10px; word-wrap: normal !important; margin: 2px; } .flipindex .active { background-position: -65px -106px; } /* -------------------------------------------------------------------------------------- * info bubbles * -------------------------------------------------------------------------------------- */ /* hint: need jquery/js for rounded corners! */ .info-bubbles { position: fixed; top: 0; right: 1%; width: 234px; z-index: 190000; } .info-bubbles .bubble { position: relative; /* is parent */ padding: 12px 6px 12px 12px; margin-bottom: 12px; background: #fff; opacity: .9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 8 */ filter: alpha(opacity=90); /* IE 7 */ zoom: 1; /* hasLayout */ /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .info-bubbles .col { float: left; } .info-bubbles .col + .col { width: 156px; /* (234px) - image - padding */ margin-left: 12px; } .info-bubbles .col p { margin-bottom: 5px; } .info-bubbles .col p:last-child { margin-bottom: 0; } .info-bubbles .col a { font-weight: bold; } .info-bubbles .col:first-child img { /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* closing x */ .info-bubbles .close { position: absolute; top: 0; right: 5px; } .info-bubbles .close span { display: block; width: 8px; height: 8px; overflow: hidden; margin: 5px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -50px -111px no-repeat; text-indent: 20px; word-wrap: normal !important; } .info-bubbles .don .close { position: static; } /* bubble »more« (first one) */ .info-bubbles .bubble.more { margin-top: -3px; /* eliminate top border radius */ background: #d1d1d1; padding: 9px 6px 6px 6px; } .info-bubbles .bubble.more .col { float: none; text-align: center; } .info-bubbles .bubble.more .col a { display: inline-block; max-width: 180px; padding: 5px; text-align: center; font-family: "Georgia", serif; font-style: oblique; color: #4c4c4c; } .info-bubbles .bubble.more .close { top: 50%; margin-top: -9px; } /* icons */ .info-bubbles .icon { white-space: nowrap; } .info-bubbles .icon > span { display: inline-block; width: 9px; height: 9px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') no-repeat; padding: 0 3px 1px 0; vertical-align: middle; } .info-bubbles .icon.message > span { background-position: -71px -100px; } .info-bubbles .icon.comment > span { background-position: -71px -109px; } /* -------------------------------------------------------------------------------------- * status infos * -------------------------------------------------------------------------------------- */ .statusinfo { width: 436px; margin-bottom: 2px; /* (12px) - 5px - 5px padding */ position: relative; /* is parent */ } .statusinfo > .part { background-image: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_conversation.png'); } .statusinfo > .part-t { /* top element */ height: 3px; padding: 5px 5px 0 5px; background-position: 0 0; background-repeat: no-repeat; } .statusinfo > .part-m { /* middle/center element */ padding: 0 5px; background-position: -436px 0; background-repeat: repeat-y; } .statusinfo > .part-b { /* bottom element */ height: 3px; padding: 0 5px 5px 5px; background-position: 0 -8px; background-repeat: no-repeat; } .statusinfo > .part > .inner { padding: 12px 24px; zoom: 1; } .statusinfo .pin { position: absolute; top: 20px; left: -4px; width: 9px; height: 18px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -80px -100px no-repeat; } /* statusinfo CSS3 */ .b-level2 .statusinfo { width: 426px; margin-bottom: 12px; } .b-level2 .statusinfo > .part-t, .b-level2 .statusinfo > .part-b { background-image: none; display: none; } .b-level2 .statusinfo > .part-m { background: #fff; /* no image */ padding: 0; } .b-level2 .statusinfo > .part > .inner { /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .b-level2 .statusinfo .pin { left: -9px; top: 15px; } /* video */ .statusinfo.video .h-mini { font-size: 16px; font-weight: bold; margin-bottom: 12px; } .statusinfo.video p { margin-top: 0 !important; } .statusinfo.video .meta, .statusinfo.video .link { font-family: "Georgia", serif; font-style: oblique; } /* marked */ .statusinfo.marked .h-mini { font-size: 16px; font-weight: bold; margin-bottom: 0; } .statusinfo.marked .meta { font-family: "Georgia", serif; font-style: oblique; } /* comment */ .statusinfo.comment .meta { font-family: "Georgia", serif; font-style: oblique; } /* guestbook */ .statusinfo.guestbook .meta { font-family: "Georgia", serif; font-style: oblique; } /* -------------------------------------------------------------------------------------- * responses (inside of status infos) * -------------------------------------------------------------------------------------- */ .response { width: 382px; margin-bottom: 2px; /* (12px) - 5px - 5px padding */ position: relative; /* is parent */ } .response > .part { background-image: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_conversation.png'); } .response > .part-t { /* top element */ height: 3px; padding: 5px 5px 0 5px; background-position: -872px 0; background-repeat: no-repeat; } .response > .part-m { /* middle/center element */ padding: 0 5px; background-position: -1254px 0; background-repeat: repeat-y; } .response > .part-b { /* bottom element */ height: 3px; padding: 0 5px 5px 5px; background-position: -872px -8px; background-repeat: no-repeat; } .response > .part > .inner { padding: 2px 12px; zoom: 1; } .response .pin { position: absolute; top: 10px; left: -4px; width: 9px; height: 18px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -188px -100px no-repeat; } /* conversation: responses CSS3 */ .b-level2 .responses { width: 426px; margin: 0 0 0 18px; } .b-level2 .response { width: 426px; margin-bottom: 12px; } .b-level2 .response > .part-t, .b-level2 .response > .part-b { background-image: none; display: none; } .b-level2 .response > .part-m { background: #fff; /* no image */ padding: 0; } .b-level2 .response > .part > .inner { /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .b-level2 .response .pin { left: -9px; top: 15px; } /* -------------------------------------------------------------------------------------- * comment * -------------------------------------------------------------------------------------- */ .usercomment { margin: -3px -5px 0 0; } .usercomment > .user { margin: -5px 0 0 -5px; float: left; } .usercomment > .user > a { display: block; width: 48px; height: 48px; padding: 5px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -127px -216px no-repeat; } .usercomment > .user img { display: block; } .usercomment > .statusinfo { float: left; margin: -5px 0 0 8px; } .usercomment > .statusinfo > .part > .inner { padding: 6px 24px; } .usercomment > .statusinfo .h-mini { font-size: 12px; font-weight: bold; margin-bottom: 0; } .usercomment > .statusinfo label { line-height: 18px; } .usercomment > .statusinfo textarea { font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #333; border: 0; outline: 0; padding: 0; background: #fff; width: 100%; min-height: 54px; /* JS: should enlarge on new text lines */ height: 54px; /* JS: should enlarge on new text lines */ max-height: 400px; /* JS: will enlarge to this point*/ overflow: hidden; /* hide IE scrollbars */ } .usercomment > .buttons { margin: 5px 13px -3px 0; float: right; } /* CSS3 */ .b-level2 .usercomment > .statusinfo { margin: 0 0 5px 13px; } .b-level2 .usercomment > .statusinfo > .part > .inner { padding: 9px 24px; } /* -------------------------------------------------------------------------------------- * activity (comments, contacts, likes, ..) * -------------------------------------------------------------------------------------- */ .block.activity { padding: 12px 12px 24px 48px !important; } .pt-event_gallery_comments .block.activity { padding-left: 24px !important; } .block.activity:last-child { padding-bottom: 23px !important; /* (30px) - 8px padding (of parent) + margin-top: 1px */ } /* headline/title */ .block.activity .h-medium { font-size: 16px; font-weight: normal; margin-bottom: 8px; } .block.activity .h-medium a, .block.activity .h-medium .unknownuser { font-weight: bold; } .block.activity .h-medium .timestamp { padding-left: 5px; } /* user info (left column) */ .block.activity > .user { margin: -5px 0 0 -5px; float: left; } .block.activity > .user > a, .block.activity > .user > .unknownuser { display: block; width: 48px; height: 48px; padding: 5px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -127px -216px no-repeat; } .block.activity > .user img { display: block; } .block.activity > .user .related { margin: 5px; text-align: right; } .block.activity > .user .related img { display: inline-block; vertical-align: middle; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .block.activity > .user .related .icon { margin: 0; } /* user info: CSS3 */ .b-level2 .block.activity > .user { margin: 0; } .b-level2 .block.activity > .user > a { background: none; padding: 0; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* conversation (right column) */ .block.activity .conversation { width: 436px; float: left; margin: -5px 0 0 8px; /* left: (18px) - 5px - 5px padding */ } .b-level2 .block.activity .conversation { /* CSS3 */ width: 426px; margin: 0 0 0 18px; } .block.activity .conversation p { margin-bottom: 0; word-wrap: break-word; } .block.activity .conversation p + p { /* space between multiple paragraphs */ margin-top: 12px; } .block.activity .infocard { margin: 0 3px 3px 0; padding: 0; float: left; } .block.activity .conversation .slice-1 { width: 60px; float: left; } .block.activity .conversation .slice-2 { margin-left: 72px; } .block.activity .conversation .sub-item + .sub-item, .ie6-7 .block.activity .conversation .sub-item +*+ .sub-item { /* space between multiple sub-items */ margin-top: 18px; } .block.activity .conversation > .action { padding: 3px 0 3px 10px; } .block.activity .conversation > .action a { margin-right: 10px; } /* icons */ .block.activity .icon { display: inline-block; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') no-repeat; overflow: hidden; vertical-align: middle; margin-right: 2px; } .block.activity .icon.heart { width: 12px; height: 11px; background-position: -103px -104px; } .block.activity .icon.likeit { width: 7px; height: 6px; background-position: -89px -100px; } .block.activity .icon.dontlikeit { width: 7px; height: 6px; background-position: -89px -106px; } .block.activity .icon.leavecomment { width: 8px; height: 7px; background-position: -89px -112px; } .block.activity .icon.related { width: 6px; height: 11px; background-position: -97px -104px; } /* responses */ .block.activity .responses dt { width: 18px; float: left; padding: 10px 0; } .block.activity .responses dd { margin-left: 24px; zoom: 1; } .block.activity .responses .user img { /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .block.activity .responses .h-mini { font-size: 12px; font-weight: bold; margin-bottom: 0; } .block.activity .responses .user .show { display: block; width: 18px; height: 18px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -170px -100px no-repeat; overflow: hidden; text-indent: 20px; word-wrap: normal !important; } .block.activity .responses textarea { font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #333; border: 0; outline: 0; padding: 0; background: #f8f8f8; width: 100%; min-height: 36px; /* JS: should enlarge on new text lines */ height: 36px; /* JS: should enlarge on new text lines */ max-height: 400px; /* JS: will enlarge to this point*/ overflow: hidden; /* hide IE scrollbars */ } .block.activity .responses .buttons { margin: 2px 8px 0 0; float: right; } .block.activity .response .user { padding: 5px 0 0 0; } .block.activity .response .user a { margin-right: 5px; } /* -------------------------------------------------------------------------------------- * misc * -------------------------------------------------------------------------------------- */ /* show more link */ a.more { display: block; width: 410px; height: 32px; background: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_more.png') no-repeat; text-decoration: none; } a.more span { line-height: 32px; padding-left: 45px; } a.more:hover span, a.more:focus span { /* text-decoration: underline; */ } /* timestamp */ .timestamp { font-size: 12px; font-family: "Georgia", serif; font-style: oblique; font-weight: normal; white-space: nowrap; } .timestamp.indent { padding-left: 2px; } /* lists */ .list dl { margin-bottom: -5px; } .list dt { clear: both; width: 135px; padding-right: 12px; float: left; line-height: 18px; margin-bottom: 3px; } .list dd { margin-left: 147px; font-weight: bold; line-height: 18px; margin-bottom: 3px; } .list dd li { font-weight: bold; } .list dd:after { /* clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .list.groups dt { width: 84px; margin-bottom: 5px; } .list.groups dd { margin-left: 102px; margin-bottom: 5px; } .list.groups dd .h-mini { font-weight: bold; margin-bottom: 0; } .list.groups dd p { margin-bottom: 0; } .list.groups dd .meta { font-family: "Georgia", serif; font-style: oblique; margin-top: 5px; } .pt-info .list.data dt { width: 190px; } .pt-info .list.data dd { margin-left: 204px; } .list.data dd span { display: inline-block; } /* blockquote */ blockquote, blockquote p { font-family: "Georgia", serif; font-style: oblique; font-weight: normal; } blockquote p { margin-bottom: 12px; } /* GLOBAL > ELEMENTS > SECTIONS */ /* -------------------------------------------------------------------------------------- * header * -------------------------------------------------------------------------------------- */ /* form: general */ .header input[type=text], .header input[type=password] { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #4c4c4c; padding: 0 5px; border: 0; height: 18px; float: left; /* IE */ line-height: 16px; /* IE */ } .non-ie .header input[type=text], .non-ie .header input[type=password] { padding-top: 3px; padding-bottom: 3px; height: 12px; } .header .search input[type=text] { background: #a9b8bd; } .header .toolbar input[type=text], .header .toolbar input[type=password] { background: #fff; } .header .toolbar button { background: #42494f; } .header .input { padding: 0 3px; position: relative; /* is parent */ } .header .input .rc { position: absolute; top: 0; width: 3px; height: 18px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') no-repeat; } .header .input .rc-l { left: 0; } .header .input .rc-r { right: 0; } /* form: search */ .header .search .input { width: 170px; float: right; } .header .search .input input { width: 145px; /* (200px) - padding */ padding-left: 20px; } .header .search .input .rc-l { background-position: -37px -100px; } .header .search .input .rc-r { background-position: -40px -100px; } .header .search .icon a { display: block; width: 10px; height: 10px; position: absolute; top: 4px; left: 6px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -49px -100px no-repeat; overflow: hidden; text-indent: 200px; word-wrap: normal !important; } /* form: login */ .header .toolbar .input { width: 160px; float: left; margin-right: 12px; } .header .toolbar .input input { width: 150px; } .header .toolbar .input .rc-l { background-position: -31px -100px; } .header .toolbar .input .rc-r { background-position: -34px -100px; } /* header: buttons */ .header .toolbar .button { width: 80px; } .header .toolbar .button button { width: 80px; cursor: pointer; } .header .toolbar .button button span { /* slight modification because of 12px font-size instead of 10px */ line-height: 18px; } .header .toolbar .button .rc-l { background-position: -43px -100px; } .header .toolbar .button .rc-r { background-position: -46px -100px; } /* logo */ .header .logo { float: left; padding: 55px 0 0 0; margin: 0; } .header .logo a { display: block; width: 190px; height: 40px; background: url('http://static1.lgcdn.net/lakeparty.de/a553/styles/tobel/img/lakeparty_logo.png') no-repeat; overflow: hidden; text-indent: 200px; word-wrap: normal !important; } .ie6 .header .logo { display: inline; } .ie6 .header .logo a { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/styles/tobel/img/lakeparty_logo.png'); } /* categories (startseite, events, bilder) */ .header .categories { margin: 58px 0 0 40px; float: left; min-width: 233px; height: 36px; overflow: hidden; background: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_categories.png') center top no-repeat; } .ie6 .header .categories { display: inline; width: 360px; } .header .categories ul { margin: 0; padding: 0; list-style: none; text-align: center; } .header .categories li { display: inline-block; } .ie6-7 .header .categories li { display: inline; zoom: 1; /* hasLayout */ } .header .categories li.divider, .header .categories li a { display: block; height: 27px; padding: 7px 1px 0 1px; margin: 1px 0 0 0; color: #b2c5cc; text-decoration: none !important; font-size: 16px; font-weight: bold; text-shadow: 0 0 5px #000; filter:progid:dxImageTransform.Microsoft.dropShadow(color=#50000000,offX=1,offY=1); /* AARRGGBB */ } .header .categories li.divider { display: inline; font-weight: normal; } .header .categories li a:hover { color: #E5550E; } .header .categories li.li-1 a { padding-left: 9px; } .header .categories li.li-5 a { padding-right: 9px; } /* search */ .header .search { position: absolute; top: 66px; left: 628px; width: 200px; float: right; } /* partner */ .header .partner a { position: absolute; top: 58px; right: 0; width: 116px; height: 35px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') 0 -300px no-repeat; } .header .partner span { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } /* toolbar */ .header .toolbar * { font-size: 12px; line-height: 1em; color: #fff; font-style: normal; } /* toolbar: default shows login form */ .header .toolbar .login-form { display: table-cell; vertical-align: middle; white-space: nowrap; /* opera */ height: 40px; width:800px; } .ie6-7 .header .toolbar .login-form { padding-top: 10px; } .header .toolbar .login-form .etc { display: inline-block; line-height: 18px; } .header .toolbar .login-form .sep { padding: 0 3px; } /* toolbar: user shows navigation und user shortcuts */ .header .toolbar ul { display: table; margin: 0; padding: 0; list-style: none; background: url('http://static3.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_header_separators.png') right repeat-y; } .header .toolbar li { display: block; float: left; background: url('http://static3.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_header_separators.png') repeat-y; } .header .toolbar li a { display: block; color: #fff; text-decoration: none !important; cursor: pointer; } .header .toolbar li a > span { display: table-cell; height: 41px; padding: 0 14px; vertical-align: middle; } .ie6-7 .header .toolbar li a > span { line-height: 41px; } .header .toolbar li a:hover em, .header .toolbar li a:focus em { color: #ededed; } .header .toolbar .col-1 li.li-1 a span em { display: block; width: 17px; height: 17px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -48px 0 no-repeat; overflow: hidden; text-indent: 4000px; /* hide text */ word-wrap: normal !important; } .ie6-7 .toolbar .col-1 li.li-1 a span em { text-indent: 0; font-size: 0px; line-height: 0px; margin: 12px 14px; } .header .toolbar .col-2 ul { float: right; } .header .toolbar .col-2 li a em { color: #394451; } .header .toolbar .col-2 li.li-1 a em { font-weight: bold; } .header .toolbar .col-2 li a:hover em, .header .toolbar .col-2 li a:focus em { color: #4c5c69; text-decoration: none; } .header .toolbar .counter { background: #394451; padding: 2px 5px; margin-left: 5px; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .header .toolbar .counter.active { background: #d06100; } .header .toolbar .counter.disabled { display:none; } #shoutbox-new-count { background: url('http://static1.lgcdn.net/lakeparty.de/a553/styles/tobel/img/new-message.gif') center center no-repeat #d06100; /* display:inline-block; width:13px; height: 7px; */ } .ie6-7 .header .toolbar .counter { padding-top: 0px; } .header .toolbar .image { display: inline-block; position: relative; top: -1px; /* top -1px -> safari */ margin: 1px 5px 0 0; /* top 1px -> safari */ border: 1px solid #4c4c4c; border-color: #4c4c4c #c4c4c4 #c4c4c4 #4c4c4c; /* CSS2 */ border-color: rgba(0,0,0,0.1) rgba(255,255,255,0.1) rgba(255,255,255,0.1) rgba(0,0,0,0.1); /* CSS3 */ /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .ie6-7 .header .toolbar .image { top: 2px; margin-bottom: 4px; } .header .toolbar .image img { vertical-align: middle; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } /* -------------------------------------------------------------------------------------- * content blocks * general/outer styles * -------------------------------------------------------------------------------------- */ /* content blocks (main column) */ .content .main-column > .block { /* 1st level block (outer) (generally there is but one of it) */ margin-bottom: 14px; /* (24px) - 5px - 5px padding */ } .content .main-column > .block > .part-t, .content .chat-column > .block > .part-t { /* top element */ height: 3px; padding: 5px 5px 0 5px; background-position: 0 0; background-repeat: no-repeat; } .content .main-column > .block > .part-m, .content .chat-column > .block > .part-m { /* middle/center element */ padding: 0 5px; background-repeat: repeat-y; } .content .main-column > .block > .part-m > .part, .content .chat-column > .block > .part-m > .part { background: #ededed url('http://static8.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_4.png') repeat-x; zoom: 1; /* hasLayout */ } .content .main-column > .block > .part-b, .content .chat-column > .block > .part-b { /* bottom element */ height: 3px; padding: 0 5px 5px 5px; background-position: 0 -8px; background-repeat: no-repeat; margin-top: -1px; /* eliminate block separator line if not supporting :last-child */ } .col-profile .content .main-column > .block > .part, .col-crossteaser .content .main-column > .block > .part { background-image: url('http://static1.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_block_crossteaser-profile.png'); } .col-profile .content .main-column > .block > .part-m, .col-crossteaser .content .main-column > .block > .part-m { background-position: -598px 0; } .col-single .content .main-column > .block > .part { background-image: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_block_single.png'); } .col-single .content .main-column > .block > .part-m { background-position: -838px 0; } .col-magazine .content .main-column > .block > .part { background-image: url('http://static1.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_block_magazine.png'); } .col-magazine .content .main-column > .block > .part-m { background-position: -502px 0; } .col-dateornext .content .main-column > .block > .part{ background-image: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_block_dateornext.png'); } .col-dateornext .content .main-column > .block > .part-m{ background-position: -233px 0; } .col-dateornext .content .chat-column > .block > .part{ background-image: url('http://static9.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_block_dateornext-chat.png'); } .col-dateornext .content .chat-column > .block > .part-m{ background-position: -578px 0; } .content .main-column > .block .block, .content .chat-column > .block .block { /* 2nd level block (inner) */ position: relative; /* .control-buttons */ padding: 24px 24px 30px 24px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #d5d5d5; zoom: 1; } .content .main-column > .block .block:first-child, .content .chat-column > .block .block:first-child { border-top: 0; padding-top: 21px; /* (24px) - 3px padding (of parent) */ } .content .main-column > .block .block:last-child, .content .chat-column > .block .block:last-child { border-bottom: 0; padding-bottom: 28px; /* (30px) - 3px padding (of parent) + margin-top: 1px */ } .content .main-column > .block .block .h-big { padding-right: 72px; /* .control-buttons */ } .content .main-column > .block .block *, .content .chat-column > .block .block * { word-wrap: break-word; } /* content boxes (side column) */ .content .sidebar > .block { /* 1st level block (outer) (generally there is but one of it) */ margin-bottom: 24px; /* opacity: .5; /* alpha 50% */ /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ /* filter: alpha(opacity=50); /* IE 7 */ zoom: 1; /* hasLayout */ background: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/empty.gif'); /* IE force content fix */ } .content .sidebar > .block.main, .content .sidebar > .block:first-child, .content .sidebar > .block:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* IE 7 */ } .col-profile .content .sidebar > .block > .part-t, .col-crossteaser .content .sidebar > .block > .part-t { /* top element */ height: 3px; background: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_box_crossteaser-profile_t-b.png') 0 0 no-repeat; } .col-profile .content .sidebar > .block > .part-m > .part, .col-crossteaser .content .sidebar > .block > .part-m > .part { /* middle/center element */ background: #CBDADF url('http://static4.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_box_crossteaser-profile_m.jpg') no-repeat; zoom: 1; /* hasLayout */ } .col-profile .content .sidebar > .block > .part-b, .col-crossteaser .content .sidebar > .block > .part-b { /* bottom element */ height: 3px; background: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_box_crossteaser-profile_t-b.png') 0 -3px no-repeat; } .content .sidebar > .block .block { /* 2nd level block (inner) */ padding: 21px 24px 21px 24px; zoom: 1; } .block .crossteaser-block { border-top: 1px solid; margin: 0px 24px 0 24px; padding: 5px 0 4px 0; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #d5d5d5; } .block .block + .crossteaser-block { margin-top: -20px; } .block .crossteaser-block > a { float:left; } .block .crossteaser-block > p { padding: 0; margin: 0 0 0 30px; } .block .crossteaser-block > a + p { margin-top: -5px; } .block .crossteaser-block:first-child, .block .crossteaser-block:first-child { border-top: 0; } .block .crossteaser-block:last-child, .block .crossteaser-block:last-child { border-bottom: 0; padding-bottom: 24px; } /* content blocks + content boxes CSS3 -> save 5 requests */ .b-level2 .content .col > .block { margin-bottom: 24px; } .b-level2 .content .main-column > .block { margin-top: 5px; } .b-level2 .content .col > .block > .part-t, .b-level2 .content .col > .block > .part-b { background-image: none; display: none; } .b-level2 .content .col > .block > .part-m { background-image: none; } .b-level2 .content .col > .block > .part-m > .part { /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .b-level2 .content .main-column > .block > .part-m > .part { /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .b-level2 .content .main-column > .block .block { /* 2nd level block (inner) */ padding: 24px 24px 30px 24px; } .b-level2 .content .sidebar > .block .block { /* 2nd level block (inner) */ padding: 24px 24px 24px 24px; } /* -------------------------------------------------------------------------------------- * content blocks * specific/inner styles * -------------------------------------------------------------------------------------- */ /* headline */ .content .sidebar > .block .h-medium { /* headline */ font-size: 16px; font-weight: bold; text-align: center; margin-left: -10px !important; margin-right: -10px !important; word-wrap: break-word; } .content .sidebar > .block .block > .h-medium:first-child { /* headline is first box element */ margin: -14px 0 8px 0; } /* »show more« strap */ .content .sidebar > .block .more { float: right; margin-right: 12px; padding: 0 3px; position: relative; /* is parent */ white-space: nowrap; } .content .sidebar > .block .more a { text-decoration: none !important; cursor: pointer; } .content .sidebar > .block .more a, .content .sidebar > .block .more a span { display: block; height: 18px; line-height: 18px; vertical-align: middle; white-space: nowrap; } .content .sidebar > .block .more a > span { font-size: 12px; font-weight: bold; background: #fff; padding: 0 9px; } .content .sidebar > .block .more .rc { position: absolute; top: 0; width: 3px; height: 18px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') no-repeat; } .content .sidebar > .block .more .rc-l { left: 0; background-position: -59px -100px; } .content .sidebar > .block .more .rc-r { right: 0; background-position: -62px -100px; } /* separator line (hr) */ .content .sidebar > .block .hr, .content .separator { /* separator line */ margin: 12px -6px; height: 0; border-top: 1px solid #b7c4c7; border-bottom: 1px solid #d6e1e5; } /* image */ .content .sidebar > .block .image { } .content .sidebar > .block .image img { display: block; } .content .sidebar > .block .image .trusted { margin-top: -48px; margin-left: -10px; } /* info */ .content .sidebar > .block .info { margin: 10px 0 -4px 0; text-align: center; } .content .sidebar > .block .info * { margin-bottom: 0; } /* action (buttons) */ .content .sidebar > .block .action { margin-bottom: -5px; /* eliminate margin from buttons */ } /* -------------------------------------------------------------------------------------- * footer * -------------------------------------------------------------------------------------- */ /* general */ .footer * { font-size: 12px; line-height: 18px; color: #aec7cf; } .footer .h-big { margin-bottom: 12px; padding-top: 5px; } #regionselect ul, .footer ul { margin: 0; padding: 0; list-style: none; } #regionselect p, .footer p { margin-bottom: 12px; } #regionselect span.link, .footer span.link { /* > list item */ display: inline-block; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -19px -100px no-repeat; overflow: hidden; width: 3px; height: 5px; margin-right: 5px; vertical-align: middle; letter-spacing: -999em; font-size: 0; color: transparent; /* hide text */ } .footer a:hover, .footer a:focus { color: #aec7cf; text-decoration: underline; } /* »unsere partner« */ .footer .col-2 li { min-height: 20px; padding: 0 0 3px 0; } .footer .col-2 li a { display: block; background: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/partners.png') 0 0 no-repeat; text-indent: -2000px; /* hide text */ word-wrap: normal !important; overflow: hidden; } .footer .col-2 .li-1 a { /* schwaebische.de */ width: 93px; height: 20px; background-position: 0 -5px; } .footer .col-2 .li-2 a { /* medialize */ width: 93px; height: 18px; background-position: 0 -28px; } .footer .col-2 .li-3 a { /* Radio 7 */ width: 93px; height: 44px; background-position: 0 -49px; } .ie6 .footer .col-2 li a { background: none; text-indent: 0; overflow: auto; } .ie6 .footer .col-2 .li-1 a, .ie6 .footer .col-2 .li-2 a, .ie6 .footer .col-2 .li-3 a, width: auto; height: auto; } /* »über lakeparty« */ .footer .col-3 li .icon { width: 21px; height: 14px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') 0 0 no-repeat; float: left; margin: 2px 5px 2px 0; } .footer .col-3 .li-1 .icon { background-position: 0 -56px; } .footer .col-3 .li-2 .icon { background-position: 0 -70px; } .footer .col-3 .li-3 .icon { background-position: 0 -84px; } /* copyright */ .footer .copyright { font-size: 11px; text-align: right; } /* system info */ .footer .system-info ul { margin-top: -12px; } .footer .system-info li { font-size: 11px; text-align: right; } /* GLOBAL > ELEMENTS > SECTIONS > PAGES */ /* -------------------------------------------------------------------------------------- * homepage * .pt-home * -------------------------------------------------------------------------------------- */ /* slideshow */ .pt-home .slideshow, .pt-blog .slideshow, .pt-events .slideshow { margin: 5px 5px 24px 5px; } .pt-home .greybox .slideshow, .pt-blog .greybox .slideshow, .pt-events .greybox .slideshow { margin: 0 0 24px 0; } /* flip index */ .pt-home .flipindex, .pt-blog .flipindex, .pt-events .flipindex { margin: -20px 0 5px 10px; } .pt-home .greybox .flipindex, .pt-blog .greybox .flipindex, .pt-events .greybox .flipindex { margin: -20px 0 -10px 10px; } /* block: special contains register form */ .content .main-column > .block.special > .part-t { opacity: .85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE 8 */ filter: alpha(opacity=85); /* IE 7 */ } .content .main-column > .block.special > .part-m > .part { background: #f3f3f3 url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_5.png') repeat; } /* Gallery-Teaser H3 */ .content .main-column > .block.special .h-medium { margin-bottom: 0px; } .content .main-column > .block.special .event { float:left; width:180px; } .content .main-column > .block.index-special .event { float:left; width:180px; padding-bottom: 15px; } .content .main-column > .block.index-special .event .infobox .h-medium { margin-bottom: 0; } /* registration form */ .reg-form { } .reg-form .key { width: 135px; display: inline-block; vertical-align: middle; line-height: 35px; } .reg-form .value { width: 300px; display: inline-block; vertical-align: middle; } .ie6-7 .reg-form .key, .ie6-7 .reg-form .value { display: inline; zoom: 1; } .reg-form .key label { font-size: 16px; font-weight: bold; } .reg-form p { text-align: right; margin-bottom: 5px; } .reg-form .button { float: right; } /* users-row */ .users-row { margin: 0 -24px 0 -24px; /* fit parent box */ padding: 12px 36px 12px 12px; height: 49px; /* (73px) - 12px - 12px padding */ overflow: hidden; background: #ccc url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_users-row.png') repeat-x; } .users-row ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } .users-row > li { display: block; float: left; margin: 0 12px 0 0; } .users-row li a, .users-row li img { display: block; width: 48px; height: 48px; overflow: hidden; } .users-row li img { /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .users-row li a:hover, .users-row li a:focus { border: 3px solid #e5550e; width: 42px; height: 42px; } .users-row li a:hover img, .users-row li a:focus img { margin: -3px; } /* calendar */ .pt-home .calendar, .pt-logout .calendar { margin: 0 0 -15px 0; /* eliminate paddings */ } .pt-home .calendar + .button, .ie6-7 .pt-home .calendar +*+ .button, .pt-logout .calendar + .button, .ie6-7 .pt-logout .calendar +*+ .button { float: right; margin-right: 5px; } /* sidebar */ .col-magazine .sidebar .button { float: right; } /* -------------------------------------------------------------------------------------- * group * .pt-group * -------------------------------------------------------------------------------------- */ /* group description */ .pt-group .group-description .h-medium, .pt-group .group-description p { margin: 0; } /* message id */ .pt-group .message-id { width: 48px; margin: 0 5px; text-align: center; } .pt-group .message-id a { font-size: 16px; font-family: "Georgia", serif; font-style: oblique; font-weight: normal; color: #4c4c4c; } /* -------------------------------------------------------------------------------------- * messagecenter * .pt-messagecenter * -------------------------------------------------------------------------------------- */ .pt-messagecenter .messagelist { margin: 0 -24px; /* remove parent box margins left/right */ } .pt-messagecenter .messagelist > ul { margin: 0; padding: 0; list-style: none; } .pt-messagecenter .messagelist > ul > li { margin: -1px 0 0 0; padding: 12px 24px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; position: relative; /* IE */ } .pt-messagecenter .messagelist > ul > li:hover { background: #fff; } .pt-messagecenter .messagelist > ul > li > a { display: block; color: #333; text-decoration: none; zoom: 1; } .pt-messagecenter .messagelist .td { display: table-cell; vertical-align: middle; } .ie6-7 .pt-messagecenter .messagelist .td { display: block; float: left; } .pt-messagecenter .messagelist .td-1 { /* checkbox */ width: 20px; padding-right: 12px; } .pt-messagecenter .messagelist .td-2 { /* image */ width: 48px; padding-right: 12px; } .pt-messagecenter .messagelist .td-2 img { display: block; } .pt-messagecenter .messagelist .td-3 { /* userinfo */ width: 140px; padding-right: 12px; } .pt-messagecenter .messagelist .td-4 { /* message */ width: 500px; padding-right: 12px; } .pt-messagecenter .messagelist .td-5 { /* status */ width: 60px; text-align: right; font-family: "Georgia", serif; font-style: oblique; } .pt-messagecenter .messagelist .td p { margin: 0; /* excerpts won't have margins between paragraphs, will they? */ } .pt-messagecenter .messagelist .username { font-size: 16px; font-weight: bold; display: block; } /* -------------------------------------------------------------------------------------- * location * .pt-location * -------------------------------------------------------------------------------------- */ /* infobox */ .pt-event .col-2 .infobox, .pt-location .infobox { float: right; margin: -5px -5px 19px 0; } .b-level2.pt-event .col-2 .infobox, .b-level2.pt-location .infobox { margin: 0 0 24px 5px; } .pt-event .col-2 .infobox dl.location dt, .pt-location .infobox dl.location dt { display: block; font-family: "Georgia", serif; font-style: oblique; } .pt-event .col-2 .infobox dl.location dd, .pt-event .col-2 .infobox dl.location dd p, .pt-location .infobox dl.location dd, .pt-location .infobox dl.location dd p { display: block; font-size: 16px; font-weight: bold; margin-bottom: 6px; } /* -------------------------------------------------------------------------------------- * added by lakeparty * -------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------- * controls * .controls * -------------------------------------------------------------------------------------- */ .statusinfo { position:relative; z-index:10; } .controls { display:none; position:absolute; top:3px; right:-20px; width:24px; z-index:-5; } .part .block.hover .controls, .part .block:hover .controls { display:block; } .controls > .part { background: url('http://static8.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_controls.png') no-repeat; margin:0; padding:0; } .controls > .part-t { height: 8px; background-position: 0 0; } .controls > .part-m { background: url('http://static8.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_controls.png') -26px 0 repeat-y; } .controls > .part-b { height: 8px; background-position: 0 -8px; } .controls > .part-m > ul { list-style-type: none; margin:0; padding:0; } .controls > .part-m > ul li { padding:3px 6px; width: 12px; height: 12px; } .controls > .part-m > ul li a { display: block; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') 0 0 no-repeat; width: 100%; height: 100%; font-size: 0; color: transparent; /* hide text */ } .controls > .part-m > ul li.li-delete a { /* loeschen */ background-position: -183px -7px; } .controls > .part-m > ul li.li-delete a:hover { /* loeschen */ background-position: -201px -7px; } .controls > .part-m > ul li.li-insert a, .controls > .part-m > ul li.li-edit a { /* neu / bearbeiten */ background-position: -183px -21px; } .controls > .part-m > ul li.li-insert a:hover, .controls > .part-m > ul li.li-edit a:hover { /* bearbeiten */ background-position: -201px -21px; } .controls > .part-m > ul li.li-report a { /* melden */ background-position: -183px -34px; } .controls > .part-m > ul li.li-report a:hover { /* melden */ background-position: -201px -34px; } .image { position: relative; display: inline-block; } .part .block .image .controls { display: none; position: absolute; top: 12px; left: 0; /*width: 24px;*/ z-index: 1; } .part .block:hover .image:hover .controls { display: block; } .inline-controls { display: none; } .control-buttons { position: absolute; top:24px; right: 24px; display: none; } .part .block:hover .control-buttons { display: block; } .control-buttons .button > a { display: block; padding: 0; width: 12px; height: 18px; } .control-buttons .button > a > span { display: block; background: #42494f url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') 0 0 no-repeat; margin: 3px 1px; width: 14px; height: 12px; font-size: 0; color: transparent; /* hide text */ } .control-buttons .button-delete > a > span { /* loeschen */ background-position: -182px -7px; } .control-buttons .button-delete > a:hover > span { /* loeschen */ background-position: -200px -7px; } .control-buttons .button-insert > a > span, .control-buttons .button-edit > a > span { /* neu / bearbeiten */ background-position: -182px -21px; } .control-buttons .button-insert > a:hover > span, .control-buttons .button-edit > a:hover > span { /* bearbeiten */ background-position: -200px -21px; } .control-buttons .button-report > a > span { /* melden */ background-position: -182px -35px; } .control-buttons .button-report > a:hover > span { /* melden */ background-position: -200px -35px; } #ImageMarkerLegend .control.delete { display: inline-block; } #ImageMarkerLegend .control.delete a { display: block; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -182px -58px no-repeat; width: 12px; height: 12px; font-size: 0; color: transparent; /* hide text */ } .contact-controls a { padding: 0 19px; font-size: 12px; line-height: 18px; color: #4c4c4c; zoom: 1; /* hasLayout */ } /* -------------------------------------------------------------------------------------- * exit page * body.outbound * -------------------------------------------------------------------------------------- */ body.outbound { overflow: hidden; } body.outbound > .conversation .greybox { position: absolute; top: 50%; left: 50%; margin: -111px -213px; height: 222px; width: 426px; z-index: 10; } body.outbound > .conversation .greybox > .part > .inner { padding: 24px; } body.outbound > .conversation .greybox > .part > .inner > .h-big { text-align: center; } body.outbound > iframe { width:100%; height:100%; padding:0; margin:0; z-index:-5; } body.outbound > .overlay { background-color:#000; position:absolute; top:0; left:0; padding:0; margin:0; opacity:0.7; z-index:5; width:100%; height:100%; } abbr { border-bottom: none; cursor: text; } a abbr { cursor: pointer; } ul.error { background-color:#e27406; } .input.field.error { background-color:#e27406; } .input.label .error { background-color:#e27406; } .col-profile .content .main-column > .block#error > .part, .col-crossteaser .content .main-column > .block#error > .part { background-image: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_block_error_crossteaser-profile.png'); } .col-profile .content .main-column > .block#error > .part-t, .col-crossteaser .content .main-column > .block#error > .part-t { background-position: 0 1px; } .col-profile .content .main-column > .block#error > .part-b, .col-crossteaser .content .main-column > .block#error > .part-b { background-position: 0 -4px; } .col-profile .content .main-column > .block#error > .part-m > .part, .col-crossteaser .content .main-column > .block#error > .part-m > .part { background: transparent url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_block_error_crossteaser-profile.png') 593px 0; zoom: 1; /* hasLayout */ } .col-magazine .content .main-column > .block#error > .part-m > .part { background: transparent; } .col-magazine .content .main-column > .block#error > .part { background-image: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_block_error_magazine.png'); } .col-magazine .content .main-column > .block#error > .part-m { background-position: -502px 0; } .errormessage { font-family: "Georgia", serif; font-style: oblique; } .block.deleted { display: none; } .input.label { font-family: "Georgia", serif; font-style: oblique; padding: 3px 0; display: block; } /* separate rules, because user agents are required to ignore a rule with an unknown selector */ .placeholder { color: #6c6c6c; } input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #6c6c6c; } input:-moz-placeholder { color: #6c6c6c; } #webcam { display: none; } #webcam-flashgun { display:none; width:100%; height:100%; z-index:7000; position:absolute; top:0; left:0; bottom:0; right:0; opacity:.9; background-color:#fff; margin:0; } /*************************************************************************** * A N Y B O X ***************************************************************************/ /* .AnyBoxBackdrop { background-color: #336699; z-index: 1000; visibility: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity:0.5; } .AnyBoxBackdropModal { z-index: 1000; visibility: hidden; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity:0.5; } */ .AnyBoxContainer { z-index: 2000; visibility: hidden; position: fixed; padding: 0; margin: 0; } .AnyBoxContainer > * { margin: 0; } /*************************************************************************** * A N Y B O X O P T I O N S B O X ***************************************************************************/ .AnyBoxContainer.options { margin: 0 0 0 -6px; padding: 12px 0; width: 300px; } .AnyBoxContainer.options ul { list-style-type: none; margin: 0; padding: 3px; width: 100%; background-color: #d1d1d1; color: #4c4c4c; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .AnyBoxContainer.options ul li { margin: 0; padding: 9px; /* separator line */ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #b8b8b8; } .AnyBoxContainer.options ul li:first-child { border-top: none; } .AnyBoxContainer.options ul li:last-child { border-bottom: none; } .AnyBoxContainer.options ul li.selected { background-color: #e5ecee; } .AnyBoxContainer.options ul li.selected > * { cursor: pointer; } .AnyBoxContainer.options ul li p { margin: 0; } .AnyBoxContainer.options em.hilite { color: #e5550e; font-style: normal; } .AnyBoxContainer.options.contactSearchOptionBox { width: 170px; margin: 0 0 0 -3px; z-index: 800000; } /* Tag cloud */ .tags { list-style-type: none; line-height: 22px; text-align: justify; margin: 0; padding: 0; } .tags li { display: inline; margin: 0; padding: 0; } .tags li .cluster-1 { font-size: 12px; } .tags li .cluster-2 { font-size: 14px; } .tags li .cluster-3 { font-size: 16px; } .tags li .cluster-4 { font-size: 18px; } .tags li .cluster-5 { font-size: 20px; } .tags li .cluster-6 { font-size: 22px; } /* -------------------------------------------------------------------------------------- * userlisting * .userlist * -------------------------------------------------------------------------------------- */ .userlist { margin: 0 -24px; /* remove parent box margins left/right */ } .userlist > ul { margin: 0; padding: 0; list-style: none; } .userlist > ul > li { margin: -1px 0 0 0; padding: 12px 24px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } .userlist > ul > li:hover { background: #fff; cursor: pointer; } .userlist > ul > li > a { display: block; color: #333; text-decoration: none; zoom: 1; } .userlist .td { display: table-cell; vertical-align: middle; } .ie6-7 .userlist .td { display: block; float: left; } .userlist .td-1 { /* image */ width: 48px; padding-right: 12px; } .userlist .td-1 img { display: block; } .userlist .td-2 { /* username */ width: 140px; padding-right: 12px; } .userlist .td-3 { /* userinfo */ width: 80px; padding-right: 12px; font-family: "Georgia", serif; font-style: oblique; color: #a5a5a5; } .userlist .td-4 { /* city */ width: 180px; padding-right: 12px; font-family: "Georgia", serif; font-style: oblique; color: #a5a5a5; } .userlist .td-5 { /* online status */ } .userlist .td p { margin: 0; /* excerpts won't have margins between paragraphs, will they? */ } .userlist .username { font-size: 16px; font-weight: bold; display: block; } .userlist.friendship-requests .td-1 { width: 190px; } .userlist.friendship-requests .td-2 { width: 158px; } .userlist.friendship-requests .td-3 { width: 138px; padding-right: 0; } .userlist.friendship-requests > ul > li:hover { background: #fff; cursor: auto; } /* -------------------------------------------------------------------------------------- * board listing * .boardlist * -------------------------------------------------------------------------------------- */ .boardlist { margin: 0 -24px 18px -24px; /* remove parent box margins left/right */ } .boardlist > ul { margin: 0; padding: 0; list-style: none; } .boardlist > ul > li { margin: -1px 0 0 0; padding: 12px 24px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; position: relative; /* IE */ } .boardlist > ul > li > a { display: block; color: #333; text-decoration: none; zoom: 1; } .boardlist .td { display: table-cell; vertical-align: middle; } .ie6-7 .boardlist .td { display: block; float: left; } .boardlist .td-1 { /* title */ width: 270px; padding-right: 12px; } .boardlist .td-2 { /* topics */ width: 80px; padding-right: 12px; font-family: "Georgia", serif; font-style: oblique; color: #a5a5a5; } .boardlist .td-3 { /* last posting */ width: 170px; } .boardlist .td-3 .label { display: block; width: 16px; height: 16px; float: left; background: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/icon_topic_latest.png') no-repeat; font-size: 0; color: transparent; /* hide text */ } .boardlist .td h4 { margin: 0; } .boardlist .td p { margin: 0; /* excerpts won't have margins between paragraphs, will they? */ } .boardlist .username { } .boardlist .timestamp { display: block; } .ie7 .boardlist > ul > li > .clear { clear: none; } /* -------------------------------------------------------------------------------------- * thread listing * .threadlist * -------------------------------------------------------------------------------------- */ .threadlist { margin: 0; } .threadlist > ul { margin: 0; padding: 0; list-style: none; } .threadlist > ul > li { margin: -1px 0 0 0; padding: 12px 24px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; /*position: relative;*/ /* IE */ } .threadlist > ul > li > a { display: block; color: #333; text-decoration: none; zoom: 1; } .threadlist .td { display: table-cell; vertical-align: middle; } .ie6-7 .threadlist .td { display: block; float: left; } .threadlist .td-1 { /* title */ width: 270px; padding-right: 12px; } .threadlist .td-2 { /* postings */ width: 80px; padding-right: 12px; font-family: "Georgia", serif; font-style: oblique; color: #a5a5a5; } .threadlist .td-3 { /* last posting */ width: 170px; padding-right: 12px; } .threadlist .td-3 .label { display: block; width: 16px; height: 16px; float: left; background: url('http://static0.lgcdn.net/lakeparty.de/a553/styles/tobel/img/icon_topic_latest.png') no-repeat; font-size: 0; color: transparent; /* hide text */ } .threadlist .td-4 { /* status */ width: 20px; } .threadlist .td-4 .open, .threadlist .td-4 .closed, .threadlist .td-4 .frozen, .threadlist .td-4 .restored { display: block; width: 16px; height: 26px; font-size: 0; color: transparent; /* hide text */ } .threadlist .td-4 .closed { background: url('http://static9.lgcdn.net/lakeparty.de/a553/styles/tobel/img/icon_lock.png') no-repeat; } .threadlist .td h4 { margin: 0; } .threadlist .td p { margin: 0; /* excerpts won't have margins between paragraphs, will they? */ } .threadlist .username { } .threadlist .timestamp { display: block; } .pt-event_gallery_image .slideshow .slider { text-align: center; } .pt-event_gallery_image .slideshow .flip { top: 164px; margin-top: -26px; } .slideshow .flip { /* display: none; */ z-index: 101; } .slideshow:hover .flip { display: block; cursor: pointer; } .slideshow ul { position: relative; list-style-type: none; margin: 0; padding: 0; } .slideshow.teaser ul { overflow: hidden; } .slideshow.teaser ul li { width: 100%; } .pt-home .slideshow.teaser ul, .pt-blog .slideshow.teaser ul { height: 300px; width: 492px; } .pt-events .slideshow.teaser ul { height: 241px; width: 588px; } .pt-events .slideshow.teaser .item .image { min-width: 174px; } /* pictograms (start page) */ .block.activity > .pictogram { float: left; } .block.activity > .pictogram > a { display: block; background: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/pictos_start.png') 0 0 no-repeat; letter-spacing: -999em; font-size: 0; color: transparent; /* hide text */ } .block.activity > .pictogram > a { display: block; } .block.activity > .pictogram.message > a { width: 57px; height: 54px; background-position: 0 0; } .block.activity > .pictogram.friendship > a { width: 57px; height: 54px; background-position: -57px 0; } .block.activity > .pictogram.performance > a { width: 54px; height: 54px; background-position: -220px 0; } .settinglist { width: 100%; padding: 0; margin: 24px 0 0 0; empty-cells: hide; border-collapse: collapse; } .settinglist th, .settinglist td { padding: 0 6px; vertical-align: middle; text-align: center; } .settinglist th { font-weight: bold; } .settinglist td { background-color: #d1d1d1; border-spacing:10px; } .settinglist td:first-child { text-align: left; font-weight: bold; /* rounded corners */ -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-top-left-radius: 3px; -o-border-bottom-left-radius: 3px; -khtml-border-top-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .settinglist td:last-child { /* rounded corners */ -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -o-border-top-right-radius: 3px; -o-border-bottom-right-radius: 3px; -khtml-border-top-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .settingslist td.spacer { height: 6px; background-color: transparent; } .pt-tickets table { width: 100%; border-collapse: separate; } .pt-tickets table th { font-weight: bold; } .pt-tickets table th, .pt-tickets table td { background-color: #d1d1d1; padding: 3px; } .pt-tickets table tr.new td, .pt-tickets table tr.reopened td { background-color: #98FB98; } .pt-tickets table tr:hover td { background-color: #fff; } .pt-tickets table tr.resolved td { opacity: 0.5; } .pt-tickets table tr.resolved:hover td { opacity: 1; } .pt-ticket table { width: 100%; } .pt-ticket table th { padding: 3px; width: 120px; } .pt-ticket table td { padding: 3px; } .pt-ticket .content .main-column > .block .block.reported-content { background-color: #d5d5d5; border-top: 1px solid #d5d5d5; } .online-status { /* online status */ display: block; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -36px -77px no-repeat; overflow: hidden; width: 33px; height: 20px; font-size: 0; color: transparent; /* hide text */ } .online-status.online { background-position: -36px -57px; } .pt-user .online-status { float: left; margin-right: 5px; } .pt-user .content .main-column > .block .block.info > h2 { float: left; display: inline; padding-right: 12px; } .pt-user .content .main-column > .block .block.info > p { display: inline; } .image-container { position: relative; } .image-container .meta { display: none; } .image-container.nofade:hover .meta { display: block; } .image-container .meta .bg { height: 27px; background-color: #000; opacity: 0.6; position: absolute; bottom: 0; left: 0; right: 0; } .image-container .meta .info { height: 15px; position: absolute; bottom: 0; left: 0; right: 0; padding: 8px; } .image-container .meta .info ul { width: 100%; height: 100%; margin: 0; padding: 0; font-size: 12px; } .image-container .meta .info ul li { color: #fff; float: left; /* display:inline; border-right:1px dotted #fff; padding-right:5px; */ } .image-container .meta .info ul li span { float: left; display: block; width: 12px; height: 12px; margin: 1px 3px 0 0; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') no-repeat; overflow: hidden; text-indent: -4000px; /* hide text */ word-wrap: normal !important; } .image-container .meta .info ul .li-1 span { background-position: -74px -58px; } .image-container .meta .info ul .li-2 span { background-position: -86px -57px; } .pt-user_gallery .content .main-column > .block .block:first-child > .button, .pt-user_markers .content .main-column > .block .block:first-child > .button { position: absolute; top:24px; right: 24px; } .pt-user_gallery .slideshow .slider { text-align: center; } /*************************************************************************** * BUBBLE ANSWERS ***************************************************************************/ /* make those bubbles overflow to the left! */ .bubble-wrapper { float:right; clear:right; } .bubble { min-width:216px; } textarea.reset { padding:auto; margin:auto; width:auto; height:auto; line-height:auto; } .bubble-answer { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width: 100%; padding-right: 12px; margin-top: 5px; margin-right:5px; border-top: 1px solid #9B9D9E; } .bubble-answer textarea { padding:2px; min-height:10px; max-height:100px; width: 100%; margin-bottom:5px; } .answer-message { margin-top:5px; max-height: 100px; overflow:auto; } .bubble .buttons > * { float:right; } /*************************************************************************** * W A I T I N G ***************************************************************************/ div.waitingBackdrop, div.waitingIcon { width:0; margin:0; padding:0; border:0; height:0; bottom:0; right:0; } div.waitingBackdrop { opacity:0.8; position:absolute; background-color: #aec7cf; z-index:8000; } div.waitingIcon { position:absolute; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/waiting/ajax-loader.gif') center center no-repeat; overflow:hidden; z-index:8001; } /* reset icon for integration of a text-message */ div.waitingIcon.waitingMessage { background-image:none; z-index:8001; } div.waitingIcon div { height:30px; color:white; display:inline-block; position:absolute; padding: 6px 6px 6px 30px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/waiting/ajax-loader.gif') 5px 5px no-repeat; } /*************************************************************************** * T O O L T I P ***************************************************************************/ .tooltip.lakeparty { width: 310px; margin-bottom: 2px; /* (12px) - 5px - 5px padding */ position: relative; /* is parent */ } .tooltip.lakeparty > .part { background-image: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_tooltips.png'); } .tooltip.lakeparty > .part-t { /* top element */ height: 3px; padding: 5px 5px 0 5px; background-position: -1px 0; background-repeat: no-repeat; } .tooltip.lakeparty > .part-m { /* middle/center element */ padding: 0 5px; background-position: -311px 0; background-repeat: repeat-y; } .tooltip.lakeparty > .part-b { /* bottom element */ height: 3px; padding: 0 5px 5px 5px; background-position: -1px -8px; background-repeat: no-repeat; } .tooltip.lakeparty > .part > .inner p { color: white; } .tooltip.lakeparty > .part > .inner { padding: 12px 24px; zoom: 1; } .tooltip.lakeparty .tooltip-pin { position: absolute; /*top: 60px; left: -4px; is positioned by $.tooltip() */ width: 9px; height: 18px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -201px -100px no-repeat; margin-left:9px; /* undo padding */ } .tooltip-align-left.tooltip-align-mouse { margin-left: 6px; } /*************************************************************************** * BBCODE BUTTONS ***************************************************************************/ ul.bbcode { text-align: right; margin-bottom:3px; float:right; margin:0; padding:0; } ul.bbcode li { display: inline; padding: 0 0 0 3px; } /* FIXME: BBCode Buttons Icons should be replaced */ ul.bbcode li button { float:none; width:15px; height:15px; background:url('http://static3.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/bb-controls.png') 0 0 no-repeat transparent; border:none; } ul.bbcode li button.link-bbbutton { background-position: -60px -15px; } ul.bbcode li button.quote-bbbutton { background-position: 0 -15px; } ul.bbcode li button.bold-bbbutton { background-position: -15px -15px; } ul.bbcode li button.italic-bbbutton { background-position: -30px -15px; } ul.bbcode li button.smiley-bbbutton { background-position: -45px -15px; } ul.bbcode li button.link-bbbutton:hover { cursor:pointer; background-position: -60px 0; } ul.bbcode li button.quote-bbbutton:hover { cursor:pointer; background-position: 0 0; } ul.bbcode li button.bold-bbbutton:hover { cursor:pointer; background-position: -15px 0;} ul.bbcode li button.italic-bbbutton:hover { cursor:pointer; background-position: -30px 0; } ul.bbcode li button.smiley-bbbutton:hover { cursor:pointer; background-position: -45px 0; } ul.bbcode li button.link-bbbutton span, ul.bbcode li button.quote-bbbutton span, ul.bbcode li button.bold-bbbutton span, ul.bbcode li button.italic-bbbutton span, ul.bbcode li button.smiley-bbbutton span { display:none; } .smileySelector { margin: 0 0 0 -6px; padding: 12px 0; width: 100px; } .smileySelector ul { list-style-type: none; margin: 0; padding: 0; width: 100%; background-color: #d1d1d1; color: #4c4c4c; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .smileySelector li { text-align: center; margin: 0; padding: 9px; /* separator line */ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #b8b8b8; } .smileySelector li:first-child { border-top: none; /* rounded corners */ -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -o-border-top-right-radius: 3px; -o-border-top-left-radius: 3px; -khtml-border-top-right-radius: 3px; -khtml-border-top-left-radius: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .smileySelector li:last-child { border-bottom: none; /* rounded corners */ -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -o-border-bottom-right-radius: 3px; -o-border-bottom-left-radius: 3px; -khtml-border-bottom-right-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .smileySelector li:hover { background-color: #e5ecee; } .smileySelector li:hover > * { cursor: pointer; } * html div.smileySelector li span.smiley { margin-left: 5000px; } *:first-child+html div.smileySelector li span.smiley { margin-left: 5000px; } /*************************************************************************** * I M A G E M A R K E R ***************************************************************************/ div.ImageMarker { padding:0; margin:0; position:relative; clear:left; float:left; /*overflow:hidden; */ } div.ImageMarkerEditing { cursor:crosshair; } /* 660 - 430 = 230 / 2 = 115 */ /* div.ImageMarkerPortrait { padding-left: 60px; } */ /* div.ImageMarkerPortrait div.ImageMarkerLegend { margin-left: -110px; display:none; } */ div.ImageMarkerPortrait p.controls { padding-right:60px; } div.ImageMarkerInput { cursor:auto; width:202px; height:100px; margin-top:105px; } div.ImageMarkerInput p { margin-top:5px; } /* div.ImageMarkerLegend * { float:left; margin:0; padding:0; display:none; } div.ImageMarkerLegend ul { list-style-type:none; } div.ImageMarkerLegend ul li { padding-left:5px; } div.ImageMarkerLegend ul li.edit { padding-left: 20px; } */ div.ImageMarkerPoint { display:none; background:url('http://static9.lgcdn.net/lakeparty.de/a553/styles/classic/img/imagemarker/marker.png') no-repeat left top; border:0; width:100px; height:100px; position:absolute; margin: -50px 0 0 -50px; padding:0; cursor:pointer; text-decoration:none; text-align:center; color:black; z-index: 102; } div.ImageMarkerPoint div.vcard { display:none; cursor:auto; margin-top:0px; margin-left:100px; } /*div.ImageMarkerPoint div.vcard * { margin:0; float:left; } */ div.ImageMarkerSelector, div.ImageMarkerSelected { background:url('http://static2.lgcdn.net/lakeparty.de/a553/styles/classic/img/imagemarker/selector.png'); border:0; width:100px; height:100px; z-index:105; position:absolute; margin: -50px 0 0 -50px; padding:0; cursor:crosshair; text-decoration:none; text-align:center; color:black; } div.ImageMarkerPointHover div.vcard, div.ImageMarkerPoint:hover div.vcard { display:block; } div.ImageMarkerPointRight div.vcard { margin-left: -220px; } div.ImageMarkerPoint div.controls { position:absolute; bottom:4px; right:10px; margin:0; padding:0; display:none; } div.ImageMarkerHover div.ImageMarkerPoint, div.ImageMarker:hover div.ImageMarkerPoint { display:block; } div.ImageMarkerPointHover div.controls, div.ImageMarkerPoint:hover div.controls { display:block; } div.ImageMarkerPointHover, div.ImageMarkerPoint:hover { background-image:url('http://static3.lgcdn.net/lakeparty.de/a553/styles/classic/img/imagemarker/hover.png'); display:block; } .ImageMarkerSelected .tooltip, .ImageMarkerPoint .tooltip { position: absolute; margin: 80px 0 0 35px; z-index: 3000; display: none; } .ie6-7 .ImageMarkerSelected .tooltip, .ie6-7 .ImageMarkerPoint .tooltip { margin: 36px 0 0 -42px; } .ImageMarkerPoint:hover .tooltip { display: block; } .ImageMarkerPoint .infocard { text-align:left; } .ImageMarkerSelected .tooltip { display: block; } .greybox > .part-m.show-overflow, .slider.show-overflow { overflow:visible } /*************************************************************************** * SOUND ***************************************************************************/ .header .toolbar .col.col-rightest { position:absolute; top:0; right:0; } .col-rightest #sound { width:35px; height:25px; margin-top:11px; float:left; } /*************************************************************************** * BROWSER-UPDATE-PAGE ***************************************************************************/ .pt-browser-update .header { margin-bottom: 0; } .pt-browser-update .header .categories, .pt-browser-update .header .search, .pt-browser-update .header .toolbar, .pt-browser-update .footer .colgroup { display: none; } .browser-list { margin: 0; padding: 0; margin-top: 18px; } .browser-list li { list-style-type: none; padding: 3px 3px 3px 42px; margin: 0; margin-bottom: 6px; background-repeat: no-repeat; background-position: left 3px; } .browser-list .h-smaller, .browser-list .h-small { margin-bottom: 0; } .browser-list li a { display: block; } .browser-list .li-1 { background-image: url('http://static9.lgcdn.net/lakeparty.de/a553/styles/tobel/img/browser/firefox.png'); } .browser-list .li-2 { background-image: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/browser/chrome.png'); } .browser-list .li-3 { background-image: url('http://static8.lgcdn.net/lakeparty.de/a553/styles/tobel/img/browser/opera.png'); } .browser-list .li-4 { background-image: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/browser/safari.png'); } .ie6 .content .main-column .block .part-m { /* middle/center element */ padding: 0 5px; } .ie6 .content .main-column .block.part-m .part { background: #ededed url('http://static8.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_4.png') repeat-x; zoom: 1; /* hasLayout */ } .ie6 .content .main-column .block .block { /* 2nd level block (inner) */ padding: 24px 24px 30px 24px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #d5d5d5; zoom: 1; } /* -------------------------------------------------------------------------------------- * online list * .onlinelist * -------------------------------------------------------------------------------------- */ .block.onlinelist { margin: 7px -5px 19px -25px; /* eliminate paddings */ width: 185px; opacity: 1 !important; -ms-filter: none !important; /* IE 8 */ filter: none !important; /* IE 7 */ position: absolute; top: 0; left: -200px; padding: 10px; z-index: 103; } .block.onlinelist > .part { background: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_filterbox.png') no-repeat; } .block.onlinelist > .part-t { height: 8px; background-position: -36px 0; } body.onlinelist { background-color: #596776; } .block.onlinelist > .part-m { background: #596776 url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_filterbox.png') -226px 0 repeat-y; padding: 2px 5px; /* -> 5px from box edges */ } .block.onlinelist > .part-m > .part { background: none; border: 1px dashed #7c8591; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .block.onlinelist > .part-b { height: 8px; background-position: -36px -8px; } .block.onlinelist .block { /* 2nd level block (inner) */ margin: 2px; padding: 12px 5px 12px 19px; min-height: 90px; } #userlist { min-height: 90px; overflow-x: hidden; overflow-y: auto; } .onlinelist .h-small { color: #fff; font-size: 14px; margin: 0 !important; } .onlinelist .h-small { color: #ADB3BB; font-size: 12px; margin: 0 !important; } .onlinelist * { color: #adb3bb; } .block.onlinelist .block > ul > li { float: left; padding-right: 9px; } .block.onlinelist .block > ul > li > a { display: block; background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/onlineliste.gif') 0 0 no-repeat; height: 24px; overflow: hidden; text-indent: -4000px; /* hide text */ word-wrap: normal !important; } .block.onlinelist .block > ul > li.li-1 > a { width: 24px; background-position: -51px 0; } .block.onlinelist .block > ul > li.li-1 > a:hover, .block.onlinelist .block > ul > li.li-1 > a.active { background-position: -75px 0; } .block.onlinelist .block > ul > li.li-2 > a { width: 24px; background-position: -1px 0; } .block.onlinelist .block > ul > li.li-2 > a:hover, .block.onlinelist .block > ul > li.li-2 > a.active { background-position: -26px 0; } /* */ .block.onlinelist .block > ul > li.li-3 > a { width: 24px; background-position: -1px -24px; } .block.onlinelist .block > ul > li.li-3 > a:hover, .block.onlinelist .block > ul > li.li-3 > a.active { background-position: -26px -24px; } .block.onlinelist .block > ul > li.li-4 > a { width: 24px; background-position: -51px -24px; } .block.onlinelist .block > ul > li.li-4 > a:hover, .block.onlinelist .block > ul > li.li-4 > a.active { background-position: -75px -24px; } /* */ .block.onlinelist .block .close { float: right; } .block.onlinelist .block .close a { display: block; width: 13px; height: 12px; background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/onlineliste.gif') -102px 0 no-repeat; overflow: hidden; text-indent: -4000px; /* hide text */ word-wrap: normal !important; } .block.onlinelist .block .close a:hover { background-position: -102px -11px; } .onlinelist ul { list-style-type: none; margin: 0; padding: 0; } .onlinelist ul li a { font-size: 12px; font-family: "Georgia", serif; font-style: oblique; } .onlinelist ul li a:hover, .onlinelist ul li a:hover * { color: #fff; font-weight: bold; } .onlinelist ul li a .username { font-family: Helvetica, Arial, sans-serif; font-style: normal; } .block.onlinelist .hr { /* separator line */ border-top: 1px solid #4a5763; border-bottom: 1px solid #677986; height: 0; margin: 12px 0 12px -6px; } .onlinelist-wrapper { position:absolute; margin-top:60px; left:0; top:80px; } #onlinelist-opener { cursor:pointer; position:absolute; margin-top:17px; } .onlinelist a.moderator, .onlinelist a.moderator * { color: #e97c0f; } /* CSS3 */ .b-level2 .block.onlinelist { margin: 0 0 24px 0; } .b-level2 .block.onlinelist > .part { background-image: none; } .b-level2 .block.onlinelist > .part-t, .b-level2 .block.onlinelist > .part-b { background: none; display: none; } .b-level2 .block.onlinelist > .part-m { padding: 5px; background: #596776; /* no image */ /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .b-level2 .block.onlinelist .block { padding: 12px 5px; } .footnotes, .footnotes * { font-size: 10px; } .searchfield .icon { cursor:pointer; } .input.field.wide-input { width: 500px; } .col-crossteaser .content .sidebar > .block.right-scroll-ad { width: 400px; opacity: 1; } .col-crossteaser .content .sidebar > .block.right-scroll-ad > .part-t { /* top element */ height: 3px; background: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_box_right-scroll-ad_t-b.png') 0 0 no-repeat; } .col-crossteaser .content .sidebar > .block.right-scroll-ad > .part-m { /* middle/center element */ padding: 30px 50px; background: #CBDADF url('http://static9.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_box_right-scroll-ad_m.jpg') no-repeat; zoom: 1; /* hasLayout */ } .col-crossteaser .content .sidebar > .block.right-scroll-ad > .part-b { /* bottom element */ height: 3px; background: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_box_right-scroll-ad_t-b.png') 0 -3px no-repeat; } .fotoplanPending { font-style:italic; } .fotoplanAccepted { font-weight:bold; } .fotoplanDeclined { text-decoration:line-through; font-style:italic; } .fotoplanDeleted { text-decoration:line-through; } .fotoplan-manage-dropdown { height:30px; overflow:hidden; border:1px solid gray; } .fotoplan-manage-dropdown:hover { height:auto; overflow:visible; background-color:inherit; } .content .sidebar > .block.filter .input { position: relative; /* is parent */ width: 166px; margin: 0 auto; } .content .sidebar > .block.filter .input input { color: #000; border: 0; padding: 0; margin: 0; width: 160px; /* (200px) - padding */ height: 18px; } .content .sidebar > .block.filter .input .rc { position: absolute; top: 0; width: 3px; height: 18px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') no-repeat; } .content .sidebar > .block.filter .input .rc-l { left: 0; background-position: -31px -100px; } .content .sidebar > .block.filter .input .rc-r { right: 0; background-position: -34px -100px; } /* * Advertisement TeaserAds */ .channel.error { border:2px solid #e27406;} .channelserror { color: #e27406; font-weight:bold;} .channel li { list-style-type: none; padding: 3px 3px 3px 0; margin: 0; } .channel ul { padding-left: 0; } .channel input { margin-left:0px;} .unfree { border:2px dashed #e27406; } html * .h-list { font-weight: bold; margin-bottom: 8px; } .atd-time { line-height:30px; } img.atd-img { float:left; padding-right:4px; } .atd p { line-height:14px; margin-bottom:0px; } .atd-listing {float:right;} img.atd-listing {float:right; padding:2px;} .down { margin-top:150px; } .ltatd { position: relative; overflow: hidden; text-indent: -100px; /* hide text */ word-wrap: normal !important; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/advertising_label_sidebar_block.png') no-repeat; height:10px; top:4px; left:2px; } .atdpreview { margin-top:130px; } .previewtext { text-align:right; font-weight:bold; color: #e27406; position:relative; top: -30px;} .atd .groups .h-mini { font-size: 12px; line-height: 16px; font-weight: bold; color: #e5550e; margin: 0; } .atd a:hover .h-mini, .atd a:focus .h-mini { color: #498ca2; /* cyan */ } .atd .groups .info { line-height: 16px; margin: 0; padding: 0; font-family: "Georgia", serif; font-style: oblique; color: #a5a5a5; } img.centered { display:block; margin:0 auto; } .slideshow.gastro-impressions ul, .slideshow.gastro-impressions ul { height: 300px; width: 492px; } .image.avatar { float: left; padding-right: 12px; padding-bottom: 3px; } .togglecontainer { display:none; float:left; line-height:20px; font-size:95%; padding-left:5px; } .togglelink { text-decoration: none; color: #e5550e; /* orange */ cursor:pointer; } .togglelink:hover, .togglelink:focus { /* text-decoration: underline; */ color: #498ca2; /* cyan */ } .ajah-loading { cursor:wait; } #ajah-loading-icon { float:left; height:16px; width:16px; background: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/loading.gif') no-repeat 0 0; margin-top:13px; padding-left:10px; display:none; } .ajah-loading #ajah-loading-icon { display:block; } .message-list-item .counter { background: #394451; padding: 2px 5px; margin-left: 5px; /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color: #ffffff; } .message-list-item .counter.active { background: #d06100; } .ie6-7 .message-list-item .counter { padding-top: 0px; } fieldset.error .geolocationsearch .field { background-color:#e27406;} fieldset dl.error { border:3px solid #E27406; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .scrollFixed-bottom-disabled .footer { /*background:inherit; */ position:relative; z-index: 500; } /****************************************************************************************** * Partypic uploader ******************************************************************************************/ .batchUpload .progressbar { padding:2px; border: 1px solid #333; width:500px; } .batchUpload .progressbar div { background-color:red; height:10px; } .batchUpload .current, .batchUpload .total, .batchUpload .time { margin-top:10px; width:500px; } .batchUpload .bytes-progress, .batchUpload .items-progress, .batchUpload .file-progress { display:inline-block; width: 60px; text-align:right; } .batchUpload .bytes-done, .batchUpload .bytes-total, .batchUpload .items-done, .batchUpload .items-total, .batchUpload .file-size {} .batchUpload .file-name {} .batchUpload .right { float:right; } .chat { height:400px; } .chat .output { overflow:auto; height:340px; position:relative; } .chat .input { height:30px; background-color:#d2d2d2; padding-top:25px; padding-bottom:25px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } .chat .input input { margin-left:20px; margin-right:20px; height:22px; width:474px; } .dateornext-center { text-align:center;} .dateornext-center .button { margin-left:10px; margin-right:10px;} .event_gallery_image-overlay { background-color: #000; position: absolute; top: 0; left: 0; padding: 0; margin: 0; opacity: 0.75; z-index: 999999; width:100%; height:100%; } .event_gallery_image-overlay-inner { z-index: 1000000; background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/styleswitcher/bg-box.png') no-repeat; position: absolute; top: 50%; left: 50%; width: 735px; height: 605px; margin-left: -368px; margin-top: -303px; } .event_gallery_image-overlay-inner .inner { padding: 60px 80px 30px 80px; } .event_gallery_image-overlay-inner ul { margin: 0; padding: 0; list-style: none; } .event_gallery_image-overlay-inner .hr { margin: 18px -60px; height: 0; border-top: 1px solid #7d7d7d; border-bottom: 1px solid #e9e9e9; } .event_gallery_image-overlay-inner .login { float: left; width: 50%; } .event_gallery_image-overlay-inner .promotion.medium-rectangle { float: right; width: 50%; margin-right: -20px; } .event_gallery_image-overlay-inner .promotion .label { background-color: #ededed; background-image: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/advertising_label_block.png'); } .event_gallery_image-overlay-inner .close a { position: absolute; top: 36px; right: 36px; display: block; width: 24px; height: 24px; background: url('http://static1.lgcdn.net/lakeparty.de/a553/styles/tobel/img/close.gif') no-repeat; text-indent: 40px; overflow: hidden; } .fb-like { float: right; margin-right: -8px; margin-top: 2px; } .main-column .partypics, .main-column .events { margin: 0 -24px; padding: 24px 0; } .main-column .partypics:first-child, .main-column .events:first-child { padding-top: 0; } .main-column .partypics ul, .main-column .events ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #f1f1f1; } .main-column .partypics li, .main-column .events li { display: block; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #d5d5d5; margin: 0; padding: 0; zoom: 1; position: relative; } .main-column .partypics li > a, .main-column .events li > a { display: block; padding: 8px 8px 8px 24px; } .main-column .partypics li:hover, .main-column .partypics li:focus, .main-column .events li:hover, .main-column .events li:focus { background: #fff; } .main-column .partypics .images, .main-column .events .images { display: inline-block; width: 197px; } .main-column .events .images { width: 74px; } .main-column .partypics .images ul, .main-column .events .images ul { list-style: none; margin: 0 12px 0 0; padding: 0; border: none; } .main-column .partypics .images ul li, .main-column .events .images ul li { display: inline-block; width: 58px; height: 58px; margin: 0; border: none; float: left; } .main-column .partypics .images ul li.li-1, .main-column .events .images ul li.li-1 { background: url('http://static6.lgcdn.net/lakeparty.de/a553/styles/tobel/img/trenner.png') no-repeat right center; padding-right: 4px; } .main-column .events .images ul li.li-1 { background-position: right top; } .main-column .partypics .images .image, .main-column .partypics .events .image { display: block; margin: 0; width: 48px; height: 48px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -127px -216px no-repeat; padding: 5px; } .main-column .partypics .info, .main-column .events .info { padding-top: 3px; width: 247px; display: inline-block; } .main-column .partypics .info .h-medium, .main-column .events .info .h-medium { display: block; color: #E5550E; margin: 0; } .main-column .partypics a:hover .info .h-medium, .main-column .partypics a:focus .info .h-medium, .main-column .events a:hover .info .h-medium, .main-column .events a:focus .info .h-medium { color: #498ca2; /* cyan */ } .main-column .partypics .info .timestamp, .main-column .partypics .info .meta, .main-column .events .info .timestamp, .main-column .events .info .meta { font-family: "Georgia", serif; font-style: oblique; color: #4c4c4c; display: block; } .main-column .partypics .button, .main-column .events .button { position: absolute; bottom: 12px;; right: 24px; } .hfg { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } /****************************************************************************************** * Chat ******************************************************************************************/ #chat #flash-container { position:absolute; bottom: -30px; width: 100px; } #chat #flash-container > div { float:left; width: 20px; } .chat .message { width: auto; padding: 0 10px 0; clear: both; } .chat .opposite.message { padding: 0 13px 0 10px; clear: both; float:right; } .chat .message-thumbnail { float: left; width: 20px; height: 20px; text-align: center; margin: 4px -69px 1px 1px; padding: 1px; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/avatar-bg.png') top left no-repeat; } .chat .opposite .message-thumbnail { float: right; margin: 4px 1px 1px -69px; } .chat .opposite-container { float:right; padding: 0 40px 0 0; } .chat .opposite-container { float:left; /* padding: 0 40px 0 0; */ } .chat .box { margin-bottom: 10px; } .chat .boxtop { background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/border-top.png') top left no-repeat; padding: 8px 0 0 0; margin-right: 11px; margin-bottom: 0; } .chat .boxleft { background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/border-left.png') top left repeat-y; margin: 0; } .chat .boxrightcorner { background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/corner-topright.png') top right no-repeat; margin: -8px -1px 0 0; } .chat .boxright { background: url('http://static8.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/border-right.png') top right repeat-y; margin: -1px -10px -1px -1px; padding: 1px; } .chat .boxbottom { background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/border-bottom.png') bottom right no-repeat; margin: 0 1px -9px 8px; padding: 0 6px 11px 0; } .chat .boxleftcorner { background: url('http://static1.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/corner-bottomleft.png') bottom left no-repeat; margin: -1px -1px -11px -8px; padding: 1px; } .chat .boxcontent { background: transparent; padding: 13px 13px 13px 13px; } .chat .chatbubble { margin-left: 30px; margin-bottom: 10px; } .chat .chatbubble-pin { background: url('http://static3.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/pin-left.png') 2px 5px no-repeat; margin: 5px 0 0 -4px; padding: 5px 10px 8px 15px; } .chat .extract { display: block; color: #666; width:auto; word-wrap: break-word; } .chat .chat-systemmessage .extract { font-weight: bold; } .chat .message .extract > .name { display:inline-block; padding-right: 5px; } .chat .message .extract > div { display:inline-block; } .chat .timestamp { color:#666666; font-family:georgia; font-style:italic; margin:5px 0 5px 52px; } .chat .chat-systemmessage .extract > .name { display:none; } .chat .message-body > p { margin:0; padding:0; } .chat .opposite .chatbubble { margin-right: 30px; } .chat .opposite .boxtop { background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/border-top.png') top left no-repeat; padding: 8px 0 0 0; margin-right:0; float: right; } .chat .opposite .boxleft { background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/border-left.png') top left repeat-y; margin: 0; float: right; } .chat .opposite .boxrightcorner { background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/corner-topright.png') top right no-repeat; margin: -9px -1px 0 0; float: right; } .chat .opposite .boxright { background: url('http://static8.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/border-right.png') top right repeat-y; margin: 0 -10px -1px -1px; padding: 1px; float: right; } .chat .opposite .boxbottom { background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/border-bottom.png') bottom right no-repeat; margin: 0 1px -6px 5px; padding: 0 6px 10px 0; float: right; } .chat .opposite .boxleftcorner { background: url('http://static1.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/corner-bottomleft.png') bottom left no-repeat; margin: 0 0 -10px -5px; padding: 1px; float: right; } .chat .opposite .chatbubble-pin { background: url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/pin-right.png') right 5px no-repeat; margin: 5px -8px 0 0; padding: 3px 10px 8px 10px; float: right; } .chat .message > .who { display: block; } .chat .message > .who > .tooltip { position: absolute; margin: 19px 0 0 -5px; z-index: 3000; display: none; } .ie6-7 .chat .message > .who > .tooltip { margin: 36px 0 0 -42px; } .chat .message > .who:hover > .tooltip { display: block; } #chat-userlist { overflow-y:auto; overflow-x:hidden; max-height: 460px; margin-left:-10px; margin-right:-10px; } /**************************************************************************************** * Chat: IE7 Fixes ****************************************************************************************/ .ie7 .chat .opposite .message-thumbnail { margin-left:0; } .ie7 .chat .opposite-container { padding-right: 5px; } .ie7 .chat .extract { min-width: 100px; } .ie7 .chat .message.clear { overflow: visible; height: auto; } /**************************************************************************************** * Chat: IE7 Negative Margin ****************************************************************************************/ .ie7 .chat .message { position: relative; width: 70%; } .ie7 .chat .normal-container { position: relative; width: 100%; zoom: 1; } .ie7 .chat .normal-container .boxtop, .ie7 .chat .normal-container .boxleft, .ie7 .chat .normal-container .boxright, .ie7 .chat .normal-container .boxrightcorner, .ie7 .chat .normal-container .boxbottom, .ie7 .chat .normal-container .boxleftcorner { position: relative; zoom: 1; } .ie7 .chat .normal-container .boxbottom { margin-bottom: -8px; } .ie7 .chat .normal-container .chatbubble-pin { background: url('http://static3.lgcdn.net/lakeparty.de/a553/styles/tobel/img/chat/pin-left.png') 2px 7px no-repeat; } /**************************************************************************************** * TagSelector ****************************************************************************************/ .tagSelector { cursor: default; } .tagSelector ul, .tagSelector ul li { margin:0; padding:0; list-style: none; } .tagSelector ul li { display: inline-block; padding: 2px 8px 2px 8px; margin-right: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .tagSelector ul li.input { padding:0; } .tagSelector ul li span { display:inline-block; color: #333; } .tagSelector ul li .close { display: none; background: url('http://static7.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/_css.png') -181px -7px no-repeat #42494F; cursor: pointer; visibility: hidden; width: 8px; height: 14px; padding: 0 3px 0 2px; vertical-align: middle; } .tagSelector ul li .close:hover { background-position: -199px -7px; } .tagSelector ul li:hover { background-color: #D5D5D5; } .tagSelector-editable ul li .close { display:inline-block; } .tagSelector-editable ul li:hover .close { visibility: visible; } .participants .userlist { margin:0; } .participations .events ul { border-top: none; } /* -------------------------------------------------------------------------------------- * event participations * -------------------------------------------------------------------------------------- */ .participation { margin: 0 -12px -12px 0; /* force some floating space */ padding:24px 0; float: left; zoom: 1; } .participation > ul, .participation > div > ul { margin: 0; padding: 0; list-style: none; } .participation > ul > li, .participation > div > ul > li { display: block; float: left; margin: 0 12px 12px 0; } .participation > ul > li a, .participation > ul > li img, .participation > div > ul > li a, .participation > div > ul > li img { display: block; width: 48px; height: 48px; overflow: hidden; } .participation > ul > li img, .participation > div > ul > li img { /* shadow */ -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } /* hover */ /* deactivated for optical reasons: like it? .users li a:hover, .users li a:focus { border: 3px solid #e5550e; width: 42px; height: 42px; } .users li a:hover img, .users li a:focus img { margin: -3px; } */ /* tooltips */ .participation > ul > li .tooltip, .participation > div > ul > li .tooltip { position: absolute; margin: -12px 0 0 6px; z-index: 3000; display: none; } .ie6-7 .participation > ul > li .tooltip, .ie6-7 .participation > div > ul > li .tooltip { margin: 36px 0 0 -42px; } .participation > ul > li:hover .tooltip, .participation > div > ul > li:hover .tooltip { display: block; } .calendar li.vevent:last-child { border-bottom: none;} .participations > .calendar > ul { border-top: none; } .pt-statistics .map { height: 366px; width: 732px; } /* -------------------------------------------------------------------------------------- * Sphinx Search Results * -------------------------------------------------------------------------------------- */ .search-results .marked { font-style: italic; } .search-results .hilite { font-weight: bold; } /* -------------------------------------------------------------------------------------- * Facebook Login * -------------------------------------------------------------------------------------- */ .header .toolbar a.fb_login { width: 151px; height: 18px; } .header .toolbar .fb_button * { font-size:10px; line-height:10px; } .fbconnect > .part-m > .part { background: none repeat scroll 0 0 #5F78AB!important;} .fbconnect .h-medium, .fbconnect p { color:#fff; } /* -------------------------------------------------------------------------------------- * Flirtsuche * -------------------------------------------------------------------------------------- */ #flirtsuche { position: relative; } #flirtsuche .image { position: absolute; top: -5px; left: -15px; } #flirtsuche .block { padding-right: 8px; text-align: right; } .user #flirtsuche .block { padding-left: 20px; } #flirtsuche .td-1 { display: inline-block; width: 70px; vertical-align: middle; } #flirtsuche select { margin-bottom: 10px; } #flirtsuche input { /* rounded corners */ -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: none; height: 14px; } #flirtsuche input[type=text] { width: 29px; } .cineinfo.map, .gastronomy.map { width:170px; height:160px; } /* -------------------------------------------------------------------------------------- * Eventkalender Filter * -------------------------------------------------------------------------------------- */ #eventfilter-date { } #eventfilter-date button, #eventfilter-date .button { width: 120px; font-weight: bold; } #eventfilter-tags { text-align: left; color: #ADB3BB; } #eventfilter-tags .two-col, #eventfilter-tags .two-col { list-style: none; margin: 0; padding: 0; text-align: left; width: 93px; float: left; color: #ADB3BB; } #eventfilter-tags .two-col label { color: #ADB3BB; } #eventfilter-tags .two-col + .two-col { margin-left: 6px; } #eventfilter-tags .button button { width: auto; font-weight: bold; } .ie6-7 #eventfilter-tags .button { float:left ; } #eventfilter-tags .buttons > span { font-style: italic; font-family: Georgia, Helvetica, sans-serif; } #eventfilter-tags .buttons > span, #eventfilter-tags .button { width: auto; display: inline-block; vertical-align: middle; } #eventfilter-tags .buttons > span + .button, #eventfilter-tags .button + .button { margin-left: 5px; } #filter-range-display { color: #ADB3BB; text-align: left; font-style: italic; margin-bottom: 0; font-family: Georgia, sans-serif; } .content .sidebar > .block.filter .hr { margin-left: 5px; margin-right: 5px; border-top: 1px solid #353a3f; /* CSS2 */ border-top: 1px solid rgba(0,0,0,0.2); /* CSS3 */ border-bottom: 1px solid #586269; /* CSS2 */ border-bottom: 1px solid rgba(174,199,207,0.2); /* CSS3 */ } /* -------------------------------------------------------------------------------------- * iPad-Gewinnspiel * -------------------------------------------------------------------------------------- */ div.ipad-icon { width: 148px; height: 94px; background: url('http://www.lakeparty.de/ads/oster-gewinnspiel/icon.png') 0px 0px no-repeat; z-index: 888888; position: absolute; cursor: pointer; } div:hover.ipad-icon { background: url('http://www.lakeparty.de/ads/oster-gewinnspiel/icon-hover.png') no-repeat; } div.ipad-icon.top-left { top:10px; left:10px; } div.ipad-icon.top-right { top:10px; right:10px; } div.ipad-icon.bottom-right { bottom:10px; right:10px; } div.ipad-icon.bottom-left { bottom:10px; left:10px; } .pt-oster-gewinnspiel .td-0 { width: 72px; padding-right: 12px; padding-top: 6px; text-align: center; color: #484848; } .pt-oster-gewinnspiel .td-0 span.rank { line-height: 24px; vertical-align: bottom; font-size: 24px; font-weight: bold; } .pt-oster-gewinnspiel .td-0 span.count { color: #a5a5a5; font-family: "Georgia", serif; font-style: oblique; } /* -------------------------------------------------------------------------------------- * *-disabled resets * -------------------------------------------------------------------------------------- */ .usercomment > .statusinfo textarea.autoSize-disabled, .block.activity .responses textarea.autoSize-disabled, textarea.autoSize-disabled { overflow:auto; } .message-save{ float: right; font-size:11px; margin-right:8px; margin-top:1px; } /* * Movies and so */ .main-column .movies .motw img { float:left; margin-right:10px; } .main-column .movies .motw ul { margin: 0; padding: 0; list-style: none; border-top: none; border-bottom: none; margin-top: 0; padding-top: 0; } .main-column .movies { margin: 0; padding: 24px 0; } .main-column .movies:first-child { padding-top: 0; } .main-column .movies ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #f1f1f1; margin-top: 10px; padding-top: 10px; } .main-column .movies li { display: block; margin: 0; padding: 0; zoom: 1; position: relative; width: 47%; float:left; margin:2px; } .main-column .movies li > a { display: block; } .main-column .movies .h-medium { margin-bottom:4px; } .main-column .movies .h-small { margin-bottom:2px; } .main-column .movies .motw .images { float:left; width:235px; } .main-column .movies .motw .images li { width: 64px; height:64px; } .main-column .movies .motw .images img { float:none; } .main-column .program ul { margin: 0; padding: 0; list-style: none; margin-top: 10px; padding-top: 10px; } .main-column .program li { display: block; margin: 0; padding: 0; zoom: 1; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #f1f1f1; position: relative; margin:2px; } /* -------------------------------------------------------------------------------------- * Orte * -------------------------------------------------------------------------------------- */ .pt-cities ol, .pt-cities .menu { list-style: none; padding: 0; margin: 0; } .pt-cities .menu { margin-top: -12px; } .pt-cities .menu li { display: block; float: left; margin: 12px 3px 0 0; width: 177px; height: 60px; } .pt-cities .menu a { display: block; } .pt-cities .menu .title { padding-top: 9px; display: block; font-size: 14px; font-weight: bold; } .pt-cities .menu .meta { color: #000; font-family: "Georgia", serif; font-style: oblique; } .pt-cities .menu .pictogram { display: block; float: left; margin: 0 3px 0 0; width: 57px; height: 54px; } .pt-cities .menu .pictogram span { margin: 0px; display: block; background: url('http://static5.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/pictos_start.png') 0 0 no-repeat; } .pt-cities .menu .pictogram .users { width: 57px; height: 54px; background-position: -57px 0; } .pt-cities .menu .pictogram .galleries { width: 54px; height: 54px; background-position: -114px 0; } .pt-cities .menu .pictogram .cinemas { width: 57px; height: 54px; background-position: -277px 0; } .pt-cities .menu .pictogram .events { width: 46px; height: 54px; background-position: -334px 0; } .pt-cities .menu .pictogram .locations { width: 57px; height: 54px; background-position: -380px 0; } .pt-cities .block .meta { font-family: "Georgia", serif; font-style: oblique; font-weight: normal; } /* -------------------------------------------------------------------------------------- * Fasnachts-Voting * -------------------------------------------------------------------------------------- */ .pt-voting .list dt { width: auto; float: none; font-family: Georgia, serif; font-style: oblique; } .pt-voting .list dd { margin-left: 0; margin-bottom: 18px; min-height: 18px; font-size: 14px; font-weight: bold; } .pt-voting .td-0 { width: 72px; padding-right: 12px; padding-top: 6px; text-align: center; color: #484848; } .pt-voting .td-0 span.rank { line-height: 24px; vertical-align: bottom; font-size: 24px; font-weight: bold; } .pt-voting .td-0 span.count { color: #a5a5a5; font-family: "Georgia", serif; font-style: oblique; } .pt-voting .td-1 { width: 168px; height: 168px; text-align: center; } .pt-voting .td-1 img { display: inline; } .pt-voting .userlist > ul > li:hover { background: inherit; cursor: auto; } .pt-voting .td-2 { width: 300px; } .pt-voting .td-3 { width: 180px; } .index-padding-fix-yeehaaww .event + .event, .ie6-7 .index-padding-fix-yeehaaww .event +*+ .event { margin-top:0; } .ie6-7 .index-padding-fix-yeehaaww .event { zoom: 1; } /* -------------------------------------------------------------------------------------- * Regionsauswahl * -------------------------------------------------------------------------------------- */ #regionselect-handle { display: inline-block; position: absolute; top: 0; right: -6px; overflow: hidden; padding: 0 6px 6px 6px; } #regionselect-handle > div { padding: 8px 12px 8px 12px; background: #383e43 url('http://static4.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_1.png'); -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); cursor: pointer; } .ie6-7 #regionselect-handle > div { padding: 8px 12px 8px 12px; background: #383e43 url('http://static4.lgcdn.net/lakeparty.de/a553/styles/tobel/img/bgr_1.png'); border-radius: 0 0 5px 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); cursor: pointer; behavior: url('http://static8.lgcdn.net/lakeparty.de/a553/styles/PIE-1.0beta5/PIE.php'); } #regionselect-handle .legend { color: #b2c5cc; text-decoration: none !important; font-size: 12px; font-weight: normal; font-style: italic; font-family: Georgia, Helvetica, sans-serif; } #regionselect-handle .city { color: #efefef; text-decoration: none !important; font-size: 12px; font-weight: bold; } #regionselect { position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); -khtml-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); box-shadow: 0 0 5px rgba(0, 0, 0, 0.8); behavior: url('http://static8.lgcdn.net/lakeparty.de/a553/styles/PIE-1.0beta5/PIE.php'); } #regionselect .close { position: absolute; top: 5px; right: 5px; cursor: pointer; } #regionselect .choose-city, #regionselect .find-city { display: inline-block; height: 27px; padding: 7px 1px 0 1px; margin: 1px 0 0 0; color: #b2c5cc; text-decoration: none !important; font-size: 16px; font-weight: bold; text-shadow: 0 0 5px #000; filter:progid:dxImageTransform.Microsoft.dropShadow(color=#50000000,offX=1,offY=1); /* AARRGGBB */ } .ie6-7 #regionselect .choose-city, .ie6-7 #regionselect .find-city { display: block; float: left; } .ie6-7 #regionselect span.region-icon { display: block; float: left; } #regionselect .choose-city { margin-top: 10px; margin-left: 11px; width: 510px; } #regionselect .find-city { margin-top: 10px; margin-left: 40px; width: 300px; } #regionselect .col-1 { width: 360px; } #regionselect .colgroup { border-right: 1px solid #586269; /* CSS2 */ border-right: 1px solid rgba(174, 199, 207, 0.2); } #regionselect .col-1 ul { margin-top: 10px; width: 95px; float: left; } #regionselect .col-1 ul + ul { padding-left: 5px; } #regionselect .col-1 ul.wide { width: 155px; } #regionselect .col-2 { width: 150px; } #regionselect .col-2 ul { margin-top: 10px; } #regionselect .find-city, #regionselect .col-3 { color: #aec7cf; width: 435px; } .ie6-7 #regionselect .col-3 { width: 433px; } /* #regionselect .input { padding: 3px; } #regionselect .input.field input { height: 12px; padding: 0; border: 0 none; color: #4C4C4C; font-family: Helvetica,Arial,sans-serif; font-size: 12px; font-weight: normal; line-height: 18px; float: none; } .geolocationsearch_regionselect_queryOptionBox { z-index: 180001; } */ #regionselect .search { float: none; left: none; position: static; top: none; } #regionselect .search .input { float: none; } #regionselect .input.field { background: none; padding: 3px; width: 175px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; behavior: url('http://static8.lgcdn.net/lakeparty.de/a553/styles/PIE-1.0beta5/PIE.php'); } /* -------------------------------------------------------------------------------------- * Flaggen * -------------------------------------------------------------------------------------- */ span.region-icon { display:inline-block; vertical-align:bottom; background-repeat:no-repeat; background-image:url('http://static2.lgcdn.net/lakeparty.de/a553/styles/tobel/img/sprites/regionselect.png'); overflow:hidden; text-indent:-5000px; /* hide text */ height: 16px; width: 16px; } span.region-icon.flag-de { background-position: 0 0; width: 27px; height: 21px; } span.region-icon.flag-at { background-position: -27px 0; width: 27px; height: 21px; } span.region-icon.flag-ch { background-position: -54px 0; width: 27px; height: 21px; } span.region-icon.flag-de-small { background-position: -40px -21px; width: 20px; height: 16px; } span.region-icon.flag-at-small { background-position: 0 -21px; width: 20px; height: 16px; } span.region-icon.flag-ch-small { background-position: -20px -21px; width: 20px; height: 16px; } span.region-icon.close { background-position: -62px -22px; width: 22px; height: 22px; } .mega-event-gallery { margin:0; padding:0; margin-top: -14px; list-style: none; } .mega-event-gallery li { vertical-align: top; display: inline-block; width: 168px; margin-top: 14px; } .ie6-7 .mega-event-gallery li { display: block; float: left; } .mega-event-gallery li + li { margin-left: 14px; } .mega-event-gallery li.ie7floatfix + li, .mega-event-gallery li.no-space + li { margin-left: 0; } body.ie6-7 .mega-event-gallery li.ie7floatfix + li, body.ie6-7 .mega-event-gallery li.no-space + li { margin-left: 0; } .mega-event-gallery li.ie7floatfix { display: none; } body.ie6-7 .mega-event-gallery li.ie7floatfix { display: block; float: none; height: 0px; margin: 0; padding: 0; width: 530px; clear: left; } .mega-event-gallery li .date { display: inline-block; overflow: hidden; font-family: georgia, sans-serif; font-style: italic; } .mega-event-gallery li .title { display: block; font-size: 16px; font-weight: bold; overflow: hidden; } .anislides { overflow: hidden; position: relative; margin: 0; padding: 0; } .anislides > li { width: inherit; height: inherit; position: absolute; top: 0; left: 0; } .cache-breaker-26 {}