/** stormSpirit.css v1.0
* Author: Merainy
*  Email: Merainy.a@Gmail.com
*   Date: 2012-12-31
* ========================
*/


/*========================*\
  CSS Reset
\*========================*/
html,body{height:100%;}
img{border:0 none;}
ul{padding:0;list-style:none outside none;}
ol{padding:0 0 0 24px;}
body,th, td, dl, dd, h1, h2, h3, h4, h5, h6, p, form, ul, ol{margin:0;}
table{border-collapse:collapse; border-spacing:0;}
input{margin:0; padding:1px;}
input[type="password"],input[type="text"],input[type="file"]{outline:none;}
body{text-align:center;}


/*========================*\
  ICON 字体
\*========================*/
@font-face {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  src:url('https://files.cnblogs.com/StormSpirit/eot.7z');
  src:url('https://files.cnblogs.com/StormSpirit/eot.7z?#iefix') format('embedded-opentype'),
  url('https://files.cnblogs.com/StormSpirit/svg.7z#icomoon') format('svg'),
  url('https://files.cnblogs.com/StormSpirit/woff.7z#icomoon') format('woff'),
  url('https://files.cnblogs.com/StormSpirit/truetype.7z') format('truetype');
}
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.icon-pencil:before {content: "\e000";}
.icon-home:before {content: "\e002";}
.icon-droplet:before {content: "\e003";}
.icon-pictures:before {content: "\e004";}
.icon-book:before {content: "\e005";}
.icon-mouse:before {content: "\e006";}
.icon-loading:before {content: "\e00b";}
.icon-comments:before {content: "\e00c";}
.icon-cog:before {content: "\e00a";}
.icon-lab:before {content: "\e001";}
.icon-puzzle:before {content: "\e007";}
.icon-file-css:before {content: "\e009";}
.icon-chrome:before {content: "\e00d";}
.icon-firefox:before {content: "\e00e";}
.icon-IE:before {content: "\e00f";}
.icon-opera:before {content: "\e010";}
.icon-safari:before {content: "\e011";}
.icon-user:before {content: "\e012";}
.icon-reddit:before {content: "\e013";}


/*========================*\
  Global
\*========================*/
@media screen and (max-width: 1024px) {
  #home{width:1024px;}
  .main-container{ float:none; width:auto; margin-top:20px; display:block;}
  .sidebar{ float:left; width:auto; margin-top:20px; display:block;}
  .blog-update .img-border{ overflow:hidden; padding:0; border:1px solid #ccc; background-color:#fff;}
  .blog-update .img-border img{ max-width:100%; height:auto;}
}
@media screen and (min-width: 1620px) {
  .newsItem,.catListLink,.catListPostCategory{ float:left; width:40%;}
  #blog-calendar,.catListTag,.catListPostArchive{ float:left; width:60%;}
  #leftcontentcontainer,.catListComment,.catListPostCategory,.catListArticleArchive,.catListView{ clear:both;}
  .catListPostCategory,.catListPostArchive{ margin-bottom:22px;}
}
body{color:#333; font:9pt/1.4 'Verdana','SimSun';}
a:link{color:#3B5999; text-decoration:none;}
a:visited{color:#AFAFC3;}
a:hover{color:#09F; text-decoration:underline;}
a:active{color:#FAAF44;}
.clear{ clear:both;}.dn{ display: none;}
#lnkBlogLogo,
#blogTitle h2,
#navList li a img{ display: none;}

#main{ padding:0 18px;}
#mainContent{ position:relative; float:right; width:74%; margin-top: 24px; text-align:left;}
.forFlow{ padding:16px; border:1px solid #CCC; box-shadow: 0px 0px 4px 2px #EEE;}
.postDesc, .entrylistItemPostDesc, .postDesc2 {margin: 5px;color: #3B5999;text-align: right;}
.catListEssay,.catListLink,.catListNoteBook,
.catListTag,.catListPostCategory.catListPostArchive,
.catListArticleArchive,.catListImageCategory,.mySearch,
.catListComment,.catListView,.catListFeedback{ margin:0 0 22px;}


/*========================*\
  header && footer
\*========================*/
#header{ height: 35px; border-bottom: 1px solid #B5B5B5; background-image: -webkit-linear-gradient(90deg, #FEFEFE 9%, #F7F6F7 100%); box-shadow: 0 1px 3px #CCC;}
#blogTitle{float: left; display: inline; margin: 0 20px; line-height: 35px;}
#blogTitle .headermaintitle{color: #3B5999; font-size: 16px; font-weight: 600; text-decoration: none; text-shadow: 1px 1px 1px #ccc;}
#navigator {float:left; width:100%; height:35px; margin:-35px 0 0; line-height:35px;}
#navList {float: left;margin: 0 0 0 220px;}
#navList li{float:left; border-left:1px solid #DDDDDD;}
#navList li a{ display:block; padding:0 16px; color: #3B5999; font-size:14px; font-family:'Microsoft YaHei'; text-decoration:none;}
#navList li:last-child{ border-right:1px solid #DDDDDD;}
#navList li a:hover{ background:#F9F9F9; box-shadow:0px 0px 5px #CCC inset;}
.blogStats{float: right; margin: 0 20px 0; color: #333; text-align: right;}

#footer{ float:right; padding-bottom:20px; margin-right:40px; margin-top:15px; color:#777777;}


/*========================*\
  sideBar
\*========================*/
#sideBar{ float:left; width:26%; word-break:break-all; text-align:left;}
#sideBarMain{ margin-top: 50px; line-height:22px;}
#sideBarMain li a{ font-size:14px; color:#369; line-height:20px;}
#leftcontentcontainer{ padding-top:10px; text-align:left; clear:both;}
#leftcontentcontainer h3{ padding:0 0 5px; border-bottom:1px solid #CCC; margin:10px 0; font-size:14px; line-height:1.5em;}
#leftcontentcontainer ul{ margin-left:10px;}
.newsItem:before,
#blog-calendar:before{ display:block; margin:-34px 0 18px; }
.newsItem:before,
#blog-calendar:before,
#leftcontentcontainer h3{ font-size:14px; color:#555; font-weight:600;}
/* === 关于 === */
.newsItem{ padding:10px 0 0; border-top:1px solid #ccc; margin:0 0 38px; line-height: 24px;}
.newsItem .catListTitle{ display:none;}
.newsItem:before{content:'关于';}
.newsItem #profile_block{ line-height:24px;}
/* === 日历 === */
#blog-calendar{ padding-top:10px; border-top:1px solid #ccc; margin:0 0 10px; line-height:22px;}
#blog-calendar:before{ content:'日历';}
.Cal { width:180px;}
.CalTitle{ width:180px; text-align:center;}
/* === 搜索 === */
.mySearch #q{ width:60%; height:19px; margin:0 6px;}
.mySearch input.btn_my_zzk{ padding:3px 10px 3px; border:0 none; background:#08C; color:#fff; font-size:14px; cursor:pointer; border-radius:2px; box-shadow:0 1px 2px #999;}
.mySearch input.btn_my_zzk:hover{ background:#09F; box-shadow:none;}
/* === 常用链接 && 我的标签 && 随笔分类 && 随笔档案 && 阅读排行榜 等 === */
#sideBar li{ margin:3px 0 0 5px;}
.catListView #TopViewPostsBlock{padding:0 6px 0 20px;}
#sideBar .catListView li{ text-indent:-20px;}


/*========================*\
  Article
\*========================*/
/* === 文章标题 === */
.postTitle{ padding:4px 5px; margin-top:10px; border-bottom: 1px solid #BBB; color:#36C;}
.postTitle a{ font:600 22px/26px 'Merienda', Georgia; text-shadow:2px 1px 3px #CCC;}
/* === 首页 摘要 === */
.day{ padding:14px; border:4px solid #ddd; margin:14px 0 0; overflow:hidden;}
:root .day .dayTitle{ left:56px\9;}
.day .dayTitle a{ margin:10px; color:#333; font:500 14px/28px 'Microsoft YaHei'; text-shadow:1px 1px 1px #ccc; opacity:.5;}
.day .postCon{ padding:10px; color:#555; font-size: 14px; line-height: 24px;}
.day .postDesc,
.day .entrylistItemPostDesc,
.day .postDesc2{ margin:5px; color:#3b5999; text-align:right; }
.day .postDesc a,
.day .entrylistItemPostDesc a{color:#3b5999;}
.day .dayTitle{ position:relative; left:56px; left:0\0; top:13px; float:right; width:163px; height:28px; background:#eee; line-height:28px; text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.topicListFooter { padding-right:10px; margin: 10px 0 0; text-align: right;background-color: #efefef; line-height: 24px;}
/* === 文章页 内容 === */
.postBody{ padding:10px; line-height:1.5;}
#cnblogs_post_body{ font-size:15px; line-height:1.8;}
#cnblogs_post_body .img{padding: 20px; border:1px dotted #ccc; text-align:center; text-indent:0;}
#cnblogs_post_body .runcode{ padding:.4em .8em; border:1px solid #fff; margin: 10px 10px 0 0; background: #F8970C; font-weight: 600; box-shadow:1px 1px 1px 1px #ccc; cursor: pointer;}
#cnblogs_post_body .runcode:hover{ box-shadow:none;}
#cnblogs_post_body .txtdemo{width:99%; height:160px;}
#cnblogs_post_body .art-ico{margin: -36px 0 0; color: #ccc; font-size: 30px; text-align: right;}
#cnblogs_post_body h2{ padding:0 10px; margin: 26px 0 6px; color: #444; background:#ccc; font-size: 16px; font-weight: 600; font-family: Microsoft YaHei;}
#cnblogs_post_body p{ text-indent: 30px;}
#cnblogs_post_body .list{ margin: 20px 0;}
#cnblogs_post_body .w{ position:relative; padding: 10px 10px 10px; border:2px solid #E6E6E6; margin: 10px 0; overflow: hidden; background: #f0f0f0; font-size: 12px;}
#cnblogs_post_body .w a.flg,
#cnblogs_post_body .w span.flg{ position: absolute; bottom:6px; right:6px; font-size: 12px;}
#cnblogs_post_body .w .flg .icon{ position: absolute; bottom: -4px; right:6px; color: #ccc; font-size: 30px;}
#cnblogs_post_body .w .demo{ overflow:hidden; width:100%; height:140px; border: 0 none; outline: none; background: 0 none;}
#cnblogs_post_body .egg{ color: #999; font-size: 12px;}
/* === 文章页 文章tag和button === */
#blog_post_info_block{margin-top:20px;}
#digg_block{*zoom:1;}
#digg_block:after{display:block; content:"\200B"; height:0; clear:both;}
#post_next_prev{ font-size:14px;}
/* === 文章页 评论列表 === */
.feedback_area_title{ padding-left:10px; margin: 10px 0; color:#666; font-weight:bold; line-height:1.5em;}
.feedback_area_title:before{ padding:0 10px; color:#666; font-family:'icomoon'; font-size:24px; content:"\e00c"; speak:none; -webkit-font-smoothing: antialiased;}
.feedbackItem{ position:relative; padding:5px; border:solid 1px #B4CDE7; margin:5px; background:none; box-shadow:0 0 2px #A4BBD8;}
.feedbackItem:hover{ box-shadow: none;}
.feedbackItem .feedbackListSubtitle .louzhu:before { position: absolute; right:120px; bottom:12px; z-index:-1;  color: #C5DCEE; font-family:'icomoon'; font-size:40px; content: "\e012"; speak: none; -webkit-font-smoothing: antialiased;}
.feedbackItem .feedbackListSubtitle .feedbackManage{ float:right;}
.feedbackItem .feedbackListSubtitle .feedbackManage a{ color:#555;}
.feedbackItem .feedbackListSubtitle .sendMsg2This{ background-position: 0 -3px;}
.feedbackItem .feedbackListSubtitle .sendMsg2This:hover{ background-position: 0 -22px;}
.feedbackItem .feedbackCon{ padding:10px 5px;}
/* ===文章页 评论区 === */
#commentform_title{ padding:0 0 0 25px; margin-bottom:10px; background:url(https://static.cnblogs.com/images/icon_addcomment.gif) no-repeat;}
.commentform{ background-color:#f7f7f7; padding:10px; border-top:solid 1px #95a5c6;}
.commentform input.author,
.commentform input.email,
.commentform input.url{ width:300px; padding:4px 4px 4px 30px; border:1px solid #CCC; background: url(https://static.cnblogs.com/images/icon_form.gif) no-repeat; font-size:13px;}
.commentform input.author{ background-position: 3px -3px;}
.commentform input.email{ background-position: 3px -33px;}
.commentform input.url{ background-position: 3px -63px;}
.commentform textarea{ width:450px; height:200px; font-size:13px;}
.commentform p{margin-top:10px; line-height:20px;}
.commentform tr{ margin-top:5px;}
.commentform .commenttb{ width:300px}
.commentform a{ color:#3b5999;}
.commentform .commentButton{ width:60px;}
.commentbox_title{ width:450px;}
.commentbox_title_left{ float:left;}
.commentbox_title_right{ float:right; height:22px;}
.login_tips{ padding:0px 0px 10px 25px; margin-top:10px; background:url(https://static.cnblogs.com/images/icon_addcomment.gif) no-repeat; font-weight:bold;}
.login_tips a{ text-decoration:underline;}
.ad_text_commentbox,
#ad_under_post_holder{ display:none;}
#btn_comment_submit{ cursor:pointer;}
/* ===tag页 tag === */
#taglist_title{ font-size: 30px; color:#555;}
#MyTag1_dtTagList td{ width:180px; height: 120px;}
#MyTag1_dtTagList a,
#MyTag1_dtTagList span{ font-size:14px;}
#MyTag1_dtTagList a{
  display: block;padding: 10px 6px;height: 30px;margin: 0 16px;border-bottom-right-radius: 600px 20px; background-color: #f4f39e;
  background:-moz-repeating-linear-gradient(top,#fcf59b,#fcf59b 29px);
  background:-webkit-gradient(linear,left top, left bottom,color-stop(2%, #fcf59b));
  background:repeating-linear-gradient(top,#fcf59b,#fcf59b 29px);
  color:#09F;font-weight: 600;line-height: 30px;font-family: Verdana;text-align: center;box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);
}
#MyTag1_dtTagList a:hover{border-bottom-right-radius: 600px 10px; text-decoration: none;}
#MyTag1_dtTagList span{ position: relative;top: -60px; left: 78px; color:#666;}
#MyTag1_dtTagList span:after {position: absolute; top: -4px; left: -19px; width: 60px;  height: 20px;border: 1px solid rgba(0, 0, 0, .1); content: "";
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}