/* -------------------------------------------------- stayjourn.com PAGE STYLES Last revised 14 November 2009 -------------------------------------------------- Individual page styles Assign ID to and prepend to declarations */ /* -------------------------------------------------- HOME -------------------------------------------------- */ #home #content { width: 100%; } /* Gallery */ #home #gallery { width: 100%; float: left; margin-bottom: 1em; background: transparent; } #home #gallery #photodiv { width: 50em; height: 25em; float: left; background: #D0CDE6 url(../images/utility/background_BCB8DC.gif); /* PMS Violet 17% */ } #home #gallery #search_form { width: 25em; float: right; margin: 0 0 0 1em; } #home #gallery ul li { color: #222; /* Nearly black */ width: 14.75em; height: 7.7em; position: relative; float: left; margin: 1em 1em 1em 0; padding: 0.3em .75em 1em .5em; overflow: hidden; background: transparent url(../images/utility/background_badge.png) no-repeat center left; } #home #gallery ul li.first { background-position: bottom left; } #home #gallery ul li.last { margin-right: 0; background-position: top left; } /* Headings */ #home #gallery ul li h3 { color: #FFF; /* White */ font-weight: normal; font-size: 11.5px; letter-spacing:-0.0001em; text-align: center; margin: 0 auto .5455em; border-bottom: .3em double #ABA5D1; /* PMS Violet 33% */ } #home #gallery ul li.first h3 { border-bottom-color: #FBB483; /* PMS 1665 50% */ } #home #gallery ul li.last h3 { border-bottom-color: #CC9860; /* PMS 724 60% */ } /* Linked images */ #home #gallery ul li img { opacity: 1; /* CSS3 property not widely supported */ -moz-opacity: 1; /* legacy Mozilla */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* Required for IE browsers */ } #home #gallery ul li img:hover { opacity: .67; -moz-opacity: .67; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=67)"; filter: alpha(opacity=67); } /* Paragraphs & links */ #home #gallery ul li p { font-size: 11px; line-height: 1.5; margin-bottom: 0; } #home #gallery ul li a { color: #FFF; /* White */ border-bottom: none; } /* Form elements */ #home #gallery li form input[type="text"], #home #gallery li form input.field { width: 95%; } #home #gallery li form input[type="submit"], #home #gallery li form input.submit { float: right; } /* Columns */ #home .column { width: 37em; } #home #faqs .entry h3 { font-style: italic; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-transform: none; letter-spacing: normal; margin-bottom: 0; } /* Forms */ #home #search_form form { height: 388px; /* @ 32.3333em -- specify height of form to match conjoined areas */ } #home #search_form h3 { margin: 0; } #home #search_form label { width: 8.7273em; } #home #search_form input.field { width: 9.75em; } /* -------------------------------------------------- SEARCH -------------------------------------------------- */ #search.main #content { width: 100%; } #search #content .column { /* 3 columns */ width: 23.9333em; margin-right: 1em; } #search #content .column.right { margin-right: 0; } /* Advanced search form */ #search.main #search_form { float: left; } #search.main p + #search_form { margin-top: 1em; } #search.main #search_form form { float: left; background: transparent; } #search.main #search_form legend { color: #F37421; /* PMS 1665 */ font-style: normal; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Verdana, sans-serif; text-transform: uppercase; letter-spacing: .1em; } #search.main #search_form label { width: 9.5em; } #search.main #search_form input.field { width: 9.75em; } #search.main #search_form input.field.alt { width: 11.2em; } #search.main #search_form .checkbox { margin-top: 0; } #search.main #search_form .checkbox label { font-size: 1em; text-transform: none; letter-spacing: normal; float: none; } #search.main #search_form .checkbox input { margin-right: .5em; } /* Search results */ #search #content h1 + p span { /* highlight qty search results */ color: #F37421; /* PMS 1665 */ } #search #results_log { margin-top: 1em; } /* Pagination */ #search #results_log .paginate { margin-bottom: 1em; } #search #results_log .paginate .page_count span { font-size: .9em; text-transform: uppercase; letter-spacing: .1em; } #search #results_log .paginate .page_links { float: right; } #search #results_log .paginate .page_links a { padding: .1em .25em; border: .1em solid transparent; } #search #results_log .paginate .page_links a:hover { border: .1em solid #6C64AD; /* PMS Violet 67% */ } #search .entry { width: 100%; float: left; clear: both; margin: 0 0 1em; border: .1em solid #BCB8DC; /* PMS Violet 25% */ background: transparent; } #search .entry.last { margin-bottom: 0; } #search .entry:active { background: transparent url(../images/logos/logo_stayjourn_watermark.png) no-repeat 25% 90%; } #search #content h2, #search #content h4 { text-transform: none; letter-spacing: normal; margin: 0; } #search .header { padding: .5em 1em; border-bottom: .1em solid #BCB8DC; /* PMS Violet 25% */ background: #BCB8DC; /* PMS Violet 25% */ background: #D0CDE6 url(../images/utility/background_BCB8DC.gif); /* PMS Violet 17% */ } #search #content .header h2 a { border-bottom-style: none !important; } #search #content .entry .price { color: #F37421; /* PMS 1665 */ font-size: 20px; line-height: 1.2; float: right; margin: -1.8em 0 0 .3em; } #search .entry .location { color: #AB650D; /* PMS 724 */ font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-transform: none; letter-spacing: normal; } #search .entry .header .location { margin: 0; } #search .entry .location .city { font-style: normal; } #search .entry .location .country { font-style: normal; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; } #search .entry .property_summary { width: 31.9em; float: left; margin: 0 0 .5em 1em; } #search .entry .property_summary p { clear: left; margin-bottom: 0; } #search .entry ul { float: left; clear: both; margin: .5em 0; } #search .entry ul + ul { margin-top: 0; padding-top: 1em; border-top: .3em double #D0CDE6; /* PMS Violet 17% */ } #search .entry ul li { float: left; margin: 0; padding: .25em .5em; height:2.3em; border-left: .1em dotted #ABA5D1; /* PMS Violet 33% */ border-bottom: .1em dotted #ABA5D1; /* PMS Violet 33% */ } #search .entry ul li:first-child, #search .entry ul li.first { border-left: none; } #search .entry ul li.last { margin: 0; height:1.8em; border: none; } #search .entry ul li .tag { font-weight: bold; font-size: .9em; text-transform: uppercase; letter-spacing: .1em; } #search .entry ul li .city font-weight: normal !important; font-size: 12px; text-transform: none; letter-spacing: normal; } #search .entry ul li .country { font-weight: normal; } #search .inset { position: relative; top: 0; right: -.1em; } #search .inset img { width: 18em; height: 13.5em; float: right; } #search #sidebar form legend { color: #AB650D; /* PMS 724 */ } /* -------------------------------------------------- LISTINGS -------------------------------------------------- */ #listings #content .tabberlive .tabbertab { width: 52em; margin-top: 1em; } /* Headings */ #listings #content h1 { margin-bottom: .6667em; } #listings #content h2 { clear: both; margin-top: 0; } #listings #content h2 .price { color: #F37421; /* PMS 1665 */ font-size: 18px; line-height: 1.3333; float: right; margin-left: .3333em; } #listings #content h3 { margin: 0 0 1em; } #listings .location { font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-transform: none; letter-spacing: normal; } #listings .city { font-style: normal; } #listings .country { font-style: normal; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; } #listings .property_summary { background: transparent; } /* Image gallery */ #listings #gallery_photo { width: 52em; float: left; margin-bottom: 1em; background: transparent; } #listings #swap { width: 25em; /* 300px */ height: 18.75em; /* 225px */ margin: 0 1em 1em 0; padding: .4em; border: .1em solid #DCDCDC; /* Gainsboro */ overflow: hidden; background: #F5F5F5; /* WhiteSmoke */ } #listings #swap a { padding: 0; border-bottom: none; background: transparent; } #listings #swap img { float: left; } /* Thumbnail gallery */ #listings .gallery_thumb { width: 26em; /* need to declare this to accommodate more than one row of images */ float: left; } #listings .gallery_thumb li { float: left; margin: 0 0 .5em .5em; } #listings .gallery_thumb li:first-child, #listings .gallery_thumb li.first { margin-left: 0; } #listings .gallery_thumb li a { padding: 0; border-bottom: none; background: transparent; } #listings .gallery_thumb li img { width: 57px; /* @4.8em -- 5 max images per row, use px to avoid rounding discrepancies */ height: 43px /* @3.6em */ float: left; opacity: 1; /* CSS3 property not widely supported */ -moz-opacity: 1; /* legacy Mozilla */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* IE 8 */ filter: alpha(opacity=100); /* Required for IE browsers */ } #listings .gallery_thumb li img:hover { opacity: .67; -moz-opacity: .67; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=67)"; filter: alpha(opacity=67); } #listings #gallery_photo + .clear p:first-line { color: #333092; /* PMS Violet */ font-weight: bold; } /* Features list */ #listings #amenities { width: 22.8em; height: 23em; float: right; padding: .5em 1em; border: .1em dashed #D4A774; /* PMS 724 50% */ } #listings #amenities h3 { margin-bottom: 0; padding-bottom: .4em; border-bottom: .2em solid #BCB8DC; /* PMS Violet 25% */ } #listings #amenities ul { margin-top: .5em; } #listings #amenities li { width: 9.5em; /* remember to include padding from bulleted list */ float: left; margin: 0 1.25em 0 0; } /* Map & locale */ #listings #detail_map, #listings #detail_street { width: 51.8em; height: 25.8em; border: .1em solid #BCB8DC; /* PMS Violet 25% */ background: #D0CDE6 url(../images/utility/background_BCB8DC.gif); /* PMS Violet 17% */ } /* Availability calendar */ #calendar_container { margin: 1em 0; float:left; } .calendar { border: .1em solid #BCB8DC; /* PMS Violet 25% */ border-right: none; } .calendar th { color: #333092; /* PMS Violet */ font-weight: bold; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Verdana, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: .1em; padding: .25em .5em; border-right: .1em solid #BCB8DC; /* PMS Violet 25% */ } .calendar .calendar_month_links a { font-size: 1.5em; line-height: 1.3333; font-family: Arial, sans-serif; border-bottom: none; padding: 0; } .calendar .calendar_month_links a:hover { color: #F37421; /* PMS 1665 */ background: transparent; } .calendar th.calendar_day_heading { font-weight: bold; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Verdana, sans-serif; border-top: .1em solid #BCB8DC; /* PMS Violet 25% */ border-bottom: .1em solid #BCB8DC; /* PMS Violet 25% */ } .calendar td { text-align: center; padding: 0; border-top: .1em solid #BCB8DC; /* PMS Violet 25% */ border-right: .1em solid #BCB8DC; /* PMS Violet 25% */ background:#EFEFEF; } .calendar td div {width: 5.5em; height: 5em;} .calendar #today { color: #F37421; /* PMS 1665 */ font-weight: bold; } .calendar #today.available {color:#FFF;} .calendar .available { font-weight: bold; background: #8BDF96; /* PMS 1665 */ } .calendar .available:hover { color: #FFF; /* White */ background: #41AF50; /* PMS 1665 */ } #listings #reserve_form label { color: #333092; /* PMS Violet */ font-weight: bold; text-transform: uppercase; letter-spacing: .1em; width: 10em; float: left; clear: both; padding-right: .25em; } #listings #calendar_key { float:left; margin: 1em 0 0 1em; } #listings #calendar_key .available { display:block; background:#8BDF96; padding:5px; } #listings #calendar_key .unavailable { display:block; background:#EFEFEF; padding:5px; } #listings #reserve_form {clear:both;} #listings #reserve_form input[type="submit"] { clear: both; } /* Profile */ #listings .inset img.profile_image { padding: .4em; border: .1em solid #C0C0C0; background: #F5F5F5; /* WhiteSmoke */ } /* Ratings & comments */ #listings .rating { color: #F37421; /* PMS 1665 */ } #listings .comments { /* reset blockquote style */ margin-bottom: 2em; padding: 0 0 1em; border: none; border-bottom: .1em dashed #C0C0C0; } #listings .comments.last { padding-bottom: 0; border-bottom: none; } #listings .comments p:first-line { font-weight: bold; } #listings .comments .posted { width: 12em; float: right; margin-left: 1em; padding-left: 1em; border-left: .25em solid #BCB8DC; /* PMS Violet 25% */ } #listings .comments .posted h4 { text-transform: none; letter-spacing: normal; margin: 0; } /* Sidebar */ #listings #sidebar .property_data { width: 100%; margin-top: 2em; } #listings #sidebar .property_data table { width: 100%; padding-top: 1em; border-bottom: .1em solid #BCB8DC; /* PMS Violet 25% */ border-top: none; background: transparent url(../images/utility/background_spiral.png) repeat-x top left; } #listings #sidebar .property_data table th, #listings #sidebar .property_data table td { padding: .125em 1em; border-top: .1em solid #BCB8DC; /* PMS Violet 25% */ border-right: .1em solid #BCB8DC; /* PMS Violet 25% */ } #listings #sidebar .property_data table th { color: #333092; /* PMS Violet */ font-size: 11px; text-align: left; text-transform: uppercase; letter-spacing: .1em; padding: .1364em 1.0909em; border-right: .4em double #FBB483; /* PMS 1665 50% */ border-left: .1em solid #BCB8DC; /* PMS Violet 25% */ } #listings #sidebar .property_data table th.table_heading { color: #F37421; /* PMS 1665 */ font-size: 1em; font-family: "Gill Sans", "Gill Sans MT", "Trebuchet MS", Verdana, sans-serif; padding: .125em 1em; border-right: .1em solid #BCB8DC; /* PMS Violet 25% */ } #listings #sidebar .property_data table tr.first th { font-size: 1em; line-height: 1.25; padding: 0; border-top-color: #ABA5D1; /* PMS Violet 33% */ border-right: .1em solid #BCB8DC; /* PMS Violet 25% */ border-bottom: .1em dashed #BCB8DC; /* PMS Violet 25% */ background: transparent; } #listings #sidebar .property_data table tr.first + tr th.table_heading { border-top: none; } #listings #sidebar .property_data table a { border-bottom-style: dotted !important; } /* Image detail */ #listings.image_detail #container { margin: 2em; } #listings.image_detail #container h1 { text-align: center; } #listings.image_detail #container img { text-align: center; max-height: 60em; display: block; margin: 3em auto 1.5em; } #listings.image_detail #container p { font-style: italic; text-align: center; } /* -------------------------------------------------- FAQS -------------------------------------------------- */ #faqs .entry h2, #faqs .entry h3 { font-weight: normal; } #faqs .swap_box { display: none; } /* -------------------------------------------------- ADD LISTING FORM -------------------------------------------------- */ #add_photos .photo { float:left; width:110px; } /* -------------------------------------------------- INTERNAL MESSAGING -------------------------------------------------- */ .unread {background:#F8F8F8;} .unread a { font-weight:bold; background:url('../images/icons/email.png') 0 50% no-repeat; padding-left:25px; } .read {background:#FFF;} .read a { background:url('../images/icons/email_open.png') 0 50% no-repeat; padding-left:25px; } /* -------------------------------------------------- GENERAL CMS PAGES -------------------------------------------------- */ #page #content ul { list-style: square; margin-left:2.5em; } #page #content ol { list-style: decimal; margin-left:2.5em; }