/* Theme Name: Newsroom III Theme URI: http://realtytrac.com Description: Custom WordPress theme designed and hand coded for the RealtyTrac Newsroom. Version: 1.0 Author: The Surfer Author URI: http://2epic.com */ @import url("css/reset.css"); @import url("css/master.css"); @import url("css/ie.css"); /****************************************** * Global Layout (initial responsive setup * *******************************************/ #header { margin: 0 0 20px; } .wrap { width: 980px; margin: 0px auto; } #search { float: right; width: 200px; } #content { width: 980px; margin: 0 auto; } #content #main { float: left; width: 600px; overflow: hidden; } #sidebar { float: right; width: 340px; } #sidebar .col1, #sidebar .col2 { overflow: hidden; } #sidebar .col1 { float: left; width: 180px; } #sidebar .col2 { float: right; width: 130px; } #footer {} #footer .wrap { width: 980px; padding: 30px 0; margin: 0 auto; } #subfooter {} #subfooter .wrap { width: 980px; margin: 0 auto; } /****************************************** * A few useful site-wide styles *******************************************/ /* self-clear floats */ .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .divider { color: #e3e5e9; } /* for text divider pipes */ /****************************************** * Starting Theme Specific Styles *******************************************/ #menutop { line-height: 40px; font-size: 13px; background: #b12525; } #menu-top-navigation { list-style-type: none; margin: 0; padding: 0; } #menu-top-navigation li { display: inline; padding: 0 20px 0 0; } #menu-top-navigation a, #topnav a:visited { color: #ffffff; } #menu-top-navigation a:hover { color: #ffffff; } #menu-top-navigation span { float: right; color: #ffffff; font-style: italic; } .head-wrap { height: 73px; } .head-wrap a#logo_header { float: left; margin-top: 20px; } .head-wrap #search { position: relative; float: right; margin:10px 0 0; } .head-wrap #search fieldset { border: none; margin: 0; padding: 0; } .head-wrap #search #s { font-size: 13px; color: #000; background: #fff; border: 1px solid #dcdcdd; height: 30px; padding: 0 40px 0 15px; margin: 0; } .head-wrap #search #s.placeholder { color: #a8adb6; } .head-wrap #search #s::-webkit-input-placeholder { color: #a8adb6; } .head-wrap #search #s:-moz-placeholder { color: #a8adb6; } .head-wrap #search #s::-moz-placeholder { color: #a8adb6; } .head-wrap #search #s:-ms-input-placeholder { color: #a8adb6; } .head-wrap #search #searchsubmit { position: absolute; top: 1px; right: 1px; z-index: 10; text-indent: -9999em; background: transparent url('img/sprite.png') 5px -220px no-repeat; height: 30px; width: 30px; padding: 0;border: 0; overflow: hidden; margin: 0; opacity: 0.8; } .head-wrap #search #searchsubmit:hover, .head-wrap #search #searchsubmit:focus { opacity: 1; } #menu { background: #ececec; } #menu-primary-navigation { list-style-type: none; margin: 0; padding: 0; } #menu-primary-navigation li { display: inline; padding: 10px; } #rt_ticker { background: #262626 url(img/temp_ticker.png) top left no-repeat scroll; height: 40px; margin: 20px 0; } h1.page_heading { margin: 0 0 30px; } /* .home h1.page_heading { margin: 25px 0 10px; } */ .rt_post_large { border-bottom: 1px solid #e3e5e9; padding-bottom: 25px; margin-bottom: 40px; } .rt_post_large img { margin-bottom: 10px; width: 100%; } .rt_post_small { border-bottom: 1px solid #e3e5e9; padding-bottom: 25px; margin-bottom: 40px; } .rt_post_small img { float: left; width: 20%; margin-right: 5%; } .rt_post_small p { } .rt_post_small .entry-summary { float: left; width: 75%; } h1.post_title { margin: 0 0 10px; } h1.post_title a { color: #484b50; } .rt_single h1.post_title { margin: 25px 0 10px; } .rt_single article ul li { list-style: disc outside none; display: list-item; margin-left: 2em; } h2.post_title a { color: #000; font-size:20px;font-weight:bold } .entry-meta { margin-bottom: 20px; } .entry-meta ul { list-style-type: none; } .entry-meta ul li { display: block; float: left; margin-right: 15px; color: #a1a8b1; } .entry-meta ul li a, .entry-meta ul li a:visited { color: #a1a8b1; } .entry-meta ul li a:hover { color: #009bff; } .entry-meta ul li i { color: #b12525; margin-right: 5px; } .post_sharing { margin-top: 10px; } .post_social { list-style-type: none; } .post_social li { display: block; float: left; } .post_social li a { display: block; height: 34px; padding: 3px 15px 3px 42px; margin: 0; line-height: 34px; color: #ffffff; } .post_social .post_facebook { background: #4e6798 url(img/sprite.png) -75px -75px no-repeat scroll; } .post_social .post_twitter { background: #009bff url(img/sprite.png) -75px -110px no-repeat scroll; } .post_social .post_googleplus { background: #de4d3a url(img/sprite.png) -75px -144px no-repeat scroll; } .post_social .post_linkedin { background: #027bb6 url(img/sprite.png) -75px -181px no-repeat scroll; } .post_social .post_email { background: #a7a9ab url(img/sprite.png) -75px -212px no-repeat scroll; } .post_social .post_facebook:hover { background-color: #334879; } .post_social .post_twitter:hover { background-color: #007cff; } .post_social .post_googleplus:hover { background-color: #cf3223; } .post_social .post_linkedin:hover { background-color: #026292; } .post_social .post_email:hover { background-color: #81868e; } .rt_cta { background: #f3f4f5; padding: 1px 15px; margin: 20px 0 20px; font-size: 12px; } .post_tags { padding: 30px 0 20px; margin: 0 0 20px; border-bottom: 1px solid #d5d5d5; } .post_tags a { padding: 3px 10px 4px; margin: 0 2px 2px 0; background: #e9e9e9; color: #484b50; } .post_related_posts { padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #d5d5d5; } .post_related_posts ul { list-style-type: none; } .post_author { padding: 0 0 8px; margin: 0 0 20px; border-bottom: 1px solid #d5d5d5; } .authorphoto { float: left; width: 70px; height: 70px; overflow: hidden; margin-right: 15px; } .authorphoto img {} .authordescription { float: left; width: 515px; color: #a1a8b1; } .authordescription .entry-meta a, .authordescription .entry-meta a:visited { color: #484b50; } .authordescription .entry-meta a:hover { color: #009bff; } .authordescription h4 { margin: 0 0 10px; } .archive_list { list-style-type: none; } .archive_list li { margin-bottom: 5px; font-size: 12px; } /* PAGINATION */ .pagination { clear:both; padding: 0 0 20px; position:relative; font-size:14px; line-height:13px; text-align: center; } .pagination ul { list-style-image: none; margin: 0; padding: 0; } .pagination ul li { display: inline-block; } .pagination span, .pagination a, .pagination a:visited { display:block; float:left; margin: 2px 2px 2px 0; padding:9px 12px 8px 12px; text-decoration:none; width:auto; background: #eeeeef; color: #484b50; } .pagination a:hover{ color:#484b50; background: #dedee0; } .pagination .current{ padding:9px 12px 8px 12px; color:#eeeeef; background: #b12525; } /* SIDEBAR */ #sidebar ul { list-style-type: none; } #sidebar ul li {} #sidebar h3.widget-title { font-size: 12px; text-transform: uppercase; color: #a1a8b1; margin: 0 0 15px 0; } #sidebar .widget_recent_entries ul li { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #e3e5e9; } /* FINANCE CENTER ONLY */ body.page-template-template_finance_center-php #sidebar { float: left; width: 200px; margin-right: 30px; } body.page-template-template_finance_center-php #content #main { width: 750px; } body.page-template-template_finance_center-php #cssmenu .widget_nav_menu { margin-bottom: 0px; } .fc_holder { box-sizing: border-box; width: 370px; float: left; padding: 15px; margin: 0 10px 10px 0; border: 1px solid #dddbdb; height: 270px; } .fc_holder.even { margin-right: 0px; } .fc_holder .fc_image { float: left; height: 100px; width: 100px; margin: 0 20px 10px 0; box-sizing: border-box; } .fc_holder h5 { font-size: 16px; font-weight: 600; margin: 0px 0 5px 0; } .fc_holder p { margin: 0px 0 10px 0; } .fc_button, .fc_button:visited { color: #ffffff; background: #00aeef; padding: 5px 15px; } .fc_button:hover { background: #007aa7; color: #ffffff; } body.page-template-template_finance_center-php .rt_single h4 { margin-top: 20px; } body.page-template-template_finance_center-php .rt_single ol { list-style-type: decimal;} body.page-template-template_finance_center-php .rt_single ul { list-style-type: disc; list-style-position: outside; padding-left: 20px;} body.page-template-template_finance_center-php .rt_single ol > li > ul { text-indent: 20px; margin: 10px 0; list-style-position: outside; } body.page-template-template_finance_center-php .rt_single ol li { margin-bottom: 10px; } body.page-template-template_finance_center-php .rt_single ul li { margin-bottom: 5px; } .fc_partner_block { margin-bottom: 30px; } .fc_partner_logo { float: left; width: 75px; padding: 0; margin: 0 20px 0 0; } .fc_partner_desc { float: left; width: 655px; } .one_half { width: 45%; float: left; padding: 0 5% 0 0; margin-bottom: 30px; } .one_half.last { padding: 0 0 0 5%; } .Popular_posts_widget ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e3e5e9; } .Popular_posts_widget h4 { font-size: 14px; margin: 5px 0 0; line-height: 16px; font-weight: 400; } .Popular_posts_widget a { color: #484b50; } .Popular_posts_widget a span { font-size: 11px; color: #a1a8b1; } .widget_categories ul li, .widget_taxonomy_list_widget ul li { margin-bottom: 5px; } ul.sb_social li { height: 24px; margin-bottom: 10px; line-height: 24px; } ul.sb_social li div { float: left; height: 24px; width: 24px; margin-right: 5px; background: transparent url(img/sprite.png) -83px 0 no-repeat scroll; overflow: hidden; text-indent: -9999px; } ul.sb_social div.sb_facebook { background-position: 0 -83px; } ul.sb_social div.sb_twitter { background-position: 0 -118px; } ul.sb_social div.sb_youtube { background-position: 0 -153px; } ul.sb_social div.sb_linkedin { background-position: 0 -258px; } ul.sb_social div.sb_rss_feed { background-position: 0 -188px; } /* FOOTER */ #footer { background: #333333; padding: 30px 0; margin-top: 60px; } #footer, #footer a, #footer a:visited { color: #a1a8b1; font-size: 13px; } #footer a:hover { color: #ffffff; } #footer_logo { display: block; float: left; width: 170px; height: 30px; background: transparent url(img/sprite.png) 0 -43px no-repeat scroll; overflow: hidden; text-indent: -9999px; } #footer ul { list-style-type: none; } #footer ul li { margin-bottom: 8px; } #footer h4 { color: #ffffff; text-transform: uppercase; font-weight: 400; margin: 0 0 10px; } .footer_col_25 { float: left; width: 25%; box-sizing: border-box; padding-right: 30px; } .last_col { padding-right: 0; } /* SUBFOOTER */ #subfooter { background: #f3f4f5; padding: 10px 0; } #subfooter { color: #9b9ea4; font-size: 11px; } #subfoot_social { float: right; list-style: none; } #subfoot_social li { float: right; display: block; } #subfoot_social li a { display: block; height: 16px; width: 16px; float: left; overflow: hidden; text-indent: -9999px; background: transparent url(img/sprite.png) -34px -83px; margin-left: 5px; } #subfoot_social li a.ft_facebook { background-position: -34px -83px; } #subfoot_social li a.ft_twitter { background-position: -34px -118px; } #subfoot_social li a.ft_youtube { background-position: -34px -153px; } #subfoot_social li a.ft_linkedin { background-position: -34px -258px; } #subfoot_social li a.ft_rss_feed { background-position: -34px -188px; } #subfoot_social li a.ft_facebook:hover { background-position: -54px -83px; } #subfoot_social li a.ft_twitter:hover { background-position: -54px -118px; } #subfoot_social li a.ft_youtube:hover { background-position: -54px -153px; } #subfoot_social li a.ft_linkedin:hover { background-position: -54px -258px; } #subfoot_social li a.ft_rss_feed:hover { background-position: -54px -188px; } #subfoot_social li a.ft_vimeo { background: transparent url(http://static.realtytrac.com/wp/newsroom/images/vimeo_default.png); } #subfoot_social li a.ft_vimeo:hover { background: transparent url(http://static.realtytrac.com/wp/newsroom/images/vimeo_hover.png); } /* CONTACT FORM 7 SPECIFIC STYLES */ .wpcf7 { border: 1px solid #dcdcdd; padding: 20px !important; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { background: #fff; color: #000; width: 50%; border: 1px solid #dcdcdd; padding: 5px 10px; } .wpcf7 input[type="submit"] { background: #b12525; color: #ffffff; padding: 8px 20px; border: none; } .wpcf7 input[type="submit"]:hover { background: #222222; } /* iFrames within the content area */ .rt_single iframe { width: 100%; } /* remove twitter icon from most recent tweets widget */ .tp_recent_tweets li { background-image:none !important; padding-left: 0px !important; } .tp_recent_tweets li a { font-weight: normal !important; }