::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-track-piece {
background-color: #E5DFCA;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: #6A4A3C;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: #CCCCCC;
-webkit-border-radius: 6px;
}
body {
color: #6A4A3C;
background: #d8d1cb url(//pwsz.com/wp-content/themes/Island/skin/images/skin3_bg.jpg) fixed repeat;
}
#banner{
background-color: #AA9C87;
}
.banner_bg{
background: #aa9c87 url(//pwsz.com/wp-content/themes/Island/skin/images/skin1_banner_bg.png) repeat-x;
}
.wp_box .leftbar_bg {
background-color: rgba(255, 255, 255, 0.1);
box-shadow:none;
}
.wp_box .wrapper_bg{
background: rgba(255, 255, 255, 0.3);
}
.wp_box .wrapper_bg:before{
background: url(//pwsz.com/wp-content/themes/Island/skin/images/skin1_main_before.png) repeat-y;
}
.wp_box .wrapper_bg:after{
background: url(//pwsz.com/wp-content/themes/Island/skin/images/skin1_main_after.png) repeat-y;
}
.wp_box .me_name , .wp_box .me_avatar{
background-color: #E5E2D5;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
}
header .skin {
background: #0B8290;
background: -webkit-gradient(linear,left top,left bottom,from(#1AA8B9),to(#0B8290));
color: #F6EDE4;
border: 1px solid #1396A5;    
}
.skin ul{
background: #F7F6F1;
}
a {
color: #6A4A3C;
}
a:hover,a:focus {
color: #000;
}
.header:before {
background: url(//pwsz.com/wp-content/themes/Island/images/stripes.png);
}
.post-download {
border: 1px solid #D9D4C1;
}
.dl-title {    
background: #ECE6D9;
border-bottom: 1px solid #D9D4C1;		        
}
.dl-box div{
border-bottom: 1px solid #D9D4C1;	        
}
.cs_widget_qr {
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);	
}
.cs_widget_qr .qr-img{
background: #FFFFFF;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
}
.cs_widget_qr .qr-caption , .cs_widget_qr .qr-alipay{
border-right: 1px solid #DEDACA;
}
.qr-wrapper:before {
border-top: dashed 1px #C2B99A;
border-bottom: dashed 1px #FFFFFF;
}
#menu-toggle{
color:#fff;
}
#content p{
text-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px;
}
.widget , .widget a {
color: #866457;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
}
.widget a:hover {
color: #543325;
}
::-moz-selection {
background-color: #80705A;
color: #fff;
text-shadow: none;
}
::selection {
background-color: #80705A;
color: #fff;
text-shadow: none;
}
input[type="range"] {
background: url(//pwsz.com/wp-content/themes/Island/skin/images/skin2_lock_bg.png);
}
input[type="range"]::-webkit-slider-thumb {
background: url(//pwsz.com/wp-content/themes/Island/skin/images/skin2_slider_bg.png);
}
.header {
background: #82715b url(//pwsz.com/wp-content/themes/Island/skin/images/skin3_header_bg.png);
box-shadow: 0 1px 2px rgba(0,0,0,0.2);	
}
.content a{
color:#C50C00;
}
.content a:hover{
color:#450B0B;
}
.read_more a , .post .more-link{
color: #887B66;
}
.fluidbox-overlay{
background-color:rgba(0, 0, 0, 0.5);
}
.pattern{
background: url(//pwsz.com/wp-content/themes/Island/skin/images/pattern01.png) no-repeat center center;
}
.logo-text a{
color:#FFFFFF;
}
.logo-text a:hover{
color:#FFFFFF;
}
.logo-text a i{
color: #F7F6F1;
}
.logo-text a i:hover{
color: #FFFFFF;
text-shadow: 0 0 6px rgba(255,144,0,0.5);	
}
header #searchbox .search-text {
background: #E0D9BA;
border: 1px solid #6A4A3C;
color: #6A4A3C;
}
#searchbox i {
color: #E0D9BA;
background-color: #6A4A3C;
}
.log-in-out .icon-login i{
text-shadow: rgba(255, 255, 255, 0.3) 0px 1px 0px;
color:#452F26;
}
#user_login , #user_pass {
border: solid 1px #6A4A3C;
background: #E0D9BA;
}
input#wp-submit {
border: 1px solid #126066;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
background: #877871;
background: -webkit-gradient(linear,left top,left bottom,from(#07BBCD),to(#1B8992));
box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(50,50,50,.05);
}
header .log-in-out #login-form {
border-top: 1px solid #5D5142;
}
header .log-in-out .login-links {
border-top: 1px solid #5D5142;
}
.login-links a{
color:#fff;
}
.header-menu .header-menu-wrapper > ul > li > .dropdown{
border-top: 1px solid #64513C;
}
.dropdown .dropdown-wrapper,.login_bg .dropdown-wrapper {
background-color: rgba(165, 148, 122, 0.95);
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
}
.header-menu .header-menu-wrapper > ul > li > a{
text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px;
color:#FFF7EE;
}
.header-menu-wrapper > .header-menu-list > .current-menu-item  , .header-menu .header-menu-wrapper > ul > li:hover {
}
.header-menu-wrapper > .header-menu-list > .current-menu-item > a, .header-menu .header-menu-wrapper > ul > li:hover a {
color: #FFFFFF;
}
.header-menu-list .sub-menu > li > a , .profile .sub-menu > li > a {
text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px;	
color: #FFF7EE ! important;
}
.header-menu-list .sub-menu > li:first-child > a , .profile .sub-menu > li:first-child > a {
}
.header-menu-list .sub-menu > li > a:hover , .profile .sub-menu > li > a:hover {
color: #FFFFFF ! important;
}
.member_login .sub-menu li:hover {
background-color: #57433A;
}
.profile .sub-menu li{
border-bottom: 1px solid #83725D;
}
.log-out{
border-bottom: none ! important;
}
.header-menu-list .sub-menu ul > li > a , .profile .sub-menu ul > li > a {
color: #9099b7;
}
.header-menu-list .sub-menu ul > li > a:hover , .profile .sub-menu ul > li > a:hover {
color: #fff;
background-color: #50597b;
}
.mobile-nav {
background: #E8E4D0;
}
.mobile-menu > li {
border-bottom: 1px solid #C0B68C;
}
.mobile-menu .sub-menu > li {
border-top: 1px solid #C0B68C;
}
.posts-nav {
color: rgba(0,0,0,0.44);
}
.posts-nav .page-numbers , #comment-nav-below .page-numbers{
background: #F0F0E3;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover , #comment-nav-below .page-numbers.current,#comment-nav-below .page-numbers:not(.dots):hover {
background-color: #fff;
}
.posts-nav .page-numbers.dots {
}
.slider {
}
#header_slider {
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.ls-action>a {
background-color:#F0EEE3;
box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);
}
.slider  p {
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
.sticky_slider .featured-image {
background: #574B3B url(//pwsz.com/wp-content/themes/Island/images/post_thumb.png) center no-repeat;
}
#controls a {
color: #aaa;
}
#controls a:hover {
background: #57585E;
color: #A9A9A9 !important;
}
#controls a.selected {
background: #57585E;
color: #A9A9A9 !important;
}
.post-copyright , .read_more {
background: #F0EDDE;
border: 1px solid #D9D4C1;
}
.post .more-link:hover {
color: #555;
}
.post-copyright:hover , .read_more:hover {
background: #F2EDDE;
border: 1px solid #84725D;	
}
a.jm-post-like , a.jm-post-hate {
color: #6A4A3C;
}
a.jm-post-like.liked ,a.jm-post-hate.hated {
color: #CC333F;
}
a.jm-post-like:hover,a.jm-post-like:active,a.jm-post-like:focus,a.liked:hover,a.liked:active,a.liked:focus,a.jm-post-hate:hover,a.jm-post-hate:active,a.jm-post-hate:focus,a.hated:hover,a.hated:active,a.hated:focus {
color: #3C2116;
}
.top_meta , .top_meta a ,.baidu_submit , .baidu_submit a{
color: #A39889;
}
.top_meta a:hover , .baidu_submit a:hover{
color: #666;
}
.bottom_meta:before , .work-mate:before{
border-top: dashed 1px #C2B99A;
border-bottom: dashed 1px #FFFFFF;
}
.sticky_slider:before {
border-top: dashed 1px #C2B99A;
border-bottom: dashed 1px #FFFFFF;
}
.meta_tabs a {
background: #E4E0D3;
}
.meta_tabs a:before {
border-color: transparent #E4E0D3 transparent transparent;
}
.meta_tabs a:after {
background-color: #6A4A3C;
}
.meta_tabs a:hover {
background-color: #867762;
color: #fff;
}
.meta_tabs a:hover:before {
border-color: transparent #867762 transparent transparent;
}
.audio-wrapper .mejs-play button:before , .audio-wrapper .mejs-pause button:before , .audio-wrapper .mejs-mute button:before , .audio-wrapper .mejs-unmute button:before {
color: #7B6B57;
}
.audio-wrapper span {
color: #7B6B57;
}
.audio-wrapper .mejs-container .mejs-controls {
background: #D6D1BE;
}
.audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-total , .audio-wrapper .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #F7F6F1;
}
.audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #E5E1D4;
}
.audio-wrapper .mejs-controls .mejs-time-rail .mejs-time-current , .audio-wrapper .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #7B6B57;
}
.qrcode-box {
background: #FFFFFF;
border: 1px solid #6A4A3C;
}
.qrcode-box .qrcode-desc {
color: #80705B;
text-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px;
}
#breadcrumb {
border-top: 1px solid #56585C;
background: #FFFFFF;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
#breadcrumb a , #breadcrumb li:after {
color: #87898F;
}
#breadcrumb a:hover , #breadcrumb li:after:hover {
color: #ffffff;
}
.ls-action > a {
color: #817567;
}
.ls-action > a:hover {
color: #3A2820;
}
.ls-slide-outer .ls-pager.ls-pg > li a {
background: #D4CFBC;
}
.ls-slide-outer .ls-pager.ls-pg > li:hover a, .ls-slide-outer .ls-pager.ls-pg > li.active a {
background-color: #6A4A3C;
}
.related_box {
border-right: 1px #D6D1BE solid;
}
.related_box:hover {
background: #D4CFBC;
}
.related_box .r_pic img {
background: #E5E2D5;
}
#drawer-toggle {
color: #868686;
}
#drawer-toggle:hover {
color: #fff;
}
#drawer {
}
#drawer-inside {
color: #777;
}
#drawer-inside .chirp li {
border-bottom: solid 1px #444;
}
.leftbar_bg {
background-color: rgba(255, 255, 255, 0.4);
box-shadow: 0 0px 1px rgba(0, 0, 0, 0.2);
}
.left_menu ul li:hover {
}
.left_menu ul li {
background-color: #D4CFBC;
}
.left_menu ul li i{
color: #7F705B;
}
.left_menu ul li i:hover{
color: #3A2820;
}
#bulletin_box {
background-color: rgba(247, 246, 241, 0.5);
background-color: #E3DEC0 \9;
border: 1px dashed #C1C0AB;
}
.bulletin_remove {
color: #B0A38E;
}
.toggle-leftbar {
box-shadow: 1px 3px 5px rgba(0,0,0,.15);
background: #58595C;
}
.rightbar .widget{
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.rightbar_bg {
background-color: rgba(255, 255, 255, 0.1);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.about_me {
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);	
}
.about_me:before{
background: url(//pwsz.com/wp-content/themes/Island/skin/images/skin3_me_before.png) repeat-x;
}
.me_name , .me_avatar{
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
}
.me_content {
color: #80705B;
text-shadow: rgba(255, 255, 255, 0.85) 0px 1px 0px;
}
.social_link:before {
border-top: dashed 1px #C2B99A;
border-bottom: dashed 1px #FFFFFF;
}
.rightbar .widget ul li {
border-bottom: 1px solid #E7DECF;
}
.rightbar .widget .widget-title{
background-color: #E5E2D5;
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
}
.rightbar .widget .widget-title:before {
background: url(//pwsz.com/wp-content/themes/Island/skin/images/skin3_me_before.png) repeat-x;
}
.rightbar .widget .widget-title span {
color: #6A4A3C;
}
.rightbar .widget .widget-title span:before , .rightbar .widget .widget-title span:after{
background-color: #C7B28F;
box-shadow: 0 1px 0px rgba(0, 0, 0, 0.5) inset;
}
.tagcloud a {
border: 1px solid #A19976;
}
.tagcloud a:hover {
border: 1px solid #6A4A3C;	
}
.search-form-input {
color: #6A4A3C;
border: solid 1px #A19976;
background: #F7F6F1;
}
.search-button {
background: #555;
color: #fff;
}
.post .box-wrap ,.grid-item {
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.archive-title {
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.entry-title {
}
.entry-title a {
text-shadow: rgba(255, 255, 255, 1) 0px 1px 0px;
}
.entry-title a:hover {
}
.intro {
color: #aaa;
border-bottom: solid 1px #eee;
}
blockquote {
background: #ECE6D9;
border-left:5px solid #A69A80;
}
.header .widget {
border-bottom: solid 1px #ddd;
}
.single .post-nav {
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.post-nav , .page-template-custom-work .post-nav{
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.post-nav a:hover {
color: #FFF;
background: #806F5A;
}
.comments {
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.comment-body{
background: #F0F0E3;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255,255,255,.75) inset;	
}
.author-img{
background: #E5E6D0;	
}
.fn , .fn a  {
color: #848568 !important;	
}
.fn a:hover {
color: #D32 !important;
}
.comment-text p{
color:#787968;
}
.comment-info span a{
color:#999;
}
.comment-info span a:hover{
color: #D32 !important;
}
#comments-title {
color:#6A4A3C;
}
#comments-title:before{
border-top: dashed 1px #C2B99A;
border-bottom: dashed 1px #FFFFFF;
}
.comments-open {
border-bottom: solid 1px #e7e7e7;
}
#respond .required {
color: #E75353;
}
#respond input[type="text"], #respond textarea {
color: #6A4A3C;
border: solid 1px #CBC4A8;
background: #EFECDE;
}
#commentform #submit {
border: 1px solid #126066;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
background: #877871;
background: -webkit-gradient(linear,left top,left bottom,from(#07BBCD),to(#1B8992));
box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(50,50,50,.05);
}
.commentlist>li {
border-bottom: 1px dashed #A3937F;
}
.children li {
border-top: 1px dashed #DCD7C3;
}
.commentcount, span.author {
color: #ADA28E;
}
.comment-block {
}
.comment-text blockquote {
background: #eee;
color: #888;
}
.reply a {
color:#989073;
}
.reply a:hover {
color: #6C6C6C;
}
#cancel-comment-reply-link {
color: #999;
}
#cancel-comment-reply-link:hover {
color: #555;
}
#cancel-comment-reply-link i {
color: #999;
}
#cancel-comment-reply-link i:hover {
color: #555;
}
.comments .logged-in-as a {
color: #777;
}
.comments .logged-in-as a:hover {
color: #555;
}
.comment-notes, .comments .logged-in-as {
color: #bbb;
}
.comment-awaiting-moderation {
color: #555;
}
.vcard img {
background: #DAD5C2;
}
.comment-time {
color: #bbb;
}
.comment-time:hover {
color: #999;
}
#comment-nav-below {
}
.foot_btn li>a {
background: rgba(127, 109, 88, 0.5);
color: #FFFFFF;
}
.foot_btn li>a:hover {
background: rgba(127, 109, 88, 0.7);
}
a.sidebar_btn.btn-selected{
background:rgba(0, 0, 0, 0.8);
}
#fi-wx-show , .baidu_share .bdsharebuttonbox{
background: #FFFFFF;
box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
}
.wp-caption {
color: #999;
}
.gallery-item img {
border: solid 1px #e6e6e6 !important;
}
.gallery-item img:hover {
border: solid 1px #ccc !important;
}
.ias-trigger a {
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);
}
.format-status .box-wrap {
border: none;
}
.entry-title:before {
border-top: dashed 1px #C2B99A;
border-bottom: dashed 1px #FFFFFF;
}
i.cut-icon {
color: #A89774;
}
.cs_widget_link img{
border: 3px solid #CDC5A7;
}
.cs_widget_link img:hover{
border: 3px solid #A89580;
} .archive-nav {   
background: #F7F6F1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.9);  
}
.year {   
} 
.month.monthed {    
background: #F7F6F1;
} 
.month.selected,.month:hover {   
background: #AA9C87;
color: #fff;
}
.year-toogle {     
background: #E5E2D5;   
}  
.archives a {    
color: #6A4A3C;
background: #EFEDE2;
border: 1px solid #DAD5C2;   
} 
.archives a:hover {   
background: #F5F2E1;
border: 1px solid #ADA484; 
} 
.brick em {   
color: #aaa;   
}  
.linkcat li a{
color: #6A4A3C;
}
.linkcat li{
background: #EFEDE2;
border: 1px solid #DAD5C2; 
}
.linkcat li:hover {
background: #F5F2E1;
border: 1px solid #ADA484; 
} #footer{
}
#drawer{
background: #e9e5d7 url(//pwsz.com/wp-content/themes/Island/skin/images/skin3_drawer_bg.png);
}
#drawer:before{
background: url(//pwsz.com/wp-content/themes/Island/skin/images/skin3_drawer_before.png) repeat-x;
}
#copyright{
background: #d8d0b5 url(//pwsz.com/wp-content/themes/Island/skin/images/skin3_copyright_bg.png) repeat-x;
}
.copyright , .copyright a{
text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
color: #7D6B56;
}
.accordion h1 {
background-color: #ece6d9;
color: #7F705B;
}
.accordion h1 i {
color: #B9AD9B;
}
.accordion h1:hover {
color: #52392E;
}
.accordion h1{
border: 1px solid #D8D3BF;
}
.accordion p {
background-color: #F5F2EC;
} pre {
background-color: #fff;
}
.com {
color: #93a1a1
}
.lit {
color: #195f91
}
.pun,.opn,.clo {
color: #93a1a1
}
.fun {
color: #dc322f
}
.str,.atv {
color: #D14
}
.kwd, .prettyprint.tag {
color: #1e347b
}
.typ,.atn,.dec,.var {
color: teal
}
.pln {
color: #48484c
}
.prettyprint {
border: 1px solid #ddd;
box-shadow: inset 0 1px 0 #fff, 1px 1px 0 #fff, 2px 2px 0 #ddd, 3px 3px 0 #fff, 4px 4px 0 #ddd;
background-color: #fff;
background-image: -webkit-linear-gradient(#EEE .1em, transparent .1em);
background-image: -o-linear-gradient(#EEE .1em, transparent .1em);
background-image: linear-gradient(#EEE .1em, transparent .1em);
}
.prettyprint.linenums {
box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0, inset 0 1px 0 #fff, 1px 1px 0 #fff, 2px 2px 0 #ddd, 3px 3px 0 #fff, 4px 4px 0 #ddd
}
ol.linenums li {
color: #bebec5;
text-shadow: 0 1px 0 #fff
}