www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/036/css/shortcodes.css

    /*
	Theme Name: Poise
	Description: HTML/CSS Template
	Author: fireform 
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	
	Designed & Coded by Fireform
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

*/


/*Headings*/
h1 {
	font-size:33px;
	line-height:1.2em;
	margin-bottom:12px;
	background:none
}

h2 {
	font-size:27px;
	line-height:1.3em;
	margin-bottom:12px
}

h3 {
	font-size:23px;
	line-height:1.3em;
	padding-bottom:3px;
	margin-bottom:10px
}

h4 {
	font-size:18px;
	margin-bottom:10px;
	line-height:1.3em
}

h5 {
	font-size:16px;
	margin-bottom:10px;
	line-height:1.4em
}

h6 {
	font-size:14px;
	line-height:1.5em;
	font-weight:700;
	margin-bottom:10px
}

.bg-none {
	background:transparent!important
}

/*Two types of the divider here*/

.divider {
	height:3px;
	max-width:940px;
	background:url(../images/divider-bg.png) repeat-x;
	clear:both
}

.divider1 {
	height:1px;
	max-width:980px;
	background:url(../images/head-bg.gif) repeat-x;
	clear:both
}

/*Lists*/

/*Column shortcodes*/

.one_half,.one_third,.one_fourth,.one_fifth,.one_sixth,.two_thirds,.three_fourth {
	float:left;
	line-height:1.6em;
	margin-bottom:50px
}

.one_half {
	margin-right:2%;
	width:49%
}

.one_third {
	margin-right:3%;
	width:31%
}

.one_fourth {
	margin-right:2.9%;
	width:22.8%
}

.one_fifth {
	margin-right:1.9%;
	width:18.4%
}

.one_sixth {
	margin-right:1.9%;
	width:15%
}

.two_thirds {
	margin-right:2%;
	width:66%
}

.three_fourth {
	margin-right:1.9%;
	width:74.3%
}

/*Text highlight*/

span.highlight-hl-theme,span.highlight-hl-red,span.highlight-hl-lightred,span.highlight-hl-yellow,span.highlight-hl-blue,span.highlight-hl-green,span.highlight-hl-grey,span.highlight-hl-black,span.highlight-hl-orange,span.highlight-hl-pink {
	padding:1px 4px 2px;
	line-height:1.6em
}

span.highlight-hl-red {
	border:1px solid #ffbaba
}

span.highlight-hl-blue {
	border:1px solid #bad4ff
}

span.highlight-hl-green {
	border:1px solid #b1eda3
}

span.highlight-hl-grey {
	border:1px solid #d6d6d6
}

span.highlight-hl-orange {
	border:1px solid #ffd0b6
}


/*Images in text (from left and right sides)*/
img.alignleft {
	float:left;
	margin:0 20px 10px 0
}

img.alignright {
	float:right;
	margin:0 0 10px 20px
}

/*Lists*/

.widget_tag_cloud ul li,.widget_categories ul li,ul#portfolio li,ul#filter li,ul#recent-posts li {
	margin-left:0
}

ul.check li {
	background:url(../images/marker-1.html) no-repeat 0 3px;
}

ul.stick li {
	background:url(../images/stick.gif) no-repeat 0 9px
}

ul.stars li {
	background:url(../images/star.png) no-repeat 0 6px
}

ul.checkboxes li {
	background:url(../images/checkb.png) no-repeat 0 5px
}

ul.arrows li {
	background:url(../images/arrow.gif) no-repeat 0 8px
}

ul.recent-posts li,.widget_recent_entries ul li {
	background:url(../images/pencil.html) no-repeat 0 5px
}

ol li,ul li {
	margin-left:20px;
	margin-bottom:7px
}

ul.stick li,ul.stars li,.widget_links ul li,ul.checkboxes li,ul.tweet_list li,ul.arrows li {
	padding-left:20px;
	margin-bottom:7px;
	margin-left:0;
	list-style:none
}

/*Accordion*/

.accordion .ui-state-focus {
	outline:none
}

.accordion .ui-accordion-header a {
	outline:0 none;
	display:block;
	padding:5px 51px 5px 20px
}

.accordion .ui-accordion-content {
	padding:10px 20px
}

.accordion .ui-accordion-header {
	background:transparent;
	border:1px #e5e5e5 solid;
	margin-bottom:1px;
	cursor:pointer;
	position:relative
}

.accordion .ui-accordion-header .ui-icon {
	border:1px #e5e5e5 solid;
	cursor:pointer;
	width:11px;
	height:11px;
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-6px;
	background:url(../images/accordion.gif) no-repeat left;
}

.accordion .ui-state-active .ui-icon {
	background:url(../images/accordion.gif) no-repeat right;
}

/*Tabs*/
.sg-sc-tabs,.tabs {
	line-height:1.6em
}

.sg-sc-tabs ul.tabs-nav,ul.tabs-nav {
	list-style:none outside none;
	margin:0 0 0 1px;
	border-bottom:1px #e5e5e5 solid;
	overflow:hidden;
	padding:0
}

.sg-sc-tabs ul.tabs-nav li,ul.tabs-nav li {
	float:left;
	margin:0 2px 0 0;
	position:relative;
	z-index:10
}

.sg-sc-tabs ul.tabs-nav li a,ul.tabs-nav li a {
	-moz-border-bottom-colors:none;
	-moz-border-image:none;
	-moz-border-left-colors:none;
	-moz-border-right-colors:none;
	-moz-border-top-colors:none;
	background:none repeat scroll 0 0 #f8f8f8;
	border-color:#e9e9e9;
	border-style:solid solid none;
	border-width:1px;
	display:block;
	overflow:hidden;
	padding:5px 15px
}

.sg-sc-tabs ul.tabs-nav li.ui-tabs-selected a,.tabs ul.tabs-nav a:hover {
	background:none repeat scroll 0 0 #FFF
}

.sg-sc-tabs .tab,.tab {
	padding:15px 0
}

.sg-sc-tabs .ui-tabs-hide,.ui-tabs-hide {
	left:-10000px;
	position:absolute
}

/*Alerts*/
.alertBox-warning,.alertBox-success,.alertBox-alert {
	background:url(../images/warning.png) #ffecc3 no-repeat right 50%;
	padding:12px 45px 12px 15px;
	color:#202020!important;
	border:1px solid #e3cea0;
	display:block;
	margin-bottom:25px;
	line-height:1em;
	clear:both
}

.alertBox-warning p,.alertBox-success p,.alertBox-alert p {
	margin:0
}

.alertBox-success {
	background:url(../images/sucsess.png) #d0ffc3 no-repeat right 50%;
	border-color:#afe6a0
}

.alertBox-alert {
	background:url(../images/error.png) #ffdcdc no-repeat right 50%;
	border-color:#f0bbbb
}

.alertBox-success div,.alertBox-warning div,.alertBox-alert div {
	border-style:solid!important;
	padding:10px;
	clear:both
}

/*Bolckquotes*/
blockquote.blockquote-left,blockquote.blockquote-right {
	font-size:12px;
	width:40%;
	line-height:1.6em;
	font-style:italic;
	color:#202020
}

blockquote.blockquote-left {
	border-right:1px solid #d1d1d1;
	float:left;
	padding-right:20px;
	margin:10px 20px 10px 0
}

blockquote.blockquote-right {
	border-left:1px solid #d1d1d1;
	float:right;
	font-style:italic;
	color:#202020;
	padding-left:20px;
	margin:10px 0 10px 20px
}

.testimonials {
	overflow:hidden;
}

.testimonials p {
	font-size:12px;
	line-height:1.6em;
	overflow:hidden;
	padding-bottom:20px;
	background:url(../images/testimonials-bg.gif) no-repeat right bottom;
	font-style:italic
}

.testimonials h6 {
	float:right
}