1 line
6.2 KiB
CSS
1 line
6.2 KiB
CSS
@charset "UTF-8";#app-container>aside nav,.inspect-details{margin-bottom:3rem}*{-moz-outline:none;outline:0;box-sizing:border-box}:focus{outline:0}::-moz-focus-inner{border:0}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}body,header button{background-color:#fff}#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>main>header,.inspect-details{width:100%;display:grid;grid-template-columns:1.618fr 3rem 1fr}#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}#app-container>main>header nav.actions{grid-column-start:3;text-align:right;margin-top:-.4rem}.inspect-details{transition:all .3s ease-out}.inspect-details.hide-metadata{grid-template-columns:1.618fr 0 0}.inspect-details section{border-top:1px solid #ececec;padding:1.5rem 1px}.inspect-details section.content{overflow:auto}.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}.breadcrumb-nav .node,div.button-group{display:inline-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{font-size:15px;font-family:Open Sans,sans-serif;color:#2a3743;margin:0;padding:0}div.button-group+button,div.button-group+div.button-group{margin-left:1rem}header button{padding:.4rem 0 .3rem;border:1px solid #344453;border-radius:.2em;color:#344453;font-size:.8rem;text-transform:uppercase;width:3rem}header button svg{height:1rem}header button svg path{fill:#344453}header button:hover{background-color:#344453;color:#fff}header button:hover svg path{fill:#fff}header button:disabled,header button:disabled:hover{border-color:#aaa;background-color:#fff;color:#aaa}header button:disabled svg path,header button:disabled:hover svg path{fill:#aaa}.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+.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:first-of-type{border-top: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}.file-preview code{overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;hyphens:none}.file-preview img{max-width:100%}ul.listing span.icon img{height:1.2rem;vertical-align:middle}.jsonView{margin-left:20px;font-family:Consolas,"Lucida Console",Menlo,"dejavu sans mono",monospace;font-size:15px;line-height:15px;padding:2px;cursor:default;color:#424242;white-space:nowrap;-webkit-user-select:none}.jsonView>div{display:inline-block}.jsonView.hidden{display:none}.jsonView.insert,.jsonView>.children{display:block}.jsonView>.name{color:#881391}.jsonView>.separator:before{content:":"}.jsonView>.separator{padding-right:5px}.jsonView>.spacing{display:inline-block;width:15px}.jsonView>.spacing::before{content:'1';visibility:hidden}.jsonView>.value.null,.jsonView>.value.undefined{color:gray}.jsonView>.value.boolean,.jsonView>.value.number{color:#1c00cf}.jsonView>.value.string:not(.edit):after,.jsonView>.value.string:not(.edit):before{content:"\""}.jsonView>.value.string{color:#c41a16}.jsonView>.name:hover,.jsonView>.value:hover{background-color:rgba(56,121,217,.1)}.jsonView>.collapse,.jsonView>.expand{min-width:20px;margin-left:-20px;cursor:pointer}.jsonView>.expand:before{content:'\25B6'}.jsonView>.collapse:before{content:'\25BC'}.jsonView>.delete:before,.jsonView>.insert:before{content:'+'}.jsonView>.edit{padding:0 5px;white-space:nowrap;overflow:hidden;background-color:transparent}.jsonView>.edit br{display:none}.jsonView>.edit *{display:inline;white-space:nowrap}.jsonView>.value.edit{color:#000}.jsonView>.delete:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);display:inline-block}.jsonView>.delete{opacity:0;display:inline;padding:3px;cursor:pointer;color:#969696}.jsonView>.item:hover~.delete{opacity:1;color:#969696}.jsonView>.delete:hover{opacity:1;color:#000;background:#dcdcdc}.jsonView.readonly>.delete,.jsonView.readonly>.insert{display:none!important}.jsonView>.insert{display:none;color:#969696;cursor:pointer}.jsonView.expanded>.insert{display:inline-block;margin-left:20px;padding:3px}.jsonView>.insert:hover{color:#000;background:#dcdcdc} |