static/css/zamboni/developers.css (1,369 lines of code) (raw):
/*clearfix*/
.brform:after,
#status-bar:after,
#addon-validator-suite .tiers:after,
form.select-review:after,
form .char-count:after,
#addon-compat-upload:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.invisible {
visibility: hidden;
}
/* @group Edit addon */
#edit-addon .edit-addon-section {
margin-bottom:3em;
width: 100%;
overflow: hidden;
word-wrap: break-word;
}
#edit-addon h3 a {
font-size: 11px;
font-style: normal;
position: relative;
top: -3px;
left: 3px;
}
#edit-addon h3 {
margin-top: 0;
}
.save-badge {
background: #41B300;
border-radius: 1em;
color: #fff;
font-family: helvetica, arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
margin-left: 0.5em;
padding: 0.375em 1em;
-moz-transition-property: opacity;
-moz-transition-duration: 1s;
}
#version-status .version-changed {
float: right;
color: #888888;
}
#setup h3,
#marketplace-confirm h3,
.addon-submission-process > h3,
.developer-hub .primary > h3 {
margin-top: 0;
padding-top: 0;
}
ul.refinements:last-child {
border-bottom-width: 0;
margin-bottom: 0;
padding-bottom: 0;
}
#trans-tags input,
#trans-name input,
#id_contributions {
width: 80%;
}
#submit-describe #trans-name,
#submit-describe #trans-support_email,
#submit-describe #trans-support_url {
display: inline-block;
margin-right: 8px;
vertical-align: bottom;
}
#submit-describe #trans-name input,
#submit-describe #trans-support_email input,
#submit-describe #trans-support_url input {
width: 370px;
}
#submit-describe .combine-name-summary,
#addon-edit-describe .combine-name-summary {
display: flex;
margin-right: 2px;
}
#submit-describe .combine-name-summary #trans-name,
#addon-edit-describe .combine-name-summary #trans-name {
flex-grow: 20;
}
#submit-describe .combine-name-summary #trans-summary,
#addon-edit-describe .combine-name-summary #trans-summary {
flex-grow: 50;
}
#submit-describe .combine-name-summary #trans-name input,
#addon-edit-describe .combine-name-summary #trans-name input,
#submit-describe .combine-name-summary #trans-summary input,
#addon-edit-describe .combine-name-summary #trans-summary input {
width: 95%;
}
/*#id_homepage, #id_support_url, #id_support_email {*/
#trans-support_email input,
#trans-homepage input,
#trans-support_url input {
width: 60%;
}
#slug_edit span, #id_slug {
font-family: Verdana !important;
/** This is so they match up size-wise **/
}
#slug_edit a {
font-size: 10px;
}
#addon_tags_edit ul {
columns: 3;
}
form .char-count,
.html-rtl form .edit-addon-details .char-count {
float: left;
}
.html-rtl form .char-count,
form .edit-addon-details .char-count {
float: right;
}
form .char-count {
font-size: 0.9em;
}
form .edit-addon-details .char-count,
form .edit-addon-details .syntax-support {
font-size: 1em;
}
form .char-count.error,
form .char-count.error b {
color: #c00;
margin-bottom: 0;
}
form .char-count b,
span.locale,
span.hint,
.devhub-form label {
font-weight: normal;
}
.devhub-form th label {
font-weight: bold;
display: inline;
}
form .char-count,
span.locale,
span.hint {
color: #888;
}
span.locale,
span.hint {
display: block;
font-size: .9em;
line-height: 1;
margin-top: 2px;
}
label.above-the-field .locale {
display: inline;
margin-left: 0.5em;
}
/*
Bug 622030- TODO (potch) fix this later
#addon-description,
#developer_comments {
max-height: 6.4em;
overflow: hidden;
}
*/
table .prose {
margin: 0;
overflow: hidden;
}
.edit-addon-details,
.edit-media-details {
padding-top: 3px;
font-size: 0.9em;
}
.edit-addon-details,
form .char-count b {
color: #555;
}
.edit-media-details {
padding-bottom: 5px;
color: #444;
}
.edit-media-details .tip {
font-size: 12px;
height: 16px;
width: 16px;
}
/* @group Add-on category selection */
.addon-app-cats {
margin: 0 0 1.5em;
}
#edit-addon-describe p {
margin: 0;
}
.addon-categories {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
margin-bottom: 0.5em;
}
#addon-categories-edit .addon-categories {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.addon-misc-category,
.addon-app-cats-inline {
margin: 0;
}
.addon-categories label,
.addon-misc-category label {
font-weight: normal;
}
.addon-app-cats-inline li b {
margin-right: 0.25em;
}
/* @end */
.edit-previews-submit #file-list {
margin-bottom: 5px;
}
#file-list td {
white-space: nowrap;
}
#file-list td a {
display: inline-block;
max-width: 20em;
text-overflow: ellipsis;
overflow: hidden;
}
#file-list .preview {
overflow: auto;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #ADD0DC;
background-color: #fff;
}
#file-list > div:last-child {
display: none;
}
#file-list .preview .preview-delete {
margin-right: 1.6em;
text-align: right;
}
.html-rtl #file-list .preview .preview-delete {
margin-right: 0;
}
#file-list .preview .preview_extra {
display: none;
}
#file-list .preview label {
color: #666666;
display: block;
font-size: 0.9em;
font-weight: bold;
padding-bottom: 0;
}
#file-list .preview textarea {
font-size: 0.9em;
height: 59px;
line-height: 1.1em;
width: 356px;
}
#file-list .preview .edit-previews-text {
float: left;
}
.edit-previews-submit {
border: 1px solid #C9E8F3;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top: 10px;
padding: 15px;
}
.preview-thumb, .preview-error {
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
border: 3px solid #D2EDF5;
float: left;
height: 94px;
margin-right: 15px;
width: 125px;
}
.preview-error {
background: #040204 url("../../img/zamboni/loading.gif") no-repeat center center;
opacity: 0.5;
}
.preview-thumb.error-loading {
border-color: #C63717;
opacity: 0.5;
}
.edit-previews-readonly .preview-thumb {
margin-right: 10px;
}
.addon-submission-process table td {
border-bottom: 1px dotted #A4CFDE;
padding-bottom: 15px;
padding-top: 15px;
}
.addon-submission-process #submit-media,
.addon-submission-process #submit-media .item {
margin-top: 0;
}
#submit-media > p {
margin: 0;
}
#icons_default {
border: 1px solid #6A89AC;
max-height: 100px;
overflow-x: hidden;
overflow-y: scroll;
padding: 5px;
background-color: #fff;
}
#icon_preview_readonly img {
margin-right: 20px;
}
#icons_default label {
display: none;
}
#icons_default li {
display: inline-block;
}
#icons_default li.hide {
display: none;
}
#icons_default li a {
padding:8px;
display:block;
-moz-border-radius: 3px;
}
#icons_default li a:hover {
background-color:#eee;
}
#icons_default li a img {
display: block;
}
#icons_default li a.active {
border: 1px solid #CADBFA;
background-color: #E8F0FD;
padding: 7px;
}
/* @end */
.addon-submission-process form div.addon-submission-field {
margin-bottom: 1em;
}
.clear-info-request label {
font-weight: normal;
}
.clear-info-request blockquote {
font-style: italic;
}
.clear-info-request blockquote p {
margin-bottom: 0;
}
.clear-info-request input[type="checkbox"] {
margin-left: 0;
}
form.new-addon-file label,
#edit-addon-describe .addon-app-cats label {
display: block;
padding-bottom: 3px;
}
form.new-addon-file label[for=id_is_sideload] {
display: none;
margin-left: 20px;
}
.submit-license input[type=checkbox] + label {
display: inline;
padding-bottom: 0;
}
.addon-submission-process #id_name {
width: 300px;
display: inline-block;
margin-right: 10px;
}
.addon-submission-process {
padding-top: 1em;
}
/* @group Ownership */
.author_list .author-email {
width: 220px;
padding-right:20px;
}
.author_list {
padding-top: 4px;
}
.author_list li {
padding: 8px 0;
border-bottom: 1px dotted #ADD0DC;
}
.author_list li:last-of-type {
border: 0;
}
.author_list li > label,
.author_list li > input,
.author_list li > select {
margin-right: .5em;
}
.author_list .handle,
#file-list .handle {
width: 20px;
height: 16px;
display: inline-block;
cursor: move;
background: url(../../img/zamboni/icons/icon-draggable.png) no-repeat 0 center;
}
#file-list .handle {
display: block;
float: left;
}
.author_list .blank * {
display: none;
}
.author_list .blank .author-email,
#authors_pending_confirmation .author-email {
display: inline;
margin-left: 23px;
}
.author .errorlist {
display: none;
}
input.formerror {
border-color: #c00;
}
input.invalid {
background: url(../../img/zamboni/notifications.png) no-repeat 229px -160px;
}
input.valid {
background: url(../../img/zamboni/notifications.png) no-repeat 226px -367px;
}
.license-other input {
margin-bottom: 1em;
}
.devhub-form .priv label,
.devhub-form .eula label,
.devhub-form .license-other label {
font-weight: bold;
margin-bottom: .5em;
}
.devhub-form .priv,
.devhub-form .eula,
.devhub-form .license-other {
margin: 16px 0 0 32px;
}
.eula label,
.priv label {
font-weight: bold;
}
#author-roles-help {
display: none;
}
#what-are-roles {
display: block;
font-size: .9em;
font-weight: normal;
}
/* @end */
/* @group Payments */
.payments .intro {
background-color: #FFFFFF;
border: 1px solid #C9E8F3;
padding: 1em;
width: 300px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
display: inline-block;
vertical-align: top;
}
.payments .full-intro {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.payments .intro ul {
list-style-type: disc;
padding: 0 0 1em 1em;
border-bottom: 1px dotted #ADD0DC;
}
.html-rtl .payments .intro ul {
padding: 0 1em 1em 0;
}
.payments .intro h3 {
margin-top: 0;
}
.payments .intro ul,
.payments .intro p {
font-size: 12px;
line-height: 16px;
margin-bottom: 1em;
}
.payments .intro ul li + li {
margin-top: .5em;
}
.payments .intro p.error {
margin: 0;
}
.payments .intro .button-wrapper,
.payments .learn-more {
text-align: center;
}
.payments .indent {
padding-left: 2em;
}
.devhub-form .brform label,
.devhub-form .b {
font-weight: 500;
}
.brform > label,
.brform > input,
.brform > div,
.brform > ul {
display: block;
}
.payments form > div {
margin-bottom: 2em;
}
.extra {
font-size: .9em;
line-height: 1.4em;
}
a.extra {
margin-left: .5em;
}
#status-bar form {
float: right;
margin: 0;
padding: 0;
font-size: .9em;
font-weight: 500;
}
#status-bar p {
float: left;
margin: 0;
padding: 0;
}
#status-bar p span {
font-size: 0.9em;
}
#status-bar {
padding: .5em 1em;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
margin-bottom: 2em;
background: #fff;
border: 1px solid #C9E8F3;
}
/* @end */
/* @group Versions */
#version-status > div {
border-top: 1px dotted #ADD0DC;
margin: 0 10px;
padding: 10px 0;
}
#version-status > div:first-child {
border-top: 0;
}
#version-status strong {
display: block;
}
#version-status .version-changed {
color: #AAA;
display: block;
font-size: 11px;
}
#version-list table {
width: 100%;
}
#version-list table th {
color: #888;
font-size: 11px;
padding: 0 0 5px 0;
}
#version-list table th.version-delete {
width: 35px;
}
#version-list table .version-delete {
text-align: right;
}
#version-list .version-delete .remove {
float: none;
margin: 0;
}
b.review-history-pending-count {
background-color: #000;
border-radius: 5px;
padding: 0 0.3em;
color: #FFF;
}
div.history-container {
margin: 0em 1em;
}
div.review-entry {
padding: 0.5em 1em;
margin-bottom: 0.25em;
display: flex;
justify-content: space-between;
}
div.review-entry.new {
background-color: #FFFFD5;
}
div.review-entry p {
color: #999;
margin-bottom: 0px;
}
div.review-entry pre {
white-space: pre-wrap;
max-width: 650px;
word-wrap: break-word;
margin-bottom: 0px;
}
div.dev-review-reply {
margin: 0em 1em;
}
div.dev-review-reply textarea {
border-color: #999;
border-radius: 3px;
margin: 0.5em 0em;
}
div.dev-review-reply button {
float: right;
}
.status-lite-nom i,
.status-nominated b,
.status-unreviewed b {
font-style: normal;
color: #3e7987;
}
.status-incomplete b,
.status-disabled b,
.status-admin-disabled b,
.status-purgatory b {
color: #851006;
}
.status-approved b,
.status-lite b,
.status-lite-nom b {
color: #329902;
}
#version-status-item b {
font-weight: normal;
}
.version-status-actions {
border-top: 1px dotted #ADD0DC;
margin-top: 10px;
padding-top: 5px;
}
.version-status-actions form {
display: inline;
}
.version-status-actions button.link {
font-weight: normal;
}
.version-status-actions .warning {
font-weight: bold;
color: #666;
background: #fff0a6;
}
.delete-button:hover,
.delete-button {
background: #c22;
background: linear-gradient(#f77, #c22);
background: -webkit-gradient(linear, left top, left bottom, from(#f77), to(#c22));
border-color: #ad1212;
text-shadow: 0 -1px #e00;
}
a.delete-button:hover,
a.delete-button {
border: 1px solid #ad1212;
-moz-border-radius: .95em;
-webkit-border-radius: .95em;
border-radius: .95em;
-moz-box-shadow: inset 0 0 2px rgba(255,255,255,0.1);
-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,0.1);
box-shadow: inset 0 0 2px rgba(255,255,255,0.1);
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 1.538;
padding: 0 .95em;
text-decoration: none;
text-shadow: 0 -1px 0 #e00;
}
a.delete-button:hover {
-moz-box-shadow: inset 0 0 2px rgba(255,255,255,1);
-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,1);
box-shadow: inset 0 0 2px rgba(255,255,255,1);
color: #fff;
}
.email_comment {
white-space: pre-wrap;
}
pre.email_comment {
/* Override unwanted <pre> styles */
margin-bottom: 0;
color: inherit;
font: inherit;
}
.modal p + .close, /* Hide impala X buttons. */
#modals {
display: none;
}
/* @end */
/* @group Upload Version */
.upload-file {
padding: 20px;
}
#upload-file {
margin: 0;
}
#upload-file h3 {
margin-top: 0;
}
#upload-file > div, .modal-actions {
margin-top: 1em;
}
#upload-file .upload-status {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border:1px solid #D2ECF5;
margin-bottom: 1em;
padding: 10px;
}
#upload-file .upload-status div {
margin-top: 1em;
line-height: 1em;
}
#upload-file .upload-details {
font-size: 11px;
color: #999;
margin: 0 0 10px;
}
#upload-file .upload-status div:first-child {
margin-top: 0;
}
#upload-file .upload-status #upload-status-results strong {
display: block;
}
#upload-file p {
margin-bottom: 1em;
}
#upload-file .admin-settings {
margin-top: 1em;
}
#upload-file #id_compatible_apps {
margin-top: 0.5em;
}
#upload-file #id_compatible_apps>* {
float: none;
}
#upload-file .compatible-apps {
/* hidden by default, shown by JavaScript for extensions */
display: none;
}
#upload-file .compatible-apps label.app {
padding-left: 25px;
background-repeat: no-repeat;
background-size: 20px;
}
#upload-status-bar {
background-color: #F2F2F2;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 20px;
}
#upload-status-bar.bar-fail {
background-color: #D81916;
}
#upload-status-bar.bar-success {
background-color: #325487;
}
#upload-status-bar div {
background-color: #8BC5FA;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 0%;
height: 20px;
}
#upload-status-bar.progress-idle,
#upload-status-bar.progress-idle div {
background-image: url('../../img/developers/progress.gif');
}
#upload-status-bar.progress-idle {
background-position: 0 -26px;
}
#upload-status-results ul {
font-size: 11px;
line-height: 1.4em;
list-style: disc inside none;
margin: 0 0 0 24px;
padding-top: 3px;
}
#upload-status-results {
background-repeat: no-repeat;
display: none;
}
#upload-status-results a.view-more {
color: #359AFF;
display: block;
font-size: 12px;
padding-left: 24px;
padding-top: 5px;
}
#upload-status-results.status-fail,
#upload-status-results.status-pass {
display: block;
}
#upload-status-results a.addons-linter-info {
font-size: 0.8em;
padding: 0px 0 10px 0;
display: inline-block;
}
#upload-status-results strong {
background-image: url("../../img/zamboni/icons/checks.png");
background-repeat: no-repeat;
padding: 2px 0 2px 24px;
}
.html-rtl #upload-status-results strong {
padding: 2px 24px 2px 0;
}
#upload-status-results.status-fail strong {
color: #D81916;
background-position: 0 -120px;
}
.html-rtl #upload-status-results.status-fail strong {
background-position: 100% -120px;
}
#upload-status-results.status-pass strong {
color: #325487;
background-position: 0 -80px;
}
.html-rtl #upload-status-results.status-pass strong {
background-position: 100% -80px;
}
#upload-file .upload-status #uploadstatus {
color: #777777;
font-size: 11px;
margin-top: 4px;
}
.platform-disabled {
color: #777777;
}
#upload-file .submission-warning {
margin: 10px;
padding: 10px 10px 10px 52px;
border-radius: 10px;
border: 1px solid #F0B500;
}
#upload-file .submission-warning h5 {
line-height: 32px;
}
#upload-file .submission-warning h5:before {
background-image: url('../../img/developers/test-warning.png');
width: 32px;
height: 32px;
margin-left: -42px;
margin-right: 10px;
content: " ";
display: inline-block;
vertical-align: middle;
}
#upload-file .submission-warning ul {
margin-left: 0;
}
#upload-file .submission-warning li {
float: none;
}
#upload-file .submission-warning a.review-process-overview {
font-style: italic;
display: block;
margin-top: 10px;
}
/* @end */
/* @group Recent Activity */
.secondary-feed {
padding: 1em 0 0 1em;
}
.secondary-feed .subscribe {
padding: 2px 0 0 24px;
}
#recent-activity .listing .item img.icon {
top: 1em;
}
#recent-activity .listing .item p {
padding-left: 7px;
}
.listing .item .action {
background: url(../../img/zamboni/icons/feed-icons.png) no-repeat;
display: block;
float: left;
margin-top: 3px;
height: 32px;
width: 23px;
}
.listing .item .action.action-review { background-position: 0 -32px; }
.listing .item .action.action-tag { background-position: 0 -64px; }
.listing .item .action.action-collection { background-position: 0 -96px; }
.listing .item .action.action-edit { background-position: 0 -128px; }
.listing .item .action.action-add { background-position: 0 -160px; }
.listing .item .action.action-delete { background-position: 0 -192px; }
.listing .item .action.action-approve { background-position: 0 -224px; }
.listing .item .action.action-reject { background-position: 0 -256px; }
#recent-activity .listing .item .timestamp {
color: #555;
font-size: 0.9em;
}
/* @end */
/* @group Header and main navigation bar */
.section {
max-width: 75em;
}
.developer-hub #content-main,
.developer-hub .dashboard {
min-height: 30em;
}
#navbar a, #navbar a:active, #navbar a:hover, #navbar a:focus, #navbar a:visited {
color: white;
text-decoration: none;
cursor: pointer;
}
#navbar {
display: block;
border: 1px solid #021437;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 0 1.5em 0;
color: white;
font-size: 1.231em;
white-space: nowrap;
overflow: hidden;
}
#navbar ul.top {
overflow: visible;
}
#navbar li.top {
float: left;
border-right: 1px solid #455c87;
list-style: none;
}
#navbar li.top a.controller {
display: block;
padding: .5em 1.3em;
margin: 0;
}
#navbar li.top a.controller {
border-right: 1px solid #1e2e4c;
}
#navbar li.top:hover,
#navbar li.top.selected {
background-image: url(../../img/bg/heading-dark-blue-highlighted.png);
}
#navbar li.top ul {
display: none;
position: absolute;
z-index: 1001;
top: auto;
margin-left: -1px;
}
#navbar li.top ul,
#navbar li.top ul li:last-child {
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}
#navbar li.top:hover ul {
display: block;
}
#navbar li ul li {
background-image: url(../../img/bg/heading-dark-blue-highlighted.png);
background-repeat: repeat-x;
background-position: bottom left;
background-color: #305083;
border-bottom: 1px solid #5a7297;
}
#navbar li ul li a {
display: block;
padding: .5em 1.3em;
border-bottom: 1px solid #3f4f6a;
}
#navbar li.top ul li:last-child,
#navbar li.top ul li:last-child a {
border: none;
}
/* @end */
/* @group Select a Review Process */
form.select-review .errorlist {
margin-bottom: 1.5em;
}
.review-type {
float: left;
width: 50%;
}
.review-type .highlight {
background-color: #fff;
border: 1px solid #c8e8f3;
margin-right: 0.5em;
}
.review-type + .review-type .highlight {
margin: 0 0 0 .5em;
}
.review-type h4 {
color: #666;
font-size: 16px;
margin: 0;
}
.review-type p,
.review-type ul {
margin-top: 0.5em;
}
.review-type ul {
min-height: 8em;
}
/* @end */
#upload-file li {
float: left;
margin-right: 8px;
}
.html-rtl #upload-file li {
float: right;
}
#upload-file ul {
overflow: hidden;
margin-bottom: 1em;
}
#upload-file select {
margin: 1em 0;
}
#upload-file .binary-source input[type="file"] {
margin-bottom: 1em;
}
#file-list select {
margin-right: 1em;
}
#file-list { margin-bottom: 1em;}
#file-list tr {
border-bottom: 1px dotted #ADD0DC;
}
/* @group Add-on validator suite */
#addon-validator-suite {
color: #929292;
}
#addon-validator-suite .template,
#addon-validator-suite .hidden {
display: none;
}
#addon-validator-suite .suite,
#addon-validator-suite .suite-container,
#addon-validator-suite .results .tier-results {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #fff;
}
#addon-validator-suite .suite h4 {
color: #497ae1;
}
#addon-validator-suite .suite .ajax-loading h4 {
color: #929292;
}
#addon-validator-suite .suite {
border: 1px solid #4f6697;
}
#addon-validator-suite .suite-container {
border: 4px solid #b5d9e5;
margin-bottom: 0;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
#addon-validator-suite .test-tier {
padding: 52px 1em 0 1em;
margin: 1em 0 1em 0;
width: 17.1%;
float: left;
text-align: center;
border-left: 1px dashed #b9cedb;
}
#addon-validator-suite .test-tier:first-child {
border-left: none;
}
#addon-validator-suite .suite .tests-passed {
background: url("../../img/developers/suite-pass.png") no-repeat top;
}
#addon-validator-suite .suite .tests-notrun {
background: url("../../img/developers/suite-notrun.png") no-repeat top;
}
#addon-validator-suite .suite .ajax-loading {
background: url("../../img/developers/suite-running.gif") no-repeat top;
}
#addon-validator-suite .suite .tests-failed {
background: url("../../img/developers/suite-fail.png") no-repeat top;
}
#addon-validator-suite .suite .tests-warnings {
background: url("../../img/developers/test-warning.png") no-repeat center 4px / 40px;
}
#addon-validator-suite .suite-summary {
display: none;
text-align: center;
color: #626363;
padding: 0.5em;
border-radius: 0 0 8px 8px;
border-top: 1px solid #bbcad7;
background: #f7fbfd url("../../img/developers/suite-summary-bg.jpg") repeat-x top;
}
#addon-validator-suite .suite-options {
padding-left: 1em;
color: #626363;
padding: 0.5em;
border-radius: 0 0 8px 8px;
border-top: 1px solid #bbcad7;
background: #f7fbfd url("../../img/developers/suite-summary-bg.jpg") repeat-x top;
}
#addon-validator-suite .results .tier-results {
border: 1px solid #b5d9e5;
margin: 0 4px 4px 4px;
background-color: #fff;
}
#addon-validator-suite .results {
background: none;
border: none;
}
#addon-validator-suite .results h4 {
font-size: 1.4em;
font-weight: normal;
font-family: georgia,serif;
margin: 0 0 0.4em 4px;
}
#addon-validator-suite .results .tier-results {
height: 10em;
}
#addon-validator-suite .results .ajax-loading,
#addon-validator-suite .results .tests-passed,
#addon-validator-suite .results .tests-passed-notices,
#addon-validator-suite .results .tests-passed-warnings,
#addon-validator-suite .results .tests-failed,
#addon-validator-suite .results .tests-notrun {
height: auto;
}
#addon-validator-suite .results .tests-passed,
#addon-validator-suite .results .tests-notrun,
#addon-validator-suite .results .ajax-loading {
padding: 100px 0 45px 0;
text-align: center;
}
#addon-validator-suite .results .tests-passed {
background: #fff url("../../img/developers/suite-pass.png") no-repeat center 50px;
}
#addon-validator-suite .results .tests-notrun {
background: #fff url("../../img/developers/suite-notrun.png") no-repeat center 50px;
}
#addon-validator-suite .results .ajax-loading {
background: #fff url("../../img/developers/suite-running.gif") no-repeat center 50px;
}
#addon-validator-suite .result {
margin-top: 2.85em;
}
#addon-validator-suite .result-summary {
margin-top: 1.8em;
visibility: hidden;
}
#addon-validator-suite .result-header {
padding-bottom: 0.5em;
}
#addon-validator-suite .result h4 {
float: left;
margin-right: 1em;
}
#addon-validator-suite ul.result-nav {
float: right;
font-size: 0.9em;
padding-right: 4px;
}
#addon-validator-suite ul.result-nav li {
display: inline;
}
#addon-validator-suite ul.result-nav li:before {
content: "|";
margin: 0.3em;
}
#addon-validator-suite ul.result-nav li:first-child:before {
content: "";
}
#addon-validator-suite .msg {
margin: 0 1em;
padding: 0.8em 1em 1em 45px;
}
#addon-validator-suite .msg {
border-top: 1px dashed #b9cedb;
}
#addon-validator-suite .msg:first-child {
border-top: none;
}
#addon-validator-suite .msg h5 {
font-weight: bold;
color: #565656;
}
#addon-validator-suite .msg p {
margin: .8em 0;
}
#addon-validator-suite .msg-error {
background: transparent url("../../img/developers/test-fail.png") no-repeat 0 1.1em;
color: #ff0000;
}
#addon-validator-suite .msg-warning {
background: transparent url("../../img/developers/test-warning.png") no-repeat 0 1.1em;
color: #6b6b6b;
}
#addon-validator-suite .msg-info,
#addon-validator-suite .msg-notice {
background: transparent url("../../img/developers/test-info.png") no-repeat 0 1.1em;
color: #6b6b6b;
}
#addon-validator-suite .context {
margin: 0.5em 0 0 1em;
padding: 0.4em;
color: #868686;
border: 1px solid #f3f3f3;
background-color: #f9f9f9;
font-family: "Courier New", Courier, monospace;
}
#addon-validator-suite .context .file {
font-size: 105%;
margin-bottom: 0.3em;
}
#addon-validator-suite .context .lines {
float: left;
background-color: #f9f9f9;
}
#addon-validator-suite .context .inner-code {
float: left;
padding-left: 0.2em;
}
#addon-validator-suite .context .inner-code div {
max-width: 45em;
height: 1.65em;
overflow: hidden;
white-space: pre;
}
#addon-validator-suite .context .code:last-child:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#addon-validator-suite .context .code {
font-size: 95%;
background-color: #f3f3f3;
}
#addon-validator-suite .context .lines div,
#addon-validator-suite .context .inner-code div {
padding: 0.1em;
}
#addon-validator-suite .context .lines div {
margin-right: 0.3em;
}
#addon-validator-suite .version-change-link {
display: block;
float: right;
font-size: 95%;
margin-right: 5px;
}
#addon-validator-suite .validator-signing-only {
display: none;
}
#addon-validator-suite.automated-signing .validator-signing-only {
display: block;
}
/* @end */
.loading, .loaded {
position:relative;
}
.loading:before {
-moz-transition: opacity .5s;
content: "\00a0";
display: block;
position: absolute;
background: #040204 url("../../img/zamboni/loading.gif") no-repeat center center;
opacity: .4;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
z-index: 1000;
top: 0;
}
.item.loading:before {
-moz-border-radius: 8px 8px 8px 8px;
}
.loaded:before {
opacity: 0;
pointer-events: none;
}
/* newsletter signup */
.newsletter-signup input[type="email"],
.newsletter-signup select {
width: 30%;
}
.newsletter-signup input[type="submit"] {
margin-top: 5px;
padding: 0 10px;
}
.newsletter-signup form {
margin-bottom: 0;
}
.newsletter-signup p {
margin: 10px 0;
}
.newsletter-signup h3 {
font-style: normal;
margin: 0;
margin-bottom: 10px;
}
.verify-email-actions {
margin-top: 10px;
}
.verify-email-button {
margin-top: 10px;
}
.verify-email-table {
margin: 20px 0;
width: 100%;
}
.verify-email-table table {
border-collapse: collapse;
border: 1px solid;
width: 100%;
}
.verify-email-table tr {
border: solid;
border-width: 1px 0;
}
.verify-email-table td {
padding: 5px;
border: solid;
border-width: 0 1px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
button.search-button {
background: #84c63c url("../../img/icons/go-arrow.png") center no-repeat;
background-image: url("../../img/icons/go-arrow.png"), linear-gradient(#84c63c, #489615);
background-image: url("../../img/icons/go-arrow.png"), -webkit-linear-gradient(#84c63c, #489615);
border: 0;
float: right;
vertical-align: bottom;
cursor: pointer;
height: 30px;
width: 36px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -2px rgba(0, 0, 0, 0.1) inset;
}
.html-rtl button.search-button {
float: left;
-moz-transform: scalex(-1);
-webkit-transform: scalex(-1);
}
span.distribution-tag-listed, span.distribution-tag-unlisted {
color: white;
border-radius: 4px;
padding: 1px 5px;
font-size: smaller
}
span.distribution-tag-listed {
background-color: #01BDAD;
}
span.distribution-tag-unlisted {
background-color: #7A2F7A;
}
.source-submission-note p {
font-size: 0.9em;
margin-bottom: 0.2em;
}
.source-submission-note p:last-child {
margin-bottom: 1.5em;
}
.site_permission_generator select, .site_permission_generator input[type="text"] {
box-sizing: border-box;
width: 80%;
}