1288 lines
110 KiB
CSS
1288 lines
110 KiB
CSS
|
/*============* * Index */
|
||
|
|
||
|
html {
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
background: #f8f9fa;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
code {
|
||
|
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||
|
}
|
||
|
|
||
|
.off-canvas .off-canvas-content {
|
||
|
padding: .4rem .4rem .4rem .4rem;
|
||
|
}
|
||
|
|
||
|
.off-canvas .off-canvas-overlay {
|
||
|
background: #000;
|
||
|
opacity: .35;
|
||
|
}
|
||
|
|
||
|
@media (max-width: 960px) {
|
||
|
.off-canvas .off-canvas-content {
|
||
|
padding: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.container-post-list,
|
||
|
.container-header {
|
||
|
max-width: 38rem;
|
||
|
}
|
||
|
|
||
|
.daily_pic .card,
|
||
|
.author_info .card {
|
||
|
display: flex;
|
||
|
min-height: 15rem;
|
||
|
flex-direction: column;
|
||
|
align-items: stretch;
|
||
|
border-radius: .1rem;
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px -2px rgba(0, 0, 0, .1), 0 1px 5px 0 rgba(0, 0, 0, .06);
|
||
|
}
|
||
|
|
||
|
@media (max-width: 480px) {
|
||
|
.container-header {
|
||
|
padding: 0;
|
||
|
}
|
||
|
.daily_pic .card,
|
||
|
.author_info .card {
|
||
|
min-height: 20rem;
|
||
|
}
|
||
|
.author_info .author_info_card {
|
||
|
min-height: 0rem;
|
||
|
}
|
||
|
.author_info .card .card-header {
|
||
|
display: none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 960px) {
|
||
|
.container-header {
|
||
|
padding-top: 1.8rem;
|
||
|
}
|
||
|
.author_info .card .card-header {
|
||
|
display: flex;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (max-width: 959px) and (min-width: 481px) {
|
||
|
.container-header {
|
||
|
padding-top: 5.5rem;
|
||
|
}
|
||
|
.author_info .card .card-header {
|
||
|
display: flex;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.daily_pic .card .card-image {
|
||
|
box-sizing: border-box;
|
||
|
padding: 1rem;
|
||
|
background-size: cover;
|
||
|
flex-grow: 1;
|
||
|
flex-direction: row;
|
||
|
align-items: flex-end;
|
||
|
}
|
||
|
|
||
|
.daily_pic .card .card-image p {
|
||
|
font-size: 1.1rem;
|
||
|
line-height: 1.2rem;
|
||
|
font-weight: 400;
|
||
|
margin: 0;
|
||
|
text-shadow: 2px 2px 12px #444;
|
||
|
letter-spacing: 0;
|
||
|
padding: 0;
|
||
|
color: #fafafa!important;
|
||
|
}
|
||
|
|
||
|
.daily_pic .card .card-footer {
|
||
|
display: flex;
|
||
|
box-sizing: border-box;
|
||
|
padding: .7rem .7rem .7rem .8rem;
|
||
|
height: auto;
|
||
|
flex-direction: row;
|
||
|
align-items: center;
|
||
|
justify-content: flex-start;
|
||
|
}
|
||
|
|
||
|
.daily_pic figure {
|
||
|
margin-right: .75rem;
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
|
||
|
.daily_pic figure .avatar {
|
||
|
font-size: .6rem;
|
||
|
height: 1.2rem;
|
||
|
width: 1.2rem;
|
||
|
}
|
||
|
|
||
|
.author_info .card .card-header {
|
||
|
flex-direction: column;
|
||
|
justify-content: center;
|
||
|
align-items: center;
|
||
|
border-top-right-radius: 2px;
|
||
|
border-top-left-radius: 2px;
|
||
|
font-size: 13px;
|
||
|
flex-grow: 1;
|
||
|
box-sizing: border-box;
|
||
|
padding: 24px;
|
||
|
background-size: cover;
|
||
|
}
|
||
|
|
||
|
.author_info .card .card-header img {
|
||
|
margin-bottom: .4rem;
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
|
||
|
.author_info .card .card-footer {
|
||
|
padding: .6rem;
|
||
|
display: flex;
|
||
|
box-sizing: border-box;
|
||
|
height: auto;
|
||
|
flex-direction: row;
|
||
|
align-items: center;
|
||
|
justify-content: space-between;
|
||
|
}
|
||
|
|
||
|
.container-index-nav {
|
||
|
max-width: 36rem;
|
||
|
}
|
||
|
|
||
|
.page-number {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.container-post-list .card {
|
||
|
display: flex;
|
||
|
flex-direction: column;
|
||
|
align-items: stretch;
|
||
|
border-radius: .1rem;
|
||
|
margin-top: 1.5rem;
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px -2px rgba(0, 0, 0, .1), 0 1px 5px 0 rgba(0, 0, 0, .06);
|
||
|
}
|
||
|
|
||
|
.container-post-list .card:last-child {
|
||
|
margin-bottom: 1.5rem;
|
||
|
}
|
||
|
|
||
|
.container-post-list .with-thumbnail {
|
||
|
min-height: 20rem;
|
||
|
}
|
||
|
|
||
|
.container-post-list .no-thumbnail {
|
||
|
min-height: 9.5rem;
|
||
|
}
|
||
|
|
||
|
.container-post-list .card .card-body {
|
||
|
font-size: .7rem;
|
||
|
}
|
||
|
|
||
|
.container-post-list .card .card-body p {
|
||
|
margin: 0;
|
||
|
}
|
||
|
|
||
|
.container-post-list .card-image,
|
||
|
.post-card .card-image {
|
||
|
min-height: 11rem;
|
||
|
display: flex;
|
||
|
box-sizing: border-box;
|
||
|
background-size: cover;
|
||
|
flex-grow: 1;
|
||
|
flex-direction: row;
|
||
|
align-items: flex-end;
|
||
|
background-repeat: repeat;
|
||
|
background-position: 50% 50%;
|
||
|
background-origin: padding-box;
|
||
|
background-attachment: scroll;
|
||
|
}
|
||
|
|
||
|
.container-post-list .card-image {
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.container-post-list .card-header .card-title {
|
||
|
text-shadow: 1px 1px 4px #eee;
|
||
|
color: #50596c!important;
|
||
|
}
|
||
|
|
||
|
.container-post-list .card-header .card-title:hover {
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
.back-to-top {
|
||
|
box-sizing: border-box;
|
||
|
position: fixed;
|
||
|
bottom: -100px;
|
||
|
right: 30px;
|
||
|
z-index: 1050;
|
||
|
padding: 0;
|
||
|
width: 1.2rem;
|
||
|
background: #222;
|
||
|
font-size: .6rem;
|
||
|
opacity: 0.6;
|
||
|
cursor: pointer;
|
||
|
text-align: center;
|
||
|
-webkit-transform: translateZ(0);
|
||
|
transition-property: bottom;
|
||
|
transition-duration: 0.2s;
|
||
|
transition-timing-function: ease-in-out;
|
||
|
transition-delay: 0s;
|
||
|
bottom: 1.5rem;
|
||
|
}
|
||
|
|
||
|
.back-to-top a {
|
||
|
color: #fff!important;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Timeline */
|
||
|
|
||
|
.container-timeline {
|
||
|
padding: 4rem 1.5rem 2rem;
|
||
|
}
|
||
|
|
||
|
@media (max-width: 959px) and (min-width: 480px) {
|
||
|
.container-timeline {
|
||
|
padding: 4rem 1.8rem
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 960px) {
|
||
|
.container-timeline {
|
||
|
padding: 1.8rem 3.5rem 2rem
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Links */
|
||
|
|
||
|
.container-links {
|
||
|
padding: 4rem 1rem;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 960px) {
|
||
|
.container-links {
|
||
|
padding: 2rem .4rem
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.link-list {
|
||
|
text-align: center;
|
||
|
padding: 0;
|
||
|
margin: 0 auto;
|
||
|
max-width: 16rem;
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 680px) {
|
||
|
.link-list {
|
||
|
max-width: 32rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 1264px) {
|
||
|
.link-list {
|
||
|
max-width: 48rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 1584px) {
|
||
|
.link-list {
|
||
|
max-width: 64rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.container-links .link-item {
|
||
|
width: 15rem;
|
||
|
margin: .5rem .5rem;
|
||
|
padding: 0;
|
||
|
list-style: none;
|
||
|
float: left;
|
||
|
}
|
||
|
|
||
|
.container-links .link-item a {
|
||
|
text-decoration: none;
|
||
|
color: #50596c;
|
||
|
}
|
||
|
|
||
|
.container-links .card {
|
||
|
-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
||
|
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
|
||
|
-webkit-transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1);
|
||
|
transition: -webkit-box-shadow .25s cubic-bezier(.4, 0, .2, 1);
|
||
|
transition: box-shadow .25s cubic-bezier(.4, 0, .2, 1);
|
||
|
will-change: box-shadow;
|
||
|
height: 3.65rem;
|
||
|
}
|
||
|
|
||
|
.container-links .card:hover {
|
||
|
-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
|
||
|
box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
|
||
|
}
|
||
|
|
||
|
.container-links .tile-content {
|
||
|
padding: .65rem 0!important;
|
||
|
}
|
||
|
|
||
|
.container-links img {
|
||
|
vertical-align: middle;
|
||
|
height: 72px;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Search */
|
||
|
|
||
|
.container-search {
|
||
|
padding: 5rem 1.2rem 3rem;
|
||
|
}
|
||
|
|
||
|
@media (max-width: 959px) and (min-width: 480px) {
|
||
|
.container-search {
|
||
|
padding: 4rem 3rem
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 960px) {
|
||
|
.container-search {
|
||
|
padding: 2rem 4rem 4rem
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.container-search .search-output {
|
||
|
margin-top: 1rem;
|
||
|
}
|
||
|
|
||
|
.container-search .search-output .tile-title {
|
||
|
color: #50596c;
|
||
|
}
|
||
|
|
||
|
.container-search .search-output .tile-content a:hover {
|
||
|
color: #50596c;
|
||
|
}
|
||
|
|
||
|
.container-search .search-output .tile-content {
|
||
|
max-height: 7rem;
|
||
|
}
|
||
|
|
||
|
.container-search .search-output .tile-subtitle {
|
||
|
display: -webkit-box;
|
||
|
overflow: hidden;
|
||
|
text-overflow: ellipsis;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-line-clamp: 4;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Utilities */
|
||
|
|
||
|
#disqus_thread a {
|
||
|
color: #656c7a;
|
||
|
}
|
||
|
|
||
|
.disqus_click_btn {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
.btn-gray {
|
||
|
color: rgb(117, 117, 117)!important;
|
||
|
}
|
||
|
|
||
|
html *::-webkit-scrollbar {
|
||
|
width: 5px;
|
||
|
height: 5px;
|
||
|
background: transparent;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1024px) {
|
||
|
html *::-webkit-scrollbar {
|
||
|
width: 8px;
|
||
|
height: 8px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
html *::-webkit-scrollbar-thumb {
|
||
|
background: rgba(0, 0, 0, .2);
|
||
|
}
|
||
|
|
||
|
.valign {
|
||
|
display: -webkit-box!important;
|
||
|
display: -webkit-flex!important;
|
||
|
display: -ms-flexbox!important;
|
||
|
display: flex!important;
|
||
|
-webkit-box-align: center!important;
|
||
|
-webkit-align-items: center!important;
|
||
|
-ms-flex-align: center!important;
|
||
|
align-items: center!important;
|
||
|
}
|
||
|
|
||
|
.card {
|
||
|
border: unset!important;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Sidebar */
|
||
|
|
||
|
.off-canvas-toggle {
|
||
|
color: #546e7a!important;
|
||
|
margin: 1rem 0 0 .5rem;
|
||
|
position: fixed!important;
|
||
|
}
|
||
|
|
||
|
#sidebar .sidebar-top {
|
||
|
padding-top: 1rem;
|
||
|
}
|
||
|
|
||
|
#sidebar,
|
||
|
#sidebar-content {
|
||
|
min-width: 14rem;
|
||
|
width: 14rem;
|
||
|
}
|
||
|
|
||
|
#sidebar-content .nav {
|
||
|
margin-bottom: 5rem;
|
||
|
}
|
||
|
|
||
|
#sidebar-content {
|
||
|
bottom: 0;
|
||
|
-webkit-overflow-scrolling: touch;
|
||
|
overflow-y: auto;
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
}
|
||
|
|
||
|
@media (max-width: 960px) {
|
||
|
#sidebar,
|
||
|
#sidebar-content {
|
||
|
min-width: 12rem;
|
||
|
width: 12rem;
|
||
|
}
|
||
|
#sidebar {
|
||
|
box-shadow: 1px 0 7.5px rgba(0, 0, 0, .2);
|
||
|
-webkit-box-shadow: 1px 0 7.5px rgba(0, 0, 0, .2);
|
||
|
}
|
||
|
#sidebar .sidebar-top {
|
||
|
padding-top: 3.5rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#sidebar-content .nav-item {
|
||
|
margin-top: 0;
|
||
|
transition: all .2s ease-in-out;
|
||
|
}
|
||
|
|
||
|
#sidebar-content .nav-item:hover {
|
||
|
background-color: #e0e0e0;
|
||
|
}
|
||
|
|
||
|
#sidebar-content .nav-item a {
|
||
|
position: relative;
|
||
|
cursor: pointer;
|
||
|
user-select: none;
|
||
|
display: block;
|
||
|
padding: 0 2rem 0 1.8rem;
|
||
|
transition: all .2s ease-in-out;
|
||
|
overflow: hidden;
|
||
|
font-weight: 400;
|
||
|
white-space: nowrap;
|
||
|
height: 3pc;
|
||
|
line-height: 3pc;
|
||
|
text-decoration: none;
|
||
|
clear: both;
|
||
|
text-overflow: ellipsis;
|
||
|
-webkit-transition: all .2s ease-in-out;
|
||
|
-o-transition: all .2s ease-in-out;
|
||
|
}
|
||
|
|
||
|
@media (max-width: 960px) {
|
||
|
#sidebar-content .nav-item a {
|
||
|
padding: 0 1rem 0 1rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
#sidebar-content .nav-item a:hover {
|
||
|
color: #4c5f68;
|
||
|
}
|
||
|
|
||
|
#sidebar-content .divider {
|
||
|
margin: .4rem .6rem;
|
||
|
}
|
||
|
|
||
|
#sidebar .sidebar-footer-image {
|
||
|
padding: .5rem
|
||
|
}
|
||
|
|
||
|
.sidebar-badge {
|
||
|
background: #e0e0e0;
|
||
|
color: #5b657a;
|
||
|
display: inline-block;
|
||
|
height: 24px;
|
||
|
line-height: 24px;
|
||
|
border-radius: 5rem;
|
||
|
padding-left: .4rem;
|
||
|
padding-right: .4rem;
|
||
|
min-width: 1rem;
|
||
|
text-align: center;
|
||
|
margin: .6rem 0;
|
||
|
}
|
||
|
|
||
|
/*============* * Post */
|
||
|
|
||
|
.container-post {
|
||
|
-ms-flex: 1 1 auto;
|
||
|
flex: 1 1 auto;
|
||
|
flex-shrink: 0;
|
||
|
}
|
||
|
|
||
|
@media (max-width: 480px) {
|
||
|
.container-post {
|
||
|
padding: 0;
|
||
|
max-width: 100vw;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (max-width: 959px) and (min-width: 480px) {
|
||
|
.container-post {
|
||
|
padding: .5rem;
|
||
|
max-width: calc(100vw - 1rem);
|
||
|
}
|
||
|
.post-card {
|
||
|
margin-top: 5rem
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 960px) {
|
||
|
.container-post {
|
||
|
max-width: calc(100vw - 14rem);
|
||
|
padding-top: 1.8rem;
|
||
|
}
|
||
|
.post-card {
|
||
|
max-width: 38rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.post-card .card-image {
|
||
|
height: 14rem;
|
||
|
}
|
||
|
|
||
|
.card-no-image {
|
||
|
height: 2rem;
|
||
|
background-color: #f5f5f5;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 481px) {
|
||
|
.card-no-image {
|
||
|
display: none;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.post-card .card-header {
|
||
|
background-color: #f5f5f5;
|
||
|
padding: 1rem;
|
||
|
}
|
||
|
|
||
|
.post-card .card-header-info {
|
||
|
min-height: 2.4rem;
|
||
|
display: flex;
|
||
|
box-sizing: border-box;
|
||
|
height: auto;
|
||
|
flex-direction: row;
|
||
|
align-items: center;
|
||
|
justify-content: flex-start;
|
||
|
}
|
||
|
|
||
|
.post-card .card-header-info .avatar {
|
||
|
margin-right: .6rem;
|
||
|
height: 2.2rem!important;
|
||
|
width: 2.2rem!important;
|
||
|
}
|
||
|
|
||
|
.post-footer-info {
|
||
|
position: relative;
|
||
|
margin: 3rem 0 0;
|
||
|
padding: 1rem;
|
||
|
border-top: #EBF2F6 1px solid;
|
||
|
}
|
||
|
|
||
|
.post-card .post-btn-list {
|
||
|
background-color: #f5f5f5;
|
||
|
}
|
||
|
|
||
|
.post-footer-info .avatar {
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
display: block;
|
||
|
position: absolute;
|
||
|
top: -1.5rem;
|
||
|
left: 50%;
|
||
|
margin-left: -40px;
|
||
|
width: 4rem;
|
||
|
height: 4rem;
|
||
|
border-radius: 100%;
|
||
|
overflow: hidden;
|
||
|
padding: .2rem;
|
||
|
background: #f8f9fa;
|
||
|
z-index: 2;
|
||
|
box-shadow: #E7EEF2 0 0 0 1px;
|
||
|
}
|
||
|
|
||
|
.post-footer-info .post-footer-date {
|
||
|
margin-right: 7rem
|
||
|
}
|
||
|
|
||
|
.post-footer-info .post-footer-action {
|
||
|
position: absolute;
|
||
|
top: calc(.6rem + (100% - 2rem - 1.2rem)/2);
|
||
|
right: .5rem;
|
||
|
width: 5rem;
|
||
|
}
|
||
|
|
||
|
@media (max-width: 500px) {
|
||
|
.post-footer-info {
|
||
|
padding: 2.2rem 1rem 1rem;
|
||
|
}
|
||
|
.post-footer-info .avatar {
|
||
|
width: 3.6rem;
|
||
|
height: 3.6rem;
|
||
|
}
|
||
|
.post-footer-date {
|
||
|
font-size: 85%;
|
||
|
}
|
||
|
.post-footer-info .post-footer-action {
|
||
|
top: calc(1.8rem + (100% - 3.2rem - 1.2rem)/2);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.post-tags-list,
|
||
|
.post-categories-list {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
font-weight: 400;
|
||
|
letter-spacing: 0;
|
||
|
font-size: .7rem;
|
||
|
line-height: 1.2rem;
|
||
|
}
|
||
|
|
||
|
.post-tags-list-item,
|
||
|
.post-categories-list-item {
|
||
|
list-style: none;
|
||
|
float: left;
|
||
|
font-size: .6rem;
|
||
|
border: 1px solid #c2c2c2;
|
||
|
letter-spacing: 1px;
|
||
|
border-radius: 3px;
|
||
|
padding-right: .3rem;
|
||
|
padding-left: .4rem;
|
||
|
margin: .4rem .4rem 0 0;
|
||
|
text-align: center;
|
||
|
-webkit-appearance: none;
|
||
|
font-weight: 400;
|
||
|
letter-spacing: 0;
|
||
|
line-height: 1.2rem;
|
||
|
}
|
||
|
|
||
|
.post-categories-list-item {
|
||
|
background-color: #c2c2c2;
|
||
|
}
|
||
|
|
||
|
.post-tags-list-link {
|
||
|
color: #535d72!important;
|
||
|
}
|
||
|
|
||
|
.post-categories-list-link {
|
||
|
color: #444!important;
|
||
|
}
|
||
|
|
||
|
.post-card {
|
||
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06), 0 3px 1px -2px rgba(0, 0, 0, .1), 0 1px 5px 0 rgba(0, 0, 0, .06);
|
||
|
border-radius: .15rem;
|
||
|
flex: none;
|
||
|
-webkit-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
.post-card .card-footer {
|
||
|
padding: 1.5rem;
|
||
|
background-color: #eee;
|
||
|
}
|
||
|
|
||
|
.post-nav .page-item-subtitle {
|
||
|
font-size: .65rem;
|
||
|
}
|
||
|
|
||
|
#post-content {
|
||
|
max-width: 96%;
|
||
|
margin: 1.1rem auto;
|
||
|
padding-top: 0;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Post Content Style */
|
||
|
|
||
|
#post-content .line {
|
||
|
height: 1rem;
|
||
|
}
|
||
|
|
||
|
#post-content figure {
|
||
|
margin-right: 0;
|
||
|
margin-left: 0;
|
||
|
}
|
||
|
|
||
|
#post-content,
|
||
|
#post-content p {
|
||
|
font-size: .8rem;
|
||
|
line-height: 1.7;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
#post-content>*:first-child {
|
||
|
margin-top: 0 !important;
|
||
|
}
|
||
|
|
||
|
#post-content>*:last-child {
|
||
|
margin-bottom: 0 !important;
|
||
|
}
|
||
|
|
||
|
#post-content a.absent {
|
||
|
color: #c00;
|
||
|
}
|
||
|
|
||
|
#post-content a.anchor {
|
||
|
display: block;
|
||
|
padding-left: 30px;
|
||
|
margin-left: -30px;
|
||
|
cursor: pointer;
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
bottom: 0;
|
||
|
}
|
||
|
|
||
|
#post-content h1,
|
||
|
#post-content h2,
|
||
|
#post-content h3,
|
||
|
#post-content h4,
|
||
|
#post-content h5,
|
||
|
#post-content h6 {
|
||
|
margin: 1.2rem 0 .6rem;
|
||
|
padding: 0 0 .1rem .1rem;
|
||
|
font-weight: bold;
|
||
|
line-height: 1.7;
|
||
|
cursor: text;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
#post-content h1 .octicon-link,
|
||
|
#post-content h2 .octicon-link,
|
||
|
#post-content h3 .octicon-link,
|
||
|
#post-content h4 .octicon-link,
|
||
|
#post-content h5 .octicon-link,
|
||
|
#post-content h6 .octicon-link {
|
||
|
display: none;
|
||
|
color: #000;
|
||
|
}
|
||
|
|
||
|
#post-content h1:hover a.anchor,
|
||
|
#post-content h2:hover a.anchor,
|
||
|
#post-content h3:hover a.anchor,
|
||
|
#post-content h4:hover a.anchor,
|
||
|
#post-content h5:hover a.anchor,
|
||
|
#post-content h6:hover a.anchor {
|
||
|
text-decoration: none;
|
||
|
line-height: 1;
|
||
|
padding-left: 0;
|
||
|
margin-left: -22px;
|
||
|
top: 15%;
|
||
|
}
|
||
|
|
||
|
#post-content h1:hover a.anchor .octicon-link,
|
||
|
#post-content h2:hover a.anchor .octicon-link,
|
||
|
#post-content h3:hover a.anchor .octicon-link,
|
||
|
#post-content h4:hover a.anchor .octicon-link,
|
||
|
#post-content h5:hover a.anchor .octicon-link,
|
||
|
#post-content h6:hover a.anchor .octicon-link {
|
||
|
display: inline-block;
|
||
|
}
|
||
|
|
||
|
#post-content h1 tt,
|
||
|
#post-content h1 code,
|
||
|
#post-content h2 tt,
|
||
|
#post-content h2 code,
|
||
|
#post-content h3 tt,
|
||
|
#post-content h3 code,
|
||
|
#post-content h4 tt,
|
||
|
#post-content h4 code,
|
||
|
#post-content h5 tt,
|
||
|
#post-content h5 code,
|
||
|
#post-content h6 tt,
|
||
|
#post-content h6 code {
|
||
|
font-size: inherit;
|
||
|
}
|
||
|
|
||
|
#post-content h1 {
|
||
|
font-size: 2.5em;
|
||
|
border-bottom: 1px solid #ddd;
|
||
|
}
|
||
|
|
||
|
#post-content h2 {
|
||
|
font-size: 2em;
|
||
|
border-bottom: 1px solid #eee;
|
||
|
}
|
||
|
|
||
|
#post-content h3 {
|
||
|
font-size: 1.6em;
|
||
|
border-bottom: 1px solid #f3f3f3;
|
||
|
}
|
||
|
|
||
|
#post-content h4 {
|
||
|
font-size: 1.2em;
|
||
|
}
|
||
|
|
||
|
#post-content h5 {
|
||
|
font-size: 1em;
|
||
|
}
|
||
|
|
||
|
#post-content h6 {
|
||
|
color: #777;
|
||
|
font-size: 1em;
|
||
|
}
|
||
|
|
||
|
#post-content p,
|
||
|
#post-content blockquote,
|
||
|
#post-content ul,
|
||
|
#post-content ol,
|
||
|
#post-content dl,
|
||
|
#post-content table {
|
||
|
margin: .7rem 0;
|
||
|
}
|
||
|
|
||
|
#post-content hr {
|
||
|
height: .12rem;
|
||
|
padding: 0;
|
||
|
margin: .85rem 0;
|
||
|
background-color: #e7e7e7;
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
#post-content li p.first {
|
||
|
display: inline-block;
|
||
|
}
|
||
|
|
||
|
#post-content ul,
|
||
|
#post-content ol {
|
||
|
padding-left: 1rem;
|
||
|
font-size: .7rem;
|
||
|
line-height: 1.5;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
#post-content ul.no-list,
|
||
|
#post-content ol.no-list {
|
||
|
list-style-type: none;
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
#post-content ul ul,
|
||
|
#post-content ul ol,
|
||
|
#post-content ol ol,
|
||
|
#post-content ol ul {
|
||
|
margin-top: 0;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
#post-content dl {
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
#post-content dl dt {
|
||
|
font-size: .7rem;
|
||
|
font-weight: bold;
|
||
|
font-style: italic;
|
||
|
padding: 0;
|
||
|
margin-top: 15px;
|
||
|
}
|
||
|
|
||
|
#post-content dl dd {
|
||
|
margin-bottom: 15px;
|
||
|
padding: 0 15px;
|
||
|
}
|
||
|
|
||
|
#post-content blockquote {
|
||
|
border-left: .2rem solid #DDD;
|
||
|
padding: 0 .7rem;
|
||
|
color: #777;
|
||
|
font-style: normal;
|
||
|
}
|
||
|
|
||
|
#post-content blockquote>:first-child {
|
||
|
margin-top: 0px;
|
||
|
}
|
||
|
|
||
|
#post-content blockquote>:last-child {
|
||
|
margin-bottom: 0px;
|
||
|
}
|
||
|
|
||
|
#post-content table {
|
||
|
width: 100%;
|
||
|
overflow: auto;
|
||
|
display: block;
|
||
|
border-spacing: 0;
|
||
|
border-collapse: collapse;
|
||
|
}
|
||
|
|
||
|
#post-content table th {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
#post-content table th,
|
||
|
#post-content table td {
|
||
|
padding: 6px 13px;
|
||
|
border: 1px solid #ddd;
|
||
|
}
|
||
|
|
||
|
#post-content table tr {
|
||
|
/* display: table;*/
|
||
|
background-color: #fff;
|
||
|
}
|
||
|
|
||
|
#post-content table tr:nth-child(2n) {
|
||
|
background-color: #f8f8f8;
|
||
|
}
|
||
|
|
||
|
#post-content img {
|
||
|
max-width: 100%;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
|
||
|
#post-content span.frame {
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
#post-content span.frame>span {
|
||
|
border: 1px solid #ddd;
|
||
|
display: block;
|
||
|
float: left;
|
||
|
overflow: hidden;
|
||
|
margin: 13px 0 0;
|
||
|
padding: 7px;
|
||
|
width: auto;
|
||
|
}
|
||
|
|
||
|
#post-content span.frame span img {
|
||
|
display: block;
|
||
|
float: left;
|
||
|
}
|
||
|
|
||
|
#post-content span.frame span span {
|
||
|
clear: both;
|
||
|
color: #333;
|
||
|
display: block;
|
||
|
padding: 5px 0 0;
|
||
|
}
|
||
|
|
||
|
#post-content span.align-center {
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
#post-content span.align-center>span {
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
margin: 13px auto 0;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
#post-content span.align-center span img {
|
||
|
margin: 0 auto;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
#post-content span.align-right {
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
#post-content span.align-right>span {
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
margin: 13px 0 0;
|
||
|
text-align: right;
|
||
|
}
|
||
|
|
||
|
#post-content span.align-right span img {
|
||
|
margin: 0;
|
||
|
text-align: right;
|
||
|
}
|
||
|
|
||
|
#post-content span.float-left {
|
||
|
display: block;
|
||
|
margin-right: 13px;
|
||
|
overflow: hidden;
|
||
|
float: left;
|
||
|
}
|
||
|
|
||
|
#post-content span.float-left span {
|
||
|
margin: 13px 0 0;
|
||
|
}
|
||
|
|
||
|
#post-content span.float-right {
|
||
|
display: block;
|
||
|
margin-left: 13px;
|
||
|
overflow: hidden;
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
#post-content span.float-right>span {
|
||
|
display: block;
|
||
|
overflow: hidden;
|
||
|
margin: 13px auto 0;
|
||
|
text-align: right;
|
||
|
}
|
||
|
|
||
|
#post-content code,
|
||
|
#post-content tt {
|
||
|
margin: 0 2px;
|
||
|
padding: 0px 5px;
|
||
|
background-color: rgba(0, 0, 0, 0.04);
|
||
|
border-radius: 3px;
|
||
|
color: inherit;
|
||
|
font-size: 95%;
|
||
|
line-height: 1.5;
|
||
|
}
|
||
|
|
||
|
#post-content pre>code {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
white-space: pre;
|
||
|
border: none;
|
||
|
background: transparent;
|
||
|
}
|
||
|
|
||
|
#post-content pre {
|
||
|
background-color: #f7f7f7;
|
||
|
font-size: 13px;
|
||
|
line-height: 19px;
|
||
|
overflow: auto;
|
||
|
padding: 16px;
|
||
|
border-radius: 3px;
|
||
|
}
|
||
|
|
||
|
#post-content .gutter,
|
||
|
#post-content .code {
|
||
|
/* background: #f7f7f7;*/
|
||
|
font-size: 13px;
|
||
|
line-height: 19px;
|
||
|
overflow: auto;
|
||
|
padding: 0;
|
||
|
border: none;
|
||
|
display: block;
|
||
|
border-radius: 0;
|
||
|
}
|
||
|
|
||
|
#post-content .code {
|
||
|
border-top-right-radius: 3px;
|
||
|
border-bottom-right-radius: 3px;
|
||
|
}
|
||
|
|
||
|
#post-content .gutter {
|
||
|
border-top-left-radius: 3px;
|
||
|
border-bottom-left-radius: 3px;
|
||
|
}
|
||
|
|
||
|
#post-content .gutter pre,
|
||
|
#post-content .code pre {
|
||
|
margin: 0;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
#post-content pre code,
|
||
|
#post-content pre tt {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
background-color: transparent;
|
||
|
border: none;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Footer */
|
||
|
|
||
|
footer {
|
||
|
padding: 1.2rem;
|
||
|
color: #9e9e9e;
|
||
|
font-size: .7rem;
|
||
|
max-width: 36rem;
|
||
|
}
|
||
|
|
||
|
footer a {
|
||
|
color: inherit;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
footer a:hover {
|
||
|
color: #535353;
|
||
|
text-decoration: underline!important;
|
||
|
}
|
||
|
|
||
|
.footer-sns-btn {
|
||
|
outline-style: none;
|
||
|
margin: 0 .4rem;
|
||
|
width: 24px;
|
||
|
height: 24px;
|
||
|
border-radius: 2px;
|
||
|
background-color: transparent;
|
||
|
background-size: contain;
|
||
|
opacity: .6;
|
||
|
cursor: pointer;
|
||
|
background-position: center;
|
||
|
background-repeat: no-repeat;
|
||
|
border: 0;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
.footer-sns-btn:hover {
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1024px) {
|
||
|
.footer-content {
|
||
|
display: -webkit-box!important;
|
||
|
display: -webkit-flex!important;
|
||
|
display: -ms-flexbox!important;
|
||
|
display: flex!important;
|
||
|
-webkit-box-align: center!important;
|
||
|
-webkit-align-items: center!important;
|
||
|
-ms-flex-align: center!important;
|
||
|
align-items: center!important;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.footer-copyright {
|
||
|
text-align: center;
|
||
|
padding: 1rem 0;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
}
|
||
|
|
||
|
.footer-develop a {
|
||
|
color: #6b6b6b;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 1024px) {
|
||
|
footer {
|
||
|
padding: 1.6rem .8rem;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (max-width: 1024px) {
|
||
|
.footer-sns-list,
|
||
|
.footer-develop {
|
||
|
text-align: center;
|
||
|
}
|
||
|
.footer-develop {
|
||
|
margin: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Material Icons */
|
||
|
|
||
|
@font-face {
|
||
|
font-family: 'Material Icons';
|
||
|
font-style: normal;
|
||
|
font-weight: 400;
|
||
|
src: url(data:font/woff2;base64,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
|
||
|
}
|
||
|
|
||
|
.material-icons {
|
||
|
font-family: 'Material Icons';
|
||
|
font-weight: normal;
|
||
|
font-style: normal;
|
||
|
font-size: 24px;
|
||
|
line-height: 1;
|
||
|
letter-spacing: normal;
|
||
|
text-transform: none;
|
||
|
display: inline-block;
|
||
|
white-space: nowrap;
|
||
|
word-wrap: normal;
|
||
|
direction: ltr;
|
||
|
-webkit-font-feature-settings: 'liga';
|
||
|
-webkit-font-smoothing: antialiased;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Icons */
|
||
|
|
||
|
.sidebar-icons {
|
||
|
text-indent: 0px;
|
||
|
vertical-align: -25%!important;
|
||
|
margin-right: 2pc;
|
||
|
font-size: 1.1rem!important;
|
||
|
}
|
||
|
|
||
|
.casino-icons {
|
||
|
text-indent: 0px;
|
||
|
vertical-align: -25%!important;
|
||
|
font-size: 1.2rem!important;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*============* * Footer_SNS_Icon */
|
||
|
|
||
|
.footer-sns-facebook {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M138.6 78c-22.4 5.2-55.8 40.2-60.6 63.4-1.4 6.4-2 129.8-1.6 367.6.6 298.6 1 358.8 3.4 363 11 20.2 21.6 32.4 37.2 43 15 10.2 17.4 11.2 33 13 11.2 1.4 136 2 365 1.6 314-.6 348.6-1 355-3.8 15.8-7.2 33.8-22 43.2-35.4 5.2-7.4 10.8-16.6 12.6-20.4 2.8-6.4 3.2-40.8 3.8-354 .4-223-.2-353.4-1.4-365-2-17-2.6-18.6-13-34-8.6-12.6-14.2-18.4-25.2-25.8-7.8-5.4-17.4-11-21.6-12.4-6-2.2-72.8-2.6-365.4-2.6-196.8.2-361 .8-364.4 1.8zm657.6 87.8l4.8 3.8v55.2c0 54.6 0 55.2-4.6 59.6-4.4 4.4-6 4.6-50.2 5.6l-45.6 1-7.2 5.6c-10.4 8-16.8 17.2-19.2 27.4-1 5-1.8 24.8-1.8 44 .2 38 1.6 44.6 10.8 48 2.8 1.2 28.4 2 56.8 2 47.8 0 52 .2 56.2 3.8l4.8 3.8v55.2c0 54.6 0 55.2-4.6 59.6-4.4 4.6-5.4 4.6-57 5.2-28.8.2-54.4.8-56.8 1.4-2.4.6-5.6 3-6.8 5.4-1.8 3.2-2.4 41.4-2.6 143.2l-.2 138.8-5.6 4.8-5.6 4.8H609c-52.4 0-52.8 0-58.2-4.6l-5.4-4.6-.2-140.6-.2-140.6-4.8-3.8c-4.2-3.4-8-3.8-35.6-3.8-32.8 0-41-1.8-43.6-10-.6-2.2-1.2-25.4-1.2-51.4 0-60.8-.2-57 3.4-61.6 2.8-3.6 6-4 37.8-5 33-1 35.2-1.2 39.4-5.6 4.6-4.4 4.6-5.2 5.8-71 1.2-73.4.2-67.2 16.6-99.4 8-15.8 12.8-22 28-37 15.2-15.2 21.4-19.6 38.2-28 11-5.4 24-11 29-12.2 6.2-1.8 28.6-2.6 71.2-2.6 58.6-.2 62.6 0 67 3.6z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-gplus {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M138.6 78c-22.4 5.2-55.8 40.2-60.6 63.4-1.4 6.4-2 129.8-1.6 367.6.6 298.6 1 358.8 3.4 363 11 20.2 21.6 32.4 37.2 43 15 10.2 17.4 11.2 33 13 11.2 1.4 136 2 365 1.6 314-.6 348.6-1 355-3.8 15.8-7.2 33.8-22 43.2-35.4 5.2-7.4 10.8-16.6 12.6-20.4 2.8-6.4 3.2-40.8 3.8-354 .4-223-.2-353.4-1.4-365-2-17-2.6-18.6-13-34-8.6-12.6-14.2-18.4-25.2-25.8-7.8-5.4-17.4-11-21.6-12.4-6-2.2-72.8-2.6-365.4-2.6-196.8.2-361 .8-364.4 1.8zM430 295.4c40.6 15.4 56.6 23.8 72.6 38.4 6.8 6.2 7.2 15.2 1 23.4-6.2 8-33.6 33.8-39 36.6-5.6 2.8-17.6 2.8-23.2-.2-2.4-1.2-8.2-5.2-13-8.8-11.2-8.6-24.6-11.2-55.2-11.2-27.4 0-40.6 2.6-52.2 10.4-4.4 2.8-12.2 7.6-17.2 10.6-23 13.2-51.4 55-55.8 82.4-2.6 15.6-2.4 34.8.2 51 2.8 17.4 19.8 48.8 35.2 65.2 16 16.6 45 33.6 62.8 36.6 26.8 4.4 65.8 1.6 79.4-5.8 20.6-11.4 31-19 41-30.4 18.8-21.6 23.4-34.2 15.6-43.8-3.8-4.8-4.4-4.8-51-5.8-60.8-1.2-56.2 2.2-56.2-43.2 0-32.4.2-33.2 4.8-37 4.4-3.6 9-3.8 92-3.8 79 0 87.8.4 94.2 3.6 11.2 5.6 13 11.4 12.8 43.4 0 25.4-.8 30.8-7.6 58-4 16.6-9.8 34-12.6 39-2.8 5-8.2 14.2-11.6 20.6-8.4 15.4-27.2 36.8-40.8 46.6-5.8 4.4-13.8 10.2-17.6 13.2-3.8 3-11 7-16.2 8.8-5.2 1.8-16.2 6.4-24.4 10-22.4 9.6-34.8 11.6-73 11.6-37.6.2-47-1.4-71-12-8.2-3.6-17.6-7.2-20.8-8-15.8-3.8-67-45.2-77.8-62.8-2.2-3.8-7.6-11.6-11.8-17.2-4.2-5.4-9-14-10.6-19-1.8-4.8-6.2-16-10-24.8-3.6-8.8-7.8-22.2-9.2-29.6-3.2-18.8-1.4-79.4 2.8-91.4 13.8-40.6 35.6-78 58.8-100.2 14-13.6 47.2-36.4 58-39.8 4.2-1.4 13.4-5.2 20.6-8.4 22-10 32.8-11.6 76-11 33.8.6 40.4 1.2 50 4.8zm340.8 80.8c8 3.6 9.6 11.2 9.2 39.2-.6 34.4-.6 34 5 39.6 4.8 5 5.4 5 37.6 5 43.4 0 44.4.8 43.2 36.2-.8 17-1.2 18.4-6.4 23-5.4 4.6-6.6 4.8-37.6 4.8-31.2 0-32 .2-36.8 5-5.6 5.4-5.6 4.4-5 41.2.4 26.4.2 27.4-4.6 33-4.8 5.6-6 5.8-24.4 6.4-20.8.8-29.6-1.4-33.4-8.4-1.4-2.6-2-15.6-1.8-35.6.4-31.2.4-31.6-4.6-36.6s-5.6-5-36-5c-18.8 0-33-.8-36-2.2-7.6-3.6-9.6-11.2-8.8-33.8.8-28.2.4-28 41-28 45.4 0 45.4 0 44.6-42.6-.6-33-.6-33 5-38.4 4.4-4.6 6.2-5 24.8-5 11 0 22.2 1 25 2.2z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-twitter {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M138.6 78c-22.4 5.2-55.8 40.2-60.6 63.4-1.4 6.4-2 129.8-1.6 367.6.6 298.6 1 358.8 3.4 363 11 20.2 21.6 32.4 37.2 43 15 10.2 17.4 11.2 33 13 11.2 1.4 136 2 365 1.6 314-.6 348.6-1 355-3.8 15.8-7.2 33.8-22 43.2-35.4 5.2-7.4 10.8-16.6 12.6-20.4 2.8-6.4 3.2-40.8 3.8-354 .4-223-.2-353.4-1.4-365-2-17-2.6-18.6-13-34-8.6-12.6-14.2-18.4-25.2-25.8-7.8-5.4-17.4-11-21.6-12.4-6-2.2-72.8-2.6-365.4-2.6-196.8.2-361 .8-364.4 1.8zm532.8 205c10 4 23 10.8 28.8 15.2 12.6 9.2 16.6 10.6 29.4 9.4 6.6-.6 13-3.2 20.4-8.2 11.2-7.6 19.4-9.2 23.6-5 3.6 3.6 2.8 9-2.8 18.6-7.2 12.4-6 18.8 4.2 24.2 4.4 2.2 8.2 5.6 8.6 7.4 1 4.8-12.6 24.2-22 31.8-11.8 9.2-17.2 22.6-19.6 47.8-4.8 50.4-7.8 66.6-16.4 85.4-3 7-7 17.8-8.8 24-1.8 6.4-5 14.6-7.4 18.4-2.2 3.8-7.4 13-11.4 20.4-17.2 30.8-43.4 61.4-71.4 83.8-25.6 20.4-46 33.2-64.2 40.2-8.4 3.2-18 7.6-21.4 9.6-7.4 4.6-22.4 8.6-57.2 15-62.2 11.6-79.2 11.4-135.6-1-32.4-7-38.6-9-52-16.8-21.4-12.6-24.2-14.8-24.2-19.4 0-6.2 10.2-9.2 35-10.4 22.4-1 28.6-2.6 57-14.2 23.8-9.8 29.4-12.8 30.4-16.8 2.2-8.2-3-13.2-26.8-25.4-25.8-13.2-32.2-18.4-43.8-35.8-9-13.6-10-21.2-3.6-33.6 5.4-10.8 3.6-15-11.8-25.4-9-6-14-11.6-20.8-22.6-23.4-37.8-25-50.8-7.2-59.8 4.8-2.4 9.4-5.4 10.2-6.6 2.8-4.2-.4-15.6-8.4-29-11.6-19.6-13.2-25.8-13.2-55.2 0-28.8 2.6-37.8 12-40.2 9-2.2 14.8 1 35.6 20.2 24.8 22.8 43.6 36.6 62.8 45.8 8 3.8 17.8 9.2 22 12 4.2 2.8 14.8 7 23.4 9.2 8.6 2.2 24.2 6.8 34.8 10.2 13.4 4.4 23.6 6.4 33 6.6 12.8.2 14.2-.2 18.6-5.4 4-4.8 4.8-7.8 4.8-19.2 0-14.4 5.6-39.6 11.2-50.6 4.2-8.4 29.2-34.2 39.8-41.4 7.8-5.4 35.6-16 52-20 14.2-3.6 32.6-1.2 52.4 6.8z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-weibo {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M135.2 79c-8.6 3-22.8 12.4-32.8 21.8-8.2 7.8-22.2 31-24.6 40.6-1 4.2-1.6 167-1.6 364.6 0 284.8.4 358.4 2.6 364 1.4 3.8 6.8 13 12 20.4 8.8 12.8 24 25.4 41.8 35 6 3.4 27 3.6 367.4 3.6 286.2 0 362.6-.6 369-2.6 19.8-6.2 51.2-37.6 57.4-57.4 2-6.4 2.6-82.6 2.6-368V141l-4.2-9c-11.6-24-39.2-49.8-58.2-54.2-4.2-1-168.6-1.6-365.6-1.6-300 0-359.2.4-365.8 2.8zm558.6 169c8.6 1.2 16.4 4 24 8.6 6.2 3.6 15.2 8.2 20.2 10.2 5.8 2.2 14.6 8.8 25 18.8 25.4 24.8 32.8 34.8 37.8 51 2.6 8 7.4 19.8 10.8 26.4 7.8 14.6 11.6 42.6 9.4 69-1 14.2-2.2 18.6-7.4 26.4-3.2 5.2-9 12.2-12.8 15.6-13.8 12-34 5.8-38.8-12-1.6-6-1.4-11.4 1.2-23.4 4.2-20 3-46-2.6-58.6-2.2-5-8-12.6-12.8-16.8-4.8-4.2-14.6-16.4-21.8-26.8-7.2-10.6-15.2-20.8-18-22.8-2.8-2-12.6-6-22-9-14.4-4.4-20.8-5.4-43-5.6-28-.2-31.4-1.2-42.4-11.6-7.4-7-8.6-15.6-3.8-25.2 7-13.2 16.4-16 54.2-16 16.6 0 35.8.8 42.8 1.8zm-213.6 75.6c20.2 15.4 20.6 16.4 22 48 .6 15 1.8 29 2.6 31 2.8 6.2 11 6.6 21.6.6 5.4-3.2 14-5.8 20-6.4 5.8-.6 18.8-2.4 29-4.2 17.2-3 19.4-3 36 .4 32 6.6 35.8 9.2 44.2 31.6 5.2 14 5.4 21.4 1.2 32.8-2.2 5.4-2.8 11-2 15.4 1.8 10 17.6 23.4 35 30.2 11.2 4.2 16.2 7.6 27 19 19.2 19.8 20.2 23 20 59-.2 35-.4 35.4-19.8 63.6-13.8 19.8-32.4 38.6-49 50-5 3.4-12.2 8.8-15.8 12-3.8 3.2-11.6 8-17.2 10.4-5.6 2.6-14.6 7.4-19.8 10.6-5.2 3.4-15.8 7.6-23.8 9.4-8 2-21.2 6.6-29.6 10.2-22.4 10-36.2 11.2-121.8 10.4l-75-.6-19-8.4c-10.6-4.6-25.4-9.8-33-11.6-7.6-1.6-18-5.8-23-9s-14.2-8-20.4-10.8c-18-8-59.4-46.2-66-61.2-2.2-5-7.4-14.4-11.4-20.8l-7.2-12V549l7.6-13.6c4.2-7.4 9.4-18.6 11.6-24.8 3.8-11.4 13.4-27.8 24.8-42.6 20.2-26.2 38.4-46.8 53-60 9.2-8.2 21-18.6 26-23.2 5-4.4 13.2-11 18.6-14.6 5.2-3.4 9.4-7.2 9.4-8 0-1 5.6-4.6 12.6-8.2 6.8-3.8 16.4-9.6 21.4-13.2 5-3.6 14.4-8 21-9.8 6.6-2 17.8-6.6 25-10.2 12-6.2 14.4-6.8 32.4-6.8h19.4l12.4 9.6zm203.6 13.2c3 1.6 6.6 4.4 8 6 1.6 1.8 9.4 7 17.4 11.6 17 9.6 19 13 24 42 3.4 20.4 2.6 32.2-3.4 43.8-7.6 15.2-22.8 20.6-31.2 11.2-7-7.6-9.2-13.8-10.6-29.6-1.2-13.2-2.4-16.4-9.6-27.2-11-16-16.8-20.6-27.2-20.6-10 0-24-6.2-27-11.6-5.8-10.8.4-24.6 12.4-28.4 8.6-2.6 40.2-.8 47.2 2.8z"/><path d="M424 477.4c-32.6 3.6-47.8 7-61.8 13.8-8 4-19 8.4-24.2 10-5.2 1.6-12.4 5-16.2 7.8-3.8 2.6-11 7.6-16.2 11-13.4 8.8-35 33.2-38.8 44-1.8 5-5.4 14.4-8.2 21-8.8 21.2-8.2 26.8 4 53 10.6 22.6 11 23.2 27.6 36.4 21 16.8 23.6 18.4 50.8 28.2 20.2 7.2 24.6 8 54 10 17.6 1.2 45.6 2.2 62 2.2l30 .2 17.4-8.4c9.6-4.6 22.4-9.6 28.2-11.4 6-1.8 15.4-6.2 20.8-10 5.4-3.6 13.4-8.6 17.6-10.8 9.2-4.6 39-34.4 39-39 0-1.6 3.8-10.2 8.4-18.8 7.8-14.2 8.6-16.8 8.4-29.6-.2-12.8-1-15.8-10.6-34.6-13.4-26.2-30.4-43.6-50.2-51.4-7.2-2.8-16.2-7-20-9.6-11.4-7.6-17.6-9.2-48.8-12.4-27.6-2.8-56.6-3.4-73.2-1.6zm39.4 44.4c11.2 2.2 22.6 5 25 6.4 7 3.6 26 21.8 30.8 29.4 8.6 13.4 11 54 4.6 77-2.6 9.6-18.8 27.6-39.4 44.2-15.6 12.4-17 13-29.8 14-7.6.8-22.4 2.2-33 3.6-22.6 2.6-45.6 1-53.8-3.8-3.2-2-8-6.8-10.8-10.8-2.6-4.2-8.4-10.4-12.8-13.8-8.2-6.8-13.4-16.4-19.4-37-3.8-13.2-2.8-21.8 5.2-47.6 3.2-10.4 6-14.6 17.4-25.8 12.4-12.2 23.8-22.2 33.2-29.6 4-3 38.6-9.4 53.4-9.8 5 0 18.2 1.6 29.4 3.6z"/><path d="M387.2 606c-12.2 3.8-18.2 13.4-15 24.6 5.8 21.2 27.8 25.8 40.6 8.6 6.6-8.8 7.8-16.2 4.2-24-4.8-10.2-15.4-13.4-29.8-9.2z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-instagram {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M140.6 78c-9.8 2.2-28.4 13.8-38.6 24-10.6 10.8-21.6 28.8-24.2 39.4-2.6 11.4-2.4 714.8.4 725.2 5.2 20.4 29 46.2 53.2 57.6 8.2 3.8 15.4 3.8 370.6 3.8 351.8 0 362.8-.2 371-3.8 21-9.2 38.8-27 50-49.2l5-10.2-.4-363.8-.6-364-4.4-8c-10.8-19.6-18-28.2-32.6-38.4-9.2-6.2-18.8-11.2-24.6-12.4-11.2-2.6-714.4-2.8-724.8-.2zM662 202.8c12.6 2.8 60.2 22.2 68.4 28 4.4 3 30.2 31.4 39 42.6 2.8 3.6 9.6 19.4 15.2 35l10 28.6.8 146c.6 106.4.4 149.2-1.4 157.8-1.2 6.6-6 22.2-10.4 34.6-9.8 27.8-23 46.6-48.2 68.8-22.2 19.4-36.8 26.8-61.4 30.8-10.4 1.6-22.6 4-27 5.2-15 3.8-140.6 6.2-213.4 4-37.8-1.2-73-3-78.6-4-5.4-1.2-16.2-2.8-23.8-4-26.8-4-68.8-33.6-89.8-63.8-10.2-14.8-19-36.2-27.6-68.4-3.2-12-3-292.4.2-307.2 4.6-21.2 16.6-53 23.6-63.2 4-5.8 15-18.4 24.4-27.8 14-14.2 20.4-19 35.8-26.8 27-13.4 42.8-17 84.2-19 57.2-2.8 264.4-.6 280 2.8z"/><path d="M356 262.2c-2.8 1-11.2 4.2-18.6 7.2-12.4 4.6-35.4 21-42.8 30.6-6.2 8-21 47.8-22.8 61-.8 7.6-1.4 70.2-1 139 .6 108.6 1.2 126.4 4 135.4 4.4 13.8 18.6 44.6 22.8 49.4 4.4 4.8 30.2 24 37.6 27.8 13 6.6 48 8.4 167.8 8.4 115.2 0 150.8-1.6 166-7.4 6.6-2.4 32.8-21.4 39.2-28.2 7.6-8.2 23.8-44 26-57.6 1.2-7.8 1.8-65 1.4-149l-.6-136.2-12-23.8c-11.4-22.8-12.6-24.4-27-35.2-8.2-6.4-20.8-14-28-17l-13-5.6-147-.4c-91.2-.2-149 .4-152 1.6zm315.6 41c12.2 6 19.6 14.2 22.4 24.8 6.4 24-18.8 51.6-43 47.2-9.8-2-23.6-14.8-30.2-28.4-4.6-9.2-4.8-11.4-3-17.4 2.6-7.8 16.4-22.4 26.4-27.6 9.4-5 15.2-4.6 27.4 1.4zM536.8 338c5 1 18.6 7 30.4 13.4 25 13.2 47.2 32.8 63 55.6 5.4 7.6 11.6 16.2 13.8 19 5.8 7.2 14.8 55 13.4 71-1.6 16.6-10 53.8-13.6 58.6-1.6 2.2-7.4 10.6-13.2 18.6-16.4 23.6-48.6 52-63.2 55.8-4.6 1.4-15.6 5.6-24.4 9.6-15.8 7.2-16.4 7.4-40 7.2-23.2-.2-24.4-.4-39-7.4-8.2-4-19.2-8.2-24.4-9.4-16.6-4.2-49-34-69.2-63.6-16.2-24-19-35-19-74.4 0-33 3.8-54.8 11.2-64.8 2.6-3.4 7.2-10.6 10.4-16 8.4-14.4 24.4-31.8 38.4-42 20.2-14.8 53.8-31.2 67.6-33 14.2-2 45.6-1 57.8 1.8z"/><path d="M491 398c-4.4.8-16.4 6-26.6 11.4-16 8.4-20 11.6-31.4 25.4-7.6 9.2-14 19.2-15.4 24-3.2 11.2-3.2 52 0 62.6 3.2 11 24.4 36.4 35 42 14.8 8 37 16.6 45.8 17.8 6.2.8 12 0 20.6-3.2 6.6-2.2 17.8-6.2 24.6-8.6 10.8-3.6 15-6.6 27.4-19.6 12-12.6 15-17 17.2-26 3.4-13.2 3.6-55.4.2-66.8-5-17.4-29.4-40.4-58.4-55.2-8.4-4.2-27.8-6.2-39-3.8z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-tumblr {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M138.4 78c-6.2 1.4-26.2 14.2-36.2 22.8-2.6 2.4-9 10.8-14.2 18.8-7.4 11-10 17.2-11 25-.6 5.8-1 170.6-.6 366.4.6 296.8 1 356.8 3.4 361 11 20.2 21.6 32.4 37.2 43 15.6 10.6 17.2 11.2 34.2 13.2 11.4 1.2 143.2 1.8 364.8 1.4 313.8-.6 347.6-1 354-3.8 23.2-10.6 42.4-29.2 53.6-51.8l5.4-11 .6-347c.4-223-.2-353.4-1.4-365-2-17-2.6-18.6-13.2-34.2-10.6-15.8-22.4-25.8-43-37-4.2-2.4-65.4-2.8-366-3.2-198.6 0-364 .4-367.6 1.4zm400.4 131.8l5.2 4.8v47.8c0 35.4.6 49.4 2.6 54.2 5.4 12.4 4.8 12.4 62.6 12.6 57.6.2 57 0 62.2 12.2 3.2 8 3.8 93.6.6 105-1.2 4-4.6 9.4-7.4 11.6-5.2 4-7.2 4.2-56 3.6L558 461l-6 6.2c-9.2 9.2-10.4 22.6-9.6 113.6.6 71.4 1 78.8 4.2 85 5 9 18.8 23.8 25.6 27.4 6.6 3.2 42.6 4 50.8.8 2.8-1 9.6-6 15-11.2 8.4-7.8 10.6-9 17.2-8.4 9.2.8 14.8 7.6 17 21 2.8 16.8 2.2 68-1 75.2-4 9.6-25.2 28.8-33.4 30.4-3.8.6-41.4.8-83.8.6-83.6-.6-80.8-.2-94-12.6-3.8-3.6-12-8.2-18-10-18.2-6-27-18.6-29.8-43.6-1.2-8.6-4-19.2-7.4-26.4-7-14.8-7-16.6-7.8-145.8-.6-108.8.8-101.2-17.4-101.2-5.4 0-12.2-1.2-15.2-2.8-10.4-5.4-11.4-10-11.4-55.2 0-35.6.6-42 3.6-46.6 5-7.6 11-13 23.4-21 11.6-7.4 29.2-24.6 37-36.4 2.4-3.8 7.8-10.2 11.8-13.8 6.6-6.4 7.2-8 7.2-18.2 0-6.2 1.2-15.8 2.8-21.2 1.6-5.4 3.4-13.8 4.2-18.8 3.2-21.6 9-24.2 55.4-23.4 34.2.4 35.4.6 40.4 5.2z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-github {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M138.4 78c-6.4 1.4-26.4 14.2-36 22.8-8 7.2-22 29.8-24.4 39.2-1.6 6.4-2 113.2-1.6 368 .6 299.4 1 359.8 3.4 364 11 20.2 21.6 32.4 37.2 43 15.6 10.6 17.2 11.2 34.2 13.2 10.6 1.2 63.4 1.6 127.6 1.4l109.6-.6 6-6.8 6.2-6.8-1.2-25.2c-.8-15.8-.2-33.4 1.4-47.2 3-25.4 1.4-36.2-6-43.2-5-4.6-6.2-4.8-30.6-4.2-27.6.8-24 1.6-68.8-16-8.6-3.4-22.6-18-28.4-29.8-11.4-22.8-27-45-39.2-55.6-14-12.2-19.8-20.8-19.8-28.6 0-11.6 13.6-12.6 33.2-2.4 16.6 8.8 20.8 12.4 40.8 36.2 24.2 28.6 31 33.6 54 39.6 15.2 4 42.2 3 51.4-1.8 9-4.6 18-15.2 24.4-29.2 11.4-24.2 7.4-31.2-20.6-36.8-9.8-2-29.2-8-43.4-13.4-40.4-15.8-64.6-37.4-85.4-76.2-11.6-21.8-15.4-33-18.2-53.6-4.2-32.2-4.8-60.2-1.4-84 3.4-23.8 6.8-32.8 20.2-54 4-6 8.8-15.6 11-21.4 3.8-10 3.8-11.6 1-30-5.2-34.2-3.2-52.4 7.6-70.2 7.2-12.2 15-17.2 24.2-15.8 12.8 2.2 52 17.4 66.8 26.2 26 15 29 15.4 82.4 7.2 24.6-3.8 33.8-4.2 60-3.2 17 .6 41.4 3 54 5.2 38.4 6.6 49.6 5.2 73-10 6.6-4.2 17.4-9.4 24-11.6 6.6-2.2 16-5.8 21-8.2 13-6 28-5.6 35.6.8 12.4 10.4 18.6 41.4 14.4 71.6-4.4 30.6-3 39.4 8.4 53.8 3.4 4.4 11.2 19.2 17.4 33.2L775 443v78l-10 28c-15.2 43.2-36.8 73.2-66.2 92.8-13.4 8.8-57 25.4-76.8 29-28.2 5.2-33.2 12.6-22 32.2 11.2 19.4 12.4 32.8 11.6 129.6l-.6 85.8 5.4 4.6c3.6 3 9.2 5.2 16 6 5.8.8 60.2 1 120.6.6 108.4-.6 110.2-.6 119-5 24-11.6 40-27.4 51.6-50.6l5.4-11 .6-347c.4-223-.2-353.4-1.4-365-2-17-2.6-18.6-13-34-10.6-15.4-22.8-26.2-43.2-37.2-4.2-2.4-64.6-2.8-366-3.2-198.6 0-364 .4-367.6 1.4z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-linkedin {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M141 77.8c-7.4 1.8-11.2 3.8-26.8 14.2-12.4 8.4-21.6 18.8-31.6 37L77 139l-.6 359c-.4 254.4.2 361.6 1.6 367.8 3.6 14.4 20.6 36.8 35.8 47.6 7.2 5 16.2 10.4 19.6 12 5.4 2.2 67.6 2.6 371.2 2.2l364.6-.6 11.8-7c15-9 30-24 39-39l7-11.8.6-362.6c.4-297 0-363.8-2.2-370-1.4-4.2-6.8-14-11.8-22-7.6-11.4-12.4-16.2-24.4-24.4-8.4-5.6-19-11-23.8-12.2-9.8-2.2-715-2.4-724.4-.2zM292.2 196c16 5.4 25.4 11.6 35.6 23.4 26.4 30.6 27.6 63.4 3.8 98-6.4 9.4-25.2 23.2-38.2 28-12.8 4.6-40.2 4.2-51.8-.8-43-19.2-62.8-64.6-45-103.4 18-39 57.8-57.8 95.6-45.2zm403 200c20.2 3.4 26 5.4 38.6 12.6 33.6 19.2 48.2 39.2 60 82.4 6.8 24.4 8 51 8.4 175.2.2 130.2.4 128.2-11.2 133.4-3.6 1.6-20.4 2.4-53.6 2.4-44.6 0-49-.4-54.8-4-3.6-2.2-7-6-7.6-8.4-.6-2.6-1.4-52.8-1.6-111.6-.6-101.2-1-107.8-4.8-121.4-7-24.6-19.6-41-38.2-49.8-17.2-8.2-47.8-4.8-66.8 7.4-18.6 12-31.4 33-35.6 58-1.2 7.6-2 53.8-2 113.4 0 109.2 0 109-11 114-3.6 1.6-20.6 2.4-54.8 2.4-47 0-50-.2-54.8-4-3-2.4-6-7-6.8-10.6-.8-3.6-1.2-90.4-.6-193l1-186.8 5.6-4.8c5.6-4.8 5.8-4.8 53.4-4.8 31.2 0 49.6.8 52.8 2.2 6 2.8 8.6 9 10.4 24.8 2.4 23 11.8 25.2 28.4 7 11.8-12.8 29.6-25.2 44.4-30.8 25.2-9.4 64.4-11.4 101.2-5.2zm-374.4 4c12 4.6 11.4-6.4 11.4 201 .2 180.8 0 189.6-3.6 193.4-2 2.2-5.8 4.8-8.4 5.8-2.6 1.2-26.2 2-52.6 2-51.8 0-56.6-1-61.4-11.6-1.6-3.4-2.2-61.4-2.2-190.8 0-170.4.2-186.6 3.4-191.8 1.8-3.2 5.2-6.6 7.4-7.8 5.4-2.6 99.2-2.8 106-.2z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-zhihu {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M136.8 78.8c-8.6 2.8-24 12.4-33.6 21-8.6 7.8-21.4 27.8-24.4 37.8-4.2 14-4 723.4 0 733.4 8.6 20.6 36.8 48.6 56 55.6 9 3.4 747.4 3.4 756.4 0 19.8-7.2 49-36.6 56-56.2 2.2-6 2.6-75.6 2.8-366.4 0-233.8-.6-361.4-2-366-1.2-3.8-6.6-13.8-12.2-22.2-8.2-12.2-13.4-17.4-25.8-25.6-8.4-5.8-19-11.4-23.2-12.2-4.6-1.2-163.2-1.8-374.8-1.8-293 0-368.6.6-375.2 2.6zm190 145.6c5.4 7.6 4 17.4-4.8 31.6-9.8 16-10.8 27.4-3 35 2.6 2.8 6.4 5 8.4 5s37.8.4 79.6.6c68 .4 76.6.8 82.4 3.8 9.2 5 12.6 11 12.6 22 0 7-1.2 10.8-4.8 15l-4.8 5.4-38 .2c-53.8 0-53.8 0-55.4 51.2-.6 18-1.6 42.8-2.2 55-1.2 22.8.6 31.6 7.6 36.2 1.4.8 22.2 2 46 2.6l43.2 1 8.8 6c15.4 10.8 17.8 29.2 5 37-5.8 3.6-10.2 4-51.8 4-31 0-47 .8-50.6 2.4-7 3.2-14.2 17.6-17.2 34.4-3.2 16.6-1 21.8 9.6 25.2 13.4 4.2 21.8 11.2 49 41.4 35 38.8 36.6 41 41.8 58.8 7 23.8 2.2 41.8-11.4 41.8-7.6 0-12-3-21-14.6-13.8-17.4-54.4-65.8-62-73.8-15.2-16-29.4-5.8-38.8 27.4-1.8 6.6-8.8 23.2-15.6 37-10.8 22-14 26.8-27.4 39.6-19.6 19.2-26.4 23-53.6 29.6-27.2 6.4-37 5.6-38-3.6-1-8.4 4.4-16.4 20-29 16-13 36.8-36.6 45.2-51.4 3-5.2 8.2-13.8 11.6-19 3.4-5 11.8-20.4 18.6-34.2 10-20 13.6-29.4 17.2-47 2.6-12.2 6.2-25.4 7.8-29.4 4-9.4 4-21.4.2-27-5.2-7.4-16-8.8-62.6-8.4-50.4.4-55.2-.8-57.6-13.2-1.8-10.4 5.8-24.4 16.2-29.8 7.4-3.8 11.8-4.2 56.2-4.8l48.4-.8 4.6-5c4.8-5 4.8-5 5-61.6 0-35.2-.8-59.2-2-63.2-3.8-11.2-11-14.8-30.2-14.8s-21.4 1.4-31.2 18.2c-8.2 14.4-20.6 28.8-33.2 38.8-13.2 10.4-21.6 13-28 9-8.4-5.6-5.2-23.2 8.2-43.2 4-6.4 9.2-18.6 12.2-29.6 3-10.2 7.4-23.2 10-29 2.4-5.6 6-16.8 8-24.6 5.6-23.6 24-50.8 39.4-58.4 11.2-5.4 18.6-5.4 22.4.2zm452 68.2c11.8 7.8 11.4-.8 10.8 216-.6 181-.8 198.8-4 203-7.6 10.8-9.8 11.4-53.6 12.4l-41 1-14 7.8c-7.6 4.2-21.2 13-29.8 19.4-25.8 19.2-35 19.8-43.4 3.2-11.8-23.2-23.6-33.2-39.4-33.4-8.8 0-13.6-2.8-17.2-9.8-2.6-4.8-3-33.8-2.6-208.8.4-199.8.4-203 4.4-207.4 2.2-2.4 5.8-5.2 8-6.2 2.2-.8 51.8-1.4 110-1.2 99 .4 106.6.6 111.8 4z"/><path d="M606.8 337.4c-2.4.4-6.4 3-9 5.8l-4.8 5.2-.6 156.4-.4 156.4 6.4 9.4c3.6 5.2 9.8 15.2 13.6 21.8 8 14.2 16.8 20.6 25.6 18.6 3.2-.6 13.8-7 23.6-14.2 23-17 27.8-19 50.2-20.2 16.4-1 19.2-1.8 23.6-6.2 2.8-2.8 5-6.4 5.2-8.2V505.6c0-116-.6-154.4-2.6-158.6-4.8-10.4-8.4-11-70-10.8-31.2.2-58.6.8-60.8 1.2z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-bilibili {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M138.8 77.8c-7.8 2-32 17.8-38.8 25.6-9.6 10.6-18.4 25-21.2 34-4.2 14.2-4.2 723.6 0 733.6 8.4 20.2 29.4 41.6 53.2 54.2 6.8 3.6 18.8 3.8 370 3.8h363l9-4.2c14-6.8 31.6-22.4 42.6-38 9.4-13.8 10-15.2 11.6-32.6 1.2-10.4 1.6-166.8 1.4-365.6-.6-317.8-.8-348.2-3.8-354.6-9.2-19.2-20.8-33-38.6-45l-17.6-12-362.4-.4c-199.2 0-365 .4-368.4 1.2zM371.2 251c4.2 1.6 22.6 18.2 44.6 39.8 29.8 29.2 39 37.2 45.4 39 10.6 3 73.2 2.8 83.2-.2 6-1.8 15.8-10.4 43.4-37.8 19.8-19.6 39.4-37.4 44-39.6 15.2-7.8 31.6-4 41 9.4 10.4 15.2 8.8 28-6 44.6-15 16.8-11 24.4 14.2 26.8 18.8 1.6 25.2 3.8 43.8 14.8 19.2 11.2 28 21 40.6 44.8L775 411v250l-9.8 19.6c-10.4 20.6-23.8 35.6-43 47.6-18.8 12-18.6 12-226.2 11.4l-189-.6-11.8-4.8c-6.4-2.6-18.6-10.2-26.8-17-16-12.8-25.6-26.4-35-49.2-4.4-11-4.4-11.4-4.4-132.2V414.6l10.4-21c8.4-16.8 13-23.4 22.6-32.2 17.2-16 39.2-26.4 59.2-28.4 27.2-2.4 31.2-9.2 15.8-27.2-5-5.8-9.6-13.4-10.2-17.2-5.2-27.4 19.4-48.2 44.4-37.6z"/><path d="M330.2 400.4c-9 1.6-15 5.4-23 15-11.4 13.4-11.2 12-11.2 120.6s-.2 105.6 11.2 122.4C318 673.8 307 673 492 673.6c90.8.4 170.6 0 177.4-.6 15.6-1.6 23.6-6.8 32.2-21l6.4-10.8V537.8c0-68-.8-105.4-2.2-109.2-3-8-15.2-22.2-22.2-25.8-5.2-2.6-26.6-3.2-175.6-3.4-93.4-.2-173.4.2-177.8 1zm78.4 70.4c9.6 4 22.8 17.8 25.2 26.6 2.8 9.8 2.8 33.4 0 43.2-2.4 8.6-11.8 20.2-20 24.6-8 4-23.6 3.6-31-1-3.6-2.2-8.4-8-11-13.6-4.2-8.4-4.8-12.4-4.8-31.8 0-21 .2-22.6 6-31.8 4-6.4 9-11.2 14.8-14.4 10.2-5.4 12.2-5.6 20.8-1.8zm206 0c20 8.2 29.2 36.4 22.2 67.4-2.8 12-4.8 16.2-10.8 22.2-7 7-8.4 7.6-18.8 7.6-19 0-30.6-9.2-36.4-29.2-3.6-12.4-2.4-37.8 2.2-46.8 5-9.6 24-24 31.6-24 2 0 6.4 1.2 10 2.8z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-telegram {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="icon" viewBox="0 0 1024 1024"><path d="M123.4 80.2c-10.6 5.6-39.2 35-43.6 44.8-3.6 7.6-3.8 23.6-3.8 377.6 0 327.2.4 370.4 3 376.8 3.6 8.4 35 40.4 45.2 45.8 6.6 3.6 19.8 3.8 377.8 3.8h371l9.4-5.6c12.2-7 34-28.8 41-41l5.6-9.4V502c0-359.2-.2-371.2-3.8-378-5.2-9.8-37.8-41.6-46.2-45.2-6-2.4-58.2-2.8-377.4-2.8-367.4.2-370.6.2-378.2 4.2zm675 164.6c2 2.2 4.2 7.4 5 11.2 1.8 9.2-3.4 44-13.2 90-4.4 20.4-9.4 48.4-11.2 62.2-2.2 18.2-5.2 31.8-11 48-5.4 16-8.4 28.8-9.8 43.2-1.4 13.8-4.6 27.8-10 44s-8.8 31.6-11 48.6c-1.6 13.8-6.8 42-11.2 62.6-4.4 20.8-9.4 48.8-11 62.6-3.2 26.8-5.6 33.6-15 41.6-12.6 10.6-20.4 9.6-38.4-4.8-7-5.6-18.4-14-25.6-19-30.4-20.8-54.4-38.4-70.2-51.4-13.2-10.8-36.2-23.6-42.4-23.6-9 0-26.6 11.6-54 35.4-38 33.2-47.2 37.4-59.4 27.4-8.4-7.2-11.2-13.2-15.8-34.6-2.6-11.4-6.8-23-11-30.8-4.6-8-8.2-18.4-10.2-28.4-1.6-8.8-6-22.4-9.8-30.2-3.8-7.8-7.4-17.4-8.2-21-2.8-14.6-7.4-25.4-12.6-30.4-7.6-7.2-32.2-18.2-52.4-23.4-9.4-2.4-22.4-7.4-28.8-11.2-6.4-3.8-16.8-8.2-23-9.6-14.2-3.4-22.8-7.6-27.8-14.2-10.6-13.6-6.4-27 10-32 5.6-1.6 14.4-5.6 19.4-8.8 5-3.2 15.8-7.8 24-9.8 8-2.2 17-5.8 20-8 9-6.6 17-10 33.6-14.2 8.8-2.2 22.4-6.8 30-10.2 7.8-3.2 21.2-7.8 29.8-10.2 8.8-2.2 21.6-7.6 28.8-11.8 7.2-4.2 18-8.6 24-10 6-1.4 16-5.6 22-9.2 6-3.6 18.6-8.8 28-11.4 9.4-2.8 24.2-7.8 33-11.4 8.8-3.6 22.8-8.2 31-10.2 8.2-2.2 20-7 26-10.6 6-3.8 16.8-8.4 24-10.2 7.2-2 18-6.6 24-10.2 6-3.8 19-9 28.8-11.8 9.8-2.8 24-7.8 31.8-11 7.6-3.4 21.2-8 30.2-10.2 9-2.2 21.2-7.2 27.4-11 6.2-4 17.6-8.8 25-10.8 7.6-2 16.6-4.6 19.8-5.6 7.6-2.6 13-1.2 17.4 4.4z"/><path d="M645.6 360.8c-23.4 12.6-33 18.2-37.6 22.4-2.8 2.6-11 8-18.4 12.2-33.6 19.2-63.4 37.8-83.6 52.2-6 4.4-16 10.4-22 13.4s-13.6 7.6-17 10c-3.2 2.6-11.2 7-17.6 10-6.2 3-14 7.4-17 10-3 2.6-11 7.8-17.6 11.8-11.4 6.6-23 18.4-28.4 28.6-3.6 6.6-2.8 19.2 1.6 30.6 2.2 5.6 6.8 23 10 38.6 6.8 31.8 9.6 38 17.4 37 8-1 12.2-8.6 18.4-34.2 3.6-14.8 7.8-26.4 11-31.2 7.6-10.8 77-77.4 118.2-113.2 10-8.6 27.6-24.6 39.4-35.6 11.8-11 24.6-22 28.4-24.6C639.4 393 660 367 660 362c0-5.8-5-6.2-14.4-1.2z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-v2ex {
|
||
|
background: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 48 48"><path d="M6.5,3.7H24c14.4,0,17.2,0,17.4,0.2c0.8,0.5,1.4,0.7,1.9,1.4c0.5,0.8,0.7,1.2,0.8,2v33.4l-0.5,1.5c-0.5,1.1-1.1,1.4-2.2,1.9 c-0.3,0.2-2.2,0.3-5.7,0.3H7.4c-0.8-0.2-1.4-0.4-2.1-0.8c-0.8-0.6-0.8-1-1.4-2V6.7c0-0.5,0.7-1.5,1.2-1.9c0.3-0.3,1.1-1,1.7-1.2H6.5 z M14.3,13c-0.5,0.2-0.8,0.3-0.8,0.5c-0.2,0-0.3,0.4-0.6,0.8v5.9l13.2,0.2l3.6,3.2v0.7l-3.6,3.4H12.9v5.9c0,0.4,0.3,0.7,0.5,0.8 c0.3,0.3,0.5,0.5,0.8,0.5h13.7c0.3,0,0.5,0,0.7-0.2c0.2,0,0.3-0.2,0.6-0.4l9.6-9.3l0.3-0.6v-1.2l-0.3-0.7l-9.6-9.1l-0.6-0.3L27.9,13 H14.3L14.3,13z"/></svg>');
|
||
|
}
|
||
|
|
||
|
.footer-sns-segmentfault {
|
||
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24px" height="24px"><style type="text/css">.st0{fill:#FFFFFF;}</style><path d="M6.4,3.7C6,3.8,5.3,4.3,4.8,4.7C4.4,5,3.8,6,3.7,6.5c-0.2,0.7-0.2,33.9,0,34.4c0.4,1,1.7,2.3,2.6,2.6c0.4,0.2,35,0.2,35.5,0c0.9-0.3,2.3-1.7,2.6-2.6c0.1-0.3,0.1-3.5,0.1-17.2c0-11,0-16.9-0.1-17.2c-0.1-0.2-0.3-0.6-0.6-1c-0.4-0.6-0.6-0.8-1.2-1.2c-0.4-0.3-0.9-0.5-1.1-0.6C41.4,3.6,33.9,3.6,24,3.6C10.3,3.6,6.7,3.6,6.4,3.7z"/><g><path class="st0" d="M9.3,32c1.9,1.2,3.8,1.8,5.7,1.8c2.3,0,3.5-0.6,3.5-1.9c0-0.9-1-1.6-2.9-2.2c-2.4-0.8-4.1-1.6-5-2.5S9.3,25,9.3,23.4c0-1.9,0.8-3.4,2.3-4.5s3.6-1.6,6.1-1.6c1.8,0,3.5,0.3,5.2,0.8v4.5c-1.5-0.9-3.2-1.3-5-1.3c-0.9,0-1.6,0.2-2.2,0.5s-0.8,0.7-0.8,1.3c0,0.9,0.8,1.6,2.5,2.2c1.8,0.6,3.1,1.1,4,1.6s1.6,1.1,2,1.9s0.7,1.7,0.7,2.7c0,2-0.8,3.6-2.4,4.7s-3.8,1.7-6.4,1.7c-2.1,0-4.1-0.3-5.9-1V32z"/><path class="st0" d="M40,12.8c-0.8-0.3-1.5-0.5-2.2-0.5c-1.9,0-2.9,1.1-2.9,3.2v2.2h4.4V22h-4.4v15.2h-5.7V22h-3.3v-4.2h3.3v-2.5c0-2.2,0.7-4,2.2-5.3s3.3-2,5.7-2c1.2,0,2.2,0.1,3,0.4V12.8z"/></g></svg>');
|
||
|
}
|