/* BLU Mosaic
 * Copyright © 2021 Mavridis Philippe
 *
 * 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 HOLDER 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.
 *
 * This project aims to pay a tribute to the first popular
 *  graphical WWW browser.
 *
 * No code was taken from the original NCSA Mosaic
 *  (obviously ;D)
 *
 */

/* Notes on UI implementation:
 *Background color: #C6C8C7
 *Menubar height: 20px
 *Toolbar height: 30px
 */

/*** Root widget style ***/
.mosaic-root
{
/* These seem to be default (at least on my system) */
width: 640px;
height: 700px;

background: #C6C8C7;

/* Decorative */
border: solid 1px #000000;
position: absolute;
top: 25%;
left: 25%;
box-sizing: border-box;
}

/*** Widget defaults ***/
.mosaic-root *
{
font-family: Verdana, sans-serif;
font-size: 12pt;
  overflow: hidden;
}

/*** Base styles ***/
.mosaic-frame
{
background: #C6C8C7;
border: outset 2px #C6C8C7;
padding: 2px;
  user-select: none;
  -moz-user-select: none;
}

.mosaic-frame-pressable:active
{
border: inset 2px #C6C8C7;
}

.mosaic-toolbar
{
height: 35px;
  margin: 1px;
}

.mosaic-button
{
display: inline-block;
box-sizing: border-box;
position: relative;
}

.mosaic-button[disabled="true"]>img
{
filter: contrast(50%) brightness(125%);
}

.mosaic-button[disabled="true"]:active
{ /* override with default setting */
border: outset 2px #C6C8C7 !important;
}

/*** Widget styles ***/
.mosaic-menubar
{
font-style: oblique;
position: relative; /* for Help button */
height: 20px;
}

.mosaic-menu-button
{
/* No text selection */
cursor: default;
user-select: none;
  -moz-user-select: none;

display: inline-block;
margin: 0 15px;
}

.mosaic-browser
{
display: block;
box-sizing: border-box;

width: 100%;
height: calc( 100% - 94px );

border: inset 2px #C6C8C7;
  margin: 1px;
}