html {
box-sizing: border-box;
}
*, *::after, *::before {
box-sizing: inherit;
}
@media screen and (min-width: 780px) {
.panel .item {
float: left;
display: block;
margin-right: 3.57869%;
width: 30.94754%;
}
.panel .item:last-child {
margin-right: 0;
}
.panel .item:nth-child(3n) {
margin-right: 0;
}
.panel .item:nth-child(3n+1) {
clear: left;
}
.panel .theme_link {
float: left;
display: block;
margin-right: 3.57869%;
width: 48.21066%;
}
.panel .theme_link:last-child {
margin-right: 0;
}
.panel .theme_link:nth-child(2n) {
margin-right: 0;
}
.panel .theme_link:nth-child(2n+1) {
clear: left;
}
.panel .plugins,
.panel .themes {
float: left;
display: block;
margin-right: 3.57869%;
width: 48.21066%;
}
.panel .plugins:last-child,
.panel .themes:last-child {
margin-right: 0;
}
.panel .plugins {
margin-right: 0;
}
}
.evidence {
background: #fff;
border: 1px solid #dedede;
margin-top: 1em;
padding: 15px;
}
.evidence h3 {
margin-top: 0;
}
.evidence .features {
font-size: .9em;
}
.evidence .features h4 {
text-transform: uppercase;
margin-bottom: 0;
}
.evidence .features p {
margin-top: 5px;
}
.evidence .dashicons {
color: #fc3;
margin-right: 5px;
vertical-align: text-bottom;
}
.evidence .button-upgrade {
background: #fc3;
border: 1px solid #e6ac00;
border-top-color: #ffc61a;
color: #5d4b16;
text-transform: uppercase;
display: inline-block;
text-decoration: none;
font-size: 13px;
line-height: 30px;
height: 32px;
margin: 0;
padding: 0 20px 1px;
cursor: pointer;
-webkit-appearance: none;
-webkit-border-radius: 2px;
border-radius: 2px;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 1px 0 #cc9900;
box-shadow: 0 1px 0 #cc9900;
text-shadow: 2px 2px #fd3;
}
.evidence .button-upgrade:hover, .evidence .button-upgrade:focus {
background: #fd3;
color: #5d4b16;
border-color: #ffc61a;
}
.theme-name {
font-weight: bold;
}
.theme-name .version {
font-size: 14px;
background: #fff;
padding: 5px 10px;
margin-left: 5px;
}
.items {
clear: both;
display: inline-block;
width: 100%;
}
.items .product {
display: block;
background: #ececec;
margin: 10px 0;
padding: 10px 8px;
}
.items .product .name {
font-weight: bold;
}
.items .product .status,
.items .product .buttons {
float: right;
}
.items .product .status {
color: green;
}
.items .product a {
text-decoration: none;
}