//.window-app .window-header a.header-button { // @mixin hoverWidth($class) { // &.#{$class}:hover { // max-width: 200px; // color: #292929f0; // } // } // display: flex; // flex-flow: row-reverse; // align-items: center; // max-width: 34px; // height: 26px; // white-space: nowrap; // line-height: 1; // overflow: hidden; // padding: 0 6px; // margin: 0 0 0 4px; // color: transparent; // transition: max-width 1s ease; // @include hoverWidth("char-gen"); // @include hoverWidth("custom-roll"); // @include hoverWidth("push-roll"); // @include hoverWidth("configure-sheet"); // @include hoverWidth("configure-token"); // @include hoverWidth("item-post"); // @include hoverWidth("share-image"); // @include hoverWidth("entry-text"); // @include hoverWidth("entry-image"); // @include hoverWidth("close"); // > i { // font-size: var(--font-size--default); // margin-left: 10px; // margin-top: 2px; // color: #292929f0; // } //} /* -------------- */ /* Font Awesome */ /* Overrides */ /* -------------- */ //.fa-suitcase { // font-family: RPGAwesome; // font-size: 1.6rem; // transform: translateY(1px); // &:before { // content: "\ea72"; // } //} //.fa-comments { // font-family: RPGAwesome; // font-size: 1.5rem; // transform: translateY(1px); // &:before { // content: "\ea8f"; // } //} //.fa-fist-raised { // font-family: Swordlings; // transform: translate(1.3px, -0.6px); // font-size: 1.5rem; // &:before { // content: "x"; // } //} /* ------------- */ //h3 { // &.entity-name { // & > a { // color: #111; // text-shadow: 0px 0px 5px #fff; // font-weight: bold; // text-transform: uppercase; // margin: 2%; // } // } //} //.window-app { // .window-content { // padding: 2px 4px; // } // .window-resizable-handle { // background: none; // border: none; // width: 19px; // height: 19px; // transform: translate(12px, 12px); // // &:hover { // text-shadow: 0 0 5px #a00; // } // // i.fas { // transform: translateY(-1.5px) rotate(45deg); // } // } // &.image-popout { // form.flexcol { // background: #fff; // } // .form-group { // &.title { // input { // font-family: "IM FELL THREE LINE PICA"; // font-size: var(--font-size--extra-large); // text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2); // text-transform: uppercase; // border: none; // } // } // &.picker { // opacity: 0.2; // } // input, // button { // background: #999; // } // } // } // .window-header { // border: none; // } // &.minimized { // .window-header { // border: none; // margin-top: -10px; // display: flex; // align-items: center; // line-height: 1.5; // padding: unset; // .window-title { // overflow: hidden; // white-space: pre; // } // } // } // // Override weirdly big settings input box for numbers // &#client-settings .settings-list input[data-dtype="Number"] { // max-width: 3rem; // text-align: center; // } //} //body, //button { // font-family: Poppins, sans-serif; // font-size: var(--font-size--small); //} //img { // border: none; // &.profile { // padding: 5px; // } //} // //.app, //#hotbar .macro, //#hotbar .macro .macro-key, //#hotbar .bar-controls, //#controls .scene-control, //#controls .control-tool, //#navigation #nav-toggle, //#navigation #scene-list .scene { // background: #292929f0; //} a.entity-link, a.inline-roll { border: none; background: transparent; border-bottom: 1px dotted grey; padding: 0; } a { &.inline-roll { border: none; } &:hover { text-shadow: 0 0 5px #a00; } } #pause { background: none; & > img { width: 200px; height: 200px; top: -50px; left: calc(50% - 100px); opacity: 0.7; -webkit-animation: rotation 10s infinite linear; animation: rotation 10s infinite linear; } h3 { font-family: @font-special; font-size: 32px; text-shadow: 0px 3px 5px rgba(0, 0, 0, 1); } } //#navigation { // left: 180px; //} //#scenes { // .scene { // h3 { // background-color: #cccccc60; // white-space: pre-wrap; // line-height: 1; // display: grid; // & > a { // place-self: center; // } // } // } //} //#chat-log { // .message { // position: relative; // &:after { // content: ""; // border: 10px solid transparent; // border-image: url(../assets/journal-art/small-border.webp) 100/10px repeat; // position: absolute; // height: calc(100% - 24px); // width: calc(100% - 24px); // margin: -3px 7px 7px -3px; // pointer-events: none; // } // } //} //.chat-message { // font-size: var(--font-size--very-small); // .message-header { // padding: 8px 13px; // border-bottom: rgba(0, 0, 0, 0.2); // } // .message-content { // border: none; // padding: 0 13px 13px; // } //} //#playlists { // li { // &.playlist { // .sound-control { // color: #666; // } // } // } //} //form { // & > select[name="folder"] { // display: none; // } // & > .lightbox-image { // background: rgb(255, 255, 255); // } //} //.window-app.image-popout .form-group.picker:hover, //.window-app.image-popout .form-group.picker:focus-within { // opacity: 1; //} //li { // &.directory-item { // &.entity { // background: #eee; // color: #222; // border-radius: 6px; // margin: 0 6px; // } // } //} // //.sheet .tabs .item { // white-space: nowrap; //} // //.app.sidebar-popout .folder > .folder-header .create-folder, //.app.sidebar-popout li.folder > .folder-header .create-entity { // color: #444; //} // //#player-config { // .avatar { // border: 2px dotted #444; // border-image: url(../assets/journal-art/small-border.webp) 100/10px repeat; // } // .directory-item.context { // border-top: 1px solid black; // border-bottom: 1px solid #666; // background: #ccc; // h3.entity-name > a { // font-weight: 600; // } // } // h3.entity-name > a { // font-weight: 400; // font-size: 1.2rem; // &:hover { // text-shadow: 0 0 6px #333; // } // } //} // //#sidebar-tabs { // border-bottom: 1px solid #fff; // box-shadow: 0 0 6px #fff; // // & > .item.active { // border: 1px solid #fff; // box-shadow: 0 0 6px inset #fffc; // } //} // //#navigation #scene-list .scene.view, //#navigation #scene-list .scene.context { // border: 1px solid #fff; // border-bottom: 1px solid #fffc; // box-shadow: 0 0 10px #fffc; //} // //#controls .scene-control.active, //#controls .control-tool.active, //#controls .scene-control:hover, //#controls .control-tool:hover { // border: 1px solid #fff; // border-bottom: 1px solid #fffc; // box-shadow: 0 0 10px #fffc; //} // //#controls .control-tool.toggle { // background: #666; // border: 1px solid #fff; // // &:hover, // &.active { // background: #700; // } //} // Fixing scrollbars! ::-webkit-scrollbar-thumb { outline: none; border-radius: 3px; background: #999 !important; border: 1px solid #333 !important; border-color: #333 !important; } ::-webkit-scrollbar-track { box-shadow: 0 0 3px #005d67 inset !important; border-radius: 3px; } * { scrollbar-width: thin !important; scrollbar-color: #005d67 #ccc !important; }