Improved header bar styles

This commit is contained in:
Rob L 2016-07-29 12:48:44 -04:00
parent 1d683f6a3a
commit 4175e58b9b

View File

@ -25,11 +25,12 @@
body { margin: 0; overflow:hidden;}
canvas { width: 75%; height: 100% ;}
.reset-button {margin: 0; padding: 0; padding: 0.5vh 0.5vh; color: #AAA; font-size: 1.75vh;}
.menu-button { float: right; position: absolute; right: 0.1vw; top: 0; z-index: 5; color:white; background-color:#003133; padding: 0px; font-weight: bold; font-size:2.5vh; }
.menu-button { position: absolute; right: 0.1vw; top: 0; z-index: 5; color:white; background-color:#003133; padding: 0px; font-weight: bold; font-size:2.5vh; }
.reset-container { margin: 0; padding: 1vh; font-weight: bold; text-align: center; font-family: 'Open Sans', sans-serif; color:#67989A; background-color: maroon; width: 100%; height: 2.5vh; float:bottom; }
.wvg-controls { position: fixed; left: 85%; height: 96%; width: 15%; margin: 0; display: none;}
ul.wvg-navbar { height: 3vh; width: 100%; background-color: #003133; list-style-type: none; overflow: hidden; padding: 0; margin: 0; border: 0; }
ul.wvg-navbar li { width:auto; height: 100%; float: left; padding: 0; margin: 0; border: 0; } .wvg-tablink { height: 100%; border: 0; margin: 0; padding: 0; padding: 8px 10px; font-weight: bold; text-align: center; font-family: 'Raleway', sans-serif; color:#67989A; font-size: 1.25vh; }
.wvg-navbar { height: 3vh; width: 100%; list-style-type: none; overflow: hidden; padding: 0; margin: 0; border: 0; background-color:#003133 }
.wvg-navbar li { width:auto; height: 100%; float: left; padding: 15px; margin: 0; border: 0; text-decoration: none;}
.wvg-tablink { height: 100%; border: 0; margin: 0; padding: 0; font-weight: bold; text-align: center; font-family: 'Raleway', sans-serif; color:#67989A; font-size: 1.25vh; }
.wvg-tab-active { background-color: #0D4A4D; color: #003133; }
.wvg-tools { width: 100%; height: 98%; background: #333; display: none; color: #AAA; padding-top: 2vh; padding-left:1vw; padding-right: 2.5vw;}
.wvg-tools select, .wvg-tools input {
@ -114,11 +115,9 @@
<div id="controls" class="wvg-controls active">
<div id="wrapper">
<ul class="wvg-navbar">
<li><a class="wvg-tablink wvg-tab-active" href='#' onclick="openTab(event,'Find');">Find & Calc</a></li>
<li><a class="wvg-tablink" href='#' onclick="openTab(event,'Plan');">Plan</a></li>
<li><a class="wvg-tablink" href='#' onclick="openTab(event,'Info');">Info</a></li>
<li class="wvg-tablink wvg-tab-active" onclick="openTab(event,'Find');">Find</li>
<li class="wvg-tablink" onclick="openTab(event,'Plan');">Plan</li>
<li class="wvg-tablink" onclick="openTab(event,'Info');">Info</li>
</ul>
<div class="wvg-tools wvg-first" id="Find">
<span class="tool-header"> Find Object By Name </span>