html,
body {
background: #fff;
}
h1 {
line-height: 32px;
}
h2 {
/*margin: 40px auto 20px;*/
}
p {
font-size: 16px;
/*padding-top: 20px;*/
}
ol {
font-size: 16px;
margin-left: 40px;
list-style-type: none;
}
hr {
margin: 50px 20px;
}
img {
width: 100%;
}
table {
width: 100%;
margin-bottom: 20px;
border-collapse: collapse;
}
tr {
height: 65px;
}
th {
text-align: left;
}
th, td {
padding: 15px;
text-align: left;
border-bottom: 1px solid #ddd;
}
th:nth-child( 1 ),
td:nth-child( 1 ) {
width: 30%;
}
th:nth-child( 2 ),
td:nth-child( 2 ) {
width: 70%;
text-align: center;
}
tbody tr:nth-child(odd) {
background-color: #f2f2f2
}
.opt-in {
text-align: center;
}
.nf-logo {
display: block;
margin: 0 auto;
max-width: 300px;
}
.nf-update {
margin: 0 auto 50px auto;
max-width: 800px;
}
/*
* Dashicons
*/
.dashicons-yes {
color: green;
}
.dashicons-no {
color: #EF4748;
}
.dashicons-flag {
color: #ffba00; /* WP Update Nag Yellow */
}
.dashicons-warning {
color: gray;
}
.dashicons-update {
margin-left: -1px;
animation: dashicons-spin 1s infinite;
animation-timing-function: linear;
}
@keyframes dashicons-spin {
0% {
transform: rotate( 0deg );
}
100% {
transform: rotate( 360deg );
}
}
ol .dashicons {
margin-top: 2px;
margin-right: 8px;
margin-left: -30px;
}
/*
* Progress Bar
*/
.progress-bar,
.progress-bar--wrapper {
height: 10px;
}
.progress-bar {
width: 0;
background-color: green;
}
.progress-bar--wrapper {
width: 100%;
}
/*
* Button
*/
.nf-update-button {
color: white;
background-color: #2BAAE7;
cursor: pointer;
padding: 10px 20px;
height: auto;
display: none;
margin: auto;
border: 2px solid transparent;
transition: all .5s;
position: relative;
}
.nf-update-button:hover,
.nf-update-button:active {
color: #2BAAE7;
border-color: #2BAAE7;
background-color: white;
}
#nf-upgrades-table .nf-progress-bar {
margin: 0;
}
.jBox-Modal {
max-width: 500px
}