EpicCash/epic_explorer
4
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

color changes

Browse Source
This commit is contained in:
Prema 2019-08-28 12:07:48 +05:30
parent 919b37288a
commit 3d640faef1
1 changed files with 47 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
src/assets/css/style.css
View File

@ -201,6 +201,7 @@ a:focus {
padding-right: 45px; padding-right: 45px;
height: 45px; height: 45px;
border: none; border: none;
background-color: #f3f4f2;
} }
.search_btn { .search_btn {
position: absolute; position: absolute;
@ -209,7 +210,7 @@ a:focus {
color: #BF9B30; color: #BF9B30;
} }
.blocks { .blocks {
background: #fff; background: #f3f4f2;
padding: 10px; padding: 10px;
} }
.box_shadow { .box_shadow {
@ -221,6 +222,7 @@ a:focus {
.filter_shadow { .filter_shadow {
filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));
} }
.bg-white{background-color: #f3f4f2 !important}
.chart_heading { .chart_heading {
font-size: 23px; font-size: 23px;
font-weight: 400; font-weight: 400;
@ -236,7 +238,7 @@ a:focus {
vertical-align: middle; vertical-align: middle;
border-radius: 25px; border-radius: 25px;
font-size: 13px; font-size: 13px;
color: #fff; color: #f3f4f2;
padding: 4px 18px 2px; padding: 4px 18px 2px;
/* display: inline-block; */ /* display: inline-block; */
margin-left: 5px; margin-left: 5px;
@ -248,7 +250,7 @@ a:focus {
transition: all 0.3s linear; transition: all 0.3s linear;
} }
.blocks:hover .txn_count { .blocks:hover .txn_count {
background: #fff; background: #f3f4f2;
color: #BF9B30; color: #BF9B30;
transition: all 0.3s linear; transition: all 0.3s linear;
} }
@ -263,14 +265,14 @@ a:focus {
display: inline-block; display: inline-block;
} }
.day_filter a.active { .day_filter a.active {
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid #BF9B30;
background: #686868; background: #BF9B30;
padding: 0 5px; padding: 0 5px;
color: #ffffff color: #f3f4f2
} }
.difficulty_filter.day_filter a.active{border-color: #0056b3; color: #0056b3;} .difficulty_filter.day_filter a.active{border-color: #0056b3; color: #0056b3;}
.explore_all { .explore_all {
background: #ffffff; background: #f3f4f2;
padding: 15px; padding: 15px;
font-size: 13px; font-size: 13px;
color: #BF9B30; color: #BF9B30;
@ -296,13 +298,13 @@ a:focus {
.btn_primary { .btn_primary {
background: #BF9B30; background: #BF9B30;
border-radius: 25px; border-radius: 25px;
color: #fff !important; color: #f3f4f2 !important;
text-transform: uppercase; text-transform: uppercase;
padding: 10px 20px; padding: 10px 20px;
} }
.detail_div { .detail_div {
background-color: #fff; background-color: #f3f4f2;
border: 1px solid #fff; border: 1px solid #f3f4f2;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
padding: 10px ; padding: 10px ;
transition: 0.3s linear all; transition: 0.3s linear all;
@ -326,13 +328,13 @@ a:focus {
color: #002f5b; color: #002f5b;
} }
.detail_div:hover { .detail_div:hover {
background-color: #ecf2ff; background-color: #E1DBD1;
border-color: #ecf2ff; border-color: #E1DBD1;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
transition: 0.3s linear all; transition: 0.3s linear all;
} }
.latest_table { .latest_table {
background-color: #fff; background-color: #f3f4f2;
border: 1px solid rgb(220, 228, 245); border: 1px solid rgb(220, 228, 245);
border-top-left-radius: 10px; border-top-left-radius: 10px;
border-top-right-radius: 10px; border-top-right-radius: 10px;
@ -365,7 +367,7 @@ a:focus {
.item_select select { .item_select select {
appearance: none; appearance: none;
-moz-appearance: none; -moz-appearance: none;
background-color: #fff; background-color: #f3f4f2;
-webkit-appearance: none; -webkit-appearance: none;
border: 1px solid #dee2e6; border: 1px solid #dee2e6;
width: 47px; width: 47px;
@ -539,8 +541,8 @@ margin-right: 10px;
/**********************************************Dark Theme CSS********************************/ /**********************************************Dark Theme CSS********************************/
body.dark_theme { body.dark_theme {
background: url(/assets/img/dark_bg.png); background: url(/assets/img/dark_bg.png);
background-color: #1d1d1f; background-color: #222223;
color: #fff; color: #f3f4f2;
} }
.dark_theme .light_theme_display { .dark_theme .light_theme_display {
display: none; display: none;
@ -557,27 +559,27 @@ body.dark_theme {
} }
.dark_theme .logo_txt, .dark_theme .logo_txt,
.dark_theme .ip_filter a { .dark_theme .ip_filter a {
color: #ffffff; color: #f3f4f2;
} }
.dark_theme .navbar-light .navbar-brand:focus, .dark_theme .navbar-light .navbar-brand:hover{color: #ffffff;} .dark_theme .navbar-light .navbar-brand:focus, .dark_theme .navbar-light .navbar-brand:hover{color: #f3f4f2;}
.dark_theme .search_input { .dark_theme .search_input {
background-color: #252525; background-color: #252525;
} }
.dark_theme .box_shadow{border: 1px solid #4c4c4c} .dark_theme .box_shadow{border: 1px solid #4c4c4c}
.dark_theme .blocks, .dark_theme .blocks,
.dark_theme .explore_all { .dark_theme .explore_all {
background-color: #1d1d1f; background-color: #222223;
} }
.dark_theme .day_filter, .dark_theme .day_filter,
.dark_theme .detail_div { .dark_theme .detail_div {
background-color: #252525; background-color: #252525;
border-color: #1d1d1f; border-color: #222223;
} }
.dark_theme .detail_div .count span { .dark_theme .detail_div .count span {
color: #a6a6a6; color: #a6a6a6;
} }
.dark_theme .detail_div .desc { .dark_theme .detail_div .desc {
color: #ffffff; color: #f3f4f2;
} }
.dark_theme .day_filter a, .dark_theme .day_filter a,
.dark_theme .table th { .dark_theme .table th {
@ -587,15 +589,16 @@ body.dark_theme {
color: #c0d2ff; color: #c0d2ff;
} }
.dark_theme .day_filter a.active { .dark_theme .day_filter a.active {
background-color: #1d1d1f; background-color: #BF9B30;
/* border-color: #BF9B30 */ border-color: #BF9B30;
color: #f3f4f2;
} }
.dark_theme .chart_heading { .dark_theme .chart_heading {
color: #ffffff; color: #f3f4f2;
} }
.dark_theme .latest_table { .dark_theme .latest_table {
background-color: #1d1d1f; background-color: #222223;
border-color: #1d1d1f; border-color: #222223;
} }
.dark_theme .latest_blocks .explore_all { .dark_theme .latest_blocks .explore_all {
background-color: #252525; background-color: #252525;
@ -611,11 +614,11 @@ body.dark_theme {
border-color: #384566; border-color: #384566;
} }
.dark_theme .footer_div .chart_heading .txt_secondary { .dark_theme .footer_div .chart_heading .txt_secondary {
color: #ffffff !important; color: #f3f4f2 !important;
color: #c0d2ff; color: #c0d2ff;
} }
.dark_theme .blck_value{color: #c0d2ff;} .dark_theme .blck_value{color: #c0d2ff;}
.dark_theme .block_div h5{color: #ffffff;} .dark_theme .block_div h5{color: #f3f4f2;}
.dark_theme .ftr_services a, .dark_theme .ftr_services a,
.dark_theme .ftr_services { .dark_theme .ftr_services {
color: #c0d2ff; color: #c0d2ff;
@ -629,25 +632,25 @@ body.dark_theme {
.dark_theme .ftr_dropdown, .dark_theme .ftr_dropdown,
.dark_theme .langbut.ftr_lang, .dark_theme .langbut.ftr_lang,
.dark_theme .bg-white { .dark_theme .bg-white {
background-color: #1d1d1f !important; background-color: #222223 !important;
color: #ffffff !important; color: #f3f4f2 !important;
} }
.dark_theme .news_desc .bg-white{ background-color: #1d1d1f !important;} .dark_theme .news_desc .bg-white{ background-color: #222223 !important;}
.dark_theme footer.bg-white{background-color: transparent !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 .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: #ffffff !important;} .dark_theme .langbut{color: #f3f4f2 !important;}
.dark_theme .arrow_drpdwn{border-color: #ffffff !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 .mobile_table:nth-child(2n), .dark_theme .peer_mobile_table:nth-child(2n){background: #252525;}
.dark_theme.langbut.ftr_lang{background: #1d1d1f;color: #ffffff;} .dark_theme.langbut.ftr_lang{background: #222223;color: #f3f4f2;}
.dark_theme .dropdown a { .dark_theme .dropdown a {
color: #ffffff !important; color: #f3f4f2 !important;
} }
.dark_theme td a.txt_secondary { .dark_theme td a.txt_secondary {
color: #c0d2ff; color: #c0d2ff;
} }
.dark_theme .main-svg:first-child { .dark_theme .main-svg:first-child {
/* background: rgb(39, 49, 75) !important; */ /* background: rgb(39, 49, 75) !important; */
background: #1d1d1f !important; background: #222223 !important;
} }
.dark_theme .g-ytitle text, .dark_theme .g-y2title text, .dark_theme .g-y3title text, .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 .xtick text, .dark_theme .x2tick text, .dark_theme .x3tick text,
@ -660,31 +663,31 @@ body.dark_theme {
stroke: #384566 !important; stroke: #384566 !important;
} }
.dark_theme .page-link { .dark_theme .page-link {
background-color: #1d1d1f; background-color: #222223;
border-color: #a6a6a6; border-color: #a6a6a6;
} }
.dark_theme .item_select select { .dark_theme .item_select select {
border-color: #1d1d1f; border-color: #222223;
background-color: #1d1d1f; background-color: #222223;
color: #a6a6a6; color: #a6a6a6;
} }
.dark_theme .footer_div{border-color: #a5a5a5} .dark_theme .footer_div{border-color: #a5a5a5}
.dark_theme .view_page_header {background: #1c2437;} .dark_theme .view_page_header {background: #1c2437;}
.dark_theme .view_content {background-color: #1d1d1f;} .dark_theme .view_content {background-color: #222223;}
.js-plotly-plot .plotly .modebar, .js-plotly-plot .plotly .modebar,
.zerolinelayer { .zerolinelayer {
display: none; display: none;
} }
.dark_theme .bg{fill: transparent !important;} .dark_theme .bg{fill: transparent !important;}
.dark_theme .not_found{color: #ffffff;} .dark_theme .not_found{color: #f3f4f2;}
.dark_theme .card, .dark_theme .card-header{background-color: #1d1d1f; border-color: #1d1d1f;} .dark_theme .card, .dark_theme .card-header{background-color: #222223; border-color: #222223;}
.dark_theme .tab_hdng{color: #ffffff;} .dark_theme .tab_hdng{color: #f3f4f2;}
.dark_theme .view_content table{border-color: #384566;} .dark_theme .view_content table{border-color: #384566;}
.dark_theme .card-body{background-color: #1c2437;} .dark_theme .card-body{background-color: #1c2437;}
.diff_margin{margin-bottom: -10px !important; margin-top: -10px !important;} .diff_margin{margin-bottom: -10px !important; margin-top: -10px !important;}
.dark_theme .difficulty_datas .day60_txt{color: #a6a6a6;} .dark_theme .difficulty_datas .day60_txt{color: #a6a6a6;}
.dark_theme .legendtext{fill: rgb(255, 255, 255) !important;} .dark_theme .legendtext{fill: rgb(255, 255, 255) !important;}
.dark_theme .background_loading{background: #384566;background-image: linear-gradient( to right, #384566 0%, #1d1d1f 20%, #384566 40%, #384566 100% );} .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);} .dark_theme .langbut option:disabled { background-color: #384566; color: rgba(255,255,255,.2);}
@keyframes yellowfade { @keyframes yellowfade {
from { from {