mirror of
https://github.com/ldxw/cdn.git
synced 2026-08-14 13:01:23 +08:00
Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 ldxw
|
a62e92922e | ||
|
ldxw
|
34fc9ef534 | ||
|
Mr.Lin
|
9f29b39e11 | ||
|
Mr.Lin
|
f41b7eed2d |
@@ -1,6 +1,6 @@
|
|||||||
# CDN
|
# CDN
|
||||||
OneManager-php 程序 美化主题js
|
OneManager-php 程序 美化主题js
|
||||||
添加到<body>下
|
添加到<#body>下
|
||||||
<script src="//cdn.jsdelivr.net/gh/ldxw/CDN@v0.02.1/scfone-theme-js/odscf/scf.js"></script>
|
<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
|
原作者地址：https://cdn.jsdelivr.net/gh/vcheckzen/CDN@0.02/odscf/logi.js
|
||||||
@@ -0,0 +1,13 @@
|
|||||||
|
## 说明
|
||||||
|
|
||||||
|
这是为 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)。
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,320 @@
|
|||||||
|
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;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
position: absolute;
|
||||||
|
top: -15px;
|
||||||
|
left: 10px;
|
||||||
|
}
|
||||||
|
body a.login ul li,
|
||||||
|
body li.operate ul li {
|
||||||
|
display: flex;
|
||||||
|
margin: auto;
|
||||||
|
padding: 2px 2px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
z-index: 999;
|
||||||
|
border-radius: 5px;
|
||||||
|
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 li.operate ul li:hover {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
body a.login,
|
||||||
|
body li.operate:hover ul {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
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 div[style="position:absolute;"] {
|
||||||
|
left: 50px;
|
||||||
|
top: 20px;
|
||||||
|
background-color: yellow;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
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.onemoe-more-disk {
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 20px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
body div.onemoe-more-disk div.more-disk {
|
||||||
|
margin: auto 10px;
|
||||||
|
}
|
||||||
|
body div.onemoe-more-disk div.more-disk a {
|
||||||
|
text-decoration: none;
|
||||||
|
border: solid 1px #339999;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: auto 0.5em;
|
||||||
|
padding: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #339999;
|
||||||
|
}
|
||||||
|
body div.onemoe-more-disk div.more-disk a:hover {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #339999;
|
||||||
|
box-shadow: 0 0 5px #339999;
|
||||||
|
}
|
||||||
|
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: 20px;
|
||||||
|
}
|
||||||
|
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 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 {
|
||||||
|
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.onemoe-readme {
|
||||||
|
width: 100%;
|
||||||
|
margin: 50px auto 50px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 3px;
|
||||||
|
border: solid 5px rgba(137, 43, 226, 0.2);
|
||||||
|
}
|
||||||
|
body div.onemoe-readme div.readme {
|
||||||
|
background-color: #f2f5fa;
|
||||||
|
}
|
||||||
|
body div.onemoe-readme div.readme svg,
|
||||||
|
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);
|
||||||
|
}
|
||||||
@@ -0,0 +1,340 @@
|
|||||||
|
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;
|
||||||
|
height: 30px;
|
||||||
|
ion-icon {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style-type: none;
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: -15px;
|
||||||
|
left: 10px;
|
||||||
|
// margin: auto 5px;
|
||||||
|
li {
|
||||||
|
display: flex;
|
||||||
|
margin: auto;
|
||||||
|
padding: 2px 2px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
z-index: 999;
|
||||||
|
border-radius: 5px;
|
||||||
|
background-color: blanchedalmond;
|
||||||
|
border: solid 1px yellowgreen;
|
||||||
|
a {
|
||||||
|
width: 50px;
|
||||||
|
}
|
||||||
|
a[href="?RefreshCache"] {
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
li:hover {
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
a.login,
|
||||||
|
li.operate:hover ul {
|
||||||
|
display: flex;
|
||||||
|
// cursor: pointer;
|
||||||
|
}
|
||||||
|
// 登录
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
// 升级提示
|
||||||
|
div[style="position:absolute;"] {
|
||||||
|
left: 50px;
|
||||||
|
top: 20px;
|
||||||
|
background-color: yellow;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
// 标题
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
// 多盘
|
||||||
|
div.onemoe-more-disk {
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 20px;
|
||||||
|
width: 100%;
|
||||||
|
div.more-disk {
|
||||||
|
margin: auto 10px;
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
border: solid 1px #339999;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: auto 0.5em;
|
||||||
|
padding: 5px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #339999;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #339999;
|
||||||
|
box-shadow: 0 0 5px #339999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// 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: 20px;
|
||||||
|
// 文件路径
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
// 文件管理
|
||||||
|
li.operate {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
margin-top: 5px;
|
||||||
|
padding: 5px 5px;
|
||||||
|
a {
|
||||||
|
font-size: 13px;
|
||||||
|
width: 18px;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
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 {
|
||||||
|
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.onemoe-readme {
|
||||||
|
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);
|
||||||
|
}
|
||||||
|
}
|
||||||
+1
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,12 @@
|
|||||||
|
## 说明
|
||||||
|
|
||||||
|
这是为 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)。
|
||||||
@@ -0,0 +1,247 @@
|
|||||||
|
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);
|
||||||
|
}
|
||||||
@@ -0,0 +1,267 @@
|
|||||||
|
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
Reference in New Issue
Block a user