mirror of
https://github.com/ldxw/cdn.git
synced 2026-08-14 13:01:23 +08:00
Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Mr.Lin
|
4a05db6a19 | ||
|
Mr.Lin
|
eecf654483 | ||
|
Mr.Lin
|
da5b6786b5 | ||
|
Mr.Lin
|
3cbf2029b0 | ||
|
Mr.Lin
|
e48b0faa1c | ||
|
Mr.Lin
|
4985cc4ce4 |
Vendored
+192
@@ -0,0 +1,192 @@
|
||||
/**
|
||||
* 移动端菜单栏动画
|
||||
*/
|
||||
.animated {
|
||||
-webkit-animation-fill-mode: both;
|
||||
-moz-animation-fill-mode: both;
|
||||
-ms-animation-fill-mode: both;
|
||||
-o-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-duration: 1s;
|
||||
-moz-animation-duration: 1s;
|
||||
-ms-animation-duration: 1s;
|
||||
-o-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
|
||||
.animated.hinge {
|
||||
-webkit-animation-duration: 1s;
|
||||
-moz-animation-duration: 1s;
|
||||
-ms-animation-duration: 1s;
|
||||
-o-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
}
|
||||
|
||||
.animated.flip {
|
||||
-webkit-backface-visibility: visible !important;
|
||||
-webkit-animation-name: flip;
|
||||
-moz-backface-visibility: visible !important;
|
||||
-moz-animation-name: flip;
|
||||
-o-backface-visibility: visible !important;
|
||||
-o-animation-name: flip;
|
||||
backface-visibility: visible !important;
|
||||
animation-name: flip;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bounceOutUp {
|
||||
0% {
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
|
||||
20% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-2000px);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes bounceOutUp {
|
||||
0% {
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
|
||||
20% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(-2000px);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes bounceOutUp {
|
||||
0% {
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
|
||||
20% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY(-2000px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bounceOutUp {
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
20% {
|
||||
opacity: 1;
|
||||
transform: translateY(20px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateY(-2000px);
|
||||
}
|
||||
}
|
||||
|
||||
.bounceOutUp {
|
||||
-webkit-animation-name: bounceOutUp;
|
||||
-moz-animation-name: bounceOutUp;
|
||||
-o-animation-name: bounceOutUp;
|
||||
animation-name: bounceOutUp;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bounceInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-2000px);
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(30px);
|
||||
}
|
||||
|
||||
80% {
|
||||
-webkit-transform: translateY(-10px);
|
||||
}
|
||||
|
||||
100% {
|
||||
-webkit-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes bounceInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-moz-transform: translateY(-2000px);
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateY(30px);
|
||||
}
|
||||
|
||||
80% {
|
||||
-moz-transform: translateY(-10px);
|
||||
}
|
||||
|
||||
100% {
|
||||
-moz-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-o-keyframes bounceInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-o-transform: translateY(-2000px);
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
-o-transform: translateY(30px);
|
||||
}
|
||||
|
||||
80% {
|
||||
-o-transform: translateY(-10px);
|
||||
}
|
||||
|
||||
100% {
|
||||
-o-transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bounceInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(-2000px);
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.bounceInDown {
|
||||
-webkit-animation-name: bounceInDown;
|
||||
-moz-animation-name: bounceInDown;
|
||||
-o-animation-name: bounceInDown;
|
||||
animation-name: bounceInDown;
|
||||
}
|
||||
Vendored
+2926
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,103 @@
|
||||
/*
|
||||
* Font Awesome Lite.
|
||||
* Created by Noisky on 19/08/29.
|
||||
* Revised by Noisky on 19/08/29.
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url('//cdn.jsdelivr.net/gh/ldxw/CDN@v2.0.1/Noisky_files/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2')
|
||||
}
|
||||
|
||||
.fa {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 FontAwesome;
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale
|
||||
}
|
||||
|
||||
.fa-weibo:before {
|
||||
content: "\f18a"
|
||||
}
|
||||
|
||||
.fa-qq:before {
|
||||
content: "\f1d6"
|
||||
}
|
||||
|
||||
.fa-telegram:before {
|
||||
content: "\f2c6"
|
||||
}
|
||||
|
||||
.fa-wechat:before,
|
||||
.fa-weixin:before {
|
||||
content: "\f1d7"
|
||||
}
|
||||
|
||||
.fa-github-square:before {
|
||||
content: "\f092"
|
||||
}
|
||||
|
||||
.fa-github:before {
|
||||
content: "\f09b"
|
||||
}
|
||||
|
||||
.fa-github-alt:before {
|
||||
content: "\f113"
|
||||
}
|
||||
|
||||
.fa-feed:before,
|
||||
.fa-rss:before {
|
||||
content: "\f09e"
|
||||
}
|
||||
|
||||
.fa-rss-square:before {
|
||||
content: "\f143"
|
||||
}
|
||||
|
||||
.fa-list-alt:before {
|
||||
content: "\f022"
|
||||
}
|
||||
|
||||
.fa-list:before {
|
||||
content: "\f03a"
|
||||
}
|
||||
|
||||
.fa-list-ul:before {
|
||||
content: "\f0ca"
|
||||
}
|
||||
|
||||
.fa-list-ol:before {
|
||||
content: "\f0cb"
|
||||
}
|
||||
|
||||
.fa-angle-up:before {
|
||||
content: "\f106"
|
||||
}
|
||||
|
||||
.fa-envelope-o:before {
|
||||
content: "\f003"
|
||||
}
|
||||
|
||||
.fa-envelope:before {
|
||||
content: "\f0e0"
|
||||
}
|
||||
|
||||
.fa-envelope-square:before {
|
||||
content: "\f199"
|
||||
}
|
||||
|
||||
.fa-envelope-open:before {
|
||||
content: "\f2b6"
|
||||
}
|
||||
|
||||
.fa-envelope-open-o:before {
|
||||
content: "\f2b7"
|
||||
}
|
||||
|
||||
.fa-home:before {
|
||||
content: "\f015"
|
||||
}
|
||||
Vendored
+4
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 488 B |
Binary file not shown.
|
After Width: | Height: | Size: 210 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 161 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 394 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 272 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 203 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Vendored
+5
File diff suppressed because one or more lines are too long
@@ -0,0 +1,684 @@
|
||||
/**
|
||||
* Created by Noisky on 17/05/13.
|
||||
* Revised by Noisky on 19/08/29.
|
||||
*/
|
||||
@import url(animate.css);
|
||||
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
vertical-align: baseline;
|
||||
font: inherit;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
tbody, tfoot, thead, tr, th, td {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font: inherit;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
body:before, body:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
body:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #333333;
|
||||
font-size: 1em;
|
||||
font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
a {
|
||||
color: #DF9C81;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #d06c44;
|
||||
-webkit-transition: .5s;
|
||||
-moz-transition: .5s;
|
||||
-o-transition: .5s;
|
||||
-ms-transition: .5s;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h5 {
|
||||
margin-top: 1.0em;
|
||||
margin-bottom: .5em;
|
||||
color: #333333;
|
||||
font-weight: lighter;
|
||||
font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
letter-spacing: .05em;
|
||||
font-size: 1.8em;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 1.3em;
|
||||
line-height: 1.7em;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
margin: 0 0 .3em 1em;
|
||||
}
|
||||
|
||||
ol li, ul li {
|
||||
margin: 0 0 .2em 0;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
ol ol, ol ul, ul ol, ul ul {
|
||||
margin: .1em 0 .2em 2em;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.date a,
|
||||
.time a,
|
||||
.author a,
|
||||
.tags a {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.date a:hover,
|
||||
.time a:hover,
|
||||
.author a:hover,
|
||||
.tags a:hover {
|
||||
color: #d06c44;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 25%;
|
||||
border: 3px solid #FFF;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
.logo:hover {
|
||||
border: 3px solid #5ba4e5;
|
||||
transition: all .5s;
|
||||
-webkit-transform: rotate(360deg);
|
||||
/* Safari 和 Chrome */
|
||||
-moz-transform: rotate(360deg);
|
||||
/* Firefox */
|
||||
-o-transform: rotate(350deg);
|
||||
/* Opera */
|
||||
transform: rotate(360deg);
|
||||
-ms-transform: rotate(360deg);
|
||||
/* IE 9 */
|
||||
}
|
||||
|
||||
/* 微博图标
|
||||
.Weibo_icon_logo {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
||||
vertical-align: -2px;
|
||||
}
|
||||
|
||||
.Weibo_icon {
|
||||
display: inline-block;
|
||||
background-image: url(//cdn.jsdelivr.net/gh/ldxw/CDN@v2.0.1/Noisky_files/img/V_icon_lite.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.Weibo_icon_position {
|
||||
position: relative;
|
||||
top: -12px;
|
||||
right: 42px;
|
||||
}*/
|
||||
|
||||
/* 国旗 */
|
||||
.Weibo_icon_position {
|
||||
position: relative;
|
||||
right: 42px;
|
||||
top: -5px;
|
||||
}
|
||||
|
||||
.Weibo_icon {
|
||||
display: inline-block;
|
||||
background-image: url(//cdn.jsdelivr.net/gh/ldxw/CDN@v2.0.1/Noisky_files/img/feed_icon_32x28.png);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.Weibo_icon_logo {
|
||||
width: 40px;
|
||||
height: 35px;
|
||||
vertical-align: -2px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
|
||||
.panel-title {
|
||||
margin: 0 0 15px 0;
|
||||
color: #FFF;
|
||||
letter-spacing: 4px;
|
||||
font-size: 2.5em;
|
||||
}
|
||||
|
||||
.panel-subtitle {
|
||||
color: #CCCCCC;
|
||||
letter-spacing: 3px;
|
||||
font-weight: lighter;
|
||||
font-size: 1.2em;
|
||||
font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.panel-cover {
|
||||
position: fixed;
|
||||
z-index: -1;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: none;
|
||||
background: url(//cdn.jsdelivr.net/gh/ldxw/CDN@v2.0.1/Noisky_files/img/background-image/bg-1.jpg) top left no-repeat #666666;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
||||
.panel-cover--overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
display: block;
|
||||
background-color: rgba(68, 68, 68, 0.6);
|
||||
background-image: -webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9));
|
||||
background-image: linear-gradient(140deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9));
|
||||
}
|
||||
|
||||
.panel-cover_logo {
|
||||
margin: 0 0 .2em 40px;
|
||||
}
|
||||
|
||||
.panel-cover_description {
|
||||
margin: 0 30px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.panel-cover_divider {
|
||||
margin: 20px auto;
|
||||
width: 50%;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.14);
|
||||
}
|
||||
|
||||
.panel-cover_divider-secondary {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
.panel-main {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.panel-main_inner {
|
||||
position: relative;
|
||||
z-index: 800;
|
||||
display: table-cell;
|
||||
padding: 0 60px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.panel-main_content {
|
||||
margin: 0 auto;
|
||||
max-width: 620px;
|
||||
}
|
||||
|
||||
|
||||
.panel-inverted {
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.panel-inverted a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
color: #d2d2d2;
|
||||
font-size: .7em;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #d2d2d2;
|
||||
}
|
||||
|
||||
.footer p {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.footer img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.cover-navigation {
|
||||
margin-top: 42px;
|
||||
}
|
||||
|
||||
/*背景覆盖层*/
|
||||
.cover-blue {
|
||||
background-color: rgba(37, 104, 163, 0.6);
|
||||
background-image: -webkit-linear-gradient(-410deg, rgba(37, 104, 163, 0.6) 20%, rgba(18, 51, 80, 0.8));
|
||||
background-image: linear-gradient(140deg, rgba(37, 104, 163, 0.6) 20%, rgba(18, 51, 80, 0.8));
|
||||
}
|
||||
|
||||
.cover-green {
|
||||
background-color: rgba(21, 111, 120, 0.6);
|
||||
background-image: -webkit-linear-gradient(-410deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8));
|
||||
background-image: linear-gradient(140deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8));
|
||||
}
|
||||
|
||||
.cover-purple {
|
||||
background-color: rgba(73, 50, 82, 0.6);
|
||||
background-image: -webkit-linear-gradient(-410deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8));
|
||||
background-image: linear-gradient(140deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8));
|
||||
}
|
||||
|
||||
.cover-red {
|
||||
background-color: rgba(119, 31, 18, 0.6);
|
||||
background-image: -webkit-linear-gradient(-410deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8));
|
||||
background-image: linear-gradient(140deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8));
|
||||
}
|
||||
|
||||
.cover-orange {
|
||||
background-color: rgba(174, 80, 4, 0.6);
|
||||
background-image: -webkit-linear-gradient(-410deg, rgba(174, 80, 4, 0.6) 20%, rgba(74, 34, 2, 0.8));
|
||||
background-image: linear-gradient(140deg, rgba(174, 80, 4, 0.6) 20%, rgba(74, 34, 2, 0.8));
|
||||
}
|
||||
|
||||
.cover-slate {
|
||||
background-color: rgba(60, 91, 147, 0.6);
|
||||
background-image: -webkit-linear-gradient(-410deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8));
|
||||
background-image: linear-gradient(140deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8));
|
||||
}
|
||||
|
||||
.navigation_item a {
|
||||
padding: 10px 20px;
|
||||
border: 1px solid #DF9C81;
|
||||
border-radius: 20px;
|
||||
color: #DF9C81;
|
||||
text-shadow: none;
|
||||
letter-spacing: 1px;
|
||||
font-weight: bold;
|
||||
font-size: .9em;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.navigation_item a:hover {
|
||||
border-color: #d06c44;
|
||||
color: #d06c44;
|
||||
}
|
||||
|
||||
|
||||
.btn-mobile-menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
background: rgba(51, 51, 51, 0.98);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-mobile-menu_icon,
|
||||
.btn-mobile-close_icon {
|
||||
position: relative;
|
||||
top: 10px;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
nav {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
position: relative;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.navigation_item {
|
||||
display: inline-block;
|
||||
margin: 5px 1px 0 0;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.navigation_item a {
|
||||
position: relative;
|
||||
display: block;
|
||||
border-color: #FFF;
|
||||
color: #FFF;
|
||||
opacity: .8;
|
||||
}
|
||||
|
||||
.navigation_item a:hover {
|
||||
border-color: rgba(255, 255, 255, 0.3);
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
color: #FFF;
|
||||
opacity: 1;
|
||||
transition: all .3s;
|
||||
}
|
||||
|
||||
.navigation--social a {
|
||||
padding: 6px 8px 6px 9px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.navigation--social a .label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navigation--social a .icon {
|
||||
display: block;
|
||||
font-size: 1.7em;
|
||||
}
|
||||
|
||||
.social {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.wechat[data-v] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.qrCode[data-v] {
|
||||
position: absolute;
|
||||
bottom: 43px;
|
||||
left: -29px;
|
||||
display: none;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wechat .qrCode .triangle-down[data-v] {
|
||||
position: absolute;
|
||||
bottom: -8px;
|
||||
left: 50%;
|
||||
margin-left: -6px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 10px solid #fff;
|
||||
border-right: 6px solid transparent;
|
||||
border-left: 6px solid transparent;
|
||||
}
|
||||
|
||||
.wechat:hover .qrCode[data-v] {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1100px) {
|
||||
.panel-title {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.panel-subtitle {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.panel-cover_description {
|
||||
margin: 0 10px;
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
.navigation--social {
|
||||
margin-top: 5px;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 960px) {
|
||||
.btn-mobile-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.qrCode[data-v] {
|
||||
Margin: 0 41%;
|
||||
}
|
||||
|
||||
.panel-main {
|
||||
position: relative;
|
||||
display: table;
|
||||
}
|
||||
|
||||
.panel-main_inner {
|
||||
display: table-cell;
|
||||
padding: 60px 10%;
|
||||
}
|
||||
|
||||
.panel-cover_description {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.panel-cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.panel-cover.panel-cover--collapsed {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 0;
|
||||
height: auto;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.panel-cover.panel-cover--collapsed .panel-main_inner {
|
||||
display: block;
|
||||
padding: 70px 0 30px 0;
|
||||
}
|
||||
|
||||
.panel-cover.panel-cover--collapsed .panel-cover_logo {
|
||||
width: 60px;
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.panel-cover.panel-cover--collapsed .panel-cover_description {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.panel-cover.panel-cover--collapsed .panel-cover_divider {
|
||||
display: none;
|
||||
margin: 1em auto;
|
||||
}
|
||||
|
||||
.navigation-wrapper {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
padding: 20px 0;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
||||
background: rgba(51, 51, 51, 0.98);
|
||||
}
|
||||
|
||||
.navigation-wrapper.visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cover-navigation {
|
||||
position: relative;
|
||||
float: left;
|
||||
clear: left;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cover-navigation .navigation {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.cover-navigation .navigation li {
|
||||
margin-bottom: .4em;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.cover-navigation.navigation--social {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.cover-navigation.navigation--social .navigation li {
|
||||
display: inline-block;
|
||||
width: 25.8%;
|
||||
}
|
||||
|
||||
.navigation_item {
|
||||
margin: 0 0 .4em 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 767px) {
|
||||
.panel-cover_logo {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.Weibo_icon_position {
|
||||
top: -6px;
|
||||
right: 35px;
|
||||
}
|
||||
|
||||
.qrCode[data-v] {
|
||||
Margin: 0 38%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 480px) {
|
||||
.qrCode[data-v] {
|
||||
Margin: 0 30%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 340px) {
|
||||
.panel-main_inner {
|
||||
padding: 0 5%;
|
||||
}
|
||||
|
||||
.panel-title {
|
||||
margin-bottom: .1em;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.panel-subtitle {
|
||||
font-size: .9em;
|
||||
}
|
||||
|
||||
.btn, .navigation_item a {
|
||||
margin-bottom: .4em;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,73 @@
|
||||
/**
|
||||
* Created by Noisky on 17/05/13.
|
||||
* Revised by Noisky on 19/09/10.
|
||||
*/
|
||||
$(document).ready(function () {
|
||||
/**
|
||||
* 随机获取背景图片
|
||||
*/
|
||||
var bgNum = 10; // 定义随机数范围 1-10 和图片数量保持一致
|
||||
var randomNum = Math.floor(Math.random() * bgNum) + 1;
|
||||
// 拼接图片地址
|
||||
var imgUrl = '//cdn.jsdelivr.net/gh/ldxw/CDN@v2.0.1/Noisky_files/img/background-image/bg-' + randomNum + '.jpg';
|
||||
// 替换页面中的背景图片地址
|
||||
$("header").css("background-image", "url(" + imgUrl + ")");
|
||||
|
||||
/**
|
||||
* 移动端下拉菜单栏
|
||||
*/
|
||||
var nw = $('.navigation-wrapper');
|
||||
|
||||
// 定义菜单关闭事件
|
||||
function bounceOutUp() {
|
||||
nw.on(function () {
|
||||
nw.toggleClass('visible animated bounceOutUp');
|
||||
});
|
||||
nw.toggleClass('animated bounceInDown animated bounceOutUp');
|
||||
}
|
||||
|
||||
// 根据菜单状态定义单击的操作
|
||||
$('.btn-mobile-menu').click(function () {
|
||||
if (nw.css('display') === "block") {
|
||||
bounceOutUp();
|
||||
} else {
|
||||
nw.toggleClass('visible animated bounceInDown');
|
||||
}
|
||||
$('.btn-mobile-menu_icon').toggleClass('fa fa-list fa fa-angle-up animated fadeIn');
|
||||
});
|
||||
// 点击下拉菜单以外的其他标签区域收起菜单生效
|
||||
$(".panel-main").on('click', ':not(.mobile,.btn-mobile-menu,.navigation-wrapper)', function () {
|
||||
if (nw.hasClass("bounceInDown")) {
|
||||
bounceOutUp();
|
||||
$('.btn-mobile-menu_icon').toggleClass('fa fa-list fa fa-angle-up animated fadeIn');
|
||||
}
|
||||
});
|
||||
// 阻止冒泡事件执行
|
||||
nw.click(function (event) {
|
||||
event.stopPropagation();
|
||||
});
|
||||
/**
|
||||
* 底部年份动态化
|
||||
*/
|
||||
$('.year').html(new Date().getFullYear());
|
||||
|
||||
/**
|
||||
* 异步加载一言
|
||||
*/
|
||||
(function getHitokoto() {
|
||||
$.ajax({
|
||||
//url: "https://api.imjad.cn/hitokoto/?encode=jsc&charset=utf-8&length=50",
|
||||
url: "https://v1.hitokoto.cn/?encode=json&charset=utf-8",
|
||||
dataType: "jsonp",
|
||||
async: true,
|
||||
jsonp: "callback",
|
||||
jsonpCallback: "hitokoto",
|
||||
success: function (result) {
|
||||
$('#hitokoto').html("<p>" + result.hitokoto + "</p>")
|
||||
},
|
||||
error: function () {
|
||||
$('#hitokoto').html("<p>读取数据失败了的说……_(:з」∠)_</p>")
|
||||
}
|
||||
});
|
||||
})();
|
||||
});
|
||||
Vendored
+1
File diff suppressed because one or more lines are too long
Vendored
+1
@@ -0,0 +1 @@
|
||||
$(document).ready(function(){var b=10;var e=Math.floor(Math.random()*b)+1;var f="//cdn.jsdelivr.net/gh/ldxw/CDN@v2.0.1/Noisky_files/img/background-image/bg-"+e+".jpg";$("header").css("background-image","url("+f+")");var a=$(".navigation-wrapper");function c(){a.on(function(){a.toggleClass("visible animated bounceOutUp")});a.toggleClass("animated bounceInDown animated bounceOutUp")}$(".btn-mobile-menu").click(function(){if(a.css("display")==="block"){c()}else{a.toggleClass("visible animated bounceInDown")}$(".btn-mobile-menu_icon").toggleClass("fa fa-list fa fa-angle-up animated fadeIn")});$(".panel-main").on("click",":not(.mobile,.btn-mobile-menu,.navigation-wrapper)",function(){if(a.hasClass("bounceInDown")){c();$(".btn-mobile-menu_icon").toggleClass("fa fa-list fa fa-angle-up animated fadeIn")}});a.click(function(g){g.stopPropagation()});$(".year").html(new Date().getFullYear());(function d(){$.ajax({url:"https://v1.hitokoto.cn/?encode=json&charset=utf-8",dataType:"jsonp",async:true,jsonp:"callback",jsonpCallback:"hitokoto",success:function(g){$("#hitokoto").html("<p>"+g.hitokoto+"</p>")},error:function(){$("#hitokoto").html("<p>读取数据失败了的说……_(:з」∠)_</p>")}})})()});
|
||||
@@ -1,6 +1,6 @@
|
||||
# CDN
|
||||
OneManager-php 程序 美化主题js
|
||||
添加到<#body>下
|
||||
<script src="//cdn.jsdelivr.net/gh/ldxw/CDN@v0.02.1/scfone-theme-js/odscf/scf.js"></script>
|
||||
妞.我爱你 静态文件
|
||||
|
||||
原作者地址：https://cdn.jsdelivr.net/gh/vcheckzen/CDN@0.02/odscf/logi.js
|
||||
//cdn.jsdelivr.net/gh/ldxw/CDN@v2.0.1/Noisky_files
|
||||
|
||||
原作者开源地址：https://github.com/noisky/Homepage
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,13 +0,0 @@
|
||||
## 说明
|
||||
|
||||
这是为 onedrive 云盘程序[OneManager](https://github.com/qkqpttgf/OneManager-php)写的一个简单的 css 主题，参考了 OneIndex 的主题样式，对应 OneManager 程序版本为[Feb 20, 2020 多盘版本](https://github.com/qkqpttgf/OneManager-php/tree/62f798d8bd0304ce5efc1eedb3e90e066c0d893d)
|
||||
|
||||
## 预览
|
||||
|
||||
[在线预览](https://pan.2bboy.com)
|
||||
|
||||
|
||||
|
||||
## 使用
|
||||
|
||||
向程序 theme 文件夹里添加 onemoe.php 文件，网站后台切换主题即可，更多细节请访问[我的博客](https://www.2bboy.com/archives/154.html)。
|
||||
@@ -1,351 +0,0 @@
|
||||
:root {
|
||||
font-size: 10px;
|
||||
font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
|
||||
}
|
||||
body {
|
||||
background-color: #8ec5fc;
|
||||
background-image: linear-gradient(62deg, #8ec5fc 0%, #e0c3fc 100%);
|
||||
min-height: 100vh;
|
||||
margin: auto;
|
||||
padding: 0 0.5rem;
|
||||
max-width: 960px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
body a.login,
|
||||
body li.operate {
|
||||
font-size: 1.2rem;
|
||||
color: #339999;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
width: 5rem;
|
||||
}
|
||||
body a.login ion-icon,
|
||||
body li.operate ion-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
body a.login:hover ul,
|
||||
body li.operate:hover ul {
|
||||
display: flex;
|
||||
}
|
||||
body a.login ul,
|
||||
body li.operate ul {
|
||||
width: 2rem;
|
||||
list-style-type: none;
|
||||
display: none;
|
||||
position: absolute;
|
||||
margin-top: 0;
|
||||
top: 0;
|
||||
}
|
||||
body a.login ul li,
|
||||
body li.operate ul li {
|
||||
display: flex;
|
||||
padding: 0.2rem;
|
||||
z-index: 99;
|
||||
border-radius: 2px;
|
||||
background-color: papayawhip;
|
||||
border: dashed 1px yellowgreen;
|
||||
}
|
||||
body a.login ul li:hover,
|
||||
body li.operate ul li:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
body a.login ul li a,
|
||||
body li.operate ul li a {
|
||||
margin-left: 0.8rem;
|
||||
width: 1.7rem;
|
||||
color: #339999;
|
||||
text-decoration: none;
|
||||
}
|
||||
body a.login ul li a:hover,
|
||||
body li.operate ul li a:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
body div[style="padding:1px"] {
|
||||
height: 4rem;
|
||||
}
|
||||
body div.operatediv {
|
||||
position: fixed;
|
||||
background-color: #ddd;
|
||||
border: solid 2px blueviolet;
|
||||
box-shadow: 0 0 10px #339999;
|
||||
border-radius: 2px;
|
||||
}
|
||||
body div.operatediv div {
|
||||
color: #339999;
|
||||
font-size: 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1rem;
|
||||
}
|
||||
body div.operatediv div input[type="submit"],
|
||||
body div.operatediv div a.operatediv_close {
|
||||
align-self: flex-end;
|
||||
width: auto;
|
||||
padding: 1px 5px;
|
||||
margin: 5px 0;
|
||||
border: solid 2px #339999;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
color: #339999;
|
||||
}
|
||||
body div.operatediv div input[type="submit"]:hover,
|
||||
body div.operatediv div a.operatediv_close:hover {
|
||||
background-color: #339999;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
}
|
||||
body div.mask {
|
||||
display: none;
|
||||
}
|
||||
body div[style="position:absolute;"] {
|
||||
top: 2rem;
|
||||
background-color: yellow;
|
||||
border-radius: 2px;
|
||||
padding: 5px;
|
||||
}
|
||||
body h1.title {
|
||||
margin: auto;
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
body h1.title a {
|
||||
font-family: Cursive;
|
||||
text-decoration: none;
|
||||
color: #3290e7;
|
||||
text-shadow: 2px 2px 5px rgba(50, 144, 231, 0.5);
|
||||
transition: 0.2s;
|
||||
}
|
||||
body h1.title a:hover {
|
||||
text-shadow: none;
|
||||
font-size: 3.8rem;
|
||||
}
|
||||
body select.changelanguage {
|
||||
display: none;
|
||||
}
|
||||
body div.onemoe-more-disk {
|
||||
margin: auto;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
body div.onemoe-more-disk div.more-disk a {
|
||||
text-decoration: none;
|
||||
border: solid 2px #339999;
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
padding: 5px;
|
||||
margin: auto 0.5rem;
|
||||
color: #339999;
|
||||
}
|
||||
body div.onemoe-more-disk div.more-disk a:hover {
|
||||
color: #fff;
|
||||
background-color: #339999;
|
||||
box-shadow: 0 0 5px #339999;
|
||||
transition: 0.2s;
|
||||
}
|
||||
body div.list-wrapper#head-div div.list-header-container {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
body div.list-wrapper#head-div div.list-header-container div.readme p {
|
||||
font-size: large;
|
||||
padding: 0 2rem;
|
||||
}
|
||||
body div.list-wrapper#list-div {
|
||||
border-radius: 5px;
|
||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||
margin-top: 2rem;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container {
|
||||
border-radius: 2px;
|
||||
border-bottom: dashed 1px rgba(59, 66, 107, 0.3);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #e0c3fc98;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container a.back-link {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container a.back-link ion-icon {
|
||||
color: #339999;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container a.back-link ion-icon:hover {
|
||||
color: #ff9900;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container h3.table-header {
|
||||
font-size: 1.5rem;
|
||||
margin: 1rem;
|
||||
color: #339999;
|
||||
font-style: italic;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container h3.table-header a {
|
||||
color: #339999;
|
||||
text-decoration: none;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container h3.table-header a:hover {
|
||||
color: #ff9900;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table {
|
||||
margin: auto;
|
||||
min-width: 100%;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr {
|
||||
color: #333;
|
||||
background-color: #fff;
|
||||
margin: 1rem;
|
||||
border: solid 1px #339999;
|
||||
border-radius: 5px;
|
||||
display: grid;
|
||||
grid-template-columns: 6fr 2fr 1fr;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr {
|
||||
grid-template-columns: 6fr 2fr;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:nth-last-of-type(2),
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:nth-last-of-type(2) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and (orientation: portrait) {
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:last-of-type,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:last-of-type {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr:first-of-type {
|
||||
border: none;
|
||||
background-color: #cccccc00;
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr:nth-of-type(2) {
|
||||
margin-top: 0;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr:not(:first-of-type):hover {
|
||||
background-color: rgba(137, 43, 226, 0.1);
|
||||
box-shadow: 0 0 5px #339999;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td {
|
||||
padding: 1rem;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:first-of-type a,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:first-of-type a {
|
||||
color: #333;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:first-of-type a:hover,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:first-of-type a:hover {
|
||||
color: #339999;
|
||||
text-decoration: underline;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:first-of-type > ion-icon,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:first-of-type > ion-icon {
|
||||
color: #333;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:nth-of-type(2),
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:nth-of-type(2) {
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:last-of-type,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:last-of-type {
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li {
|
||||
list-style: none;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th a,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td a {
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li.operate,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li.operate {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li.operate ul,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li.operate ul {
|
||||
top: -0.5rem;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li.operate ul li,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li.operate ul li {
|
||||
padding: 0.5rem;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li.operate ul li a,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li.operate ul li a {
|
||||
width: auto;
|
||||
padding-right: 0.8rem;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li.operate ul li:hover a,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li.operate ul li:hover a {
|
||||
color: #339999;
|
||||
text-decoration: none;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container div#upload_div center {
|
||||
margin-top: 1rem;
|
||||
height: 4rem;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container div#upload_div center input {
|
||||
vertical-align: middle;
|
||||
padding: 0.5rem;
|
||||
min-width: 5rem;
|
||||
border: solid 2px dimgrey;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
background-color: gainsboro;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container div#upload_div center input:hover {
|
||||
color: #339999;
|
||||
box-shadow: 0 0 10px cornflowerblue;
|
||||
cursor: pointer;
|
||||
}
|
||||
body div.list-wrapper#list-div:hover {
|
||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
||||
}
|
||||
body div.onemoe-readme {
|
||||
width: 100%;
|
||||
margin: 4rem auto 0;
|
||||
border-radius: 3px;
|
||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body div.onemoe-readme div.markdown-body {
|
||||
padding: 1rem;
|
||||
}
|
||||
body div.onemoe-readme:hover {
|
||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
||||
}
|
||||
body div[style="margin: 12px 4px 4px; text-align: center"] div a {
|
||||
font-size: 1.8rem;
|
||||
color: #339999;
|
||||
text-decoration: none;
|
||||
}
|
||||
body div[style="margin: 12px 4px 4px; text-align: center"] div a:hover {
|
||||
text-decoration: underline;
|
||||
color: #ff9900;
|
||||
}
|
||||
body div[style="color: rgba(247,247,249,0);"] {
|
||||
margin-top: 4rem;
|
||||
flex: 1 0;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
@@ -1,376 +0,0 @@
|
||||
:root {
|
||||
font-size: 10px;
|
||||
font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei,
|
||||
Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
|
||||
}
|
||||
@color-bg: #f2f5fa;
|
||||
@color-bt: #339999;
|
||||
@color-btbd: yellowgreen;
|
||||
@color-btbg: papayawhip;
|
||||
@color-bthv: #fff;
|
||||
@color-bs: blueviolet;
|
||||
@color-dj: #ff9900;
|
||||
@color-wjj: #fff;
|
||||
@color-wjjhv: rgba(137, 43, 226, 0.1);
|
||||
@color-wjj-bg: rgba(204, 204, 204, 0.3);
|
||||
body {
|
||||
// background-color: @color-bg;
|
||||
background-color: #8ec5fc;
|
||||
background-image: linear-gradient(62deg, #8ec5fc 0%, #e0c3fc 100%);
|
||||
min-height: 100vh;
|
||||
margin: auto;
|
||||
padding: 0 0.5rem;
|
||||
max-width: 960px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
// background-color: @color-bg;
|
||||
// 管理
|
||||
a.login,
|
||||
li.operate {
|
||||
font-size: 1.2rem;
|
||||
color: @color-bt;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
width: 5rem;
|
||||
ion-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
&:hover ul {
|
||||
display: flex;
|
||||
}
|
||||
ul {
|
||||
width: 2rem;
|
||||
list-style-type: none;
|
||||
display: none;
|
||||
position: absolute;
|
||||
margin-top: 0;
|
||||
top: 0;
|
||||
li {
|
||||
display: flex;
|
||||
padding: 0.2rem;
|
||||
z-index: 99;
|
||||
border-radius: 2px;
|
||||
background-color: @color-btbg;
|
||||
border: dashed 1px @color-btbd;
|
||||
&:hover {
|
||||
background-color: @color-bthv;
|
||||
}
|
||||
a {
|
||||
margin-left: 0.8rem;
|
||||
width: 1.7rem;
|
||||
color: @color-bt;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 登录
|
||||
div[style="padding:1px"] {
|
||||
height: 4rem;
|
||||
}
|
||||
div.operatediv {
|
||||
position: fixed;
|
||||
background-color: #ddd;
|
||||
border: solid 2px @color-bs;
|
||||
box-shadow: 0 0 10px @color-bt;
|
||||
border-radius: 2px;
|
||||
div {
|
||||
color: @color-bt;
|
||||
font-size: 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 1rem;
|
||||
input[type="submit"],
|
||||
a.operatediv_close {
|
||||
align-self: flex-end;
|
||||
width: auto;
|
||||
padding: 1px 5px;
|
||||
margin: 5px 0;
|
||||
border: solid 2px @color-bt;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
font-size: 1.5rem;
|
||||
color: @color-bt;
|
||||
&:hover {
|
||||
background-color: @color-bt;
|
||||
cursor: pointer;
|
||||
color: @color-bthv;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div.mask {
|
||||
display: none;
|
||||
}
|
||||
// 升级提示
|
||||
div[style="position:absolute;"] {
|
||||
top: 2rem;
|
||||
background-color: yellow;
|
||||
border-radius: 2px;
|
||||
padding: 5px;
|
||||
}
|
||||
// 标题
|
||||
h1.title {
|
||||
margin: auto;
|
||||
font-size: 3.5rem;
|
||||
a {
|
||||
font-family: Cursive;
|
||||
text-decoration: none;
|
||||
color: rgb(50, 144, 231);
|
||||
text-shadow: 2px 2px 5px rgba(50, 144, 231, 0.5);
|
||||
transition: 0.2s;
|
||||
&:hover {
|
||||
text-shadow: none;
|
||||
font-size: 3.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 语言
|
||||
select.changelanguage {
|
||||
display: none;
|
||||
}
|
||||
// 多盘
|
||||
div.onemoe-more-disk {
|
||||
margin: auto;
|
||||
margin-top: 2rem;
|
||||
div.more-disk {
|
||||
a {
|
||||
text-decoration: none;
|
||||
border: solid 2px @color-bt;
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
font-size: 1.2rem;
|
||||
padding: 5px;
|
||||
margin: auto 0.5rem;
|
||||
color: @color-bt;
|
||||
}
|
||||
a:hover {
|
||||
color: #fff;
|
||||
background-color: @color-bt;
|
||||
box-shadow: 0 0 5px @color-bt;
|
||||
transition: 0.2s;
|
||||
}
|
||||
}
|
||||
}
|
||||
// head.md
|
||||
div.list-wrapper#head-div {
|
||||
div.list-header-container {
|
||||
margin-top: 2rem;
|
||||
div.readme {
|
||||
p {
|
||||
font-size: large;
|
||||
padding: 0 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 主体
|
||||
div.list-wrapper#list-div {
|
||||
border-radius: 5px;
|
||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||
// background-color: @color-wjj-bg;
|
||||
margin-top: 2rem;
|
||||
font-size: 1.5rem;
|
||||
// 文件路径
|
||||
div.list-header-container {
|
||||
border-radius: 2px;
|
||||
border-bottom: dashed 1px rgba(59, 66, 107, 0.3);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #e0c3fc98;
|
||||
a.back-link {
|
||||
margin-left: 2rem;
|
||||
ion-icon {
|
||||
color: @color-bt;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
&:hover {
|
||||
color: @color-dj;
|
||||
}
|
||||
}
|
||||
}
|
||||
h3.table-header {
|
||||
font-size: 1.5rem;
|
||||
margin: 1rem;
|
||||
color: @color-bt;
|
||||
font-style: italic;
|
||||
a {
|
||||
color: @color-bt;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: @color-dj;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 表格
|
||||
div.list-body-container {
|
||||
table.list-table {
|
||||
margin: auto;
|
||||
min-width: 100%;
|
||||
tbody {
|
||||
tr {
|
||||
color: #333;
|
||||
background-color: @color-wjj;
|
||||
margin: 1rem;
|
||||
border: solid 1px @color-bt;
|
||||
border-radius: 5px;
|
||||
display: grid;
|
||||
grid-template-columns: 6fr 2fr 1fr;
|
||||
@media screen and(max-width:768px) {
|
||||
grid-template-columns: 6fr 2fr;
|
||||
th:nth-last-of-type(2),
|
||||
td:nth-last-of-type(2) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media screen and(orientation:portrait) {
|
||||
grid-template-columns: 1fr;
|
||||
th:last-of-type,
|
||||
td:last-of-type {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
// 表头
|
||||
&:first-of-type {
|
||||
border: none;
|
||||
background-color: #cccccc00;
|
||||
margin: 0 1.5rem;
|
||||
}
|
||||
&:nth-of-type(2) {
|
||||
margin-top: 0;
|
||||
}
|
||||
&:not(:first-of-type):hover {
|
||||
background-color: @color-wjjhv;
|
||||
box-shadow: 0 0 5px @color-bt;
|
||||
}
|
||||
th,
|
||||
td {
|
||||
padding: 1rem;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
&:first-of-type {
|
||||
a {
|
||||
color: #333;
|
||||
margin-left: 0.5rem;
|
||||
&:hover {
|
||||
color: @color-bt;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
> ion-icon {
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
&:nth-of-type(2) {
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
&:last-of-type {
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
// 文件管理
|
||||
li.operate {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// margin-right: -2rem;
|
||||
ul {
|
||||
top: -0.5rem;
|
||||
li {
|
||||
padding: 0.5rem;
|
||||
font-size: 1.3rem;
|
||||
a {
|
||||
width: auto;
|
||||
padding-right: 0.8rem;
|
||||
}
|
||||
&:hover a {
|
||||
color: @color-bt;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 上传
|
||||
div#upload_div {
|
||||
center {
|
||||
margin-top: 1rem;
|
||||
height: 4rem;
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
input {
|
||||
vertical-align: middle;
|
||||
padding: 0.5rem;
|
||||
min-width: 5rem;
|
||||
border: solid 2px dimgrey;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
background-color: gainsboro;
|
||||
}
|
||||
input:hover {
|
||||
color: #339999;
|
||||
box-shadow: 0 0 10px cornflowerblue;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 阴影
|
||||
div.list-wrapper#list-div:hover {
|
||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
||||
}
|
||||
// 底部readme
|
||||
div.onemoe-readme {
|
||||
width: 100%;
|
||||
margin: 4rem auto 0;
|
||||
border-radius: 3px;
|
||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||
box-sizing: border-box;
|
||||
div.markdown-body {
|
||||
padding: 1rem;
|
||||
}
|
||||
&:hover {
|
||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
||||
}
|
||||
}
|
||||
div[style="margin: 12px 4px 4px; text-align: center"] {
|
||||
div {
|
||||
a {
|
||||
font-size: 1.8rem;
|
||||
color: @color-bt;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
color: @color-dj;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
div[style="color: rgba(247,247,249,0);"] {
|
||||
margin-top: 4rem;
|
||||
flex: 1 0;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
}
|
||||
-1
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -1,12 +0,0 @@
|
||||
## 说明
|
||||
|
||||
这是为 onedrive 云盘程序[OneManager](https://github.com/qkqpttgf/OneManager-php)写的一个简单的 css 主题，参考了 OneIndex 的主题样式，对应 OneManager 程序版本为[21b966b43747b60ab9fb8b62c42a361379b8b53b](https://github.com/qkqpttgf/OneManager-php/tree/21b966b43747b60ab9fb8b62c42a361379b8b53b)
|
||||
|
||||
## 预览
|
||||
|
||||
|
||||
|
||||
|
||||
## 使用
|
||||
|
||||
向程序 theme 文件夹里添加 onemoe.php 文件，网站后台切换主题即可，更多细节请访问[我的博客](https://www.2bboy.com/archives/154.html)。
|
||||
@@ -1,247 +0,0 @@
|
||||
body {
|
||||
font: 400 1em Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
|
||||
margin: auto;
|
||||
max-width: 960px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #f2f5fa;
|
||||
}
|
||||
body a.login,
|
||||
body li.operate {
|
||||
color: #339999;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
width: 50px;
|
||||
}
|
||||
body a.login ion-icon,
|
||||
body li.operate ion-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
body a.login ul,
|
||||
body li.operate ul {
|
||||
list-style-type: none;
|
||||
display: none;
|
||||
}
|
||||
body a.login ul li,
|
||||
body li.operate ul li {
|
||||
padding: 5px 5px;
|
||||
background-color: #ddd;
|
||||
z-index: 999;
|
||||
}
|
||||
body li.operate:hover ul {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 5px;
|
||||
}
|
||||
body div[style="padding:1px"] {
|
||||
height: 40px;
|
||||
}
|
||||
body div.operatediv {
|
||||
position: fixed;
|
||||
background-color: #ddd;
|
||||
border: solid 1px blueviolet;
|
||||
box-shadow: 0 0 10px blueviolet;
|
||||
border-radius: 10px;
|
||||
}
|
||||
body div.operatediv div {
|
||||
display: flex;
|
||||
}
|
||||
body div.operatediv div a.operatediv_close {
|
||||
width: 20%;
|
||||
border: solid 1px blueviolet;
|
||||
border-radius: 10px;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
font-size: large;
|
||||
margin: auto 20px;
|
||||
}
|
||||
body div.operatediv div a.operatediv_close:hover {
|
||||
background-color: rgba(137, 43, 226, 0.5);
|
||||
cursor: pointer;
|
||||
}
|
||||
body div.operatediv div center {
|
||||
width: 70%;
|
||||
}
|
||||
body div.mask {
|
||||
display: none;
|
||||
}
|
||||
body h1.title {
|
||||
margin: auto;
|
||||
}
|
||||
body h1.title a {
|
||||
font-family: Cursive;
|
||||
text-decoration: none;
|
||||
color: #3290e7;
|
||||
text-shadow: 2px 2px 3px #ccccff;
|
||||
}
|
||||
body h1.title a:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
body select.changelanguage {
|
||||
display: none;
|
||||
}
|
||||
body div.list-wrapper#head-div div.list-header-container {
|
||||
margin-top: 20px;
|
||||
}
|
||||
body div.list-wrapper#head-div div.list-header-container div.readme svg,
|
||||
body div.list-wrapper#head-div div.list-header-container div.readme span {
|
||||
display: none;
|
||||
}
|
||||
body div.list-wrapper#head-div div.list-header-container div.readme p {
|
||||
font-size: large;
|
||||
padding: 0 20px;
|
||||
}
|
||||
body div.list-wrapper#list-div {
|
||||
border-radius: 5px;
|
||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||
background-color: #cccccc36;
|
||||
margin-top: 40px;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container {
|
||||
height: 40px;
|
||||
border-radius: 0;
|
||||
border-bottom: dashed 1px rgba(59, 66, 107, 0.2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #eee;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container a.back-link {
|
||||
margin-left: 20px;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container a.back-link ion-icon {
|
||||
color: #339999;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container h3.table-header,
|
||||
body div.list-wrapper#list-div div.list-header-container h3.table-header a {
|
||||
color: #339999;
|
||||
margin-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-header-container h3.table-header a {
|
||||
margin-left: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table {
|
||||
margin: auto;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody {
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr {
|
||||
width: 96%;
|
||||
background-color: #fff;
|
||||
margin: 4px 0;
|
||||
border: solid 1px #ddd;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th {
|
||||
height: 3em;
|
||||
margin: 0 5px;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li {
|
||||
list-style: none;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td a,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th a {
|
||||
max-width: 60%;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th {
|
||||
height: 2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:first-of-type,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:first-of-type {
|
||||
width: 50%;
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:first-of-type a,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:first-of-type a {
|
||||
color: #333;
|
||||
margin-left: 5px;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:nth-of-type(2),
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:nth-of-type(2) {
|
||||
width: 30%;
|
||||
float: right;
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:last-of-type,
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:last-of-type {
|
||||
width: 20%;
|
||||
margin-right: 10px;
|
||||
float: right;
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr:not(:first-of-type):hover {
|
||||
background-color: #ccffcc8c;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr:first-of-type {
|
||||
border: none;
|
||||
background-color: #cccccc00;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container div#upload_div center {
|
||||
margin-top: 10px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container div#upload_div center input {
|
||||
vertical-align: middle;
|
||||
height: 25px;
|
||||
min-width: 50px;
|
||||
border: dotted 1px dimgrey;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
background-color: gainsboro;
|
||||
}
|
||||
body div.list-wrapper#list-div div.list-body-container div#upload_div center input:hover {
|
||||
color: #339999;
|
||||
box-shadow: 0 0 10px cornflowerblue;
|
||||
}
|
||||
body div.list-wrapper#list-div:hover {
|
||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
||||
}
|
||||
body div.list-wrapper:nth-of-type(4) {
|
||||
width: 100%;
|
||||
margin: 50px auto 50px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||
}
|
||||
body div.list-wrapper:nth-of-type(4) div.readme {
|
||||
background-color: #f2f5fa;
|
||||
}
|
||||
body div.list-wrapper:nth-of-type(4) div.readme svg,
|
||||
body div.list-wrapper:nth-of-type(4) div.readme span {
|
||||
display: none;
|
||||
}
|
||||
body div.list-wrapper:nth-of-type(4) div.readme div.markdown-body {
|
||||
margin: 10px 25px;
|
||||
}
|
||||
body div.list-wrapper:nth-of-type(4):hover {
|
||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
||||
}
|
||||
@@ -1,267 +0,0 @@
|
||||
body {
|
||||
font: 400 1em Helvetica Neue, Helvetica, Arial, Microsoft Yahei,
|
||||
Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
|
||||
margin: auto;
|
||||
max-width: 960px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #f2f5fa;
|
||||
// 管理
|
||||
a.login,
|
||||
li.operate {
|
||||
color: #339999;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
width: 50px;
|
||||
ion-icon {
|
||||
vertical-align: middle;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
display: none;
|
||||
li {
|
||||
padding: 5px 5px;
|
||||
background-color: #ddd;
|
||||
z-index: 999;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.operate:hover ul {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 5px;
|
||||
}
|
||||
// 登录
|
||||
div[style="padding:1px"] {
|
||||
height: 40px;
|
||||
}
|
||||
div.operatediv {
|
||||
position: fixed;
|
||||
background-color: #ddd;
|
||||
border: solid 1px blueviolet;
|
||||
box-shadow: 0 0 10px blueviolet;
|
||||
border-radius: 10px;
|
||||
div {
|
||||
display: flex;
|
||||
a.operatediv_close {
|
||||
width: 20%;
|
||||
border: solid 1px blueviolet;
|
||||
border-radius: 10px;
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
font-size: large;
|
||||
margin: auto 20px;
|
||||
}
|
||||
a.operatediv_close:hover {
|
||||
background-color: rgba(137, 43, 226, 0.5);
|
||||
cursor: pointer;
|
||||
}
|
||||
center {
|
||||
width: 70%;
|
||||
// border: solid 1px blueviolet;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.mask {
|
||||
display: none;
|
||||
}
|
||||
// 标题
|
||||
h1.title {
|
||||
margin: auto;
|
||||
// margin-top: 20px;
|
||||
a {
|
||||
font-family: Cursive;
|
||||
text-decoration: none;
|
||||
color: rgb(50, 144, 231);
|
||||
text-shadow: 2px 2px 3px #ccccff;
|
||||
}
|
||||
a:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
// 语言
|
||||
select.changelanguage {
|
||||
display: none;
|
||||
}
|
||||
// head.md
|
||||
div.list-wrapper#head-div {
|
||||
div.list-header-container {
|
||||
margin-top: 20px;
|
||||
div.readme {
|
||||
svg,
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
p {
|
||||
font-size: large;
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 主体
|
||||
div.list-wrapper#list-div {
|
||||
border-radius: 5px;
|
||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||
background-color: #cccccc36;
|
||||
margin-top: 40px;
|
||||
// 文件路径
|
||||
div.list-header-container {
|
||||
height: 40px;
|
||||
border-radius: 0;
|
||||
border-bottom: dashed 1px rgba(59, 66, 107, 0.2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #eee;
|
||||
a.back-link {
|
||||
margin-left: 20px;
|
||||
ion-icon {
|
||||
color: #339999;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
}
|
||||
h3.table-header,
|
||||
h3.table-header a {
|
||||
color: #339999;
|
||||
margin-left: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
h3.table-header a {
|
||||
margin-left: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
// 表格
|
||||
div.list-body-container {
|
||||
table.list-table {
|
||||
margin: auto;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
tbody {
|
||||
margin: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
tr {
|
||||
width: 96%;
|
||||
// 文件背景色
|
||||
background-color: #fff;
|
||||
margin: 4px 0;
|
||||
border: solid 1px #ddd;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
// transition: 0.3s;
|
||||
td,
|
||||
th {
|
||||
height: 3em;
|
||||
// font-size: 1.1em;
|
||||
margin: 0 5px;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
a {
|
||||
max-width: 60%;
|
||||
text-decoration: none;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
th {
|
||||
height: 2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
td:first-of-type,
|
||||
th:first-of-type {
|
||||
width: 50%;
|
||||
margin-left: 10px;
|
||||
float: left;
|
||||
justify-content: flex-start;
|
||||
a {
|
||||
color: #333;
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
td:nth-of-type(2),
|
||||
th:nth-of-type(2) {
|
||||
width: 30%;
|
||||
float: right;
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
td:last-of-type,
|
||||
th:last-of-type {
|
||||
width: 20%;
|
||||
margin-right: 10px;
|
||||
float: right;
|
||||
justify-content: flex-end;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
tr:not(:first-of-type):hover {
|
||||
background-color: #ccffcc8c;
|
||||
}
|
||||
tr:first-of-type {
|
||||
border: none;
|
||||
background-color: #cccccc00;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 上传
|
||||
div#upload_div {
|
||||
center {
|
||||
margin-top: 10px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
input {
|
||||
vertical-align: middle;
|
||||
height: 25px;
|
||||
min-width: 50px;
|
||||
border: dotted 1px dimgrey;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
background-color: gainsboro;
|
||||
}
|
||||
input:hover {
|
||||
color: #339999;
|
||||
box-shadow: 0 0 10px cornflowerblue;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 阴影
|
||||
div.list-wrapper#list-div:hover {
|
||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
||||
}
|
||||
// 底部readme
|
||||
div.list-wrapper:nth-of-type(4) {
|
||||
width: 100%;
|
||||
margin: 50px auto 50px;
|
||||
box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||
div.readme {
|
||||
background-color: #f2f5fa;
|
||||
svg,
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
div.markdown-body {
|
||||
margin: 10px 25px;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.list-wrapper:nth-of-type(4):hover {
|
||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
||||
}
|
||||
}
|
||||
Vendored
-1
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 351 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user