diff --git a/static/index.css b/static/index.css index f3dc0b8..1fb3728 100644 --- a/static/index.css +++ b/static/index.css @@ -3,7 +3,7 @@ body { max-width: 100%; height:100%; display: inline-table; - font-family: Inria Sans; + font-family: Roboto Mono; bottom: 20px; } @@ -62,16 +62,41 @@ display: inline-block; color: grey; } +.pagelink{ + position: fixed; + display: inline-block; + left:0px; + width:20px; + padding:10px; + background-color: white; + z-index: 10; + font-size: 15px; + border-style: solid; + border-width: 1px; + border-color: #371F10 +} + +.pagelink .pagename{ + display: block; + position: absolute; + width:auto; + padding: 5px; + font-size: 10px; + background-color: white; + visibility: hidden; + font-size: 15px; +} + +.pagelink:hover .pagename{ + visibility: visible; +} .tooltip { position: relative; display: inline-block; width: 70px; - /*font-family: helvetica;*/ - font-size: 14px; margin: 16px; vertical-align: top; - } .tooltip .tooltiptext { @@ -142,7 +167,7 @@ ul#menu li{ ul#menu{ margin-left: 10px; margin-right: 10px; - top:40px; + top:0px; bottom: 10px; padding-left: 0px; border: none; @@ -175,9 +200,16 @@ div#myBtnContainer{ overflow-y: scroll; /*z-index: -1;*/ - /*overflow-y: hidden;*/ + /* overflow-y: hidden;*/ } +div#bigbtncontainer{ + overflow-y: hidden; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: thin; + /*overflow-y: scroll;*/ + +} /*div#myBtnContainer:hover{ background-color: white; z-index: 1; @@ -186,13 +218,13 @@ div#myBtnContainer{ .filter { display: inline-block; - box-shadow: 8px 8px 8px #9D9C9C; + box-shadow: 8px 8px 8px #C4BCB9; } .show { display: inline-block; -/*box-shadow: 8px 8px 8px #303E88*/; -box-shadow: 10px 10px 20px #0BEFEB; +/*box-shadow: 8px 8px 8px #303E88;*/ +box-shadow: 10px 10px 15px #0BEFEB; } /*.container { @@ -207,16 +239,17 @@ margin-left: 40px; .btn { border: none; outline: none; - font-family: Inria Sans; - font-size: 20px; + font-family: Roboto Mono; + font-size: 18px; text-align: left; display: block; /*padding: 4px 6px;*/ /*text-shadow: 2px 2px 2px #9D9C9C;*/ /*background-color: blue;*/ cursor: pointer; - margin: 4px 4px 2px 2px; - color: #0BEFEB; + margin: 8px 2px 8px 2px; + padding: 4px; + color: #371F10; background-color: transparent; } diff --git a/templates/index.html b/templates/index.html index a74dbce..bb6a9ec 100644 --- a/templates/index.html +++ b/templates/index.html @@ -4,13 +4,17 @@ - + {{ page.name }} + +
- + @@ -57,9 +61,10 @@
-
+ {{ body|safe }} - +