html{background:#f7f7f7 url(https://ww3.sinaimg.cn/large/78e6d56dgw1dzaw3voqloj.jpg)}
/*随笔内容*/
#main #mainContent{width: 61.8%;}
.postCon #main-content p{text-align: center;}
/*公告栏*/
#sideBarMain .newsItem{ width: 392px;}
/*日历*/
#sideBarMain #calendar{
position: absolute;
left: 10%;
margin-left: 10px;
top: -2.75em;
z-index: 1;
}
/*便签样式*/
.note_class{ width:100%; height:400px; text-align:left;}
.note_class br{ display:none;}
.note_class h2,p{    
    font-size:100%;    
    font-weight:normal;    
}
.note_class li{
	position:absolute;
    list-style:none;   
    margin:1em; 
} 
/*动画*/
.note_class,.note_class li{ -webkit-transition: all .7s ease-out .1s; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out .1s; transition: all .7s ease-out .1s}

.note_class{    
    overflow:hidden;    
    padding:3em;    
}
.note_class li>a{    
    text-decoration:none;    
    color:#000;    
    background:#ffc;    
    display:block;    
    height:10em;    
    width:10em;    
    padding:1em;    
} 
.note_class li h2{  
   font-size: 100%;  
   font-weight: bold;  
   padding-bottom: 10px;  
}  
.note_class li p{  
   font-family: "Tangerine" ,arial,sans-serif,微软雅黑;  
   font-size: 80%;  
}
.note_class li>a{ /*阴影效果*/
   text-decoration: none;  
   color: #000;  
   background: #ffc;  
   display: block;  
   height: auto;  
   width: 10em;  
   padding: 1em; /* Firefox */ 
   -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1); /* Safari+Chrome */ 
   -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7); /* Opera */ 
   box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
   
   /*过渡效果*/
   -moz-transition:-moz-transform .5s linear;    
 	-o-transition:-o-transform .5s linear;    
	-webkit-transition:-webkit-transform .5s linear;
}  
.note_class li>a{ /*旋转*/   
   -webkit-transform:rotate(-6deg);    
   -o-transform:rotate(-6deg);    
   -moz-transform:rotate(-6deg);    
}
.note_class li:nth-child(even)>a{    
     -o-transform:rotate(4deg);    
     -webkit-transform:rotate(4deg);    
     -moz-transform:rotate(4deg);    
     position:relative;    
     top:5px;    
   }    
.note_class li:nth-child(3n)>a{    
     -o-transform:rotate(-3deg);    
     -webkit-transform:rotate(-3deg);    
     -moz-transform:rotate(-3deg);    
     position:relative;    
     top:-5px;    
   }    
.note_class li:nth-child(5n)>a{    
     -o-transform:rotate(5deg);    
     -webkit-transform:rotate(5deg);    
     -moz-transform:rotate(5deg);    
     position:relative;    
     top:-10px;    
}
 
.note_class li:nth-child(even)>a{    
  -o-transform:rotate(4deg);    
  -webkit-transform:rotate(4deg);    
  -moz-transform:rotate(4deg);    
  position:relative;    
  top:5px;    
  background:#cfc;    
}    
.note_class li:nth-child(3n)>a{    
      -o-transform:rotate(-3deg);    
      -webkit-transform:rotate(-3deg);    
      -moz-transform:rotate(-3deg);    
      position:relative;    
      top:-5px;    
      background:#ccf;    
 } 
 
.note_class li>a:hover,.note_class li>a:focus{    
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);    
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);    
  box-shadow:10px 10px 7px rgba(0,0,0,.7);    
  -o-transform:rotate(0);    
  -webkit-transform:rotate(0);    
  -moz-transform:rotate(0);   
  -webkit-transform: scale(1.5);    
  -moz-transform: scale(1.5);    
  -o-transform: scale(1.5);    
  position:relative;    
  z-index:5;    
}