diff --git a/css/style.css b/css/style.css index 0413a71..0023fc9 100644 --- a/css/style.css +++ b/css/style.css @@ -1,14 +1,89 @@ -html, body { +html, +body { height: 100%; + font-family: konnect; +} + +@font-face { + font-family: 'konnect'; + src: url('../fonts/KonnectSemiBold.otf') format('opentype'); } body { - background-image: url("../images/background.jpg"); - background-color:#ffffff; + background-image: url("../images/background2.png"); + background-color: linear-gradient(to right bottom, #17a7b6, #00bbc0, #00cec7, #00e2c8, #34f5c6); + background-repeat: no-repeat; + background-size: cover; } +#whitecontent { + font-weight: bold; + color: black; +} + +#whitecontent a { + color: #fff; +} + +#jsalert { + color: #fff; +} + +#jsalert a { + color: black; +} + +#wallet small, +i { + color: #fff; +} + +#newAddress small, +i { + color: #fff; +} + +#newSegWit small, +i { + color: #fff; +} + +#newSegWit a { + color: black; +} + +#newMultiSig small, +i { + color: #fff; +} + +#newMultiSig a { + color: black; + font-weight: 1000; +} + +#newTimeLocked small, +a { + color: #fff; +} + +#newHDaddress small, +i { + color: #fff; +} + +#newTransaction small { + color: #fff; +} + +#newTransaction a { + color: black; +} + + + .displaynone { - display:none; + display: none; } #wrap { @@ -27,11 +102,11 @@ body { } .alert { - overflow: hidden; - -ms-text-overflow: ellipsis; - -o-text-overflow: ellipsis; - text-overflow: ellipsis; - display: block; + overflow: hidden; + -ms-text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-overflow: ellipsis; + display: block; } #fees .txi_regular { @@ -62,16 +137,14 @@ body { background: #FAFE92; } -#fees .txinputs { -} +#fees .txinputs {} -#fees .txoutputs { -} +#fees .txoutputs {} .hideOverflow { - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } #fees .slider { @@ -79,7 +152,7 @@ body { appearance: none; width: 100%; height: 30px; - outline: none; + outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; @@ -119,3 +192,15 @@ body { #fees .total { font-size: 100px; } + +#discord, +#twitter { + margin-left: 50px; + color: black; + font-size: 30px; +} + +#web { + color: black; + font-size: 30px; +} \ No newline at end of file diff --git a/fonts/KonnectSemiBold.otf b/fonts/KonnectSemiBold.otf new file mode 100644 index 0000000..e4f4482 Binary files /dev/null and b/fonts/KonnectSemiBold.otf differ diff --git a/images/background2.png b/images/background2.png new file mode 100644 index 0000000..d1c2c56 Binary files /dev/null and b/images/background2.png differ diff --git a/images/raven.png b/images/raven.png new file mode 100644 index 0000000..a22e149 Binary files /dev/null and b/images/raven.png differ diff --git a/index.html b/index.html index d349c80..9dcdb5e 100644 --- a/index.html +++ b/index.html @@ -1,300 +1,374 @@ - + - - Avian Wallet by Coinb.in + - - - + Avian Wallet by Coinb.in +