/* Main Divs for Topics and Posts Pages in Discussion Forums ================================== */ /*Posts div encloses entire post and comes after user_details- Encloses postbubble and postcontent */ /* Margin no longer needed when using tables */ .posts { margin-left: 0px; } /* Normal post bubble on Forum index pages 498px accomodates 468px google ad */ .postbubble { position: relative; margin: 0px auto; min-width: 8em; width: 498px; color:#000; z-index: 1; margin-left: 18px; /* width of left corner - spacing between bubble and whatever is to the left of it */ margin-bottom:0.5em; /* spacing under postbubble */ } /* Normal post bubble on Post show pages */ #hood_forums .postbubble, .posts_tbl .postbubble { position: relative; margin: 0px auto; min-width: 8em; width: 547px; color:#000; z-index: 1; margin-left: 18px; /* width of left corner - spacing between bubble and whatever is to the left of it */ margin-bottom:0.5em; /* spacing under postbubble */ } .postbubble .postcontent, .postbubble .t, .postbubble .b, .postbubble .b div { background: transparent url(/images/discbubble2a.png) no-repeat top right; /* If our PNG has transparency, make a GIF version for IE6 */ } .postbubble .postcontent { position: relative; zoom: 1; _overflow-y: hidden; padding: 0px 20px 0px 10px; } /* top+left vertical slice */ .postbubble .t { position:absolute; left: 0px; top: 0px; width: 18px; /* top slice width */ margin-left:-18px; height: 100%; _height: 1600px; /*arbitrary long height, IE 6 */ background-position:top left; } /* bottom */ .postbubble .b { position:relative; width: 100%; } .postbubble .b, .postbubble .b div { height: 10px; /* space between end of text and bottom of bubble */ font-size:1px; } .postbubble .b { background-position: bottom right; } .postbubble .b div { position: relative; width: 18px; /* bottom corner width */ margin-left:-18px; background-position: bottom left; } .postbubble .hd, .postbubble .bd, .postbubble .ft { position: relative; } /* extra content protector - preventing vertical overflow (past background) */ .postbubble .wrapper { position:static; max-height: 1600px; overflow: auto; /* Word is overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. May want to try without this. */ } .postbubble h3, .postbubble p { margin: 0px; /* margins will hide backgrounds, leaving whitespace. */ padding:0.5em 0px 0.5em 0px; } .postbubble h1 { padding-bottom: 0px; } /* Posts Page Main Elements ================================== */ .post_wrapper { padding-top:11px; font-size: 1.3em; line-height: 1.4em; min-height: 26px; } /* Added by DB-nlmaster sets p to 1.2em and all other text to 10px so need this */ .post_wrapper p { font-size: 1.0em; line-height: 1.3em; } /*Post tile on posts page only occurs once */ .post_title { font-size: 12pt; font-size: 1.6em; font-size: 1.2em; padding: 4px 0 10px 0; } /* Only on posts page and only on first post of thread */ .post_tags { padding-top: 15px; font-size: 1.1em; } /* Used in post page */ .post_html_content { overflow: auto; /* See comments elsewhere on overflow:auto and Firefox; test on Windows/FF2 */ } /*Only on posts page at the end of each post with date and options to report, reply or delete */ .post_footer { /*font-size: 8pt;*/ font-size: 1.1em; color: #6666cc; margin-left: 18px; } .post_footer span { padding: 0 15px 0 10px; } /* Topics Page Only Stuff ================================== */ /* Only on topics page within topic_title div whose font size is 1.6em*/ .repliesviews { float: right; text-align: right; font-size: .7em; } /* Topic tile on topics page only-Line-height added and color commented out by DB */ .topic_title { padding-top:11px; font-size: 1.6em; height: 26px; line-height: 1.1em; } /* Only on topics page */ .layout_topic_tags { font-size: 1.1em; padding-bottom: 4px; } /*Only on topics page-changed color to match new layout*/ .layout_topic_stats { font-size: 1.1em; color: #6666cc; padding-left: 28px; } .layout_topic_stats .topic_started { margin-right: 10px; } .layout_topic_stats .topic_lastreply { margin-left: 10px; } /*Sticky header */ .layout_topic_sticky { position: absolute; top: 0px; float: left; font-size: 1.1em; color: #66CCCC; } /* Avatar and user details */ ul.user_details { width: 125px; float: left; margin: 0; padding: 0; list-style: none; font-size: 1.1em; line-height: 1.1em; overflow:hidden; } .user_details li { width: 100%; margin-bottom: 1px; padding-left: 5px; overflow: hidden; } #hood_forums ul.user_details { width: 92px; float: left; margin: 0; padding: 0; list-style: none; font-size: 1.1em; line-height: 1.1em; overflow:hidden; } #hood_forums .user_details li { width: 100%; margin-bottom: 1px; padding-left: 10px; overflow: hidden; } ul.states { width: 125px; float: left; margin: 0; padding: 0; list-style: none; font-size: 1.1em; line-height: 1.1em; overflow:hidden; } ul.states li { width: 100%; margin-bottom: 1px; padding-left: 5px; overflow: hidden; } ul.states li p { margin-bottom: 2px; } /* Main Styling elements and Repeated items ================================== */ h2.disc { margin-top: 15px; margin-bottom: 15px; } h3.disc { margin-bottom: 15px; } .breadcrumb_menu { margin: 0px 0px 10px 0px; font-size: 1.3em; } .blue_hr { border-top: solid #96b8fc 1px; } /*Used at top and bottom of all pages */ .layout_center_paginate { width: 100%; margin-top: 10px; text-align: center; background: #f2f6fa; padding: 5px 0px; font-size: 1.2em; clear: both; } #forums .layout_center_paginate { width: 873px; } .layout_center_paginate .previous { float:left; padding-left: 10px; } .layout_center_paginate .next { float:right; padding-right: 10px; text-align:right; } /* Admin Styling ================================== */ /* When text is removed, we use this to style our comments */ .moderation_msg { font-style: italic; } /* Used in Admin Popdown */ .layout_topic_admin { font-size: 1.1em; padding-left: 28px; } .layout_topic_admin ul { list-style-type: none; list-style-image: none; padding: 0; margin: 0; } .layout_topic_admin ul li { padding: 0; margin: 0; font-size: 1.1em; } .arrow_image { vertical-align: middle; } /* Used in Admin Popdown */ .inline_title_red { clear: left; margin-top: 10px; text-align: center; background: #F8807B; color: #000000; } /* Used in Admin Popdown */ .notice_text { font-size: 1.3em; overflow: hidden; } .topic_admin_links { margin-left: 20px; } /* New Topic and Topic Reply Styling ================================== */ h1.newtopic_reply { margin-bottom: 10px; } .topicand_reply { font-size: 1.2em; width: 558px; } .topicand_reply p { margin-top: 10px; } .topicand_reply label { font-weight: bold; } .topicand_reply textarea { width: 558px; height: 300px; } .topicand_reply input { width: 300px; font-size: 1.0em; vertical-align: middle; } .topicand_reply input:focus, textarea:focus { background: #ecf2fe; } .topicand_reply input.post_it { width: 60px; margin-top: 20px; } #topic_scope label { font-weight: normal; padding-left: 5px; vertical-align: middle; } #topic_scope input { width: auto; } #original_post_content { } .quoted_post { font-style: italic; color: #222233; background: #FFFFFF; } .quoted_post p{ font-size: 1.1em; line-height: 1.1em; } /*Styling for larger width non-hood pages */ #forums #wrapper, #posts #wrapper { width: 893px; margin: 0 auto; text-align: left; padding: 0px 15px 15px 15px; background-color: #ffffff; overflow: auto; } #forums #innerwrapper, #posts #innerwrapper { float: left; width: 883px; padding: 0px 0px 0px 10px; border: none; background-color: #ffffff; margin-bottom: 10px; } #forums h4 { font-weight: bold; } /* Basic Forums Table styling */ .forums_tbl { width: 868px; margin: 10px 0 10px 5px; } /*Neighborhood forums smaller tables */ #hood_forums .forums_tbl { width: 100%; margin: 0px 0 10px 0px; } .forums_tbl th { padding: 5px 0; font-size: 1.2em; } .forums_tbl td { padding: 10px 20px 10px 0; vertical-align: top; } .forums_tbl thead { color: #666666; font-weight: normal; background: #f2f6fa; padding: 5px 0; } th.pad_left { padding-left: 5px; } .city_id { font-size: 1.6em; line-height: 1.0em; } /*POSTS PAGE */ #posts #innerwrapper { float: left; width: 883px; padding: 0px 0px 0px 10px; border: none; background-color: #ffffff; margin-bottom: 10px; } #posts h4 { font-weight: bold; } .posts_tbl { width: 100%; margin: 10px 0 10px 5px; } .posts_tbl th { padding: 5px 0; font-size: 1.2em; } .posts_tbl td { padding: 10px 20px 10px 0; vertical-align: top; } .posts_tbl td p { margin-bottom: 0; } #subscribe_to { margin: 15px 0px -10px 0px; text-align: right; } .sub_unsub { padding-left: 21px; background: url(/images/sub-email.png) no-repeat left top; font-weight: normal; font-size: 1.2em; line-height: 1.4em; display: inline-block; } h2.thread_topic { margin: 15px 0 5px 0; } #hood_forums #maincontentwrapper { width: 100%; } div#share_topic { margin-bottom: 15px; font-size: 1.2em; } #hood_forums #copyright { width: 742px; font-size: .9em; margin-left: 180px; } /*Gateway Type styling for larger pages */ #nltopbar { width: 893px; float: left; background-color: #ceecec; } #forums #share_it, #posts #share_it { width: 122px; float: right; margin: 7px 15px 7px 0px; display: inline; } ul#nlsignintop { list-style-type:none; float: right; width: 718px; margin: 10px 10px 5px 0px; padding-right: 7px; overflow: hidden; } #nlsignintop li { float: right; border-right: 1px solid #ffffff; font-size: 1.1em; line-height: .5em; padding: 2px 8px 2px 8px; } #nlsignintop li.last { border-right: none; } #nlsignintop li a { display: block; } #features_bar { width: 893px; float: left; padding: 0px 0px 0px 0px; } #logo_div { width: 260px; float: left; display: inline; margin-top: 5px; } #features_bar h1 { font-size: 2.0em; line-height: 1.2em; margin-left: 60px; margin-top: 22px; } #features_bar h2 { font-size: 1.3em; margin: 0; margin-left: 60px; margin-top: 0px; padding-bottom: 8px; letter-spacing: .02em; } img.logo { width: 66px; float: left; margin-left: -8px; display: inline; } #affinity_bar { float: left; width: 893px; border: none; margin: 0px; } #affinity_bar img { margin-right: 20px; } /*Bottom Nav Bar */ #forums #nlnav { float: left; width: 883px; border: none; margin: 20px 0 5px 0; padding: 10px 0 8px 10px; background-color: #ceecec; clear: none; } #forums #nlnav ul { list-style-type:none; float: left; width: 730px; margin: 0px; padding: 0px; } #forums #nlnav li { float: left; border-right: 1px solid #ffffff; padding: 0px 10px; } #forums #nlnav li.last { border-right: none; } #forums #nlnav li a { display: block; font-size: 1.2em; line-height: .7em; padding: 2px 0; } #copyright { width: 893px; font-size: .9em; margin: 0px; margin-top: 5px; clear: both; } #main_header { width: 883px; float: left; background-color: #3366cc; color: #ffffff; padding: .8em 0 .8em .8em; margin-bottom: 1.5em; } .sub_header { width: 868px; /*float: left; */ background-color: #ceecec; padding: .5em 0 .5em .5em; margin: 1em 0; clear: both; } .sub_header h3 { font-size: 1.4em; line-height: 1.4em; } .title_bar { margin: 15px 0px 10px 0px; font-size: 1.5em; letter-spacing: .08em; padding: 8px 0 8px 8px; font-weight: bold; color: #ffffff; background-color: #6699ff; } #community { margin-left: 5px; margin-bottom: 15px; margin-top: 15px; overflow: hidden; } #community div.label_hldr { width: 733px; float: left; margin-left: 20px; display:inline; } #community label { font-size: 1.8em; font-weight: bold; display: inline-block; padding: 0; } .small_lbl { font-size: .8em; } #community label.ask_it { width: 500px; } #community div.input_hldr { margin-left: 145px; } #community input { width: 150px; height: 25px; margin-left: 40px; vertical-align: top; } #community input.submit_btn { width: auto; height: auto; margin-left: 10px; } #community textarea { width: 455px; height: 30px; line-height: 1.2em; } #community textarea:focus { background: none; } .av_box { width: 145px; float: left; }