mirror of
https://shylinux.com/x/community
synced 2025-05-06 14:07:01 +08:00
124 lines
10 KiB
CSS
124 lines
10 KiB
CSS
body.dark { --plugin-bg-color:#0d1117; --output-bg-color:#171a22; }
|
|
body.mobile fieldset.Action div.input.float { position:static; }
|
|
body.mobile fieldset.Action div.input.float table { width:100%; }
|
|
body.mobile div.upload.float div.action { display:flex; }
|
|
body.mobile div.upload.float div.action div.item.upload { flex-grow:1; }
|
|
body.mobile div.upload.float div.action div.item.upload input { width:100%; }
|
|
$action { background-color:transparent; position:absolute; top:0; width:100%; z-index:1; }
|
|
$action div.item.button { margin-right:5px; padding:0; height:48px; align-items:center; }
|
|
$action div.item.button input { border:none; background-color:var(--plugin-bg-color); color:var(--notice-bg-color); min-width:60px; display:unset; }
|
|
$action div.item.button input:hover { background-color:var(--hover-bg-color); }
|
|
$action div.item.button span { display:none; }
|
|
$action div.item.button i { display:none; }
|
|
$output { background-color:var(--plugin-bg-color); }
|
|
$output div.head { margin-bottom:20px; }
|
|
$output div.head>img { height:200px; width:100%; object-fit:cover; }
|
|
$output div.head div.item.card img { border-radius:25px; }
|
|
$output div.head>div.item.card div.title div.item.button i { display:none; }
|
|
$output>div.header { border-radius:100px; background-color:var(--notice-bg-color); height:300px; width:100%; position:absolute; top:-100px; left:0; }
|
|
$output>div.footer { border-radius:100px; background-color:var(--notice-bg-color); height:300px; width:100%; position:absolute; bottom:-100px; left:0; }
|
|
$output>div>div.list { box-shadow:var(--box-shadow); border-radius:10px; background-color:var(--output-bg-color); padding:10px; margin:10px; }
|
|
$output>div>div.list.mycount { min-height:105px; }
|
|
$output>div>div.list.myplace>div.output { padding:0 10px; max-height:420px; }
|
|
$output>div>div.list>div.title { font-weight:bold; display:flex; align-items:center; }
|
|
$output>div>div.list>div.title span:first-child { flex-grow:1; }
|
|
$output>div>div.list>div.title div.action { overflow:hidden; }
|
|
$output>div>div.list>div.title div.action div.item { margin-right:5px; }
|
|
$output>div>div.list>div.title div.action div.item.button.icons input { display:none; }
|
|
$output>div>div.list>div.role:not(.hide) { display:flex; align-items:center; justify-content:space-around; }
|
|
$output>div>div.list>div.role span { padding:5px; cursor:pointer; }
|
|
$output>div>div.list>div.role span:not(.select) { color:gray; }
|
|
$output>div>div.list>div.role span.select { border-bottom:var(--box-notice); }
|
|
$output>div>div.list>div.role span.creator.select { border-bottom:var(--box-danger); }
|
|
$output>div>div.list>div.role span.landlord.select { border-bottom:var(--box-danger); }
|
|
$output>div>div.list>div.role span.teacher.select { border-bottom:var(--box-danger); }
|
|
$output>div>div.list>div.role span.leader.select { border-bottom:var(--box-danger); }
|
|
$output>div>div.list>div.role span.boss.select { border-bottom:var(--box-danger); }
|
|
$output>div>div.list>div.output>div.item.index:not(.hide) { padding:5px 10px; display:flex; flex-direction:column; align-items:center; float:left; }
|
|
$output>div>div.list>div.output>div.item.index img { height:48px; width:48px; object-fit:contain; }
|
|
$output>div>div.list>div.output>div.item.index span { font-size:12px; white-space:pre; }
|
|
$output>div>div.list div.code { text-align:center; }
|
|
$output>div>div.list div.code input { background-color:var(--notice-bg-color); color:var(--notice-fg-color); font-size:18px; margin:auto; min-width:200px; display:block; margin-top:10px; }
|
|
$output>div>div.list fieldset.story>div.output { background-color:var(--output-bg-color); }
|
|
$output div.tabs { height:32px; display:flex; position:unset; }
|
|
$output div.tabs span { padding:5px 10px; }
|
|
$output div.tabs span.select { background-color:var(--output-bg-color); color:var(--hover-fg-color); }
|
|
$output div.item.card { margin-bottom:2px; }
|
|
$output div.item.card>div.output>div { width:100%; }
|
|
$output div.item.card div.title { width:100%; display:flex; align-items:center; }
|
|
$output div.item.card div.title span.auth { font-size:14px; }
|
|
$output div.item.card div.title span.time { position:absolute; right:0; font-size:12px; color:gray; }
|
|
$output div.item.card div.status span { word-break:break-all; }
|
|
$output div.item.card img { border-radius:5px; padding:0; margin:0; margin-right:10px; height:48px; width:48px; min-width:48px; }
|
|
$output div.item.card.sticky>div.output { background-color:var(--plugin-bg-color); color:var(--notice-bg-color); }
|
|
$output table.content { background-color:var(--output-bg-color); }
|
|
$output table.content td.action input.icons { display:unset; }
|
|
$output table.content td.action input { padding:0 20px; min-width:80px; }
|
|
$output table.content td.action i { display:none; }
|
|
$output table.content.detail tr.action input.icons { display:unset; }
|
|
$output table.content.detail tr.action i { display:none; }
|
|
$output table.content.detail tr.uid { display:none; }
|
|
$action div.item.notice input[type=button] { border:var(--box-notice); color:var(--notice-bg-color); }
|
|
$action div.item.danger input[type=button] { border:var(--box-danger); color:var(--danger-bg-color); }
|
|
$output input.notice[type=button] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
|
$output input.danger[type=button] { border:var(--box-danger); color:var(--danger-bg-color); }
|
|
$output input[type=button][name=submit] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
|
$output span.type { border:var(--box-notice); color:var(--notice-bg-color); padding:0 3px; white-space:pre; }
|
|
$output span.role { border:var(--box-notice); color:var(--notice-bg-color); padding:0 3px; white-space:pre; }
|
|
$output span.level { border:var(--box-notice); color:var(--notice-bg-color); padding:0 3px; font-size:12px; white-space:pre; }
|
|
$output span.type.danger { border:var(--box-danger); color:var(--danger-bg-color); }
|
|
$output span.role.danger { border:var(--box-danger); color:var(--danger-bg-color); }
|
|
$output span.level.danger { border:var(--box-danger); color:var(--danger-bg-color); }
|
|
$output span.status.danger { border:var(--box-danger); color:var(--danger-bg-color); }
|
|
$output>fieldset.story { margin-top:48px; }
|
|
$output fieldset.story { box-shadow:none; }
|
|
$output fieldset.story>legend { display:none; }
|
|
$output fieldset.story>form.option { display:none; }
|
|
$output fieldset.story>div.action { display:none; }
|
|
$output fieldset.story>div.status { display:none; }
|
|
$output fieldset.story>div.output { background-color:var(--plugin-bg-color); }
|
|
$output fieldset.story>div.output table.content td { box-shadow:none; }
|
|
$output fieldset.story>div.output table.content td img { max-width:100%; }
|
|
$output fieldset.story>div.output table.content tr.user_avatar td img { max-height:128px; max-width:128px; }
|
|
$output fieldset.story>div.output>div.code { text-align:center; }
|
|
$output fieldset.story>div.output>div.code>img { display:block; margin:auto; width:100%; max-width:390px; }
|
|
$output fieldset.story>div.output>div.code>input[type=button] {
|
|
background-color:var(--notice-bg-color); color:var(--notice-fg-color);
|
|
margin-right:10px; float:right;
|
|
}
|
|
$output fieldset.story>div.output>div.code>input[type=button].danger {
|
|
border:var(--box-danger); background-color:transparent; color:var(--danger-bg-color);
|
|
}
|
|
$output fieldset.story>div.output>div.code div.item.button { margin-top:20px; }
|
|
$output fieldset.story>div.output>div.code div.item.button input[type=button] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); font-size:18px; min-width:240px; height:36px; }
|
|
$output fieldset.story>div.output>div.code div.item.button input[type=button][name=cancel] { border:var(--box-border); background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
|
$output fieldset.story>div.output>div.code div.item.button.danger input[type=button] { background-color:var(--danger-bg-color); color:var(--danger-fg-color); }
|
|
$output>fieldset.story>div.output div.item.card>div.output { padding:10px; width:100%; }
|
|
$output>fieldset.story>div.output div.item.card>div.output div.output { padding:5px 0; white-space:pre-line; }
|
|
$output fieldset.story.form>div.output>div.code>input[type=button] { font-size:18px; margin:10px; height:36px; }
|
|
$output>fieldset.message div.tabs span.select { border-top:var(--box-border); }
|
|
$output>fieldset.message div.tabs span.create.select { border-top:var(--box-danger); }
|
|
$output>fieldset.message div.tabs span.read.select { border-top:var(--box-notice); }
|
|
$output>fieldset.qrcode table.content td { text-align:center; }
|
|
$output>fieldset.market>div.output>div.tabs { display:flex; width:100%; overflow:auto; height:30px; position:sticky; top:0; z-index:1; }
|
|
$output>fieldset.market>div.output>div.tabs>div.item { padding:5px 10px; float:left; white-space:pre; }
|
|
$output>fieldset.market>div.output>div.tabs>div.item.select { border-top:var(--box-danger); background-color:var(--output-bg-color); color:var(--danger-bg-color); font-weight:bold; position:sticky; left:0; right:0; }
|
|
$output>fieldset.market>div.output>div.list div.item.card img { border-radius:50%; height:40px; width:40px; }
|
|
$output>fieldset.market>div.output>div.list div.item.card div.status { font-size:14px; }
|
|
$output>fieldset.market>div.output>div.list div.item.card div.status>span.username { color:var(--body-fg-color); font-size:14px; }
|
|
$output>fieldset.market>div.output>div.list div.item.card div.status>span.time { float:right; }
|
|
$output>fieldset.market>div.output>div.list div.item.card div.output div.action { color:gray; font-size:14px; width:100%; max-width:100%; display:flex; justify-content:space-around; position:relative; }
|
|
$output>fieldset.market>div.output>div.list div.item.card div.output div.action i { margin-right:5px; }
|
|
$output>fieldset.market>div.output>div.list div.item.card div.output div.output { padding:10px 0; }
|
|
$output>fieldset.market>div.output>div.list div.item.card div.output div.action div.item.done { color:var(--notice-bg-color); }
|
|
body.mobile div.input.float { position:absolute; top:0 !important; margin:0; width:100% !important; max-width:100% !important; }
|
|
fieldset.web.team.storage.file div.item.card div.title span:first-child {
|
|
flex-grow:1;
|
|
}
|
|
body.mobile div.input.float input[name=submit] { background-color:var(--notice-bg-color); color:var(--notice-fg-color); }
|
|
body.light.mobile { --plugin-bg-color:#f4f5f9; --output-bg-color:#fefefd; }
|
|
body.mobile fieldset.panel.Action>div.output { background-color:var(--plugin-bg-color); }
|
|
body:not(.mobile) $output>fieldset.story>div.output div.item.card:not(:hover) { background-color:var(--output-bg-color); }
|
|
body.en $output>fieldset table.content td:first-child { max-width:180px; width:unset;}
|
|
$fieldset { box-shadow:none; }
|