Commit c40bf2b3 authored by Clint Mourlevat's avatar Clint Mourlevat

Fixing some CSS (responsive)

parent 45814672
......@@ -34,6 +34,7 @@ namespace Stratis.Guru.Services
var coinmarketCapApiRequest = new RestRequest(Method.GET);
var coinmarketcapApi = coinmarketCapApiClient.Execute(coinmarketCapApiRequest);
_memoryCache.Set("Coinmarketcap", coinmarketcapApi.Content);
Console.WriteLine(DateTime.Now + " - Ticker Updated");
updateTimer.Interval = TimeSpan.FromMinutes(10).TotalMilliseconds;
await _hubContext.Clients.All.SendAsync("UpdateTicker", cancellationToken);
};
......
......@@ -4,34 +4,36 @@
Layout = "_Layout";
}
<section class="welcome-area" id="welcome-1">
<div class="header-token mt-3">
<div class="header-token pt-5">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 pt-5 align-self-center text-center">
<h2>Stratis Public Key</h2>
<img src="@Url.Action("Qr", new {value = Model.PublicKey})" class="qr"/>
<div class="input-group mb-3 input-group-lg mt-4 pl-5 pr-5">
<div class="input-group mb-3 mt-2 input-group-lg pl-lg-5 pr-lg-5">
<div class="input-group-prepend">
<span class="input-group-text bg-dark text-white" id="basic-addon1">PUB</span>
<span class="input-group-text bg-dark text-white">PUB</span>
</div>
<input type="text" class="form-control bg-dark" value="@Model.PublicKey">
<div class="input-group-append">
<button class="btn btn-success" type="button"><i class="fa fa-copy"></i> Copy</button>
</div>
</div>
<p class="m-0">This is the adress than you share with others.</p>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 pt-5 align-self-center text-center">
<h2>Stratis Private Address</h2>
<img src="@Url.Action("Qr", new {value = Model.PrivateKey})" class="qr"/>
<div class="input-group mb-3 input-group-lg mt-4 pl-5 pr-5">
<div class="input-group mb-3 mt-2 input-group-lg pl-lg-5 pr-lg-5">
<div class="input-group-prepend">
<span class="input-group-text bg-dark text-white" id="basic-addon1">WIF</span>
<span class="input-group-text bg-dark text-white">WIF</span>
</div>
<input type="text" class="form-control bg-dark" value="@Model.PrivateKey">
<div class="input-group-append">
<button class="btn btn-success" type="button"><i class="fa fa-copy"></i> Copy</button>
</div>
</div>
<p class="m-0 danger">This is your spent key that you keep in safety.</p>
</div>
</div>
<div class="row mt-5">
......
......@@ -10,10 +10,10 @@
<h1 class="m-0">The <strong>$STRAT</strong> price in realtime.</h1>
<h1 class="align-middle">
<div class="d-inline-block align-middle">
<span class="click-edit" spellcheck="false">1</span> STRAT =
<span class="click-edit" spellcheck="false">1</span> STRAT <span class="d-none d-lg-inline-block">=</span>
</div>
<span class="align-middle display-1 font-weight-bold" id="amount">@(Model.UsdPrice.ToString("C2"))</span>
<span id="lastchange" class="change-@(Model.Last24Change > 0 ? "success":"danger") font-weight-bold"><sup> @((Model.Last24Change > 0 ? "+":"-")) @(Model.Last24Change.ToString("P2"))</sup></span>
<span id="lastchange" class="d-block d-lg-inline-block change-@(Model.Last24Change > 0 ? "success":"danger") font-weight-bold"><sup> <span class="d-none d-lg-inline-block">@((Model.Last24Change > 0 ? "+":"-"))</span> @(Model.Last24Change.ToString("P2"))</sup></span>
</h1>
<a asp-controller="Home" asp-action="Generator" class="btn-secondary-box"><i class="fa fa-paper-plane"></i> Get a Stratis Address</a>
</div>
......
......@@ -13,10 +13,10 @@
@if (ViewBag.Succeed == null)
{
<div class="row">
<div class="col-md-8 offset-2">
<div class="col-lg-8 col-md-12 offset-lg-2">
<div class="form-group mt-4">
<label class="text-left extra small text-white">The actual process is unthreaded and will be update in some days.</label>
<div class="input-group mb-3 input-group-lg pl-5 pr-5">
<div class="input-group mb-3 input-group-lg pl-lg-5 pr-lg-5">
<div class="input-group-prepend">
<span class="input-group-text bg-info text-white">Prefix</span>
</div>
......@@ -28,9 +28,9 @@
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 offset-2">
<div class="form-group mb-3 mt-4 pl-5 pr-5">
<div class="row mt-lg-4">
<div class="col-lg-8 col-md-12 offset-lg-2">
<div class="input-group mb-3 input-group-lg pl-lg-5 pr-lg-5">
<label class="text-left extra small text-white">You will receive the private key by email.</label>
<div class="input-group input-group-lg">
<div class="input-group-prepend">
......
......@@ -53,7 +53,7 @@
</div>
</header>
@RenderBody()
<div id="crafted" class="pb-4">
<div id="crafted">
<p class="text-center small">Proudly Crafted with 💖 by <a href="https://twitter.com/clint_network" target="_blank">Clint.Network</a> — Help me to maintain by sending some $STRAT at SR2ZXnhRnMqJNoeDiCFUnaug7TKHJocwDd.</p>
</div>
<script src="~/js/jquery-2.1.0.min.js"></script>
......
/* ----------------------------------------------------------------------------------------
Template: Arda - Bitcoin and Cryptocurrency ICO HTML Template
Version: 1.3
Author: tempload - support@tempload.com
-----------------------------------------------------------------------------------------*/
/* ---------------------------------------------
Table of contents
------------------------------------------------
01. font & reset css
02. pre-loader
03. global styles
04. buttons
05. token box
06. header
07. welcome area
08. services
09. roadmap
10. team
11. parallax
12. faq
13. block explorer
14. footer & contact
--------------------------------------------- */
/*
---------------------------------------------
font & reset css
---------------------------------------------
*/
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
......@@ -37,6 +10,17 @@ figure, header, nav, section, article, aside, footer, figcaption {
outline: 0;
}
#crafted {
position: fixed;
bottom: 0;
color: #EEEEEE;
width: 100%;
z-index: 999;
padding: 20px 0;
position: sticky;
bottom: 0;
}
.clearfix:after {
content: ".";
display: block;
......@@ -1050,7 +1034,7 @@ header
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
background-color: #3B566E;
background-color: #FFFFFF;
display: block;
position: absolute;
width: 30px;
......@@ -1064,7 +1048,7 @@ header
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
background-color: #3B566E;
background-color: #CCCCCC;
display: block;
position: absolute;
width: 30px;
......@@ -1345,11 +1329,15 @@ header
}
@media (max-width: 991px) {
.welcome-area {
/*min-height: calc(100vh - 90px) !important;*/
}
#crafted
{
position: relative;
height: 80px;
position: fixed;
background: #1b1d20;
padding: 20px 0 15px;
padding: 10px 0 15px;
margin-top: 10px;
}
.header-area {
......@@ -3103,28 +3091,18 @@ footer .footer-bottom .copyright {
margin-right: 5px;
}
#crafted
{
position: fixed;
bottom: 0;
color: #EEEEEE;
width: 100%;
z-index: 999;
}
a, a:hover, a:focus, a:active
{
color: inherit;
}
header a:not(.logo) {
header .nav a {
display: inline-block;
position: relative;
color: #0087ca;
}
header a:not(.logo)::after {
header .nav a::after {
content: '';
position: absolute;
width: 100%;
......@@ -3137,7 +3115,7 @@ header a:not(.logo)::after {
transition: transform 0.25s ease-out;
}
header a:not(.logo):hover::after {
header .nav a:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
......@@ -3232,4 +3210,19 @@ h2
.change-danger
{
color: orangered;
}
[contenteditable="true"] {
white-space: nowrap;
overflow: hidden;
}
[contenteditable="true"] br {
display: none;
}
[contenteditable="true"] * {
display: inline;
white-space: nowrap;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment