Pete Shadbolt
7 years ago
2 changed files with 29 additions and 76 deletions
Unified View
Diff Options
-
+22 -65static/main.css
-
+7 -11templates/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 { | #node_info { | ||||
| background: rgba(0, 0, 0, .8); | background: rgba(0, 0, 0, .8); | ||||
| color:white; | color:white; | ||||
| @@ -8,59 +14,37 @@ font-family: monospace; } | |||||
| position: absolute; | position: absolute; | ||||
| top:5px; | top:5px; | ||||
| left:5px; | left:5px; | ||||
| /*font-family: monospace;*/ | |||||
| text-align: center; | text-align: center; | ||||
| /*height:15px;*/ | |||||
| border-radius:3px; | border-radius:3px; | ||||
| pointer-events: none; | pointer-events: none; | ||||
| } | } | ||||
| #server_info { | #server_info { | ||||
| background-color: rgba(0, 0, 0, .8); | |||||
| color:white; | |||||
| padding: 10px; | |||||
| position: absolute; | |||||
| top: 10px; | top: 10px; | ||||
| right: 10px; | right: 10px; | ||||
| } | } | ||||
| #node_name { | |||||
| font-size: 12pt; | |||||
| } | |||||
| #node_data { | #node_data { | ||||
| background-color: rgba(0, 0, 0, .8); | |||||
| color:white; | |||||
| padding: 10px; | |||||
| position: absolute; | |||||
| top: 10px; | top: 10px; | ||||
| left: 10px; | left: 10px; | ||||
| } | } | ||||
| #controls { | #controls { | ||||
| background-color: rgba(0, 0, 0, .8); | |||||
| color:white; | |||||
| padding: 10px; | |||||
| position: absolute; | |||||
| bottom: 10px; | bottom: 10px; | ||||
| left: 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; | color: white; | ||||
| background-color: #222222; | |||||
| border: 1px solid #555555; | |||||
| background-color: #333333; | |||||
| border-radius: 2px; | |||||
| padding: 3px; | padding: 3px; | ||||
| margin: 1px; | margin: 1px; | ||||
| display: inline-block; | display: inline-block; | ||||
| @@ -68,30 +52,17 @@ font-family: monospace; } | |||||
| cursor: pointer; | 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 { | ul { | ||||
| list-style-type: none; | list-style-type: none; | ||||
| padding: 0px; | padding: 0px; | ||||
| @@ -103,8 +74,6 @@ li{ | |||||
| padding-left: 0em; | padding-left: 0em; | ||||
| } | } | ||||
| .visible { | .visible { | ||||
| visibility: visible; | visibility: visible; | ||||
| opacity: 1; | opacity: 1; | ||||
| @@ -118,15 +87,3 @@ li{ | |||||
| transform: scale(.5); | transform: scale(.5); | ||||
| transition: visibility .08s, opacity .08s linear, transform .08s linear; | 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> | <body> | ||||
| <img id=ball src="{{url_for("static", filename="img/ball.png") }}" style=display:none;> | <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;> | <img id=tip src="{{url_for("static", filename="img/tip.png") }}" style=display:none;> | ||||
| <div id=node_info class=hidden> </div> | <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> | <ul> | ||||
| <li id=node_vop></li> | <li id=node_vop></li> | ||||
| <li>Measure in | <li>Measure in | ||||
| @@ -40,18 +41,13 @@ | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| <div id=controls> | |||||
| <div class="block" id=controls> | |||||
| <ul> | <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()">Raussendorf</a></li> | ||||
| <li><a onclick="editor.raussendorf()">Share</a></li> | |||||
| <li><a href="/doc">Help</a></li> | |||||
| </ul> | </ul> | ||||
| </div> | </div> | ||||
| <div id=help> | |||||
| <a href="/doc">Help</a> | |||||
| </div> | |||||
| </body> | </body> | ||||
| </html> | </html> | ||||