在原美化代码上修改的……

/*编辑器和代码显示的字体*/
.ace_content, code {}
body {display: flex;min-height: 100vh;flex-direction: column;background-image: url(https://s2.ax1x.com/2019/05/26/VEIRLq.jpg);/*https://s2.ax1x.com/2019/01/19/kCEFTH.jpg*/background-attachment: fixed;width:100%;height:100%;background-size:cover;
}
.color-default[data-v-d36adf0c], .color-default-noline[data-v-d36adf0c] {color: #6f58df;cursor: pointer;
}
#app-sidenav[data-v-228661e4] {display: flex;flex-direction: column;text-align: center;line-height: 1.2;background-color: #444;
}
/*---对于基本控件的处理*/
/*--字体引用*/
@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%;width: 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 {width: 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;width: 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%;width: 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 {width: 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 {width: 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-width: 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-width: 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-width: 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;width: 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-width: 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;width: 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{padding-top: 20px;padding-bottom:20px;
}
.am-pagination>li>a{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;width: 36px;height: 36px;margin: 0 3px;border-radius: 50%!important;align-items: center;justify-content: center;
}
.am-pagination>.am-active>a{color: #fff;border-color: #6c80ee;background-color: #6c80ee;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: #6c80ee;background-color: #6c80ee;
}
/*--对话框
.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 {width: 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;width: 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;width: 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%;width: 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;
}
.padding-default[data-v-587cf093] {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);
}
span[data-v-64c859da] {display: inline-block;padding: 0 8px;box-sizing: border-box;font-weight: 460;line-height: 1.5;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;width: 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;}
/*--犇犇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);
}

转载于:https://www.cnblogs.com/wo-shi-zhen-de-cai/p/10976004.html

自己乱改的美化代码……相关推荐

  1. Windows10/Servers 2016的TrustedInstaller权限获取(及乱改System后救砖

    什么是TrustedInstaller 在win8.8.1.10之中高于管理员的权限,, 正确的使用姿势: 删除"正在运行中","无法删除"的流氓软件残渣. 不 ...

  2. 我就改了一行代码,为什么就全超时了?

    Xargin:今年 6 月的 GopherChina,我去做一次会前培训,性能优化相关的主题,之前的社区分享没有讲的一些细节会展开来详细说.感兴趣的同学可以了解一下- 下面是宣传文: 为什么我只改了一 ...

  3. Cisco pix或asa如何防止内网用户乱改ip配置案例

    在pix或asa如何防止内网用户乱改ip配置案例 防止内网用户乱该ip地址,用户 只能用给定的ip,如果改ip地址,则无法访问网络资源. 例如:做了下述配置后(arp inside 10.64.64. ...

  4. Hexo之Next主题美化代码

    我分别美化了几个不同版本的Next主题,这里把美化代码公布出来,第一种Next版本小于7.3可使用 直接修改 \themes\next\source\css\_custom 将以下美化过程复制到cus ...

  5. Word美化代码块样式

    Word美化代码块样式 效果 美化方法只是修改样式,不会自动高亮,高亮是ide完成的,美化只是修改下字体大小,加个底色 新建样式 字体: (中文) 微软雅黑, (默认) 微软雅黑, 字体颜色: 文字 ...

  6. 【Java进阶营】月薪10000+,一天的工作量只改5行代码,我也要当程序员

    01 有次,客户反馈了一个紧急问题,要求下班前必须得修复.领导安排张工跟进这个问题,张工是一名资深软件工程师,张工接到任务,想重现该问题,结果发现并不是必现,于是定位到排查bug问题所在,费了九牛二虎 ...

  7. 月薪10000+,一天的工作量只改5行代码,我也要当程序员

    01 有次,客户反馈了一个紧急问题,要求下班前必须得修复.领导安排张工跟进这个问题,张工是一名资深软件工程师,张工接到任务,想重现该问题,结果发现并不是必现,于是定位到排查bug问题所在,费了九牛二虎 ...

  8. 用 Prettier 美化代码

    Eslint 解决了代码格式检查的问题,同时,一些有用的提示能让我们发现 bug 和无用代码(如 no-unused-vars, no-extra-bind, no-implicit-globals) ...

  9. 不一样的 LaTeX 教程:使用 listings 宏包美化代码

    简介 LaTeX 中插入代码常用到 listings 宏包.利用 listing 宏包的相关设置可以大幅美化代码. 获得更好的阅读体验,请关注微信公众号:极与客. 代码基础框架 引入 listings ...

最新文章

  1. 常见基本不等式的几何解释
  2. 【Android 安全】DEX 加密 ( Application 替换 | 获取 ContextImpl、ActivityThread、LoadedApk 类型对象 | 源码分析 )
  3. python嵌套循环跳出_如何跳出嵌套的while循环
  4. mysql 插入数据后返回该条数据id
  5. Backpropagation Through Time:What it Does and How to Do it论文解读
  6. 云漫圈 | 计数排序,你真的了解么?
  7. python的类和实例_Python 面向对象编程——类和实例
  8. c语言黑色星期五公式,求黑色星期五问题~
  9. 算法之【辗转相除法】
  10. 2015C蓝桥杯C++A:格子中输出(详细讲解)
  11. 【语音处理】基于matlab GUI语音原始信号+变速信号时域频域分析(带面板)【含Matlab源码 294期】
  12. 计算机网络技术论文致谢,路由器论文致谢
  13. Java封装代码年龄性别姓名_Java生成随机姓名、性别和年龄的实现示例
  14. 理解Golang中的[]interface{}和interface{}
  15. ro服务器物品掉率修改,给冒险者们的一封致歉信 社交服务器持续优化 仙境传说手游常见BUG解答...
  16. Java流程控制练习题
  17. Java入门(四)JAVA SE 02
  18. chrome访问淘宝和京东崩溃,解决方法
  19. 吐温20龙沙化工Glycosperse_L-20KFG聚氧乙烯20山梨醇酐单月桂酸酯
  20. 线性代数笔记31——奇异值分解

热门文章

  1. Linux命令学习之-ATOP
  2. 古诗写入文件(python)
  3. SSH配置:Hibernate的packagesToScan路径解析分析--gxy
  4. pandas向已经拥有数据的Excel文件中添加新数据
  5. rgba无效php,详解rgba兼容性处理方法
  6. Windows环境FTP服务用户隔离设置(支持多用户登录)
  7. pyinstaller打包exe(详细教程)
  8. PTA 6-5 说反话-加强版 (C)(通俗易懂还有图解)
  9. Android apk无法手动install
  10. 猫狗分类-简单CNN