Improved header bar styles
This commit is contained in:
parent
1d683f6a3a
commit
4175e58b9b
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user