www.gusucode.com > 200套html5精品模板101_150 > 200套html5精品模板101_150/125/css/colours/green-brown.css

    /* Cream / Red Style */

/* Background */
body {
	background: url(../../images/bg.png) #f4f4f4 fixed;
}

.background-wrapper {
	background: url(../../images/bg-text.png) no-repeat center fixed;
}

/* Title decorations */
#title-wrapper .title-dec-left {
	position: absolute;
	left: -50px;
	top: 8px;
	background: url(../../images/dec-left.png) no-repeat;
	width: 38px;
	height: 17px;
}

#title-wrapper .title-dec-right {
	position: absolute;
	right: -50px;
	top: 8px;
	background: url(../../images/dec-right.png) no-repeat;
	width: 38px;
	height: 17px;
}

/* The main colour */
#navigation, #main-menu ul, blockquote, .page-content table, .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .booknow, .booknow-accompage,
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-widget-content .ui-state-default:hover, 
.ui-datepicker .ui-widget-header .ui-state-default:hover {
	border-color: #a1b543;
}

.title-end, .blog-title .comment-count, .blog-title-single .comment-count, .event-prev .event-prev-date, #ui-datepicker-div .ui-datepicker-header,
.widget .widget-title h5 {
	background: #a1b543;
}

.button1, .bookbutton {
	background: url(../../images/gradient1.png) #a1b543 bottom left repeat-x;
}

.button1:hover, .bookbutton:hover {
	background: url(../../images/gradient1h.png) #a1b543 left bottom repeat-x;
}

.blog-title .comment-count .comment-point,
.blog-title-single .comment-count .comment-point {
	background: url(../../images/comment-point.png) #a1b543 no-repeat;
}

#slides .prev, #slides1 .prev, #slides .next, #slides1 .next, #twitter_icon:hover, #facebook_icon:hover, #googleplus_icon:hover, #skype_icon:hover, 
#flickr_icon:hover, #linkedin_icon:hover, #vimeo_icon:hover, #youtube_icon:hover, #rss_icon:hover  {
	background-color: #a1b543;
}

.accordion h4.ui-state-active, .toggle .active, .page-content a, .page-full a, .sidebar a:hover, .blog-title-single h2 a,
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-state-default:hover, .ui-datepicker .ui-widget-content .ui-state-default:hover, 
.ui-datepicker .ui-widget-header .ui-state-default:hover, #footer a:hover, #footer-bottom a:hover {
	color: #a1b543;
}

.widget .widget-title h5:before {
	border-color: #a1b543 transparent;
}

/* Main colour in rgba format @ 70% transparency */
.caption {
	background: rgba(161, 181, 67, 0.7);
}

/* Main colour in format for IE, "80E26143" is the colour #e26143, the "80" added to the front give 80% */
.ie8 .caption {
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80A1B543,endColorstr=#80A1B543);
}

/* A darker shade of the main colour */
.corner-left { 
	border-top: 20px solid;
	border-color: #838f49;
	border-left: 20px solid transparent; 
}

.corner-right { 
	border-top: 20px solid; 
	border-color: #838f49;
	border-right: 20px solid transparent;
}

/* Feature background colour */
.top-bar, .gmap-btn-wrapper, #navigation, .booknow-accompage, .booknow, #footer {
	background: url(../../images/bgd.png) #311807;
}

#footer-bottom {
	background: #311807;
	color: #7a6353;
}

.booknow-accompage .price-detail, #main-menu li span, .widget .latest-posts-list li .lpl-content h6 span {
	color: #9d8c81;
}

#main-menu li, .main-menu-contact-info li, #footer .widget ul li, #footer .widget .wp-tag-cloud li, #footer .widget .wp-tag-cloud li:last-child {
	border-color: #685345;
}

#footer {
	color: #ccb6a8;
}