@import "960.less"; @import "boiler.less"; @import url('http://fonts.googleapis.com/css?family=Droid+Sans|Short+Stack|Schoolbell|Chelsea+Market|Rancho'); header,nav,article,footer,section,aside,figure,figcaption{display:block} body { font-family: Arial, sans-serif; background: #EAEEED; color: @darkblue; margin: 0; font-size: 14px; } /* Less stuff */ @images: '/wp-content/themes/mycarissick/img'; @darkblue: #233F4A; @lightblue: #4F6570; @aqua: #10B7AB; @lime: #A4CD39; @offwhite: #F0F0F5; @lightgrey: #B3B3B3; .border-radius (@radius) { border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; } .img_frame { background: #fff; padding: 10px; } .button { text-align: center; padding: 6px 10px; letter-spacing: 0.1em; .border-radius(8px); } .button.lime { background: @lime; color: @darkblue; } .button.lime:hover { background: @aqua; color: #fff; } .button:hover { } .button_booking { background: url('@{images}/assets/button_booking.png') top no-repeat; display: block; text-indent: -9999px; height: 144px; } .button_booking:hover { background-position: bottom; } a { text-decoration: none; } .txt_left {text-align: left;} .txt_mid {text-align: center;} .txt_right {text-align: right;} .img_left, img.alignleft {float: left; margin: 0 10px 10px 0;} .img_right, img.alignright {float: right; margin: 0 0 10px 10px;} /* LAYOUT */ .main_box { } /* hd_header */ .hd_header { background: #fff; padding: 10px 0; .hd_logo { background: url('@{images}/logo.jpg') no-repeat; height: 50px; display: block; text-indent: -9999px; } .top_contact { p { span { float: left; margin-top: 4px; } img { float: left; margin: 0 4px 0 0; } a { color: @darkblue; float: left; margin-top: 4px; &:hover { text-decoration: underline; } } float: left; } } a { color: #fff; } } /* end hd-header */ /* hd_navbar */ .hd_nav { margin-top: 10px; background: @lightblue; ul { padding: 0; margin: 0; li { float: left; list-style: none inside; a { display: block; font-size: 15px; letter-spacing: 1px; padding: 10px 16px; border-left: 1px solid @lightgrey; } a:hover { background: @darkblue; } } } } .hd_nav:hover { a { } } /* end hd_nav */ /* hd_footer */ .hd_services { background: @darkblue; padding: 10px 0; position: relative; .svs_header h3 { background: @lime; padding: 6px 20px; margin: 0 0 0 -20px; } ul { li { list-style-image: url('@{images}/assets/tick.png'); margin: 10px 0; } } a { color: #fff; text-decoration: none; &:hover { color: @lime; } } p { color: #fff; text-align: center; span { text-decoration: underline; font-size: 12px; margin: 20px 0 10px 0; display: block; } } } .hd_footer { .hd_difference { background: @offwhite; border-bottom: 4px solid #fff; } a { font-size: 12px; } } .designed_by { text-align: center; a { color: @lightblue; padding: 10px; font-size: 12px; .border-radius(8px); } a:hover { background: @lime; color: #000; } } /* end hd_footer */ /*** END LAYOUT ***/ /* Sidebar */ .hd_sidebar { .usp { margin-bottom: 20px; } } /* The Usuals */ .hd_main { background: #fff; padding-bottom: 20px; h1, h2, h3, h4, h5 { } h1 {} p { font-size: 14px; line-height: 20px; } ul { li { } } a { color: @aqua; } a:hover { color: @lime; } blockquote { padding: 0; margin: 10px 0; font-style: italic; line-height: 1.4em; } .hd_main_title { font-size: 30px; margin: 10px 0; } } .page_title { text-align: center; margin: 0 0 20px 0; letter-spacing: 1px; text-shadow: 1px 4px 10px #fff; font-size: 30px !important; } /* Home Page */ .slide_txt { h1 { font-size: 60px; margin: 20px 0; } p { font-size: 20px; } } .usp { color: #fff !important; p { font-size: 13px; margin: 10px 0; line-height: 18px; } ul { padding-left: 10px; list-style: inside; li { font-size: 13px; margin: 10px 0; } } .usp_header, .usp_content, .usp_footer a { padding: 4px 10px; margin-bottom: 4px; h2 { display: inline; font-size: 14px; font-weight: normal; } } .usp_header { background: @darkblue; color: #fff; } .usp_content { background: @lightblue; height: 130px; } .usp_footer { a { color: #fff; display: block; background: @aqua; } a:hover { background: @lime; color: @darkblue; } } } /* end page-home */ /* Blog(tips) */ .hd_post_title { font-size: 20px; margin: 0 0 4px 0; } .hd_post_index { p { margin: 0; } .button { float: right; margin-bottom: 10px; } .hd_post_item { border-bottom: 1px dashed #ddd; margin-bottom: 20px; } } /* Page: Services */ .svs_list { background: #efefef; border-top: 1px solid #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #eee; display: block; float: left; list-style: none inside; margin: 10px 0; padding: 10px; h2 { font-size: 18px; font-weight: bold; margin-top: 5px; margin-bottom: 2px; } p { margin-top: 0; margin-bottom: 5px; } span { float: right; margin: 5px 15px 2px 0; } box-shadow: inset 1px 1px 4px #f1f1f1; .border-radius (9px); } /* Page: Home */ .slide_img { height: 301px; overflow: hidden; } /* Page: Wufoo Form */ #wufoo-z7x3x5 { height: 410px !important; overflow: hidden !important; }