/* CSS Document --------------------------------------------------------------------*/ html, body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; text-align: left; background: #E0B9CC; overflow-x: hidden!important; overflow-y: visible!important; } /* Typografie stijlen voor de hele site --------------------------------------------------------------------*/ h1, h2, h3, span.h1 { line-height: 120%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; } p, address { line-height: 185%; font-weight: normal; } address { font-style: normal; } a { margin: 0; padding: 0; vertical-align: baseline; background: transparent; } a:hover, a:active { outline: none; } ul, ol, li { margin: 0; padding: 0; line-height: 185%; } table { border-collapse: collapse; border-spacing: 0; margin-bottom: 14px; line-height: 185%; } th { font-weight: bold; vertical-align: bottom; text-align: left; } td { font-weight: normal; vertical-align: top; } h1 { font-size: 1.8em; color: #333; margin: 0 0 18px 0; padding: 0; } h2 { font-size: 1.5em; color: #333; margin: 0 0 14px 0; padding: 12px 0 0 0; } h3 { font-size: 1.3em; color: #333; margin: 0 0 10px 0; padding: 12px 0 0 0; } span.h1 { font-size: 2em; color: #333; margin: 0 0 18px 0; padding: 0; display: block; } .actioncode { font-size: 1.83em; color: #b14f80; font-weight: 700; } p { margin: 0 0 16px 0; } a { color: #b14f80; text-decoration: underline; } a:hover { color: #b14f80; text-decoration: underline; } a.more { padding-right: 10px; font-weight: bold; text-decoration: none; background: url(/media/img/friends/bullet_a_more_std.png) no-repeat 100% 50%; } a.more:hover { text-decoration: underline; } a.back { padding-left: 10px; font-weight: bold; text-decoration: none; background: url(/media/img/friends/bullet_a_back_std.png) no-repeat 0 50%; } a.back:hover { text-decoration: underline; } ul { margin: 10px 0px 12px 10px; } ul ul { margin: 4px 0px 4px 14px; } ul li { list-style: none; padding: 0 0 0 20px; margin-bottom: 6px; background: url(/media/img/friends/bullet_li.png) no-repeat 0 7px; } ul li li { list-style: none; padding: 0 0 0 20px; margin-bottom: 6px; background: url(/media/img/friends/bullet_li.png) no-repeat 0 7px; } ol { margin: 0px 0px 12px 25px; } ol ol { margin: 0px 0px 0px 25px; } hr { margin: 10px -20px 18px; border: 0px none; border-top: 1px solid #e8dce1; } table.responsive { width: 100%; } /* Responsive afbeeldingen in de content --------------------------------------------------------------------*/ img.responsive { max-width: 100%; height: auto; } img.responsive-left-20 { float: left; margin: 4px 20px 20px 0px; max-width: 20%; height: auto; } img.responsive-left-30 { float: left; margin: 4px 20px 20px 0px; max-width: 30%; height: auto; } img.responsive-left-40 { float: left; margin: 4px 20px 20px 0px; max-width: 40%; height: auto; } img.responsive-left-50 { float: left; margin: 4px 20px 20px 0px; max-width: 50%; height: auto; } img.responsive-right-20 { float: right; margin: 4px 0px 20px 20px; max-width: 20%; height: auto; } img.responsive-right-30 { float: right; margin: 4px 0px 20px 20px; max-width: 30%; height: auto; } img.responsive-right-40 { float: right; margin: 4px 0px 20px 20px; max-width: 40%; height: auto; } img.responsive-right-50 { float: right; margin: 4px 0px 20px 20px; max-width: 50%; height: auto; } .left { float: left; } .right { float: right; } /* Dit als of
om de afbeelding heen zetten om een border met schaduw te krijgen --------------------------------------------------------------------*/ .img-border { display: inline-block; padding: 5px; border: 1px solid #cccccc; border-radius: 3px; box-shadow: 0 0 2px rgba( 0, 0, 0, 0.2); background-color: #FFF; } /* IFRAME EMBED RESPONSIVE: Youtube, Google Maps of bijv. Vimeo embed responsive styles --------------------------------------------------------------------*/ .iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .iframe-container iframe, .iframe-container object, .iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Basis vlakverdeling --------------------------------------------------------------------*/ #container { width: 980px; margin: 0px auto; padding: 0 20px 0 20px; background-color: #FFF; box-shadow: 0 0 4px rgba(0,0,0,.25); } #top { width: 100%; margin: 0; } #content { margin-top: 30px; } #footer { margin: 30px -20px 0; padding: 20px 20px; background-color: #b14f80; } #fLeft { float: left; padding-right: 10px; } #fRight { float: right; padding-left: 10px; } #webdesign { width: 980px; margin: 0px auto; padding: 20px 0; text-align: right; } #home #left { width: 73%; float: left; } #home #right { width: 24%; float: right; } #home #content { margin: 0px !important; padding: 25px 20px 7px; background: #f6f6f6; } #home #content:empty { display: none; } #home #footer { margin-top: 0; } #vervolg #left { width: 73%; float: left; } #vervolg #right { width: 24%; float: right; } #vervolg .hassubnav#right { padding: 0; background: #FFF none; float: right; margin-top: 20px; border-radius: 0; } #account #content { margin-top: 10px; } .clear { clear: both; width: 100%; height: 0; line-height: 0; font-size: 0; } /* Zet het blokje van addthis op display none zodat er geen rand onderaan de pagina komt, dit kan geen kwaad voor addthis */ #_atssh { display: none; } /* Top Styles --------------------------------------------------------------------*/ a#topLogo { display: inline-block; height: 70px; margin: 10px 0; overflow: hidden; } a#topLogo img { height: 50px;} #topInfo { height: 42px; clear: both; margin-top: -4px; margin-bottom: 30px; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); } #topSwitch { float: right; position: relative; width: 197px; } #topSwitch a { position: absolute; bottom: 0; left: 0; display: block; height: 33px; width: 95px; line-height: 33px; background-color: #e6e6e6; border-radius: 0 3px 0 0; } #topSwitch a { text-align: center; text-decoration: none; color: #b81f3c; font-weight: bold; text-shadow: 1px 1px rgba(255, 255, 255, 0.5); } #topSwitch a:nth-child(2) { left: auto; right: 0; } #topSwitch a.active { width: 102px; height: 38px; line-height: 38px; background-color: #b14f80; color: #FFF; border-radius: 3px 3px 0 0; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); } #topSwitch a strong { } #topBar { clear: both; line-height: 16px; padding: 13px 20px; margin: 0 -20px; background: #b14f80 url(/media/img/friends/bg_topbar.png) repeat-x 0 bottom; } #topBar { text-align: right; } #topBar a { color: #FFF; text-decoration: none; font-weight: bold; padding-left: 22px; background: url(/media/img/bg_topbar_a.png) no-repeat 0 50%; } #topBar a:hover { color: #FFF; text-decoration: underline; } #topBar > span { color: #FFF; margin: 0 8px; } #topBar a.profile { background-image: url(/media/img/icon_profile.png); } #topBar a.coins { background-image: url(/media/img/icon_coins.png); } #topBar a.logout { background-image: url(/media/img/icon_log-out.png); } #topNotifications { margin-top: -10px; } #topNotifications p { padding: 5px 40px 5px 10px; margin-bottom: 30px; border: 1px solid #69b267; background-color: #97d795; border-radius: 3px; } #topNotifications a { font-weight: bold; color: #333; } /* Crumbs Styles --------------------------------------------------------------------*/ #crumbs p { color: #a0a0a0; margin: 0; padding: 0; height: 20px; margin-bottom: 20px; font-size: 11px; } #crumbs a { color: #797979; text-decoration: none; margin-right: 6px; padding-right: 8px; background: url(/media/img/bullet_crumbs_a.gif) no-repeat right 5px; } #crumbs a:hover { color: #797979; text-decoration: underline; } #crumbs span.sep { display: none; } /* Google adsense Styles --------------------------------------------------------------------*/ .adsenseblock { clear: both; padding-top: 20px; } #googleAdsense { margin-top: 20px; } .adsbygoogle { display: block; } #account #content .adsenseblock { display: none; } /* Flexslider styles --------------------------------------------------------------------*/ .flexslider { position: relative; height: 512px; margin: 0 -20px 40px -20px; } .flexslider .flex-viewport { height: 100%; } .flexslider .overlay { position: absolute; bottom: 0; left: 0; right: 0; background: url(/media/img/bg_header-overlay.png) repeat; padding: 20px 300px 20px 20px; z-index: 9998; } .flexslider .overlay { text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4); } .flexslider .overlay h1 { color: #FFF; font-size: 1.8em; margin-bottom: 12px; } .flexslider .overlay p { color: #FFF; font-size: 1.1em; margin-bottom: 0; font-weight: bold; line-height: 170%; } .flexslider .overlay a, .flexslider .overlay a:hover { color: #FFF; text-decoration: underline; } .flexslider .slides img { display: none; } .flexslider .slides > li { display: none; width: 100%; height: 100%; } .flexslider .slides > li { background-clip: border-box; background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: cover; } .flexslider .slides { width: 100%; height: 100%; } #flexOverlay { position: absolute; right: 20px; top: 20px; bottom: 20px; width: 236px; z-index: 9999; } #flexOverlay h2 { padding-top: 0; margin-bottom: 10px; } #flexOverlay #flexOverlayTop { background: #FFF none; padding: 20px; box-shadow: 0 0 4px rgba(0,0,0,.55); border-radius: 3px; margin-bottom:20px;} #flexOverlay #flexOverlayBot { background: #FFF none; padding: 20px; position: absolute; left: 0; right: 0; box-shadow: 0 0 4px rgba(0,0,0,.55); border-radius: 3px; } #flexOverlayTop input[type='password'], #flexOverlayTop input[type='email'], #flexOverlayTop input[type='text'] { padding: 9px; height: 34px; } #flexOverlayTop .fld { padding: 0; margin-bottom: 5px; } #flexOverlayTop .btn_submit { margin: 5px 0 4px 0; } #flexOverlayTop #forgotPassword { float: right; } #flexOverlayTop #forgotPassword { font-size: 0.92em; color: #818181; text-decoration: none; text-align: right; } #flexOverlayTop #forgotPassword:hover { color: #818181; text-decoration: underline; } /*#flexOverlayBot .btn { float: right; }*/ #flexOverlayBot p { margin-bottom: 28px; } .ingelogd .flexslider { margin-top: -30px; } .ingelogd .flexslider .overlay { padding: 20px; } /* Vervolg niet ingelogd styles */ #vervolg .flexslider { height: 334px; } #vervolg #flexOverlayTop { overflow: auto; } #vervolg #flexOverlayTop .btn_submit { margin: 0; padding-left: 0; padding-right: 0; width: 100%; } #vervolg #flexOverlayBot h2 { margin-bottom: 10px; } #vervolg #flexOverlayBot p { margin-bottom: 18px; } #vervolg #flexOverlay a.btn { padding-left: 0; padding-right: 0; width: 100%; margin-bottom: 0; } /* Content styles (Home) --------------------------------------------------------------------*/ .hRuler { background: url(/media/img/border_hruler_repeat.png) repeat-x left 50%; } .hRuler span { display: inline-block; padding: 0 15px 0 0; background: #FFF none; } #headerHome { margin: 10px -20px 0 -20px; padding: 25px 20px; border-top: 1px solid #e8dce1; text-align: center; font-size: 1.8em; } /* Right styles (Home) --------------------------------------------------------------------*/ #right #whyFandR { margin: -20px 0 20px 0; padding: 20px; background: #e6e6e6; border-radius: 3px; } #right #whyFandR h2 { padding: 0; } #right #btn_facebook { width: 100%; height: auto; border-radius: 3px; } /* Left styles (Vervolg) --------------------------------------------------------------------*/ #left { margin-top: 0; } #quickSearch { background-color: #e6e6e6; padding: 20px 20px 10px 20px; border-radius: 3px; } #quickSearch h2 { color: #FFF; text-shadow: 1px 1px rgba(0,0,0,.75); text-decoration: none; } #quickSearch h2 { padding: 0; background-color: #3c3c3c; margin: -20px -20px 20px -20px; padding: 10px 20px; border-radius: 3px 3px 0 0; } #quickSearch label { display: block; font-weight: bold; } #quickSearch .cat-labels label { clear: both; font-weight: normal; margin: 0 0 2px 0; } #quickSearch div.fld { margin-bottom: 16px; padding: 0; } #quickSearch div.fld > div.fld { margin-bottom: 0; } #quickSearch div.profilename { margin-top: 20px; } /* Content styles (Vervolg) --------------------------------------------------------------------*/ #myaccountTop { margin-bottom: 30px; } #myaccountProfile { display: block; padding: 0 10px 10px 10px; } #myaccountProfile span.image { float: left; width: 32%; height: auto; padding: 4px; background: #FFF; box-shadow: 0 0 3px rgba( 0, 0, 0, 0.25); border-radius: 3px; } #myaccountProfile span.image img { width: 100%; height: auto; } #myaccountProfile p { float: right; width: 56%; min-height: 50px; padding-bottom: 20px; line-height: 140%; position: relative; overflow: hidden; } #myaccountProfile p strong { display: block; } #myaccountProfile p a { display: block; width: 15px; height: 15px; margin-top: 18px; background: url(/media/img/icon_edit.png) no-repeat; } #myaccountProfile p a { text-indent: -9999px; } #myaccountProfile p a { position: absolute; bottom: 0; left: 0; } .tips { position: relative; padding: 5px 40px 5px 10px; margin-bottom: 30px; border: 1px solid #69b267; background-color: #97d795; border-radius: 3px; } .tips .close { position: absolute; right: 11px; top: 13px; width: 8px; height: 8px; background: url(/media/img/bg_close.png) no-repeat; } .tips .close { text-indent: -9999px; } .tips a { font-weight: bold; color: #333; } .tips *:last-child { margin-bottom: 0!important; } .tips-error { border: 1px solid #b26967; background-color: #d79795; } #totalcoins { display: block; line-height: 41px; margin: -5px 0 29px; font-weight: 700; } #totalcoins span { vertical-align: middle; margin-left: 4px; } #totalcoins span { font-size: 2.17em; font-weight: 700; } /* Block styles --------------------------------------------------------------------*/ .block { padding: 3.5% 2.8%; margin-bottom: 20px; position: relative; border: 1px solid #CCC; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); border-radius: 3px; } .block > *:first-child { padding-top: 0; margin-top: 0; } .block > *:last-child { padding-bottom: 0; margin-bottom: 0; } .block .title { display: block; } .block .title { font-weight: 600; font-family: 'Crimson Text', Arial, Helvetica, sans-serif; color: #333; font-size: 1.83em; line-height: 1em; } .block .title + * { margin-top: 25px!important; } .block ul { margin-left: 0; } .block.block_left { width: 53%; float: left; } .block.block_right { width: 33%; float: right; } .block .title.coins { background: url(/media/img/icon_coins-large.png) no-repeat 0 50%; padding-left: 29px; min-height: 20px; } .block .title.important { background: url(/media/img/icon_important-large.png) no-repeat 2px 50%; padding-left: 24px; padding-top: 5px; margin-top: -5px; min-height: 23px; } /* Prikbord styles --------------------------------------------------------------------*/ .prikbord { margin-top: 40px; background-color: #e6e6e6; padding: 18px; margin-bottom: 30px; border-radius: 3px; } .prikbord .bxslider li { margin: 0; padding: 0; background-image: none; } .prikbord .bxslider li a { display: block; padding: 5px; border: 1px solid #CCC; border-radius: 3px; box-shadow: 0 0 2px rgba( 0, 0, 0, 0.2); background-color: #FFF; } .prikbord a.btn { float: right; } .prikbord .bx-viewport { margin-bottom: 20px; } .prikbord .bxsliderControls { float: left; } .prikbord .bxsliderControls .bx-next { display: block; float: right; margin-left: 10px; width: 32px; height: 32px; background: url(/media/img/friends/bx-controls.png) no-repeat 0 0; text-indent: -9999px; } .prikbord .bxsliderControls .bx-next { outline-style: none; } .prikbord .bxsliderControls .bx-prev { display: block; float: left; width: 32px; height: 32px; background: url(/media/img/friends/bx-controls.png) no-repeat -32px 0; text-indent: -9999px; } .prikbord .bxsliderControls .bx-prev { outline-style: none; } .bx-wrapper .bx-viewport { padding: 4px; margin-left: -4px; } #left .prikbord { margin-top: 0; } #left .bxsliderControls { float: none; margin: 0 auto 26px auto; width: 70px; height: 32px; } #left .bxsliderControls a { margin: 0!important; } #left a.btn { margin: 10px auto 0; float: none; display: block; width: 60%; } #left .bx-next { background-position: -64px 0; } #left .bx-prev { background-position: -96px 0; } #left .prikbord h2 { color: #FFF; text-shadow: 1px 1px rgba(0, 0, 0, 0.75); text-decoration: none; } #left .prikbord h2 { padding: 0; background-color: #3c3c3c; margin: -18px -18px 20px; padding: 10px 20px; border-radius: 3px 3px 0 0; } #content .prikbord { margin-top: 0; } .prikbord p.buyCredits { margin-top: 6px; margin-bottom: 0; padding-left: 28px; float: right; background: url(/media/img/icon_buycredits.png) no-repeat left 50%; line-height: 20px; } .prikbord p.timeRemaining { margin-top: 6px; margin-bottom: 0; padding-left: 28px; float: right; background: url(/media/img/icon_clock.png) no-repeat left 50%; line-height: 20px; } .prikbord a img { margin-bottom: 6px; } .prikbord .bx-viewport a, .prikbord .bx-viewport a:hover { color: #333; text-decoration: none; } .prikbord a span.online { color: #333; background: url(/media/img/bg_online.png) no-repeat left 50%; margin-left: 3px; padding-left: 18px; } .prikbord a span.inactive { color: #333; background: url(/media/img/bg_inactive.png) no-repeat left 50%; margin-left: 3px; padding-left: 18px; } .prikbord a span.offline { color: #333; background: url(/media/img/bg_offline.png) no-repeat left 50%; margin-left: 3px; padding-left: 18px; } /* Profiel registreren --------------------------------------------------------------------*/ #registerWrap { position: relative; } ul.statuslist, ul.statuslist li { margin: 0; padding: 0; list-style: none; background: none; overflow: hidden; } ul.statuslist { clear: both; display: block; margin: 0 0 20px 0; padding-top: 6px; list-style-type: none; width: 100%; } ul.statuslist li { float: left; display: block; width: 33.3%; } ul.statuslist li { color: #666; text-decoration: none; font-size: 1.2em; } ul.statuslist li a { display: block; height: 16px; text-indent: -9999px; background-color: #dcdcdc; border-right: 3px solid #FFF; } ul.statuslist li a { color: #FFF; text-decoration: none; font-weight: bold; } ul.statuslist li:first-child a { overflow: hidden; border-radius: 3px 0 0 3px; } ul.statuslist li:last-child a { overflow: hidden; border-radius: 0 3px 3px 0; border-right:0px none; } ul.statuslist li a.active { background-color: #79c26f; } /* Profiel bewerken --------------------------------------------------------------------*/ #gmap { height: 230px; } /* Profiel detail --------------------------------------------------------------------*/ #profielimage { position: relative; float: right; width: 28%; margin: 0 0 0 30px; } #profielimage img { width: 100%; height: auto; } #profielimage span.online, #profielimage span.inactive, #profielimage span.offline { display: block; float: right; padding-left: 18px; line-height: 16px; margin-top: 15px; } #profielimage span.online { background: url(/media/img/bg_online.png) no-repeat 0 50%; } #profielimage span.inactive { background: url(/media/img/bg_inactive.png) no-repeat 0 50%; } #profielimage span.offline { background: url(/media/img/bg_offline.png) no-repeat 0 50%; } #profielimage .btn_request { position: absolute; bottom: 30px; left: 5px; right: 5px; } #profielimage .btn_request { background-color: #e6e6e6; border-bottom: 1px solid #333; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; color: #333; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1); } #profielimage .btn_request:hover { background-color: #FFF; } #profielimage .btn_request:active { background-color: #FFF; border-bottom: 0px none; border-top: 1px solid #333; } span.rq-overlay { position: relative; display: inline-block; } span.rq-overlay:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: contain; } span.rq-overlay-male:after { background-image: url(/media/img/rq_overlay_profile_thumb_male.png); } span.rq-overlay-female:after { background-image: url(/media/img/rq_overlay_profile_thumb_female.png); } #profielimage span.rq-overlay { width: 100%; } span.lastlogin { clear: both; float: right; } #profielbuttons { clear: both; margin-bottom: 30px; padding-top: 30px; overflow: auto; } #profielbuttons a { float: left; margin: 0 5px 5px 0; } #profielbuttons form:last-child, #profielbuttons a:last-child { float: right; margin-right: 0; } #profielbuttons .btn_request { display: none; } #profielbuttons .btn_favorite { padding-left: 32px; background-image: url(/media/img/icon_favorites-button.png); background-repeat: no-repeat; background-position: 10px 50%; } #profielbuttons .btn_has_favorited { background-image: url(/media/img/icon_favorites-button_delete.png); } .ownProfile #profielbuttons a { float: left; margin: 0 5px 5px 0; } .ownProfile #profielbuttons a:last-child { margin-right: 0; } .ownProfile h1 { font-size: 1.8em; } .report { display: block; margin-bottom: 20px; padding-left: 24px; line-height: 16px; background: url(/media/img/bg_report.png) no-repeat 0 50%; } .report { color: #666; text-decoration: none; } .report:hover { color: #666; text-decoration: underline; } .profileLeft { float: left; width: 49%; margin-bottom: 10px; } .profileRight { float: right; width: 49%; margin-bottom: 10px; } h2 + .profileLeft { margin-top: 0; } h2 + .profileLeft + .profileRight { margin-top: 0; } .profileLeft table td:first-child { font-weight: 700; } .profileRight table td:first-child { font-weight: 700; } .profileLeft table { margin-bottom: 70px; } .profileRight table { margin-bottom: 70px; } /* Oproepen info styles --------------------------------------------------------------------*/ .oproepenInfo { width: 100%; } .oproepenInfo .navWrapper { height: 39px; border-bottom: 1px solid #e8dce1; } .oproepenInfo .navWrapper h2 { float: left; margin: 0; padding: 0; line-height: 1em; } .oproepenInfo ul, .oproepenInfo ul li { margin: 0; padding: 0!important; list-style: none; background: none!important; } .oproepenInfo ul li a { margin: 0; padding: 0; list-style: none; text-decoration: none; } .oproepenInfo ul.nav { float: right; margin-top: 2px; } .oproepenInfo ul.nav li { float: left; } .oproepenInfo ul.nav li a { display: block; width: 25px; height: 38px; margin: 0 0 0 8px; background: none no-repeat 50% 0; } .oproepenInfo ul.nav li a { text-indent: -9999px } .oproepenInfo ul.nav li a:active { outline: none; } .oproepenInfo ul.nav li a:focus { outline: none; } .oproepenInfo .list-wrap { padding: 25px 0 0 0; min-height: 220px; } .oproepenInfo .list-wrap ul { margin: 10px 0px 18px 14px; } .oproepenInfo .list-wrap ul ul { margin: 4px 0px 4px 14px; } .oproepenInfo .list-wrap ul li { list-style: none; padding-left: 12px; background: url(/media/img/bullet_li.png) no-repeat 0 8px; } .oproepenInfo .list-wrap ul li li { list-style: none; padding-left: 12px; background: url(/media/img/bullet_li.png) no-repeat 0 8px; } .hide { position: absolute; top: -9999px; left: -9999px; } #home .oproepenInfo { width: 100%; } #account .oproepenWrapper .btn { margin: 0 18px 30px 0; float: right; } /* Oproepen info styles (profielen) --------------------------------------------------------------------*/ .profileWrapper { position: relative; float: left; width: 48.5%; margin-left: 3%; margin-bottom: 30px; line-height: 160%; } .profileWrapper:nth-child(2n+1) { clear: both; margin-left: 0; } .profileWrapper:last-child { margin-bottom: 0; } .profileWrapper a.more { padding-right: 15px; background-image: url(/media/img/friends/bullet_a_more.png); } .romance .profileWrapper a.more { padding-right: 15px; background-image: url(/media/img/romance/bullet_a_more.png); } .profileWrapper .profileLeft { float: left; width: 32%; } .profileWrapper .profileRight { float: right; width: 64%; background: none no-repeat 100% 4px; } .profileWrapper .profileLeft img { width: 100%; height: auto; } .profileWrapper .profileRight strong { display: block; } .profileWrapper .profileRight span { display: block; margin-bottom: 6px; color: #5a5a5a; } .profileWrapper .profileRight p { margin-bottom: 6px; color: #5a5a5a; } .friends .profileWrapper .paddingRight { padding-right: 30px; } #account .profileWrapper { float: left; width: 48%; margin-left: 4%; } #account .profileWrapper:nth-child(2n+1) { margin-left: 0; clear: both; } #account .profileWrapper { font-size: 1em; } .profileRight span.online { background: url(/media/img/bg_online_small.png) no-repeat left 50%; margin-left: 3px; padding-left: 14px; } .profileRight span.inactive { background: url(/media/img/bg_inactive_small.png) no-repeat left 50%; margin-left: 3px; padding-left: 14px; } .profileRight span.offline { background: url(/media/img/bg_offline_small.png) no-repeat left 50%; margin-left: 3px; padding-left: 14px; } #notonline { margin-top: -10px; } /* Speeddate uitnodigingen --------------------------------------------------------------------*/ #speeddateInvitesWrapperLeft { float: left; width: 49%; } #speeddateInvitesWrapperRight { float: right; width: 49%; } .speeddateInvitesWrapper .profileRight span.userinfo { margin-bottom: 10px; } .speeddateInvitesWrapper .profileRight span strong { display: inline; } .speeddateInvitesWrapper .profileRight .hidden { display: none; } #account .speeddateInvitesWrapper .profileWrapper { margin-left: 0; width: 100%; } .profileOptions { position: absolute; bottom: 10px; right: 10px; width: 64%; } .profileOptions .btn { float: left; padding-left: 4px !important; padding-right: 4px !important; background-image: none !important; } .profileOptions + .profileRight { padding-bottom: 32px; } #speeddateMainViewport { position: relative; min-height: 200px; } #speeddateLoader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff url(/media/img/loader.gif) no-repeat 50% 50%; background-size: 45px; z-index: 999; } /* Favorieten --------------------------------------------------------------------*/ #favoritesWrapper .favoriteProfile { position: relative; float: left; width: 18.4%; margin: 0 0 20px 2%; } #favoritesWrapper .favoriteProfile:nth-child(5n+1) { clear: both; margin-left: 0; } #favoritesWrapper .favoriteProfile img { width: 100%; } #favoritesWrapper .favoriteProfile a.btn_mini { } #favoritesWrapper .favoriteProfile a { text-decoration: none; color: #333; } #favoritesWrapper .favoriteProfile strong { display: block; margin-bottom: 1px; margin-top: 15px; } #favoritesWrapper .favoriteProfile span { display: block; margin: 4px 0; } a.btn_delete { display: inline-block; margin-top: 6px; padding-left: 12px; background: url(/media/img/icon_favorite_delete.png) no-repeat left 5px; } a.btn_delete { color: #c71010 !important; text-decoration: none !important; font-size: 0.9em; } a.btn_delete:hover { color: #c71010 !important; text-decoration: underline !important; } #favoritesWrapper .favoriteProfileDeleted > * { opacity: 0.5; } #favoritesWrapper .favoriteProfileDeleted .btn_delete { opacity: 1; } /* Favoriete Oproepen --------------------------------------------------------------------*/ #favoritesWrapper .favoriteOproep { position: relative; float: left; width: 18.4%; margin: 0 0 20px 2%; } #favoritesWrapper .favoriteOproep:nth-child(5n+1) { clear: both; margin-left: 0; } #favoritesWrapper .favoriteOproep img { width: 100%; } #favoritesWrapper .favoriteOproep a.btn_mini { } #favoritesWrapper .favoriteOproep a { text-decoration: none; color: #333; } #favoritesWrapper .favoriteOproep strong { display: block; margin-bottom: 1px; margin-top: 15px; } #favoritesWrapper .favoriteOproep span { display: block; margin: 4px 0; } #favoritesWrapper .favoriteOproep p { display: block; margin: 10px 0 4px 0; line-height: 150%; } #favoritesWrapper .favoriteOproep a.btn_delete { display: inline-block; margin-top: 6px; padding-left: 12px; background: url(/media/img/icon_favorite_delete.png) no-repeat left 5px; } #favoritesWrapper .favoriteOproep a.btn_delete { color: #c71010; font-size: 0.9em; } #favoritesWrapper .favoriteOproep a.btn_delete:hover { color: #c71010; text-decoration: underline; } #favoritesWrapper .favoriteOproepDeleted > * { opacity: 0.5; } #favoritesWrapper .favoriteOproepDeleted .btn_delete { opacity: 1; } /* Wie heeft mij / heb ik bekeken --------------------------------------------------------------------*/ #viewedWrapper .viewedProfile { float: left; width: 18.4%; margin: 0 0 20px 2%; } #viewedWrapper .viewedProfile:nth-child(5n+1) { clear: both; margin-left: 0; } #viewedWrapper .viewedProfile img { width: 100%; } #viewedWrapper .viewedProfile a { text-decoration: none; color: #333; line-height: 150%; } #viewedWrapper .viewedProfile a:hover { text-decoration: none; color: #333; } #viewedWrapper .viewedProfile strong { display: block; margin-bottom: 1px; margin-top: 15px; } #viewedWrapper .viewedProfile span.province { display: block; margin-bottom: 6px; } #viewedWrapper .viewedProfile span.timesviewed { display: block; } #viewedWrapper .viewedProfile span.timesviewed span { display: block; font-size: 0.9em; color: #666; line-height: 150%; margin-top: 3px; } /* Geblokkeerd --------------------------------------------------------------------*/ #blockedWrapper .blockedProfile { float: left; width: 18.4%; margin: 0 0 20px 2%; } #blockedWrapper .blockedProfile:nth-child(5n+1) { clear: both; margin-left: 0; } #blockedWrapper .blockedProfile img { width: 100%; } #blockedWrapper .blockedProfile a { text-decoration: none; color: #333; line-height: 150%; } #blockedWrapper .blockedProfile a:hover { text-decoration: none; color: #333; } #blockedWrapper .blockedProfile strong { display: block; margin-bottom: 1px; margin-top: 15px; } #blockedWrapper .blockedProfile span.province { display: block; margin-bottom: 6px; } #blockedWrapper .blockedProfile span.timesviewed { display: block; } #blockedWrapper .blockedProfile span.timesviewed span { display: block; font-size: 0.9em; color: #666; line-height: 150%; margin-top: 3px; } #blockedWrapper .blockedProfile a.btn_delete { display: inline-block; margin-top: 6px; padding-left: 12px; background: url(/media/img/icon_block_delete.png) no-repeat left 5px; } #blockedWrapper .blockedProfile a.btn_delete { color: #c71010; font-size: 0.9em; } #blockedWrapper .blockedProfile a.btn_delete:hover { color: #c71010; text-decoration: underline; } /* Reacties --------------------------------------------------------------------*/ #reactiesWrapper .reactie { border-radius: 5px; padding: 10px; margin-bottom: 15px; background: #fff; border: 1px solid #d2d2d2; } #reactiesWrapper .reactieTop { margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #e8dce1; } #reactiesWrapper .reactieTop .img-border { float: left; padding: 3px; height: 35px; margin-right: 10px; } #reactiesWrapper .reactieTop .img-border img { max-width: 35px; } #reactiesWrapper .reactieTop p { float: left; margin: 0; color: #666; } #reactiesWrapper .reactieTop p strong { display: block; color: #333; } #reactiesWrapper .reactieTop form { float: right; } #reactiesWrapper .reactieBottom { clear: left; } #reactiesWrapper .reactieBottom p { margin: 0 0 8px 0; } #reactiesWrapper .reactiePreview { position: relative; } #reactiesWrapper .reactiePreview p { margin-bottom: 0; color: #999; } #reactiesWrapper .reactiePreview a.reactie-deleted-show { position: absolute; top: 4px; right: 5px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(/media/img/icon_reactie_show.png); text-decoration: none; } #reactiesWrapper .reactieHidden { display: none; } /* Foto op verzoek overzicht --------------------------------------------------------------------*/ #imageRequestsWrapper h3 { clear: left; margin-bottom: 18px; } #imageRequestsWrapper .imageRequests { } #imageRequestsWrapper .imageRequestProfile { float: left; width: 18.4%; margin: 0 0 20px 2%; } #imageRequestsWrapper .imageRequestProfile:nth-child(5n+1) { clear: both; margin-left: 0; } #imageRequestsWrapper .imageRequestProfile img { width: 100%; } #imageRequestsWrapper .imageRequestProfile a:first-child { text-decoration: none; color: #333; line-height: 150%; } #imageRequestsWrapper .imageRequestProfile a:first-child:hover { text-decoration: none; color: #333; } #imageRequestsWrapper .imageRequestProfile strong { display: block; margin-bottom: 1px; margin-top: 15px; } #imageRequestsWrapper .imageRequestProfile span.province { display: block; margin-bottom: 6px; } #imageRequestsWrapper .imageRequestProfile span.timesviewed { display: block; } #imageRequestsWrapper .imageRequestProfile span.timesviewed span { display: block; font-size: 0.9em; color: #666; line-height: 150%; margin-top: 3px; } #imageRequestsWrapper .imageRequestProfile span.online { display: block; background: url(/media/img/bg_online_small.png) no-repeat left 50%; margin: 6px 0 12px 0; padding-left: 14px; } #imageRequestsWrapper .imageRequestProfile span.inactive { display: block; background: url(/media/img/bg_inactive_small.png) no-repeat left 50%; margin: 6px 0 12px 0; padding-left: 14px; } #imageRequestsWrapper .imageRequestProfile span.offline { display: block; background: url(/media/img/bg_offline_small.png) no-repeat left 50%; margin: 6px 0 12px 0; padding-left: 14px; } #imageRequestsWrapper .btn { padding-left: 0; padding-right: 0; width: 100%; margin-bottom: 4px; } #imageRequestsWrapper .btn_approve { background-color: #3f9633; border-bottom: 1px solid #206616; } #imageRequestsWrapper .btn_approve:hover { background-color: #59b04d; } #imageRequestsWrapper .btn_approve:active { background-color: #59b04d; border-bottom: 0px none; border-top: 1px solid #206616; } #imageRequestsWrapper .btn_deny { background-color: #ab2a2a; border-bottom: 1px solid #770808; } #imageRequestsWrapper .btn_deny:hover { background-color: #be3f3f; } #imageRequestsWrapper .btn_deny:active { background-color: #be3f3f; border-bottom: 0px none; border-top: 1px solid #770808; } /* Berichten --------------------------------------------------------------------*/ table.messages { width: 100%; } table.messages thead { border-bottom: 1px solid #e8dce1; } table.messages thead th:nth-child(1) { width: 26px; } table.messages thead th:nth-child(2) { width: 15%; } table.messages thead th:nth-child(3) { width: auto; } table.messages thead th:nth-child(4) { width: 130px; } table.messages thead th:nth-child(5) { width: 86px; } table.messages-trashbox thead th:nth-child(1) { width: 20px; } table.messages-trashbox thead th:nth-child(2) { width: 15%; } table.messages-trashbox thead th:nth-child(3) { width: 15%; } table.messages-trashbox thead th:nth-child(4) { width: auto; } table.messages-trashbox thead th:nth-child(5) { width: 130px; } table.messages-trashbox thead th:nth-child(6) { width: 80px; } table.messages thead tr:last-child th { padding-bottom: 6px; } table.messages tbody tr:first-child td { padding-top: 6px; } table.messages tbody tr { border-bottom: 1px solid #e8dce1; } table.messages tbody tr:last-child { border-bottom: 0 none; } table.messages tbody tr:nth-child(even) { background-color: #f0f0f0; } table.messages tbody td { padding: 4px 6px 2px 6px; } table.messages thead th { padding: 4px 6px 2px 6px; } table.messages tbody tr.status-read td { } table.messages tbody tr.status-unread td { font-weight: bold; } table.messages a { color: inherit; } table.messages tbody td:nth-child(5) { text-align: right; } table.messages tbody td:nth-child(5) a { text-align: left; margin-left: 6px; } table.messages-trashbox tbody td:nth-child(5) { width: 130px; } table.messages-trashbox tbody td:nth-child(6) { text-align: right; } table.messages-trashbox tbody td:nth-child(6) a { text-align: left; margin-left: 6px; } table.messages span.status, table.messages a.btn_mini { display: inline-block; margin: 4px 0 0 0; width: 16px; height: 16px; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; } table.messages a.btn_view { background-image: url(/media/img/icon_message_view.png); } table.messages a.btn_reply { background-image: url(/media/img/icon_message_reply.png); } table.messages a.btn_delete { background-image: url(/media/img/icon_message_delete.png); } table.messages a.btn_delete_forever { background-image: url(/media/img/icon_message_delete.png); } table.messages .status-read span.status { background-image: url(/media/img/icon_read.png); } table.messages .status-unread span.status { background-image: url(/media/img/icon_unread.png); } .messages-buttons { padding-top: 10px; margin: 0 0 20px 0; float: right; width: 334px\9; } .messages-buttons:after { content: ' '; display: block; clear: both; } .messages-buttons .btn { margin: 0 0 6px 6px; } .messages-buttons .btn:last-child { margin-right: 0; } .messages-buttons + * { clear: both; } .message-detail { } .message-top:after { content: ' '; display: block; clear: both; } .message-top { padding-bottom: 14px; margin-bottom: 10px; } .message-info { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e8dce1; } .message-top .btn { margin-right: 6px; } .message-info span.message-subject { padding: 0 0 6px 0; } .message-info span { display: block; padding: 0 0 2px 0; } .message-info span span { display: inline-block; opacity: 0.5; min-width: 70px; } .message-subject { font-size: 1.3em; font-weight: bold; } .message-from { } .message-date { } textarea.textarea-large { line-height: 160%; margin-bottom: 10px; } /* Categorieeen --------------------------------------------------------------------*/ .category_1 { background-image: url(/media/img/friends/categorys/bg_category_1.png)!important; } a.category_1:hover, a.current.category_1 { background-image: url(/media/img/friends/categorys/bg_category_1_hover.png)!important; } div.category_1 { background-image: url(/media/img/friends/categorys/bg_category_1_active.png)!important; } .category_2 { background-image: url(/media/img/friends/categorys/bg_category_2.png)!important; } a.category_2:hover, a.current.category_2 { background-image: url(/media/img/friends/categorys/bg_category_2_hover.png)!important; } div.category_2 { background-image: url(/media/img/friends/categorys/bg_category_2_active.png)!important; } .category_3 { background-image: url(/media/img/friends/categorys/bg_category_3.png)!important; } a.category_3:hover, a.current.category_3 { background-image: url(/media/img/friends/categorys/bg_category_3_hover.png)!important; } div.category_3 { background-image: url(/media/img/friends/categorys/bg_category_3_active.png)!important; } .category_4 { background-image: url(/media/img/friends/categorys/bg_category_4.png)!important; } a.category_4:hover, a.current.category_4 { background-image: url(/media/img/friends/categorys/bg_category_4_hover.png)!important; } div.category_4 { background-image: url(/media/img/friends/categorys/bg_category_4_active.png)!important; } .category_5 { background-image: url(/media/img/friends/categorys/bg_category_5.png)!important; } a.category_5:hover, a.current.category_5 { background-image: url(/media/img/friends/categorys/bg_category_5_hover.png)!important; } div.category_5 { background-image: url(/media/img/friends/categorys/bg_category_5_active.png)!important; } .category_7 { background-image: url(/media/img/friends/categorys/bg_category_7.png)!important; } a.category_7:hover, a.current.category_7 { background-image: url(/media/img/friends/categorys/bg_category_7_hover.png)!important; } div.category_7 { background-image: url(/media/img/friends/categorys/bg_category_7_active.png)!important; } .navWrapper .category_7 { width: 32px!important; } .category_6 { background-image: url(/media/img/friends/categorys/bg_category_6.png)!important; } a.category_6:hover, a.current.category_6 { background-image: url(/media/img/friends/categorys/bg_category_6_hover.png)!important; } div.category_6 { background-image: url(/media/img/friends/categorys/bg_category_6_active.png)!important; } .navWrapper .category_6 { width: 32px!important; } /* Mijn oproepen styles --------------------------------------------------------------------*/ .mijnoproepen .mijnoproepenText { float: left; width: 60%; } .mijnoproepen .mijnoproepenInfo { float: right; width: 30%; text-align: right; } .mijnoproepen .mijnoproepenSubject { font-weight: bold; } .mijnoproepen > span { display: block; float: left; padding-left: 25px; margin: 0 15px 20px 0; line-height: 16px; } .mijnoproepen span.timesViewed { background: url(/media/img/icon_times_viewed.png) no-repeat 0 50%; } .mijnoproepen span.timesReacties { background: url(/media/img/icon_times_replied.png) no-repeat 0 50%; } .mijnoproepen hr { clear: both; } .mijnoproepen .mijnoproepenRight { float: right; } .mijnoproepen .mijnoproepenRight span { float: left; margin-right: 15px; line-height: 30px; } .mijnoproepen .mijnoproepenRight form { float: left; margin-right: 15px; } .mijnoproepen .mijnoproepenRight button, .mijnoproepen .mijnoproepenRight a { float: left; margin-right: 15px; } .mijnoproepen .mijnoproepenRight button:last-child, .mijnoproepen .mijnoproepenRight a:last-child, .mijnoproepen .mijnoproepenRight form:last-child { margin-right: 0; } .oproepDetail {} .oproepDetailTop {} .oproepDetailContent {} .oproep-detail { } .oproep-top:after { content: ' '; display: block; clear: both; } .oproep-top { padding-bottom: 14px; margin-bottom: 10px; } .oproep-top .btn { margin-right: 6px; } .oproep-top .btn_favorite { padding-left: 32px; background-image: url(/media/img/icon_favorites-button.png); background-repeat: no-repeat; background-position: 10px 50%; } .oproep-top .btn_has_favorited { background-image: url(/media/img/icon_favorites-button_delete.png); } .oproep-top .oproep-top-options { float: right; } .oproep-top .oproep-top-options span { float: left; margin-right: 8px; line-height: 31px; } .oproep-top .oproep-top-options form { float: left; } .oproep-buttons:after { content: ' '; display: block; clear: both; } .oproep-buttons { padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid #e8dce1; } .oproep-buttons .btn { margin-right: 6px; } .oproep-buttons .btn_favorite { padding-left: 32px; background-image: url(/media/img/icon_favorites-button.png); background-repeat: no-repeat; background-position: 10px 50%; } .oproep-buttons .btn_has_favorited { background-image: url(/media/img/icon_favorites-button_delete.png); } .oproep-buttons .oproep-top-options { float: right; } .oproep-buttons .oproep-top-options span { float: left; margin-right: 8px; line-height: 31px; } .oproep-buttons .oproep-top-options form { float: left; } .oproep-info { margin-bottom: 22px; } .oproep-info img { max-width: 96px; } .oproep-info .img-border { float: left; margin-right: 20px; } .oproep-info span.oproep-subject { padding: 0 0 6px 0; } .oproep-info span.info { display: block; padding: 0 0 6px 0; } .oproep-info span span.infoSub { display: inline-block; opacity: 0.5; min-width: 70px; } .oproep-subject { font-size: 1.3em; font-weight: bold; } .oproep-content { min-height: 150px; } .oproep-bottom .btn { margin-right: 6px; } /* Tooltip styles --------------------------------------------------------------------*/ span.tooltip { display: inline-block; width: 13px; height: 13px; margin: 0 0 -2px 8px; background: #056ab0 url(/media/img/icon_tooltip.png) no-repeat 40% 50%; border-radius: 50%; padding: 0!important; } /* Snel zoeken styles --------------------------------------------------------------------*/ .contentQuicksearch { position: relative; } .contentQuicksearch { margin-top: -10px; padding: 10px 20px; margin-bottom: 30px; background-color: #e6e6e6; border-radius: 3px; } .contentQuicksearch #quickSearchLeft { float: left; width: 32.62%; } .contentQuicksearch #quickSearchRight { float: right; width: 65.38%; } .contentQuicksearch .margin { margin-bottom: 40px; } .contentQuicksearch .fld_aright a { line-height: 30px; } .contentQuicksearch .fld_aright a { color: #666; font-size: 1.17em; text-decoration: none; } .contentQuicksearch .fld_aright a:hover { color: #666; font-size: 1.17em; text-decoration: underline; } .contentQuicksearch #submit { padding: 4px 0; float: none; display: block; width: 100%; } .icon-clock { padding-left: 25px; background: url(/media/img/icon_clock.png) no-repeat 0 50%; } #formBasicSearch label.multi-checkbox, #formAdvancedSearch label.multi-checkbox, #formAdvertisementSearch label.multi-checkbox, #formAdvancedAdvertisementSearch label.multi-checkbox { float: left; display: inline-block; clear: none; } #formBasicSearch .fld { padding-right: 20px; } #formBasicSearch .fld_age .fld { padding-right: 5px; } #formBasicSearch .fld_6 { padding-right: 0; } #formBasicSearch .fld_9 { padding-right: 0; } #formBasicSearch .btns_inverted { padding-top: 10px; } #formAdvertisementSearch .fld { padding-right: 20px; } #formAdvertisementSearch .fld_age .fld { padding-right: 5px; } #formAdvertisementSearch .fld_6 { padding-right: 0; } #formAdvertisementSearch .fld_9 { padding-right: 0; } #formAdvertisementSearch .fld_12 { padding-right: 0; } #formAdvertisementSearch .btns_inverted { padding-top: 10px; } div.chop.columns label.checkbox { width: 22%; } div.chop.columns label.clearselection { float: none!important; display: block !important; } div.chop.columns label.clearselection:after { content: ""; display: block; clear: both; } .firstfields .fld { padding-right: 20px; } .firstfields .fld_age .fld { padding-right: 5px; } .firstfields .fld_6 { padding-right: 0; } .firstfields .fld_9 { padding-right: 0; } .firstfields .fld_12 { padding-right: 0; } .fld_age > div:nth-child(1), .fld_age > div:nth-child(3) { width: 41.6666666667%; } /* 2x 5 */ .fld_age > div:nth-child(2) { width: 16.6666666667%; padding-top: 26px; text-align: center; } /* 1x 2 */ .btns_inverted .btn_submit { float: left; } .btn_fold { display: inline-block; padding-left: 24px; padding-bottom: 8px; padding-top: 8px; text-decoration: none; text-align: center; max-width: 100%; background-repeat: no-repeat; } .btn_reset { display: inline-block; padding-left: 28px; padding-bottom: 8px; padding-top: 8px; text-decoration: none; text-align: center; max-width: 100%; background-repeat: no-repeat; } .btn_reset { background-image: url(/media/img/icon_reset.png); background-position: 5px 9px; margin-left: 8px; } .btn_foldin { background-image: url(/media/img/icon_foldin.png); background-position: 5px 11px; } .btn_foldout { background-image: url(/media/img/icon_foldout.png); background-position: 5px 11px; } .friends .btn_reset { background-image: url(/media/img/icon_reset_friends.png); } .friends .btn_foldin { background-image: url(/media/img/icon_foldin_friends.png); background-position: 5px 11px; } .friends .btn_foldout { background-image: url(/media/img/icon_foldout_friends.png); background-position: 5px 11px; } #formBasicSearch { position: relative; } #formBasicSearch .btn_advanced_search { position: absolute; right: 0; bottom: 2px; padding-top: 7px; padding-left: 49px; background-image: url(/media/img/search_advanced.png); background-repeat: no-repeat; background-position: 15px 50%; } #formAdvancedSearch .fld_status { padding: 10px 0; clear: both; overflow: hidden; } #formAdvancedSearch { position: relative; } #formAdvancedSearch .btn_foldin { position: absolute; right: 0; bottom: 8px; } #formAdvancedSearch .btn_foldout { float: right; } #formAdvancedSearch .btns_inverted { padding-top: 10px; } #formAdvancedAdvertisementSearch { position: relative; } #formAdvancedAdvertisementSearch .btn_foldin { position: absolute; right: 0; bottom: 8px; } #formAdvancedAdvertisementSearch .btn_foldout { float: right; } #formAdvancedAdvertisementSearch .btns_inverted { padding-top: 10px; } .btn_foldin { display: inline-block; } .btn_foldout { display: none; } .activeSearch { display: none; } .folded .btn_foldin { display: none; } .folded .btn_foldout { display: inline-block; } .folded .activeSearch { display: block; } .folded .fieldswrap { display: none; } .activeSearch { } .activeSearch p { font-weight: bold; font-size: 1.4em; padding: 0; margin: 0 5px 4px 0; } .activeSearch a { float: left; margin: 0 5px 5px 0; padding: 6px 25px 6px 8px; } .activeSearch a { color: #000 !important; background: #fff url(/media/img/icon_filterdelete.png) no-repeat 100% 50%; text-decoration: none; border-bottom: 1px solid #bbb; border-radius: 3px; } .activeSearch a:active { border-bottom: 0 none; border-top: 1px solid #b3b3b3; } .activeSearch span { float: left; margin: 0 5px 5px 0; padding: 6px 8px; } .activeSearch span { background: #fff; border-bottom: 1px solid #bbb; border-radius: 3px; } #formAdvertisementSearch { position: relative; } #formAdvertisementSearch .btn_advanced_search { position: absolute; right: 0; bottom: 2px; padding-top: 7px; padding-left: 49px; background-image: url(/media/img/search_advanced.png); background-repeat: no-repeat; background-position: 15px 50%; } #formBasicSearch label.checkbox, #formAdvancedSearch label.checkbox, #formAdvertisementSearch label.checkbox { display: inline-block; } #formAdvancedAdvertisementSearch .fld { margin-bottom: 20px; } #formAdvancedAdvertisementSearch .firstfields .fld { margin-bottom: 8px; } #formAdvancedSearch .fld { margin-bottom: 20px; } #formAdvancedSearch .firstfields .fld { margin-bottom: 8px; } /* Zoeken overzicht styles --------------------------------------------------------------------*/ #profileWrapper .profileLeft, #profileWrapper .profileRight { margin-top: 0; } #profileWrapper .profile { margin-bottom: 30px; } #profileWrapper .profileImage { width: 33%; float: left; } #profileWrapper .profileImage img { width: 100%; height: auto; } #profileWrapper .profileText { width: 60%; float: right; } #profileWrapper .profileText strong { display: block; } #profileWrapper .profileText a { color: #666; text-decoration: none; font-weight: 700; } #profileWrapper .profileText a:hover { color: #666; text-decoration: underline; } #profileWrapper .profileText p { margin-top: 10px; } /* Mijn saldo styles --------------------------------------------------------------------*/ form#buycredits .amount { margin: 0 30px 4px 0; white-space: nowrap; } form#buycredits { margin-bottom: 30px; } #formBuyMethod label { width: 100%; } #formBuyMethod label span.payment_price { color: #666; } #formBuyMethod label span.payment_extra { display: block; overflow: auto; text-overflow: normal; white-space: normal; } #formBuyMethod label span.payment_extra { color: #666; font-style: italic; line-height: 160%; } .datagrid-credithistory .row-amount-pos .col-amount, .datagrid-credithistory .row-amount-pos .col-status { color: #3c3; } .datagrid-credithistory .row-amount-neg .col-amount, .datagrid-credithistory .row-amount-neg .col-status { color: #c33; } .datagrid-credithistory .row-status-2 .col-amount, .datagrid-credithistory .row-status-2 .col-status { color: #333; } .datagrid-credithistory .row-status-3 .col-amount, .datagrid-credithistory .row-status-3 .col-status { color: #999; text-decoration: line-through; } #editPicture { margin-top: 0; } #editPicture .col { margin-top: 0; } #editPicture .img-border { max-width: 94%; padding: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #formProfielImage { margin-top: 20px; } #formProfielImage #user_image { padding: 0; box-shadow: none; } /* Accordion Styles (FAQ) --------------------------------------------------------------------*/ .accordion { padding-top: 10px; margin-bottom: 30px; } .accordion div.border { margin-bottom: 10px; padding: 0; } .accordion div.border h2 { font-size: 1.2em; } .accordion div.border h2 { display: block; margin: 0 0 0 0; padding: 10px 50px 10px 15px; background: #ebebeb url(/media/img/friends/bg_faq.png) no-repeat 100% 10px; border-bottom: 1px solid #CCC; border-radius: 4px; position: relative; cursor: pointer; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; } .accordion div.border h2:hover { background-color: #dadada; } .accordion div.border h2.open { border-radius: 3px 3px 0 0; background: #ebebeb url(/media/img/friends/bg_faq_open.png) no-repeat 100% 10px; } .accordion div.border > div { padding: 15px 15px 1px; border: 1px solid #CCC; border-top: 0 none; border-radius: 0 0 3px 3px; } /* Pager styles --------------------------------------------------------------------*/ .profielZoekenOptions { overflow: hidden; } .profielZoekenOptions .left { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; } .profielZoekenOptions .left h2 { margin-bottom: 0; } .profielZoekenOptions .right select { width: 60px; margin-right: 15px; } .profielZoekenOptionsTop { margin-bottom: 30px; } .profielZoekenOptionsTop:after { content:' '; clear:left; display: block; } .profielZoekenOptions .clear { display: none; } .oproepenOptions { overflow: hidden; } .oproepenOptions .left { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; } .oproepenOptions .left h2 { margin-bottom: 0; } .oproepenOptions .right select { width: 60px; margin-right: 15px; } .oproepenOptions { margin-bottom: 30px; } .oproepenOptions:after { content:' '; clear:left; display: block; } .oproepenOptions .clear { display: none; } .profielFavoriteOptions .left { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; } .profielFavoriteOptions .left p { margin: 0; } .profielFavoriteOptions .right { line-height: 31px; } .profielFavoriteOptions .right select { width: 60px; margin-right: 10px; } .profielFavoriteOptions .right .WsPagerRows { margin-top: 0; } .profielFavoriteOptionsTop { margin-bottom: 25px; overflow: hidden; } .profielFavoriteOptionsTop:after { content:' '; clear:left; display: block; } .profielFavoriteOptionsBottom { padding-top: 10px; } .profielFavoriteOptions .clear { display: none; } .profielViewsOptions .left { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; } .profielViewsOptions .left p { margin: 0; } .profielViewsOptions .right { line-height: 31px; } .profielViewsOptions .right select { width: 60px; margin-right: 10px; } .profielViewsOptions .right .WsPagerRows { margin-top: 0; } .profielViewsOptionsTop { margin-bottom: 25px; overflow: hidden; } .profielViewsOptionsTop:after { content:' '; clear: left; display: block; } .profielViewsOptionsBottom { padding-top: 10px; } .profielViewsOptions .clear { display: none; } .oproepenOptions .left { width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #CCC; } .oproepenOptions .left p { margin: 0; } .oproepenOptions .right { line-height: 31px; } .oproepenOptions .right select { width: 60px; margin-right: 10px; } .oproepenOptions .right .WsPagerRows { margin-top: 0; } .oproepenOptionsTop { margin-bottom: 25px; overflow: hidden; } .oproepenOptionsTop:after { content:' '; clear: left; display: block; } .oproepenOptionsBottom { padding-top: 10px; } .oproepenOptions .clear { display: none; } .WsPagerRows { display: block; float: left; line-height: 22px; } .WsPager { display: block; float: left; line-height: 22px; margin-left: 20px; overflow: hidden; } .WsPager a { display: block; float: left; height: 24px; line-height: 24px; margin: 0 5px; } .WsPager a { color: #333!important; text-decoration: none; font-family: Arial, Helvetica, sans-serif; } .WsPager span { display: block; float: left; height: 24px; line-height: 24px; margin: 0 5px; } .WsPager span { color: #333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .WsPager span.pagesTotal { color: #999; font-weight: normal; } .WsPager a span { margin: 0; } .WsPager a.pager-button { display: block; float: left; text-indent: -9999px; width: 16px; height: 22px; overflow: hidden; background: url(/media/img/bg_wspager_button.png) repeat-x bottom; background: linear-gradient(#FFF ,#ebebeb); border: 1px solid #d9d9d9; border-radius: 4px; } .WsPager a.prev { margin: 0 6px 0 3px; } .WsPager a.prev span { display: block; width: 16px; height: 22px; background: url(/media/img/button_wspager_prev.png) no-repeat 50% 50%; } .WsPager a.next { margin: 0 3px 0 6px; } .WsPager a.next span { display: block; width: 16px; height: 22px; background: url(/media/img/button_wspager_next.png) no-repeat 50% 50%; } .WsPager a.first { margin: 0; } .WsPager a.first span { display: block; width: 16px; height: 22px; background: url(/media/img/button_wspager_first.png) no-repeat 50% 50%; } .WsPager a.last { margin: 0; } .WsPager a.last span { display: block; width: 16px; height: 22px; background: url(/media/img/button_wspager_last.png) no-repeat 50% 50%; } .WsPager a.pager-button:hover, .WsPager a.pager-button:focus { border: 1px solid #b4b4b4; outline: none; } .WsPager a.pager-button:active { background: linear-gradient(#ebebeb, #FFF); height: 21px; padding-top: 1px; outline: none; } .pageronly .WsPager { margin-left: 0; margin-top: 10px; } /* Item Overzicht --------------------------------------------------------------------*/ div.item { width: 100%; margin-bottom: 4%; } div.item h2 { padding: 0; } div.item h2 a { color: #5a5a5a; text-decoration: none; } div.item h2 a:hover { color: #5a5a5a; text-decoration: underline; } div.item div.itemLeft { float: left; width: 14%; } div.item div.itemLeft img { width: 100%; margin-top: 6px; } div.item div.itemRight { float: right; width: 82%; } div.item p { display: block; margin: 0 0 6px 0; } div.item p span { color: #797979; } /* Item Detail --------------------------------------------------------------------*/ div.toolbox_top { display: block; padding-top: 14px; border-top: 1px solid #CCC; } div.toolbox_bottom { display: block; margin-top: 30px; padding-top: 14px; border-top: 1px solid #CCC; } div.addthis_toolbox { float: right; height: 16px; line-height: 16px; margin: 0 0 30px 0; } div.toolbox_top a.back, div.toolbox_bottom a.back { float: left; } .toolbox_bottom .at_a11y { text-indent: -9999px; } /* Account verwijderd --------------------------------------------------------------------*/ h1.accountDeleted { padding-left: 32px; background: url(/media/img/icon_account_deleted.png) no-repeat left 2px; } /* Footer Styles --------------------------------------------------------------------*/ #footer { color: #e1c2d1; text-shadow: 1px 1px rgba(0,0,0,.4); } #footer a { color: #e1c2d1; text-decoration: none; } #footer a:hover { color: #e1c2d1; text-decoration: underline; } #footer span { margin: 0 10px; } #webdesign { font-size: 0.9em; color: #587585; } #webdesign a { color: #587585; text-decoration: none; } #webdesign a:hover { color: #587585; text-decoration: underline; } /* Hoofdnavigatie Styles --------------------------------------------------------------------*/ ul#nav, ul#nav li { margin: 0; padding: 0; list-style: none; background: none; } ul#nav li a { margin: 0; padding: 0; text-decoration: none; } ul#nav { float: right; margin: 0; } ul#nav li { float: left; display: block; } ul#nav li a { float: left; display: block; line-height: 1em; margin-left: 30px; padding-top: 24px; padding-bottom: 18px; border-top: 6px solid #FFF; } ul#nav li a { color: #333; text-decoration: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.2em; } ul#nav li a:hover, ul#nav li a.active { color: #b14f80; text-decoration: none; border-top: 6px solid #b14f80; } ul#nav li:first-child a { margin-left: 0; } ul#nav ul { display: none; } .ingelogd ul#nav li a { font-size: 1.1em; } .ingelogd ul#nav li a { padding-top: 20px; padding-bottom: 24px; } /* Account Subdnavigatie Styles --------------------------------------------------------------------*/ .accountnav div#subnav ul, .accountnav div#subnav li { margin: 0; padding: 0; list-style: none; background: none; overflow: hidden; } .accountnav div#subnav { margin-bottom: 20px; background-color: #e6e6e6; padding: 10px; border-radius: 3px; } .accountnav div#subnav h2 a { color: #FFF; text-shadow: 1px 1px rgba(0, 0, 0, 0.75); text-decoration: none; } .accountnav div#subnav h2 { padding: 0; background-color: #3c3c3c; margin: -10px -10px 20px -10px; padding: 10px 20px; border-radius: 3px 3px 0 0; } .accountnav div#subnav li { display: block; } .accountnav div#subnav li a { display: block; line-height: 18px; padding: 0 0 5px 13px; font-weight: 700; background: url(/media/img/bullet_subnav_li_a.png) no-repeat 0 5px; } .accountnav div#subnav li:last-child a { padding-bottom: 0; } .accountnav div#subnav li a { color: #FFF; text-decoration: none; text-shadow: 1px 1px rgba(0,0,0,.5); } .accountnav div#subnav li a:hover, .accountnav div#subnav li a.active { color: #FFF; text-decoration: underline; } .accountnav div#subnav ul { margin: 0; padding: 20px; background-color: #b14f80; border-radius: 3px; } .accountnav div#subnav li li { border: none; } .accountnav div#subnav li li a { padding: 4px 0 4px 34px; } .accountnav div#subnav li li a { font-size: 10px; } .accountnav div#subnav ul ul { display: none; } /* Subdnavigatie Styles --------------------------------------------------------------------*/ #right div#subnav ul, #right div#subnav li { margin: 0; padding: 0; list-style: none; background: none; overflow: hidden; } #right div#subnav { margin-bottom: 50px; } #right div#subnav h2 { padding: 0; color: #666; } #right div#subnav h2 a { color: #666; text-decoration: none; } #right div#subnav ul { border-top: 1px solid #CCC; } #right div#subnav ul li { border-bottom: 1px solid #CCC; } #right div#subnav ul li a { display: block; padding: 10px 0 10px 22px; background: url(/media/img/bullet_subnav_right_li_a.png) no-repeat 10px 17px; } #right div#subnav ul li a { color: #b14f80; text-decoration: none; font-weight: bold; } #right div#subnav ul li a:hover, #right div#subnav ul li a.active { background-color: #ebebeb; } #right div#subnav ul ul li:last-child { border-bottom: 0 none; } #right div#subnav ul ul li a { font-weight: normal; } #right div#subnav ul ul ul { display: none; } /* Mobile menu --------------------------------------------------------------------*/ /* Standaard Styles */ .mobile-menu { width: 100%; background: #FFF none; } .mobile-menu ul { margin: 0; padding: 0; list-style: none; background: none!important; } .mobile-menu li { margin: 0; padding: 0; list-style: none; background: none!important; } .mobile-menu ul li a { margin: 0; padding: 0; text-decoration: none; } .mobile-menu ul li a { display: block; height: 46px; line-height: 46px; padding: 0 50px 0 10px; } .mobile-menu .accordeon_subnav { position: relative; } .mobile-menu .accordeon_subnav .accordeon_icon { display: block; cursor: pointer; width: 40px; height: 46px; position: absolute; top: 0; right: 0; background: url(/media/img/bg_accordeon_more.png) no-repeat 50% 50%; } .mobile-menu .accordeon_open > .accordeon_icon { background-image: url(/media/img/bg_accordeon_less.png); } .mobile-menu a.accordeon_icon { padding: 0; } .mobile-menu ul ul > li:last-child { border-bottom: 0px none; } /* Aan te passen Styles */ .mobile-menu span.accordeon_subnav { display: block; padding-left: 50px; line-height: 50px; background: #ebebeb url(/media/img/bg_accordeon_menu.png) no-repeat 0 50%; cursor: pointer; } .mobile-menu span.accordeon_subnav { color: #333; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.15em; text-decoration: none; } .mobile-menu ul li { border-top: 1px solid #646464; border-bottom: 1px solid #323232; } .mobile-menu > ul > li:last-child { border-bottom: 0px none; } .mobile-menu > ul > li:first-child { border-top: 1px solid #464646; } .mobile-menu ul li a { color: #FFF; background-color: #464646; text-decoration: none; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1em; } .mobile-menu ul li a:hover { color: #FFF; background-color: #00bfa6; } .mobile-menu ul li a.active { color: #FFF; } .mobile-menu ul li a.active:hover { color: #FFF; } .mobile-menu ul ul { border-top: 1px solid #323232; } .mobile-menu ul ul li a { background-color: #5a5a5a; } .mobile-menu ul ul li a { font-size: 0.9em; } /* Mobile menu (jPanelMenu) --------------------------------------------------------------------*/ .jPanelMenu-panel { overflow: hidden; } /* Menu knop */ #topBar .menu-trigger { display: none; width: 40px; height: 42px; padding: 0; margin: -13px 0 0 -20px; background: url(/media/img/bg_mobile-menu.png) no-repeat center center; float: left; z-index: 2; } #topBar .menu-trigger { text-decoration: none; } #topBar .menu-trigger:hover { text-decoration: none; } #home #topBar .menu-trigger { display: none; } #vervolg #topBar .menu-trigger { display: none; } #jPanelMenu-menu { margin: 0; background: #E6E6E6; display: none; } #jPanelMenu-menu .accountnav { margin-bottom: 30px; } #jPanelMenu-menu h2 { border-radius: 0!important; } #jPanelMenu-menu .fld_5 { width: 41.6667%; } #jPanelMenu-menu .fld_2 { width: 16.6667%; } /* Fix voor sub-navigatie die (na resizen) verdween */ #jPanelMenu-menu li ul { opacity: 1 !important; } /* Romance --------------------------------------------------------------------*/ /* Typografie stijlen voor de hele site --------------------------------------------------------------------*/ .romance .actioncode { color: #A80E0E; } .romance a { color: #b81f3c; } .romance a:hover { color: #b81f3c; } a.romance { color: #cc0000; } a.romance:hover { color: #cc0000; } .romance a.more { background-image: url(/media/img/romance/bullet_a_more_std.png); } .romance a.back { background-image: url(/media/img/romance/bullet_a_back_std.png); } .romance ul li { background-image: url(/media/img/romance/bullet_li.png); } .romance ul li li { background-image: url(/media/img/romance/bullet_li.png); } /* Basis vlakverdeling --------------------------------------------------------------------*/ .romance #footer { background-color: #b81f3c; } /* Top Styles --------------------------------------------------------------------*/ .romance #topSwitch a { border-radius: 3px 0 0 0; } .romance #topSwitch a { color: #9c396a; } .romance #topSwitch a.active { background-color: #b81f3c; color: #FFF; border-radius: 3px 3px 0 0; } .romance #topBar { background: #b81f3c url(/media/img/romance/bg_topbar.png) repeat-x 0 bottom; } /* Prikbord styles --------------------------------------------------------------------*/ .romance .prikbord .bxsliderControls .bx-next { background-image: url(/media/img/romance/bx-controls.png); } .romance .prikbord .bxsliderControls .bx-prev { background-image: url(/media/img/romance/bx-controls.png); } /* Accordion Styles (FAQ) --------------------------------------------------------------------*/ .romance .accordion div.border h2 { background-image: url(/media/img/romance/bg_faq.png); } .romance .accordion div.border h2.open { background-image: url(/media/img/romance/bg_faq_open.png); } /* Hoofdnavigatie Styles --------------------------------------------------------------------*/ .romance ul#nav li a:hover, .romance ul#nav li a.active { color: #A80E0E; text-decoration: none; border-top: 6px solid #A80E0E; } /* Subdnavigatie Styles --------------------------------------------------------------------*/ .romance div#subnav ul { background-color: #b81f3c; }