Pete Shadbolt
7 anos atrás
2 arquivos alterados com 29 adições e 76 exclusões
Visão dividida
Opções de diferenças
-
+22 -65static/main.css
-
+7 -11templates/index.html
+ 22
- 65
static/main.css
Ver arquivo
| @@ -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
Ver arquivo
| @@ -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> | |||