/* @ Theme Name: WPRealty Default Theme @ Theme URL: http://www.wprealty.org @ Target Application: WPRealty Listings Manager @ Target Version: Version: 2.0.5 @ AuthName: Jared Ritchey @ AuthURL: http://www.jaredritchey.com @ Description: Another fine template built for WPRealty by Jared Ritchey Design @ How I organize this style sheet is based in part on the rules of specificity, the YUI and 960 CSS Grids and basic logic. @ I orgainze by position, size, alignment, col, margins - padding, background, font, all else. #### HOW THIS CSS FILE IS STRUCTURED #### @ This CSS File is based on the guides project at http://www.jaredritchey.com/xhtml-css-standards/ "See Rules of Specificity and CSS Guides" @ The CSS is organized by .selector, #selector{position, size, margin, padding, background, alignment, color, font, all else} @ For WPRealty, the theme hierarchy was followed for styling individual template files as you can see they are identified below. @ 1) jQuery Tabbed Navigation @ 2) Basic Section Styling, Search, Search Results, Listing Details @ 3) Image Styling @ 4) Template Layout Styling @ 4a) Area Specific Typography #### Compressed CSS Structure Guide #### */ /*=-=-=-[Advanced Tab Search Styling]-=-=-=*/ #ajaxsearch{width:630px;} /*=-=-=-[Search Class Styling]-=-=-=*/ /*=-=-=-[Search Page Styling]-=-=-=*/ .page_display{width:638px;} .field_caption{font-weight:bold;} .searchpage_field_caption{font-weight:bold; text-align:right;} .searchpage_field_caption_row{font-weight:bold; text-align:right;} .lat_long_header{font-size:12px;} .postalcode_distance_header{font-size:12px;} /*=-=-=-[Listing Details Page]-=-=-=*/ #ldwrapper{width:940px;} #ldwrapper h3{margin:4px 0px 8px 0px; padding:5px 0px; display:block; border-bottom:1px solid #ccc; text-indent:8px;} #ldwrapper ul{list-style-type:none;} #wpr_top_left{padding-left:0px !Important;} span.successmessage{display:block; margin:15px 0; padding:8px 10px 8px 36px; background:#FFE0B6 url(images/marker.png) no-repeat scroll 10px 50%; border:1px solid #FFBB65; color:#C76E34; width:648px;} div.note{margin:15px 0; padding:8px 10px 8px 36px; background:#f5f5f5; border:1px solid #444; width:140px;} #topleft, #topcenter, #topright, #topinside{width:226px; float:left;} #topleft, #topcenter, #topright{margin-right:10px;} #ldtopwrapper{width:940px; height:368px;} #ldformkit{list-style-type:none;} #ldformkit li{height:20px; padding-left:28px; line-height:20px;} .previouspage{background: url(images/previous.gif) left no-repeat;} .ldcalculator{background: url(images/calculator.gif) left no-repeat;} .ldfavorites{background: url(images/FavoritesAdd.gif) left no-repeat;} .ldprint{background: url(images/print.gif) left no-repeat;} .ldfriend{background: url(images/emailfriend.gif) left no-repeat;} .ldschools{background: url(images/schools.gif) left no-repeat;} .ldneighborhood{background: url(images/areainfo.gif) left no-repeat;} .ldquestion{background: url(images/question.gif) left no-repeat;} .ldshowing{background: url(images/calendar.gif) left no-repeat;} .ldoffer{background: url(images/write.gif) left no-repeat;} #ldslideshow{position:relative; width:480px; height:360px; float:left; border:1px solid #9cb8d7; margin-right:10px;} #ldquicklinks{position:relative; width:180px; height:350px; float:left; margin-right:10px; border:1px solid #9cb8d7; padding:5px;} #ldagent{position:relative; width:232px; height:350px; float:left; border:1px solid #9cb8d7; padding:5px;} #agentphoto img{border:1px solid #ccc; padding:3px; text-align:center;} #ldcenterwrapper{width:100%;} h2.ldsectionheader{background:#ccc; color:#fff; font-family:Arial,Tahoma,Verdana; font-size:11px; font-weight:bold; margin:10px 0px; padding:3px 0 3px 7px; text-transform:uppercase;} h1#detailtitle{font-size:20px; display:block; width:748px; float:left; margin:0px;} h2#detailprice{font-size:20px; display:block; width:160px; float:right; text-align:right; margin:0px;} /*=-=-=-[The Next Previous feature that goes in the listing details]-=-=-=*/ div.next_prev_listing{border:1px solid #999; background:#f5f5f5; width:700px; margin:8px 0px;} div.next_prev_listing ul{margin: 1.5em auto;} div.next_prev_listing ul li{display: inline; padding: .5em 1em; list-style-type: none;} .count .listing_xy{width: 100%; background-color: #dcdcdc; clear: both; padding: .5em 0;} /*=-=-=-[Search Results Styling]-=-=-=*/ #srwrapper{} #resultsheader{background:#F5F5F5; border-bottom:1px solid #AE0005; border-top:1px solid #AE0005; height:30px; line-height:30px; margin:10px 0 15px; text-align:center; width:100%;} table#searchresults td{vertical-align:top; font-size:11px; padding:0;} table#searchresults td.listingphoto{background: url(images/norental.gif) no-repeat;} table#searchresults span.listedby{padding:3px 0px; line-height:14px;} td.noimage{width:128px;} td.srfeatures{width:226px;} .srheader{background:#DBEEF3 url(images/hbc.gif) repeat-x scroll 0 0; color:#333333; font-size:12px !important; font-weight:bold; height:28px; line-height:28px;} span.sraddress{} span.srprice{} span.columnhead{font-size:11px; font-weight:bold; color:#444; display:block; margin-bottom:10px;} /* styling for the alternate row coloring */ table#searchresults tr.result_row_0{background: #ebebeb; margin-bottom:10px;} table#searchresults tr.result_row_1{background: #f5f5f5; margin-bottom:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;} p.shortdesc{font-size:11px; text-align:left; line-height:120%; margin:0px; padding:0px; text-transform:lowercase;} p.shortdesc:first-letter{text-transform: uppercase;} p.disclaimer{} p.disclaimer img{margin-right:5px;} a.readmore{color:#900;} ul.featurelist{list-style-type:none; padding:0px; margin:0px; font-size:11px;} ul.featurelist li{line-height:120%;} /*=-=-=-[Next Previous Styling]-=-=-=*/ #nextprevtop{margin-bottom:8px; width:100%; padding:5px 0px;} #nextprevtop span{display:block; padding:3px 6px; width:180px;} #pagenavwrapper{width:520px; height:30px; float:left;} #searchnavw{margin-bottom:1px;} #refinesearch{width:380px; float:right; display:inline; line-height:25px;} ul#wprnextprev{margin:0px; padding:0px;} #wprnextprev ul{margin:0px; padding:0px; list-style-type:none;} #wprnextprev li{float:left; margin:0px 2px; display: block;} #wprnextprev li.current{font-weight:700; color:red;} #wprnextprev li a, #wprnextprev li a:link{background:#fff; color:#666; text-decoration:none; padding:6px 5px 6px 5px; display:block;} #wprnextprev li a:hover{color: #039; border-bottom: 3px solid #bbb; border-top: 3px solid #bbb; cursor: pointer; background: #eee;} #wprnextprev li #current, #wprnextprev li a#current:link{color: #000; cursor: default; font-weight: 700; border-bottom: 3px solid #999;} #wprnextprev li #current:hover{border-bottom: 3px solid #f90; background: #eee;} /*=-=-=-[Featured Listings Styling]-=-=-=*/ /*=-=-=-[Virtual Tour Styling]-=-=-=*/ /*=-=-=-[Files Listings Styling]-=-=-=*/ /*=-=-=-[View User Styling]-=-=-=*/ .view_user{padding-left:5px;} .view_user_user_name{font-size:14px;font-weight:bold;} .view_user_user_images{float:left;} .view_user_user_info{float:left;padding-left:10px;} .view_user_user_hitcount{clear:both;} .view_user_user_box{} /*=-=-=-[View Users Styling]-=-=-=*/ .no_results{color:red; margin-top:10px;} /*=-=-=-[Files Users Styling]-=-=-=*/ /*=-=-=-[Printer Friendly Styling]-=-=-=*/