Browse Source

Small fixes

master
Pete Shadbolt 6 years ago
parent
commit
3111c2863b
2 changed files with 29 additions and 76 deletions
  1. +22
    -65
      static/main.css
  2. +7
    -11
      templates/index.html

+ 22
- 65
static/main.css View File

@@ -1,5 +1,11 @@
html, body { margin: 0; padding: 0; overflow: hidden; font-size: 10pt;
font-family: monospace; }
html, body {
margin: 0;
padding: 0;
overflow: hidden;
font-size: 10pt;
font-family: monospace;
}

#node_info {
background: rgba(0, 0, 0, .8);
color:white;
@@ -8,59 +14,37 @@ font-family: monospace; }
position: absolute;
top:5px;
left:5px;
/*font-family: monospace;*/
text-align: center;
/*height:15px;*/
border-radius:3px;
pointer-events: none;
}

#server_info {
background-color: rgba(0, 0, 0, .8);
color:white;
padding: 10px;
position: absolute;
top: 10px;
right: 10px;
}

#node_name {
font-size: 12pt;
}

#node_data {
background-color: rgba(0, 0, 0, .8);
color:white;
padding: 10px;
position: absolute;
top: 10px;
left: 10px;
}

#controls {
background-color: rgba(0, 0, 0, .8);
color:white;
padding: 10px;
position: absolute;
bottom: 10px;
left: 10px;
}

#controls a {
color: white;
background-color: #222222;
border: 1px solid #555555;
padding: 3px;
margin: 1px;
display: inline-block;
text-decoration: none;
cursor: pointer;
div {
background-color: black;
color:white;
padding: 10px;
position: absolute;
}

#node_data a {
div a {
color: white;
background-color: #222222;
border: 1px solid #555555;
background-color: #333333;
border-radius: 2px;
padding: 3px;
margin: 1px;
display: inline-block;
@@ -68,30 +52,17 @@ font-family: monospace; }
cursor: pointer;
}


#version {
color:black;
padding: 10px;
position: absolute;
bottom: 10px;
left: 10px;
}

#help {
background-color: rgba(0, 0, 0, .8);
color:white;
padding: 10px;
position: absolute;
bottom: 10px;
right: 10px;
div a:hover {
color: orange;
background-color: black;
}

#help a{
color: white;
h3 {
padding: 5px 0px;
margin: 0px;
}



ul {
list-style-type: none;
padding: 0px;
@@ -103,8 +74,6 @@ li{
padding-left: 0em;
}



.visible {
visibility: visible;
opacity: 1;
@@ -118,15 +87,3 @@ li{
transform: scale(.5);
transition: visibility .08s, opacity .08s linear, transform .08s linear;
}

a {
color: yellow;
}

h3 {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 2px;
margin-bottom: 2px;
}


+ 7
- 11
templates/index.html View File

@@ -21,11 +21,12 @@
<body>
<img id=ball src="{{url_for("static", filename="img/ball.png") }}" style=display:none;>
<img id=tip src="{{url_for("static", filename="img/tip.png") }}" style=display:none;>

<div id=node_info class=hidden> </div>
<div id=server_info class=hidden> </div>
<div class="block hidden" id=server_info> </div>

<div id=node_data class=hidden>
<div id=node_name></div>
<div id=node_data class="block hidden">
<h3 id=node_name></h3>
<ul>
<li id=node_vop></li>
<li>Measure in
@@ -40,18 +41,13 @@
</ul>
</div>

<div id=controls>
<div class="block" id=controls>
<ul>
<li><a onclick="editor.clear()">Clear graph</a></li>
<li><a onclick="editor.clear()">Clear</a></li>
<li><a onclick="editor.raussendorf()">Raussendorf</a></li>
<li><a onclick="editor.raussendorf()">Share</a></li>
<li><a href="/doc">Help</a></li>
</ul>
</div>


<div id=help>
<a href="/doc">Help</a>
</div>

</body>
</html>

Loading…
Cancel
Save