/*! * OS.js - JavaScript Cloud/Web Desktop Platform * * Copyright (c) 2011-2020, Anders Evenrud * All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * 1. Redistributions of source code must retain the above copyright notice, this * list of conditions and the following disclaimer * 2. Redistributions in binary form must reproduce the above copyright notice, * this list of conditions and the following disclaimer in the documentation * and/or other materials provided with the distribution * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. * * @author Anders Evenrud * @licence Simplified BSD License */.osjs-root{font-family:Roboto,sans-serif;color:#242424}::-webkit-scrollbar{width:1em;height:1em}::-webkit-scrollbar-button{background:linear-gradient(180deg,#f8f8f8 0,#f4f4f4);color:#242424;width:1em;height:1em;display:none}::-webkit-scrollbar-track{border:1px solid #c1c1c1;background:#ebebeb}::-webkit-scrollbar-track-piece{background:#ebebeb}::-webkit-scrollbar-thumb{border:1px solid #c1c1c1;background:linear-gradient(180deg,#f8f8f8 0,#f4f4f4)}::-webkit-resizer,::-webkit-scrollbar-corner{background:#ebebeb}.osjs-panel{box-shadow:0 0 1em rgba(0,0,0,.5);background:rgba(0,0,0,.9);color:#fff}.osjs-panel-item[data-name=windows]>div[data-focused=false]>*{opacity:.5}.osjs-panel-item--clickable{cursor:pointer;transition:all .1s ease-out}.osjs-panel-item--clickable:hover{background-color:#fff;color:rgba(0,0,0,.9);box-shadow:0 0 1em hsla(0,0%,100%,.5)}.osjs-search-input{border:0;background-color:#fff}.osjs-search-result.osjs__active,.osjs-search-result:hover{background-color:#fff;color:#000}.osjs-desktop-iconview__entry--selected .osjs-desktop-iconview__entry__icon{background:rgba(0,0,200,.9)}.osjs-desktop-iconview__entry--selected .osjs-desktop-iconview__entry__label{background:rgba(0,0,200,.9);color:#fff}.osjs-window-button>div:after,.osjs-window-button>div:before{content:"";position:absolute;top:50%;left:50%;display:block;width:1em;height:1em;border-radius:100%;box-sizing:border-box;transform:translate(-50%,-50%)}.osjs-window-button>div:before{background:#bababa;background:linear-gradient(180deg,#bababa 0,#d9d9d9);z-index:1}.osjs-window-button>div:after{border:1px solid hsla(0,0%,40%,.5);z-index:2}.osjs-window{border:1px solid #716c6c;background:#ebebeb;border-radius:4px;box-shadow:0 0 1em rgba(0,0,0,.5)}.osjs-window[data-focused=false]{opacity:.5}.osjs-window[data-loading=true]{pointer-events:none}.osjs-window[data-loading=true]:after{background:rgba(0,0,0,.5)}.osjs-window[data-focused=true] .osjs-window-button[data-action=close]>div:before{background:#e56c5c;background:linear-gradient(180deg,#e56c5c 0,#f09c8d)}.osjs-window[data-focused=true] .osjs-window-button[data-action=close]:active>div:before,.osjs-window[data-focused=true] .osjs-window-button[data-action=close]:hover>div:before{background:#f09c8d;background:linear-gradient(180deg,#f09c8d 0,#e56c5c)}.osjs-window[data-focused=true] .osjs-window-button[data-action=maximize]>div:before{background:#8dd22b;background:linear-gradient(180deg,#8dd22b 0,#b1ec70)}.osjs-window[data-focused=true] .osjs-window-button[data-action=maximize]:active>div:before,.osjs-window[data-focused=true] .osjs-window-button[data-action=maximize]:hover>div:before{background:#b1ec70;background:linear-gradient(180deg,#b1ec70 0,#8dd22b)}.osjs-window[data-focused=true] .osjs-window-button[data-action=minimize]>div:before{background:#f9c435;background:linear-gradient(180deg,#f9c435 0,#fdd675)}.osjs-window[data-focused=true] .osjs-window-button[data-action=minimize]:active>div:before,.osjs-window[data-focused=true] .osjs-window-button[data-action=minimize]:hover>div:before{background:#fdd675;background:linear-gradient(180deg,#fdd675 0,#f9c435)}.osjs-window-title{text-align:center}.osjs-window-header{padding:.5em}.osjs-window-icon{margin-right:.5em}.osjs-gui-button>button{border:1px solid #c1c1c1;background:#d9d9d9;background:linear-gradient(180deg,#f8f8f8 0,#f4f4f4);color:#242424}.osjs-gui-button>button:focus{outline:1px solid rgba(0,0,200,.2)}.osjs-gui-button>button:disabled{opacity:.8}.osjs-gui-button>button:active,.osjs-gui-button>button[active=true]{border:1px solid #242424;background:linear-gradient(180deg,#f4f4f4 0,#f8f8f8);outline:0 none}.osjs-gui-button>button:disabled{color:#a4a4a4}.osjs-gui-field input,.osjs-gui-field select,.osjs-gui-field textarea,.osjs-gui-input input,.osjs-gui-input select,.osjs-gui-input textarea{border:1px solid #c1c1c1;background:#fff;color:#242424;font-size:inherit;font-family:Roboto,sans-serif}.osjs-gui-field input:focus,.osjs-gui-field select:focus,.osjs-gui-field textarea:focus,.osjs-gui-input input:focus,.osjs-gui-input select:focus,.osjs-gui-input textarea:focus{outline:1px solid rgba(0,0,200,.2)}.osjs-gui-field input:disabled,.osjs-gui-field select:disabled,.osjs-gui-field textarea:disabled,.osjs-gui-input input:disabled,.osjs-gui-input select:disabled,.osjs-gui-input textarea:disabled{opacity:.8;color:#a4a4a4}.osjs-gui-tabs-header>div{border:1px solid #c1c1c1;background:#d9d9d9}.osjs-gui-tabs-header>div.osjs__active{border-bottom-color:#ebebeb;background-color:transparent}.osjs-gui-tabs-panes{margin-top:-1px}.osjs-gui-tabs-panes>div{border:1px solid #c1c1c1;background:#d9d9d9}.osjs-gui-tabs-panes>div.osjs__active{background-color:transparent}.osjs-gui-toggle-field>label>span.osjs-toggle-input:before{border:1px solid #c1c1c1;background:#d9d9d9;background:linear-gradient(180deg,#f8f8f8 0,#f4f4f4);color:#242424}.osjs-gui-toggle-field>label>span.osjs-toggle-input:before:focus{outline:1px solid rgba(0,0,200,.2)}.osjs-gui-toggle-field>label>span.osjs-toggle-input:before:disabled{opacity:.8}.osjs-gui-toggle-field>label>span.osjs-toggle-input:before:active,.osjs-gui-toggle-field>label>span.osjs-toggle-input:before[active=true]{border:1px solid #242424;background:linear-gradient(180deg,#f4f4f4 0,#f8f8f8);outline:0 none}.osjs-gui-toggle-field>label>span.osjs-toggle-input:before:disabled{color:#a4a4a4}.osjs-gui-toggle-field>label>span.osjs-toggle-input:after{margin:1px}.osjs-gui-toggle-field>label>input[type=radio]+span.osjs-toggle-input:before{border-radius:100%}.osjs-gui-range-field>input[type=range]{background:transparent;border:0;margin:0;padding:0;overflow:visible;height:2em;-webkit-appearance:none;width:100%}.osjs-gui-range-field>input[type=range]::-webkit-slider-runnable-track{width:100%;height:.5em;background:#d9d9d9;border-radius:0;border:0;cursor:pointer}.osjs-gui-range-field>input[type=range]::-webkit-slider-thumb{border:1px solid #c1c1c1;height:1em;width:1em;border-radius:0;background:linear-gradient(180deg,#f8f8f8 0,#f4f4f4);margin-top:-.25em;cursor:pointer;-webkit-appearance:none}.osjs-gui-range-field>input[type=range]::-moz-range-track{width:100%;height:.5em;background:#d9d9d9;border-radius:0;border:0;cursor:pointer}.osjs-gui-range-field>input[type=range]::-moz-range-thumb{border:1px solid #c1c1c1;height:1em;width:1em;border-radius:0;background:linear-gradient(180deg,#f8f8f8 0,#f4f4f4);margin-top:-.25em;cursor:pointer}.osjs-gui-range-field>input[type=range]::-ms-track{width:100%;height:.5em;background:#d9d9d9;border-radius:0;cursor:pointer;background:transparent;border:0 transparent;color:transparent}.osjs-gui-range-field>input[type=range]::-ms-fill-lower,.osjs-gui-range-field>input[type=range]::-ms-fill-upper{background:#d9d9d9;border:1px solid #c1c1c1;border-radius:0}.osjs-gui-range-field>input[type=range]::-ms-thumb{border:1px solid #c1c1c1;height:1em;width:1em;border-radius:0;background:linear-gradient(180deg,#f8f8f8 0,#f4f4f4);margin-top:-.25em;cursor:pointer}.osjs-gui-icon-view-wrapper{border:1px solid #c1c1c1;background:#fff;color:#242424}.osjs-gui-icon-view-wrapper:focus{outline:1px solid rgba(0,0,200,.2)}.osjs-gui-icon-view-wrapper:disabled{opacity:.8;color:#a4a4a4}.osjs-gui-icon-view-wrapper .osjs__active .osjs__image,.osjs-gui-icon-view-wrapper .osjs__active .osjs__label{background:rgba(0,0,200,.9);color:#fff}.osjs-gui-menu ul{box-shadow:0 0 1em rgba(0,0,0,.5);background:rgba(0,0,0,.9);color:#fff}.osjs-gui-menu li:hover>div>span{background-color:#fff;color:#000}.osjs-gui-menu .osjs__disabled{opacity:.5}.osjs-gui-menubar>div{cursor:pointer}.osjs-gui-menubar>div:hover{background-color:rgba(0,0,200,.9);color:#fff}.osjs-notification{box-shadow:0 0 1em rgba(0,0,0,.5);background:rgba(0,0,0,.9);color:#fff}.osjs-notification .osjs-notification-title{font-weight:700}.osjs-notification .osjs-notification-message{margin-top:1em}.osjs-gui-progressbar-wrapper{border:1px solid #c1c1c1;background:#d9d9d9;color:#fff}.osjs-gui-progressbar-value{background:rgba(0,0,200,.5)}.osjs-gui-list-view .osjs__active{background:rgba(0,0,200,.9);color:#fff}.osjs-gui-list-view .rows:not([data-zebra=false])>div:nth-child(odd):not(.osjs__active){background-color:#f9f9f9}.osjs-gui-list-view-wrapper{border:1px solid #c1c1c1;background:#fff;color:#242424}.osjs-gui-list-view-wrapper:focus{outline:1px solid rgba(0,0,200,.2)}.osjs-gui-list-view-wrapper:disabled{opacity:.8;color:#a4a4a4}.osjs-gui-list-view-header{background:#d9d9d9;border:0}.osjs-gui-box-styled{border:1px solid #c1c1c1;background:#fff;color:#242424}.osjs-gui-box-styled:focus{outline:1px solid rgba(0,0,200,.2)}.osjs-gui-box-styled:disabled{opacity:.8;color:#a4a4a4}.osjs-gui-expander-header{background:#d9d9d9;border:0}.osjs-window[data-minimized=true]{opacity:0;pointer-events:none;display:block}.osjs-window[data-minimized=false]{display:block}.osjs-panel-item[data-name=windows]>div,.osjs-window:not([data-moving=true]):not([data-resizing=true]){transition:all .1s ease-in-out}