html{
font-family:sans-serif;
font-size:1em;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
}
body{
min-height:100%;
margin: 0px;
background:#fff;
}
header{
/*background:#1b334b;*/
background:rgba(29, 54, 79, 0.95);
color:#f5eede;
width: 100%;
height:40px;
position:fixed; /*抬头固定*/
z-index:1000; /*抬头固定，下面需要设置top间距*/
}
.logo-single{
margin-left:10px;
color:#f5eede;
float:left;
line-height:40px;
font-size:1.7em;
}
.logo{
margin-left:10px;
color:#f5eede;
float:left;
line-height:40px;
}
/*
.logo .font-loonlog_logo3_single{
color:#f5eede;
font-size:1.3em;
}*/
/**********logo字体动画***********/
/*
.logo{
display: inline;
text-indent: 10px;
}*/
.logo span{
position: absolute;
opacity: 0;
overflow: hidden;
/*color: #6b969d;*/
-webkit-animation: rotateWord_logo 18s linear infinite 0s;
-ms-animation: rotateWord_logo 18s linear infinite 0s;
animation: rotateWord_logo 18s linear infinite 0s;
}
.logo span:nth-child(2) {
-webkit-animation-delay: 3s;
-ms-animation-delay: 3s;
animation-delay: 3s;
/*color: #6b889d;*/
}
.logo span:nth-child(3) {
-webkit-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
/*color: #6b739d; */
}
.logo span:nth-child(4) {
-webkit-animation-delay: 9s;
-ms-animation-delay: 9s;
animation-delay: 9s;
/*color: #7a6b9d;*/
}
.logo span:nth-child(5) {
-webkit-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
/*color: #8d6b9d;*/
}
.logo span:nth-child(6) {
-webkit-animation-delay: 15s;
-ms-animation-delay: 15s;
animation-delay: 15s;
/*color: #9b6b9d;*/
}
@-webkit-keyframes rotateWord_logo {
0% { opacity: 0; }
2% { opacity: 0; -webkit-transform: translateY(-30px); }
5% { opacity: 1; -webkit-transform: translateY(0px);}
17% { opacity: 1; -webkit-transform: translateY(0px); }
20% { opacity: 0; -webkit-transform: translateY(30px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes rotateWord_logo {
0% { opacity: 0; }
2% { opacity: 0; -ms-transform: translateY(-30px); }
5% { opacity: 1; -ms-transform: translateY(0px);}
17% { opacity: 1; -ms-transform: translateY(0px); }
20% { opacity: 0; -ms-transform: translateY(30px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes rotateWord_logo {
0% { opacity: 0; }
2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@media screen and (max-width: 768px){
.rw-sentence { font-size: 18px; }
}
@media screen and (max-width: 320px){
.rw-sentence { font-size: 9px; }
}
/**********logo字体动画*****结束******/
.denghao{
color:#f89a3a;
}
header a:hover{
color: #f05323;
}
#wenzhangshu{
margin-right:10px;
color:#f5eede;
float:right;
line-height:40px;
}
header a{
text-decoration: none; /*连接去掉下划线*/
color:#f5eede;
}
/*下面这个css是因为header包含浮动元素，导致nav不能被下面两个元素撑开，导致问题*/
header:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html header {height: 1%;}
/* End hide from IE-mac */
#wrapper{
padding-top: 50px;
margin-right: auto;
margin-left: auto;
width: 1080px;
}
#anniu{
display:none;
}
#sideToggle{
display:none;
}
aside{
width:280px;
margin:0px;
float: left;
height:100%;
}
aside .logo_img{
/*margin-left:50px;*/
padding-top:10px;
padding-bottom:10px; /*这里改为padding是因为margin上边距和上面的div有重合，有些浏览器会盖住logo字体一部分*/
/*width: 220px;
height:153px;*/
/*background:url(logo.png) no-repeat*//*这里原来用的是图片，放在背景，之后又不放在背景，增加链接，现在用字体*/
}
aside .logo_img a{
text-decoration: none; /*连接去掉下划线*/
}
/*----------------logo渐变颜色，此代码用在文字变色上-------------------*/
aside .logo_img{
background: coral;
background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 30s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
aside nav{
/*margin-left:50px;*/
margin-top:10px;
margin-bottom:10px;
background:url(200pxk-yanhua.png) no-repeat left bottom;
}
aside nav ul {
margin-top:10px;
margin-right:30px;
float: right;
}
aside nav ul li {
list-style: none outside none;
margin-bottom:10px;
}
aside nav ul li a{
color: #f5eede;
font-size: 1em;
text-decoration: none;
padding: 2px 5px 2px 5px;
background: #1b334b;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
transition: all 0.3s;
}
aside nav ul li a.first{
border-top-left-radius: 0px;
}
aside nav ul li a.last{
border-bottom-right-radius: 0px;
}
aside nav ul li a:hover {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
aside nav ul li.active {
color:#8B0000;
}
/*下面这个css是因为nav包含浮动元素，导致nav不能被下面两个元素撑开，导致问题*/
nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html nav {height: 1%;}
/* End hide from IE-mac */
/******************侧边栏目-社交图标****************************/
aside .socials ul {
list-style: none outside none;
margin-right:10px;
padding-top:0px;
padding-bottom:10px;
}
aside .socials ul li {
display:inline-block;
/*border:1px solid;*/
height:40px;
border-radius:30px;
-moz-border-radius:30px; /* Old Firefox */
}
aside .socials ul li i{
color:#f5eede;
padding-top:4px;
}
aside .socials ul .fatwitter {
background:#63B8FF;
}
aside .socials ul .faweibo {
background:#CD0000;
}
aside .socials ul .fainstagram {
background:#7CCD7C;
}
/******************侧边栏目-搜索****************************/
aside .search {
margin-right:10px;
}
aside .search form {
float:left;
position:relative;
width:251px;
}
aside .search input, aside .search button {
outline: none;
background: transparent;
}
aside .search input {
width: 100%;
height: 30px;
padding-left: 15px;
border: 1px solid #1b334b;
border-radius:10px;
}
aside .search button {
border: none;
height: 36px;
width: 20px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
aside .search button:before {
content: "\f002";
font-family: FontAwesome;
font-size: 25px;
color: #1b334b;
}
aside .search input:focus {
border-color: #f89a3a
}
/*下面这个css是因为#wrapper仅仅包含两个浮动元素，导致#wrapper不能被下面两个元素撑开，导致问题*/
aside .search:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html aside section .biaoqianyun {height: 1%;}
/* End hide from IE-mac */
/******************搜索页-搜索****************************/
#content .search{
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
}
#content .search form{
font-size:0;
}
#content .search input {
height: 40px;
width: 300px;
padding-left: 5px;
background-color: #eee;
border-radius: 4px 0 0 4px;
border: none;
outline: none;
}
#content .search button{
height: 40px;
width: 35px;
background-color: #d24040;
border: none;
border-radius: 0 4px 4px 0;
color: #fff;
font-weight: bold;
position: relative;
cursor: pointer;
outline: none;
}
#content .search .triangle{
display: inline-block;
border: 6px solid transparent;
border-right-color:#d24040;
position: absolute;
right:100%;
top:14px;
}
.yuanjiaokuang{
clear: both;
margin-top:20px;
margin-bottom:20px;
background:#fff;
/*-moz-box-shadow:2px 2px 10px #aaaaaa;
-webkit-box-shadow:2px 2px 10px #aaaaaa;
box-shadow:2px 2px 10px #aaaaaa;*/
border: 1px solid #dfe1e5;
border-radius:10px;
transition: all 0.15s;
}
.yuanjiaokuang:hover{
-webkit-box-shadow: 2px 2px 8px 1px rgba(20, 20, 20, 0.15);
-moz-box-shadow: 2px 2px 8px 1px rgba(20, 20, 20, 0.15);
box-shadow: 2px 2px 8px 1px rgba(20, 20, 20, 0.15);
}
/******************侧边栏目-热点框****************************/
aside section{
clear: both;
margin-right:10px;
background:#fff;
}
aside section h3.kuaibiaoti{
margin:5px 5px 0px 5px;
padding:5px 10px 5px 10px;
color:#1b334b;
font-size:1.3em;
/*font-weight:blod;*/
font-weight:lighter;
border-bottom:1px solid #dfe1e5;
}
aside section a{
text-decoration: none; /*连接去掉下划线*/
}
aside section ul {
list-style: none outside none;
margin:0px;
padding:5px 15px 15px 15px;
word-wrap: break-word;
}
aside section ul li{
list-style: none outside none;
word-wrap: break-word;
line-height:1.3em;
}
aside section ul li a{
color:#555555;
font-size:0.9em;
text-decoration: none; /*连接去掉下划线*/
}
aside section ul li a:hover {
color:#f05323;
}
aside section .gengduo{
color:#f05323;
font-size:1em;
text-decoration: none; /*连接去掉下划线*/
}
aside .biaoqianyun ul {
text-align: center;
}
aside .biaoqianyun li{
list-style: none;
display: inline-block;
}
aside .biaoqianyun ul a{
line-height:0.1em;
}
aside .biaoqianyun ul li a:hover{
background:#fff !important;
color:#000 !important;
}
/*********************侧边广告-自定义广告**********************/
aside .cebianguanggao h3.kuaibiaoti{
color:#1b334b;
}
aside .cebianguanggao ul li a{
color:#1b334b;
font-size:1em;
}
aside .cebianguanggao h3.kuaibiaoti a{
color:#1b334b;
font-size:0.9em;
text-decoration: none; /*连接去掉下划线*/
}
/***h3标题下边框渐变颜色++++++++++++++++++***/
aside .cebianguanggao h3.kuaibiaoti{
border-image-source: linear-gradient(45deg,#f35626,#feab3a);
border-image-slice: 1;
border-image-repeat: stretch;
-webkit-animation: hue 10s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
/***字体颜色渐变效果结束---------------***/
/*下面这个css是因为#wrapper仅仅包含两个浮动元素，导致#wrapper不能被下面两个元素撑开，导致问题*/
aside .biaoqianyun:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html aside section .biaoqianyun {height: 1%;}
/* End hide from IE-mac */
/******************内容栏目***************************************************************************************/
#content{
width:800px;
height:100%;
margin:0px;
padding-top:10px;
float: right;
transition:0.25s ease-out;
-webkit-transition:0.25s ease-out;
}
#content .fenleiming{
margin-top:10px;
margin-bottom:0px;
margin-left:20px;
margin-right:10px;
color:#B22222;
}
#content .tongzhi{
margin-top:10px;
margin-bottom:0px;
margin-left:10px;
margin-right:0px;
color:#cc2222;
border-bottom:1px solid #cc2222; ;
}
#content .dujitang{
color:#cc2222;
font-size:1.5em;
margin:5px 10px 0px 20px;
border-bottom:1px solid #cc2222;
}
#content sup.dujitang_jiaobiao{
background-color: #cc2222;
font-size:0.5em;
margin-left:10px;
padding: 1px 5px 1px 5px;
border-radius:0.3em;
-moz-border-radius:0.3em; /* Old Firefox */
}
#content span.djt_jb_ziti{
color:#ffffff;
}
#content section{
margin-left:10px;
background:#fff;
}
#content section .detail_top{
padding:6px;
}
#content section div.leisiwenzhang {
margin:5px;
padding:10px;
}
#content section div.leisiwenzhang ul {
margin:5px;
padding:5px;
}
#content article{
margin-left:10px;
background:#fff;
}
#content .pagination{
margin-left:10px;
padding:5px;
font-size:1em;
background:#fff;
}
#content .pagination ul{
margin:0px;
padding:0px;
}
#content .pagination ul .current{
float:left;
}
#content .pagination ul .page_no{
float:right;
}
#content .pagination ul li{
margin:0px;
padding:0px;
display:inline-block;
list-style:none;
}
#content .pagination ul .page_no li a{
color: #000000;
}
#content .pagination ul .page_no li a:hover{
color: red;
}
#content .pagination ul li.pg_active a{
font-weight:bold;
color: #BF3EFF;
}
#content .pagination:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.google_guanggao_ding {
padding:10px;
}
/*******************变色**********************/
/*----------------此代码用在文字变色上*-------------------*/
.bianse1{
background: coral;
background-image: -webkit-linear-gradient(45deg,#f35626,#feab3a);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: hue 3s infinite linear;
}
@-webkit-keyframes hue {
from {
-webkit-filter: hue-rotate(0deg);
}
to {
-webkit-filter: hue-rotate(-360deg);
}
}
/*********************搜索页****************************/
#content .sousuoyekuang{
margin:10px;
}
#content .sousuoyezi{
margin:10px;
}
#content .sousuoyeliebiao{
/* background: #F0F0F0;*/
margin:10px;
padding:0px 5px 5px 5px;
border:1px solid #ebeaea;
border-radius:10px;
}
#content h3.sousuoyewenzhangbiaoti{
margin:0px;
padding:5px;
color:#1b334b;
font-size:1.5em;
font-weight:lighter;
border-bottom:1px solid #1b334b;
}
#content .sousuoyeliebiao a{
color:#000;
text-decoration: none; /*连接去掉下划线*/
}
#content .sousuoyeliebiao .wenzhangneirong{
font-size:1em;
padding:5px;
}
span.highlighted { color: #f05323; }/* 关键字颜色 */
#content .sousuoyeliebiao ul{
margin:0px;
padding:0px;
}
#content .sousuoyeliebiao ul .current{
float:left;
}
#content .sousuoyeliebiao ul .page_no{
float:right;
}
#content .sousuoyeliebiao ul li{
margin:0px;
padding:0px;
display:inline-block;
list-style:none;
}
#content .sousuoyeliebiao ul .page_no li a{
color: #000000;
}
#content .sousuoyeliebiao ul .page_no li a:hover{
color: red;
}
#content .sousuoyeliebiao ul li.pg_active{
font-weight:bold;
color: #BF3EFF;
}
#content .sousuoyeliebiao:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/********************搜索页结束***************************/
img p{
margin:0px;
}
#content .wenzhangfengmian{
margin:0px;
padding:10px 10px 0px 10px;
}
#content .wenzhangfengmian img{
/*max-width:770px;*/
/*width:770px !important;*/
width:100% ;
height:auto ;
}
#content section .wenzhangbiaoti{
margin:5px;
padding:10px 15px 10px 15px;
font-size:1.5em;
/*font-weight:blod;*/
font-weight:lighter;
border-bottom:1px solid #dfe1e5;
}
#content article .wenzhangbiaoti{
margin:5px;
padding:10px 15px 10px 15px;
font-size:1.5em;
/*font-weight:blod;*/
font-weight:lighter;
border-bottom:1px solid #dfe1e5;
}
#content section .wenzhangbiaoti a{
text-decoration: none; /*连接去掉下划线*/
color:#1b334b;
}
#content section.kuai .wenzhangbiaoti a:hover {
color: #F05323;
}
#content a{
text-decoration: none; /*连接去掉下划线*/
}
#content .tag {
margin:0px;
padding:8px 15px 8px 15px;
font-size:1em;
color:#1b0000;
}
#content .tag a{
text-decoration: none; /*连接去掉下划线*/
color:#1b0000;
}
#content .tag a:hover {
color: #f89a3a;
}
#content .tag .biaoqian {
background:#ebeaea;
padding-left:3px;
padding-right:3px;
border-radius:10px;
-moz-border-radius:10px; /* Old Firefox */
}
#content .zuozhexinxi{
margin:0px;
padding:0px 15px 8px 15px;
color:#666666;
font-size:1em;
}
#content .zuozhexinxi .fa-clock-o{
color:#66CCFF;
}
#content .zuozhexinxi .fa-pencil{
color:#FF9900;
}
#content .zuozhexinxi .fa-eye{
color:#FF6666;
}
#content .zuozhexinxi .fa-comments-o{
color:#99CC33;
}
/*下面是复制文章链接样式*/
.copy_area{
margin:20px;
border:1px solid #1b334b;
}
#fuzhineirong{
padding:5px;
height:45px;
color:#1b334b;
float:left;
}
#fuzhineirong a{
text-decoration: none; /*连接去掉下划线*/
color:#1b334b;
}
#fuzhineirong a:hover {
color:#f05323;
}
#copyBT{
padding:5px;
background:#1b334b;
border:1px solid #1b334b;
color:#f5eede;
width: 100px;
height:57px;
float:right;
}
#copyBT:focus{
outline:0;/*解决点击后出现边框*/
-webkit-animation: andh 0.3s linear infinite 0s;
-moz-animation: andh 0.3s linear infinite 0s;
-o-animation: andh 0.3s linear infinite 0s;
-ms-animation: andh 0.3s linear infinite 0s;
animation: andh 0.3s linear infinite 0s;
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
-moz-animation-iteration-count:1;
-o-animation-iteration-count:1;
-ms-animation-iteration-count:1;
}
/* Animation for fuzhi anniu */
@-webkit-keyframes andh {
0% {
opacity: 1;
-webkit-transform: scale(1);
}
19% { opacity: 0 }
100% {
opacity: 0;
-webkit-transform: scale(10);
}
}
@-moz-keyframes andh {
0% {
opacity: 1;
-moz-transform: scale(1);
}
19% { opacity: 0 }
100% {
opacity: 0;
-moz-transform: scale(10);
}
}
@-o-keyframes andh {
0% {
opacity: 1;
-o-transform: scale(1);
}
19% { opacity: 0 }
100% {
opacity: 0;
-o-transform: scale(10);
}
}
@-ms-keyframes andh {
0% {
opacity: 1;
-ms-transform: scale(1);
}
19% { opacity: 0 }
100% {
opacity: 0;
-webkit-transform: scale(10);
}
}
@keyframes andh {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(3);
}
}
#copyBT:hover {
color:#f89a3a;
}
/*下面这个css是因为header包含浮动元素，导致nav不能被下面两个元素撑开，导致问题*/
.copy_area:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .copy_area{height: 1%;}
/* End hide from IE-mac */
/*复制分享样式结束*/
#content article .fenxiang{
margin:0px;
padding:5px 15px 5px 15px;
font-size:1em;
}
#content article .fenxiang a{
text-decoration: none; /*连接去掉下划线*/
color:#DC143C;
}
#content article .fenxiang a:hover {
color: #1E90FF;
}
#content section.xingqutiao ul li a{
text-decoration: none; /*连接去掉下划线*/
color:#cd0000;
}
#content section.xingqutiao ul li a:hover {
color:#f05323;
}
#content .wenzhangneirong{
margin:0;
padding:0px 20px 1px 20px;
}
#content .wenzhangneirong img{
/*max-width:750px;屏蔽这一条，新增下面两条*/
width:100% !important;
height:auto !important;
}
#content .wenzhangneirong img[src$="gif"]{
/*新增，用于控制gif表情字符大小*/
width:auto !important;
}
/*下面这个css是因为#wrapper仅仅包含两个浮动元素，导致#wrapper不能被下面两个元素撑开，导致问题*/
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html #wrapper {height: 1%;}
/* End hide from IE-mac */
.banner_show{
margin-left:10px;
margin-top:10px;
position: relative;/*相对定位,设置图片上的文字*/
}
.banner_show .banner-image{
border-radius:10px;
-moz-border-radius:10px; /* Old Firefox */
}
.banner_show .banner-text{
position: absolute;/*绝对定位*/
bottom: 20px;/*离底下0像素*/
left: 20px;/*离左边0像素*/
padding: 2px 7px 2px 7px;
font-size: 1.2em;
background:#FFF;
border-radius:10px;
opacity: 0.4;
color: #333;
}
.banner_show .banner-shuoming{
position: absolute;/*绝对定位*/
top: 20px;/*离底下0像素*/
right: 20px;/*离左边0像素*/
padding: 2px 7px 2px 7px;
font-size: 1.2em;
background:#FFF;
border-radius:10px;
opacity: 0.4;
color: #333;
}
.django-ckeditor-widget{
width:100%;
}
/*******************本文目录css**********************/
#zhengwen{
position:relative;
}
.card-side{
color:#1b334b;
font-size: 38px;
position:absolute;
top:5px;
right:5px;
z-index:100;
}
.card-side .card_button{
float:right;
display: inline-block;
}
.card-side .card_button i{
color:#1b334b;
font-size: 38px;
}
.card-side .card_button .fa-window-close-o{
color: #f35;
}
.card-side .card_content{
display: none;
}
.card_content{
background:rgba(255, 255, 255, 0.9);
margin:10px 38px 0 0;
padding:10px;
border:1px solid #1b334b;
border-radius:10px;
transition: all 0.15s;
}
.card_content:hover{
-webkit-box-shadow: 2px 2px 8px 1px rgba(20, 20, 20, 0.15);
-moz-box-shadow: 2px 2px 8px 1px rgba(20, 20, 20, 0.15);
box-shadow: 2px 2px 8px 1px rgba(20, 20, 20, 0.15);
}
.card-side li a{
cursor:pointer;
text-decoration:none;
display:block;
width:242px;
background-color:transparent;
text-overflow:ellipsis;/*让超出的用...实现*/
white-space:nowrap;/*禁止换行*/
overflow:hidden;/*超出的隐藏*/
}
.card-side li {
list-style: none outside none;
}
.card-side h3 {
padding:10px;
font-size: 20px;
}
.card-side li {
font-size: 15px;
}
.card-side li a:hover {
color: #009966;
}
/*******************评论css**********************/
#content section div.pinglun {
margin:5px;
padding:10px;
}
#content section div.pinglun ul{
margin:5px;
padding:5px;
}
.yinsi{
text-decoration: none; /*连接去掉下划线*/
color:#aa5555;
font-size:1em;
}
.comment-item{
border-top: 1px solid #dddddd;
margin:5px 0 5px 0;
padding-top:5px;
padding-bottom:5px;
}
.gravatar{
float:left;
border-radius:15px;
-moz-border-radius:15px; /* Old Firefox */
}
.gravatar40{
margin-top:2px;
border-radius:10px;
-moz-border-radius:10px; /* Old Firefox */
}
.plren{
display:inline-block;
}
.nickname{
text-decoration: none; /*连接去掉下划线*/
margin-left: 20px;
padding-top: 5px;
color:#339933;
font-size:1em;
font-weight:bold;
}
.nickname:hover {
color: #009966;
}
.louceng{
float:right;
background:#eeeeee;
padding:5px 7px 5px 7px;
color:#cc2f69;
border-radius:10px;
-moz-border-radius:10px; /* Old Firefox */
}
.maodian{
display: block;
height: 40px; /*same height as header*/
margin-top: -40px; /*same height as header*/
visibility: hidden;
}
.plneirong{
padding: 15px 0 15px 50px;
}
.pltime {
margin:10px 0 0 10px;
}
.submit-date {
margin-left: 10px;
font-size:0.8em;
color:#99CCCC;
}
.hfbutton {
text-decoration: none; /*连接去掉下划线*/
margin-left: 10px;
color:#0099CC;
opacity:0.3;
font-size:0.8em;
font-weight:bold;
}
.hfbutton:hover {
color: #0099CC;
opacity:1;
}
.replies{
margin-left: 50px;
}
.reply{
border-top: 1px dashed #eeeeee;
padding-top:5px;
}
.reply .nickname{
text-decoration: none; /*连接去掉下划线*/
padding-top: 0px;
color:#228822;
font-size:0.8em;
}
.reply .nickname:hover {
color: #44aa44;
}
.pltime_reply {
margin:2px 0 0 10px;
}
.hfziti{
color:#0099CC;
font-size:0.8em;
}
.breply{
color:#339933;
font-size:0.8em;
}
#reply_content_container{
font-size:0.8em;
background:#f8f8f8;
border: solid 1px #d1d1d1;
overflow:hidden;
padding:0 1em 0 1em;
margin-top: 0;
margin-bottom:10px;
}
p#reply_title{
border-bottom: 1px dashed #ccc;
padding-bottom: 0.5em;
}
div#reply_content{
margin-top:0;
margin-bottom: 0.5em;
}
span#reply_to_content{
margin-left:1em;
margin-right: 1em;
color:#228822;
}
.reply_cancel{
text-decoration: none; /*连接去掉下划线*/
color:#ee5555;
font-size:0.8em;
font-weight:bold;
float:right;
}
.reply_cancel:hover{
color:#ff0000;
}
.yz_tj{
margin:0px;
float:right;
display:flex;
align-items:center;
txt-align:center;
}
/*
.reply_confirm{
font-size:1.2em;
font-weight:bold;
}*/
button.reply_confirm{
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 7px 30px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size:1em;
margin: 4px 2px;
cursor: pointer;
border-radius: 8px;
}
.valid-img img{
margin-left: 10px;
}
span#comment_error {
color:#ff3333;
padding-right:10px;
}
/*
#comment_form input{
padding: 5px;
border: solid 1px #d1d1d1;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 300px;
}
#comment_form input:hover,
#comment_form input:focus {
border-color: #C9C9C9;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
#comment_form #valid_code_in{
margin: 5px;
width: 100px;
}
.comment-list-panel{
margin-top:5px;
clear:both;
}*/
#comment_form input{
border: solid 1px #d1d1d1;
border-radius:8px;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
}
#comment_form .form_inline{
margin-top:5px;
margin-bottom:5px;
padding: 9.5px;
display:inline-block;
width: 30%;
float:left;
}
#comment_form #form_zuo, #form_you{
margin-left: 0px;
margin-right: 0px;
}
#comment_form #form_zhong{
margin-left: 5px;
margin-right: 5px;
}
#comment_form input:hover,
#comment_form input:focus {
border-color: #C9C9C9;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}
#comment_form #valid_code_in{
margin: 5px;
padding: 9px;
width: 100px;
}
.comment-list-panel{
margin-top:5px;
clear:both;
}
/*******************footer**********************/
footer{
background:#1b334b;
margin-top:10px;
margin-bottom:0px;
}
footer #footer-shuo{
margin-top:20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
float:left;
width: 40%;
}
footer #footer-ziyou{
margin-top:20px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
float:right;
width: 40%;
text-align:right;
}
footer p{
margin:2px;
color:#f5eede;
font-size:0.9em;
}
#footer-ziyou span.nianling{
margin:2px;
background:#f05323;
border-radius:5px;
color:#f5eede;
font-size:0.9em;
}
#footer-ziyou span.nianling:hover{
background:#f89a3a;
}
footer a{
text-decoration: none; /*连接去掉下划线*/
color:#f89a3a;
}
/*下面这个css是因为footer仅仅包含两个浮动元素，导致footer不能被下面两个元素撑开，导致问题*/
footer:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html footer {height: 1%;}
/* End hide from IE-mac */
/************************************************************/
@media screen and (max-width: 980px) {
#wrapper{
width:100%;
margin: 0px;
}
#wrapper.sideMenu{
margin:0;
-webkit-transform:none;
transform:none;
}
header{
font-size:0.7em;
height:30px;
}
.logo-single{
line-height:30px;
}
.logo{
line-height:30px;
}
#wenzhangshu{
line-height:30px;
}
#sideToggle{
display:none;
}
#sideToggle:checked + aside{
left:0;
}
#sideToggle:checked ~ #anniu{
padding-left:280px;
}
#sideToggle:checked ~ #content{
margin-right:-280px;
}
#wrapper > aside{
position:absolute;
top:10px;
bottom:0;
left:-280px;
width:280px;
background:#fefefe;
transition:0.2s ease-out;
-webkit-transition:0.2s ease-out;
}
#anniu{
display: block;
margin-left:0px;
padding:0px;
transition:0.25s ease-out;
-webkit-transition:0.25s ease-out;
}
#anniu > label{
display:inline-block;
}
#anniu > label{
background:#f1103a;
border-radius:50px;
color: #FFF;
cursor: pointer;
display: block;
font-family: Courier New;
font-size: 25px;
font-weight: bold;
width: 30px;
height: 30px;
line-height: 35px;
text-align: center;
text-shadow: 0 -4px;
}
#anniu > label:hover{
background:#000;
}
aside .biaoqianyun ul li{
background:#fff;
}
#content{
background:#fefefe;
width:100%;
margin:0px;
transition:0.25s ease-out;
-webkit-transition:0.25s ease-out;
}
#content .pagination{
/*margin-top:0px;*/
margin-top:5px;
margin-right:2px;
margin-bottom:1px;
margin-left:2px;
}
#content .wenzhangneirong{
margin:0;
padding:0px 10px 1px 10px;
}
#content .wenzhangneirong img{
width:100% !important;
height:auto !important;
}
#content .wenzhangneirong img[src$="gif"]{
width:auto !important;
}
#content .fenleiming{
font-size:1.2em;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
margin-right:0px;
color:#B22222;
}
#content .tongzhi{
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
margin-right:0px;
color:#cc2222;
border-bottom:1px solid #cc2222; ;
}
#content .dujitang{
color:#cc2222;
font-size:1em;
margin-bottom:0px;
margin-left:10px;
margin-right:0px;
border-bottom:1px solid #cc2222;
}
#content sup.dujitang_jiaobiao{
background-color: #cc2222;
font-size:0.3em;
padding: 2px 5px 2px 5px;
border-radius:3px;
-moz-border-radius:3px; /* Old Firefox */
}
.banner_show{
font-size: 0.8em;
}
#content .banner_show .banner-image{
width:100% !important;
}
#content .banner_show #mapBox{
width:100% !important;
}
#content section .detail_top{
width:100% !important;
}
span#comment_error {
color:#ff3333;
padding-right:5px;
font-size:0.8em;
}
footer{
font-size:0.6em;
}
footer #footer-shuo{
width: 100%;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
text-align:center;
}
footer #footer-ziyou{
width: 100%;
margin-top:10px;
margin-left:0px;
margin-right:0px;
text-align:center;
}