자기가 엉망으로 고친 미화 코드...
/* */
.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
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
