style and html changes
This commit is contained in:
vivek blaze
parent
a52a35e4bf
commit
fb4c40f5ea
@ -9,51 +9,52 @@ import { ChartService } from 'src/app/shared/services/chart.service';
|
||||
|
||||
@Component({
|
||||
selector: 'epic-explorer-home-worksapce',
|
||||
template: `
|
||||
<div class="body_bg py-4">
|
||||
<div class="chart_section mt-4">
|
||||
<div class="container">
|
||||
<div class="block_details mb-3">
|
||||
|
||||
<app-block-detail-list></app-block-detail-list>
|
||||
|
||||
template: `<div class="body_bg py-4">
|
||||
<div class="chart_section mt-4">
|
||||
<div class="container">
|
||||
|
||||
|
||||
<div class="row mb-3 pb-3">
|
||||
<div class="col-md-12">
|
||||
<div class="text-center detail_div countdownbox">
|
||||
<p class="count mb-0"><span class="">Countdown to Halving</span> {{countDownDate}} <span class="">Blocks to go</span> {{demo}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="text-center detail_div">
|
||||
<p class="count mb-0">
|
||||
<span class="">Countdown to Halving</span> {{countDownDate}} <span class="">Blocks to go</span> {{demo}}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block_details mb-3">
|
||||
|
||||
<app-block-detail-list></app-block-detail-list>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="explore_charts pt-3">
|
||||
<epic-explorer-graph-list
|
||||
[viewchart]="viewchartvar"
|
||||
></epic-explorer-graph-list>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
*ngIf="viewchartvar"
|
||||
routerLink="/all"
|
||||
class="text-center my-3"
|
||||
>
|
||||
<!-- <button class="btn btn_primary align-middle">
|
||||
View All Charts <i class="fa fa-long-arrow-right ml-3 "></i>
|
||||
</button> -->
|
||||
</div>
|
||||
|
||||
|
||||
<div class="explore_charts pt-3">
|
||||
<epic-explorer-graph-list
|
||||
[viewchart]="viewchartvar"
|
||||
></epic-explorer-graph-list>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="latest_blocks my-5">
|
||||
<div class="container">
|
||||
<div class="filter_shadow">
|
||||
<epic-explorer-latestblocks></epic-explorer-latestblocks>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
*ngIf="viewchartvar"
|
||||
routerLink="/all"
|
||||
class="text-center my-3"
|
||||
>
|
||||
<!-- <button class="btn btn_primary align-middle">
|
||||
View All Charts <i class="fa fa-long-arrow-right ml-3 "></i>
|
||||
</button> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="latest_blocks my-5">
|
||||
<div class="container">
|
||||
<div class="filter_shadow">
|
||||
<epic-explorer-latestblocks></epic-explorer-latestblocks>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`,
|
||||
styles: [],
|
||||
})
|
||||
|
||||
858
src/styles.css
858
src/styles.css
@ -1,51 +1,819 @@
|
||||
.background_loading {
|
||||
-webkit-animation-duration: 1s;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
-webkit-animation-name: placeHolderShimmer;
|
||||
-webkit-animation-timing-function: linear;
|
||||
background: #f6f7f9;
|
||||
background-image: linear-gradient(
|
||||
to right,
|
||||
#f6f7f9 0%,
|
||||
#e9ebee 20%,
|
||||
#f6f7f9 40%,
|
||||
#f6f7f9 100%
|
||||
);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 800px 104px;
|
||||
position: relative;
|
||||
@font-face {
|
||||
font-family: 'Bahnschrift';
|
||||
src: url('/assets/fonts/Bahnschrift.eot');
|
||||
src: url('/assets/fonts/Bahnschrift.eot?#iefix') format('embedded-opentype'),
|
||||
url('/assets/fonts/Bahnschrift.woff2') format('woff2'),
|
||||
url('/assets/fonts/Bahnschrift.woff') format('woff'),
|
||||
url('/assets/fonts/Bahnschrift.ttf') format('truetype'),
|
||||
url('/assets/fonts/Bahnschrift.svg#Bahnschrift') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
html, body{height: 100%;}
|
||||
body {
|
||||
font-family: 'Bahnschrift';
|
||||
color: #686868;
|
||||
letter-spacing: 0.5px;
|
||||
background: url(/assets/img/body_bg1.png);
|
||||
}
|
||||
.search {
|
||||
max-width: 75%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.text_underline{text-decoration: underline;color: #BF9B30}
|
||||
a:hover,
|
||||
a:focus {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
.langbut option:disabled{background-color: #f7f7f9; color: rgba(0,0,0,.2) }
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1170px;
|
||||
}
|
||||
.para_load {
|
||||
height: 20px;
|
||||
}
|
||||
.loaders {
|
||||
color: #BF9B30;
|
||||
font-size: 90px;
|
||||
text-indent: -9999em;
|
||||
overflow: hidden;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
border-radius: 50%;
|
||||
margin: 72px auto;
|
||||
position: relative;
|
||||
-webkit-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
|
||||
animation: load6 1.7s infinite ease, round 1.7s infinite ease;
|
||||
}
|
||||
@-webkit-keyframes load6 {
|
||||
0% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
|
||||
0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
||||
}
|
||||
.graph_load {
|
||||
height: 384px;
|
||||
5%,
|
||||
95% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
|
||||
0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
||||
}
|
||||
.graph.background_loading {
|
||||
height: 252px;
|
||||
background-size: cover;
|
||||
background-image: linear-gradient(
|
||||
to right,
|
||||
#f6f7f9 0%,
|
||||
#ffffff 20%,
|
||||
#f6f7f9 40%,
|
||||
#f6f7f9 100%
|
||||
);
|
||||
10%,
|
||||
59% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
|
||||
-0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
|
||||
-0.297em -0.775em 0 -0.477em;
|
||||
}
|
||||
@keyframes placeHolderShimmer {
|
||||
0% {
|
||||
background-position: -468px 0;
|
||||
}
|
||||
100% {
|
||||
background-position: 468px 0;
|
||||
}
|
||||
20% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
|
||||
-0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
|
||||
-0.749em -0.34em 0 -0.477em;
|
||||
}
|
||||
.diff_span{
|
||||
width: 42px;
|
||||
/* overflow: hidden; */
|
||||
/* max-width: 52px; */
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-overflow: ellipsis;
|
||||
38% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
|
||||
-0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
|
||||
-0.82em -0.09em 0 -0.477em;
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
|
||||
0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
||||
}
|
||||
}
|
||||
@keyframes load6 {
|
||||
0% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
|
||||
0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
||||
}
|
||||
5%,
|
||||
95% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
|
||||
0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
||||
}
|
||||
10%,
|
||||
59% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em,
|
||||
-0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em,
|
||||
-0.297em -0.775em 0 -0.477em;
|
||||
}
|
||||
20% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
|
||||
-0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em,
|
||||
-0.749em -0.34em 0 -0.477em;
|
||||
}
|
||||
38% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
|
||||
-0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em,
|
||||
-0.82em -0.09em 0 -0.477em;
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
|
||||
0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes round {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
@keyframes round {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.nav-item.dropdown.bg-white{background-color: #dadada !important;}
|
||||
/************************************************texts*****************************************/
|
||||
.txt_primary {
|
||||
color: #BF9B30;
|
||||
}
|
||||
.txt_secondary {
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.gray_txt {
|
||||
color: #555555;
|
||||
}
|
||||
.day15_txt {
|
||||
color: #686868;
|
||||
}
|
||||
.day30_txt {
|
||||
color: #686868;
|
||||
}
|
||||
.day60_txt {
|
||||
color: #686868;
|
||||
}
|
||||
.day3m_txt {
|
||||
color: #686868;
|
||||
}
|
||||
.btn:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
/*******************************************Button**********************************************/
|
||||
.theme_switch {
|
||||
background: #dadada;
|
||||
border: none;
|
||||
margin-left: 14px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
.light_theme_display {
|
||||
display: block;
|
||||
}
|
||||
.dark_theme_display {
|
||||
display: none;
|
||||
}
|
||||
/************************************************Home Page*****************************************/
|
||||
.logo_txt {
|
||||
color: #001220;
|
||||
font-size: 50px;
|
||||
}
|
||||
.flag {
|
||||
height: 25px;
|
||||
width: 25px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
vertical-align: middle;
|
||||
/* margin-right: 5px; */
|
||||
}
|
||||
.headerbg {
|
||||
background: url(/assets/img/body_bg.png);
|
||||
overflow: hidden;
|
||||
background-position-y: -22%;}
|
||||
.body_bg {
|
||||
background: url(/assets/img/body_bg.png);
|
||||
background-position-y: -22%;
|
||||
}
|
||||
.search_input {
|
||||
border-radius: 25px;
|
||||
padding: 15px;
|
||||
padding-right: 45px;
|
||||
height: 45px;
|
||||
border: none;
|
||||
background-color: #f3f4f2;
|
||||
}
|
||||
.bg_gray{background-color: #dadada ;}
|
||||
.search_btn {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 10px;
|
||||
color: #BF9B30;
|
||||
}
|
||||
.blocks {
|
||||
background: #f3f4f2;
|
||||
padding: 10px;
|
||||
}
|
||||
.box_shadow {
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
|
||||
overflow: hidden;
|
||||
border: 1px solid #dadada;
|
||||
}
|
||||
.box_shadow:hover{box-shadow: 0 1px 10px rgb(200, 158, 97);}
|
||||
.filter_shadow {
|
||||
filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));
|
||||
}
|
||||
.bg-white{background-color: #f3f4f2 !important}
|
||||
.chart_heading {
|
||||
font-size: 23px;
|
||||
font-weight: 400;
|
||||
color: #686868;
|
||||
padding: 5px;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 0px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.txn_count {
|
||||
background: #BF9B30;
|
||||
vertical-align: middle;
|
||||
border-radius: 25px;
|
||||
font-size: 13px;
|
||||
color: #f3f4f2;
|
||||
padding: 4px 18px 2px;
|
||||
/* display: inline-block; */
|
||||
margin-left: 10px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
float: right;
|
||||
margin-top: 5px;
|
||||
border: 1px solid #BF9B30;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
.txn_peers{margin-top: 2px;}
|
||||
.blocks:hover .txn_count {
|
||||
background: #f3f4f2;
|
||||
color: #BF9B30;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
.day_filter {
|
||||
background-color: #dadada;
|
||||
font-size: 13px;
|
||||
padding: 14px;
|
||||
}
|
||||
.day_filter a {
|
||||
margin: 0 5px;
|
||||
text-decoration: none !important;
|
||||
display: inline-block;
|
||||
color: #686868;
|
||||
}
|
||||
.day_filter a.active {
|
||||
border: 1px solid #BF9B30;
|
||||
/* background: #BF9B30; */
|
||||
padding: 0 5px;
|
||||
/* color: #f3f4f2 */
|
||||
color: #BF9B30
|
||||
}
|
||||
.difficulty_filter.day_filter a.active{border-color: #0056b3; color: #0056b3;}
|
||||
.explore_all {
|
||||
background: #f3f4f2;
|
||||
padding: 15px;
|
||||
font-size: 13px;
|
||||
color: #BF9B30;
|
||||
border-top: 1px solid #BF9B30;
|
||||
}
|
||||
.explore_all a {
|
||||
color: #BF9B30;
|
||||
}
|
||||
.explore_all a:hover, .explore_all a:focus {
|
||||
color: #777777;
|
||||
}
|
||||
.ip_filter {
|
||||
padding: 12px 6px;
|
||||
}
|
||||
.ip_filter a {
|
||||
margin-right: 10px;
|
||||
color: #000000;
|
||||
font-size: 13px;
|
||||
}
|
||||
.ip_filter a.active {
|
||||
color: #BF9B30;
|
||||
}
|
||||
.btn_primary {
|
||||
background: #BF9B30;
|
||||
border-radius: 25px;
|
||||
color: #f3f4f2 !important;
|
||||
text-transform: uppercase;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.detail_div {
|
||||
background-color: #f3f4f2;
|
||||
border: 1px solid #f3f4f2;
|
||||
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
|
||||
padding: 10px ;
|
||||
transition: 0.3s linear all;
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.detail_div .count {
|
||||
/* font-size: 25px; */
|
||||
font-size: 20px;
|
||||
color: #BF9B30;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.detail_div .desc {
|
||||
/* font-size: 18px; */
|
||||
font-size: 15px;
|
||||
}
|
||||
.detail_div .count span {
|
||||
font-size: 14px;
|
||||
color: #002f5b;
|
||||
}
|
||||
.detail_div:hover {
|
||||
background-color: #E1DBD1;
|
||||
border-color: #E1DBD1;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
|
||||
transition: 0.3s linear all;
|
||||
}
|
||||
.latest_table {
|
||||
background-color: #f3f4f2;
|
||||
border: 1px solid rgb(220, 228, 245);
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
padding: 15px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.latest_blocks .explore_all {
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border: 1px solid rgb(220, 228, 245);
|
||||
border-top: none;
|
||||
}
|
||||
.table th {
|
||||
border-top: none;
|
||||
color: #555555;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.table td {
|
||||
color: #111111;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.hash {
|
||||
height: 12px;
|
||||
width: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.table thead th {
|
||||
border-width: 1px;
|
||||
}
|
||||
.item_select select {
|
||||
appearance: none;
|
||||
-moz-appearance: none;
|
||||
background-color: #f3f4f2;
|
||||
-webkit-appearance: none;
|
||||
border: 1px solid #dee2e6;
|
||||
width: 47px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.item_select::after {
|
||||
position: absolute;
|
||||
content: '\f107';
|
||||
font-family: FontAwesome;
|
||||
right: 5px;
|
||||
top: 1px;
|
||||
}
|
||||
.chart_show {
|
||||
min-height: 268px;
|
||||
}
|
||||
.crisp,
|
||||
.xgrid,
|
||||
.zerolinelayer path {
|
||||
stroke: #a6a6a6 !important;
|
||||
}
|
||||
.text_break{white-space: normal !important; word-break: break-all;}
|
||||
/************************************************Footer*****************************************/
|
||||
.footer_div {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
||||
font-size: 14px;
|
||||
}
|
||||
.ftr_services a {
|
||||
padding: 0 7px;
|
||||
color: #000000;
|
||||
}
|
||||
.ftr_dropdown {
|
||||
background-color: #dadada;
|
||||
padding: 5px;
|
||||
}
|
||||
.ftr_dropdown a {
|
||||
color: #686868;
|
||||
}
|
||||
.footer_div .theme_switch {
|
||||
background: #dadada;
|
||||
}
|
||||
.privacy_txt {
|
||||
font-size: 12px;
|
||||
}
|
||||
.ftr_links {
|
||||
padding-left: 67px;
|
||||
}
|
||||
.theme_switch{padding-top: 11px; padding-bottom: 11px;}
|
||||
/*******************************************View Page**************************************************/
|
||||
.view_page_header{background: #f5f5f5;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);}
|
||||
.view_content{background-color: #eeeeee;min-height: 800px;}
|
||||
.mble_view_hdr{display: inline-block;}
|
||||
.box_shadow_large{box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);}
|
||||
.box_shadow_large a{color: #BF9B30;}
|
||||
.view_txt{color: #acacac;font-size: 17px;}
|
||||
.block_rotate {
|
||||
animation: rotation 2s infinite linear;
|
||||
-webkit-animation: rotation 2s infinite linear;
|
||||
-moz-animation: rotation 2s infinite linear;
|
||||
-o-animation: rotation 2s infinite linear;
|
||||
-ms-animation: rotation 2s infinite linear;
|
||||
}
|
||||
@keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-moz-keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-o-keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
@-ms-keyframes rotation {
|
||||
from {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
}
|
||||
}
|
||||
.link_to_detail{cursor: pointer;color: #BF9B30;}
|
||||
.link_to_detail:hover{color: #BF9B30;text-decoration: underline;}
|
||||
.mobile_table, .peer_mobile_table{border-bottom: 1px solid #686868;position: relative;}
|
||||
.mobile_table .tble_col{padding: 0;}
|
||||
.mobile_table:nth-child(even), .peer_mobile_table:nth-child(even) {
|
||||
background: #dadada;
|
||||
}
|
||||
.expnd_blck{display: none;}
|
||||
.block_div h5{color: #555;font-size: 13px;}
|
||||
.blck_value{font-size: 12px;}
|
||||
.tab_hdng{
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
.tab_hdng:after {
|
||||
content: "\f078"; /* fa-chevron-down */
|
||||
font-family: 'FontAwesome';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
a[aria-expanded="true"] > .tab_hdng:after {
|
||||
content: "\f077"; /* fa-chevron-up */
|
||||
}
|
||||
.tab_hdng{color: #333333;}
|
||||
.view_content table{border: 1px solid #dee2e6; border-top: none;}
|
||||
.word_break{word-break: break-all;white-space: normal !important;}
|
||||
.view_content .mobile_table{text-align: left; min-width: unset;}
|
||||
.tab_hdng{color: #333333;}
|
||||
.view_content table{border: 1px solid #dee2e6; border-top: none;}
|
||||
.word_break{word-break: break-all;white-space: normal !important;}
|
||||
.view_content .mobile_table{text-align: left; min-width: unset;}
|
||||
.alt_color:nth-child(odd){background-color: #f9f9f7}
|
||||
.zibra_grey{background: #dadada;}
|
||||
.zibra_white{background: #f3f4f2;}
|
||||
.test_msg{font-size: 16px;}
|
||||
.loader {
|
||||
display: flex;
|
||||
height: 100vh;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.timer{
|
||||
min-width: 140px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.langbut{
|
||||
border:none !important;
|
||||
color:#686868;
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
background: #dadada;
|
||||
}
|
||||
.langbut.ftr_lang{background: #dadada;}
|
||||
.arrow_drpdwn{
|
||||
border: solid rgba(0,0,0,.5);
|
||||
border-width: 0 2px 2px 0;
|
||||
display: inline-block;
|
||||
padding: 3px;
|
||||
transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
vertical-align: middle;
|
||||
margin-top: -4px;
|
||||
}
|
||||
.langbut:focus{outline: none;}
|
||||
.detail_div .difficulty_datas{font-size: 14px !important; color: #BF9B30; margin-bottom: 0px;}
|
||||
.net_dropdwn{
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
.peers_diff .blck_value{word-wrap: break-word;}
|
||||
.main-svg:first-child{background: rgb(243, 244, 242) none repeat scroll 0% 0% !important;}
|
||||
.bg{fill: rgb(243, 244, 242) !important;}
|
||||
/**********************************************Dark Theme CSS********************************/
|
||||
body.dark_theme {
|
||||
background: url(/assets/img/dark_bg.png);
|
||||
background-color: #222223;
|
||||
color: #f3f4f2;
|
||||
}
|
||||
.dark_theme .light_theme_display {
|
||||
display: none;
|
||||
}
|
||||
.dark_theme .dark_theme_display {
|
||||
display: block;
|
||||
}
|
||||
.dark_theme .headerbg {
|
||||
background: url(/assets/img/dark_bg1.png);
|
||||
}
|
||||
.dark_theme .body_bg {
|
||||
background: url(/assets/img/dark_bg1.png);
|
||||
/* background-position-y: -22%; */
|
||||
}
|
||||
.dark_theme .logo_txt,
|
||||
.dark_theme .ip_filter a {
|
||||
color: #f3f4f2;
|
||||
}
|
||||
.dark_theme .navbar-light .navbar-brand:focus, .dark_theme .navbar-light .navbar-brand:hover{color: #f3f4f2;}
|
||||
.dark_theme .search_input {
|
||||
background-color: #252525;
|
||||
}
|
||||
.dark_theme .box_shadow{border: 1px solid #4c4c4c}
|
||||
.dark_theme .blocks,
|
||||
.dark_theme .explore_all {
|
||||
background-color: #222223;
|
||||
}
|
||||
.dark_theme .day_filter,
|
||||
.dark_theme .detail_div {
|
||||
background-color: #252525;
|
||||
border-color: #222223;
|
||||
}
|
||||
.dark_theme .detail_div .count span {
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.dark_theme .detail_div .desc {
|
||||
color: #f3f4f2;
|
||||
}
|
||||
.dark_theme .day_filter a,
|
||||
.dark_theme .table th {
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.dark_theme .table td {
|
||||
color: #f3f4f2;
|
||||
}
|
||||
.dark_theme .day_filter a.active {
|
||||
/* background-color: #BF9B30; */
|
||||
border-color: #BF9B30;
|
||||
/* color: #f3f4f2; */
|
||||
color: #BF9B30;
|
||||
}
|
||||
.dark_theme .chart_heading {
|
||||
color: #f3f4f2;
|
||||
}
|
||||
.dark_theme .latest_table {
|
||||
background-color: #222223;
|
||||
border-color: #222223;
|
||||
}
|
||||
.dark_theme .latest_blocks .explore_all {
|
||||
background-color: #252525;
|
||||
border-color: #1c2437;
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.dark_theme .latest_blocks .explore_all a {
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.dark_theme .table td,
|
||||
.dark_theme .table th,
|
||||
.dark_theme .table thead th {
|
||||
border-color: #384566;
|
||||
}
|
||||
.dark_theme .footer_div .chart_heading .txt_secondary {
|
||||
color: #f3f4f2 !important;
|
||||
color: #BF9B30;
|
||||
}
|
||||
.dark_theme .blck_value{color: #a6a6a6;}
|
||||
.dark_theme .block_div h5{color: #BF9B30;}
|
||||
.dark_theme .ftr_services a,
|
||||
.dark_theme .ftr_services {
|
||||
color: #f3f4f2;
|
||||
}
|
||||
.dark_theme .ftr_services .gray_txt {
|
||||
color: #3b4e7c;
|
||||
}
|
||||
.dark_theme .dropdown .bg-white,
|
||||
.dark_theme .dropdown-menu,
|
||||
.dark_theme .footer_div .theme_switch,
|
||||
.dark_theme .ftr_dropdown,
|
||||
.dark_theme .langbut.ftr_lang,
|
||||
.dark_theme .bg-white {
|
||||
background-color: #222223 !important;
|
||||
color: #f3f4f2 !important;
|
||||
}
|
||||
.dark_theme .news_desc .bg-white{ background-color: #222223 !important;}
|
||||
.dark_theme footer.bg-white{background-color: transparent !important}
|
||||
.dark_theme .nav-item.dropdown .bg-white, .dark_theme .nav-item.dropdown, .dark_theme .langbut, .dark_theme .theme_switch{background-color: #252525 !important}
|
||||
.dark_theme .langbut{color: #f3f4f2 !important;}
|
||||
.dark_theme .arrow_drpdwn{border-color: #f3f4f2 !important;}
|
||||
.dark_theme .mobile_table:nth-child(2n), .dark_theme .peer_mobile_table:nth-child(2n){background: #252525;}
|
||||
.dark_theme.langbut.ftr_lang{background: #222223;color: #f3f4f2;}
|
||||
.dark_theme .dropdown a {
|
||||
color: #f3f4f2 !important;
|
||||
}
|
||||
.dark_theme td a.txt_secondary {
|
||||
color: #f3f4f2;
|
||||
}
|
||||
.dark_theme .main-svg:first-child {
|
||||
/* background: rgb(39, 49, 75) !important; */
|
||||
background: #222223 !important;
|
||||
}
|
||||
.dark_theme .g-ytitle text, .dark_theme .g-y2title text, .dark_theme .g-y3title text,
|
||||
.dark_theme .xtick text, .dark_theme .x2tick text, .dark_theme .x3tick text,
|
||||
.dark_theme .ytick text, .dark_theme .y2tick text, .dark_theme .y3tick text {
|
||||
fill: #e0e3e6 !important;
|
||||
}
|
||||
.dark_theme .crisp,
|
||||
.dark_theme .xgrid,
|
||||
.dark_theme .zerolinelayer path {
|
||||
stroke: #f3f4f2 !important;
|
||||
}
|
||||
.dark_theme .page-link {
|
||||
background-color: #222223;
|
||||
border-color: #a6a6a6;
|
||||
}
|
||||
.dark_theme .item_select select {
|
||||
border-color: #222223;
|
||||
background-color: #222223;
|
||||
color: #a6a6a6;
|
||||
}
|
||||
.dark_theme .footer_div{border-color: #a5a5a5}
|
||||
.dark_theme .view_page_header {background: #222223;}
|
||||
.dark_theme .view_content {background-color: #252525;}
|
||||
.js-plotly-plot .plotly .modebar .modebar-group,
|
||||
.zerolinelayer {
|
||||
display: none;
|
||||
}
|
||||
/* #total-difficulty .js-plotly-plot .plotly .modebar .modebar-group{display: block;} */
|
||||
#target-difficulty .js-plotly-plot .plotly .modebar .modebar-group:nth-child(1){display: block;}
|
||||
#target-difficulty .js-plotly-plot .plotly .modebar .modebar-group:nth-child(3){display: block;}
|
||||
/* #target-difficulty .js-plotly-plot .plotly .modebar .modebar-group:nth-child(4){display: block;} */
|
||||
/* #target-difficulty .js-plotly-plot .plotly .modebar .modebar-group::nth-child(6){display: block;} */
|
||||
|
||||
#total-difficulty .js-plotly-plot .plotly .modebar .modebar-group:nth-child(1){display: block;}
|
||||
#total-difficulty .js-plotly-plot .plotly .modebar .modebar-group:nth-child(3){display: block;}
|
||||
/* #total-difficulty .js-plotly-plot .plotly .modebar .modebar-group:nth-child(4){display: block;}
|
||||
#total-difficulty .js-plotly-plot .plotly .modebar .modebar-group::nth-child(5){display: block;} */
|
||||
|
||||
|
||||
.modebar-btn svg path{fill: #BF9B30 !important;}
|
||||
.dark_theme .modebar .modebar-group{ background:#222324 !important; }
|
||||
.modebar .modebar-group{ background:#f3f4f2 !important; }
|
||||
|
||||
.dark_theme .zibra_grey{background: #252525;}
|
||||
.dark_theme .zibra_white{background: #222223;}
|
||||
.dark_theme .bg{fill: transparent !important;}
|
||||
.dark_theme .not_found{color: #f3f4f2;}
|
||||
.dark_theme .card, .dark_theme .card-header{background-color: #222223; border-color: #222223;}
|
||||
.dark_theme .tab_hdng{color: #f3f4f2;}
|
||||
.dark_theme .view_content table{border-color: #384566;}
|
||||
.dark_theme .card-body{background-color: #1c2437;}
|
||||
.diff_margin{margin-bottom: -10px !important; margin-top: -10px !important;}
|
||||
.dark_theme .difficulty_datas .day60_txt{color: #a6a6a6;}
|
||||
.dark_theme .legendtext{fill: rgb(255, 255, 255) !important;}
|
||||
.dark_theme .background_loading{background: #384566;background-image: linear-gradient( to right, #384566 0%, #222223 20%, #384566 40%, #384566 100% );}
|
||||
.dark_theme .langbut option:disabled { background-color: #384566; color: rgba(255,255,255,.2);}
|
||||
@keyframes yellowfade {
|
||||
from {
|
||||
background: white;
|
||||
}
|
||||
to {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
.item-highlight {
|
||||
animation: yellowfade 5s ;
|
||||
-moz-animation: yellowfade 5s ;
|
||||
-webkit-animation: yellowfade 5s ;
|
||||
-o-animation: yellowfade 5s ;
|
||||
}
|
||||
.news_desc .bg-white{padding-top: 100px;}
|
||||
.news_desc .bg-white.inner_pages{padding: 100px 0;}
|
||||
.sk-cube-grid {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
.sk-cube-grid .sk-cube {
|
||||
width: 33%;
|
||||
height: 33%;
|
||||
background-color: #BF9B30;
|
||||
float: left;
|
||||
-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
|
||||
animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
|
||||
}
|
||||
.sk-cube-grid .sk-cube1 {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s; }
|
||||
.sk-cube-grid .sk-cube2 {
|
||||
-webkit-animation-delay: 0.3s;
|
||||
animation-delay: 0.3s; }
|
||||
.sk-cube-grid .sk-cube3 {
|
||||
-webkit-animation-delay: 0.4s;
|
||||
animation-delay: 0.4s; }
|
||||
.sk-cube-grid .sk-cube4 {
|
||||
-webkit-animation-delay: 0.1s;
|
||||
animation-delay: 0.1s; }
|
||||
.sk-cube-grid .sk-cube5 {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s; }
|
||||
.sk-cube-grid .sk-cube6 {
|
||||
-webkit-animation-delay: 0.3s;
|
||||
animation-delay: 0.3s; }
|
||||
.sk-cube-grid .sk-cube7 {
|
||||
-webkit-animation-delay: 0s;
|
||||
animation-delay: 0s; }
|
||||
.sk-cube-grid .sk-cube8 {
|
||||
-webkit-animation-delay: 0.1s;
|
||||
animation-delay: 0.1s; }
|
||||
.sk-cube-grid .sk-cube9 {
|
||||
-webkit-animation-delay: 0.2s;
|
||||
animation-delay: 0.2s; }
|
||||
.ngx-pagination .current{
|
||||
background: #c09c30 !important;
|
||||
}
|
||||
.ngx-pagination a, .ngx-pagination button{color: #a6a6a6 !important;}
|
||||
.ngx-pagination a:hover, .ngx-pagination button:hover {
|
||||
background: #c09c30 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
@-webkit-keyframes sk-cubeGridScaleDelay {
|
||||
0%, 70%, 100% {
|
||||
-webkit-transform: scale3D(1, 1, 1);
|
||||
transform: scale3D(1, 1, 1);
|
||||
} 35% {
|
||||
-webkit-transform: scale3D(0, 0, 1);
|
||||
transform: scale3D(0, 0, 1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes sk-cubeGridScaleDelay {
|
||||
0%, 70%, 100% {
|
||||
-webkit-transform: scale3D(1, 1, 1);
|
||||
transform: scale3D(1, 1, 1);
|
||||
} 35% {
|
||||
-webkit-transform: scale3D(0, 0, 1);
|
||||
transform: scale3D(0, 0, 1);
|
||||
}
|
||||
}
|
||||
.note_tag{background: #bf9b30; position: fixed; width: 100%; bottom: 0; padding: 10px; color: #fff; z-index: 2; margin: 0;}
|
||||
.note_tag span{
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media(max-width:767px){
|
||||
.countdownbox span{ display: block;}
|
||||
.countdownbox .count{white-space: normal; text-overflow: inherit; overflow: visible; font-size: 25px;}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user