Style fixes for tools & 404 page:

- Set Bootstrap colors for background colors
- Adjust button padding to work in more contexts
- Removed unused tool CSS. Migrated some styles to SCSS.
- Fix sticky overlap in faucets sidebar
- Make 404 page inherit from base template
This commit is contained in:
mDuo13
2020-09-11 18:02:57 -07:00
parent 84fec223e9
commit 2c3a6e0c82
25 changed files with 284 additions and 692 deletions

View File

@@ -11,44 +11,7 @@
top: 16px;
}
/* Progress spinner animation */
@keyframes rotating {
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
}
.page-test-net .throbber,
.page-tx-sender .throbber,
.interactive-block .throbber {
.throbber {
width: 24px;height:24px;
}
@@ -94,3 +57,45 @@
}
}
}
#rest_url_wrapper p {
margin: 0;
border-radius: 4px;
// $code-bg and $code-padding are from _code-tabs.scss
background-color: $code-bg;
padding: $code-padding;
overflow: auto;
}
#rest_url {
width: auto;
border: 0;
background: none;
font-size:13px;
vertical-align: top;
.editable {
color: $white;
font-weight: bold;
font-family: $font-family-monospace;
border-width: 0 0px 1px 0;
border-style: dotted;
border-color: $gray-200;
min-width: 5em;
background: none;
vertical-align: top;
}
.non_editable {
vertical-align: top;
}
div {
display: inline-block;
}
input {
margin: 0 !important;
}
}