upload all
6
config/style/OwO.css
Normal file
@@ -0,0 +1,6 @@
|
||||
.OwO-logo{float:left;cursor:pointer;font-weight:600;}
|
||||
.OwO .OwO-body .OwO-items {overflow: auto;font-size: 0;text-align:left}
|
||||
.OwO .OwO-body .OwO-items .OwO-item {padding: 5px 10px;display: inline-block;-webkit-transition: .3s;transition: .3s;cursor:pointer;}
|
||||
.OwO .OwO-body .OwO-items .OwO-item img {width:30px;height:auto;box-shadow: none!important;}
|
||||
.OwO .OwO-body .OwO-items .OwO-item:hover{transform:scale(1.3)}
|
||||
.OwO.OwO-open>.OwO-body>.OwO-items{max-height:300px!important;margin:10px 0!important;padding:10px!important;transition: max-height .8s,margin .8s,padding .8s;}
|
8
config/style/icon.aka.css
Normal file
BIN
config/style/img/bili/aixin.webp
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
config/style/img/bili/anon.webp
Normal file
After Width: | Height: | Size: 4.2 KiB |
BIN
config/style/img/bili/aojiao.webp
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
config/style/img/bili/azhe.webp
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
config/style/img/bili/baofu.webp
Normal file
After Width: | Height: | Size: 3.4 KiB |
BIN
config/style/img/bili/baoquan.webp
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
config/style/img/bili/bixin.webp
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
config/style/img/bili/bucuoo.webp
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
config/style/img/bili/chigua.webp
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
config/style/img/bili/chuibao.webp
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
config/style/img/bili/chuji.webp
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
config/style/img/bili/cry.webp
Normal file
After Width: | Height: | Size: 3.0 KiB |
BIN
config/style/img/bili/doge.webp
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
config/style/img/bili/fighting.webp
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
config/style/img/bili/ganbei.webp
Normal file
After Width: | Height: | Size: 2.7 KiB |
BIN
config/style/img/bili/good.webp
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
config/style/img/bili/hahaha.webp
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
config/style/img/bili/haixiu.webp
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
config/style/img/bili/haojiahuo.webp
Normal file
After Width: | Height: | Size: 4.0 KiB |
BIN
config/style/img/bili/haoye.webp
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
config/style/img/bili/happy.webp
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
config/style/img/bili/hehe.webp
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
config/style/img/bili/huaji.webp
Normal file
After Width: | Height: | Size: 2.5 KiB |
BIN
config/style/img/bili/jingxi.webp
Normal file
After Width: | Height: | Size: 2.4 KiB |
BIN
config/style/img/bili/jingya.webp
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
config/style/img/bili/kunhuo.webp
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
config/style/img/bili/luotianyi.webp
Normal file
After Width: | Height: | Size: 5.3 KiB |
BIN
config/style/img/bili/mangqu.webp
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
config/style/img/bili/mengxin.webp
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
config/style/img/bili/miao.webp
Normal file
After Width: | Height: | Size: 3.2 KiB |
BIN
config/style/img/bili/mojing.webp
Normal file
After Width: | Height: | Size: 2.6 KiB |
BIN
config/style/img/bili/offer.webp
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
config/style/img/bili/pofang.webp
Normal file
After Width: | Height: | Size: 4.6 KiB |
BIN
config/style/img/bili/rana.webp
Normal file
After Width: | Height: | Size: 3.9 KiB |
BIN
config/style/img/bili/rwkk.webp
Normal file
After Width: | Height: | Size: 2.5 KiB |
BIN
config/style/img/bili/sanlian.webp
Normal file
After Width: | Height: | Size: 3.5 KiB |
BIN
config/style/img/bili/wosuanle.webp
Normal file
After Width: | Height: | Size: 2.3 KiB |
BIN
config/style/img/bili/wow.webp
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
config/style/img/bili/wtzn.webp
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
config/style/img/bili/wukongDoge.webp
Normal file
After Width: | Height: | Size: 3.1 KiB |
BIN
config/style/img/bili/wuyan.webp
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
config/style/img/bili/yeah.webp
Normal file
After Width: | Height: | Size: 2.2 KiB |
BIN
config/style/img/bili/youya.webp
Normal file
After Width: | Height: | Size: 4.1 KiB |
BIN
config/style/img/bili/yygq.webp
Normal file
After Width: | Height: | Size: 2.9 KiB |
BIN
config/style/img/bili/zanghu.webp
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
config/style/img/default/Romanticism2theme-empty.webp
Normal file
After Width: | Height: | Size: 74 KiB |
BIN
config/style/img/default/cover/1.webp
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
config/style/img/default/cover/10.webp
Normal file
After Width: | Height: | Size: 47 KiB |
BIN
config/style/img/default/cover/11.webp
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
config/style/img/default/cover/12.webp
Normal file
After Width: | Height: | Size: 45 KiB |
BIN
config/style/img/default/cover/2.webp
Normal file
After Width: | Height: | Size: 37 KiB |
BIN
config/style/img/default/cover/3.webp
Normal file
After Width: | Height: | Size: 85 KiB |
BIN
config/style/img/default/cover/4.webp
Normal file
After Width: | Height: | Size: 22 KiB |
BIN
config/style/img/default/cover/5.webp
Normal file
After Width: | Height: | Size: 45 KiB |
BIN
config/style/img/default/cover/6.webp
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
config/style/img/default/cover/7.webp
Normal file
After Width: | Height: | Size: 62 KiB |
BIN
config/style/img/default/cover/8.webp
Normal file
After Width: | Height: | Size: 54 KiB |
BIN
config/style/img/default/cover/9.webp
Normal file
After Width: | Height: | Size: 8.7 KiB |
BIN
config/style/img/default/indeximg.webp
Normal file
After Width: | Height: | Size: 181 KiB |
BIN
config/style/img/default/sidebar.webp
Normal file
After Width: | Height: | Size: 75 KiB |
BIN
config/style/img/default/user.jpg
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
config/style/img/icon.png
Normal file
After Width: | Height: | Size: 49 KiB |
900
config/style/jquery.fancybox.css
vendored
Normal file
@@ -0,0 +1,900 @@
|
||||
body.compensate-for-scrollbar {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-active {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.fancybox-is-hidden {
|
||||
left: -9999px;
|
||||
margin: 0;
|
||||
position: absolute !important;
|
||||
top: -9999px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.fancybox-container {
|
||||
-webkit-backface-visibility: hidden;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
outline: none;
|
||||
position: fixed;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
top: 0;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
transform: translateZ(0);
|
||||
width: 100%;
|
||||
z-index: 99992;
|
||||
}
|
||||
|
||||
.fancybox-container * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.fancybox-outer,
|
||||
.fancybox-inner,
|
||||
.fancybox-bg,
|
||||
.fancybox-stage {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.fancybox-outer {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.fancybox-bg {
|
||||
background: rgb(30, 30, 30);
|
||||
opacity: 0;
|
||||
transition-duration: inherit;
|
||||
transition-property: opacity;
|
||||
transition-timing-function: cubic-bezier(.47, 0, .74, .71);
|
||||
}
|
||||
|
||||
.fancybox-is-open .fancybox-bg {
|
||||
opacity: .9;
|
||||
transition-timing-function: cubic-bezier(.22, .61, .36, 1);
|
||||
}
|
||||
|
||||
.fancybox-infobar,
|
||||
.fancybox-toolbar,
|
||||
.fancybox-caption,
|
||||
.fancybox-navigation .fancybox-button {
|
||||
direction: ltr;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
transition: opacity .25s ease, visibility 0s ease .25s;
|
||||
visibility: hidden;
|
||||
z-index: 99997;
|
||||
}
|
||||
|
||||
.fancybox-show-infobar .fancybox-infobar,
|
||||
.fancybox-show-toolbar .fancybox-toolbar,
|
||||
.fancybox-show-caption .fancybox-caption,
|
||||
.fancybox-show-nav .fancybox-navigation .fancybox-button {
|
||||
opacity: 1;
|
||||
transition: opacity .25s ease 0s, visibility 0s ease 0s;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.fancybox-infobar {
|
||||
color: #ccc;
|
||||
font-size: 13px;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
height: 44px;
|
||||
left: 0;
|
||||
line-height: 44px;
|
||||
min-width: 44px;
|
||||
mix-blend-mode: difference;
|
||||
padding: 0 10px;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.fancybox-toolbar {
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.fancybox-stage {
|
||||
direction: ltr;
|
||||
overflow: visible;
|
||||
transform: translateZ(0);
|
||||
z-index: 99994;
|
||||
}
|
||||
|
||||
.fancybox-is-open .fancybox-stage {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-slide {
|
||||
-webkit-backface-visibility: hidden;
|
||||
/* Using without prefix would break IE11 */
|
||||
display: none;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
outline: none;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding: 44px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
transition-property: transform, opacity;
|
||||
white-space: normal;
|
||||
width: 100%;
|
||||
z-index: 99994;
|
||||
}
|
||||
|
||||
.fancybox-slide::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
font-size: 0;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.fancybox-is-sliding .fancybox-slide,
|
||||
.fancybox-slide--previous,
|
||||
.fancybox-slide--current,
|
||||
.fancybox-slide--next {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fancybox-slide--image {
|
||||
overflow: hidden;
|
||||
padding: 44px 0;
|
||||
}
|
||||
|
||||
.fancybox-slide--image::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fancybox-slide--html {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.fancybox-content {
|
||||
background: #fff;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
max-width: 100%;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
padding: 44px;
|
||||
position: relative;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.fancybox-slide--image .fancybox-content {
|
||||
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
|
||||
-webkit-backface-visibility: hidden;
|
||||
background: transparent;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
left: 0;
|
||||
max-width: none;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
-ms-transform-origin: top left;
|
||||
transform-origin: top left;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
z-index: 99995;
|
||||
}
|
||||
|
||||
.fancybox-can-zoomOut .fancybox-content {
|
||||
cursor: zoom-out;
|
||||
}
|
||||
|
||||
.fancybox-can-zoomIn .fancybox-content {
|
||||
cursor: zoom-in;
|
||||
}
|
||||
|
||||
.fancybox-can-swipe .fancybox-content,
|
||||
.fancybox-can-pan .fancybox-content {
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab;
|
||||
}
|
||||
|
||||
.fancybox-is-grabbing .fancybox-content {
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
.fancybox-container [data-selectable='true'] {
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.fancybox-image,
|
||||
.fancybox-spaceball {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
max-height: none;
|
||||
max-width: none;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fancybox-spaceball {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.fancybox-slide--video .fancybox-content,
|
||||
.fancybox-slide--map .fancybox-content,
|
||||
.fancybox-slide--pdf .fancybox-content,
|
||||
.fancybox-slide--iframe .fancybox-content {
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fancybox-slide--video .fancybox-content {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.fancybox-slide--map .fancybox-content {
|
||||
background: #e5e3df;
|
||||
}
|
||||
|
||||
.fancybox-slide--iframe .fancybox-content {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.fancybox-video,
|
||||
.fancybox-iframe {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
display: block;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Fix iOS */
|
||||
.fancybox-iframe {
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
background: #fff;
|
||||
cursor: default;
|
||||
max-width: 400px;
|
||||
padding: 40px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fancybox-error p {
|
||||
color: #444;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
|
||||
.fancybox-button {
|
||||
background: rgba(30, 30, 30, .6);
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height: 44px;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
position: relative;
|
||||
transition: color .2s;
|
||||
vertical-align: top;
|
||||
visibility: inherit;
|
||||
width: 44px;
|
||||
}
|
||||
|
||||
.fancybox-button,
|
||||
.fancybox-button:visited,
|
||||
.fancybox-button:link {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.fancybox-button:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.fancybox-button.fancybox-focus {
|
||||
outline: 1px dotted;
|
||||
}
|
||||
|
||||
.fancybox-button[disabled],
|
||||
.fancybox-button[disabled]:hover {
|
||||
color: #888;
|
||||
cursor: default;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Fix IE11 */
|
||||
.fancybox-button div {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.fancybox-button svg {
|
||||
display: block;
|
||||
height: 100%;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fancybox-button svg path {
|
||||
fill: currentColor;
|
||||
stroke-width: 0;
|
||||
}
|
||||
|
||||
.fancybox-button--play svg:nth-child(2),
|
||||
.fancybox-button--fsenter svg:nth-child(2) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fancybox-button--pause svg:nth-child(1),
|
||||
.fancybox-button--fsexit svg:nth-child(1) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fancybox-progress {
|
||||
background: #ff5268;
|
||||
height: 2px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
-ms-transform: scaleX(0);
|
||||
transform: scaleX(0);
|
||||
-ms-transform-origin: 0;
|
||||
transform-origin: 0;
|
||||
transition-property: transform;
|
||||
transition-timing-function: linear;
|
||||
z-index: 99998;
|
||||
}
|
||||
|
||||
/* Close button on the top right corner of html content */
|
||||
|
||||
.fancybox-close-small {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
color: #ccc;
|
||||
cursor: pointer;
|
||||
opacity: .8;
|
||||
padding: 8px;
|
||||
position: absolute;
|
||||
right: -12px;
|
||||
top: -44px;
|
||||
z-index: 401;
|
||||
}
|
||||
|
||||
.fancybox-close-small:hover {
|
||||
color: #fff;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.fancybox-slide--html .fancybox-close-small {
|
||||
color: currentColor;
|
||||
padding: 10px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-is-scaling .fancybox-close-small,
|
||||
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Navigation arrows */
|
||||
|
||||
.fancybox-navigation .fancybox-button {
|
||||
background-clip: content-box;
|
||||
height: 100px;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: calc(50% - 50px);
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.fancybox-navigation .fancybox-button div {
|
||||
padding: 7px;
|
||||
}
|
||||
|
||||
.fancybox-navigation .fancybox-button--arrow_left {
|
||||
left: 0;
|
||||
left: env(safe-area-inset-left);
|
||||
padding: 31px 26px 31px 6px;
|
||||
}
|
||||
|
||||
.fancybox-navigation .fancybox-button--arrow_right {
|
||||
padding: 31px 6px 31px 26px;
|
||||
right: 0;
|
||||
right: env(safe-area-inset-right);
|
||||
}
|
||||
|
||||
/* Caption */
|
||||
|
||||
.fancybox-caption {
|
||||
background: linear-gradient(to top,
|
||||
rgba(0, 0, 0, .85) 0%,
|
||||
rgba(0, 0, 0, .3) 50%,
|
||||
rgba(0, 0, 0, .15) 65%,
|
||||
rgba(0, 0, 0, .075) 75.5%,
|
||||
rgba(0, 0, 0, .037) 82.85%,
|
||||
rgba(0, 0, 0, .019) 88%,
|
||||
rgba(0, 0, 0, 0) 100%);
|
||||
bottom: 0;
|
||||
color: #eee;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
left: 0;
|
||||
line-height: 1.5;
|
||||
padding: 75px 44px 25px 44px;
|
||||
pointer-events: none;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
z-index: 99996;
|
||||
}
|
||||
|
||||
@supports (padding: max(0px)) {
|
||||
.fancybox-caption {
|
||||
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
|
||||
}
|
||||
}
|
||||
|
||||
.fancybox-caption--separate {
|
||||
margin-top: -50px;
|
||||
}
|
||||
|
||||
.fancybox-caption__body {
|
||||
max-height: 50vh;
|
||||
overflow: auto;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.fancybox-caption a,
|
||||
.fancybox-caption a:link,
|
||||
.fancybox-caption a:visited {
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fancybox-caption a:hover {
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Loading indicator */
|
||||
|
||||
.fancybox-loading {
|
||||
animation: fancybox-rotate 1s linear infinite;
|
||||
background: transparent;
|
||||
border: 4px solid #888;
|
||||
border-bottom-color: #fff;
|
||||
border-radius: 50%;
|
||||
height: 50px;
|
||||
left: 50%;
|
||||
margin: -25px 0 0 -25px;
|
||||
opacity: .7;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 50px;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
@keyframes fancybox-rotate {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* Transition effects */
|
||||
|
||||
.fancybox-animated {
|
||||
transition-timing-function: cubic-bezier(0, 0, .25, 1);
|
||||
}
|
||||
|
||||
/* transitionEffect: slide */
|
||||
|
||||
.fancybox-fx-slide.fancybox-slide--previous {
|
||||
opacity: 0;
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
|
||||
.fancybox-fx-slide.fancybox-slide--next {
|
||||
opacity: 0;
|
||||
transform: translate3d(100%, 0, 0);
|
||||
}
|
||||
|
||||
.fancybox-fx-slide.fancybox-slide--current {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
/* transitionEffect: fade */
|
||||
|
||||
.fancybox-fx-fade.fancybox-slide--previous,
|
||||
.fancybox-fx-fade.fancybox-slide--next {
|
||||
opacity: 0;
|
||||
transition-timing-function: cubic-bezier(.19, 1, .22, 1);
|
||||
}
|
||||
|
||||
.fancybox-fx-fade.fancybox-slide--current {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* transitionEffect: zoom-in-out */
|
||||
|
||||
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
|
||||
opacity: 0;
|
||||
transform: scale3d(1.5, 1.5, 1.5);
|
||||
}
|
||||
|
||||
.fancybox-fx-zoom-in-out.fancybox-slide--next {
|
||||
opacity: 0;
|
||||
transform: scale3d(.5, .5, .5);
|
||||
}
|
||||
|
||||
.fancybox-fx-zoom-in-out.fancybox-slide--current {
|
||||
opacity: 1;
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
|
||||
/* transitionEffect: rotate */
|
||||
|
||||
.fancybox-fx-rotate.fancybox-slide--previous {
|
||||
opacity: 0;
|
||||
-ms-transform: rotate(-360deg);
|
||||
transform: rotate(-360deg);
|
||||
}
|
||||
|
||||
.fancybox-fx-rotate.fancybox-slide--next {
|
||||
opacity: 0;
|
||||
-ms-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
.fancybox-fx-rotate.fancybox-slide--current {
|
||||
opacity: 1;
|
||||
-ms-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
/* transitionEffect: circular */
|
||||
|
||||
.fancybox-fx-circular.fancybox-slide--previous {
|
||||
opacity: 0;
|
||||
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
}
|
||||
|
||||
.fancybox-fx-circular.fancybox-slide--next {
|
||||
opacity: 0;
|
||||
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
}
|
||||
|
||||
.fancybox-fx-circular.fancybox-slide--current {
|
||||
opacity: 1;
|
||||
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
/* transitionEffect: tube */
|
||||
|
||||
.fancybox-fx-tube.fancybox-slide--previous {
|
||||
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
|
||||
}
|
||||
|
||||
.fancybox-fx-tube.fancybox-slide--next {
|
||||
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
|
||||
}
|
||||
|
||||
.fancybox-fx-tube.fancybox-slide--current {
|
||||
transform: translate3d(0, 0, 0) scale(1);
|
||||
}
|
||||
|
||||
/* Styling for Small-Screen Devices */
|
||||
@media all and (max-height: 576px) {
|
||||
.fancybox-slide {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.fancybox-slide--image {
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.fancybox-close-small {
|
||||
right: -6px;
|
||||
}
|
||||
|
||||
.fancybox-slide--image .fancybox-close-small {
|
||||
background: #4e4e4e;
|
||||
color: #f2f4f6;
|
||||
height: 36px;
|
||||
opacity: 1;
|
||||
padding: 6px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.fancybox-caption {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
@supports (padding: max(0px)) {
|
||||
.fancybox-caption {
|
||||
padding-left: max(12px, env(safe-area-inset-left));
|
||||
padding-right: max(12px, env(safe-area-inset-right));
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Share */
|
||||
|
||||
.fancybox-share {
|
||||
background: #f4f4f4;
|
||||
border-radius: 3px;
|
||||
max-width: 90%;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fancybox-share h1 {
|
||||
color: #222;
|
||||
font-size: 35px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
.fancybox-share p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.fancybox-share__button {
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
margin: 0 5px 10px 5px;
|
||||
min-width: 130px;
|
||||
padding: 0 15px;
|
||||
text-decoration: none;
|
||||
transition: all .2s;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.fancybox-share__button:visited,
|
||||
.fancybox-share__button:link {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.fancybox-share__button:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.fancybox-share__button--fb {
|
||||
background: #3b5998;
|
||||
}
|
||||
|
||||
.fancybox-share__button--fb:hover {
|
||||
background: #344e86;
|
||||
}
|
||||
|
||||
.fancybox-share__button--pt {
|
||||
background: #bd081d;
|
||||
}
|
||||
|
||||
.fancybox-share__button--pt:hover {
|
||||
background: #aa0719;
|
||||
}
|
||||
|
||||
.fancybox-share__button--tw {
|
||||
background: #1da1f2;
|
||||
}
|
||||
|
||||
.fancybox-share__button--tw:hover {
|
||||
background: #0d95e8;
|
||||
}
|
||||
|
||||
.fancybox-share__button svg {
|
||||
height: 25px;
|
||||
margin-right: 7px;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
vertical-align: middle;
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
.fancybox-share__button svg path {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.fancybox-share__input {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #d7d7d7;
|
||||
border-radius: 0;
|
||||
color: #5d5b5b;
|
||||
font-size: 14px;
|
||||
margin: 10px 0 0 0;
|
||||
outline: none;
|
||||
padding: 10px 15px;
|
||||
width: 100%;
|
||||
}
|
||||
/* Thumbs */
|
||||
|
||||
.fancybox-thumbs {
|
||||
background: #ddd;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
margin: 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
padding: 2px 2px 4px 2px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
top: 0;
|
||||
width: 212px;
|
||||
z-index: 99995;
|
||||
}
|
||||
|
||||
.fancybox-thumbs-x {
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.fancybox-show-thumbs .fancybox-thumbs {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fancybox-show-thumbs .fancybox-inner {
|
||||
right: 212px;
|
||||
}
|
||||
|
||||
.fancybox-thumbs__list {
|
||||
font-size: 0;
|
||||
height: 100%;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fancybox-thumbs-x .fancybox-thumbs__list {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
}
|
||||
|
||||
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
|
||||
}
|
||||
|
||||
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
|
||||
background: #2a2a2a;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.fancybox-thumbs__list a {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
background-color: rgba(0, 0, 0, .1);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
height: 75px;
|
||||
margin: 2px;
|
||||
max-height: calc(100% - 8px);
|
||||
max-width: calc(50% - 4px);
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.fancybox-thumbs__list a::before {
|
||||
border: 6px solid #ff5268;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
transition: all .2s cubic-bezier(.25, .46, .45, .94);
|
||||
z-index: 99991;
|
||||
}
|
||||
|
||||
.fancybox-thumbs__list a:focus::before {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Styling for Small-Screen Devices */
|
||||
@media all and (max-width: 576px) {
|
||||
.fancybox-thumbs {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.fancybox-show-thumbs .fancybox-inner {
|
||||
right: 110px;
|
||||
}
|
||||
|
||||
.fancybox-thumbs__list a {
|
||||
max-width: calc(100% - 10px);
|
||||
}
|
||||
}
|
||||
|
||||
.code-toolbar{
|
||||
border-radius: 15px;
|
||||
clip-path: inset(0 round 10px);
|
||||
}
|
4
config/style/prism.highlight.css
Normal file
@@ -0,0 +1,4 @@
|
||||
/* PrismJS 1.29.0
|
||||
https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+c+csharp+cpp+go+java+markup-templating+php+python&plugins=toolbar+copy-to-clipboard */
|
||||
code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}
|
||||
div.code-toolbar{position:relative;border-radius: 15px;}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}
|
754
config/style/romanticism.aka.css
Normal file
@@ -0,0 +1,754 @@
|
||||
/**
|
||||
|
||||
_ _ __ _ ____ _ _ ___
|
||||
/ \ | |/ / / \ / ___|| | | |_ _|
|
||||
/ _ \ | ' / / _ \ \___ \| |_| || |
|
||||
/ ___ \| . \ / ___ \ ___) | _ || |
|
||||
/_/ \_\_|\_\/_/ \_\____/|_| |_|___|
|
||||
|
||||
* [Romanticism]
|
||||
* romanticism.aka.css 主样式表文件
|
||||
* @version 2.1
|
||||
* @link https://imakashi.eu.org/
|
||||
**/
|
||||
body{
|
||||
font-family: 'Noto Serif SC', serif;
|
||||
font-weight:400;
|
||||
font-display: swap;
|
||||
}
|
||||
html::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mdui-theme-layout-light .LDtrans{
|
||||
background-color: Seashell;
|
||||
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
|
||||
}
|
||||
.mdui-theme-layout-dark .LDtrans{
|
||||
background-color: #303030;
|
||||
}
|
||||
.mdui-appbar{
|
||||
transition: background-color 0.3s ease-in-out;
|
||||
}
|
||||
.mdui-card{
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
/*高斯模糊效果*/
|
||||
.blur{
|
||||
backdrop-filter: saturate(180%) blur(15px);
|
||||
-webkit-backdrop-filter: saturate(180%) blur(15px);
|
||||
}
|
||||
.mdui-theme-layout-light .blur{
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
}
|
||||
.mdui-theme-layout-dark .blur{
|
||||
background: rgba(58, 58, 58, 0.72);
|
||||
}
|
||||
.mdui-overlay{
|
||||
backdrop-filter: saturate(100%) blur(20px);
|
||||
-webkit-backdrop-filter: saturate(100%) blur(20px);
|
||||
}
|
||||
.mdui-tooltip, .mdui-snackbar{
|
||||
backdrop-filter: saturate(180%) blur(15px);
|
||||
-webkit-backdrop-filter: saturate(180%) blur(15px);
|
||||
box-shadow: 0 0 2px black;
|
||||
}
|
||||
.mdui-theme-layout-light .mdui-tooltip{
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
color:#252525;
|
||||
}
|
||||
.mdui-theme-layout-dark .mdui-tooltip{
|
||||
background: rgba(69, 69, 69, 0.72);
|
||||
color:#f0f0f0;
|
||||
}
|
||||
.mdui-theme-layout-light .mdui-snackbar{
|
||||
background: rgba(255, 255, 255, 0.72);
|
||||
color:#252525;
|
||||
font-weight: bold;
|
||||
}
|
||||
.mdui-theme-layout-dark .mdui-snackbar{
|
||||
background: rgba(69, 69, 69, 0.72);
|
||||
color:#f0f0f0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*加载动画*/
|
||||
#loading {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-size: 30px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 9999
|
||||
}
|
||||
.loader {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.loader-box {
|
||||
transform: translateY(-50%);
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
width: calc(100% - 200px);
|
||||
padding: 0 100px;
|
||||
text-align: center;
|
||||
}
|
||||
.loader-box .mdui-spinner{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
/*圆角设置*/
|
||||
.yuan, .mdui-snackbar{
|
||||
border-radius: 14px;
|
||||
}
|
||||
.btnyuan{
|
||||
border-radius: 8px;
|
||||
}
|
||||
.mdui-tooltip{
|
||||
border-radius: 8px;
|
||||
}
|
||||
@media(max-width:420px){
|
||||
.yuan, .mdui-snackbar{
|
||||
border-radius: 10px;
|
||||
}
|
||||
.btnyuan{
|
||||
border-radius: 6px;
|
||||
}
|
||||
.mdui-tooltip{
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
/*进入动画*/
|
||||
.toup{
|
||||
animation-name: toup;
|
||||
animation-duration: .5s;
|
||||
}
|
||||
@keyframes toup{
|
||||
from {filter: blur(20px);}
|
||||
to {filter: blur(0);}
|
||||
}
|
||||
.show{
|
||||
animation-name: show;
|
||||
animation-duration: .5s;
|
||||
}
|
||||
@keyframes show{
|
||||
from {filter: blur(20px);}
|
||||
to {filter: blur(0);}
|
||||
}
|
||||
|
||||
/*首页主题图*/
|
||||
.indeximg{
|
||||
background-repeat:no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
.indeximgcard{
|
||||
width:auto;
|
||||
height:85vh;
|
||||
min-height:420px;
|
||||
}
|
||||
|
||||
/* 置顶容器 */
|
||||
.sticky-container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height:200px;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
white-space: nowrap;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.sticky-container::-webkit-scrollbar {
|
||||
height: 8px;
|
||||
}
|
||||
.sticky-container::-webkit-scrollbar-thumb {
|
||||
background: rgba(128, 128, 128, 0.3);
|
||||
border-radius: 5px;
|
||||
}
|
||||
.sticky-item {
|
||||
display: inline-block;
|
||||
width: 320px;
|
||||
height: 100%;
|
||||
margin-right: 8px;
|
||||
background-color: #f0f0f0;
|
||||
text-align: center;
|
||||
}
|
||||
.sticky-item .mdui-card-media-covered{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100%;
|
||||
}
|
||||
.sticky-item img{
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
width: 320px;
|
||||
height:170px;
|
||||
}
|
||||
.sticky-item .mdui-card-primary {
|
||||
margin-top: -20px;
|
||||
}
|
||||
.sticky-item .mdui-card-primary-title{
|
||||
white-space: normal;
|
||||
word-wrap: break-word;
|
||||
word-break: break-word;
|
||||
overflow-wrap: break-word;
|
||||
line-height: 24px;
|
||||
}
|
||||
.sticky-item .mdui-card-primary-title h5{
|
||||
margin-bottom:5px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 3;
|
||||
}
|
||||
.sticky-item .mdui-card-media-covered{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.sticky-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
isolation: isolate;
|
||||
}
|
||||
.sticky-badge {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
right: -10px;
|
||||
width: auto;
|
||||
min-width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 99;
|
||||
|
||||
}
|
||||
.sticky-badge i{
|
||||
transform: rotate(-30deg);
|
||||
}
|
||||
|
||||
@media (max-width:500px){
|
||||
.sticky-item {
|
||||
width: 200px;
|
||||
}
|
||||
.sticky-item img{
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*主页文章列表容器*/
|
||||
.indexlistbox{
|
||||
margin-top:-180px;
|
||||
}
|
||||
.indexlistbox h3{
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.indexlistbox h4{
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.indexlistbox h5{
|
||||
margin-top: 10px;
|
||||
}
|
||||
@media (max-width:420px){
|
||||
.indexlistbox{
|
||||
margin-top: -180px;
|
||||
}
|
||||
}
|
||||
@media (max-height:800px){
|
||||
.indexlistbox{
|
||||
margin-top: -150px;
|
||||
}
|
||||
}
|
||||
|
||||
.indexinfobox{
|
||||
margin-bottom: 20px;
|
||||
padding: 10px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
/*主页文章列表卡片*/
|
||||
.articlelistcard{
|
||||
width:auto;
|
||||
height:auto;
|
||||
min-height:250px;
|
||||
}
|
||||
.articlelistimg{
|
||||
background-repeat:no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
.articlelistcard .mdui-card-primary-title{
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 4;
|
||||
overflow: hidden;
|
||||
}
|
||||
.articlelistcard .mdui-card-primary-title span{
|
||||
padding-left: 100px;
|
||||
}
|
||||
.articlelistcard .mdui-card-primary-title h4{
|
||||
line-height: 30px;
|
||||
}
|
||||
.articlesms .mdui-card-content{
|
||||
margin-top: -20px;
|
||||
}
|
||||
.mdui-theme-layout-dark .articlesms img{
|
||||
filter: brightness(80%);
|
||||
}
|
||||
|
||||
.titlegap{
|
||||
letter-spacing: 2px;
|
||||
font-weight:900;
|
||||
}
|
||||
|
||||
#mainsidebar .mdui-grid-tile{
|
||||
height: 170px;
|
||||
width: auto;
|
||||
}
|
||||
.sidebarimg{
|
||||
background-repeat:no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
#mainsidebar .headicon{
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: 24px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border: 3px solid rgb(255, 255, 255);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.53);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
li{
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
::-moz-selection{background:#ecf0f1; color:CornflowerBlue;}
|
||||
::selection {background:#ecf0f1; color:CornflowerBlue;}
|
||||
|
||||
.chameleon {
|
||||
transition: color 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.chameleon:hover {
|
||||
color: CornflowerBlue;
|
||||
}
|
||||
.akarom-alter-button-valign{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
.akarom-alter-button{
|
||||
border: 2px solid rgba(158, 158, 158, 0.3);
|
||||
padding:6px;
|
||||
transition: all 0.3s ease-in-out;
|
||||
background: none;
|
||||
padding-left: 10px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
.akarom-alter-button:hover{
|
||||
filter: blur(2px);
|
||||
transform: scale(1.01);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
|
||||
position: relative;
|
||||
}
|
||||
.akarom-alter-button-disabled{
|
||||
opacity: .5;
|
||||
}
|
||||
.akarom-alter-button-disabled:hover{
|
||||
filter: none;
|
||||
transform: none;
|
||||
box-shadow: none;
|
||||
position: none;
|
||||
}
|
||||
.akarom-alter-button i{
|
||||
margin-bottom: 3px;
|
||||
margin-right: 8px;
|
||||
opacity: .8;
|
||||
}
|
||||
.akarom-hoverable{
|
||||
padding: 6px;
|
||||
transition: all 0.3s ease-in-out;
|
||||
border-radius: 6px;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
.akarom-hoverable:hover{
|
||||
background-color: rgba(158, 158, 158, 0.2);
|
||||
}
|
||||
|
||||
.title{
|
||||
font-family: 'Noto Serif SC', serif;
|
||||
font-weight:900;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.subtitle{
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.underline{
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.underline:hover {
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
|
||||
.easysee{
|
||||
text-shadow: 0 1px 3px black;
|
||||
}
|
||||
|
||||
/*上下翻页颜色*/
|
||||
.mdui-theme-layout-light .prev{
|
||||
color:#252525;
|
||||
}
|
||||
.mdui-theme-layout-dark .prev{
|
||||
color:white;
|
||||
}
|
||||
|
||||
.mdui-theme-layout-light .next{
|
||||
color:#252525;
|
||||
}
|
||||
.mdui-theme-layout-dark .next{
|
||||
color:white;
|
||||
}
|
||||
|
||||
/*独立页面主题图*/
|
||||
.articlecard{
|
||||
width:auto;
|
||||
height:auto;
|
||||
display: block;
|
||||
min-height: 600px;
|
||||
padding-top: 20px;
|
||||
color: white;
|
||||
position: relative;
|
||||
background: none;
|
||||
}
|
||||
.mdui-theme-layout-dark .articlecard{
|
||||
background: none;
|
||||
}
|
||||
.articlecard .articlecardimg{
|
||||
background-repeat:no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top:0;
|
||||
left: 0;
|
||||
z-index: -2;
|
||||
}
|
||||
.articlecard .articlecardshadow{
|
||||
background-color: #252525;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top:0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
opacity: .2;
|
||||
}
|
||||
@media (max-width:420px){
|
||||
.articlecard{
|
||||
min-height: 400px;
|
||||
}
|
||||
}
|
||||
.articlecard .mdui-card-primary-title{
|
||||
line-height: 45px;
|
||||
}
|
||||
|
||||
/*文章内排版格式*/
|
||||
p{
|
||||
font-size: 18px;
|
||||
}
|
||||
.mdui-typo h1{
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
font-weight:900;
|
||||
z-index:9 !important;
|
||||
}
|
||||
.mdui-typo h1::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 14px;
|
||||
width: 66px;
|
||||
bottom: 2px;
|
||||
z-index:-1;
|
||||
background-color: CornflowerBlue;
|
||||
opacity: 0.5;
|
||||
transform: skew(-35deg);
|
||||
transition: opacity .2s ease-in-out;
|
||||
border-radius: 3px 8px 10px 6px;
|
||||
transition: 0.1s ease background-color;
|
||||
}
|
||||
.mdui-typo h3{
|
||||
font-weight:900;
|
||||
}
|
||||
.mdui-typo h4{
|
||||
font-weight:900;
|
||||
}
|
||||
.mdui-typo h2{
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
font-weight:900;
|
||||
z-index:9 !important;
|
||||
}
|
||||
.mdui-typo h2::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
height: 12px;
|
||||
width: 66px;
|
||||
bottom: 0;
|
||||
z-index:-1;
|
||||
background-color: lightblue;
|
||||
opacity: 0.5;
|
||||
transform: skew(-35deg);
|
||||
transition: opacity .2s ease-in-out;
|
||||
border-radius: 3px 8px 10px 6px;
|
||||
transition: 0.1s ease background-color;
|
||||
}
|
||||
.mdui-typo h3{
|
||||
font-weight:900;
|
||||
}
|
||||
.article hr{
|
||||
width:66%;
|
||||
border:none;
|
||||
border-top:6px dashed rgba(158, 158, 158, 0.2);;
|
||||
}
|
||||
.hr hr{
|
||||
width:100%;
|
||||
margin: 0 auto;
|
||||
border:none;
|
||||
border-top:2px dashed rgba(158, 158, 158, 0.2);;
|
||||
}
|
||||
.article img{
|
||||
height:anto;
|
||||
width:100%;
|
||||
}
|
||||
.mdui-theme-layout-dark .article img{
|
||||
filter: brightness(80%);
|
||||
}
|
||||
.mdui-theme-layout-dark .mdui-panel-item{
|
||||
background-color:#3c3c3c;
|
||||
}
|
||||
.copyright{
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#comments .headicon{
|
||||
border: 2px solid white;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.53);
|
||||
}
|
||||
#comments .adminsign{
|
||||
display:inline-block;
|
||||
padding: 0;
|
||||
padding-left:3px;
|
||||
padding-right:3px;
|
||||
margin-left: 8px;
|
||||
font-size: 13px;
|
||||
border: 3px solid rgba(136, 132, 132, 0.3);
|
||||
}
|
||||
#comments .comment-parent{
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.fancybox {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.outlineborder{
|
||||
padding:10px;
|
||||
border-radius:10px;
|
||||
display:inline-block;
|
||||
border: 2px solid rgba(136, 132, 132, 0.199);
|
||||
line-height: 25px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.link img{
|
||||
height:70%;
|
||||
width:70%;
|
||||
border: 5px solid rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.comment-ua-second{
|
||||
margin-right: -5px;
|
||||
}
|
||||
|
||||
/* 文章tag筛选样式 */
|
||||
.akarom-articletag{
|
||||
position: fixed;
|
||||
bottom: 30px;
|
||||
left: 30px;
|
||||
opacity: 1;
|
||||
z-index: 99;
|
||||
width:40px;
|
||||
transition: all 0.3s ease-in-out;
|
||||
height:40px;
|
||||
border-radius: 20px;
|
||||
overflow:hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
.akarom-articletag:hover{
|
||||
width:205px;
|
||||
}
|
||||
.akarom-articletag .mdui-icon{
|
||||
padding-left: 8px;
|
||||
}
|
||||
.akarom-articletag.akarom-articletag-style:hover{
|
||||
width:238px;
|
||||
}
|
||||
.akarom-articletag-options{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 5px;
|
||||
font-size: 16px;
|
||||
white-space: nowrap;
|
||||
transform: translateX(-100%);
|
||||
opacity: 0;
|
||||
filter: blur(15px);
|
||||
transition: all 0.45s ease-in-out;
|
||||
}
|
||||
.akarom-articletag:hover .akarom-articletag-options{
|
||||
transform: translateX(0);
|
||||
opacity: 1;
|
||||
filter: blur(0);
|
||||
margin-left: 8px;
|
||||
}
|
||||
.akarom-articletag input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.akarom-articletag input[type="radio"]:checked + .filter-btn {
|
||||
color: #6495ed;
|
||||
font-weight: bold;
|
||||
}
|
||||
@media (max-width:1024px){
|
||||
.akarom-articletag{
|
||||
bottom: 15px;
|
||||
left: 15px;
|
||||
}
|
||||
}
|
||||
.tagnotice{
|
||||
text-shadow: 0 0 3px #fff;
|
||||
}
|
||||
.taglist,
|
||||
.tagnotice{
|
||||
display: none;
|
||||
animation: tagfadein 0.3s;
|
||||
}
|
||||
/* 首页文章筛选 */
|
||||
body:has(#filterall:checked) .LDtrans .taglist,
|
||||
body:has(#filterarticle:checked) .LDtrans .taglist.tagarticle,
|
||||
body:has(#filtersms:checked) .LDtrans .taglist.tagsms{
|
||||
display: block;
|
||||
animation: tagfadein 0.3s;
|
||||
}
|
||||
body:has(#filterarticle:checked) .LDtrans .tagnotice-article,
|
||||
body:has(#filtersms:checked) .LDtrans .tagnotice-sms{
|
||||
display: block;
|
||||
animation: tagfadein 0.3s;
|
||||
}
|
||||
@keyframes tagfadein {
|
||||
from { opacity: 0; filter:blur(20px);}
|
||||
to { opacity: 1; filter:blur(0px);}
|
||||
}
|
||||
|
||||
.notfoundpage{
|
||||
height:80vh;
|
||||
}
|
||||
.notfound-box{
|
||||
height:60vh;
|
||||
width:auto;
|
||||
}
|
||||
.notfoundpage span{
|
||||
opacity: .1;
|
||||
font-size: 114px;
|
||||
position:absolute;
|
||||
margin-top:-50px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.akarom-rewardbox{
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 10px;
|
||||
height: auto;
|
||||
width: auto;
|
||||
}
|
||||
.akarom-rewardbox img{
|
||||
max-height: 78vh;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*aplayer适配深色模式*/
|
||||
.mdui-theme-layout-light .aplayer{
|
||||
background-color: #ffffff;
|
||||
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
|
||||
}
|
||||
.mdui-theme-layout-dark .aplayer{
|
||||
background-color: #404040;
|
||||
}
|
||||
.aplayer{
|
||||
border-radius:10px;
|
||||
}
|
||||
.aplayer-lrc::before{
|
||||
opacity: 0.01;
|
||||
}
|
||||
.mdui-theme-layout-dark .aplayer-lrc::after{
|
||||
background: linear-gradient(rgba(235, 229, 229, 0) 0px, rgba(59, 59, 59, 0.8));
|
||||
}
|
||||
/*aplayer适配深色模式*/
|
||||
|
||||
/*musenxi livephoto*/
|
||||
.lpk-live-photo-player{
|
||||
border-radius:8px;
|
||||
overflow: hidden;
|
||||
}
|
||||
/*musenxi livephoto*/
|