mirror of
https://github.com/ldxw/cdn.git
synced 2026-08-14 13:01:23 +08:00
Compare commits
13 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Mr.Lin
|
e795201220 | ||
|
Mr.Lin
|
dcc1546a82 | ||
|
Mr.Lin
|
305d5b2984 | ||
|
Mr.Lin
|
363a9f6750 | ||
|
Mr.Lin
|
0651d7b4dc | ||
|
Mr.Lin
|
261f80e581 | ||
|
Mr.Lin
|
b2cfbbfd85 | ||
|
Mr.Lin
|
e612ab7ee8 | ||
|
Mr.Lin
|
c8df983860 | ||
|
Mr.Lin
|
9a7e353ed7 | ||
|
Mr.Lin
|
f7b17d1e45 | ||
|
Mr.Lin
|
822c4d2bba | ||
|
ldxw
|
bddcee50da |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -1,292 +1,314 @@
|
|||||||
|
:root {
|
||||||
|
font-size: 10px;
|
||||||
|
font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
|
||||||
|
}
|
||||||
body {
|
body {
|
||||||
font: 400 1em Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
|
background-color: #8ec5fc;
|
||||||
|
background-image: linear-gradient(62deg, #8ec5fc 0%, #e0c3fc 100%);
|
||||||
|
min-height: 100vh;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
padding: 0 0.5rem;
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-color: #f2f5fa;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
body a.login,
|
body a.login,
|
||||||
body li.operate {
|
body li.operate {
|
||||||
|
font-size: 1.2rem;
|
||||||
color: #339999;
|
color: #339999;
|
||||||
position: relative;
|
position: relative;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
width: 50px;
|
width: 5rem;
|
||||||
height: 30px;
|
|
||||||
}
|
}
|
||||||
body a.login ion-icon,
|
body a.login ion-icon,
|
||||||
body li.operate ion-icon {
|
body li.operate ion-icon {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
body a.login:hover ul,
|
||||||
|
body li.operate:hover ul {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
body a.login ul,
|
body a.login ul,
|
||||||
body li.operate ul {
|
body li.operate ul {
|
||||||
|
width: 2rem;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -15px;
|
margin-top: 0;
|
||||||
left: 10px;
|
top: 0;
|
||||||
}
|
}
|
||||||
body a.login ul li,
|
body a.login ul li,
|
||||||
body li.operate ul li {
|
body li.operate ul li {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: auto;
|
padding: 0.2rem;
|
||||||
padding: 2px 2px;
|
z-index: 99;
|
||||||
box-sizing: border-box;
|
border-radius: 2px;
|
||||||
z-index: 999;
|
background-color: papayawhip;
|
||||||
border-radius: 5px;
|
border: dashed 1px yellowgreen;
|
||||||
background-color: blanchedalmond;
|
|
||||||
border: solid 1px yellowgreen;
|
|
||||||
}
|
|
||||||
body a.login ul li a,
|
|
||||||
body li.operate ul li a {
|
|
||||||
width: 50px;
|
|
||||||
}
|
|
||||||
body a.login ul li a[href="?RefreshCache"],
|
|
||||||
body li.operate ul li a[href="?RefreshCache"] {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
body a.login ul li a:hover,
|
|
||||||
body li.operate ul li a:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
body a.login ul li:hover,
|
body a.login ul li:hover,
|
||||||
body li.operate ul li:hover {
|
body li.operate ul li:hover {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
body a.login,
|
body a.login ul li a,
|
||||||
body li.operate:hover ul {
|
body li.operate ul li a {
|
||||||
display: flex;
|
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"] {
|
body div[style="padding:1px"] {
|
||||||
height: 40px;
|
height: 4rem;
|
||||||
}
|
}
|
||||||
body div.operatediv {
|
body div.operatediv {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background-color: #ddd;
|
background-color: #ddd;
|
||||||
border: solid 1px blueviolet;
|
border: solid 2px blueviolet;
|
||||||
box-shadow: 0 0 10px blueviolet;
|
box-shadow: 0 0 10px #339999;
|
||||||
border-radius: 10px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
body div.operatediv div {
|
body div.operatediv div {
|
||||||
|
color: #339999;
|
||||||
|
font-size: 1.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
body div.operatediv div input[type="submit"],
|
||||||
body div.operatediv div a.operatediv_close {
|
body div.operatediv div a.operatediv_close {
|
||||||
width: 20%;
|
align-self: flex-end;
|
||||||
border: solid 1px blueviolet;
|
width: auto;
|
||||||
border-radius: 10px;
|
padding: 1px 5px;
|
||||||
margin: auto;
|
margin: 5px 0;
|
||||||
|
border: solid 2px #339999;
|
||||||
|
border-radius: 2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: large;
|
font-size: 1.5rem;
|
||||||
margin: auto 20px;
|
color: #339999;
|
||||||
}
|
}
|
||||||
|
body div.operatediv div input[type="submit"]:hover,
|
||||||
body div.operatediv div a.operatediv_close:hover {
|
body div.operatediv div a.operatediv_close:hover {
|
||||||
background-color: rgba(137, 43, 226, 0.5);
|
background-color: #339999;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
color: #fff;
|
||||||
body div.operatediv div center {
|
|
||||||
width: 70%;
|
|
||||||
}
|
}
|
||||||
body div.mask {
|
body div.mask {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
body div[style="position:absolute;"] {
|
body div[style="position:absolute;"] {
|
||||||
left: 50px;
|
top: 2rem;
|
||||||
top: 20px;
|
|
||||||
background-color: yellow;
|
background-color: yellow;
|
||||||
border-radius: 5px;
|
border-radius: 2px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
body h1.title {
|
body h1.title {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
font-size: 3.5rem;
|
||||||
}
|
}
|
||||||
body h1.title a {
|
body h1.title a {
|
||||||
font-family: Cursive;
|
font-family: Cursive;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #3290e7;
|
color: #3290e7;
|
||||||
text-shadow: 2px 2px 3px #ccccff;
|
text-shadow: 2px 2px 5px rgba(50, 144, 231, 0.5);
|
||||||
|
transition: 0.2s;
|
||||||
}
|
}
|
||||||
body h1.title a:hover {
|
body h1.title a:hover {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
|
font-size: 3.8rem;
|
||||||
}
|
}
|
||||||
body select.changelanguage {
|
body select.changelanguage {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
body div.onemoe-more-disk {
|
body div.onemoe-more-disk {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
margin-top: 20px;
|
margin-top: 2rem;
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
body div.onemoe-more-disk div.more-disk {
|
|
||||||
margin: auto 10px;
|
|
||||||
}
|
}
|
||||||
body div.onemoe-more-disk div.more-disk a {
|
body div.onemoe-more-disk div.more-disk a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border: solid 1px #339999;
|
border: solid 2px #339999;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: auto 0.5em;
|
font-size: 1.2rem;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
box-sizing: border-box;
|
margin: auto 0.5rem;
|
||||||
color: #339999;
|
color: #339999;
|
||||||
}
|
}
|
||||||
body div.onemoe-more-disk div.more-disk a:hover {
|
body div.onemoe-more-disk div.more-disk a:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #339999;
|
background-color: #339999;
|
||||||
box-shadow: 0 0 5px #339999;
|
box-shadow: 0 0 5px #339999;
|
||||||
|
transition: 0.2s;
|
||||||
}
|
}
|
||||||
body div.list-wrapper#head-div div.list-header-container {
|
body div.list-wrapper#head-div div.list-header-container {
|
||||||
margin-top: 20px;
|
margin-top: 2rem;
|
||||||
}
|
|
||||||
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 {
|
body div.list-wrapper#head-div div.list-header-container div.readme p {
|
||||||
font-size: large;
|
font-size: large;
|
||||||
padding: 0 20px;
|
padding: 0 2rem;
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div {
|
body div.list-wrapper#list-div {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||||
background-color: #cccccc36;
|
margin-top: 2rem;
|
||||||
margin-top: 20px;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div div.list-header-container {
|
body div.list-wrapper#list-div div.list-header-container {
|
||||||
height: 40px;
|
border-radius: 2px;
|
||||||
border-radius: 0;
|
border-bottom: dashed 1px rgba(59, 66, 107, 0.3);
|
||||||
border-bottom: dashed 1px rgba(59, 66, 107, 0.2);
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: #eee;
|
background-color: #e0c3fc98;
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div div.list-header-container a.back-link {
|
body div.list-wrapper#list-div div.list-header-container a.back-link {
|
||||||
margin-left: 20px;
|
margin-left: 2rem;
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div div.list-header-container a.back-link ion-icon {
|
body div.list-wrapper#list-div div.list-header-container a.back-link ion-icon {
|
||||||
color: #339999;
|
color: #339999;
|
||||||
width: 25px;
|
width: 2rem;
|
||||||
height: 25px;
|
height: 2rem;
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div div.list-header-container h3.table-header,
|
body div.list-wrapper#list-div div.list-header-container a.back-link ion-icon:hover {
|
||||||
body div.list-wrapper#list-div div.list-header-container h3.table-header a {
|
color: #ff9900;
|
||||||
|
}
|
||||||
|
body div.list-wrapper#list-div div.list-header-container h3.table-header {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
margin: 1rem;
|
||||||
color: #339999;
|
color: #339999;
|
||||||
margin-left: 20px;
|
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div div.list-header-container h3.table-header a {
|
body div.list-wrapper#list-div div.list-header-container h3.table-header a {
|
||||||
margin-left: 0;
|
color: #339999;
|
||||||
text-decoration: none;
|
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 {
|
body div.list-wrapper#list-div div.list-body-container table.list-table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
box-sizing: border-box;
|
min-width: 100%;
|
||||||
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 {
|
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr {
|
||||||
width: 96%;
|
color: #333;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
margin: 4px 0;
|
margin: 1rem;
|
||||||
border: solid 1px #ddd;
|
border: solid 1px #339999;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
display: flex;
|
display: grid;
|
||||||
justify-content: space-between;
|
grid-template-columns: 6fr 2fr 1fr;
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td,
|
@media screen and (max-width: 768px) {
|
||||||
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 {
|
||||||
height: 3em;
|
grid-template-columns: 6fr 2fr;
|
||||||
margin: 0 5px;
|
}
|
||||||
box-sizing: border-box;
|
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:nth-last-of-type(2),
|
||||||
align-items: center;
|
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td:nth-last-of-type(2) {
|
||||||
display: flex;
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li,
|
@media screen and (orientation: portrait) {
|
||||||
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 {
|
||||||
list-style: none;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
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:last-of-type,
|
||||||
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:last-of-type {
|
||||||
max-width: 60%;
|
display: none;
|
||||||
text-decoration: none;
|
}
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li.operate,
|
|
||||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li.operate {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li.operate ul li,
|
|
||||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li.operate ul li {
|
|
||||||
margin-top: 5px;
|
|
||||||
padding: 5px 5px;
|
|
||||||
}
|
|
||||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr td li.operate ul li a,
|
|
||||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th li.operate ul li a {
|
|
||||||
font-size: 13px;
|
|
||||||
width: 18px;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
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:first-of-type > ion-icon,
|
|
||||||
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr th:first-of-type > ion-icon {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
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 {
|
body div.list-wrapper#list-div div.list-body-container table.list-table tbody tr:first-of-type {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: #cccccc00;
|
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 {
|
body div.list-wrapper#list-div div.list-body-container div#upload_div center {
|
||||||
margin-top: 10px;
|
margin-top: 1rem;
|
||||||
height: 40px;
|
height: 4rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-evenly;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div div.list-body-container div#upload_div center input {
|
body div.list-wrapper#list-div div.list-body-container div#upload_div center input {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
height: 25px;
|
padding: 0.5rem;
|
||||||
min-width: 50px;
|
min-width: 5rem;
|
||||||
border: dotted 1px dimgrey;
|
border: solid 2px dimgrey;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: gainsboro;
|
background-color: gainsboro;
|
||||||
@@ -294,27 +316,36 @@ body div.list-wrapper#list-div div.list-body-container div#upload_div center inp
|
|||||||
body div.list-wrapper#list-div div.list-body-container div#upload_div center input:hover {
|
body div.list-wrapper#list-div div.list-body-container div#upload_div center input:hover {
|
||||||
color: #339999;
|
color: #339999;
|
||||||
box-shadow: 0 0 10px cornflowerblue;
|
box-shadow: 0 0 10px cornflowerblue;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
body div.list-wrapper#list-div:hover {
|
body div.list-wrapper#list-div:hover {
|
||||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
||||||
}
|
}
|
||||||
body div.onemoe-readme {
|
body div.onemoe-readme {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 50px auto 50px;
|
margin: 4rem auto 0;
|
||||||
box-sizing: border-box;
|
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
body div.onemoe-readme div.readme {
|
body div.onemoe-readme div.markdown-body {
|
||||||
background-color: #f2f5fa;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
body div.onemoe-readme div.readme svg,
|
body div.onemoe-readme:hover {
|
||||||
body div.onemoe-readme div.readme span {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
body div.onemoe-readme 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);
|
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,86 +1,105 @@
|
|||||||
body {
|
:root {
|
||||||
font: 400 1em Helvetica Neue, Helvetica, Arial, Microsoft Yahei,
|
font-size: 10px;
|
||||||
|
font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei,
|
||||||
Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
|
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;
|
margin: auto;
|
||||||
|
padding: 0 0.5rem;
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background-color: #f2f5fa;
|
justify-content: center;
|
||||||
|
// background-color: @color-bg;
|
||||||
// 管理
|
// 管理
|
||||||
a.login,
|
a.login,
|
||||||
li.operate {
|
li.operate {
|
||||||
color: #339999;
|
font-size: 1.2rem;
|
||||||
|
color: @color-bt;
|
||||||
position: relative;
|
position: relative;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
width: 50px;
|
width: 5rem;
|
||||||
height: 30px;
|
|
||||||
ion-icon {
|
ion-icon {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
&:hover ul {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
ul {
|
ul {
|
||||||
|
width: 2rem;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -15px;
|
margin-top: 0;
|
||||||
left: 10px;
|
top: 0;
|
||||||
// margin: auto 5px;
|
|
||||||
li {
|
li {
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: auto;
|
padding: 0.2rem;
|
||||||
padding: 2px 2px;
|
z-index: 99;
|
||||||
box-sizing: border-box;
|
border-radius: 2px;
|
||||||
z-index: 999;
|
background-color: @color-btbg;
|
||||||
border-radius: 5px;
|
border: dashed 1px @color-btbd;
|
||||||
background-color: blanchedalmond;
|
&:hover {
|
||||||
border: solid 1px yellowgreen;
|
background-color: @color-bthv;
|
||||||
|
}
|
||||||
a {
|
a {
|
||||||
width: 50px;
|
margin-left: 0.8rem;
|
||||||
}
|
width: 1.7rem;
|
||||||
a[href="?RefreshCache"] {
|
color: @color-bt;
|
||||||
width: 80px;
|
text-decoration: none;
|
||||||
}
|
&:hover {
|
||||||
a:hover {
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
li:hover {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
a.login,
|
|
||||||
li.operate:hover ul {
|
|
||||||
display: flex;
|
|
||||||
// cursor: pointer;
|
|
||||||
}
|
|
||||||
// 登录
|
// 登录
|
||||||
div[style="padding:1px"] {
|
div[style="padding:1px"] {
|
||||||
height: 40px;
|
height: 4rem;
|
||||||
}
|
}
|
||||||
div.operatediv {
|
div.operatediv {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
background-color: #ddd;
|
background-color: #ddd;
|
||||||
border: solid 1px blueviolet;
|
border: solid 2px @color-bs;
|
||||||
box-shadow: 0 0 10px blueviolet;
|
box-shadow: 0 0 10px @color-bt;
|
||||||
border-radius: 10px;
|
border-radius: 2px;
|
||||||
div {
|
div {
|
||||||
|
color: @color-bt;
|
||||||
|
font-size: 1.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 1rem;
|
||||||
|
input[type="submit"],
|
||||||
a.operatediv_close {
|
a.operatediv_close {
|
||||||
width: 20%;
|
align-self: flex-end;
|
||||||
border: solid 1px blueviolet;
|
width: auto;
|
||||||
border-radius: 10px;
|
padding: 1px 5px;
|
||||||
margin: auto;
|
margin: 5px 0;
|
||||||
|
border: solid 2px @color-bt;
|
||||||
|
border-radius: 2px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: large;
|
font-size: 1.5rem;
|
||||||
margin: auto 20px;
|
color: @color-bt;
|
||||||
}
|
&:hover {
|
||||||
a.operatediv_close:hover {
|
background-color: @color-bt;
|
||||||
background-color: rgba(137, 43, 226, 0.5);
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
color: @color-bthv;
|
||||||
}
|
}
|
||||||
center {
|
|
||||||
width: 70%;
|
|
||||||
// border: solid 1px blueviolet;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -89,24 +108,25 @@ body {
|
|||||||
}
|
}
|
||||||
// 升级提示
|
// 升级提示
|
||||||
div[style="position:absolute;"] {
|
div[style="position:absolute;"] {
|
||||||
left: 50px;
|
top: 2rem;
|
||||||
top: 20px;
|
|
||||||
background-color: yellow;
|
background-color: yellow;
|
||||||
border-radius: 5px;
|
border-radius: 2px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
// 标题
|
// 标题
|
||||||
h1.title {
|
h1.title {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
// margin-top: 20px;
|
font-size: 3.5rem;
|
||||||
a {
|
a {
|
||||||
font-family: Cursive;
|
font-family: Cursive;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: rgb(50, 144, 231);
|
color: rgb(50, 144, 231);
|
||||||
text-shadow: 2px 2px 3px #ccccff;
|
text-shadow: 2px 2px 5px rgba(50, 144, 231, 0.5);
|
||||||
}
|
transition: 0.2s;
|
||||||
a:hover {
|
&:hover {
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
|
font-size: 3.8rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 语言
|
// 语言
|
||||||
@@ -116,39 +136,34 @@ body {
|
|||||||
// 多盘
|
// 多盘
|
||||||
div.onemoe-more-disk {
|
div.onemoe-more-disk {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
margin-top: 20px;
|
margin-top: 2rem;
|
||||||
width: 100%;
|
|
||||||
div.more-disk {
|
div.more-disk {
|
||||||
margin: auto 10px;
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border: solid 1px #339999;
|
border: solid 2px @color-bt;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: auto 0.5em;
|
font-size: 1.2rem;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
box-sizing: border-box;
|
margin: auto 0.5rem;
|
||||||
color: #339999;
|
color: @color-bt;
|
||||||
}
|
}
|
||||||
a:hover {
|
a:hover {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background-color: #339999;
|
background-color: @color-bt;
|
||||||
box-shadow: 0 0 5px #339999;
|
box-shadow: 0 0 5px @color-bt;
|
||||||
|
transition: 0.2s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// head.md
|
// head.md
|
||||||
div.list-wrapper#head-div {
|
div.list-wrapper#head-div {
|
||||||
div.list-header-container {
|
div.list-header-container {
|
||||||
margin-top: 20px;
|
margin-top: 2rem;
|
||||||
div.readme {
|
div.readme {
|
||||||
svg,
|
|
||||||
span {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
p {
|
p {
|
||||||
font-size: large;
|
font-size: large;
|
||||||
padding: 0 20px;
|
padding: 0 2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -158,70 +173,114 @@ body {
|
|||||||
div.list-wrapper#list-div {
|
div.list-wrapper#list-div {
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||||
background-color: #cccccc36;
|
// background-color: @color-wjj-bg;
|
||||||
margin-top: 20px;
|
margin-top: 2rem;
|
||||||
|
font-size: 1.5rem;
|
||||||
// 文件路径
|
// 文件路径
|
||||||
div.list-header-container {
|
div.list-header-container {
|
||||||
height: 40px;
|
border-radius: 2px;
|
||||||
border-radius: 0;
|
border-bottom: dashed 1px rgba(59, 66, 107, 0.3);
|
||||||
border-bottom: dashed 1px rgba(59, 66, 107, 0.2);
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: #eee;
|
background-color: #e0c3fc98;
|
||||||
a.back-link {
|
a.back-link {
|
||||||
margin-left: 20px;
|
margin-left: 2rem;
|
||||||
ion-icon {
|
ion-icon {
|
||||||
color: #339999;
|
color: @color-bt;
|
||||||
width: 25px;
|
width: 2rem;
|
||||||
height: 25px;
|
height: 2rem;
|
||||||
|
&:hover {
|
||||||
|
color: @color-dj;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
h3.table-header,
|
}
|
||||||
h3.table-header a {
|
h3.table-header {
|
||||||
color: #339999;
|
font-size: 1.5rem;
|
||||||
margin-left: 20px;
|
margin: 1rem;
|
||||||
|
color: @color-bt;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
a {
|
||||||
h3.table-header a {
|
color: @color-bt;
|
||||||
margin-left: 0;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
&:hover {
|
||||||
|
color: @color-dj;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 表格
|
// 表格
|
||||||
div.list-body-container {
|
div.list-body-container {
|
||||||
table.list-table {
|
table.list-table {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
box-sizing: border-box;
|
min-width: 100%;
|
||||||
width: 100%;
|
|
||||||
tbody {
|
tbody {
|
||||||
margin: auto;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
tr {
|
tr {
|
||||||
width: 96%;
|
color: #333;
|
||||||
// 文件背景色
|
background-color: @color-wjj;
|
||||||
background-color: #fff;
|
margin: 1rem;
|
||||||
margin: 4px 0;
|
border: solid 1px @color-bt;
|
||||||
border: solid 1px #ddd;
|
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
display: flex;
|
display: grid;
|
||||||
justify-content: space-between;
|
grid-template-columns: 6fr 2fr 1fr;
|
||||||
align-items: center;
|
@media screen and(max-width:768px) {
|
||||||
// transition: 0.3s;
|
grid-template-columns: 6fr 2fr;
|
||||||
td,
|
th:nth-last-of-type(2),
|
||||||
th {
|
td:nth-last-of-type(2) {
|
||||||
height: 3em;
|
display: none;
|
||||||
// font-size: 1.1em;
|
}
|
||||||
margin: 0 5px;
|
}
|
||||||
box-sizing: border-box;
|
@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;
|
align-items: center;
|
||||||
display: flex;
|
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 {
|
li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
max-width: 60%;
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@@ -230,76 +289,40 @@ body {
|
|||||||
li.operate {
|
li.operate {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
// margin-right: -2rem;
|
||||||
ul {
|
ul {
|
||||||
|
top: -0.5rem;
|
||||||
li {
|
li {
|
||||||
margin-top: 5px;
|
padding: 0.5rem;
|
||||||
padding: 5px 5px;
|
font-size: 1.3rem;
|
||||||
a {
|
a {
|
||||||
font-size: 13px;
|
width: auto;
|
||||||
width: 18px;
|
padding-right: 0.8rem;
|
||||||
height: 100%;
|
}
|
||||||
|
&:hover a {
|
||||||
|
color: @color-bt;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
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;
|
|
||||||
}
|
|
||||||
// 文件夹图标颜色
|
|
||||||
> ion-icon {
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
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 {
|
div#upload_div {
|
||||||
center {
|
center {
|
||||||
margin-top: 10px;
|
margin-top: 1rem;
|
||||||
height: 40px;
|
height: 4rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-evenly;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
input {
|
input {
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
height: 25px;
|
padding: 0.5rem;
|
||||||
min-width: 50px;
|
min-width: 5rem;
|
||||||
border: dotted 1px dimgrey;
|
border: solid 2px dimgrey;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background-color: gainsboro;
|
background-color: gainsboro;
|
||||||
@@ -307,6 +330,7 @@ body {
|
|||||||
input:hover {
|
input:hover {
|
||||||
color: #339999;
|
color: #339999;
|
||||||
box-shadow: 0 0 10px cornflowerblue;
|
box-shadow: 0 0 10px cornflowerblue;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -319,22 +343,34 @@ body {
|
|||||||
// 底部readme
|
// 底部readme
|
||||||
div.onemoe-readme {
|
div.onemoe-readme {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 50px auto 50px;
|
margin: 4rem auto 0;
|
||||||
box-sizing: border-box;
|
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
border: solid 5px rgba(137, 43, 226, 0.2);
|
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||||
div.readme {
|
box-sizing: border-box;
|
||||||
background-color: #f2f5fa;
|
|
||||||
svg,
|
|
||||||
span {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
div.markdown-body {
|
div.markdown-body {
|
||||||
margin: 10px 25px;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
}
|
&:hover {
|
||||||
}
|
|
||||||
div.list-wrapper:nth-of-type(4):hover {
|
|
||||||
box-shadow: 0 0 10px rgba(137, 43, 226, 0.25);
|
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
-1
File diff suppressed because one or more lines are too long
@@ -7,11 +7,9 @@
|
|||||||
<meta http-equiv=X-UA-Compatible content="IE=edge">
|
<meta http-equiv=X-UA-Compatible content="IE=edge">
|
||||||
<meta name=viewport content="width=device-width,initial-scale=1">
|
<meta name=viewport content="width=device-width,initial-scale=1">
|
||||||
<meta name="keywords" content="<?php echo $n_path;?>,<?php if ($p_path!='') echo $p_path.','; echo $_SERVER['sitename'];?>,林的小窝,onedrive">
|
<meta name="keywords" content="<?php echo $n_path;?>,<?php if ($p_path!='') echo $p_path.','; echo $_SERVER['sitename'];?>,林的小窝,onedrive">
|
||||||
<!--<link rel="icon" href="<?php echo $_SERVER['base_path'];?>favicon.ico" type="image/x-icon" />
|
|
||||||
<link rel="shortcut icon" href="<?php echo $_SERVER['base_path'];?>favicon.ico" type="image/x-icon" />-->
|
|
||||||
<link rel="icon" href="https://cdn.jsdelivr.net/gh/ldxw/CDN@0.003/favicon/64x64/favicon.ico" type="image/x-icon" />
|
<link rel="icon" href="https://cdn.jsdelivr.net/gh/ldxw/CDN@0.003/favicon/64x64/favicon.ico" type="image/x-icon" />
|
||||||
<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/ldxw/CDN@0.003/favicon/64x64/favicon.ico" type="image/x-icon" />
|
<link rel="shortcut icon" href="https://cdn.jsdelivr.net/gh/ldxw/CDN@0.003/favicon/64x64/favicon.ico" type="image/x-icon" />
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ldxw/CDN@0.02.3/onedrive-index-theme-disk/a6pq2y.css" type="text/css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ldxw/CDN@0.02.6/onedrive-index-theme-disk/02e67o.css" type="text/css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -148,12 +146,12 @@
|
|||||||
<textarea id="txt-a" name="editfile" readonly style="width: 100%; margin-top: 2px;" <?php if ($_SERVER['admin']) echo 'onchange="document.getElementById(\'txt-save\').onclick=function(){document.getElementById(\'txt-form\').submit();}"';?> ><?php echo $txtstr;?></textarea>
|
<textarea id="txt-a" name="editfile" readonly style="width: 100%; margin-top: 2px;" <?php if ($_SERVER['admin']) echo 'onchange="document.getElementById(\'txt-save\').onclick=function(){document.getElementById(\'txt-form\').submit();}"';?> ><?php echo $txtstr;?></textarea>
|
||||||
<?php if ($_SERVER['admin']) echo '</form>'; ?>
|
<?php if ($_SERVER['admin']) echo '</form>'; ?>
|
||||||
</div>
|
</div>
|
||||||
<?php } elseif (in_array($ext, ['md'])) {
|
<?php } /*elseif (in_array($ext, ['md'])) {
|
||||||
echo ' <div class="markdown-body" id="readme">
|
echo ' <div class="markdown-body" id="readme">
|
||||||
<textarea id="readme-md" style="display:none;">' . curl_request($files['@microsoft.graph.downloadUrl'])['body'] . '</textarea>
|
<textarea id="readme-md" style="display:none;">' . curl_request($files['@microsoft.graph.downloadUrl'])['body'] . '</textarea>
|
||||||
</div>
|
</div>
|
||||||
';
|
';
|
||||||
} else {
|
}*/ else {
|
||||||
echo '<span>'.getconstStr('FileNotSupport').'</span>';
|
echo '<span>'.getconstStr('FileNotSupport').'</span>';
|
||||||
} ?>
|
} ?>
|
||||||
</div>
|
</div>
|
||||||
@@ -165,8 +163,8 @@
|
|||||||
<table class="list-table" id="list-table">
|
<table class="list-table" id="list-table">
|
||||||
<tr id="tr0">
|
<tr id="tr0">
|
||||||
<th class="file" onclick="sortby('a');"><?php echo getconstStr('File'); if ($_SERVER['USER']!='qcloud') { ?> <button onclick="showthumbnails(this);"><?php echo getconstStr('ShowThumbnails'); ?></button><?php } ?></th>
|
<th class="file" onclick="sortby('a');"><?php echo getconstStr('File'); if ($_SERVER['USER']!='qcloud') { ?> <button onclick="showthumbnails(this);"><?php echo getconstStr('ShowThumbnails'); ?></button><?php } ?></th>
|
||||||
<th class="updated_at" width="25%" onclick="sortby('time');"><?php echo getconstStr('EditTime'); ?></th>
|
<th class="updated_at" onclick="sortby('time');"><?php echo getconstStr('EditTime'); ?></th>
|
||||||
<th class="size" width="15%" onclick="sortby('size');"><?php echo getconstStr('Size'); ?></th>
|
<th class="size" onclick="sortby('size');"><?php echo getconstStr('Size'); ?></th>
|
||||||
</tr>
|
</tr>
|
||||||
<!-- Dirs -->
|
<!-- Dirs -->
|
||||||
<?php //echo json_encode($files['children'], JSON_PRETTY_PRINT);
|
<?php //echo json_encode($files['children'], JSON_PRETTY_PRINT);
|
||||||
@@ -182,6 +180,7 @@
|
|||||||
<li><a onclick="showdiv(event,'encrypt',<?php echo $filenum;?>);"><ion-icon name="lock"></ion-icon><?php echo getconstStr('encrypt'); ?></a></li>
|
<li><a onclick="showdiv(event,'encrypt',<?php echo $filenum;?>);"><ion-icon name="lock"></ion-icon><?php echo getconstStr('encrypt'); ?></a></li>
|
||||||
<li><a onclick="showdiv(event, 'rename',<?php echo $filenum;?>);"><ion-icon name="create"></ion-icon><?php echo getconstStr('Rename'); ?></a></li>
|
<li><a onclick="showdiv(event, 'rename',<?php echo $filenum;?>);"><ion-icon name="create"></ion-icon><?php echo getconstStr('Rename'); ?></a></li>
|
||||||
<li><a onclick="showdiv(event, 'move',<?php echo $filenum;?>);"><ion-icon name="move"></ion-icon><?php echo getconstStr('Move'); ?></a></li>
|
<li><a onclick="showdiv(event, 'move',<?php echo $filenum;?>);"><ion-icon name="move"></ion-icon><?php echo getconstStr('Move'); ?></a></li>
|
||||||
|
<li><a onclick="showdiv(event, 'copy',<?php echo $filenum;?>);"><ion-icon name="copy"></ion-icon><?php echo getconstStr('Copy'); ?></a></li>
|
||||||
<li><a onclick="showdiv(event, 'delete',<?php echo $filenum;?>);"><ion-icon name="trash"></ion-icon><?php echo getconstStr('Delete'); ?></a></li>
|
<li><a onclick="showdiv(event, 'delete',<?php echo $filenum;?>);"><ion-icon name="trash"></ion-icon><?php echo getconstStr('Delete'); ?></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
@@ -213,6 +212,7 @@
|
|||||||
<ul>
|
<ul>
|
||||||
<li><a onclick="showdiv(event, 'rename',<?php echo $filenum;?>);"><ion-icon name="create"></ion-icon><?php echo getconstStr('Rename'); ?></a></li>
|
<li><a onclick="showdiv(event, 'rename',<?php echo $filenum;?>);"><ion-icon name="create"></ion-icon><?php echo getconstStr('Rename'); ?></a></li>
|
||||||
<li><a onclick="showdiv(event, 'move',<?php echo $filenum;?>);"><ion-icon name="move"></ion-icon><?php echo getconstStr('Move'); ?></a></li>
|
<li><a onclick="showdiv(event, 'move',<?php echo $filenum;?>);"><ion-icon name="move"></ion-icon><?php echo getconstStr('Move'); ?></a></li>
|
||||||
|
<li><a onclick="showdiv(event, 'copy',<?php echo $filenum;?>);"><ion-icon name="copy"></ion-icon><?php echo getconstStr('Copy'); ?></a></li>
|
||||||
<li><a onclick="showdiv(event, 'delete',<?php echo $filenum;?>);"><ion-icon name="trash"></ion-icon><?php echo getconstStr('Delete'); ?></a></li>
|
<li><a onclick="showdiv(event, 'delete',<?php echo $filenum;?>);"><ion-icon name="trash"></ion-icon><?php echo getconstStr('Delete'); ?></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
@@ -313,8 +313,8 @@
|
|||||||
<div class="list-container">
|
<div class="list-container">
|
||||||
<div class="list-header-container">
|
<div class="list-header-container">
|
||||||
<div class="readme">
|
<div class="readme">
|
||||||
<svg class="octicon octicon-book" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3 5h4v1H3V5zm0 3h4V7H3v1zm0 2h4V9H3v1zm11-5h-4v1h4V5zm0 2h-4v1h4V7zm0 2h-4v1h4V9zm2-6v9c0 .55-.45 1-1 1H9.5l-1 1-1-1H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5.5l1 1 1-1H15c.55 0 1 .45 1 1zm-8 .5L7.5 3H2v9h6V3.5zm7-.5H9.5l-.5.5V12h6V3z"></path></svg>
|
<!--<svg class="octicon octicon-book" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3 5h4v1H3V5zm0 3h4V7H3v1zm0 2h4V9H3v1zm11-5h-4v1h4V5zm0 2h-4v1h4V7zm0 2h-4v1h4V9zm2-6v9c0 .55-.45 1-1 1H9.5l-1 1-1-1H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5.5l1 1 1-1H15c.55 0 1 .45 1 1zm-8 .5L7.5 3H2v9h6V3.5zm7-.5H9.5l-.5.5V12h6V3z"></path></svg>
|
||||||
<span style="line-height: 16px;vertical-align: top;">'.$head['name'].'</span>
|
<span style="line-height: 16px;vertical-align: top;">'.$head['name'].'</span>-->
|
||||||
<div class="markdown-body" id="head">
|
<div class="markdown-body" id="head">
|
||||||
<textarea id="head-md" style="display:none;">' . curl_request(fetch_files(spurlencode(path_format($path . '/' .$head['name']),'/'))['@microsoft.graph.downloadUrl'])['body'] . '
|
<textarea id="head-md" style="display:none;">' . curl_request(fetch_files(spurlencode(path_format($path . '/' .$head['name']),'/'))['@microsoft.graph.downloadUrl'])['body'] . '
|
||||||
</textarea>
|
</textarea>
|
||||||
@@ -327,12 +327,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="list-wrapper onemoe-readme">
|
<div class="list-wrapper">
|
||||||
<div class="list-container">
|
<div class="list-container">
|
||||||
<div class="list-header-container">
|
<div class="list-header-container">
|
||||||
<div class="readme">
|
<div class="readme onemoe-readme">
|
||||||
<svg class="octicon octicon-book" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3 5h4v1H3V5zm0 3h4V7H3v1zm0 2h4V9H3v1zm11-5h-4v1h4V5zm0 2h-4v1h4V7zm0 2h-4v1h4V9zm2-6v9c0 .55-.45 1-1 1H9.5l-1 1-1-1H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5.5l1 1 1-1H15c.55 0 1 .45 1 1zm-8 .5L7.5 3H2v9h6V3.5zm7-.5H9.5l-.5.5V12h6V3z"></path></svg>
|
<!--<svg class="octicon octicon-book" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M3 5h4v1H3V5zm0 3h4V7H3v1zm0 2h4V9H3v1zm11-5h-4v1h4V5zm0 2h-4v1h4V7zm0 2h-4v1h4V9zm2-6v9c0 .55-.45 1-1 1H9.5l-1 1-1-1H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5.5l1 1 1-1H15c.55 0 1 .45 1 1zm-8 .5L7.5 3H2v9h6V3.5zm7-.5H9.5l-.5.5V12h6V3z"></path></svg>
|
||||||
<span style="line-height: 16px;vertical-align: top;">'.$readme['name'].'</span>
|
<span style="line-height: 16px;vertical-align: top;">'.$readme['name'].'</span>-->
|
||||||
<div class="markdown-body" id="readme">
|
<div class="markdown-body" id="readme">
|
||||||
<textarea id="readme-md" style="display:none;">' . curl_request(fetch_files(spurlencode(path_format($path . '/' .$readme['name']),'/'))['@microsoft.graph.downloadUrl'])['body'] . '
|
<textarea id="readme-md" style="display:none;">' . curl_request(fetch_files(spurlencode(path_format($path . '/' .$readme['name']),'/'))['@microsoft.graph.downloadUrl'])['body'] . '
|
||||||
</textarea>
|
</textarea>
|
||||||
@@ -397,6 +397,17 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="copy_div" class="operatediv" style="display:none">
|
||||||
|
<div>
|
||||||
|
<label id="copy_label"></label><br><br><a onclick="operatediv_close('copy')" class="operatediv_close"><?php echo getconstStr('Close'); ?></a>
|
||||||
|
<form id="copy_form" onsubmit="return submit_operate('copy');">
|
||||||
|
<input id="copy_sid" name="copy_sid" type="hidden" value="">
|
||||||
|
<input id="copy_hidden" name="copy_name" type="hidden" value="">
|
||||||
|
<input id="copy_input" name="copy_input" type="hidden" value="">
|
||||||
|
<input name="operate_action" type="submit" value="<?php echo getconstStr('Copy'); ?>">
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div id="move_div" class="operatediv" style="display:none">
|
<div id="move_div" class="operatediv" style="display:none">
|
||||||
<div>
|
<div>
|
||||||
<label id="move_label"></label><br><br><a onclick="operatediv_close('move')" class="operatediv_close"><?php echo getconstStr('Close'); ?></a>
|
<label id="move_label"></label><br><br><a onclick="operatediv_close('move')" class="operatediv_close"><?php echo getconstStr('Close'); ?></a>
|
||||||
@@ -468,7 +479,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<?php }
|
<?php }
|
||||||
} ?>
|
} ?>
|
||||||
<font color="#f7f7f9"><?php echo date("Y-m-d H:i:s")." ".getconstStr('Week')[date("w")]." ".$_SERVER['REMOTE_ADDR'];?></font>
|
<div style="color: rgba(247,247,249,0);"><?php echo date("Y-m-d H:i:s")." ".getconstStr('Week')[date("w")]." ".$_SERVER['REMOTE_ADDR'];?></div>
|
||||||
</body>
|
</body>
|
||||||
<?php if ($files) { ?>
|
<?php if ($files) { ?>
|
||||||
<?php if ($head||$readme) { ?><link rel="stylesheet" href="//unpkg.zhimg.com/github-markdown-css@3.0.1/github-markdown.css">
|
<?php if ($head||$readme) { ?><link rel="stylesheet" href="//unpkg.zhimg.com/github-markdown-css@3.0.1/github-markdown.css">
|
||||||
@@ -1054,6 +1065,7 @@
|
|||||||
xhr.onload = function(e){
|
xhr.onload = function(e){
|
||||||
var html;
|
var html;
|
||||||
if (xhr.status<300) {
|
if (xhr.status<300) {
|
||||||
|
console.log(xhr.status+','+xhr.responseText);
|
||||||
if (str=='rename') {
|
if (str=='rename') {
|
||||||
html=JSON.parse(xhr.responseText);
|
html=JSON.parse(xhr.responseText);
|
||||||
var file_a = document.getElementById('file_a'+num);
|
var file_a = document.getElementById('file_a'+num);
|
||||||
@@ -1077,7 +1089,7 @@
|
|||||||
var td1=document.createElement('td');
|
var td1=document.createElement('td');
|
||||||
td1.setAttribute('class','file');
|
td1.setAttribute('class','file');
|
||||||
var a1=document.createElement('a');
|
var a1=document.createElement('a');
|
||||||
a1.href=html.name.replace(/#/,'%23');
|
a1.href='<?php echo $_SERVER['base_disk_path'];?>'+html.name.replace(/#/,'%23');
|
||||||
a1.innerText=html.name;
|
a1.innerText=html.name;
|
||||||
a1.target='_blank';
|
a1.target='_blank';
|
||||||
var td2=document.createElement('td');
|
var td2=document.createElement('td');
|
||||||
|
|||||||
Reference in New Issue
Block a user