diff options
Diffstat (limited to 'site/app/webroot/css/developers.css')
-rw-r--r-- | site/app/webroot/css/developers.css | 407 |
1 files changed, 145 insertions, 262 deletions
diff --git a/site/app/webroot/css/developers.css b/site/app/webroot/css/developers.css index 6bd440a..dbfbee1 100644 --- a/site/app/webroot/css/developers.css +++ b/site/app/webroot/css/developers.css @@ -1,8 +1,3 @@ -.html-rtl th, -.html-rtl td { - text-align: right; -} - .graybox { background-color: #F7FAFC; border: 1px solid #EEF1F3; @@ -33,12 +28,6 @@ font-size: 110%; color: #5D6C8C; } -.html-rtl .action-button { - background-image: url('../img/arr-view-rtl-big.png'); - background-position: 2% 3px; - padding-right: auto; - padding-left: 30px; -} a.action-button { text-decoration: none; } @@ -46,50 +35,30 @@ a.action-button:hover { background-position: 98% -295px; color: #2D3B58; } -.html-rtl a.action-button:hover { - background-position: 2% -295px; -} .action-button.disabled { background: #EEEEEE url('../img/developers/privileges.png') no-repeat 96% 50%; border-color: gray; color: gray; cursor: default; } -.html-rtl .action-button.disabled { - background-position: 4% 50%; -} a.action-button.disabled:hover { color: gray; background-position: 96% 50%; } -.html-rtl a.action-button.disabled:hover { - background-position: 4% 50%; -} .index-actions { margin: 15px 0 0 30px; padding: 0; list-style: none; } -.html-rtl .index-actions { - margin: 15px 30px 0 0; -} .index-actions li { padding-left: 20px; font-weight: bold; } -.html-rtl .index-actions li { - padding-left: auto; - padding-right: 20px; -} .action-details { margin-left: 10px; font-weight: normal; } -.html-rtl .action-details { - margin-left: auto; - margin-right: 10px; -} .add-button-container { margin-top: 10px; @@ -100,13 +69,6 @@ a.action-button.disabled:hover { background: #FFFFFF url('../img/developers/add.png') no-repeat 5px 50%; padding: 3px 5px 3px 25px; border: 1px solid #5D6C8C; - white-space: nowrap; -} -.html-rtl .add-button, -.html-rtl .remove-button, -.html-rtl .edit-button { - background-position: 100% 50%; - padding: 3px 20px 3px 5px; } .button { background-color: #FFFFFF; @@ -125,9 +87,6 @@ a.button { font-size: 105%; border: 1px solid #5D6C8C; } -.html-rtl .add-button.bigger { - padding: 5px 25px 5px 10px; -} .edit-button { background-image: url('../img/developers/pencil.png'); border: 1px solid #FFCC66; @@ -147,17 +106,14 @@ a.button:hover { text-decoration: underline; } -#dev-agreement { +.agreement-text { background-color: #EEEEEE; - margin: 0 5% 10px; + margin: 0 5%; padding: 10px; - max-height: 300px; - overflow: auto; - border: 1px solid #AAA; - font-size: 85%; } -#license-disclosure { - font-size: 95%; +.agreement-buttons { + text-align: center; + margin: 5px 0; } #step-agreement, @@ -250,18 +206,10 @@ p { padding-left: 25px; min-height: 20px; } -.html-rtl #edit-listing dt { - padding-left: auto; - padding-right: 25px; -} #edit-listing dd { padding-left: 20px; padding-bottom: 10px; } -.html-rtl #edit-listing dd { - padding-left: auto; - padding-right: 20px; -} .pitch ul { margin: 0; list-style: none; @@ -270,24 +218,13 @@ p { padding-left: 23px; margin-top: 5px; } -.html-rtl .pitch .actionbar li { - padding-left: auto; - padding-right: 23px; -} .pitch .actionbar li.container { padding-left: 0; margin-top: 0; } -.html-rtl .pitch .actionbar li.container { - padding-right: 0; -} .pitch .actionbar ul li { margin-left: 15px; } -.html-rtl .pitch .actionbar ul li { - margin-left: auto; - margin-right: 15px; -} .pitch .actionbar li.selected { font-weight: bold; } @@ -343,28 +280,6 @@ p { .actionbar .previews { background: transparent url('../img/developers/actionbar/previews.png') no-repeat 0% 50%; } -.html-rtl .actionbar .displaypage, -.html-rtl .actionbar .details, -.html-rtl .actionbar .edit, -.html-rtl .actionbar .edit-properties, -.html-rtl .actionbar .edit-descriptions, -.html-rtl .actionbar .edit-categories, -.html-rtl .actionbar .edit-authors, -.html-rtl .actionbar .status, -.html-rtl .actionbar .statistics, -.html-rtl .actionbar .versions, -.html-rtl .actionbar .versions-add, -.html-rtl .actionbar .previews { - background-position: 100% 50%; -} - -.edit-categories-descriptions { - border-left: 1px solid #CCCCCC; -} -.html-rtl .edit-categories-descriptions { - border-left-width: 0; - border-right: 1px solid #CCCCCC; -} #add-author-button .add-button { background-image: url('../img/developers/edit_authors_add.png'); @@ -390,10 +305,6 @@ p { border: 1px solid #5D6C8C; margin: 5px; } -.html-rtl .save-changes { - background-position: 100% 50%; - padding: 5px 25px 5px 0; -} #add-author p { margin-bottom: 5px; } @@ -403,10 +314,6 @@ p { padding: 5px 0 5px 30px; display: none; } -.html-rtl #add-author #add-error { - background-position: 100% 50%; - padding: 5px 25px 5px 0; -} #add-author #add-loading { display: none; } @@ -415,10 +322,6 @@ p { vertical-align: middle; margin-right: 10px; } -.html-rtl .edit-categories-box h4 img { - margin-right: auto; - margin-left: 10px; -} #edit-properties-icon-table th { color: #2D3B58; @@ -448,10 +351,6 @@ p { padding-left: 20px; display: none; } -.html-rtl #new-app-picker { - padding-left: auto; - padding-right: 20px; -} table .inline-delete-button img { padding-bottom: 4px; @@ -461,11 +360,6 @@ a.filelink { background: transparent url('../img/developers/versions_link.png') no-repeat left; padding-left: 20px; } -.html-rtl a.filelink { - background-position: right; - padding-left: auto; - padding-right: 20px; -} #files-table .inline-delete-box .remove-button { background-image: url('../img/developers/versions_delete.png'); @@ -488,28 +382,12 @@ a.filelink { .replace-preview input { margin-left: 20px; } -.html-rtl .replace-preview input { - margin-left: auto; - margin-right: 20px; -} #content-main .replace-preview p { margin-bottom: 0; } #add-preview-box .add-button { background-image: url('../img/developers/preview_add.png'); } -.preview-buttons { - text-align: right; -} -.html-rtl .preview-buttons { - text-align: left; -} -.preview-add-button-description { - text-align: right; -} -.html-rtl .preview-add-button-description { - text-align: left; -} /* Change Status Page */ div.status { @@ -546,12 +424,9 @@ h4.status span { .actions .action { text-align: left; vertical-align: middle; - min-width: 25%; + width: 25%; padding-bottom: 5px; } -.html-rtl .actions .action { - text-align: right; -} .actions .description { color: #5D6C8C; } @@ -579,18 +454,10 @@ h4.status span { .criteria { margin-left: 10px; } -.html-rtl .criteria { - margin-left: auto; - margin-right: 10px; -} .criteria li { list-style: none; padding-left: 20px; } -.html-rtl .criteria li { - padding-left: auto; - padding-right: 20px; -} .criteria .pass { background: url('../img/developers/tick.png') no-repeat left center; } @@ -600,11 +467,6 @@ h4.status span { .criteria .meh { background: url('../img/developers/asterisk_yellow.png') no-repeat left center; } -.html-rtl .criteria .pass, -.html-rtl .criteria .fail, -.html-rtl .criteria .meh { - background-position: right center; -} .pretty-table { width: 100%; @@ -663,24 +525,11 @@ h4.status span { -webkit-border-top-right-radius: 0; border-radius: 6px 0 6px 6px; } -.html-rtl .inline-delete-box { - margin-left: auto; - margin-right: -378px; - -moz-border-radius: 0 6px 6px 6px; - -webkit-border-radius: 6px; - -webkit-border-top-left-radius: 0; - border-radius: 0 6px 6px 6px; -} .uses-button .inline-delete-box { right: 0; margin: 2px 22px 0 0; width: 50%; } -.html-rtl .uses-button .inline-delete-box { - right: auto; - left: 0; - margin: 2px 0 0 22px; -} .inline-delete-box p { margin: 0 !important; padding: 0; @@ -725,6 +574,145 @@ label.indented { text-indent: 2em; } +/* translation box */ +.translation-box h4 { + border-bottom: 1px solid #2D3B58; +} +.translation-box h4 img { + float: right; + margin-top: 3px; +} +.translation-box .translation-button img { + cursor: pointer; + float: left; + background-color: #EEEEEE; + border: 1px solid #EEEEEE; + border-bottom: none; + padding: 2px 5px 3px; + margin: 5px 0 0 10px; + height: 1.5em; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; +} +.translation-box .translation-button.remove img { + float: right; +} +.translation-box .translation-button img:hover { + background-color: #E4F3FA; +} +.translation-box .translation-tab { + float: left; + margin-right: 2px; + background-color: #DDDDDD; + text-align: center; + padding: 5px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + width: 3.1em; + height: 1.5em; + cursor: pointer; + border-bottom: 1px solid #FFFFFF; +} +.translation-box .translation-tab.selected { + border: 1px solid #1D587F; + background-color: #DDDDFF; + border-bottom: none; + color: #1D587F; +} +.translation-box .translation-tab:hover { + text-decoration: underline; +} +.translation-box .translation-area { + clear: both; + margin: 0; +} +.translation-box .translation-maxlength { + text-align: right; + display: none; +} +.translation-box .translation-maxlength.selected { + display: block; +} +.translation-box .translation-maxlength img { + display: none; +} +.translation-box .translation-maxlength.over { + color: #CC3333; +} +.translation-box .translation-maxlength.over img { + display: inline; + vertical-align: middle; +} +.translation-box .translation-maxlength span { + font-weight: bold; +} +.translation-box .input { + border: 1px solid #1D587F; + margin: 0; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-bottomright: 6px; + -webkit-border-bottom-left-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + width: 100%; + display: none; +} +.translation-box .input.selected { + display: block; +} +.translation-newlocale-container, +.translation-deletelocale-container, +.translation-help-container, +.translation-error-container { + display: none; +} +.translation-newlocale, +.translation-deletelocale { + border: 1px solid #1D587F; + margin: 0; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-bottomright: 6px; + -webkit-border-bottom-left-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + width: 100%; + height: 100px; + display: none; +} +.translation-deletelocale.textarea { + position: absolute; + z-index: 10; +} +.translation-newlocale.selected, +.translation-deletelocale { + display: block; +} +.translation-newlocale .padded, +.translation-deletelocale .padded, +.translation-help .padded { + padding: 15px; +} +.translation-newlocale .buttons, +.translation-deletelocale .buttons { + text-align: center; + margin: 10px; +} +.translation-help { + background-color: #FFFFFF; + margin-bottom: 10px; + width: 630px; + display: none; +} + + +.graybox .error-message { + background: transparent url('../img/developers/exclamation.png') no-repeat 5px 50%; + color: red; + padding: 5px 0 5px 30px; +} + .preview-box .error-message { display: none; background-image: url('../img/developers/preview_delete.png'); @@ -739,10 +727,6 @@ label.indented { margin-bottom: 5px; padding: 5px 5px 5px 30px; } -.html-rtl .notice-success { - background-position: 100% 50%; - padding: 5px 25px 5px 5px; -} .notice-success span { font-weight: bold; } @@ -753,10 +737,6 @@ label.indented { margin-bottom: 5px; padding: 5px 5px 5px 30px; } -.html-rtl .notice-error { - background-position: 100% 50%; - padding: 5px 25px 5px 5px; -} .notice-error span { font-weight: bold; } @@ -782,22 +762,12 @@ label.indented { padding-left: 30px; background: #FFFF99 url('../img/developers/noscript.png') no-repeat 5px 50%; } -.html-rtl .notice.noscript { - padding-left: auto; - padding-right: 30px; - background-position: 100% 50%; -} .notice.no-privs-box { padding-left: 30px; background: #FFFF99 url('../img/developers/privileges.png') no-repeat 5px 50%; display: none; } -.html-rtl .notice.no-privs-box { - padding-left: auto; - padding-right: 30px; - background-position: 100% 50%; -} #content-main.no-privs .no-privs-box { display: block; @@ -812,12 +782,6 @@ label.indented { #content-main.no-privs .remove-button { display: none; } -.version-delete-area { - text-align: right; -} -.html-rtl .version-delete-area { - text-align: left; -} #content-main.no-privs input, #content-main.no-privs select, @@ -850,24 +814,15 @@ div.error_message { .sub div { margin: 0; padding: 0; } .sub div.addon-container { margin-left: -1px; padding: 14px 20px 8px; } .sub .vex { left: 0; } -.html-rtl .sub .vex { left: 0; } #summary h4 img { float: left; padding-right: 10px; } -.html-rtl #summary h4 img { - float: right; - padding-right: auto; - padding-left: 10px; -} #summary p { padding: 5px; clear: left; } -.html-rtl #summary p { - clear: right; -} /*** =Extra content ***/ .action-bar { @@ -879,9 +834,6 @@ div.error_message { -webkit-border-radius: 6px; border-radius: 6px; } -.html-rtl .action-bar { - float: left; -} .action-bar ul { margin: 10px !important; list-style: none; @@ -889,10 +841,6 @@ div.error_message { .action-bar ul li { padding-left: 20px; } -.html-rtl .action-bar ul li { - padding-left: auto; - padding-right: 20px; -} .addon-details h3 img { vertical-align: middle; @@ -920,10 +868,6 @@ div.summaryBar { border: 0px; margin-left: 10px; } -.html-rtl .summaryBar img { - margin-left: auto; - margin-right: 10px; -} .summaryBar div { /* IE hack */ zoom: 1; @@ -962,10 +906,6 @@ div.greenNotice { #developersForm { padding-left: 15px; } -.html-rtl #developersForm { - padding-left: auto; - padding-right: 15px; -} #submissionHelp { text-align: center; } @@ -984,24 +924,13 @@ div.greenNotice { float: left; width: 14em; } -.html-rtl #developersForm label { - float: right; -} #developersForm ul.rightlist li { list-style: none; padding-left: 11em; } -.html-rtl #developersForm ul.rightlist li { - padding-left: auto; - padding-right: 11em; -} #developersForm ul.rightlist li:first-child { padding-left: 0; } -.html-rtl #developersForm ul.rightlist li:first-child { - padding-left: auto; - padding-right: 0; -} #developersForm div div.platforms label { float: left; border: none; @@ -1009,19 +938,11 @@ div.greenNotice { width: 14em; text-align: right; } -.html-rtl #developersForm div div.platforms label { - float: right; - text-align: left; -} #developersForm label.nofloat { float: none; margin-left: 10px; border: none; } -.html-rtl #developersForm label.nofloat { - margin-left: auto; - margin-right: 10px; -} #developersForm label.normal { float: none; border: none; @@ -1030,17 +951,9 @@ div.greenNotice { font-style: italic; margin-left: 14em; } -.html-rtl #developersForm div.description { - margin-left: auto; - margin-right: 14em; -} #developersForm .spaced { margin-left: 14em; } -.html-rtl #developersForm .spaced { - margin-left: auto; - margin-right: 14em; -} #developersForm input.vmiddle { vertical-align: middle; } @@ -1049,12 +962,6 @@ div.greenNotice { #developersForm textarea { margin-left: 5px; } -.html-rtl #developersForm input, -.html-rtl #developersForm select, -.html-rtl #developersForm textarea { - margin-left: left; - margin-right: 5px; -} #developersForm select { border: 1px solid #eee; } @@ -1066,10 +973,6 @@ div.addonName { font-size: 14px; font-style: italic; } -div.addonName { - padding-left: auto; - padding-right: 20px; -} .buttonBox input { margin: 10px; } @@ -1084,10 +987,6 @@ div.addonName { vertical-align: top; padding-left: 20px; } -.html-rtl #tagDescription { - padding-left: auto; - padding-right: 20px; -} #afterDescription { clear: both; padding-top: 15px; @@ -1130,11 +1029,6 @@ div.addonName { padding: .4em; border-right: 1px solid #eee; } -#locale-box span { - float: right; - border-right-width: 0; - border-left: 1px solid #eee; -} #locale-box span:hover, #locale-box span.selected { background: url(../img/developers/locale-background-hover.png) repeat-x; @@ -1152,18 +1046,11 @@ div.addonName { #fileList td.separator { padding: 0 15px; } -#license-translationbox { - margin-top: 1em; -} /* developers/tshirtrequest */ #tshirtRequestForm { padding-left: 15px; } -.html-rtl #tshirtRequestForm { - padding-left: auto; - padding-right: 15px; -} #tshirtRequestForm div { margin-top: 15px; @@ -1172,8 +1059,4 @@ div.addonName { #requestTShirtButton { margin-left: 14em; } -.html-rtl #requestTShirtButton { - margin-left: auto; - margin-right: 14em; -} |