min.css

/*
 * min.css for OpenJSCAD.org viewer
 */

.jscad-container {
  margin: 0px 0px 0px 0px; /* not inherited */
  padding: 0px; /* not inherited */
  color: Black;
  font-weight: bold;
  font-family: Helvetica, Arial, Sans;
  flex: 2;
}

.sideBar {
    flex: 1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #B0AEB0;
    color: white;
}

.flex-parent {
  display: flex;
}

#header {
  margin: 0px; /* not inherited */
}

#viewerContext {
  margin: 0px; /* not inherited */
  padding: 0px; /* not inherited */

  background: white;

  top: 0px;
  bottom: 0px;
  
  cursor: move; 
  
  height: 100%;
  width: 100%;
}

canvas { 
  margin: 0px; /* not inherited */
  padding: 0px; /* not inherited */

  width: 100%;
  height: 100%;
  
  display: block;

}

body {
    font-family: 'Work Sans', sans-serif;
}

#parametersdiv {
  margin: 0px; /* not inherited */
  padding: 0px;

  background: white;
  opacity: 0.8;
}

#parametersdiv table {

  text-align: left;
  font-size: 0.8em;
  font-weight: normal;
}

#parametersdiv th {
  margin:  0px; /* not inherited */
  padding: 0px; /* not inherited */

  font-weight: bold;
}

#parametersdiv th.caption {
  text-decoration: underline;
}

#parametersdiv td.caption {
  text-align: right;
  font-weight: bold;
}

#parametersdiv td {
  margin:  0px; /* not inherited */
  padding: 0px; /* not inherited */
}

#parametersdiv input, #parametersdiv textarea, #parametersdiv select {
  font-size: 0.9em;
  background: #fea;
  border: none;
}

#updateButton {
  margin:  0px; /* not inherited */
  padding: 0px; /* not inherited */
  background: white;

}

#tail { 
  margin: 0px; /* not inherited */
}

#busy {
  vertical-align: middle;
}

#box{
    border: 1px solid #999;
}

.menu{
    width: 12rem;
    background-color: #f4f4f4;
    color: #333;
    border: 1px solid #aaa;
    box-shadow: 2px 2px 2px #999;
    border-radius: 0.2rem;
    list-style: none;
    position: fixed;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.menu.off{
    top: -200%;
    left: -200%;
}

.menu-item{
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 1rem;
    font-weight: 100;
    padding: 0 1rem;
    cursor: pointer;
}

.menu-item:hover,
.menu-item:active{
    color: #000;
    font-weight: 500;
    background-color: #ffffff;
}

.sidebar-list{
    list-style: none;
}

.sidebar-item{
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 1rem;
    font-weight: 100;
    padding: 0 1rem;
    cursor: pointer;
}

.sidebar-item:hover,

.sidebar-item:active{
    color: #000;
    font-weight: 500;
    background-color: #ffffff;
}

.sidebar-subitem{
    display:inline-block;
    padding-left: 10px;
}