Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
543 lines (482 sloc) 10.4 KB
// Custom styles.
//自定义回到顶部样式
.back-to-top {
width: 49px; //图片素材宽度
height: 49px; //图片素材高度
bottom: unset;
transition: all .5s ease-in-out;
background: url("/images/scroll0.png");
//隐藏箭头图标
> i {
display: none;
}
&.back-to-top-on {
//bottom: unset;
//top: 100vh < (900px + 200px) ? calc( 100vh - 900px - 200px ) : 0px;
}
}
.highlight figcaption {
margin: 0em;
padding: 0.5em;
background: #eee;
border-bottom: 1px solid #e9e9e9;
}
.highlight figcaption a {
color: rgb(80, 115, 184);
}
code {color:#c7254e;background:#f9f2f4;border:1px solid #d6d6d6;}
.posts-expand .post-body img {
margin: 0 auto;
}
// �����������ӵ���ɫ
.post-body p a {
color: $orange;
text-decoration: none;
border-bottom: 1;
&:hover {
color: $blue;
//text-decoration: underline;
}
}
// ����post֮���margin
.post {
margin-bottom: 30px;
//padding: 45px 36px 36px 36px;
//box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
background-color: rgba(255, 255, 255,0.8);
}
// delete the border of image
.posts-expand .post-body img {
border: none;
padding: 0px;
}
// [Read More]��ť��ʽ: �ڵ�����
.post-button .btn:hover {
color: rgb(136, 255, 13) !important;
background-color: rgba(0, 0, 0, 0.75); //black
}
// ҳ��ײ�ҳ��
.pagination .page-number.current {
border-radius: 100%;
background-color: rgba(100, 100, 100, 0.75);
}
// ҳ��ײ�ҳ��, ȥ����������Ϸ�ʱ�������Ϸ�����
.pagination .prev, .pagination .next, .pagination .page-number {
margin-bottom: 10px;
border: none;
color: rgb(1, 1, 1);
}
// ҳ��ײ�ҳ�룬��������Ϸ����ڵ�����
.page-number:hover,.page-number:active{
color: rgb(136, 255, 13);
border-radius: 100%;
//background-color: rgba(255, 0, 100, 0.75); //Ʒ��
background-color: rgba(0, 0, 0, 0.75); //black
}
.pagination .space {
color: rgb(0, 0, 0);
}
.pagination {
border: none;
margin: 0px;
}
// ������ʱ��
#days {
display: block;
color: rgba(0, 0, 0,0.75);
font-size: 13px;
margin-top: 15px;
}
// �Զ���ҳ������������ʽ
@keyframes heartAnimate {
0%,100%{transform:scale(1);}
10%,30%{transform:scale(0.9);}
20%,40%,60%,80%{transform:scale(1.1);}
50%,70%{transform:scale(1.1);}
}
#heart {
animation: heartAnimate 1.0s ease-in-out infinite;
}
.with-love {
color: rgb(236, 25, 27);
}
// �Զ���������ö���ʽ
.post-sticky-flag {
font-size: inherit;
float: right;
color: rgb(0, 0, 0);
cursor: help;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.post-sticky-flag:hover {
color: #07b39b;
}
//.back-to-top:hover {
// color: rgb(136, 255, 13);
// background-color: rgba(0, 0, 0, 0.75); //black
//}
// 调整标题与文章之间的间距
.posts-expand .post-meta {
margin: 10px 0 25px 0;
}
// ������ʽ
a#download {
display: inline-block;
padding: 0 10px;
color: #000;
background: transparent;
border: 2px solid #000;
border-radius: 2px;
transition: all .5s ease;
font-weight: bold;
&:hover {
background: #000;
color: #fff;
}
}
// ��ɫ��-��
span#inline-yellow {
display:inline;
// padding:.2em .6em .3em;
padding:.1em .4em .1em;
font-size:90%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #f0ad4e;
}
// ��ɫ��-��
span#inline-green {
display:inline;
// padding:.2em .6em .3em;
padding:.1em .4em .1em;
font-size:90%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #5cb85c;
}
// ��ɫ��-��
span#inline-blue {
display:inline;
// padding:.2em .6em .3em;
padding:.1em .4em .1em;
font-size:90%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #2780e3;
}
// ��ɫ��-��
span#inline-purple {
display:inline;
// padding:.1em .2em .1em;
padding:.1em .4em .1em;
font-size:90%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #9954bb;
}
// ��ɫ��-��
span#inline-red {
display:inline;
// padding:.2em .6em .3em;
padding:.1em .4em .1em;
font-size:90%;
font-weight:bold;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
vertical-align:baseline;
border-radius:0;
background-color: #df3e3e;
}
// ���߿��ɫ�鼶
p#div-border-left-red {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-left-width: 5px;
border-radius: 3px;
border-left-color: #df3e3e;
}
// ���߿��ɫ�鼶
p#div-border-left-yellow {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-left-width: 5px;
border-radius: 3px;
border-left-color: #f0ad4e;
}
// ���߿���ɫ�鼶
p#div-border-left-green {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-left-width: 5px;
border-radius: 3px;
border-left-color: #5cb85c;
}
// ���߿���ɫ�鼶
p#div-border-left-blue {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-left-width: 5px;
border-radius: 3px;
border-left-color: #2780e3;
}
// ���߿���ɫ�鼶
p#div-border-left-purple {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-left-width: 5px;
border-radius: 3px;
border-left-color: #9954bb;
}
// �Ҳ�߿��ɫ�鼶
p#div-border-right-red {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #df3e3e;
}
// �Ҳ�߿��ɫ�鼶
p#div-border-right-yellow {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #f0ad4e;
}
// �Ҳ�߿���ɫ�鼶
p#div-border-right-green {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #5cb85c;
}
// �Ҳ�߿���ɫ�鼶
p#div-border-right-blue {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #2780e3;
}
// �Ҳ�߿���ɫ�鼶
p#div-border-right-purple {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-right-width: 5px;
border-radius: 3px;
border-right-color: #9954bb;
}
// �ϲ�߿��ɫ
p#div-border-top-red {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #df3e3e;
}
// �ϲ�߿��ɫ
p#div-border-top-yellow {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #f0ad4e;
}
// �ϲ�߿���ɫ
p#div-border-top-green {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #5cb85c;
}
// �ϲ�߿���ɫ
p#div-border-top-blue {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #2780e3;
}
// �ϲ�߿���ɫ
p#div-border-top-purple {
display: block;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-top-width: 5px;
border-radius: 3px;
border-top-color: #9954bb;
}
.gitalk_title {
display: inline-block;
padding: 0 15px;
color: #0a9caf;
border: 1px solid #0a9caf;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
// float: left;
}
.gitalk_title:hover {
color: #fff;
background: #0a9caf;
}
.gitalk_container {
margin-bottom: 50px;
border-bottom: 1px solid #e9e9e9;
}
+mobile() { #daodream-container { display: none; }}
$shadowColor = #333
$themeColor = #222
$link-image-size-width = 180px;
$link-image-size-height = 230px;
.link-body{
ul{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
.link{
max-width: $link-image-size-width;
min-width: $link-image-size-width;
max-height: $link-image-size-height;
min-height: $link-image-size-height;
position: relative;
box-shadow: 0 0 1px $shadowColor;
magin: 6px;
width: 20%;
list-style: none!important;
overflow: hidden;
border-radius: 6px;
img{
object-fit: cover;
transition: transform .6s ease-out;
vertical-align: middle;
border-bottom: 4px solid #eee;//#e5642b;
transition: 0.4s ;
width: 100%;
border-radius: 90px 90px 90px 90px;
display: inline-block;
float: none;
vertical-align: middle;
}
.link-name{
position: absolute;
bottom: 53px;
width: 100%;
color: #666;
text-align: center;
//text-shadow: 0 0 1px rgba(0,0,0,.4);
background: rgba(255,255,255,.8);
}
.link-name-below{
position: absolute;
bottom: 0;
font-size: 13px;
font-weight: 300;
margin: 0 0 15px;
line-height: 13px;
width: 100%;
color: #666;
text-align: center;
//text-shadow: 0 0 1px rgba(0,0,0,.4);
//background: rgba(255,255,255,.7);
}
&:hover{
img{
overflow: hidden;
//transition: 0.4s;
border-radius: 0 0 0 0;
}
.link-name{
color: $themeColor;
font-weight: bold;
text-align: center;
//text-shadow: 0 0 1px $themeColor;
}
}
}
}
}
// adjust the position of gitter
.gitter-open-chat-button {
right: 20px;
padding: 10px;
background-color: rgba(45,45,45,0.80);
color: rgba(255,255,255,0.75)
}
@media (max-width: 600px) {
.gitter-open-chat-button,
.gitter-chat-embed {
display: none;
}
}
#coding:link,#coding:visited{
color: rgb(153,153,153);
//font-weight: normal;
text-decoration: none;
}
#coding:hover,#coding:active{
color: rgb(153,153,153);
text-decoration: none;
}
// dplayer ȫ��bug�޸�
.use-motion .post-body {
transform: inherit !important;
}
You can’t perform that action at this time.