diff --git a/static/application.css b/static/application.css index c6850fd..c273a42 100644 --- a/static/application.css +++ b/static/application.css @@ -25,7 +25,7 @@ textarea { color: #7d7d7d; z-index: -1000; position: absolute; - top: 20px; + /* top: 20px; */ left: 0px; width: 30px; /* 30 to get 20 away from box */ font-size: 13px; @@ -54,12 +54,12 @@ textarea { /* key */ #key { - position: fixed; - top: 0px; - right: 0px; - z-index: +1000; /* watch out */ + display: flex; + justify-content: space-between; + width: 100%; + position: sticky; + flex-wrap: row; } - #box1 { padding: 5px; text-align: center; @@ -67,19 +67,22 @@ textarea { } #box2 { + display: flex; + justify-content: right; background: #fcfcfc; font-size: 0px; padding: 0px 5px; } -#box1 a.logo, #box1 a.logo:visited { +a.logo, a.logo:visited { display: inline-block; background: url(logo.png); width: 126px; + min-width: 126px; height: 42px; } -#box1 a.logo:hover { +a.logo:hover { background-position: 0 bottom; } @@ -113,6 +116,8 @@ textarea { } #box3, #messages li { + position: absolute; + right: 100px; background: #fcfcfc; font-family: Helvetica, sans-serif; font-size: 12px; @@ -120,11 +125,16 @@ textarea { padding: 10px 15px; } -#box3 .label, #messages li { - color: #fff; +#box3 .label { + color: #000; font-weight: bold; } +#messages li { + color: #FFF; + right: 50px; +} + #box3 .shortcut { color: #c4dce3; font-weight: normal; @@ -152,12 +162,8 @@ textarea { #box2 .button-picture{ border-width: 0; font-size: inherit; } #messages { - position:fixed; - top:0px; - right:138px; margin:0; padding:0; - width:400px; } #messages li { diff --git a/static/function-icons.png b/static/function-icons.png index a06253f..7c76831 100644 Binary files a/static/function-icons.png and b/static/function-icons.png differ diff --git a/static/index.html b/static/index.html index 74de246..6e25573 100644 --- a/static/index.html +++ b/static/index.html @@ -1,8 +1,7 @@ - - - hastebin + Webionite hastebin + @@ -39,30 +38,27 @@ -
- -
- -
-
- - - - - -
-
- - diff --git a/static/logo.png b/static/logo.png index a03ce90..73390fd 100644 Binary files a/static/logo.png and b/static/logo.png differ