/* Star Ratings - Back-compat for pre-3.8 */
background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
div.star-holder .star-rating {
background: url(../images/stars.png?ver=20121108) repeat-x top left;
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
transition: color .1s ease-in;
.star-rating .star-full:before {
.star-rating .star-half:before {
.rtl .star-rating .star-half {
transform: rotateY(180deg);
.star-rating .star-empty:before {
/* Plugin install thickbox */
#plugin-information-scrollable {
-webkit-overflow-scrolling: touch;
#plugin-information-title {
#plugin-information-title.with-banner {
#plugin-information-title h2 {
#plugin-information-title.with-banner h2 {
font-family: "Helvetica Neue", sans-serif;
background: rgba(29, 35, 39, 0.9);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
#plugin-information-title div.vignette {
#plugin-information-title.with-banner div.vignette {
box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
#plugin-information-tabs {
border-bottom: 1px solid #dcdcde;
#plugin-information-tabs a {
#plugin-information-tabs a.current {
border: 1px solid #dcdcde;
border-bottom-color: #fff;
#plugin-information-tabs.with-banner a.current {
#plugin-information-tabs a:active,
#plugin-information-tabs a:focus {
#plugin-information-content {
overflow: hidden; /* equal height column trick */
/* Height of title + tabs + install now */
min-height: calc( 100% - 152px );
#plugin-information-content.with-banner {
/* Height of banner + tabs + install now */
min-height: calc( 100% - 346px );
margin-right: 250px; /* FYI box */
padding: 10px 26px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
#section-holder .notice {
#section-holder .updated {
#plugin-information .fyi {
padding: 16px 16px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
border-left: 1px solid #dcdcde;
#plugin-information .fyi strong {
#plugin-information .fyi h3 {
text-transform: uppercase;
#plugin-information .fyi h2 {
#plugin-information .fyi ul {
#plugin-information .fyi li {
#plugin-information .fyi-description {
#plugin-information .counter-container {
#plugin-information .counter-label {
#plugin-information .counter-back {
background-color: #dcdcde;
#plugin-information .counter-bar {
background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
#plugin-information .counter-count {
#plugin-information .fyi ul.contributors {
#plugin-information .fyi ul.contributors li {
#plugin-information .fyi ul.contributors li {
#plugin-information .fyi ul.contributors li img {
#plugin-information-footer {
height: 40px; /* actual height: 40+13+13+1=67 */
border-top: 1px solid #dcdcde;
#plugin-information .section {
#plugin-information .section ul,
#plugin-information .section ol {
#plugin-information .section,
#plugin-information .section p {
#plugin-information #section-screenshots ol {
#plugin-information #section-screenshots li img {
vertical-align: text-top;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
#plugin-information #section-screenshots li p {
#plugin-information pre {
border: 1px solid #c3c4c7;
#plugin-information blockquote {
border-left: 2px solid #dcdcde;
#plugin-information .review {
overflow: hidden; /* clearfix */
border-bottom: 1px solid #dcdcde;
#plugin-information .review-title-section {
overflow: hidden; /* clearfix */
#plugin-information .review-title-section h4 {
#plugin-information .reviewer-info p {
#plugin-information .reviewer-info .avatar {
#plugin-information .reviewer-info .star-rating {
#plugin-information .review-meta {
#plugin-information .review-body {
.plugin-version-author-uri {
/* For non-js plugin installation screen ticket #36430. */
.update-php .button.button-primary {
@media screen and (max-width: 771px) {
#plugin-information-title.with-banner {
#plugin-information-title.with-banner h2 {
#plugin-information-title.with-banner div.vignette {
#plugin-information-tabs {
overflow: hidden; /* clearfix */
height: auto; /* let tabs wrap */
#plugin-information-tabs a.current {
#plugin-information .fyi {
border: 1px solid #dcdcde;
padding-bottom: 0; /* reset from the two column height fix */
padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
#plugin-information .fyi h3,
#plugin-information .fyi small {
#plugin-information-footer {
/* Thickbox for the Plugin details modal. */
#TB_window.plugin-details-modal {
#TB_window.plugin-details-modal.thickbox-loading:before {
background: #fff url(../images/spinner.gif) no-repeat center;
background-size: 20px 20px;
transform: translateZ(0);