代码拉取完成,页面将自动刷新
@font-face {
font-family: 'Courier New';
src: url('assets/Courier New.ttf');
}
* {
font-family: Courier New, Menlo, Monaco, Consolas, monospace;
margin: 0;
padding: 0;
}
html {
overflow-x: hidden;
}
html, body {
background: #efefef;
border-radius: 6px;
}
@media (max-width: 768px) {
#main {
margin-bottom: 0 !important;
}
#footer {
position: static !important;
height: auto !important;
}
#footer > div {
height: auto !important;
}
.logo-text {
display: none;
}
}
#header {
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
border-bottom: 1px solid #efe3e5;
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .05);
background: #ffffff;
background: rgba(255, 255, 255, 0.96);
transition: all 600ms;
padding: 0 26px;
}
#main {
min-height: calc(100vh - 295px);
margin-bottom: 295px;
margin-top: 45px;
border-radius: 0 0 6px 6px;
box-shadow: rgb(22, 24, 27) 0 10px 10px;
z-index: 999;
}
#footer {
position: fixed;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
height: 295px;
color: #fff;
background: #111 url(images/tile.png) 0 0 repeat;
box-shadow: inset 0 30px 30px -15px rgba(33, 33, 33, 0.8);
}
#footer .footer-link {
font-weight: 400;
color: hsla(0, 0%, 100%, .5);
}
#footer .footer-link a {
color: hsla(0, 0%, 100%, .5);
text-decoration: underline;
}
#header a {
color: #808695;
}
#header a:hover, #header a:focus, #header a:active {
text-decoration: none;
}
.ng-cloak {
display: none;
}
.col-xs-space {
padding-left: 8px;
padding-right: 8px;
}
.logo-text {
font-weight: 600;
font-size: 24px;
vertical-align: middle;
margin-left: 6px;
letter-spacing: 3px;
}
.coder {
font-family: Courier New, Menlo, Monaco, Consolas, monospace;
}
.card {
border-radius: 6px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, .14);
box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .1);
}
.token.operator {
background: none !important;
}
.annotation {
color: #FFEB3B !important;
}
.active-link {
color: #000 !important;
font-weight: 600;
}
.delay-1 {
animation-delay: 300ms;
}
.delay-2 {
animation-delay: 600ms;
}
.delay-3 {
animation-delay: 900ms;
}
.delay-4 {
animation-delay: 1200ms;
}
.delay-5 {
animation-delay: 1500ms;
}
.delay-6 {
animation-delay: 1500ms;
}
/* loading */
.sk-folding-cube {
margin: 20px auto;
width: 40px;
height: 40px;
position: relative;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #47c479;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes sk-foldCubeAngle {
0%, 10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
/*美化滚动条*/
::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: rgba(0, 0, 0, 0);
-ms-overflow-style: -ms-autohiding-scrollbar;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: rgba(102, 102, 102, 0.65);
}
::-webkit-scrollbar-track {
border-radius: 0;
background-color: rgba(0, 0, 0, 0);
}
.dropdown-item.active, .dropdown-item:active {
background: #eee;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。