
<script>
@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
}


body {
   background: #1a202b;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  text-shadow: 0 0 1px transparent;
  color:#a19c9d;
}


#banner {
    width: 100%;
    height: 135px;
    background: transparent;
}

.headerText {
    position: absolute;
    top: 50px;
    left: 150px;
    text-align: left;
}
/* 博客名 */
.headermaintitle {
    font: bold 50px/36px "courier new",verdana,monospace;
   color:#278989;
}

a.headermaintitle:visited {
    color: #278989;
    text-decoration: none;
}

a.headermaintitle:link {
    color: #278989;
    text-decoration: none;
}

a.headermaintitle:hover {
    color: #34dbdc;
    text-decoration: underline;
}

#main {
     background: transparent;
     height: 650px;
}
#right{
     background: transparent;
     height: 650px;
}
#right_content {
    width: 100%;
    margin: 0 5px 0 250px;
    background: transparent;
}
/* 状态栏    start*/
#mylinks {
     background: transparent;
    width: 70%;
     border-radius: 6px;
    box-shadow: 10px 8px 5px  #110b0d;
    border: 2px solid #1e151a;
}

a.menu:link, a.menu:visited{
    color: #278989;
    text-decoration: none;
}
a:hover,a.menu:hover {
    color: #34dbdc;
    text-decoration: underline;
}
#mystats {
    font-weight: normal;
}

#blogStats{
        font-weight: normal;
}
/* 状态栏    end*/

/* 文章    start*/
#topics {
    margin-top: 10px;
     margin-left: 100px;
    border-bottom: 2px solid #278989;
}
.post{
       padding-left:0;
}
.dayTitle a:link, .dayTitle a:visited,a.postTitle2:link, a.postTitle2:visited, a.postTitle2:active{
    color: #278989;
    text-decoration: none;
}


a.entrylistItemTitle:link, a.entrylistItemTitle:visited, a.entrylistItemTitle:active ,a.vertical-middle:link,a.vertical-middle:visited,a.vertical-middle:active{
    color: #278989;
    text-decoration: none;
}

a.dayTitle:hover, a.postTitle2:hover,a.entrylistItemTitle:hover,a.vertical-middle:hover{
    color: #34dbdc;
    text-decoration: underline;
}

.postDesc ,.day,.c_b_p_desc ,.topicListFooter,.entrylist ,.postBody,#topics{
   width: 60%;
    padding-left: 0;
}
.postTitle,.entrylistPosttitle ,.entrylistItemTitle{
    font-size: 26px;
    font-weight: bold;
}

/* 左侧内容   start*/
#left{
     margin: 30px auto auto 100px
}

element.style {
    height: 125px;
}

/* 时钟   start*/
#clockdiv {
  text-align: center;
}
canvas#dom {
    background: #72a0a3;
    border-radius: 50%;
    box-shadow: 5px 5px 5px #110b0d;
}

.listtitle, .catListTitle {
     font-size: 14px;
     background: #278989;
     color: #090708;
     border-radius: 8px;
    margin-top: 20px;
    line-height: 38px;
    box-shadow: 5px 5px 5px #110b0d;
    width: 200px;
}
#sidebar_search_box{
     margin-top: 15px;
}
.input_my_zzk {
    height: 18px;
    border: #474345;
    border-style:inset;
}
.div_my_zzk {
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}
input.btn_my_zzk {
    vertical-align: middle;
    height: 22px;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    top: 1px;
    width: 60px;
    border: 2px solid #4398a6;
    border-style:outset;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    box-shadow: 2px 2px 2px #110b0d;
}
input.btn_my_zzk:hover {
    background-color: #4398a6;
    color: white;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}


.topicListFooter {
    background: transparent;
    padding-bottom: 15px;
}


#blog-calendar ,  #blogCalendar{
  display: none;
}
 #footer {
   background: transparent;
   width: 60%;
   border: none;
    height: 50px;
    color: #e2d7da;   
    margin-top: 10px; 
}

/* 去掉广告 */
#ad_t2,#opt_under_post,.c_ad_block,#under_post_news,#under_post_kb{
    display: none !important;
}
</script>

<script type="text/javascript">
$(document).ready(function(){
var a_index = 0;
$("body").click(function(e){
var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤");
var $i = $("<span/>").text(a[a_index]);
a_index = (a_index + 1) % a.length;
var x = e.pageX,y = e.pageY;
$i.css({
"z-index": 99999,
"top": y - 20,
"left": x,
"position": "absolute",
"font-weight": "bold",
"color": randomColor()
});
$("body").append($i);
$i.animate({"top": y-180,"opacity": 0},1500,function() {
$i.remove();
});

function randomColor(){
let r = Math.floor(Math.random()*256)
let g = Math.floor(Math.random()*256)
let b = Math.floor(Math.random()*256)
return "rgb("+r+','+g+','+b+")"
}


</script>


