2664 lines
60 KiB
CSS
2664 lines
60 KiB
CSS
/* Global_CSS */
|
|
/* Local_Search */
|
|
/* Markdown_CSS*/
|
|
/* Scheme_Paradox */
|
|
/* Scheme_Isolation */
|
|
/* Swiftype_Input */
|
|
/* Sidebar_CSS */
|
|
/* Burger_CSS */
|
|
/* Post_Toc */
|
|
/* Material_icon */
|
|
/* Footer_Top */
|
|
/* Nprogress_CSS */
|
|
/*************/
|
|
/* Global_CSS */
|
|
/*************/
|
|
|
|
html {
|
|
display: block;
|
|
}
|
|
body {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
content: '';
|
|
}
|
|
.fa,
|
|
.material-icons {
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
a {
|
|
font-weight: 300;
|
|
}
|
|
.mdl-button {
|
|
font-family: Roboto, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
|
|
}
|
|
.mdl-menu__item {
|
|
font-weight: 300;
|
|
}
|
|
/****************/
|
|
/* Local_Search */
|
|
/****************/
|
|
|
|
#local-search-result {
|
|
position: absolute;
|
|
background-color: #fff;
|
|
border-radius: 2px;
|
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
z-index: 6;
|
|
max-width: 100%;
|
|
}
|
|
#local-search-result ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
#local-search-result ul li {
|
|
padding: 10px 20px;
|
|
border-top: 1px solid #dadada;
|
|
}
|
|
#local-search-result ul li:first-child {
|
|
border-top: none;
|
|
}
|
|
#local-search-result ul li p {
|
|
margin: 0;
|
|
max-height: 50px;
|
|
overflow: hidden;
|
|
}
|
|
#local-search-result .search-keyword {
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
#local-search-result ul li a {
|
|
text-decoration: none;
|
|
}
|
|
#local-search-result ul li .search-result {
|
|
color: #333;
|
|
}
|
|
/****************/
|
|
/* Markdown_CSS */
|
|
/****************/
|
|
|
|
.highlight tr {
|
|
display: flex;
|
|
}
|
|
#post-content .line {
|
|
height: 19px;
|
|
}
|
|
#post-content figure {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
#post-content,
|
|
#post-content p {
|
|
font-size: 15px;
|
|
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: 1em 0 15px;
|
|
padding: 0;
|
|
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.5em;
|
|
}
|
|
#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: 15px 0;
|
|
}
|
|
#post-content hr {
|
|
height: 0.25em;
|
|
padding: 0;
|
|
margin: 24px 0;
|
|
background-color: #e7e7e7;
|
|
border: 0;
|
|
}
|
|
#post-content li p.first {
|
|
display: inline-block;
|
|
}
|
|
#post-content ul,
|
|
#post-content ol {
|
|
padding-left: 30px;
|
|
font-size: 15px;
|
|
line-height: 1.7;
|
|
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: 14px;
|
|
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: 4px solid #DDD;
|
|
padding: 0 15px;
|
|
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;
|
|
}
|
|
#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;
|
|
}
|
|
|
|
.post-toc-wrap::-webkit-scrollbar{
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 4px;
|
|
background-color: #F1F1F1;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.post-toc-wrap::-webkit-scrollbar-thumb {
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 4px;
|
|
background-color: #DDDDDD;
|
|
opacity: 0.8;
|
|
}
|
|
.post-toc-wrap::-webkit-scrollbar-button {
|
|
display: none;
|
|
}
|
|
|
|
/****************/
|
|
/* Scheme_Paradox */
|
|
/****************/
|
|
|
|
#scheme-Paradox .index-top-block {
|
|
margin-bottom: 47.59px
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox .index-top-block {
|
|
transition: 1s;
|
|
width: 100%;
|
|
margin: 0;
|
|
border-radius: 0 !important;
|
|
}
|
|
#scheme-Paradox .material-layout .daily-pic {
|
|
height: 100%
|
|
}
|
|
#scheme-Paradox .material-layout .something-else {
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 481px) and (max-width: 840px) {
|
|
#scheme-Paradox .index-top-block {
|
|
min-height: 200px!important;
|
|
transition: 1s;
|
|
margin-bottom: 47.59px
|
|
}
|
|
#scheme-Paradox .material-layout .daily-pic {
|
|
width: calc(66.6666666667% - 16px)
|
|
}
|
|
#scheme-Paradox .material-layout .something-else {
|
|
width: calc(33.3333333333% - 16px)
|
|
}
|
|
}
|
|
#scheme-Paradox .index-top-block-slogan {
|
|
font-size: 24px;
|
|
line-height: 26px;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
text-shadow: 1px 1px 8px #444
|
|
}
|
|
#scheme-Paradox .index-top-block-slogan a {
|
|
text-decoration: none
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox .index-top-block-date {
|
|
display: none
|
|
}
|
|
}
|
|
#scheme-Paradox .material-layout .minilogo,
|
|
#scheme-Paradox .social-btn {
|
|
background-position: center;
|
|
background-repeat: no-repeat
|
|
}
|
|
#scheme-Paradox .post_entry-module {
|
|
margin-bottom: 47.59px;
|
|
margin-top: 0;
|
|
}
|
|
#scheme-Paradox .material-layout .material-post,
|
|
#scheme-Paradox .material-layout .material-index {
|
|
display: flex;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
width: 100%;
|
|
max-width: 900px;
|
|
flex-shrink: 0
|
|
}
|
|
#scheme-Paradox .material-layout .material-layout__content {
|
|
position: relative;
|
|
padding-top: 165px;
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox .material-layout .material-layout__content {
|
|
padding-top: 0
|
|
}
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card {
|
|
display: flex;
|
|
min-height: 400px;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
border-radius: 2px;
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox .material-post .mdl-card {
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card__title {
|
|
padding: 1pc;
|
|
flex-grow: 1
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card__media {
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
padding: 24.72px;
|
|
background-size: cover;
|
|
cursor: pointer;
|
|
flex-grow: 1;
|
|
flex-direction: row;
|
|
align-items: flex-end
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card__media a,
|
|
#scheme-Paradox .material-layout .mdl-card__title a {
|
|
color: inherit
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card__supporting-text {
|
|
display: inline;
|
|
padding: 20px 0 1pc;
|
|
width: 100%;
|
|
min-height: 4pc;
|
|
align-items: center
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card__supporting-text strong {
|
|
font-weight: 700
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card__media~.mdl-card__supporting-text {
|
|
min-height: 4pc
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox .material-layout .mdl-card__supporting-text {
|
|
padding-top: 12px;
|
|
padding-bottom: 0
|
|
}
|
|
#scheme-Paradox .daily-pic .mdl-card__media~.mdl-card__supporting-text {
|
|
display: none
|
|
}
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card__supporting-text:not(:last-child) {
|
|
box-sizing: border-box;
|
|
min-height: 76px
|
|
}
|
|
#scheme-Paradox .material-layout .post_entry-module .mdl-card__media~.mdl-card__supporting-text {
|
|
padding: 1pc;
|
|
padding-top: 29.03px;
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox .material-layout .mdl-card__supporting-text:not(:last-child) {
|
|
min-height: 70px
|
|
}
|
|
#scheme-Paradox .material-layout .post_entry-module .mdl-card__media~.mdl-card__supporting-text {
|
|
padding: 2pc 1pc
|
|
}
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card__actions:first-child {
|
|
margin-left: 0
|
|
}
|
|
#scheme-Paradox .material-layout .meta {
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
padding: 1pc;
|
|
height: auto;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: flex-start
|
|
}
|
|
#scheme-Paradox .material-layout .meta>.meta__favorites {
|
|
margin: 0 8px;
|
|
font-weight: 500;
|
|
font-size: 13px;
|
|
flex-direction: row
|
|
}
|
|
#scheme-Paradox .material-layout .meta>.meta__favorites .material-icons {
|
|
margin-left: 9pt;
|
|
font-size: 2em;
|
|
cursor: pointer
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card .meta.meta--fill {
|
|
justify-content: space-between
|
|
}
|
|
#scheme-Paradox .material-layout .meta>:first-child {
|
|
margin-right: 1pc
|
|
}
|
|
#scheme-Paradox .material-layout .meta>* {
|
|
display: flex;
|
|
flex-direction: column
|
|
}
|
|
#scheme-Paradox .material-layout .something-else>button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 28px;
|
|
transform: translate(0, -28px)
|
|
}
|
|
#scheme-Paradox .material-layout .something-else .something-else-logo {
|
|
display: flex;
|
|
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
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox .material-layout .something-else .something-else-logo {
|
|
padding: 0
|
|
}
|
|
}
|
|
#scheme-Paradox .material-layout .something-else .something-else-logo img {
|
|
margin-bottom: 10px;
|
|
width: 10pc;
|
|
height: 10pc
|
|
}
|
|
#scheme-Paradox .material-layout .something-else .mdl-card__supporting-text {
|
|
border-bottom-right-radius: 2px;
|
|
border-bottom-left-radius: 2px;
|
|
background-color: #f5f5f5
|
|
}
|
|
#scheme-Paradox .material-layout .material-post>.material-nav,
|
|
#scheme-Paradox .material-layout .material-index>.material-nav {
|
|
display: flex;
|
|
margin: 10px 15px;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center
|
|
}
|
|
#scheme-Paradox .material-layout .material-post>.material-nav>.material-nav__button,
|
|
#scheme-Paradox .material-layout .material-index>.material-nav>.material-nav__button {
|
|
color: #fff;
|
|
text-decoration: none
|
|
}
|
|
#scheme-Paradox .material-layout .material-post>.material-nav .mdl-button,
|
|
#scheme-Paradox .material-layout .material-index>.material-nav .mdl-button {
|
|
background-color: #fff;
|
|
color: rgba(0, 0, 0, .54)
|
|
}
|
|
#scheme-Paradox .material-layout .material-post>.material-nav>.material-nav__button:first-child .mdl-button,
|
|
#scheme-Paradox .material-layout .material-index>.material-nav>.material-nav__button:first-child .mdl-butto {
|
|
margin-right: 1pc
|
|
}
|
|
#scheme-Paradox .material-layout .material-post>.material-nav>.material-nav__button:last-child .mdl-button,
|
|
#scheme-Paradox .material-layout .material-index>.material-nav>.material-nav__button:last-child .mdl-button {
|
|
margin-left: 1pc
|
|
}
|
|
#scheme-Paradox .page-number {
|
|
display: none
|
|
}
|
|
#scheme-Paradox .material-nav .page-number.current {
|
|
display: block;
|
|
color: #666;
|
|
text-align: center;
|
|
margin: 0 auto
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card>a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
font-weight: inherit
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card h3 {
|
|
margin: 0
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card h1 a,
|
|
#scheme-Paradox .material-layout .mdl-card h2 a,
|
|
#scheme-Paradox .material-layout .mdl-card h3 a,
|
|
#scheme-Paradox .material-layout .mdl-card h4 a,
|
|
#scheme-Paradox .material-layout .mdl-card h5 a,
|
|
#scheme-Paradox .material-layout .mdl-card h6 a {
|
|
text-decoration: none
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card h3.quote:after,
|
|
#scheme-Paradox .material-layout .mdl-card h3.quote:before {
|
|
display: block;
|
|
margin-top: .5em;
|
|
font-size: 3em
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card h3.quote:before {
|
|
content: '“'
|
|
}
|
|
#scheme-Paradox .material-layout .mdl-card h3.quote:after {
|
|
content: '”'
|
|
}
|
|
#scheme-Paradox .material-post_container .custom-header {
|
|
background-color: transparent
|
|
}
|
|
#scheme-Paradox .material-post_container .material-post>.mdl-card .mdl-card__media,
|
|
#scheme-Paradox .material-post_container .material-index>.mdl-card .mdl-card__media {
|
|
height: 280px
|
|
}
|
|
#scheme-Paradox .material-post_container .meta+.mdl-card__supporting-text {
|
|
display: block;
|
|
border: 0;
|
|
flex-direction: column
|
|
}
|
|
#scheme-Paradox .material-post_container .meta+.mdl-card__supporting-text p {} #scheme-Paradox .material-post_container .comments {
|
|
background-color: #eee;
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
padding: 2pc;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: stretch;
|
|
position: relative
|
|
}
|
|
#scheme-Paradox .material-post_container .comments>form {
|
|
display: flex;
|
|
margin-bottom: 1pc;
|
|
flex-diretion: row
|
|
}
|
|
#scheme-Paradox .material-post_container .comments>form .mdl-textfield {
|
|
margin-right: 1pc;
|
|
color: #616161;
|
|
flex-grow: 1
|
|
}
|
|
#scheme-Paradox .material-post_container .comments>form .mdl-textfield input,
|
|
#scheme-Paradox .material-post_container .comments>form .mdl-textfield textarea {
|
|
resize: none
|
|
}
|
|
#scheme-Paradox .material-post_container .comments>form button {
|
|
margin-top: 20px;
|
|
background-color: rgba(0, 0, 0, .24);
|
|
color: #fff
|
|
}
|
|
#scheme-Paradox .material-post_container .comments .comment {
|
|
flex-direction: column;
|
|
align-items: stretch
|
|
}
|
|
#scheme-Paradox .material-post_container .comments .comment>.comment__header {
|
|
display: flex;
|
|
margin-bottom: 1pc;
|
|
flex-direction: row;
|
|
align-items: center
|
|
}
|
|
#scheme-Paradox .material-post_container .comments .comment>.comment__header>.comment__author {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
flex-direction: column
|
|
}
|
|
#scheme-Paradox .material-post_container .comments .comment>.comment__text {
|
|
line-height: 1.5em
|
|
}
|
|
#scheme-Paradox .material-post_container .comments .comment>.comment__actions {
|
|
display: flex;
|
|
font-size: .8em;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
padding-left: 64px
|
|
}
|
|
#scheme-Paradox .material-post_container .comments .comment>.comment__actions button {
|
|
margin-right: 1pc;
|
|
color: rgba(0, 0, 0, .24)
|
|
}
|
|
#scheme-Paradox .material-post_container .comments .comment>.comment__answers {
|
|
padding-top: 2pc;
|
|
padding-left: 3pc
|
|
}
|
|
#scheme-Paradox #post-toc-trigger-btn {
|
|
position: fixed;
|
|
top: 5pc;
|
|
left: 1pc;
|
|
z-index: 8;
|
|
color: #fff;
|
|
border-radius: 50%
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox #post-toc-trigger-btn {
|
|
display: none
|
|
}
|
|
}
|
|
#scheme-Paradox .material-layout .section-spacer {
|
|
flex-grow: 1
|
|
}
|
|
#scheme-Paradox .material-layout .something-else {
|
|
z-index: 7;
|
|
overflow: visible
|
|
}
|
|
#scheme-Paradox .material-layout .amazing .mdl-card__title {
|
|
background-color: #263238
|
|
}
|
|
#scheme-Paradox .material-layout .minilogo {
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 22px;
|
|
background-color: #f5f5f5;
|
|
background-image: url(../img/avatar.png);
|
|
background-size: 50%
|
|
}
|
|
#scheme-Paradox .mdl-grid {
|
|
display: flex!important
|
|
}
|
|
#scheme-Paradox .social-btn {
|
|
margin: 0 1pc;
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 2px;
|
|
background-color: transparent;
|
|
background-size: contain;
|
|
opacity: .46;
|
|
cursor: pointer
|
|
}
|
|
#scheme-Paradox .social-btn__share {
|
|
background: 0 0;
|
|
color: rgba(0, 0, 0, .54)
|
|
}
|
|
#scheme-Paradox .mdl-mini-footer {
|
|
box-sizing: border-box;
|
|
margin-top: 5pc;
|
|
padding: 40px;
|
|
height: 120px;
|
|
background-color: #fff;
|
|
align-items: center
|
|
}
|
|
@media screen and (max-width: 840px) {
|
|
#scheme-Paradox .material-layout .mdl-mini-footer {
|
|
padding: 30px 0 20px;
|
|
height: 200px
|
|
}
|
|
}
|
|
#scheme-Paradox .post_entry-content img {
|
|
width: 98%
|
|
}
|
|
#scheme-Paradox #post-content {
|
|
max-width: 90%;
|
|
margin: 1pc auto;
|
|
padding-top: 0;
|
|
}
|
|
#scheme-Paradox #post-content img {
|
|
max-width: 100%
|
|
}
|
|
#scheme-Paradox .page-navigator {
|
|
display: inline-block;
|
|
margin: 20px 0;
|
|
padding-left: 0;
|
|
border-radius: 4px
|
|
}
|
|
#scheme-Paradox .page-navigator li.current {
|
|
background: #323c3f;
|
|
color: #fff
|
|
}
|
|
#scheme-Paradox .page-navigator>li {
|
|
display: inline
|
|
}
|
|
#scheme-Paradox .page-navigator>li:first-child>a,
|
|
#scheme-Paradox .page-navigator>li:first-child>span {
|
|
margin-left: 0
|
|
}
|
|
#scheme-Paradox .page-navigator>.current>a,
|
|
#scheme-Paradox .page-navigator>.current>a:focus,
|
|
#scheme-Paradox .page-navigator>.current>a:hover,
|
|
#scheme-Paradox .page-navigator>.current>span,
|
|
#scheme-Paradox .page-navigator>.current>span:focus,
|
|
#scheme-Paradox .page-navigator>.current>span:hover {
|
|
z-index: 2;
|
|
color: #fff;
|
|
cursor: default
|
|
}
|
|
#scheme-Paradox .page-navigator>li>a,
|
|
#scheme-Paradox .page-navigator>li>span {
|
|
height: 32px;
|
|
width: 32px;
|
|
line-height: 32px;
|
|
color: #ff4081;
|
|
position: relative;
|
|
float: left;
|
|
margin-right: 5px;
|
|
margin-left: 5px;
|
|
text-decoration: none;
|
|
text-align: center
|
|
}
|
|
#scheme-Paradox .footer-develop-a {
|
|
color: #9e9e9e;
|
|
text-decoration: none;
|
|
font-weight: 400
|
|
}
|
|
#scheme-Paradox .footer-develop-a:hover {
|
|
color: #0097a7;
|
|
text-decoration: underline!important
|
|
}
|
|
#scheme-Paradox #post_entry-info {
|
|
border-top: 1px solid rgba(0, 0, 0, .1)
|
|
}
|
|
#scheme-Paradox #post_entry-left-info {
|
|
float: left;
|
|
width: 50%
|
|
}
|
|
#scheme-Paradox #post_entry-right-info {
|
|
float: right;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
padding: 1pc;
|
|
margin-top: 20px;
|
|
margin-right: 20px;
|
|
/* white-space: nowrap*/
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox #post_entry-left-info {
|
|
padding: 1pc 4%
|
|
}
|
|
#scheme-Paradox #post_entry-right-info {
|
|
margin-top: 0;
|
|
margin-right: 0;
|
|
width: 50%;
|
|
padding: 1pc 2%;
|
|
text-align: right;
|
|
top: 21px
|
|
}
|
|
}
|
|
#scheme-Paradox #post_entry-right-info a {
|
|
text-decoration: none;
|
|
font-weight: 400;
|
|
}
|
|
#scheme-Paradox #copyright {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center
|
|
}
|
|
@media screen and (min-width: 481px) and (max-width: 840px) {
|
|
#scheme-Paradox #copyright {
|
|
padding: 20px 0;
|
|
}
|
|
}
|
|
#scheme-Paradox .article-headline-p a {
|
|
font-weight: 400;
|
|
}
|
|
#scheme-Paradox .article-headline-p a,
|
|
#scheme-Paradox .article-headline-p-nopic a,
|
|
#scheme-Paradox .article-headline-p-top a,
|
|
#scheme-Paradox .material-nav a,
|
|
#scheme-Paradox .index_share-link,
|
|
#scheme-Paradox .post_share-link,
|
|
#scheme-Paradox .post_tag-link,
|
|
#scheme-Paradox .index_category-link,
|
|
#scheme-Paradox .sidebar .sidebar-brand,
|
|
#scheme-Paradox .sidebar-footer-text-a {
|
|
text-decoration: none
|
|
}
|
|
#scheme-Paradox .post_tag-link,
|
|
#scheme-Paradox .index_category-link {
|
|
padding: 15px;
|
|
}
|
|
#scheme-Paradox .mdl-mini-footer--right-section {
|
|
margin-right: 60px
|
|
}
|
|
@media screen and (max-width: 840px) {
|
|
#scheme-Paradox .mdl-mini-footer--right-section {
|
|
margin-right: 0
|
|
}
|
|
}
|
|
#scheme-Paradox .mdl-mini-footer--right-section a {
|
|
color: #6b6b6b;
|
|
}
|
|
#scheme-Paradox #author-avatar,
|
|
#scheme-Paradox #comment__avatar {
|
|
margin-right: 1pc;
|
|
border-radius: 50%;
|
|
overflow: hidden
|
|
}
|
|
#scheme-Paradox .mdl-mini-footer--social-btn {
|
|
outline-style: none
|
|
}
|
|
#scheme-Paradox .material-nav {
|
|
font-weight: 300!important
|
|
}
|
|
#scheme-Paradox .material-nav a {
|
|
font-weight: 400
|
|
}
|
|
#scheme-Paradox .login-form-group {
|
|
width: 33%;
|
|
float: left;
|
|
color: #8A8A8A
|
|
}
|
|
#scheme-Paradox .login-input-info {
|
|
font-size: 14px!important
|
|
}
|
|
#scheme-Paradox .comment__text {
|
|
font-weight: 400!important;
|
|
font-size: 13px!important;
|
|
padding-left: 64px
|
|
}
|
|
#scheme-Paradox .comment__text p {
|
|
margin-bottom: 6px
|
|
}
|
|
#scheme-Paradox .comments__closed {
|
|
color: #8A8A8A!important
|
|
}
|
|
#scheme-Paradox .comment-list {
|
|
padding-left: 0
|
|
}
|
|
#scheme-Paradox .comment__author {
|
|
font-size: 13px;
|
|
font-weight: 400!important
|
|
}
|
|
#scheme-Paradox #comment__avatar {
|
|
float: left
|
|
}
|
|
#scheme-Paradox #comment-input-div {
|
|
width: 94%;
|
|
line-height: 15px
|
|
}
|
|
#scheme-Paradox #comment {
|
|
color: #616161;
|
|
font-size: 14px;
|
|
resize: inherit
|
|
}
|
|
#scheme-Paradox #comment-button {
|
|
margin-left: 10px;
|
|
margin-top: -20px;
|
|
background-color: rgba(0, 0, 0, .24);
|
|
color: #FFF
|
|
}
|
|
#scheme-Paradox #article-functions-like-button {
|
|
overflow: visible
|
|
}
|
|
#scheme-Paradox #article-functions-like-button:hover {
|
|
color: red
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox .page-module .mdl-card,
|
|
#scheme-Paradox .material-post_container .mdl-card {
|
|
margin: 0;
|
|
width: 100%
|
|
}
|
|
}
|
|
#scheme-Paradox .post-likes-num {
|
|
font-size: 13px;
|
|
position: relative;
|
|
top: 8px;
|
|
left: -20px
|
|
}
|
|
@media screen and (max-width: 850px) {
|
|
#scheme-Paradox #comment-input-div {
|
|
width: 93%
|
|
}
|
|
}
|
|
@media screen and (max-width: 742px) {
|
|
#scheme-Paradox #comment-input-div {
|
|
width: 92%
|
|
}
|
|
}
|
|
@media screen and (max-width: 660px) {
|
|
#comment-input-div {
|
|
width: 90%
|
|
}
|
|
}
|
|
@media screen and (max-width: 550px) {
|
|
#scheme-Paradox #comment-input-div {
|
|
width: 80%
|
|
}
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox .footer-develop-div {
|
|
float: left;
|
|
width: 100%;
|
|
margin-right: 10px
|
|
}
|
|
}
|
|
@media screen and (max-width: 840px) {
|
|
.mdl-mini-footer--right-section {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
}
|
|
#scheme-Paradox .article-headline-p {
|
|
font-size: 34px;
|
|
line-height: 40px;
|
|
font-weight: 400;
|
|
margin: 0;
|
|
text-shadow: 1px 1px 8px #444
|
|
}
|
|
@media screen and (max-width: 840px) {
|
|
#scheme-Paradox .article-headline-p {
|
|
font-size: 22px
|
|
}
|
|
}
|
|
#scheme-Paradox .article-headline-p-top {
|
|
padding: 10px 0;
|
|
font-size: 26px;
|
|
line-height: 26px;
|
|
font-weight: 400;
|
|
margin: 0
|
|
}
|
|
#scheme-Paradox .article-headline-p-nopic {
|
|
font-size: 34px;
|
|
line-height: 40px;
|
|
font-weight: 400;
|
|
margin: 0
|
|
}
|
|
#scheme-Paradox .more {
|
|
margin-left: 1pc
|
|
}
|
|
#scheme-Paradox #top {
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
top: 0
|
|
}
|
|
#scheme-Paradox #search-label {
|
|
right: 28px;
|
|
bottom: 39px;
|
|
z-index: 7;
|
|
}
|
|
#scheme-Paradox #search-form {
|
|
bottom: 46px
|
|
}
|
|
#scheme-Paradox #search-form-label {
|
|
left: 1px
|
|
}
|
|
#scheme-Paradox #search-form-label:after {
|
|
background-color: #ff4081;
|
|
width: 100%
|
|
}
|
|
#scheme-Paradox .mdl-badge[data-badge]:after {
|
|
width: 20px;
|
|
height: 20px;
|
|
font-weight: 400
|
|
}
|
|
#scheme-Paradox .mdl-button .mdl-badge[data-badge]:after {
|
|
top: -12px;
|
|
right: -10px
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
#scheme-Paradox #search-form {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
@media screen and (max-width: 840px) {
|
|
#scheme-Paradox .mdl-mini-footer--left-section {
|
|
width: 100%;
|
|
text-align: center
|
|
}
|
|
}
|
|
/********************/
|
|
/* Scheme_Isolation */
|
|
/********************/
|
|
|
|
#scheme-Isolation .mdl-grid {
|
|
padding: 0;
|
|
}
|
|
#scheme-Isolation .mdl-cell {
|
|
margin: 0;
|
|
}
|
|
#scheme-Isolation .material-layout {
|
|
width: 100%;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
max-width: 339px;
|
|
padding-right: 8px;
|
|
padding-left: 8px;
|
|
}
|
|
@media screen and (min-width: 386px) {
|
|
#scheme-Isolation .material-layout {
|
|
max-width: 548px;
|
|
padding-right: 24px;
|
|
padding-left: 24px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .material-layout {
|
|
max-width: 722px;
|
|
padding-right: 32px;
|
|
padding-left: 32px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation .material-layout {
|
|
max-width: 894px;
|
|
padding-right: 48px;
|
|
padding-left: 48px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .material-layout {
|
|
max-width: 1328px;
|
|
padding-right: 80px;
|
|
padding-left: 80px;
|
|
}
|
|
}
|
|
#scheme-Isolation #main {
|
|
float: left;
|
|
width: 100%;
|
|
padding-top: 12px;
|
|
padding-bottom: 24px;
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation #main {
|
|
padding-top: 16px;
|
|
padding-bottom: 32px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation #main {
|
|
padding-top: 24px;
|
|
padding-bottom: 48px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation #main {
|
|
padding-top: 80px;
|
|
padding-bottom: 80px;
|
|
padding-left: 368px;
|
|
}
|
|
}
|
|
#scheme-Isolation .post_entry-module {
|
|
margin-bottom: 24px;
|
|
width: 100%;
|
|
border-radius: 2px;
|
|
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
|
|
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
|
|
}
|
|
@media screen and (min-width: 386px) {
|
|
#scheme-Isolation .post_entry-module {
|
|
margin-bottom: 28px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .post_entry-module {
|
|
margin-bottom: 36px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation .post_entry-module {
|
|
margin-bottom: 52px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .post_entry-module {
|
|
margin-bottom: 82px;
|
|
}
|
|
}
|
|
#scheme-Isolation .post_thumbnail-custom img {
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
height: auto
|
|
}
|
|
#scheme-Isolation .post_entry-header_info.with-thumbnail,
|
|
#scheme-Isolation .post-header_info.with-thumbnail {
|
|
position: absolute;
|
|
padding: 40px;
|
|
width: 100%;
|
|
cursor: default;
|
|
color: #ebebeb;
|
|
}
|
|
#scheme-Isolation .post_entry-header_info.without-thumbnail,
|
|
#scheme-Isolation .post-header_info.without-thumbnail {
|
|
padding: 40px;
|
|
padding-bottom: 0;
|
|
width: 100%;
|
|
cursor: default;
|
|
}
|
|
#scheme-Isolation .post_entry-header_info .avatar-img,
|
|
#scheme-Isolation .post-header_info .avatar-img {
|
|
width: 34px;
|
|
height: 34px;
|
|
margin-right: 8px;
|
|
border: 1px solid #d6d6d6;
|
|
border-radius: 50%;
|
|
}
|
|
#scheme-Isolation .post_entry-header_info .name-span,
|
|
#scheme-Isolation .post-header_info .name-span {
|
|
letter-spacing: 2px;
|
|
line-height: 16px;
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
text-transform: uppercase;
|
|
}
|
|
#scheme-Isolation .post_entry-content {
|
|
width: 100%;
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .post_entry-content {
|
|
padding: 32px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation .post_entry-content {
|
|
padding: 48px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .post_entry-content {
|
|
padding: 40px;
|
|
}
|
|
}
|
|
#scheme-Isolation .post_entry-title,
|
|
#scheme-Isolation p.post-title {
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
margin-top: -7px;
|
|
margin-bottom: 9px;
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .post_entry-title,
|
|
#scheme-Isolation p.post-title {
|
|
font-size: 28px;
|
|
line-height: 48px;
|
|
margin-top: -8px;
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation .post_entry-title,
|
|
#scheme-Isolation p.post-title {
|
|
margin-bottom: 40px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .post_entry-title,
|
|
#scheme-Isolation p.post-title {
|
|
font-size: 32px;
|
|
line-height: 56px;
|
|
margin-top: -10px;
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
#scheme-Isolation .post_entry-excerpt {
|
|
margin-top: 0;
|
|
margin-bottom: 16px;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
font-weight: 300;
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .post_entry-excerpt {
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
#scheme-Isolation .post_entry-title a {
|
|
text-decoration: none;
|
|
color: #333;
|
|
}
|
|
#scheme-Isolation .post_entry-tags-list {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#scheme-Isolation .post_entry-tags-list-item {
|
|
list-style: none;
|
|
float: left;
|
|
font-size: 11px;
|
|
border: 1px solid #c2c2c2;
|
|
letter-spacing: 1px;
|
|
border-radius: 3px;
|
|
padding-right: 6px;
|
|
padding-left: 8px;
|
|
margin-top: 8px;
|
|
margin-right: 8px;
|
|
text-align: center;
|
|
-webkit-appearance: none;
|
|
}
|
|
#scheme-Isolation .post_entry-tags-list-item a {
|
|
text-decoration: none;
|
|
color: #adadad;
|
|
}
|
|
@media screen and (min-width: 386px) {
|
|
#scheme-Isolation .post_entry-tags-list {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation .post_entry-tags-list {
|
|
margin-top: 16px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .post_entry-tags-list {
|
|
margin-top: 8px;
|
|
}
|
|
}
|
|
#scheme-Isolation .post_entry-footer {
|
|
width: 100%;
|
|
}
|
|
#scheme-Isolation .post_entry-footer-info {
|
|
width: 100%;
|
|
}
|
|
@media screen and (min-width: 386px) {
|
|
#scheme-Isolation .post_entry-footer {
|
|
padding: 24px;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .post_entry-footer {
|
|
padding: 32px;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation .post_entry-footer {
|
|
padding: 48px;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .post_entry-footer {
|
|
padding: 40px;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
#scheme-Isolation .post_entry-footer-border {
|
|
width: 100%;
|
|
border-top: 1px solid #ebebeb;
|
|
}
|
|
@media screen and (min-width: 386px) {
|
|
#scheme-Isolation .post_entry-footer-border {
|
|
height: 24px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .post_entry-footer-border {
|
|
height: 32px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation .post_entry-footer-border {
|
|
height: 48px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .post_entry-footer-border {
|
|
height: 40px;
|
|
}
|
|
}
|
|
#scheme-Isolation .post_entry-footer-info {
|
|
color: #c2c2c2;
|
|
font-size: 14px;
|
|
}
|
|
#scheme-Isolation .post_entry-footer-date {
|
|
float: left;
|
|
}
|
|
#scheme-Isolation .post_entry-footer-comment {
|
|
float: right;
|
|
}
|
|
#scheme-Isolation .header {
|
|
position: fixed;
|
|
z-index: 1;
|
|
padding-top: 24px;
|
|
padding-bottom: 12px;
|
|
text-align: center;
|
|
}
|
|
@media screen and (max-width: 1183px) {
|
|
#scheme-Isolation .header {
|
|
position: relative;
|
|
}
|
|
}
|
|
#scheme-Isolation .header a {
|
|
text-decoration: none;
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .header {
|
|
padding-top: 32px;
|
|
padding-bottom: 16px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation .header {
|
|
padding: 48px 48px 24px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .header {
|
|
width: 328px;
|
|
margin-right: -328px;
|
|
text-align: left;
|
|
padding: 114px 40px 40px 0;
|
|
}
|
|
}
|
|
#scheme-Isolation .header-copyright {
|
|
color: #a5b1b6;
|
|
display: none;
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .header-copyright {
|
|
display: block;
|
|
position: absolute;
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
line-height: 20px;
|
|
margin: 0;
|
|
bottom: -50px;
|
|
}
|
|
}
|
|
#scheme-Isolation .header-item {
|
|
float: left;
|
|
clear: both;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
width: auto;
|
|
}
|
|
@media screen and (max-width: 1183px) {
|
|
#scheme-Isolation .header-item {
|
|
position: relative;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
#scheme-Isolation .header-title {
|
|
border-bottom: 1px solid #c7ced1;
|
|
font-size: 24px;
|
|
line-height: 36px;
|
|
padding-bottom: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .header-title {
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
padding-bottom: 24px;
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .header-title {}
|
|
}
|
|
#scheme-Isolation .header-title a {
|
|
color: #252b2d;
|
|
}
|
|
#scheme-Isolation .mdl-mini-footer {
|
|
padding: 0;
|
|
}
|
|
#scheme-Isolation .header-slogan {
|
|
color: #5c6a70;
|
|
margin-bottom: 16px;
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .header-slogan {
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
#scheme-Isolation .header-nav {
|
|
margin-bottom: 16px;
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .header-nav {
|
|
margin-bottom: 24px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1183px) {
|
|
#scheme-Isolation .header-nav {
|
|
padding-top: 24px;
|
|
border-top: 1px solid #c7ced1;
|
|
}
|
|
#scheme-Isolation .header-nav span {
|
|
margin-right: 8px;
|
|
margin-left: 8px;
|
|
}
|
|
#scheme-Isolation .header-nav span:first-child {
|
|
margin-left: 0;
|
|
}
|
|
#scheme-Isolation .header-nav span:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
#scheme-Isolation .header-nav span {
|
|
float: left;
|
|
width: auto;
|
|
line-height: 24px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .header-nav span {
|
|
clear: both;
|
|
}
|
|
}
|
|
#scheme-Isolation .header-nav-item {} @media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .header-nav-item:first-child {
|
|
padding-top: 24px;
|
|
border-top: 1px solid #c7ced1;
|
|
}
|
|
}
|
|
#scheme-Isolation .header-sns_list {
|
|
margin-top: 24px;
|
|
}
|
|
@media screen and (max-width: 1183px) {
|
|
#scheme-Isolation .header-sns_list {
|
|
margin-top: 0;
|
|
padding-top: 24px;
|
|
border-top: 1px solid #c7ced1;
|
|
margin-bottom: 16px;
|
|
}
|
|
}
|
|
#scheme-Isolation .header-sns_list a {
|
|
padding: 0 8px;
|
|
margin: 0 8px;
|
|
}
|
|
#scheme-Isolation .header-sns_list a:first-child {
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .header-sns_list a:first-child {
|
|
padding-left: 0;
|
|
margin-left: 0;
|
|
padding-top: 24px;
|
|
border-top: 1px solid #c7ced1;
|
|
}
|
|
}
|
|
#scheme-Isolation .material-layout .material-index>.material-nav,
|
|
#scheme-Isolation .material-layout .material-post>.material-nav {
|
|
display: flex;
|
|
margin: 10px 15px;
|
|
color: #fff;
|
|
font-weight: 500;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
#scheme-Isolation .page-number {
|
|
display: none
|
|
}
|
|
#scheme-Isolation .material-nav .page-number.current {
|
|
display: block;
|
|
color: #666;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
#scheme-Isolation .material-layout .material-index>.material-nav .mdl-button,
|
|
#scheme-Isolation .material-layout .material-post>.material-nav .mdl-button {
|
|
background-color: #fff;
|
|
color: rgba(0, 0, 0, .54);
|
|
}
|
|
#scheme-Isolation #post-content {
|
|
width: 100%;
|
|
}
|
|
@media screen and (min-width: 386px) {
|
|
#scheme-Isolation #post-content {
|
|
padding: 24px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation #post-content {
|
|
padding: 32px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation #post-content {
|
|
padding: 48px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation #post-content {
|
|
padding: 40px;
|
|
}
|
|
}
|
|
#scheme-Isolation .material-post .mdl-card {
|
|
width: 100%;
|
|
border-radius: 2px;
|
|
}
|
|
#scheme-Isolation .material-nav a {
|
|
text-decoration: none;
|
|
}
|
|
#scheme-Isolation .post-content_wrapper {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
max-width: 275px;
|
|
}
|
|
@media screen and (min-width: 386px) {
|
|
#scheme-Isolation .post-content_wrapper {
|
|
max-width: 436px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 579px) {
|
|
#scheme-Isolation .post-content_wrapper {
|
|
max-width: 530px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
#scheme-Isolation .post-content_wrapper {
|
|
max-width: 606px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1183px) {
|
|
#scheme-Isolation .post-content_wrapper {
|
|
max-width: 640px;
|
|
}
|
|
}
|
|
/******************/
|
|
/* Swiftype_Input */
|
|
/******************/
|
|
|
|
.st-ui-search-input,
|
|
.st-default-search-input {
|
|
border: 0 !important;
|
|
padding-top: 0 !important;
|
|
background: none !important;
|
|
}
|
|
/***************/
|
|
/* Sidebar_CSS */
|
|
/***************/
|
|
|
|
.md {
|
|
line-height: inherit;
|
|
vertical-align: bottom
|
|
}
|
|
.headline,
|
|
.subhead {
|
|
font-weight: 300;
|
|
line-height: 1.1;
|
|
color: #212121;
|
|
text-transform: inherit;
|
|
letter-spacing: inherit
|
|
}
|
|
.sidebar .sidebar-toggle:after,
|
|
.sidebar:after {
|
|
clear: both
|
|
}
|
|
*,
|
|
:after,
|
|
:before {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box
|
|
}
|
|
.sidebar-material-icons {
|
|
margin-right: 2pc;
|
|
width: 24px;
|
|
height: 24px;
|
|
top: 15%;
|
|
position: relative
|
|
}
|
|
.sidebar-indent-left1pc-element {
|
|
margin-left: 1pc
|
|
}
|
|
.sidebar-overlay {
|
|
visibility: hidden;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
opacity: 0;
|
|
background: #000;
|
|
z-index: 9;
|
|
-webkit-transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
|
|
-moz-transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
|
|
transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
|
|
-webkit-transform: translateZ(0);
|
|
-moz-transform: translateZ(0);
|
|
-ms-transform: translateZ(0);
|
|
-o-transform: translateZ(0);
|
|
transform: translateZ(0)
|
|
}
|
|
.sidebar-overlay.active {
|
|
opacity: .5;
|
|
visibility: visible;
|
|
-webkit-transition-delay: 0;
|
|
-moz-transition-delay: 0;
|
|
transition-delay: 0
|
|
}
|
|
.top-bar {
|
|
height: 25px
|
|
}
|
|
.headline {
|
|
font-size: 24px
|
|
}
|
|
.subhead {
|
|
font-size: 16px
|
|
}
|
|
.caret {
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
margin-left: 2px;
|
|
vertical-align: middle;
|
|
border-top: 4px solid;
|
|
border-right: 4px solid transparent;
|
|
border-left: 4px solid transparent
|
|
}
|
|
.dropdown-menu {
|
|
display: none
|
|
}
|
|
.sidebar {
|
|
vertical-align: top;
|
|
position: relative;
|
|
display: block;
|
|
min-height: 100%;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
border: none;
|
|
-webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
|
|
-o-transition: all .5s cubic-bezier(.55, 0, .1, 1);
|
|
transition: all .5s cubic-bezier(.55, 0, .1, 1)
|
|
}
|
|
.sidebar .sidebar-toggle:after,
|
|
.sidebar .sidebar-toggle:before,
|
|
.sidebar:after,
|
|
.sidebar:before {
|
|
content: ' ';
|
|
display: table
|
|
}
|
|
#sidebar {
|
|
z-index: 10
|
|
}
|
|
#sidebar-first-li a {
|
|
margin-top: 8px
|
|
}
|
|
.sidebar-footer-text-div {
|
|
text-align: left;
|
|
text-transform: none
|
|
}
|
|
.sidebar::-webkit-scrollbar-track {
|
|
border-radius: 2px
|
|
}
|
|
.sidebar::-webkit-scrollbar {
|
|
width: 5px;
|
|
background-color: #F7F7F7
|
|
}
|
|
.sidebar::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
|
|
background-color: #BFBFBF
|
|
}
|
|
.sidebar .sidebar-header {
|
|
height: 158.13px;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
transition: all .2s ease-in-out
|
|
}
|
|
.sidebar .sidebar-header,
|
|
.sidebar .sidebar-toggle {
|
|
position: relative;
|
|
-o-transition: all .2s ease-in-out
|
|
}
|
|
.sidebar .sidebar-header.header-cover {
|
|
background-repeat: no-repeat;
|
|
background-position: center center;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: 100%
|
|
}
|
|
.sidebar .sidebar-header:hover .sidebar-toggle {
|
|
opacity: 1
|
|
}
|
|
.sidebar .sidebar-toggle {
|
|
float: right;
|
|
margin: 16px;
|
|
padding: 0;
|
|
background-image: none;
|
|
border: none;
|
|
height: 40px;
|
|
width: 40px;
|
|
font-size: 20px;
|
|
opacity: .7;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
transition: all .2s ease-in-out
|
|
}
|
|
.sidebar .icon-material-sidebar-arrow:before {
|
|
content: '\e610'
|
|
}
|
|
.sidebar .sidebar-image img {
|
|
width: 54px;
|
|
height: 54px;
|
|
margin: 16px;
|
|
border-radius: 50%;
|
|
background-color: rgba(255, 255, 255, .2);
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-o-transition: all .2s ease-in-out;
|
|
transition: all .2s ease-in-out
|
|
}
|
|
.sidebar .sidebar-brand {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
display: block;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
padding: 0 56px 0 16px;
|
|
clear: both;
|
|
overflow: hidden;
|
|
-o-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-o-transition: all .2s ease-in-out;
|
|
transition: all .2s ease-in-out
|
|
}
|
|
.sidebar .sidebar-brand:focus,
|
|
.sidebar .sidebar-brand:hover {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
outline: 0;
|
|
text-decoration: none
|
|
}
|
|
.sidebar .sidebar-brand .caret {
|
|
position: absolute;
|
|
right: 24px;
|
|
top: 24px
|
|
}
|
|
.sidebar .sidebar-brand .sidebar-badge,
|
|
.sidebar .hot_tags-count .sidebar .sidebar_archives-count {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 12px
|
|
}
|
|
.sidebar .sidebar-badge,
|
|
.sidebar .hot_tags-count,
|
|
.sidebar .sidebar_archives-count {
|
|
display: inline-block;
|
|
min-width: 24px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0 3px;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: baseline
|
|
}
|
|
.sidebar .sidebar-badge.badge-circle {
|
|
border-radius: 50%
|
|
}
|
|
.sidebar .sidebar-divider,
|
|
.sidebar .sidebar-nav .divider {
|
|
position: relative;
|
|
display: block;
|
|
height: 1px;
|
|
margin: 8px 0;
|
|
padding: 0;
|
|
overflow: hidden
|
|
}
|
|
.sidebar .sidebar-text {
|
|
display: block;
|
|
padding: 0 56px 0 16px;
|
|
transition: all .2s ease-in-out
|
|
}
|
|
.sidebar .sidebar-nav li a,
|
|
.sidebar .sidebar-text {
|
|
overflow: hidden;
|
|
font-weight: 400;
|
|
white-space: nowrap;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
text-decoration: none;
|
|
clear: both;
|
|
-o-text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-o-transition: all .2s ease-in-out
|
|
}
|
|
.sidebar .sidebar-text:focus,
|
|
.sidebar .sidebar-text:hover {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
outline: 0
|
|
}
|
|
.sidebar .sidebar-text .caret {
|
|
position: absolute;
|
|
right: 24px;
|
|
top: 24px
|
|
}
|
|
.sidebar .sidebar-text .sidebar-badge,
|
|
.sidebar .hot_tags-count,
|
|
.sidebar .sidebar_archives-count {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 12px
|
|
}
|
|
.sidebar .sidebar-icon {
|
|
display: inline-block;
|
|
margin-right: 16px;
|
|
min-width: 40px;
|
|
width: 40px;
|
|
text-align: left;
|
|
font-size: 20px
|
|
}
|
|
.sidebar .sidebar-icon:after,
|
|
.sidebar .sidebar-icon:before {
|
|
vertical-align: middle
|
|
}
|
|
.sidebar .sidebar-nav {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
.sidebar .sidebar-nav li {
|
|
position: relative;
|
|
list-style-type: none
|
|
}
|
|
.sidebar .sidebar-nav li a {
|
|
position: relative;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
display: block;
|
|
padding: 0 56px 0 16px;
|
|
transition: all .2s ease-in-out
|
|
}
|
|
.sidebar .sidebar-nav li a:focus,
|
|
.sidebar .sidebar-nav li a:hover {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
outline: 0
|
|
}
|
|
.sidebar .sidebar-nav li a .caret {
|
|
position: absolute;
|
|
right: 24px;
|
|
top: 24px;
|
|
transition: .3s;
|
|
}
|
|
.sidebar .sidebar-nav li.open a .caret {
|
|
transform:rotate(-180deg);
|
|
}
|
|
.sidebar .sidebar-nav li a .sidebar-badge,
|
|
.hot_tags-count,
|
|
.sidebar_archives-count {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 12px
|
|
}
|
|
.sidebar .sidebar-nav li a:hover {
|
|
background: 0 0
|
|
}
|
|
.sidebar .sidebar-nav .dropdown-menu {
|
|
position: relative;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
.sidebar-colored {
|
|
background-color: #fff
|
|
}
|
|
.sidebar-colored .sidebar-header {
|
|
background-color: #e91e63
|
|
}
|
|
.sidebar-colored .sidebar-toggle {
|
|
color: #f5f5f5;
|
|
background-color: transparent
|
|
}
|
|
.sidebar-colored .sidebar-brand {
|
|
color: #e0e0e0;
|
|
background-color: transparent
|
|
}
|
|
.sidebar-colored .sidebar-brand:focus,
|
|
.sidebar-colored .sidebar-brand:hover {
|
|
color: #f5f5f5;
|
|
background-color: rgba(0, 0, 0, .1)
|
|
}
|
|
.sidebar-colored .sidebar-badge,
|
|
.hot_tags-count,
|
|
.sidebar_archives-count {
|
|
color: #fff;
|
|
background-color: #ec407a;
|
|
text-shadow: 1px 1px 3px #444
|
|
}
|
|
.sidebar-colored .sidebar-divider,
|
|
.sidebar-colored .sidebar-nav .divider {
|
|
background-color: #bdbdbd
|
|
}
|
|
.sidebar-colored .sidebar-text {
|
|
color: #212121
|
|
}
|
|
.sidebar-colored .sidebar-nav li>a {
|
|
color: #212121;
|
|
background-color: transparent
|
|
}
|
|
.sidebar-colored .sidebar-nav li>a i {
|
|
color: #757575
|
|
}
|
|
.sidebar-colored .sidebar-nav li:hover>a,
|
|
.sidebar-colored .sidebar-nav li>a:hover {
|
|
color: #e91e63;
|
|
background-color: #e0e0e0
|
|
}
|
|
.sidebar-colored .sidebar-nav li:hover>a i,
|
|
.sidebar-colored .sidebar-nav li>a:hover i {
|
|
color: #f06292
|
|
}
|
|
.sidebar-colored .sidebar-nav li:focus>a,
|
|
.sidebar-colored .sidebar-nav li>a:focus {
|
|
color: #212121;
|
|
background-color: transparent
|
|
}
|
|
.sidebar-colored .sidebar-nav li:focus>a i,
|
|
.sidebar-colored .sidebar-nav li>a:focus i {
|
|
color: #f06292
|
|
}
|
|
.sidebar-colored .sidebar-nav>.open>a,
|
|
.sidebar-colored .sidebar-nav>.open>a:focus,
|
|
.sidebar-colored .sidebar-nav>.open>a:hover {
|
|
color: #e91e63;
|
|
background-color: #e0e0e0
|
|
}
|
|
.sidebar-colored .sidebar-nav>.active>a,
|
|
.sidebar-colored .sidebar-nav>.active>a:focus,
|
|
.sidebar-colored .sidebar-nav>.active>a:hover {
|
|
color: #212121;
|
|
background-color: #f5f5f5
|
|
}
|
|
.sidebar-colored .sidebar-nav>.disabled>a,
|
|
.sidebar-colored .sidebar-nav>.disabled>a:focus,
|
|
.sidebar-colored .sidebar-nav>.disabled>a:hover {
|
|
color: #e0e0e0;
|
|
background-color: transparent
|
|
}
|
|
.sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu {
|
|
background-color: #e0e0e0
|
|
}
|
|
.sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:focus {
|
|
background-color: #e0e0e0;
|
|
color: #e91e63
|
|
}
|
|
.sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>li>a:hover {
|
|
background-color: #cecece;
|
|
color: #e91e63
|
|
}
|
|
.sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>.active>a,
|
|
.sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>.active>a:focus,
|
|
.sidebar-colored .sidebar-nav>.dropdown>.dropdown-menu>.active>a:hover {
|
|
color: #212121;
|
|
background-color: #f5f5f5
|
|
}
|
|
.sidebar {
|
|
width: 0;
|
|
-webkit-transform: translate3d(-280px, 0, 0);
|
|
transform: translate3d(-280px, 0, 0)
|
|
}
|
|
.sidebar.open {
|
|
min-width: 280px;
|
|
width: 280px;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0)
|
|
}
|
|
.sidebar-fixed-left {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
z-index: 10;
|
|
left: 0;
|
|
box-shadow: 2px 0 15px rgba(0, 0, 0, .35);
|
|
-webkit-box-shadow: 2px 0 15px rgba(0, 0, 0, .35)
|
|
}
|
|
@media (max-width: 840px) {
|
|
.sidebar.open {
|
|
min-width: 240px;
|
|
width: 240px
|
|
}
|
|
.sidebar .sidebar-header {
|
|
height: 149.34px
|
|
}
|
|
.sidebar .sidebar-image img {
|
|
width: 44px;
|
|
height: 44px
|
|
}
|
|
}
|
|
#scheme-Paradox #sidebar-main {
|
|
min-height: calc(100% - 100px);
|
|
margin-bottom: 55px;
|
|
}
|
|
#scheme-Paradox #footer-image {
|
|
padding-left: 8px;
|
|
position: relative;
|
|
}
|
|
/************/
|
|
/* Burger_CSS */
|
|
/************/
|
|
|
|
.MD-burger-icon {
|
|
margin: 0 0 0 1pc;
|
|
cursor: pointer;
|
|
border: none;
|
|
background: 0 0;
|
|
outline: 0;
|
|
position: fixed;
|
|
top: 2pc;
|
|
z-index: 8;
|
|
height: 32px;
|
|
width: 32px
|
|
}
|
|
.MD-burger-layer {
|
|
width: 20px;
|
|
background: #eee;
|
|
position: relative;
|
|
-webkit-animation-duration: 300ms;
|
|
animation-duration: 300ms;
|
|
animation-timing-function: ease-in-out
|
|
}
|
|
.MD-burger-layer,
|
|
.MD-burger-layer:after,
|
|
.MD-burger-layer:before {
|
|
display: block;
|
|
height: 2px;
|
|
-webkit-animation-timing-function: ease-in-out
|
|
}
|
|
.MD-burger-layer:after,
|
|
.MD-burger-layer:before {
|
|
width: inherit;
|
|
position: absolute;
|
|
background: inherit;
|
|
left: 0;
|
|
content: '';
|
|
-webkit-animation-duration: 300ms;
|
|
animation-duration: 300ms;
|
|
animation-timing-function: ease-in-out
|
|
}
|
|
.MD-burger-layer:before {
|
|
bottom: 5px
|
|
}
|
|
.MD-burger-layer:after {
|
|
top: 5px
|
|
}
|
|
.MD-burger-arrow {
|
|
-webkit-animation-name: MD-burger-icon-arrow;
|
|
animation-name: MD-burger-icon-arrow;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards
|
|
}
|
|
.MD-burger-arrow:before {
|
|
-webkit-animation-name: MD-burger-icon-before-arrow;
|
|
animation-name: MD-burger-icon-before-arrow;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards
|
|
}
|
|
.MD-burger-arrow:after {
|
|
-webkit-animation-name: MD-burger-icon-after-arrow;
|
|
animation-name: MD-burger-icon-after-arrow;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards
|
|
}
|
|
.MD-burger-line {
|
|
-webkit-animation-name: MD-burger-icon-line;
|
|
animation-name: MD-burger-icon-line
|
|
}
|
|
.MD-burger-line:before {
|
|
-webkit-animation-name: MD-burger-icon-before-line;
|
|
animation-name: MD-burger-icon-before-line
|
|
}
|
|
.MD-burger-line:after {
|
|
-webkit-animation-name: MD-burger-icon-after-line;
|
|
animation-name: MD-burger-icon-after-line
|
|
}
|
|
@-webkit-keyframes MD-burger-icon-arrow {
|
|
100% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg)
|
|
}
|
|
}
|
|
@keyframes MD-burger-icon-arrow {
|
|
100% {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg)
|
|
}
|
|
}
|
|
@-webkit-keyframes MD-burger-icon-before-arrow {
|
|
100% {
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
margin: 3% 37%;
|
|
width: 75%
|
|
}
|
|
}
|
|
@keyframes MD-burger-icon-before-arrow {
|
|
100% {
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
margin: 3% 37%;
|
|
width: 75%
|
|
}
|
|
}
|
|
@-webkit-keyframes MD-burger-icon-after-arrow {
|
|
100% {
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
margin: 3% 37%;
|
|
width: 75%
|
|
}
|
|
}
|
|
@keyframes MD-burger-icon-after-arrow {
|
|
100% {
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
margin: 3% 37%;
|
|
width: 75%
|
|
}
|
|
}
|
|
@-webkit-keyframes MD-burger-icon-line {
|
|
0% {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg)
|
|
}
|
|
}
|
|
@keyframes MD-burger-icon-line {
|
|
0% {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg)
|
|
}
|
|
}
|
|
@-webkit-keyframes MD-burger-icon-before-line {
|
|
0% {
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
margin: 3% 37%;
|
|
width: 75%
|
|
}
|
|
}
|
|
@keyframes MD-burger-icon-before-line {
|
|
0% {
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
margin: 3% 37%;
|
|
width: 75%
|
|
}
|
|
}
|
|
@-webkit-keyframes MD-burger-icon-after-line {
|
|
0% {
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
margin: 3% 37%;
|
|
width: 75%
|
|
}
|
|
}
|
|
@keyframes MD-burger-icon-after-line {
|
|
0% {
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg);
|
|
margin: 3% 37%;
|
|
width: 75%
|
|
}
|
|
}
|
|
/***************/
|
|
/* Post_Toc */
|
|
/***************/
|
|
|
|
.post-toc {
|
|
width: auto;
|
|
word-wrap: normal;
|
|
white-space: nowrap;
|
|
padding: 0;
|
|
list-style: none;
|
|
padding: 0 16px;
|
|
}
|
|
.post-toc-child {
|
|
list-style: none;
|
|
}
|
|
.post-toc a {
|
|
color: #727272;
|
|
text-decoration: none;
|
|
}
|
|
.post-toc .post-toc-item {
|
|
/*
|
|
display: block;
|
|
border: 0;
|
|
color: rgba(0,0,0,.87);
|
|
margin: 0;
|
|
padding: 0 16px;
|
|
outline-color: #bdbdbd;
|
|
position: relative;
|
|
overflow: hidden;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
letter-spacing: 0;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
white-space: nowrap;
|
|
-webkit-transition: opacity .2s cubic-bezier(.4,0,.2,1);
|
|
transition: opacity .2s cubic-bezier(.4,0,.2,1);
|
|
user-select: none;
|
|
*/
|
|
}
|
|
/*****************/
|
|
/* Material_icon */
|
|
/*****************/
|
|
|
|
.material-icons {
|
|
font-family: 'Material Icons';
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-size: 24px;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
text-transform: none;
|
|
letter-spacing: normal;
|
|
word-wrap: normal;
|
|
white-space: nowrap;
|
|
direction: ltr;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
font-feature-settings: 'liga'
|
|
}
|
|
/**************/
|
|
/* Footer_Top */
|
|
/**************/
|
|
|
|
#back-to-top{
|
|
display: block;
|
|
position: fixed;
|
|
bottom: 24px;
|
|
right: -41px;
|
|
transition: background-color .18s cubic-bezier(.6,0,.1,1),box-shadow .18s cubic-bezier(.6,0,.1,1),transform .18s cubic-bezier(.6,0,.1,1);
|
|
z-index: 8;
|
|
}
|
|
#back-to-top.btt-visible{
|
|
transform: translate(-64px, 0);
|
|
}
|
|
#back-to-top.btt-docked{
|
|
position: absolute;
|
|
bottom: 100px;
|
|
}
|
|
@media screen and (max-width: 840px) {
|
|
#back-to-top{
|
|
bottom: 24px;
|
|
}
|
|
#back-to-top.btt-visible{
|
|
transform: translate(-60px, 0);
|
|
}
|
|
#back-to-top.btt-docked{
|
|
position: absolute;
|
|
bottom: 180px;
|
|
}
|
|
}
|
|
.toTop {
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
color: #FFF;
|
|
background: #00BCD4;
|
|
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12), 0 3px 3px 0 rgba(0, 0, 0, .24);
|
|
cursor: pointer;
|
|
-webkit-transition: all .1s ease-out;
|
|
-moz-transition: all .1s ease-out;
|
|
-o-transition: all .1s ease-out;
|
|
transition: all .1s ease-out;
|
|
position: relative;
|
|
overflow: hidden
|
|
}
|
|
.toTop:hover {
|
|
box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
|
|
}
|
|
.toTop i {
|
|
font-size: 24px;
|
|
margin: 8px;
|
|
}
|
|
.footer_top-i {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
/*Animation*/
|
|
|
|
@keyframes status-active {
|
|
from {
|
|
transform: rotate(0)
|
|
}
|
|
to {
|
|
transform: rotate(135deg)
|
|
}
|
|
}
|
|
@keyframes status-inactive {
|
|
from {
|
|
transform: rotate(135deg)
|
|
}
|
|
to {
|
|
transform: rotate(0)
|
|
}
|
|
}
|
|
@keyframes zoomIn {
|
|
0% {
|
|
-moz-transform: scale(0);
|
|
-ms-transform: scale(0);
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0
|
|
}
|
|
100% {
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 1
|
|
}
|
|
}
|
|
@keyframes load {
|
|
0% {
|
|
-moz-transform: scale(0);
|
|
-ms-transform: scale(0);
|
|
-webkit-transform: scale(0);
|
|
transform: scale(0);
|
|
opacity: 0
|
|
}
|
|
50% {
|
|
-moz-transform: scale(1.5);
|
|
-ms-transform: scale(1.5);
|
|
-webkit-transform: scale(1.5);
|
|
transform: scale(1.5);
|
|
opacity: 1
|
|
}
|
|
100% {
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
opacity: 0
|
|
}
|
|
}
|
|
@media only screen and (min-width: 300px) {
|
|
.chat {
|
|
width: 200px
|
|
}
|
|
}
|
|
@media only screen and (min-width: 480px) {
|
|
.chat {
|
|
width: 300px
|
|
}
|
|
.chat_field {
|
|
width: 65%
|
|
}
|
|
}
|
|
@media only screen and (min-width: 840px) {
|
|
.chat {
|
|
width: 300px
|
|
}
|
|
.chat_field {
|
|
width: 65%
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1024px) {
|
|
.chat {
|
|
width: 400px
|
|
}
|
|
.chat_field {
|
|
width: 65%
|
|
}
|
|
}
|
|
.ink {
|
|
display: block;
|
|
position: absolute;
|
|
background: rgba(38, 50, 56, .4);
|
|
border-radius: 100%;
|
|
-moz-transform: scale(0);
|
|
-ms-transform: scale(0);
|
|
webkit-transform: scale(0);
|
|
transform: scale(0)
|
|
}
|
|
.ink.animate {
|
|
animation: ripple .5s ease-in-out
|
|
}
|
|
@keyframes ripple {
|
|
100% {
|
|
opacity: 0;
|
|
-moz-transform: scale(5);
|
|
-ms-transform: scale(5);
|
|
webkit-transform: scale(5);
|
|
transform: scale(5)
|
|
}
|
|
}
|
|
|
|
|
|
/*****************/
|
|
/* Nprogress_CSS */
|
|
/*****************/
|
|
-#nprogress {
|
|
pointer-events: none
|
|
}
|
|
#nprogress .bar {
|
|
background: #29d;
|
|
position: fixed;
|
|
z-index: 10;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px
|
|
}
|
|
#nprogress .peg {
|
|
display: block;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100px;
|
|
height: 100%;
|
|
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
|
|
opacity: 1;
|
|
-webkit-transform: rotate(3deg) translate(0, -4px);
|
|
-ms-transform: rotate(3deg) translate(0, -4px);
|
|
transform: rotate(3deg) translate(0, -4px)
|
|
}
|
|
#nprogress .spinner {
|
|
display: block;
|
|
position: fixed;
|
|
z-index: 10;
|
|
top: 15px;
|
|
right: 15px
|
|
}
|
|
.fa,
|
|
.fa-stack {
|
|
display: inline-block
|
|
}
|
|
#nprogress .spinner-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
box-sizing: border-box;
|
|
border: 2px solid transparent;
|
|
border-top-color: #29d;
|
|
border-left-color: #29d;
|
|
border-radius: 50%;
|
|
-webkit-animation: nprogress-spinner 400ms linear infinite;
|
|
animation: nprogress-spinner 400ms linear infinite
|
|
}
|
|
.nprogress-custom-parent {
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
.nprogress-custom-parent #nprogress .bar,
|
|
.nprogress-custom-parent #nprogress .spinner {
|
|
position: absolute
|
|
}
|
|
@-webkit-keyframes nprogress-spinner {
|
|
0% {
|
|
-webkit-transform: rotate(0)
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg)
|
|
}
|
|
}
|
|
@keyframes nprogress-spinner {
|
|
0% {
|
|
transform: rotate(0)
|
|
}
|
|
100% {
|
|
transform: rotate(360deg)
|
|
}
|
|
}
|