/*
   Stylesheet for nodeGame window
   Copyright(c) 2014 Stefano Balietti
   MIT Licensed

   www.nodegame.org
   ---
*/

body {
    /* height: 98%; */
    margin: auto;
    padding: 0 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: black;
}

/* mainframe */

iframe#ng_mainframe {
    border: 0;
    padding: 10px;
}

.ng_mainframe-header-vertical-r {
    height: 100%;
    float: left;
    width: 86%;
}

.ng_mainframe-header-vertical-l {
    height: 100%;
    float: right;
    width: 86%;
}

.ng_mainframe-header-horizontal {
    height: 88%;
    width: 98%;
    clear: both;
}

/* header */

div#ng_header {
    padding: 2px 10px;
    color: black;
    border: 0;
    margin: 0;
}

.ng_header_position-horizontal-t, .ng_header_position-horizontal-b {
    width: 98%;
    height: 10%;
}

.ng_header_position-vertical-r {
    float: right;
    width: 10%;
}

.ng_header_position-vertical-l {
    float: left;
    width: 10%;
}

div#ng_waitScreen {
    z-index: 10000;
    filter: alpha(opacity=50); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5;   /*older Safari*/
    opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#000000;
    position:fixed;
    top:0px; left:0px; width:100%; height:100%;
    color:#FFFFFF;
    text-align:center;
    vertical-align:middle;
    font-weight: bold;
    font-size: 30px;
    padding: 20px;
}

canvas {
    border: 1px #CCC solid;
}

label {
    display: block;
    float: left;
    min-width: 200px;
}
input[type="range"] {
    margin-bottom: 5px;
    margin-left: 5px
}

/* General nodeGame */

.strong {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.strike {
    text-decoration: line-through;
}