/* ============== Defaults for public pages ==================== */ #page.public #pgcontent h1 { margin-bottom: 40px; } #page.public #pgcontent h3 { margin-left: 13px; font-size: 14px; line-height: normal; } #page.public #pgcontent blockquote p { padding-left: 40px; } #page.public #pgcontent dl { margin: 26px 0 0 13px; } #page.public #pgcontent dt { margin-bottom: 8px; font: normal normal bold 14px/normal "Segoe UI", "Trebuchet MS", Arial, Verdana, Times New Roman; } #page.public #pgcontent dd { margin: 0 0 20px 0; } #page.public #pgcontent dd ul { width: 450px; margin: 0; } #page.public #pgcontent dd li { margin: 8px 0 0 20px; display: list-item; list-style: disc outside; } /* #page.publiuc p ul li { list-style: square inside !important; margin-left: 13px; margin-bottom: 4px !important; display: list-item; } */ /* ============== Public components ==================== */ /* Contentbox "Not a member yet?" */ .rl#box-membership .rl-content { padding-left: 100px; height: 90px; position: relative; background-image: url(../img/de_DE/badge_free_bggray.png); } .rl#box-membership p { padding: 0; margin: 0; width: 128px; } .rl#box-membership { padding: 0; border: 0; position: relative; } .rl#box-membership #link-register { position: absolute; width: 90px; height: 90px; left: 0; top: 0; } .rl#box-membership #link-register a { display: block; width: 100%; height: 100%; } .rl#box-membership #link-register a:focus, .rl#box-membership #link-register a:hover { background-color: transparent; } /* Contentbox "Member already?" */ .rl#box-memberlogin .login-notice { font-style: italic; color: #808080; } .rl#box-memberlogin .login-notice a { font-style: normal; } .rl#box-memberlogin #login-area { margin-top: 13px; } .rl#box-memberlogin #login-area label { width: auto; float: none; margin-top: 2px; } .rl#box-memberlogin #login-area .input-area { float: none; } /* Contentbox "FinyaShield Data Protection" */ .rl#box-fsdataprotection .rl-header { height: 25px; background-image: url(../img/hdg_fs_dataprotection_225x25.png); } .rl#box-fsdataprotection .rl-header span { display: none; } /* Badges */ .rl#badge-free4free { height: 50px; background-image: url(../img/de_DE/badge_free4free.png); } .rl#badge-benefits { height: 170px; background-image: url(../img/de_DE/badge_benefits.png); } /* ============== Page-specific styles ==================== */ /* Moods */ .l1 #finya-mood.mood1 { background-image: url(../img/moods/mood_couple1_281x290.png); } .l2 #finya-mood.mood1 { background-image: url(../img/moods/mood_couple1_132x149.jpg); } .l2 #finya-mood.mood2 { background-image: url(../img/moods/mood_woman2_400x149.png); } /* Cachets */ #cachets { position: absolute; top: 400px; left: 0; width: 795px; height: 30px; background-image: url(../img/de_DE/cachets.png); } /* Registration */ #pg-1-2 h1 em { color: #2583ad; } #pg-1-2 #reg-banner { width: 100%; height: 100px; border-bottom: solid #e8e8e8 1px; background: url(../img/de_DE/registration_banner_2008012201.png) no-repeat 0 0; } #pg-1-2 .actionbar { margin-top: 26px; } #pg-1-2 select#ddhc { width: 220px; } #pg-1-2 input#username { width: 220px; } #pg-1-2 #fs-access input { width: 220px; } #pg-1-2 .inputset .fields label { float: left; } #pg-1-2 #lbl-gender-opt1, #pg-1-2 #lbl-seeking-opt1, #pg-1-2 #lbl-seeking-opt2 { margin-right: 13px; } #pg-1-2 .sleekselect .sel-value { padding-top: 3px; } #pg-1-2 #inputset-seeking { margin-top: 0; } #pg-1-2 #inputset-email1, #pg-1-2 #inputset-pwd1, #pg-1-2 #inputset-location-zip, #pg-1-2 #inputset-terms { margin-top: 20px; } #pg-1-2 #err-dob { margin-top: 20px; } #pg-1-2 #fields-dobday, #pg-1-2 #fields-dobmonth, #pg-1-2 #fields-dobyear { margin-right: 20px; } #pg-1-2 #link-inlinehelp1-container { margin-top: 13px; } #pg-1-2 #inputset-nickname .fields { height: auto; } #pg-1-2 #nnavail { margin-top: 4px; } #pg-1-2 #nnavail div { display: none; line-height: 16px; padding-left: 22px; background-image: url(../img/iconlib_s_90219.png); font-size: 10px; } #pg-1-2 #nnavail #msg-check { background-image: url(../img/icon_hourglass_ani_16x16.gif); } #pg-1-2 #nnavail #msg-yes { background-position: 0 -400px; } #pg-1-2 #nnavail #msg-no { background-position: 0 -640px; } #pg-1-2 #nnavail #msg-syntax { background-position: 0 -480px; } #pg-1-2 #nnavail.avail-syntax #msg-syntax, #pg-1-2 #nnavail.avail-check #msg-check, #pg-1-2 #nnavail.avail-yes #msg-yes, #pg-1-2 #nnavail.avail-no #msg-no { display: block; } #pg-1-2 #inputset-terms input, #pg-1-2 #inputset-privacy input { float: left; margin: 5px 5px 0 0; } #pg-1-2 #inputset-terms div, #pg-1-2 #inputset-privacy div { float: left; width: 480px; } #pg-1-2 #inputset-terms label, #pg-1-2 #inputset-privacy label { font-weight: normal; width: auto; display: block; float: none; } #pg-1-2 .notice a { color: #808080 !important; } #pg-1-2 #nncheckresult { clear: both; height: 40px; } #pg-1-2 #inlinehelp1, #pg-1-2 #inlinehelp2, #pg-1-2 #inlinehelp3, #pg-1-2 #inlinehelp4 { display: none; } #pg-1-2 .item-expanded #inlinehelp1, #pg-1-2 .item-expanded #inlinehelp2, #pg-1-2 .item-expanded #inlinehelp3, #pg-1-2 .item-expanded #inlinehelp4 { display: block; } #pg-1-2 #enter-zip { float: left; line-height: 24px; } #pg-1-2 #enter-zip input { width: 40px; } #pg-1-2 #data-location { line-height: 24px; width: 220px; float: left; margin-left: 10px; } #pg-1-2 #location-inputmode.mode-id #inputset-location-zip, #pg-1-2 #location-inputmode.mode-txt #inputset-location-city { display: block; } #pg-1-2 #location-inputmode.mode-id #inputset-location-city, #pg-1-2 #location-inputmode.mode-txt #inputset-location-zip { display: none; } #pg-1-2 .inputset { padding-bottom: 3px; } /* Editorial */ #pg-1-11 .cs { margin-bottom: 0; } #pg-1-11 img#agency { margin-top: 1px; } /* Contact */ /*#pg-1-12 form#mailform { display: none; }*/ #pg-1-12 .item-expanded #mailform { display: block; } #pg-1-12 .inputset { margin-top: 6px; } #pg-1-12 .inputset .fields { width: 350px; overflow: hidden; } #pg-1-12 .inputset .fields label { width: auto; } #pg-1-12 .inputset #name1, #pg-1-12 .inputset #name2, #pg-1-12 .inputset #email, #pg-1-12 .inputset #nickname { width: 220px; } #pg-1-12 #info1 { background-position: 12px 4px; text-indent: 22px; margin: 8px 0 13px 0; } #pg-1-12 #lbl-data-gender-f { margin-right: 13px; } #pg-1-12 #message0-textarea { width: 336px; height: 140px; } #pg-1-12 .inputset#data-message .fields { height: auto; } #pg-1-12 .actionbar { width: 100%; } #pg-1-12 #message0-wrapper .charcounter { position: relative; float: right; margin-top: 4px; } /* auth first */ #pg-1-13 .inputset { padding-bottom: 3px; } #pg-1-13 input#nickname { border-style: none; } /* Help/FAQ */ #pg-1-4-1 #helpful { margin-top: 50px; border-top: solid #e8e8e8 1px; padding: 13px; } #pg-1-4-1 #helpful span { margin-right: 8px; } #pg-1-4-1 #helpful span.msg { font-size: 10px; } #pg-1-4-1 p.updated { font-size: 10px; margin-top: 13px; } /* Tour */ #pg-1-5 .cs { margin-bottom: 20px; } #pg-1-5 .switchable { line-height: normal; } #pg-1-5 .switchable .switch-s { float: left; width: 220px; } #pg-1-5 .switchable a:hover { background-color: transparent; color: #2583AD; } #pg-1-5 .switchable a span { background-image: url(../img/iconlib_s_90219.png); background-position: 0 -438px; padding-left: 22px; } #pg-1-5 .switchable img { display: block; } #pg-1-5 .switchable .switch-l img { margin-bottom: 8px; } #pg-1-5 .switchable .switch-l, #pg-1-5 .switch .switch-s, #pg-1-5 .switch .benefits { display: none; } #pg-1-5 .switch .switch-l { display: block; } #pg-1-5 ul.benefits { float: left; width: 266px; padding: 0 !important; } #pg-1-5 ul.benefits li { font-size: 14px; background-image: url(../img/iconlib_s_90219.png); padding-left: 22px; background-position: 0 -400px; } #pg-1-5 .feature { position: relative; } #pg-1-5 .feature-content { position: relative; } #pg-1-5 a#btn-free-membership { display: block; width: 223px; height: 50px; background-image: url(../img/de_DE/button_free_membership.png); } /* Public profile */ #pg-1-7 #p-sn ul li { float: left !important; } #pg-1-7 h1 { margin-bottom: 13px !important; } #pg-1-7 .p#cs-basicdata { margin-top: 26px; } #pg-1-7 #hdg-look { width: 242px; height: 24px; } #pg-1-7 #hdg-education { width: 242px; height: 24px; margin-top: -190px !important; margin-left: 269px; } #pg-1-7 #look { width: 242px; height: 100px; } #pg-1-7 #education { width: 242px; height: auto; margin-left: 256px; } #pg-1-7 #link-tags-container .tagcloud { margin-bottom: 13px; } #pg-1-7 #statement p { height: auto; } /* Login recovery */ #pg-1-3 input#email { width: 200px; } #pg-1-3 input#captcha-pwd { width: 80px; } #pg-1-3 #inputset-captcha { margin-top: 13px; } #pg-1-3-1 .center { display: block; text-align: center; font-weight: bold; padding: 1em 0; } #pg-1-3-1-1 .fields { padding-bottom: 4px; } /* Blog pages */ body.blog h1.icon { background-image: url(../img/iconlib_l_20090116.png); padding-left: 42px; line-height: 32px; } body.blog h1.icon-folder { background-position: 0 -2637px; } body.blog h1.icon-tag { background-position: 0 -2760px; } body.blog #pgcontent h2 { margin-bottom: 0; } body.blog #pgcontent h3 { margin-top: 6px; } body.blog .meta { font-size: 10px; } body.blog .meta span { padding: 4px 23px; height: 24px; } body.blog .meta .author { background-image: url(../img/iconlib_s_90219.png); background-position: 2px -1478px; } body.blog .meta .filed { background-image: url(../img/iconlib_s_90219.png); background-position: 2px -1518px; } body.blog .meta .tags { background-image: url(../img/iconlib_s_90219.png); background-position: 2px -1558px; } body.blog p.blogentry { line-height: 17px; } body.blog .pgnav { margin-top: 60px; } /* table within blog entry */ body.blog #pgcontent table { margin-left: 13px; margin-top: 13px; border: solid #e8e8e8 1px; border-collapse: collapse; } body.blog #pgcontent table td { padding: 4px; border: solid #e8e8e8 1px; } body.blog #pgcontent table th { padding: 4px; background-color: #e8e8e8; } /* Multiple Accounts */ #pg-0-4 table#userlist { margin: 13px 0; } #pg-0-4 table#userlist th { border-bottom: solid #e3e3e3 1px; } #pg-0-4 table#userlist #col1 { width: 300px; } #pg-0-4 table#userlist #col2 { width: 250px; } #pg-0-4 table#userlist #col3 { width: auto; } /* Login required */ #pg-0-5 .inputset label { width: 100px; } #pg-0-5 .inputset input { width: 160px; } #pg-0-5 .inputset .fields { height: 27px; } /* Directory */ #pg-directory #map_DE { position: relative; left: 13px; width: 400px; height: 220px; background-image: url(../img/map_DE.png); background-position: 80px 0; } #pg-directory #map_DE a { backgrxound-color: #2583ad; colxor: #ffffff; position: absolute; display: block; } #pg-directory #map_DE a#bl_sh { left: 40px; top: 10px; } #pg-directory #map_DE a#bl_mvp { left: 200px; top: 25px; } #pg-directory #map_DE a#bl_ns { left: 40px; top: 35px; } #pg-directory #map_DE a#bl_hh { left: 140px; top: 35px; } #pg-directory #map_DE a#bl_bb { left: 220px; top: 50px; } #pg-directory #map_DE a#bl_br { left: 120px; top: 55px; } #pg-directory #map_DE a#bl_sa { left: 175px; top: 86px; } #pg-directory #map_DE a#bl_b { left: 210px; top: 65px; } #pg-directory #map_DE a#bl_nrw { left: 0; top: 90px; } #pg-directory #map_DE a#bl_sx { left: 220px; top: 105px; } #pg-directory #map_DE a#bl_he { left: 115px; top: 110px; } #pg-directory #map_DE a#bl_th { left: 170px; top: 125px; } #pg-directory #map_DE a#bl_rp { left: 20px; top: 130px; } #pg-directory #map_DE a#bl_by { left: 165px; top: 170px; } #pg-directory #map_DE a#bl_bw { left: 30px; top: 180px; } #pg-directory #map_DE a#bl_sl { left: 50px; top: 155px; } #pg-directory ul ul li { margin: 0 !important; } #pg-directory #zips { position: relative; height: 400px; } #pg-directory #zips ul#zips1 { position: absolute; top: 0; left: 0; } #pg-directory #zips ul#zips2 { position: absolute; top: 0; left: 99px; } #pg-directory #zips ul#zips3 { position: absolute; top: 0; left: 198px; } #pg-directory #zips ul#zips4 { position: absolute; top: 0; left: 297px; } #pg-directory #zips ul#zips5 { position: absolute; top: 0; left: 396px; } #pg-directory #zips ul#zips6 { position: absolute; top: 200px; left: 0; } #pg-directory #zips ul#zips7 { position: absolute; top: 200px; left: 99px; } #pg-directory #zips ul#zips8 { position: absolute; top: 200px; left: 198px; } #pg-directory #zips ul#zips9 { position: absolute; top: 200px; left: 297px; } #pg-directory #zips ul#zips10 { position: absolute; top: 200px; left: 396px; } #pg-directory .tagcloud { margin-left: 13px; }