在原美化代码上修改的……
/*编辑器和代码显示的字体*/
.ace_content, code {
}
.lfe-body {
background-color:rgba(255,255,255,0) !important;
}
.lg-article:hover, .lg-summary:hover, .lg-article-sub:hover, .card:hover {
box-shadow: 0 10px 30px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07) !important;
}
.padding-default[data-v-796309f8] {
padding: 1.3em;
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
-webkit-animation: fadeInUp 0.5s cubic-bezier(.215,.61,.355,1);
border-radius: 6px;
transition: all 0.25s ease-in-out;
background: rgba(255,255,255,0.5);
}
/*新版私信*/
.padding-none[data-v-796309f8] {
padding: 0;
padding: 1.3em;
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
-webkit-animation: fadeInUp 0.5s cubic-bezier(.215,.61,.355,1);
border-radius: 6px;
transition: all 0.25s ease-in-out;
background: rgba(255,255,255,0.5);
}
.message-block.left > .message[data-v-d94dc07c] {
border: none;
box-shadow: 0 3px 5px rgba(50,50,93,.1), 0 2px 3px rgba(0,0,0,.08);
transition: all .15s;
}
span[data-v-20b7d558] {
display: inline-block;
padding: 0 8px;
padding-right: 8px;
padding-bottom: 0px;
padding-left: 8px;
box-sizing: border-box;
font-weight: 460;
line-height: 1.7;
border-radius: 2px;
border-radius: 50px;
padding-left: 8px;
padding-right: 8px;
padding-top: -1px;
padding-bottom: 0px;
}
button[data-v-0ffcfb9e] {
padding: 0;
cursor: pointer;
border: 1px solid #bfbfbf;
font-size: 15px;
font-weight: unset;
display: flex;
36px;
height: 36px;
margin: 0 3px;
border-radius: 50% !important;
align-items: center;
justify-content: center;
right: 350px;
}
.page-area span[data-v-79197f7f] {
margin-right: 1em;
right: 350px;
display: none;
}
body {
display: flex;
min-height: 100vh;
flex-direction: column;
background-image: url(https://s2.ax1x.com/2019/08/02/e0KSSK.png);/*https://s2.ax1x.com/2019/01/19/kCEFTH.jpg*/
background-attachment: fixed;/*https://s2.ax1x.com/2019/05/26/VEIRLq.jpg*/
100%;
height:100%;
background-size:cover;
}
nav[data-v-441db75f] {
position: fixed;
3.7em;
height: 100%;
display: flex;
flex-direction: column;
text-align: center;
line-height: 1.2;
z-index: 5;
background-color: rgb(71, 81, 194) !important;
}
.color-default-noline[data-v-445f91a0]:hover, .color-default[data-v-445f91a0] {
color: #6f58df;
cursor: pointer;
}
.copy-btn{
font-size: .8em;
float: right;
padding: 0 5px;
border-color: rgb(117, 88, 223) !important;
color: rgb(117, 88, 223) !important;
}
.color-header[data-v-445f91a0] {
color: #bbb;
font-size: 16px;
}
/*--评测详情色块(新版)*/
.test-case-wrap > .wrapper{
100px;
height: 100px;
margin-right: 16px;
margin-bottom: 12px;
}
.test-case-wrap{
margin-top: 25px;
}
.test-case-wrap > .wrapper .test-case{
100px;
height: 100px;
transition: all .2s ease;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
border-radius:3px;
padding: 3px;
}
.test-case-wrap > .wrapper .test-case:hover{
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
}
.test-case-wrap > .wrapper .test-case .info{
calc(100% - 10px);
line-height: 15px;
font-size: 10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.test-case-wrap > .wrapper .test-case:hover .info{
white-space: normal;
}
.test-case-wrap > .wrapper .test-case .id{
margin-left: 3px;
}
.test-case-wrap > .wrapper .test-case .status{
font-weight: bold;
font-size: 22px;
margin-bottom: 5px;
}
.test-case-wrap > .wrapper .message{
transition: all .25s ease !important;
display: block !important;
border-radius: 3px;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
min- 105px;
min-height: 105px;
105px;
padding: 0;
margin-top: 40px;
opacity: 0;
color: transparent;
background: transparent;
pointer-events: none;
}
.test-case-wrap > .wrapper:hover .message{
border-radius: 30px;
margin-top: -30px;
min- 12em;
min-height: 1em;
unset;
height: unset;
padding: 5px 18px;
opacity: .8;
color: #fff;
background: #172b4d;
}
/*---对于基本控件的处理*/
/*--字体引用*/
@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'),local('OpenSans-SemiBold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/*ripple效果*/
button {
opacity: 0.9;
line-height: 1rem;
padding: 0.5rem 1rem;
border: none;
outline: none;
background-color: white;
text-decoration: none;
position: relative;
border-radius:3px;
box-shadow:0 1px 3px darkgray;
transition: box-shadow 0.5s ease-out;
}
button::before{
content:'';
display:block;
position: absolute;
left: 50%;
top: 50%;
border-radius: 10%/40%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
100%;
z-index: -1;
-webkit-transition: all 0.5s cubic-bezier(0.23, 0.95, 0.56, 1);
transition: all 0.5s cubic-bezier(0.23, 0.95, 0.56, 1);
}
button:hover {
box-shadow:0 6px 16px darkgray;
transition: all 0.8s ease-out;
}
button:active {
opacity: 1;
-webkit-transition: all 0.5s ease-out;
transition: all 0.3s ease-out;
}
button:active::before {
0;
height: 100%;
border-radius: 0;
background-color: rgba(0, 0, 0, .4);
-webkit-transition: all 0.01s ease-out;
transition: all 0.01s ease-out;
}
button.link {
background:none;
color:#0275d8;
box-shadow: none;
}
button[disabled] {
background-color:lightgray;
color:darkgray;
cursor:not-allowed;
box-shadow: none;
}
.circle {
border-radius: 100%;
}
button.circle {
padding: 0;
3rem;
height: 3rem;
font-size: 1.5rem;
box-shadow:0 6px 12px rgba(0,0,0,0.9);
}
button.circle:hover {
box-shadow:0 12px 24px rgba(0,0,0,0.9);
}
button.circle::before {
content:'';
display:block;
position: absolute;
left: 50%;
top: 50%;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
100%;
z-index: -1;
-webkit-transition: all 0.5s cubic-bezier(0.23, 0.95, 0.56, 1);
transition: all 0.5s cubic-bezier(0.23, 0.95, 0.56, 1);
}
button.circle:active::before {
0;
height: 0;
border-radius: 100%;
background-color: rgba(0, 0, 0, .4);
-webkit-transition: all 0.01s ease-out;
transition: all 0.01s ease-out;
}
/*透明度*/
.lg-article, .lg-article-sub, .lg-article-nctrl ,.CardHyaline ,.am-panel, .lg-summary ,.am-g.lg-table-row.lg-table-bg0{
background: rgba(255,255,255,0.5);
}
/*背景*/
.lg-content {
background: url(https://cdn.luogu.org/upload/pic/39835.png) fixed center;
background-size: cover;
background-attachment: fixed;
}
/*主题色*/
.lg-header, .lg-header-list>li {
background-color: #3498DB !important;
border-color: #3498DB !important;
}
.lg-fg-bluelight{
color: #3498DB !important;
}
.am-btn-primary {
background-color: #3498DB;
border-color: #3498DB;
}
a {
color: #3498DB;
}
.am-pagination>.am-active>a, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span, .am-pagination>.am-active>span:focus, .am-pagination>.am-active>span{
background-color: #3498DB;
border-color: #3498DB;
}
.lg-sub-article .am-btn,.lg-article-sub .am-btn{
border: none !important;
}
/*-----------------*/
/*滚动条*/
::-webkit-scrollbar {
6px;
height: 10px;
background-color: rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.2);
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
/* Firefox 4 */
-webkit-transition: all 0.4s ease;
/* Safari 和 Chrome */
-o-transition: all 0.4s ease;
/* Opera */
}
::-webkit-scrollbar-thumb:hover {
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.4);
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
/* Firefox 4 */
-webkit-transition: all 0.4s ease;
/* Safari 和 Chrome */
-o-transition: all 0.4s ease;
/* Opera */
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-fill-mode: both;
}
/*--------------*/
.lg-article, .lg-article-sub, .lg-article-nctrl, .lg-summary, .lg-table-row,.lg-article.am-g , .am-comment-main{/*上浮动画*/
-webkit-animation: fadeInUp 0.5s cubic-bezier(.215,.61,.355,1);
}
.lg-toolbar{/*副标题动画*/
-webkit-animation: fullDown 0.5s cubic-bezier(0.18, 0.89, 0.33, 0.99);
}
.lg-mcard {/*名字标签*/
display: inline-block;
min- 10px;
font-size: 1.2rem;
line-height: 1;
vertical-align: top;
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
border: 0;
border-radius: 2px;
transition: all 0.3s;
}
.lg-mcard .lg-mcard-username {
display: block;
padding: .25em .625em;
text-align: center;
font-weight: 700;
border-radius: 2px 2px 0px 0px;
color: #fff;
}
.lg-mcard:hover {
min- 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
transform:scale(1.03);
-ms-transform:scale(1.03); /* Internet Explorer */
-moz-transform:scale(1.03); /* Firefox */
-webkit-transform:scale(1.03); /* Safari 和 Chrome */
-o-transform:scale(1.03); /* Opera */
}
/*阴影&动画*/
.am-btn:hover {
/* box-shadow: 0 2px 10px rgba(0,0,0,0.4);*/
box-shadow:0 3px 12px rgba(0,0,0,0.4);
}
botton,.am-btn,botton:active, botton:hover,.am-btn:active,botton:focus{
color:0;
border:0px !important;
outline:none !important;
}
.am-badge.am-radius:hover{
min- 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
transform:scale(1.03);
-ms-transform:scale(1.03); /* Internet Explorer */
-moz-transform:scale(1.03); /* Firefox */
-webkit-transform:scale(1.03); /* Safari 和 Chrome */
-o-transform:scale(1.03); /* Opera */
}
.am-badge.am-radius{
transition: all 0.3s;
}
a{
transition: all 0.3s;
}
.lg-article, .lg-article-sub, .lg-article-nctrl , .lg-summary {/*首页卡片，题目侧栏*/
border-radius: 6px;
box-shadow: 0 3px 3px rgba(0,0,0,0.15);
transition:all 0.25s ease-in-out;
}
.lg-article:hover ,.lg-article-sub.am-g:hover {
box-shadow: 0 3px 10px rgba(0,0,0,0.3);
}
.lg-article:active,.lg-article-sub.am-g:active{
box-shadow: 0 4px 20px rgba(0,0,0,0.4);
}
.lg-summary:hover{
box-shadow: 0 3px 7px rgba(0,0,0,0.2);
}
.lg-summary:active{
box-shadow: 0 3px 15px rgba(0,0,0,0.2);
}
.lg-table-row {/*题目列表*/
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0,0,0,0.15);
transition:all 0.25s ease-in-out;
-webkit-animation: fadeInUp 0.5s cubic-bezier(0,0,0.58,1);
}
.lg-table-row:hover{
box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.lg-table-row:active{
box-shadow: 0 2px 15px rgba(0,0,0,0.4);
}
.am-comment-hd {/*对话和犇犇框*/
border-radius: 5px 5px 0px 0px;
}
.am-comment-bd {
border-radius: 0px 0px 5px 5px;
}
.am-comment-main {
border-radius: 5px;
}
/*--顶栏*/
.lg-header, .lg-header-list>li {
background-color: #555abf;
border-color: #555abf;
}
.lg-header{
box-shadow: 0 5px 15px rgba(50,50,93,.1),0 5px 8px rgba(0,0,0,.07)!important;
}
/*--代码字体*/
code, .hljs {
font-family: ubuntu mono;
}
/*--加载进度条处理*/
#nprogress .nprogress-peg{
box-shadow: none !important;
}
#nprogress .nprogress-bar {
position: fixed;
top: 0 !important;
background: #5eb95e;
}
/*--侧栏*/
#app-sidenav{
background:#fafafa/*linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%)*/;
box-shadow: 4px 5px 15px rgba(50,50,93,.1),2px 5px 8px rgba(0,0,0,.07)!important;
}
#app-sidenav > a{
color: #5e72e4 !important;
height:3.7em;
margin-top:3px;
}
#app-sidenav > a > .icon{
line-height: 2.4em;
font-size: 20px;
100%;
margin: 0 !important;
transition: all 0.3s ease;
}
#app-sidenav > a > .text{
opacity:0;
margin-top: -1em;
display: block;
transition: all 0.3s ease;
}
#app-sidenav > a:hover > .icon{
line-height: 1.5em;
font-size: 17px;
}
#app-sidenav > a:hover > .text{
opacity:1;
margin-top: 0.2em;
}
#app-sidenav > div:first-of-type{
background-color: #5e72e4 !important;
}
#app-sidenav > .popup-button{
background-color: transparent !important;
margin-top:8px;
color: #5e72e4 !important;
}
/*--Tooltip*/
.tip-twitter{
background:#172b4d;
color:#fff;
border-radius:50px;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
.tip-twitter>div{
font-weight:unset !important;
font-size:13px !important;
margin-left:5px;
margin-right:5px;
}
.am-sticky-placeholder{/*页面标题顶栏*/
box-shadow: 0 1px 0.2px rgba(0,0,0,0.05);
}
.am-btn {/*按钮*/
border:0;
border-radius: 3px;
box-shadow: 0 2px 7px rgba(0,0,0,0.3);
margin-bottom:3px;
transition:all 0.25s ease-in-out;
margin-right:1px;
margin-left:1px;
}
.am-btn:active {
/* box-shadow: 0 2px 15px rgba(0,0,0,0.42);*/
box-shadow: 0 3px 18px rgba(0,0,0,0.4);
}
.am-btn-primary:focus, .am-btn-primary:hover, .am-btn-primary {
border: none;
}
.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus {/*多Tab栏*/
color: #3498DB;
background-color: rgba(255,255,255,0);
border: 0px;
border-bottom: 2px solid #3498DB;
cursor: default;
}
.am-nav-tabs>li.am-active>a:hover{
color: #3498DB;
background-color: rgba(0,0,0,0.05);
border: 0px;
border-bottom: 2px solid #3498DB;
cursor: default;
}
.am-nav>li>a {
color: #3498DB;
background-color: rgba(0,0,0,0.0);
border: 0;
border-bottom: 2px solid rgba(0,0,0,0);
cursor: default;
}
.am-nav-tabs {
border:0;
}
.am-tabs-bd{
border: 0px;
border-top: none;
background:rgba(0,0,0,0) !important;
}
.feed-selector.am-active>a{/*Tab选择栏激活状态*/
background-color:rgba(255,255,255,0) !important;
color:#3498DB !important;
border-bottom:3px solid #3498DB;
border-radius: 4px 4px 0px 0px;
}
.feed-selector.am-active>a:hover{
background-color:rgba(0,0,0,0.08) !important;
color:#3498DB !important;
}
.feed-selector.am-active>a:active{
background-color:rgba(0,0,0,0.15) !important;
color:#3498DB !important;
}
.feed-selector.am-active>a:focus{
background-color:rgba(255,255,255,0.15) !important;
color:#3498DB !important;
border-bottom:3px solid #3498DB !important;
border-radius: 4px 4px 0px 0px !important;
}
.feed-selector>a{/*Tab选择栏未激活状态*/
background-color:rgba(255,255,255,0);
color:#3498DB;
border-bottom:0px solid #3498DB;
}
.feed-selector>a:hover{
background-color:rgba(0,0,0,0.08);
color:#3498DB;
}
.feed-selector>a:active{
background-color:rgba(0,0,0,0.15);
color:#3498DB;
}
.feed-selector>a:focus{
background-color:rgba(255,255,255,0);
color:#3498DB;
border-bottom:0px solid #3498DB;
border-radius: 4px 4px 0px 0px;
}
.am-modal-dialog {/*对话框阴影*/
box-shadow: 0 5px 25px rgba(0,0,0,0.5);
border-radius: 8px;
}
.am-modal-footer {
border-radius: 0px 0px 8px 8px;
}
.am-nav>li>a {/*顶栏按钮*/
transition:all 0.3s;
}
.am-topbar-nav>li>a:after {
display:none;
}
.am-form input[type=number], .am-form input[type=search], .am-form input[type=text], .am-form input[type=password], .am-form input[type=datetime], .am-form input[type=datetime-local], .am-form input[type=date], .am-form input[type=month], .am-form input[type=time], .am-form input[type=week], .am-form input[type=email], .am-form input[type=url], .am-form input[type=tel], .am-form input[type=color], .am-form select, .am-form textarea, .am-form-field {/*输入栏*/
border: none;
border-bottom: 2px solid #3498DB;
background-color: rgba(0, 0, 0, 0);
}
#topbar-search-text{/*顶栏搜索栏特殊处理*/
border-radius: 5px 0px 0px 5px;
background-color: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0);
color:rgba(255,255,255,255);
text-shadow: none;
box-shadow: none;
}
#topbar-search-text::-webkit-input-placeholder {color:rgba(255, 255, 255, 0.7);}/*针对不同浏览器改变hint颜色*/
#topbar-search-text::-moz-input-placeholder {color:rgba(255, 255, 255, 0.7);}
#topbar-search-text::-ms-input-placeholder {color:rgba(255, 255, 255, 0.7);}
#topbar-search-text:-webkit-autofill,select:-webkit-autofill {/*去内部阴影*/ -webkit-box-shadow: 0 0 0px 1000px white inset !important;}
#topbar-search{/*顺便把搜索按钮也处理下*/
background-color: rgba(0, 0, 0, 0.05);
border-color: rgba(0, 0, 0, 0);
border-radius: 0px 5px 5px 0px;
}
.am-dropdown-content {/*展开菜单*/
border: 0px solid #ddd;
border-radius: 4.5px;
box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}
.tip-twitter{/*鼠标停留提示*/
border: 0px;
border-radius: 50px;
padding-left: 15px;
padding-right: 15px;
}
.am-dropdown-content:before {display:none;}
.am-dropdown-content:after {display:none;}
.am-input-group-label{/*输入框图标提示*/
color: #3498DB;
border: none;
border-bottom: 2px solid #3498DB;
background-color: rgba(0, 0, 0, 0);
}
.am-input-group-danger .am-input-group-label{/*题目列表侧栏搜索按钮*/
background:rgba(255,255,255,0);
}
.am-input-group-danger .am-input-group-label {
color: #dd514c;
border: none;
border-bottom: 2px solid #dd514c;
background-color: rgba(0, 0, 0, 0);
}
/*--------------------------------------------------------------------*/
.lg-record-tile{/*信息色块（如评测结果页面测试点信息）*/
box-shadow: 0 2px 6px rgba(0,0,0,0.32);
transition:all 0.4s cubic-bezier(.215,.61,.355,1);
}
.lg-record-tile:hover{
box-shadow: 0 2px 15px rgba(0,0,0,0.35);
min- 10px;
transform:scale(1.08);
-ms-transform:scale(1.08); /* Internet Explorer */
-moz-transform:scale(1.08); /* Firefox */
-webkit-transform:scale(1.08); /* Safari 和 Chrome */
-o-transform:scale(1.08); /* Opera */
}
.lg-record-tile:active{
box-shadow: 0 4px 33px rgba(0,0,0,0.4);
}
.lg-training-out {/*试炼场内容块*/
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
transition:all 0.25s ease-in-out;
}
.lg-training-out:hover{
box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.lg-training-out:active{
box-shadow: 0 2px 25px rgba(0,0,0,0.25);
}
.lg-sub-article {/*展开内容块*/
/* box-shadow: 0 2px 4px rgba(0,0,0,0.2);*/
transition:all 0.25s ease-in-out;
background-color: #eeeeee;
border-radius: 5px;
}
.am-panel {/*首页内容块（如近期比赛）*/
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
transition:all 0.25s ease-in-out;
margin-bottom: 8px;
}
.am-panel:hover{
box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.am-panel:active{
box-shadow: 0 2px 25px rgba(0,0,0,0.25);
}
.am-comment-main {/*对话内容*/
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
transition:all 0.25s ease-in-out;
border-radius: 5px;
}
.am-comment-main:hover{
box-shadow: 0 2px 10px rgba(0,0,0,0.25);
}
.am-comment-main:active{
box-shadow: 0 2px 25px rgba(0,0,0,0.25);
}
.am-comment-primary .am-comment-avatar, .am-comment-primary .am-comment-main {border:none;}
.comment-main:before {border:none;}
.comment-main:after {border:none;}
.am-comment-main:before{border:none;}
.am-comment-main:after{border:none;}
.am-panel-success{border:none;}
.am-panel-secondary{border:none;}
.lg-training-out{border:none;}
.am-comment-main{border:none;}
.am-panel{border:none;}
.am-progress {/*进度条*/
overflow: hidden;
/* height: 6px;*/
margin-bottom: 2rem;
background-color: #f5f5f5;
border-radius: 0;
color:#3498DB;
-webkit-box-shadow:none;
box-shadow:none;
}
.am-badge.am-radius {/*标签*/
border-radius: 50px;
padding-left:8px;
padding-right:8px;
padding-top:5px;
padding-bottom:5px;
}
.lg-unread{/*私信弹框*/
border: 0px ;
border-radius: 8px;
background:#3498DB;
box-shadow: 0 3px 15px rgba(0,0,0,0.3);
transition:all 0.25s ease-in-out;
}
.lg-unread:hover{
box-shadow: 0 3px 17px rgba(0,0,0,0.4);
}
.lg-unread:active{
box-shadow: 0 3px 25px rgba(0,0,0,0.4);
}
/*----------------*/
/*动画定义*/
@-webkit-keyframes fadeInUp {
from {
opacity: 0.25;
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0.25;
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/*--------*/
@-webkit-keyframes fullDown {
from {
opacity: 0.8;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fullDown {
from {
opacity: 0.8;
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fullDown {
-webkit-animation-name: fullDown;
animation-name: fullDown;
}
/*--私信提示浮窗*/
.lg-unread{
line-height: 60px;
60px;
height: 60px;
padding: 0;
text-align: center;
border-radius: 50%;
transition: all .15s ease;
color: #fff;
background-color: #5e72e4;
box-shadow:0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
overflow:hidden;
}
/*--消息内容*/
.am-comment-main{
border:none;
box-shadow:0 3px 5px rgba(50,50,93,.1), 0 2px 3px rgba(0,0,0,.08);
transition:all .15s;
}
.am-comment-main:hover{
border:none;
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}
.am-comment-main:before,.am-comment-main:after{
display:none;
}
/*--页码*/
.am-pagination , .page-area{
padding-top:20px;
padding-bottom:20px;
max-content;
-moz-max-content;
margin-left:auto;
margin-right:auto;
}
.am-pagination > li > a , .page-area .page-bar > button{
outline:none !important;
cursor: pointer;
line-height: 1.25;
position: relative;
display: block;
margin-left: -.0625rem;
padding: .5rem .75rem;
color: #8898aa;
border: .0625rem solid #dee2e6;
background-color: #fff;
font-size: 15px;
font-weight: unset;
display: flex;
min- 36px;
height: 36px;
margin: 0 3px;
border-radius: 100px!important;
align-items: center;
justify-content: center;
transition:all .3s;
}
.page-area .page-bar > button:hover{
background-color: #eee;
}
.am-pagination > .am-active > a , .page-area .page-bar > button[style*='background']{
color: #fff;
border-color: #5e72e4 !important;
background-color: #5e72e4 !important;
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}
.am-pagination > .am-active > a:hover{
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
button[data-v-65e6974b] {
line-height: 1.25;
position: relative;
display: block;
margin-left: -.0625rem;
padding: .5rem .75rem;
color: #8898aa;
border: .0625rem solid #dee2e6;
background-color: #fff;
font-size: 15px;
font-weight: unset;
display: flex;
36px;
height: 36px;
margin: 0 3px;
border-radius: 50%!important;
align-items: center;
justify-content: center;
}
div[data-v-32743cc4] {
display: flex;
padding-top: 20px;
padding-bottom: 20px;
}
/*--对话框
.am-modal-dialog {
box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .5rem;
outline: 0;
background-color: #fff;
background-clip: padding-box;
}
.am-modal-dialog>#lg-alert-title,.am-modal-dialog>#memtitle{
font-family: inherit;
font-weight: 400;
line-height: 1.3;
color: #32325d;
text-align: left;
padding-left: 15px;
padding-bottom: 15px;
border-bottom: 0.7px solid rgba(0,0,0,0.1);
margin-bottom: 15px;
}
.am-modal-dialog>#lg-alert-message,.am-modal-dialog>#memadmin{
line-height: 1.3;
color: #32325d;
text-align: left;
padding-left: 15px;
padding-bottom: 25px;
padding-top: 10px;
border-bottom: 0.7px solid rgba(0,0,0,0.1);
}
.am-modal-dialog .lg-model-content{
margin-top:10px;
}
.am-modal-btn{
outline:none !important;
border:none !important;
letter-spacing: .05em;
padding: 8px 18px;
transition: all .15s ease;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
color: #fafafa !important;
height:unset;
line-height:unset;
border-radius:5px !important;
margin-right:3px;
display:inline-block !important;
}
.am-modal-btn:hover{
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
transform: translateY(-1px);
}
.am-modal-btn:active{
box-shadow: none;
}
.am-modal-btn,.am-modal-btn:hover,.am-modal-btn:active,.am-modal-btn:focus,a.am-modal-btn:visited{
border-color: #5e72e4;
background-color: #5e72e4;
}
.am-modal-footer {
max-content;
height: max-content;
padding:5px;
display: block;
margin-top:10px;
margin-bottom:8px;
padding-left: 15px;
}*/
/*--超链接*/
a{
transition:all .15s;
color: #6f58df;
}
/*--选中内容的样式*/
*::selection {
background-color: #cce2ff;
}
*::-moz-selection {
background-color: #cce2ff;
}
*::-webkit-selection {
background-color: #cce2ff;
}
/*--动画定义*/
@keyframes fadeInLeft{
from{
opacity:0;
transform:translateX(-35px);
}
to{
opacity:1;
transform:translateX(0);
}
}
@keyframes fade{
from {
opacity:0;
}
to {
opacity:1;
}
}
/*--侧栏*/
#app-sidenav{
background:#fafafa/*linear-gradient(30deg,#7795f8 15%,#6772e5 70%,#555abf 94%)*/;
box-shadow: 4px 5px 15px rgba(50,50,93,.1),2px 5px 8px rgba(0,0,0,.07)!important;
}
#app-sidenav > a{
color: #5e72e4 !important;
height:3.7em;
margin-top:3px;
padding:0 !important;
}
#app-sidenav > a:first-of-type{
margin-top: 10px !important;
}
#app-sidenav > a > .icon{
line-height: 2.4em;
font-size: 18px;
100%;
margin: 0 !important;
transition: all 0.3s ease;
}
#app-sidenav > a > .text{
opacity:0;
margin-top: -1em;
display: block;
transition: all 0.3s ease;
}
#app-sidenav > a:hover > .icon{
line-height: 1.5em;
font-size: 17px;
}
#app-sidenav > a:hover > .text{
opacity:1;
margin-top: 0.2em;
}
#app-sidenav > div:first-of-type{
background-color: #5e72e4 !important;
}
#app-sidenav > .popup-button{
background-color: transparent !important;
margin-top:8px;
color: #5e72e4 !important;
}
/*-侧栏Hover动画*/
.lg-sidebar-list li[class^="lg-nav"] a span[class^="am-icon"]:after {
content: "";
background: #5e72e4;
position: absolute;
left: 50%;
right: 50%;
bottom: 8px;
height: 2px;
0px;
border-radius: 10px;
transition: all .15s ease;
}
.lg-sidebar-list li[class^="lg-nav"] a:hover span[class^="am-icon"]:after {
left: 40%;
right: 40%;
20%;
}
/*--输入框*/
.am-input-group , .input-group{
transition: box-shadow .15s ease;
}
.am-input-group{
border-radius: .5rem !important;
}
.am-form-field , .input-group > .input-wrap > input , .input-wrap > input{
transition: box-shadow .15s ease;
border:none !important;
border-radius: 4px !important;
box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
min-height:25px !important;
}
.am-form-field:focus , .input-group > .input-wrap > input:focus , .input-wrap > input:focus{
box-shadow: 0 4px 6px rgba(50,50,93,.08), 0 1px 3px rgba(0,0,0,.05) !important;
}
.am-form-field , .input-group > button{
transition: box-shadow .15s ease;
border:none;
border-radius: 4px !important;
box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
}
.input-group > button{
margin-left:3px;
}
.am-form-field , .input-group > button:hover{
box-shadow: 0 4px 6px rgba(50,50,93,.08), 0 1px 3px rgba(0,0,0,.05) !important;
}
.am-input-group-sm>.am-form-field, .am-input-group-sm>.am-input-group-btn>.am-btn, .am-input-group-sm>.am-input-group-label {
font-size: 1.35rem !important;
}
.am-input-group-label {
background: transparent;
border: none;
}
.am-input-group-danger,.am-input-group-primary{
box-shadow:none;
}
.am-input-group-danger > .am-input-group-label,.am-input-group-primary > .am-input-group-label{
border-radius:.5rem !important;
outline:none !important;
letter-spacing: .05em;
transition: all .15s ease;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
color: #fff !important;
margin-bottom:6px;
height:33.4px;
}
.am-input-group-danger > .am-input-group-label:hover,.am-input-group-primary > .am-input-group-label:hover{
box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}
.am-input-group-danger > .am-input-group-label:active,.am-input-group-primary > .am-input-group-label:active{
box-shadow: none;
}
.am-input-group-danger > .am-input-group-label{
border-color: #f5365c;
background-color: #f5365c;/*#ec0c38*/
}
.am-input-group-primary > .am-input-group-label{
border-color: #5e72e4;
background-color: #5e72e4;
border-radius: .5rem !important;
}
textarea{
box-shadow: 0 1px 3px rgba(50,50,93,.15), 0 1px 0 rgba(0,0,0,.02);
border:none !important;
}
textarea:focus{
box-shadow: 0 4px 6px rgba(50,50,93,.08), 0 1px 3px rgba(0,0,0,.05) !important;
}
.lg-input-title {
margin-bottom: 5px;
border-radius: 5px;
border-color: #ddd;
}
/*--犇犇Tab条*/
/*此处使用了不太好的适配器解决方案，日后可能会优化*/
/*.lg-index-benben > .lg-article:nth-of-type(2){
box-shadow:none !important;
background:transparent;
}*/
.feed-selector > a{
font-weight: 500;
transition: all .15s ease;
color: #6f58df;
background-color: #fff;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
border-radius: 5px !important;
height:50px;
line-height:36px;
}
.feed-selector.am-active > a{
color: #fff;
background: #6f58df !important;
}
.am-comment-bd {
border-radius: 0px 0px 5px 5px;
background-color: rgba(255,255,255,0.8);
}