mirror of
https://shylinux.com/x/volcanos
synced 2025-04-25 08:48:06 +08:00
34 lines
3.3 KiB
CSS
34 lines
3.3 KiB
CSS
fieldset.feel:not(.cmd)>form.option>div.item.file { display:none; }
|
|
body.mobile fieldset.feel>form.option>div.item.file { display:none; }
|
|
fieldset.feel>div.output>div.project>div.item.select { border-width:3px; }
|
|
fieldset.feel>div.output>div.project>div.item>img { padding:5px; }
|
|
fieldset.feel>div.output>div.project>div.item>span.name { flex-grow:1; overflow:hidden; }
|
|
fieldset.feel>div.output>div.project>div.item>span.progress { color:var(--notice-bg-color); margin-left:10px; }
|
|
fieldset.feel>div.output>div.project>div.item>span.size { color:var(--disable-fg-color); font-size:var(--status-font-size); margin-left:10px; }
|
|
fieldset.feel>div.output>div.layout>div.display { overflow:hidden; position:relative; }
|
|
fieldset.feel>div.output>div.layout>div.display:not(.hide) { height:100px; display:flex; justify-content:center; align-items:center; gap:10px; }
|
|
fieldset.feel>div.output>div.layout>div.display>.select { border:var(--box-notice); border-width:3px; }
|
|
fieldset.feel>div.output>div.layout>div.display>img { height:100px; width:100px; object-fit:cover; }
|
|
fieldset.feel>div.output>div.layout>div.display>video { height:100px; width:100px; object-fit:cover; }
|
|
fieldset.feel>div.output>div.layout>div.display>div.audio { word-break:break-all; height:100px; width:100px; display:flex; align-items:center; }
|
|
fieldset.feel>div.output>div.layout>div.display>div.audio:not(.select) { border:var(--box-border); }
|
|
fieldset.feel>div.output>div.layout>div.display>div.audio img.cover { height:94px; width:94px; position:absolute; }
|
|
fieldset.feel>div.output>div.layout>div.display>div.audio span.name { z-index:5; }
|
|
fieldset.feel>div.output>div.layout>div.display>img:hover { cursor:pointer; }
|
|
fieldset.feel>div.output>div.layout>div.display>video:hover { cursor:pointer; }
|
|
fieldset.feel>div.output>div.layout>div.display>div.audio:hover { cursor:pointer; }
|
|
fieldset.feel>div.output>div.layout>div.display>div.toggle { font-size:32px; padding:5px; padding-top:32px; height:100px; position:absolute; }
|
|
fieldset.feel>div.output>div.layout>div.display>div.toggle.prev { left:0; }
|
|
fieldset.feel>div.output>div.layout>div.display>div.toggle.next { right:0; }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content { padding:0; overflow:hidden; }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content>img { height:100%; width:100%; object-fit:scale-down; cursor:pointer; }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content>video { height:100%; width:100%; }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content>div.audio { height:100%; width: 100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content>div.audio img.cover { height:calc(100% - 120px); }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content>div.audio span.name { padding:10px; }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content>div.progress { background-color:var(--notice-bg-color); height:3px; position:absolute; bottom:2px; }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content>div.toggle { font-size:32px; padding:5px; padding-top:32px; height:100px; top:40%; z-index:5; }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content>div.toggle.next { right:0; }
|
|
fieldset.feel>div.output>div.layout>div.layout>div.content>div.toggle.prev { left:0; }
|
|
div.toggle { -webkit-user-select:none; }
|
|
img { -webkit-user-select:none; } |