/** * Primary styles * * Author: Angel Estrada */ html, body { background:#f9fafa; font-size:15px; } html *, body *{ color: #585657; } body.pvr { padding-top: 3em; } footer p { color:#BFBFBF; } #metadata p{ line-height:20px;color:#7e0b2f; } #login { width:30em; margin:0 auto; margin-top:10%; } #login label { width:5em; margin:0 auto; padding-top:0; } #login .input{ margin-left:7em; } #login fieldset {margin:0; } #login fieldset legend{ padding:0; margin:0.4em 0; text-align:center; } /*general styles*/ .whitebox{ background-color: #FFFFFF; border-radius: 6px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .wrapper{ width:99%; margin:0 auto; text-align:center; } .alert-message{ clear:both; } .left{ float:left; } .right{ float:right; } .leftside{ width:20%; } .rightside{ width:80%; } .halfbox{width:50%; } .threebox{ width:33.33%; } .fourbox{ width:25%; } .fivebox{ width:20%; } .bigbox{ width:60%; } .smallbox{ width:40%; } .fullbox{ clear:both; width:95%; margin:0 auto; } .center{ margin:0.3em auto; text-align:center; } .inspacing{ padding:0.5em; } .outspacing{ margin:0.5em; } .lefttext{ text-align:left; } .righttext{ text-align:right; } .leftbox{ position:absolute; left:0.2em; } .rightbox{ position:absolute; right:0.2em; } #top_actions{ margin:0; padding:0; } #top_actions .container{ margin:0 auto; padding:0.5em 0; width:99%; } #top_actions form{ margin:0; } #top_actions .nav a{ padding:0.4em 0.7em; color:#7e0b2f; } #top_actions .nav li a{ background:none; color:#7e0b2f; } #top_actions .nav li a.btn{ font-size: 0.8em; margin: 0 0.1em; padding: 0.2em 0.4em; } #top_actions .nav li.active a{ color:#670222;font-weight:bold; text-shadow:none; } #top_actions .nav li.active li a{ color:#7e0b2f;font-weight:normal; } #top_actions .nav li li a{ color:#7e0b2f;font-weight:normal; } #top_actions .nav li.active li a.active{ color:#670222;font-weight:bold; } #top_actions .dropdown-menu{ background:#F5F5F5; } #top_actions .dropdown-menu a{ color:#7e0b2f; } .topbar-inner, .topbar .fill{ background-color: #fff !important; background-image: -moz-linear-gradient(center top , #f3f9fd, #fff) !important; background-repeat: repeat-x; border-bottom:0.1em solid #f3f9fd; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset; } .topbar a { color: #7e0b2f !important; text-shadow: none; } .topbar a:hover{ color: #dacfd2 !important; } /*item list*/ .item_list{ border-bottom:0.1em solid #dbd8d8; margin-bottom:0.5em; } .item_list.highlight{ background:#eef6fe; } .item_list .item_thumb{ width:9em; float:left; } .item_list .item_info{ width:53em; float:left;} .item_list .item_info ul{ padding:0; margin:0; list-style:none; width:100%; overflow:hidden; } .item_list .item_info ul li{ position:relative; padding:0.5em 0.5em; text-align:right; margin:0.1em; width:25%; background:#e3e8f4; float:left; border-radius: 6px; font-size:0.8em; } .item_list .item_info ul li strong{ position:absolute; padding:0.5em 0; left:0.5em; } .item_list .item_info h2{ font-size:0.9em; text-align:left; } .item_list .item_vcard{ width:62em; float:left; } .item_list .item_vcard h2{ text-align:left; font-size:1.2em; } .item_list .item_vcard ul{ padding:0; margin:0; overflow:hidden; text-align:left; } .item_list .item_envelope { width:90%em; position:relative; padding-bottom:2em; } .item_list .item_envelope h2{ text-align:left; font-size:1.2em; padding:0.1em 0.4em; } .item_list .item_envelope .content{ text-align:justify; padding:0.5em 0.8em; } .item_list .item_envelope .editor{ position:absolute; bottom:0.2em; right:0.8em; font-size:0.8em; } .item_list .item_opts{ clear:both; } .item_list .item_opts a{ padding:0.2em 0.4em; margin:0 0.1em; font-size:0.8em; } /*property edit form*/ #property_features .span3{ margin-bottom:0.2em; } #property_features label{ text-align:left; background:#efeaea; width:100%; } #property_features label span{ padding-left:0.5em; } #property_places .span3{ margin-bottom:0.2em; } #property_places label{ text-align:left; background:#efeaea; width:100%; } #property_places label span{ padding-left:0.5em; } #table_rates input{ width:7em; } #table_rates input.small{ width:3em; } #thumbnails{ list-style:none; } #thumbnails li { diplay:block; float:left; margin:0.2em; position:relative; width: 6.2em; background:#f2f3f5; border:0.1em solid #e4e4e4; padding:0.2em; } #thumbnails li a{ position:absolute; right:0.3em; top:0.2em; } #property_contact #search_holder{ list-style:none; padding:0; margin:0; width:70%; } #property_contact .item_list li { display:block; list-style:none;} #property_contact .item_list li a{ display:block; position:relative; padding:0.5em 1.2em; background:#9abfca; margin:0.3em; text-decoration:none; } #property_contact .item_list li a strong{ display:block; position:absolute; right:0.5em; top:30%; } #property_contact .item_list li a strong span{ font-size:1.2em; font-weight:normal; color:#cfd; background:#476f8b; border-radius: 0.3em; moz-border-radius:0.3em; webkit-border-radius:0.3em; display:block-inline; padding.0.2em 0.4em; } #property_contact #new_property_contacts{ margin:0; padding:0; width:100%; height:10em; background:#bad7e2; } #description_handlers ul{ list-style:none; } #description_handlers li{ display:inline; } #description_handlers li a{ display:block; margin:0.2em; padding:0.1em; float:left; } #description_handlers li.selected a{ background:#b4d7f1; } #group_holder .threebox .whitebox{ background:#ecf0f6; } #group_holder .threebox .whitebox h2{ font-size:1.1em; text-align:left; padding:0.3em 0.9em; } #group_holder .threebox .whitebox .list_options li { position:relative; } #group_holder .threebox .whitebox .list_options li a { position:absolute; right:0.5em; text-decoration:underline;} #group_holder .threebox .whitebox .actions{ margin:0.3em 0.5em; padding:0.5em 0.3em; height:2em; background:none; } #group_holder .threebox .whitebox .actions a{ padding:0.3em 0.6em; font-size:0.8em; } #group_holder .threebox .whitebox ul{ display:block; margin:0.2em 0.5em; padding:0;} #group_holder .threebox .whitebox li{ text-align:left; list-style:none; background:#e2eef7; margin:0.1em; padding:0.4em 0.9em; color:#66686a; } #group_holder .threebox .whitebox li{ } /*property brochure*/ #property-briefly .description p{ text-align:justify; } #property-briefly #prop_gallery{ height:25em; overflow:hidden; width:100%; } #property-briefly #prop_gallery ul{ list-style:none; margin:0; padding:0;} #property-briefly #prop_gallery ul li{ width:31.64em; overflow:hidden; } #property-briefly .map-viewer{ height:25em; width:100%; } /*setting up uploader style*/ /* -- Form Styles ------------------------------- */ form { margin: 0; padding: 0; } #image_uploader div.fieldset { border: 1px solid #afe14c; margin: 10px 0; padding: 20px 10px; } #image_uploader div.fieldset span.legend { position: relative; background-color: #FFF; padding: 3px; top: -30px; font: 700 14px Arial, Helvetica, sans-serif; color: #73b304;} #image_uploader div.flash { width: 375px; margin: 10px 5px; border-color: #D9E4FF; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px; -moz-border-radius-topright : 5px; -webkit-border-top-right-radius : 5px; -moz-border-radius-bottomleft : 5px; -webkit-border-bottom-left-radius : 5px; -moz-border-radius-bottomright : 5px; -webkit-border-bottom-right-radius : 5px;} #image_uploader button, #image_uploader input,#image_uploader select,#image_uploader textarea { border-width: 1px; margin-bottom: 10px; padding: 2px 3px;} #image_uploader input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */ #image_uploader label { width: 150px; text-align: right; display:block; margin-right: 5px;} #btnSubmit { margin: 0 0 0 155px ; } /* -- Table Styles ------------------------------- */ td { font: 10pt Helvetica, Arial, sans-serif; vertical-align: top;} .progressWrapper { width: 357px; overflow: hidden; } .progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden;} /* Message */ .message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden;} /* Error */ .red { border: solid 1px #B50000; background-color: #FFEBEB;} /* Current */ .green { border: solid 1px #DDF0DD; background-color: #EBFFEB;} /* Complete */ .blue { border: solid 1px #CEE2F2; background-color: #F0F5FF;} .progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden;} .progressBarInProgress,.progressBarComplete,.progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px;} .progressBarComplete { width: 100%; background-color: green; visibility: hidden;} .progressBarError { width: 100%; background-color: red; visibility: hidden;} .progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap;} a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right;} a.progressCancel:hover { background-position: 0px 0px;} /* -- SWFUpload Object Styles ------------------------------- */ .swfupload { vertical-align: top;} .fc-event-time{ color:#000;} /** * Media queries for responsive design. * * These follow after primary styles so they will successfully override. */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */ /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ } /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; size: landscape;} p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .item_opts{ display:none; } .fc-view .fc-view-agendaDay .fc-agenda-body{height:none; } .fc-view .fc-view-month th{width:100px !important; } }