1 line
3.4 KiB
CSS
1 line
3.4 KiB
CSS
@charset "UTF-8";.directory-listing ul.listing li:first-of-type,.inspect-details section{border-top:1px solid #ececec}body{transition:background-color .2s linear}#app-container,#app-container>main{background-color:#fff}#app-container>aside{background-color:#2a3743;color:#b5c3d1;transition:flex .2s ease-in}#app-container>aside a{color:#b5c3d1;text-decoration:none}#app-container>aside a:hover{color:#fff}#app-container>main>header a:link,#app-container>main>header a:visited{color:#aaa}#app-container>main>header a:hover{color:#2a3743}#app-container.disconnected main{background-color:#ececec}*{box-sizing:border-box;-moz-outline:none;outline:0}#remotestorage-widget{display:none;position:absolute;top:20%;left:50%;margin-left:-200px;z-index:23}.connect #remotestorage-widget{display:block}#app-container{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch}#app-container.disconnected>aside{flex:0;overflow:hidden}#app-container.connected>aside{flex:0 0 16rem;overflow:auto;padding:2rem}#app-container>aside .account-info{height:5rem}#app-container>main{flex:1;overflow:auto;padding:3rem 4rem}#app-container>main>header{height:4rem}.inspect-details{width:100%;display:grid;grid-template-columns:1.618fr 3rem 1fr}.inspect-details section{padding:1.5rem 1px}.inspect-details section.content{overflow:hidden}.inspect-details section.meta{grid-column-start:3;overflow:hidden}.inspect-details section.meta dl{margin:0}.inspect-details section.meta dl dd,.inspect-details section.meta dl dt{display:block}.inspect-details section.meta dl dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:#aaa;margin-bottom:.4rem}.inspect-details section.meta dl dd{margin:0 0 1.5rem}body{background-color:#fff;font-size:16px;font-family:Open Sans,sans-serif;color:#2a3743;margin:0;padding:0}.account-info{position:relative}.account-info .username{font-size:1.4rem}.account-info .host{font-size:.8rem;opacity:.7}.account-info .disconnect{display:inline-block;margin-left:.5rem;font-size:.8rem;opacity:0;transition:opacity .2s linear}.account-info:hover .disconnect{font-size:.8rem;opacity:1}.breadcrumb-nav a.active{text-decoration:none}.breadcrumb-nav .node{display:inline-block}.breadcrumb-nav .node+.node{margin-left:.5rem}.breadcrumb-nav .node+.node::before{content:'›';padding-right:.6rem}#app-container>aside nav ul{list-style:none;margin:0;padding:0}#app-container>aside nav a{display:block;padding:.2rem 0}.directory-listing ul.listing{display:block;width:100%;margin:0 0 6rem;padding:0}.directory-listing ul.listing li{display:table;width:100%;border-bottom:1px solid #ececec}.directory-listing ul.listing li:hover span{opacity:.7;cursor:pointer}.directory-listing ul.listing li a{display:table-row;text-decoration:none;color:#2a3743}.directory-listing ul.listing li a span{display:table-cell;padding:1rem 1.5rem}.directory-listing ul.listing li a span.icon{width:3%;padding-left:0;padding-right:0;text-align:center}.directory-listing ul.listing li a span.name{width:60%}.directory-listing ul.listing li a span.size{width:10%;white-space:nowrap;color:#aaa}.directory-listing ul.listing li a span.type{width:27%;white-space:nowrap;color:#aaa}ul.listing span.icon img{height:1.2rem;vertical-align:middle}.file-preview code{overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;hyphens:none}.file-preview img{max-width:100%} |