/*!*************************************************************** MINICORE CSS settings ****************************************************************/ /*!************************************************************************************************************ ##Device = All ##Screen = All **************************************************************************************************************/ body { font-family: poppins, sans-serif; font-size: 1rem; background-color: #222d32; color: #ffffff; font-weight: 300; } .sidebar-collapse .main-header, .sidebar-collapse .main-header .navbar, .sidebar-collapse .content-wrapper, .sidebar-collapse .main-footer { transition: transform .5s ease-in-out,margin .5s ease-in-out; margin-left:0; } .wrapper { position: relative; overflow-x: hidden; overflow-y: hidden; } .main-header, .main-index-header { position: relative; max-height: 100px; background-color: #151c1f !important; box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 2px 18px 4px rgba(20, 20, 20, 0.5); z-index: 4; } .main-header .navbar-custom-menu, .main-header .navbar-right { float: right; } .fa-brands { color: #eee; } .main-header .sidebar-toggle { float: left; background-color: transparent; background-image: none; padding: 10px 10px; } .main-header, .main-index-header { top: 0; right: 0; left: 0; width: 100%; position: fixed; } .header-text { -webkit-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out; transition: width .3s ease-in-out; display: block; float: left; height: 50px; font-size: 20px; line-height: 50px; text-align: center; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 0 15px; font-weight: 300; overflow: hidden; color: #ffffff; border-bottom: 0 solid transparent; } .main-index { min-height: 100vh; } .main-pool { min-height: 100vh; } .content-wrapper { padding-top: 0; padding-bottom: 0; } .content-header { position: relative; padding: 15px 15px 0 15px; } .content-header > h1 { margin: 0; font-size: 24px; } .content-header>h1>small { font-size:15px; display:inline-block; padding-left:4px; font-weight:300 } .content { min-height: 250px; padding: 15px; padding-top: 70px; padding-bottom: 70px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .contento { min-height: 250px; padding: 15px; padding-top: 0px; padding-bottom: 50px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .stamp { color: #ffffff; background: #ffffff; display: inline-block; min-width: 2rem; height: 2rem; padding: 10 .25rem; line-height: 2rem; text-align: center; border-radius: 18px; font-weight: 600; } .stamp-md { min-width: 2.5rem; height: 2.5rem; line-height: 2.5rem; } /*!*************************************************************** SIDEBAR ****************************************************************/ .main-sidebar { top:0; left:0 !important; margin-top: 0; font-size: 16px; width: 230px; height: 100%; max-height: 100%; min-height: 100%; display: block; position: fixed; box-shadow: 0 16px 38px -12px rgba(0, 30, 40, 0.0), 0 20px 25px 0px rgba(11, 15, 15, 0.9), 0 8px 10px -5px rgba(0, 0, 0, 0.0); background-attachment: scroll; background-clip: border-box; background-color: rgb(21, 28, 31); background-origin: padding-box; background-position: center; background-repeat: no-repeat; background-size: auto; z-index:810; -webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out; -moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out; -o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out; transition:transform .3s ease-in-out,width .3s ease-in-out } .main-sidebar::after { content: ""; opacity: 0.4; top: 1; left: 1; bottom: 1; right: 1; position: absolute; z-index: -1; width: 100%; height: 100%; height: auto !important; } .sidebar { padding-bottom:10px } .sidebar li a { margin: 10px 15px 0; border-radius: 3px; color: #ffffff; padding-left: 10px; padding-right: 10px; text-transform: capitalize; padding: 10px 15px; } .sidebar li:hover>a, .sidebar li.active>a, .sidebar li.menu-open>a { color: #ffffff; background: #2c3e66; border-radius: 10px; padding-left: 10px; padding-right: 7px; transition: 0.15s padding-left, 0.15s padding-right, 0.15s background; } .sidebar i { font-size: 20px; float: left; margin-right: 15px; line-height: 30px; width: 30px; text-align: center; /* color: #a9afbb; */ } .sidebar i span { margin: 0; line-height: 30px; font-size: 14px; position: relative; display: block; height: auto; white-space: nowrap; } .sidebar .logo { padding: 0px 0px; margin: 0; display: block; position: relative; z-index: 4; } .sidebar .logo:after { content: ''; position: absolute; bottom: 0; right: 15px; height: 3px; border-radius: 3px; width: calc(100% - 30px); background-color: rgba(255, 255, 255, 1.0); } .sidebar .logo p { float: center; font-size: 20px; margin: 10px 10px; color: #899da6; line-height: 20px; } .sidebar .logo .simple-text { text-transform: Normal; padding: 5px 0px; display: inline-block; font-size: 15px; color: #ffffff; white-space: nowrap; font-weight: 400; line-height: 30px; overflow: hidden; text-align: center; display: block; } .sidebar-menu { list-style:none; margin:0; padding:0 } .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header { white-space:nowrap; overflow:hidden } /*!*************************************************************** TABLES ****************************************************************/ .table { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 25px; color: #ffffff; max-width: 100%; border-spacing: 0; border: 1.5px solid rgb(44 62 102); border-radius: 10px; border-collapse: separate; } .table th { padding: 0.75rem; vertical-align: middle; border-top: 0px solid rgba(255, 255, 250, 0.7); border-left: 0px solid #d5d7d7; border-right: 0px solid #d5d7d7; border-bottom: 0px solid rgba(255, 255, 250, 0.7); } .table tr { border-top: 1px solid rgb(44 62 102); border-left: 0px solid rgba(255, 255, 250, 0.7); border-right: 0px solid rgba(255, 255, 250, 0.7); border-bottom: 0px solid rgba(255, 255, 250, 0.7); text-align: middle; font-size: 1.05rem; } .table tr:hover { background-color: tranparent; } .table td { padding: 0.5rem; vertical-align: middle; border-top: 1px solid rgb(44 62 102); border-left: 0px solid #d5d7d7; border-right: 0px solid #d5d7d7; border-bottom: 0px solid rgba(255, 255, 250, 0.7); margin-top: 4px; margin-bottom: 4px; font-size: 1.05rem; } .table td:hover { cursor: pointer; } .table a { color: #ffffff; } .table a:hover { background-color: transparent; } .row { display: flex; flex-wrap: wrap; margin-top: 0px; margin-bottom: 6px; margin-left: 0px; margin-right: 0px; } .col { text-align: center; } .btn { margin-top: 5px; margin-bottom: 5px; margin-left: 1px; margin-right: 1px; border: 3.5px solid #67aa3a; border-radius: 20px; padding-top: 8px; padding-bottom: 8px; padding-left: 25px; padding-right: 25px; position: inherit; color: #ffffff; background: transparent; text-transform: unset; transition: 0.1s border, 0.1s background; } /* Hover, active, and menu-open states for .btn */ .btn:hover, .btn.active, .btn.menu-open { color: #ffffff; border: 3.5px solid #67aa3a; background: #67aa3a; border-radius: 20px; padding-top: 8px; padding-bottom: 8px; padding-left: 25px; padding-right: 25px; transition: 0.1s border, 0.1s background; } .copybtn { margin-top: 0px; margin-bottom: 0px; margin-left: 15px; margin-right: 0px; border: 3px solid #67aa3a; border-radius: 15px; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px; position: inherit; color: #ffffff; background: transparent; text-transform: unset; transition: 0.15s background; } .copybtn.copied { color: #ffffff; border: 3px solid #67aa3a; background: #67aa3a; border-radius: 15px; padding-top: 3px; padding-bottom: 3px; padding-left: 28px; padding-right: 28px; transition: 0.15s background; animation: fadeIn 0.3s ease-out; } .copybtn.copied:hover, .copybtn.copied.active, .copybtn.copied.menu-open { color: #ffffff; border: 3px solid #67aa3a; background: #67aa3a; border-radius: 15px; padding-top: 3px; padding-bottom: 3px; padding-left: 28px; padding-right: 28px; transition: 0.15s background; animation: fadeIn 0.3s, ease-out; } /* Hover, active, and menu-open states for .copybutton */ .copybtn:hover, .copybtn.active, .copybtn.menu-open { color: #ffffff; border: 3px solid #67aa3a; background: #67aa3a; border-radius: 15px; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; padding-right: 15px; transition: 0.15s background; } @keyframes fadeIn { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } } .effort1 { color: green !important; } .effort2 { color: orange !important; } .effort3 { color: red !important; } #pool-coins td.coin { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; font-size: 1.05rem; } #pool-coins img.coinimg { width: 32px; height: 32px; vertical-align: middle; margin-left: .7rem; margin-right: .7rem; display: inline-block; } /*!*************************************************************** FOOTER - Index & Pool footer ****************************************************************/ .main-footer { position:absolute; width:100%; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 5px; text-align: center; bottom:0; /* stick to bottom */ border-top: 1px solid #eee; background-color: rgb(34,45,50); color: #ffffff; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; position: fixed; z-index: 10; } .main-footer a { color: #ffffff; } .main-index-footer { position:absolute; width:100%; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 5px; text-align: center; bottom:0; /* stick to bottom */ border-top: 1px solid #fbfbfb; background-color: rgb(25,31,50); color: #ffffff; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; position: fixed; z-index: 10; } .main-index-footer a { color: #ffffff; } *, *::before, *::after { box-sizing: border-box; } /*!*************************************************************** CARD - card & info box ****************************************************************/ .info-box { display:block; min-height:94px; background:#131926; color:#ffffff; width:100%; box-shadow: 0px 0px 2px rgba(255,250,250,0.8); border: 0px solid #d5d7d7; border-radius:10px; margin-bottom:15px } .info-box-icon { border-top-left-radius:10px; border-top-right-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:10px; display:block; float:left; height:94px; width:90px; text-align:center; font-size:45px; line-height:90px; background:rgba(255, 255, 255, 0.2) } .info-box-icon>img { max-width:100% } .info-box-content { padding:5px 10px; margin-left:90px } .info-box-number { display:block; font-weight:lighter; font-size:15px } .info-box-text { display:block; font-weight:bold; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .card { border: 0; margin-top: 20px; margin-bottom: 20px; border-radius: 20px; color: #eee; background: #191f22; border: 0px solid #d5d7d7; width: 100%; display: flex; flex-direction: column; font-size: 1.05rem; word-wrap: normal; box-shadow: 0 10px 15px 0 rgba(18, 19, 18, 0.0), 0 10px 12px -2px rgba(46, 60, 60, 0.0), 0 10px 5px 0 rgba(0, 0, 0, 0.0); } .card-graph { border: 0; padding-top: 0px; padding-bottom: 10px; margin-top: 20px; margin-bottom: 20px; border-radius: 20px; color: #eee; background: linear-gradient(to top, #131926,#203958); border: 0px solid #d5d7d7; width: 100%; display: flex; flex-direction: column; font-size: 1.05rem; word-wrap: normal; box-shadow: 0px 0px 12px 0px rgba(18, 19, 18, 1.0), 0 10px 12px -2px rgba(250, 250, 250, 0.0), 0 10px 5px 0 rgba(0, 0, 0, 0.0); } div.card-table { height: calc(100% - 40px); } div.card-chart { height: calc(100% - 40px); } .card .card-chart { height: 200px; width: 100%; } .card .ct-chart .ct-grid { stroke: rgba(255, 250, 240, 0.9); } .card .ct-chart .ct-label { color: rgba(255, 250, 240, 0.9); } .card .ct-chart .ct-series-a .ct-point, .card .ct-chart .ct-series-a .ct-line, .card .ct-chart .ct-series-a .ct-bar, .card .ct-chart .ct-series-a .ct-slice-donut { stroke: rgba(255, 250, 240, 0.9); } .card-header { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; border-radius: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; position: relative; background-color: #191f32; } .card-goto { border: 1px; margin-top: 50px; margin-bottom: 20px; padding-top: 15px; padding-bottom: 20px; border-radius: 10px; color: #ffffff; background: #222d32; border: 0px solid #b5b7b7; width: 100%; display: flex; flex-direction: column; font-size: 1rem; word-wrap: normal; /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); */ } .card-header-main { margin-top: -45px; margin-bottom: 20px; margin-left: 15px; margin-right: 15px; border-radius: 20px; border: 1px; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; color: #ffffff; position: relative; background-color: #243354; } .card-title { margin-top: 3px; margin-bottom: 5px; } .card-category { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; border-radius: 5px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .card-body { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; border-bottom: 1px; border-radius: 0px; padding-top: 10px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-size: 16px; } .card-letter { margin-top: 0px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; border-bottom: 1px; border-radius: 0px; padding-top: 10px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; font-size: 10px; } .card-body .table { margin-bottom: 0px; } .card-letter .table { margin-bottom: 0px; } .card-footer { margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-size: 16px;} .card-input { margin-top: 20px; margin-bottom: 20px; font-size: 16px; } .card-shadow { box-shadow: 0 0px 1px 2px rgba(0, 0, 0, 0.0), 0 0px 0px 3px rgba(0, 0, 0, 0.0); } .card .card-header { z-index: 3 !important; } .card[class*="card-header bg-"] { color: #eee; } .card .card-header { border-bottom: none; background: transparent; } .card-btn { margin-top: 10px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; border-radius: 6px; padding-top: 8px; padding-bottom: 8px; padding-left: 30px; padding-right: 30px; display: inline-block; text-transform: uppercase; text-align: center; } /*!************************************************************************************************************ ##Device = Tablets, Ipads (portrait) and desktops ##Screen = B/w 768px **************************************************************************************************************/ @media screen and (min-width: 768px) { /*!*************************************************************** INDEX - Pool Coins Table ****************************************************************/ #pool-coins tr { border-top: 0px solid #b5b7b7; font-size: 1.05rem; } #pool-coins tr:hover { background-color: #f39c12; } #pool-coins td:hover { cursor: pointer; } #pool-coins td { font-size: 1.05rem; } #pool-coins td.coin { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; font-size: 1.1rem; } #pool-coins img.coinimg { width: 32px; height: 32px; vertical-align: middle; margin-left: .7rem; margin-right: .7rem; display: inline-block; } #pool-coins a { color: #f97c7c; } #pool-coins a:hover { text-decoration: nounderline; } .sidebar-collapse .main-header .logo { transition: transform .3s ease-in-out,margin .3s ease-in-out; width: 0px; padding: 0px; } .content-wrapper{ -webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out; -moz-transition:-moz-transform .3s ease-in-out,margin .3s ease-in-out; -o-transition:-o-transform .3s ease-in-out,margin .3s ease-in-out; transition:transform .3s ease-in-out,margin .3s ease-in-out; margin-left:230px; z-index:820 } .content-wrapper { min-height:100%; background-color:#222d32; z-index:800 } .sidebar-collapse .main-sidebar { -webkit-transform:translate(-230px, 0); -ms-transform:translate(-230px, 0); -o-transform:translate(-230px, 0); transform:translate(-230px, 0) } .content-header { display: none; } } /* ##Device = Tablets, Ipads (landscape) ##Screen = B/w 768px */ @media (min-width: 768px) and (orientation: landscape) { } /* ##Device = Low Resolution Tablets, Mobiles (Landscape) ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) { .col-hide {display:none; } .card-btn.col-hide {display:none; } .algo {display:none; } .net-hash {display:none; } .net-diff {display:none; } .content-header { display: block; } .content-wrapper { min-height:100%; background-color:#222d32; z-index:800 } .main-header .navbar, .main-header, .main-index-header .navbar, .main-index-header, .navbar, .content-wrapper, .main-footer { margin-left:0 } .sidebar-open .main-header, .sidebar-open .content-wrapper, .sidebar-open .main-footer { -webkit-transform:translate(230px, 0); -ms-transform:translate(230px, 0); -o-transform:translate(230px, 0); transform:translate(230px, 0) } .sidebar-open .main-sidebar { -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0) } .main-sidebar { -webkit-transform:translate(-230px, 0); -ms-transform:translate(-230px, 0); -o-transform:translate(-230px, 0); transform:translate(-230px, 0) } .table th { padding: 0.75rem; vertical-align: middle; } .table tr { font-size: 0.75rem; } .table tr:hover { background-color: #d5d7d7; } .table td { padding: 0.3rem; vertical-align: middle; font-size: 0.75rem; } } /* ##Device = Smartphones Mobiles (Portrait) ##Screen = B/w 479px */ @media (max-width: 480px) { .content-header { display: block; } .content-wrapper { min-height:100%; background-color:#222d32; z-index:800 } .table td { padding: 0.2rem; vertical-align: middle; font-size: 0.9rem; } /* Force table to not be like tables anymore */ #pool-coins table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ #pool-coins thead tr { position: absolute; top: -9999px; left: -9999px; } #pool-coins tr { border: 1px solid #191919; } #pool-coins td { /* Behave like a "row" */ border: none; position: relative; padding-left: 50%; vertical-align: middle; } #pool-coins td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ left: 10px; width: 45%; padding-right: 10px; white-space: nowrap; vertical-align: middle; } #pool-coins img.coinimg { width: 25px; height: 25px; vertical-align: middle; margin-left: .2rem; margin-right: .2rem; display: inline-block; } /* Label the data */ #pool-coins td:nth-of-type(1):before { content: "Pool coin"; } #pool-coins td:nth-of-type(2):before { content: "Algorithm"; } #pool-coins td:nth-of-type(3):before { content: "Miners"; } #pool-coins td:nth-of-type(4):before { content: "Pool Hashrate"; } #pool-coins td:nth-of-type(5):before { content: "Fee"; } #pool-coins td:nth-of-type(6):before { content: "Network Hashrate"; } #pool-coins td:nth-of-type(7):before { content: "Network Difficulty"; } #pool-coins td:nth-of-type(8):before { content: "Pool Blocks"; } #pool-coins td:nth-of-type(9):before { content: "Pool Stats"; } .sidebar-open .main-sidebar { -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0) } .main-sidebar { -webkit-transform:translate(-230px, 0); -ms-transform:translate(-230px, 0); -o-transform:translate(-230px, 0); transform:translate(-230px, 0) } }