Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/site/app/webroot/css/developers.css
diff options
context:
space:
mode:
Diffstat (limited to 'site/app/webroot/css/developers.css')
-rw-r--r--site/app/webroot/css/developers.css407
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;
-}