// stats page
#miners{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
font-size: 20px;
}
#miners td, #miners th {
border: 1px solid #ddd;
padding: 8px;
}
#miners tr:nth-child(even){background-color: #f2f2f2;}
#miners tr:hover {background-color: #ddd;}
#miners th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #4CAF50;
color: white;
}
#tabsUnder h2{
font-size: 30px;
}
// setting page
.wp-admin #wpcontent .ci-setting-wrap #mytable .cm-title {
font-size: 20px !important;
text-align: left;
padding-right: 33px;
}
.ci-setting-wrap .cm-title span{
font-size: 12px;
}
.ci-setting-wrap .cm-itext {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.ci-setting-wrap input[type=submit] {
width: 100%;
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
height: 55px;
font-size: 20px;
}
.ci-setting-wrap input[type=submit]:hover {
background-color: #45a049;
}
.ci-setting-wrap div {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
}
.instructions-main h3{
font-size:30px;
}
.instructions .inst_title, .instructions .inst_img{
font-size:20px;
margin-left:auto;
margin-right:auto;
width:50%;
display: block;
}
.instructions {
width: 100%;
}
// stats page .wrap .tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
height: 70px;
}
.tab button{
float: left;	
} .tab button, .instructions-main button, #popwrap .content .button {
background-color: inherit;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
} .tab button:hover, .instructions-main button:hover , #popwrap .content .button:hover{
background-color: #ddd;
} .tab button.active {
background-color: #ccc;
} .tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;
} @-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
// coin-miner user consent
#popwrap #userconsent {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
}
#popwrap #userconsent:target {
visibility: visible;
opacity: 1;
}
#userconsent .popup {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 5px;
width: 50%;
position: relative;
transition: all 5s ease-in-out;
}
#userconsent .popup h2 {
line-height: 23px;
font-size: 20px;
font-weight: 600;
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
margin-bottom: 10px;
}
#userconsent .popup .close {
position: absolute;
top: 20px;
right: 30px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
#userconsent .popup .close:hover {
color: #06D85F;
}
#userconsent .popup .content {
height: 100px;
font-size: 16px;
max-height: 30%;
overflow: auto;
}
@media screen and (max-width: 700px){
#userconsent .popup{
width: 70%;
}
}
#userconsent .popup .pop-buttons .button {
background-color: inherit;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
} #userconsent .popup .pop-buttons .button:hover{
background-color: #ddd;
}