/* CSS Document */ body { font: normal normal normal 12px Geneva, Arial, Helvetica, sans-serif; /* background-color:#39f; background: url(/images_shared/body.png) repeat 0 0;*/} #content, *.content, .content { font: normal normal normal 12px Geneva, Arial, Helvetica, sans-serif; } hr { border: 0 none; background-color: #e6e6e6; border-color: #e6e6e6; } #main_container, #main_container_chat { border: 1px solid #000000; border-top: 0 none; background-color: #ffe; } #adcol { border:1px solid #ccc; background-color: #6e96e4; } #adcol h2.one { color: #62002e; } #adcol h2.two { color: #076567; } #adcol .head { background: #394760; } #adcol .head h2 { color: #ffffff; } /* #adcol ul li { background: url(/images/shared/arrow.gif) no-repeat 0px 5px; } */ #adcol li a { color: #ffffff; font-size: 12px; padding: 1em; } #adcol li a:hover { color: #1a1787; } /* ------------------- Begin Header Styles, above navigation ------------------- */ #header { border-top: 12px solid #fff; } #header #top_form { background: black; color: #ffffff; } #header #logo_container h1 { /*background: url(/images/shared/logo/logo_00.gif) no-repeat 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;*/ } #header #logo_container h1 a, #header #logo_container h1 span.sitetitle { color: #3399FF; font-weight:bold; } #header #logo_container p { color: #555; text-align:center; } /* background: url(/images/shared/header_tagline.gif) no-repeat left top; */ /* End Header Styles, above navigation */ ------------------- Begin Navigation Styles ------------------- */ #header #navigation { background: #000 url(/images/shared/nav/nav_default_bg.gif) repeat-x 0px 7px; color: #ffffff; } #header #navigation a { color: #ffffff; border-right: 1px solid #000000; } #header #navigation ul li li a { background: transparent none; border: 0 none; } #header #navigation li#home_nav { background: url(/images/shared/nav/home_off.gif) repeat-x; } #header #navigation li#home_nav a:hover, #header #navigation li#home_nav.selected { background-image: url(/images/shared/nav/home_on.gif) } #header #navigation li#home_nav.selected .sub_nav { background-color: #990000; } #header #navigation li#search_nav { background: url(/images/shared/nav/search_off.gif) repeat-x; } #header #navigation li#search_nav a:hover, #header #navigation li#search_nav.selected { background-image: url(/images/shared/nav/search_on.gif) } #header #navigation li#search_nav.selected .sub_nav li, #header #navigation li#search_nav.selected .sub_nav { background-color: #000033; } #header #navigation li#chat_nav { background: url(/images/shared/nav/chat_off.gif) repeat-x; } #header #navigation li#chat_nav a:hover, #header #navigation li#chat_nav.selected { background-image: url(/images/shared/nav/chat_on.gif) } #header #navigation li#chat_nav.selected .sub_nav { background-color: #666666; } #header #navigation li#fun_nav { background: url(/images/shared/nav/fun_off.gif) repeat-x; } #header #navigation li#fun_nav a:hover, #header #navigation li#fun_nav.selected { background-image: url(/images/shared/nav/fun_on.gif) } #header #navigation li#fun_nav.selected .sub_nav { background-color: #333300; } /* #header #navigation li#online_nav { background: url(/images/shared/nav/online_off.gif) repeat-x; } #header #navigation li#online_nav a:hover, #header #navigation li#online_nav.selected { background-image: url(/images/shared/nav/online_on.gif) } #header #navigation li#online_nav.selected .sub_nav { background-color: #663300; } */ #header #navigation li#account_nav { background: url(/images/shared/nav/account_off.gif) repeat-x; } #header #navigation li#account_nav a:hover, #header #navigation li#account_nav.selected { background-image: url(/images/shared/nav/account_on.gif) } #header #navigation li#account_nav.selected .sub_nav { background-color: #000033; } #header #navigation li#help_nav { background: url(/images/shared/nav/online_off.gif) repeat-x; } #header #navigation li#help_nav a:hover, #header #navigation li#help_nav.selected { background-image: url(/images/shared/nav/online_on.gif) } #header #navigation li#help_nav.selected .sub_nav { background-color: #663300; } #header #navigation li#home_nav .sub_nav a:hover, #header #navigation li#search_nav .sub_nav a:hover, #header #navigation li#chat_nav .sub_nav a:hover, #header #navigation li#fun_nav .sub_nav a:hover, #header #navigation li#online_nav .sub_nav a:hover, #header #navigation li#help_nav .sub_nav a:hover, #header #navigation li#account_nav .sub_nav a:hover { background: transparent none; } /* End Navigation Styles */ /* ------------------- old Begin Navigation Styles ------------------- */ #header #navigation { background: #000 url(/images/shared/nav/nav_default_bg.gif) repeat-x 0px 7px; color: #ffffff; } #header #navigation a { color: #ffffff; border-right: 1px solid #000000; } #header #navigation ul li li a { background: transparent none; border: 0 none; } #header #navigation li#home_nav { background: url(/images/shared/nav/home_off.gif) repeat-x; } #header #navigation li#home_nav a:hover, #header #navigation li#home_nav.selected { background-image: url(/images/shared/nav/home_on.gif) } #header #navigation li#home_nav.selected .sub_nav { background-color: #990000; } #header #navigation li#search_nav { background: url(/images/shared/nav/search_off.gif) repeat-x; } #header #navigation li#search_nav a:hover, #header #navigation li#search_nav.selected { background-image: url(/images/shared/nav/search_on.gif) } #header #navigation li#search_nav.selected .sub_nav li, #header #navigation li#search_nav.selected .sub_nav { background-color: #000033; } #header #navigation li#chat_nav { background: url(/images/shared/nav/chat_off.gif) repeat-x; } #header #navigation li#chat_nav a:hover, #header #navigation li#chat_nav.selected { background-image: url(/images/shared/nav/chat_on.gif) } #header #navigation li#chat_nav.selected .sub_nav { background-color: #666666; } #header #navigation li#fun_nav { background: url(/images/shared/nav/fun_off.gif) repeat-x; } #header #navigation li#fun_nav a:hover, #header #navigation li#fun_nav.selected { background-image: url(/images/shared/nav/fun_on.gif) } #header #navigation li#fun_nav.selected .sub_nav { background-color: #333300; } /* #header #navigation li#online_nav { background: url(/images/shared/nav/online_off.gif) repeat-x; } #header #navigation li#online_nav a:hover, #header #navigation li#online_nav.selected { background-image: url(/images/shared/nav/online_on.gif) } #header #navigation li#online_nav.selected .sub_nav { background-color: #663300; } */ #header #navigation li#account_nav { background: url(/images/shared/nav/account_off.gif) repeat-x; } #header #navigation li#account_nav a:hover, #header #navigation li#account_nav.selected { background-image: url(/images/shared/nav/account_on.gif) } #header #navigation li#account_nav.selected .sub_nav { background-color: #000033; } #header #navigation li#help_nav { background: url(/images/shared/nav/online_off.gif) repeat-x; } #header #navigation li#help_nav a:hover, #header #navigation li#help_nav.selected { background-image: url(/images/shared/nav/online_on.gif) } #header #navigation li#help_nav.selected .sub_nav { background-color: #663300; } #header #navigation li#home_nav .sub_nav a:hover, #header #navigation li#search_nav .sub_nav a:hover, #header #navigation li#chat_nav .sub_nav a:hover, #header #navigation li#fun_nav .sub_nav a:hover, #header #navigation li#online_nav .sub_nav a:hover, #header #navigation li#help_nav .sub_nav a:hover, #header #navigation li#account_nav .sub_nav a:hover { background: transparent none; } /* old End Navigation Styles */ /* ------------------- The homepage main content container and welcome text area ------------------- */ #welcome_text { background: url(/images/shared/happy_couple.jpg) no-repeat right top; } #welcome_text h2 { color: #666666; } #welcome_text h2 em { color: #990033; } /* ------------------- Begin Homepage Left Column Styles ------------------- */ #box, #announcements, #newest_members, #recent_logins { border: 1px solid #ccc; } #box h2, #announcements h2, #newest_members h2, #recent_logins h2 { background-color: #394760; color: #ffffff; } #newest_members .member_photo_box img, #recent_logins .member_photo_box img { border: 3px solid #666666; } #profile_matches .member_photo_box_online img, #profile_stuff .member_photo_box_online img { border: 3px solid #ff00cc; } #profile_matches .member_photo_box_mutual img, #profile_stuff .member_photo_box_mutual img { border: 3px solid #ffffff; } #profile_matches .member_photo_box img, #profile_stuff .member_photo_box img { border: 3px solid #666666; } #tell_your_friends { background: url(/images/shared/tell_your_friends.gif) no-repeat center top; } #announcements h2 { background-color: #394760; } #announcements h3, #announcements a { color: #223357; } #announcements h4 { background-color: #990033; font-size: 10px; } #box h2 { background-color: #394760; } #box h3, #box a { color: #223357; } #box2 h2 { background-color: #394760; } /* End Left Column Styles */ /* ------------------- Begin Homepage Right Column Styles ------------------- */ #member_login h2 { border: 2px solid #ccc; color: #ffffff; background: #663333 url(/images/shared/join_now_bg.gif) repeat-x left top; } #member_login form h3 { color: #ffffff; background: #666666; border: 2px solid #ccc; border-left: 0 none; } #member_login form a, #member_login form p { color: #990000; } /* #chat_forum h2 { background: url(/images/shared/forumsheader.jpg) no-repeat; } #chat_forum .head a { color: #ffffff; } */ #chat_forum .head h2 { border: 2px solid #ccc; color: #ffffff; background-color: #394760; repeat-x left top; } #chat_forum .head { color: #ffffff; } #chat_forum #forum_post { border: 2px solid #ccc; } #chat_forum #forum_post .member_photo_box { background-color: #ccc; } #chat_forum #forum_post .member_photo_box a { color: #990000; } #special_forum h2 { background: url(/images/shared/specialannouncement2.jpg) no-repeat; } #special_forum .head a { color: #ffffff; } #special_trek h2 { background: url(/images/vulcan1-100x360.jpg) no-repeat; } #special_forum .head a { color: #ffffff; } /* ---------------------- Begin Profile Page ---------------------- */ #profile_page #profile_img .head h2 { color: #ffffff; background-color: #000000; } #profile_page #profile_img .content{ background: url(/images/shared/profile_img_bg.gif) repeat-x left top; border: 1px solid #ccc; border-top: 0 none } #profile_page #profile_actions li { padding:3px; border: 3px solid #ccc; color:#ffffff; } #profile_page #profile_actions li a { color:#ffffff; } #profile_page #profile_actions li#action_pics { background-color: #223357; } /* #profile_page #profile_actions li#action_add { background-color: #999999; } */ #profile_page #profile_actions li#action_add { background-color: #999999; } #profile_page #profile_actions li#action_smooch { background-color: #3399ff!important; } /* #profile_page #profile_actions li#action_smooch { background-color: #cc9966; } */ #profile_page #profile_actions li#action_gift { background-color: #003300; } #profile_page #profile_actions li#action_realgift { background-color: #336633; } #profile_page #profile_actions li#action_im { background-color: #Ff99cC; } #profile_page #profile_actions li#action_email { background-color: #394760; } #profile_page #profile_actions li#action_tag { background-color: #000033; } #profile_page #profile_actions li a { color: #ffffff; } #profile_page #profile_matches, #profile_page #profile_stuff, #profile_page #info_listing, #profile_page #box { background-color:#eeeeee; } #profile_page #profile_looking_for { background-color:#ffffff; border: 1px solid #ccc; background: url(/images/shared/profile_looking_for_bg.gif) repeat-x left bottom; } #profile_page #profile_matches .head, #profile_page #profile_stuff .head, #profile_page #info_listing .head { background-color: #223357 } #profile_page #profile_matches .head h2, #profile_page #profile_stuff .head h2, #profile_page #info_listing .head h2 { color: #ffffff; } #profile_page #profile_matches .content, #profile_page #profile_stuff .content, #profile_page #info_listing .content { border: 1px solid #ccc; border-top: 0 none; } #profile_page #profile_matches .head, #profile_page #profile_stuff .head { background-color: #394760; } #profile_page #profile_matches .content dl dt, #profile_page #profile_stuff .content dl dt { color: #999999; } /* end profile page */ /* ----------------------- Begin Search Results ----------------------- */ #search_results_page #search_results .head { background: #0a0c3f url(/images/shared/search_results_head_bg.gif) repeat-x top; border-right: 1px solid #ccc; } #search_results_page #search_results .head h2 { color: #ffffff; } #search_results { border-left: 1px solid #ccc; } #search_results * { color: #0a0c3f; } #search_results .head h2 span { color: #ffffff; } #search_results .subhead { background-color: #ffffff; border-right: 1px solid #ccc; } #search_results .subhead h3 span { font-size: 12px; } #search_results td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* #search_results td a { color: #0a0c3f; } */ #search_results td a { background: #ffffff; color: #0a0c3f;} #search_results td a:hover span, #search_results td a:hover { color: #223357; } #search_results_page #searchbox { background: #7fb3e5; color: #000000; border: 1px solid #ccc; border-top: 0 none; } #search_results_page #left_col .head { border-right: 0 none; } #search_results_page #chat_forum { background: url(/images/shared/chat_forum_results.gif) no-repeat; } #search_results_page #chat_forum h2 { background: transparent none; } #search_results_page #chat_forum .head { background: transparent none; } #search_results_page #chat_forum .head a { color: #ffffff; } #search_results_page #tell_your_friends { background: url(/images/shared/tell_friends_results.gif) no-repeat center top; } .pagination { background-color:#ffffff; border-bottom:2px solid #0a0c3f; border-top:1px solid #0a0c3f; } /* end search results */ /* ---------------------- Begin Search Page ---------------------- NB: the styles below are applied to liberally and overwrite the styles of the right column */ #account_page .head { background: #223357 url(/images/shared/search_results_head_bg.gif) repeat-x left top; } #account_actions .head { background: #223357 } #account_page .head h2 { border: 1px solid #ccc; background-color:#eeeeee; } #main_container #search_form .head { background: #223357 url(/images/shared/search_results_head_bg.gif) repeat-x left top; } #main_container #search_form .head h2 { color: #ffffff; } #main_container #search_form div { border: 1px solid #ccc; background-color:#eeeeee; } #main_container #search_form div div { border: 0 none; } /* end search page */ /* ---------------------- Account Management ---------------------- */ #account_photo, #account_questions, #account_options { border: 1px solid #ccc; } #account_actions { border: 0px solid #223357; } #account_options li, #account_actions li { color: #666666; } #account_options li a, #account_actions li a { color: #666666; } #account_options li a:hover, #account_actions li a:hover { color: #003399; } #account_alert { border: 1px solid #cc0033; } #account_alert { border: 1px solid #cc0033; } #account_alert li, #account_actions li { color: #666666; } #account_alert li a, #account_actions li a { color: #666666; } #account_alert li a:hover, #account_actions li a:hover { color: #003399; } #account_marketing a { color: #cc0000; } #account_marketing a:hover { color: #ff0000; } #account_questions .helptext { color: green; font-weight: bold;} #account_questions .rowa { background-color: #e6e6e6; } .photobox { border-bottom: 1px solid #ccc; } #edit_description_table, #current_memberships_table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; } #edit_description_table td, #current_memberships_table td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #edit_description_table em { color: #cc0000; } a img { border: 0 none; text-decoration: none; } /* ---------------------- Begin Profile Page ---------------------- */ #profile_page #profile_img .head h2 { color: #ffffff; background-color: #000000; } #profile_page ul li{list-style-type:none;} #profile_page #left_col{float:left;width:236px;margin-right:1em;} #profile_page #right_col{float:left;width:60%;margin:0;} #profile_page #profile_img .head h2{padding:0.5em 1em;text-align:center;font-size:14px;font-weight:normal;} #profile_page #profile_img .content{display:block;width:208px;text-align:center;float:left;text-align:center;} #profile_page #profile_actions li, #profile_page #profile_actions li a{font-size:14px;font-weight:bold;text-decoration:none;list-style: none;} #profile_page #profile_looking_for ul{margin:1em;} #profile_page #profile_looking_for ul li{margin-top:1em;} #profile_page #profile_looking_for ul li em{display:block;font-weight:bold;font-style:normal;} #profile_page #profile_matches .head, #profile_page #profile_stuff .head, #profile_page #info_listing .head{font-size:14px;font-weight:bold;} #profile_page #profile_matches .content embed, #profile_page #profile_stuff .content embed{display:block;height:350px;} /* margin:10px;padding:20px;display:block;background-color:#00f;} */ #profile_page #profile_matches, #profile_page #profile_stuff{margin-bottom:1em;font-size:105%;} #info_listing{margin-bottom:1em;} #profile_page #profile_matches .content dl dt{float:left;width:150px;clear:left;font-weight:900;font-style:normal;} /* #profile_page #profile_stuff .content dl dt{float:left;width:120px;clear:left;font-weight:900;font-style:normal;} mc 12-21-18 changed width bc google said some responsive ads could not show without 125 width - not sure if this will help, but trying it */ #profile_page #profile_stuff .content dl dt{float:left;width:125px;clear:left;font-weight:900;font-style:normal;} #profile_page #profile_matches .content dl dd{margin-left:150px;} #profile_page #profile_stuff .content dl dd{margin-left:120px;clear:bottom;} @media only screen and ( max-width: 767px) { /*mobile*/ #profile_page #left_col{float:left;width:100%;margin:0;} #profile_page #right_col{float:left;width:100%;margin:0;} #profile_page #right_col .content{padding:0em;} } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* For landscape layouts only ipad*/ #profile_page #left_col{float:left;width:27%;margin-right:2%;} #profile_page #right_col{float:left;width:70%;margin:0;} #profile_page #right_col .content{padding:0em;} } /* ipad portrait */ @media only screen and ( min-width: 768px) and ( max-width: 980px ) and (orientation:portrait) { #profile_page #left_col{float:left;width:37%;margin-right:2%;} #profile_page #right_col{float:left;width:60%;margin:0;} #profile_page #right_col .content{padding:0em;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:landscape) {/*ipad pro*/ #profile_page #left_col{float:left;width:37%;margin-right:2%;} #profile_page #right_col{float:left;width:60%;margin:0;} #profile_page #right_col .content{padding:0em;} } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:portrait) {/*ipad pro*/ #profile_page #left_col{float:left;width:27%;margin-right:2%;} #profile_page #right_col{float:left;width:70%;margin:0;} #profile_page #right_col .content{padding:0em;} } /* end profile page -----------------------*/ ol, ul { list-style: none; } #profile_actions li#action_friend { background-color: #999999; } #profile_actions li a { color: #ffffff; } #profile_actions li#action_gift { background-color: #003300; } #profile_actions li#action_email { background-color: #990033; } #profile_actions li#action_im { background-color: #Ff99cC; }