mirror of
https://github.com/kaka111222333/kaka111222333.github.io.git
synced 2025-12-21 01:04:53 +08:00
创建博客
This commit is contained in:
lemonchann
247
static/css/archive.css
Normal file
247
static/css/archive.css
Normal file
@@ -0,0 +1,247 @@
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Modules - reusable parts of our design
|
||||
|
||||
-------------------------------- */
|
||||
.cd-container {
|
||||
/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
|
||||
width: 90%;
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.cd-container::after {
|
||||
/* clearfix */
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* --------------------------------
|
||||
|
||||
Main components
|
||||
|
||||
-------------------------------- */
|
||||
|
||||
#cd-timeline {
|
||||
position: relative;
|
||||
padding: 2em 0;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
#cd-timeline::before {
|
||||
/* this is the vertical line */
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 18px;
|
||||
height: 100%;
|
||||
width: 4px;
|
||||
background: #d7e4ed;
|
||||
}
|
||||
@media only screen and (min-width: 1170px) {
|
||||
#cd-timeline {
|
||||
margin-top: 3em;
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
#cd-timeline::before {
|
||||
left: 50%;
|
||||
margin-left: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
.cd-timeline-block {
|
||||
position: relative;
|
||||
margin: 2em 0;
|
||||
}
|
||||
.cd-timeline-block:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
.cd-timeline-block:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.cd-timeline-block:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media only screen and (min-width: 1170px) {
|
||||
.cd-timeline-block {
|
||||
margin: 4em 0;
|
||||
}
|
||||
.cd-timeline-block:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
.cd-timeline-block:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.cd-timeline-img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.cd-timeline-img img {
|
||||
display: block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -12px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.cd-timeline-img.cd-picture {
|
||||
background: #75ce66;
|
||||
}
|
||||
.cd-timeline-img.cd-movie {
|
||||
background: #c03b44;
|
||||
}
|
||||
.cd-timeline-img.cd-location {
|
||||
background: #f0ca45;
|
||||
}
|
||||
@media only screen and (min-width: 1170px) {
|
||||
.cd-timeline-img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
/* Force Hardware Acceleration in WebKit */
|
||||
-webkit-transform: translateZ(0);
|
||||
-webkit-backface-visibility: hidden;
|
||||
}
|
||||
.cssanimations .cd-timeline-img.is-hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
.cssanimations .cd-timeline-img.bounce-in {
|
||||
visibility: visible;
|
||||
-webkit-animation: cd-bounce-1 0.6s;
|
||||
-moz-animation: cd-bounce-1 0.6s;
|
||||
animation: cd-bounce-1 0.6s;
|
||||
}
|
||||
}
|
||||
|
||||
.cd-timeline-content {
|
||||
position: relative;
|
||||
margin-left: 60px;
|
||||
background: white;
|
||||
border-radius: 0.25em;
|
||||
padding: 1em;
|
||||
box-shadow: 0 3px 0 #d7e4ed;
|
||||
}
|
||||
.cd-timeline-content:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
.cd-timeline-content a {
|
||||
color: #303e49;
|
||||
}
|
||||
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
|
||||
font-size: 13px;
|
||||
}
|
||||
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
|
||||
display: inline-block;
|
||||
}
|
||||
.cd-timeline-content p {
|
||||
margin: 1em 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.cd-timeline-content .cd-read-more {
|
||||
float: right;
|
||||
padding: .8em 1em;
|
||||
background: #acb7c0;
|
||||
color: white;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
.no-touch .cd-timeline-content .cd-read-more:hover {
|
||||
background-color: #bac4cb;
|
||||
}
|
||||
a.cd-read-more:hover{text-decoration:none; background-color: #424242; }
|
||||
.cd-timeline-content .cd-date {
|
||||
float: left;
|
||||
padding: .8em 0;
|
||||
opacity: .7;
|
||||
}
|
||||
.cd-timeline-content::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
right: 100%;
|
||||
height: 0;
|
||||
width: 0;
|
||||
border: 7px solid transparent;
|
||||
border-right: 7px solid white;
|
||||
}
|
||||
@media only screen and (min-width: 768px) {
|
||||
.cd-timeline-content p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 1170px) {
|
||||
.cd-timeline-content {
|
||||
margin-left: 0;
|
||||
padding: 1.6em;
|
||||
width: 45%;
|
||||
}
|
||||
.cd-timeline-content::before {
|
||||
top: 24px;
|
||||
left: 100%;
|
||||
border-color: transparent;
|
||||
border-left-color: white;
|
||||
}
|
||||
.cd-timeline-content .cd-read-more {
|
||||
float: left;
|
||||
}
|
||||
.cd-timeline-content .cd-date {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 122%;
|
||||
top: 6px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.cd-timeline-block:nth-child(even) .cd-timeline-content {
|
||||
float: right;
|
||||
}
|
||||
.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
|
||||
top: 24px;
|
||||
left: auto;
|
||||
right: 100%;
|
||||
border-color: transparent;
|
||||
border-right-color: white;
|
||||
}
|
||||
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
|
||||
float: right;
|
||||
}
|
||||
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
|
||||
left: auto;
|
||||
right: 122%;
|
||||
text-align: right;
|
||||
}
|
||||
.cssanimations .cd-timeline-content.is-hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
.cssanimations .cd-timeline-content.bounce-in {
|
||||
visibility: visible;
|
||||
-webkit-animation: cd-bounce-2 0.6s;
|
||||
-moz-animation: cd-bounce-2 0.6s;
|
||||
animation: cd-bounce-2 0.6s;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1170px) {
|
||||
/* inverse bounce effect on even content blocks */
|
||||
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
|
||||
-webkit-animation: cd-bounce-2-inverse 0.6s;
|
||||
-moz-animation: cd-bounce-2-inverse 0.6s;
|
||||
animation: cd-bounce-2-inverse 0.6s;
|
||||
}
|
||||
}
|
||||
75
static/css/article-list.css
Normal file
75
static/css/article-list.css
Normal file
@@ -0,0 +1,75 @@
|
||||
article{
|
||||
padding:6px 0px 8px 0px;
|
||||
margin-top: 3em;
|
||||
}
|
||||
article header{
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
margin-bottom: 1em;
|
||||
margin-left: 5px;
|
||||
line-height: 1em;
|
||||
text-shadow: 0 1px #fff;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
|
||||
article header a{
|
||||
color: #666;
|
||||
}
|
||||
|
||||
article .module {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding: 25px;
|
||||
border-bottom: 1px solid #b1b1b1;
|
||||
background: #f8f8fd;
|
||||
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4),0 0 30px rgba(10,10,0,0.1) inset;
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4),0 0 30px rgba(10,10,0,0.1) inset;
|
||||
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.4),0 0 30px rgba(10,10,0,0.1) inset;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.4),0 0 30px rgba(10,10,0,0.1) inset;
|
||||
}
|
||||
article .title{
|
||||
font-size: 1.6em;
|
||||
font-weight: 500;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
|
||||
margin-left: -25px;
|
||||
padding-left: 20px;
|
||||
border-left: 5px solid #2ca6cb;
|
||||
}
|
||||
|
||||
article .readmore{
|
||||
display: inline-block;
|
||||
line-height: 1em;
|
||||
padding: 6px 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
background: #eee;
|
||||
color: #999;
|
||||
text-shadow: 0 1px #fff;
|
||||
text-decoration: none;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
article .readmore:hover{
|
||||
background: #258fb8;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px #1e7293;
|
||||
}
|
||||
|
||||
article footer{
|
||||
font-size: .85em;
|
||||
line-height: 1.6em;
|
||||
border-top: 1px solid #ddd;
|
||||
padding-top: 1.6em;
|
||||
margin: 0;
|
||||
}
|
||||
article footer a{
|
||||
color: #999;
|
||||
margin-right: 15px;
|
||||
}
|
||||
30
static/css/category.css
Normal file
30
static/css/category.css
Normal file
@@ -0,0 +1,30 @@
|
||||
section.category-slice{
|
||||
display: none;
|
||||
}
|
||||
.categories-item{
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
.categories-item .categories-badge{
|
||||
font-size: 10px;
|
||||
color: #fff;
|
||||
background-color: #999;
|
||||
padding: 0 7px 1px 7px;
|
||||
border-radius: 9px;
|
||||
float: right;
|
||||
transition:0.4s ease;
|
||||
-webkit-transition:0.4s ease;
|
||||
-moz-transition:0.4s ease;
|
||||
-o-transition:0.4s ease;
|
||||
}
|
||||
.categories-item:hover .categories-badge{
|
||||
-webkit-transform:rotate(360deg) scale(1.2);
|
||||
-moz-transform:rotate(360deg) scale(1.2);
|
||||
-o-transform:rotate(360deg) scale(1.2);
|
||||
-ms-transform:rotate(360deg) scale(1.2);
|
||||
transform:rotate(360deg) scale(1.2);
|
||||
}
|
||||
|
||||
.dropdown .btn,
|
||||
.dropdown .dropdown-menu{
|
||||
font-size: 17px;
|
||||
}
|
||||
1146
static/css/gitment.css
Normal file
1146
static/css/gitment.css
Normal file
File diff suppressed because it is too large
Load Diff
63
static/css/highlight.css
Normal file
63
static/css/highlight.css
Normal file
@@ -0,0 +1,63 @@
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { color: #000000; font-weight: bold } /* Keyword */
|
||||
.highlight .o { color: #000000; font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d01040 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d01040 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d01040 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d01040 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d01040 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d01040 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d01040 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d01040 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
.highlight .lineno{ color: rgba(0,0,0,0.3); border-right: solid 1px rgba(0,0,0,0.3); padding-right: 5px;}
|
||||
|
||||
|
||||
164
static/css/post.css
Normal file
164
static/css/post.css
Normal file
@@ -0,0 +1,164 @@
|
||||
.post table{
|
||||
border-top:2px solid #777;
|
||||
border-bottom: 2px solid #777;
|
||||
margin: 8px 0;
|
||||
}
|
||||
.post table thead{
|
||||
border-bottom: 1px dashed #777;
|
||||
background-color: #aaa;
|
||||
color:#fff;
|
||||
}
|
||||
.post table th{
|
||||
padding: 2px 10px;
|
||||
}
|
||||
.post table tr:nth-child(2n){
|
||||
background-color: #E5EAED;
|
||||
}
|
||||
.post table td{
|
||||
padding: 2px 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* post
|
||||
* post articles area
|
||||
*/
|
||||
.post header{
|
||||
margin-left: -30px;
|
||||
padding-left: 25px;
|
||||
border-left: 5px solid #2ca6cb;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.post header h2{
|
||||
color: #2ca6cb;
|
||||
}
|
||||
.post header p.post-meta{
|
||||
color: #817c7c;
|
||||
}
|
||||
|
||||
.post header p.post-tag a{
|
||||
display: inline-block;
|
||||
background: #2ca6cb;
|
||||
color: #fff;
|
||||
padding: 2px 5px 0px 5px;
|
||||
border: 1px solid #2ca6cb;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.post img{
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
|
||||
-webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
|
||||
-o-box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
|
||||
box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);
|
||||
}
|
||||
/**
|
||||
* Blockquotes
|
||||
*/
|
||||
.post blockquote {
|
||||
border-left: 5px solid #D6DBDF;
|
||||
background: rgba(112,138,153,.1);
|
||||
font-size: 100%;
|
||||
}
|
||||
.post blockquote:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.post pre {
|
||||
overflow: auto;
|
||||
word-wrap: normal;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.post pre code{
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px){
|
||||
/**
|
||||
* 文章目录相关
|
||||
*/
|
||||
.post ul#markdown-toc {
|
||||
display: none!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1199px){
|
||||
.content-navigation{
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
.post pre code{
|
||||
font-size: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px){
|
||||
.post pre code{
|
||||
font-size: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px){
|
||||
.post header{
|
||||
margin-left: -10px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.post pre code{
|
||||
font-size: 55%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.content-navigation a:link {color: #333;text-decoration: none;} /* 未访问的链接 */
|
||||
.content-navigation a:visited {color: #99b } /* 已访问的链接 */
|
||||
.content-navigation a:hover {color: #99b;} /* 鼠标移动到链接上 */
|
||||
.content-navigation a:active {color: #99b} /* 选定的链接 */
|
||||
|
||||
.content-navigation{
|
||||
max-width: 292px;
|
||||
padding-left: 30px;
|
||||
}
|
||||
.content-navigation-header {
|
||||
display: block;
|
||||
border-bottom: .1875em solid #ccc;
|
||||
font-size: 20px;
|
||||
color: #2ca6cb;;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
padding-top: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.content-navigation .content-navigation-list{
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
.content-navigation .content-navigation-list ul li{
|
||||
line-height: 25px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.boundary{
|
||||
border-bottom: .1875em solid #ccc
|
||||
}
|
||||
|
||||
|
||||
.clickable-header {
|
||||
cursor:pointer;
|
||||
}
|
||||
.clickable-header:hover:after {
|
||||
content: '\f05c';
|
||||
margin-left: 10px;
|
||||
|
||||
font: normal normal normal smaller/1 octicons;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
264
static/css/style.css
Normal file
264
static/css/style.css
Normal file
@@ -0,0 +1,264 @@
|
||||
---
|
||||
layout: null
|
||||
---
|
||||
|
||||
.navbar-tiffany,
|
||||
.banner{
|
||||
background: -webkit-linear-gradient(45deg, rgba(0 , 0, 0, 0) 48%, rgba(0 , 0, 0, 0.1) 50%, rgba(0 , 0, 0, 0) 52%),
|
||||
-webkit-linear-gradient(135deg, rgba(0 , 0, 0, 0) 48%, rgba(0 , 0, 0, 0.1) 50%, rgba(0 , 0, 0, 0) 52%);
|
||||
background: linear-gradient(45deg, rgba(0 , 0, 0, 0) 48%, rgba(0 , 0, 0, 0.1) 50%, rgba(0 , 0, 0, 0) 52%),
|
||||
linear-gradient(-45deg, rgba(0 , 0, 0, 0) 48%, rgba(0 , 0, 0, 0.1) 50%, rgba(0 , 0, 0, 0) 52%);
|
||||
-webkit-background-size: 1em 1em;
|
||||
background-size: 1em 1em;
|
||||
}
|
||||
|
||||
.navbar-tiffany{
|
||||
background-color: #2ca6cb;
|
||||
border-top: 1px solid rgba(255,255,255,0.2);
|
||||
border-bottom: 1px solid rgba(0,0,0,0.1);
|
||||
box-shadow: 2px 4px 5px rgba(3,3,3,0.2);
|
||||
}
|
||||
|
||||
.footnote-tiffany{
|
||||
background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0) 52%),
|
||||
-webkit-linear-gradient(135deg, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0) 52%);
|
||||
background: linear-gradient(45deg, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0) 52%),
|
||||
linear-gradient(-45deg, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.03) 50%, rgba(255, 255, 255, 0) 52%);
|
||||
-webkit-background-size: 1em 1em;
|
||||
background-size: 1em 1em;
|
||||
}
|
||||
.footnote-tiffany{
|
||||
background-color: #333333;
|
||||
border-color: #2ca6cb;
|
||||
box-shadow: 2px -4px 5px rgba(3,-3,3,0.2);
|
||||
}
|
||||
|
||||
|
||||
.navbar-tiffany .navbar-brand,
|
||||
.navbar-tiffany .navbar-text,
|
||||
.navbar-tiffany .nav>li>a{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
.navbar-tiffany .nav>li>a:hover,
|
||||
.navbar-tiffany .nav>li>a:focus,
|
||||
.navbar-tiffany .nav>li.active>a {
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: #fff;
|
||||
}
|
||||
.navbar-tiffany .navbar-toggle{
|
||||
border-color: #fff;
|
||||
}
|
||||
|
||||
.navbar-tiffany .navbar-toggle .icon-bar{
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.navbar-nav>li>a{
|
||||
line-height: 1.42857143;
|
||||
}
|
||||
|
||||
.footnote-tiffany a,
|
||||
.footnote-tiffany span{
|
||||
color:#fff;
|
||||
|
||||
}
|
||||
.footnote .foot-item{
|
||||
display: inline-block;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
background: rgba(255,255,255,0.1);
|
||||
border-radius: 3px 3px;
|
||||
-webkit-transition: background .4s ease-in-out;
|
||||
-moz-transition: background .4s ease-in-out;
|
||||
-ms-transition: background .4s ease-in-out;
|
||||
-o-transition: background .4s ease-in-out;
|
||||
transition: background .4s ease-in-out;
|
||||
}
|
||||
|
||||
.footnote .foot-item:hover{
|
||||
background-color: #2ca6cb;
|
||||
-webkit-transition: background .4s ease-in-out;
|
||||
-moz-transition: background .4s ease-in-out;
|
||||
-ms-transition: background .4s ease-in-out;
|
||||
-o-transition: background .4s ease-in-out;
|
||||
transition: background .4s ease-in-out;
|
||||
}
|
||||
|
||||
/* footer */
|
||||
.footnote{
|
||||
min-height: 50px;
|
||||
line-height: 50px;
|
||||
margin-top: -50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
html{
|
||||
height: 100%;
|
||||
padding: 0px 0px 0px 0px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
body {
|
||||
background-image: url({{ "/static/bg.jpg" | prepend: site.baseurl | prepend: site.url }});
|
||||
height: 100%;
|
||||
padding: 0px 0px 0px 0px;
|
||||
margin: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
body,code,pre{
|
||||
font-family: "Menlo", "Monaco", "Consolas", "Courier New", "monospace", "Helvetica", "Tahoma", "Arial",
|
||||
"WenQuanYi Micro Hei", "文泉驿微米黑", "STXihei", "华文细黑", "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Heiti", "黑体", sans-serif;
|
||||
}
|
||||
|
||||
body,.sheet,pre,code{
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
|
||||
a:link {text-decoration: none} /* 未访问的链接 */
|
||||
a:visited {text-decoration: none} /* 已访问的链接 */
|
||||
a:hover {text-decoration: none} /* 鼠标移动到链接上 */
|
||||
a:active {text-decoration: none} /* 选定的链接 */
|
||||
|
||||
.main{
|
||||
min-height: 100%;
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
|
||||
.content{
|
||||
padding-right: 0px;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.sheet{
|
||||
word-break: break-all;
|
||||
background-color:#f8f8fd;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4),0 0 30px rgba(10,10,0,0.1) inset;
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4),0 0 30px rgba(10,10,0,0.1) inset;
|
||||
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.4),0 0 30px rgba(10,10,0,0.1) inset;
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,0.4),0 0 30px rgba(10,10,0,0.1) inset;
|
||||
}
|
||||
|
||||
.sheet{
|
||||
padding:10px 30px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.sheet{
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* back to top
|
||||
*/
|
||||
.page-scrollTop {
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
background-color: #bbb;
|
||||
border-radius:7px;
|
||||
opacity: 0.7;
|
||||
display: none;
|
||||
z-index: 888;
|
||||
}
|
||||
.page-scrollTop .arrow{
|
||||
margin:0 auto;
|
||||
padding-top:11px;
|
||||
width:0;
|
||||
height: 0;
|
||||
border-right: 15px solid transparent;
|
||||
border-left: 15px solid transparent;
|
||||
border-bottom: 15px solid #7f7f7f;
|
||||
|
||||
}
|
||||
.page-scrollTop .stick{
|
||||
margin:0 auto;
|
||||
padding-bottom:21px;
|
||||
width: 13px;
|
||||
border-bottom: 13px solid #bbb;
|
||||
background-color: #7f7f7f;
|
||||
}
|
||||
|
||||
.shadow-bottom-center{
|
||||
background-color:#f8f8fd;
|
||||
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4),0 0 20px rgba(0,0,0,0.1) inset;
|
||||
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4),0 0 20px rgba(0,0,0,0.1) inset;
|
||||
-o-box-shadow: 0 1px 5px rgba(0,0,0,0.4),0 0 20px rgba(0,0,0,0.1) inset;
|
||||
box-shadow: 0 1px 5px rgba(0,0,0,0.4),0 0 20px rgba(0,0,0,0.1) inset;
|
||||
}
|
||||
|
||||
.word-keep{
|
||||
display: inline-block;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
.rectangle{
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 1200px){
|
||||
.col-lg-offset-1_5 {
|
||||
margin-left: 12.5%;
|
||||
}
|
||||
}
|
||||
|
||||
.pad-min,
|
||||
.pad-mid,
|
||||
.pad-lar{
|
||||
display: block;
|
||||
}
|
||||
.pad-min{
|
||||
height: 20px;
|
||||
}
|
||||
.pad-mid{
|
||||
height: 50px;
|
||||
}
|
||||
.pad-lar{
|
||||
height: 80px;
|
||||
}
|
||||
.scriptHub{
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
.st-ui-stamp{
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
/*** banner ***/
|
||||
.banner {
|
||||
width: 100%;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
background-color: #2ca6cb;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.banner h1{
|
||||
font-size: 50px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
.banner h1,
|
||||
.banner h3{
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
}
|
||||
.banner h3{
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.banner h1{
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
24
static/css/tagCloud.css
Normal file
24
static/css/tagCloud.css
Normal file
@@ -0,0 +1,24 @@
|
||||
.tagCloud {
|
||||
position:relative;
|
||||
display: block;
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
margin: 20px auto 0;
|
||||
}
|
||||
.tagCloud a {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
text-decoration:none;
|
||||
padding: 3px 6px;
|
||||
color: #2ca6cb;
|
||||
}
|
||||
.tagCloud a:hover{
|
||||
color: orchid;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px){
|
||||
.tagCloud {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
40
static/css/tags.css
Normal file
40
static/css/tags.css
Normal file
@@ -0,0 +1,40 @@
|
||||
.tag-box {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 4px 0;
|
||||
overflow: hidden;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.tag-box:before, .tag-box:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.tag-box:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.tag-box.inline li {
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
font-size: 1em;
|
||||
line-height: 2.1;
|
||||
}
|
||||
|
||||
.tag-box a {
|
||||
padding: 4px 6px;
|
||||
margin: 2px;
|
||||
background-color: #e6e6e6;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 2px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.tag-box a span {
|
||||
vertical-align: super;
|
||||
font-size: 10px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
Reference in New Issue
Block a user