color: lightslategrey;
background-color: #333333;
/* opacity: 0.9; causes memory leak? */
- -moz-border-radius: 7px;
+ border-radius: 7px;
}
.progress-fg {
background-color: #EEEEEE;
/* opacity: 0.9;*/
border: 1px #777499 solid;
- -moz-border-radius: 7px;
+ border-radius: 7px;
}
#splash {
color: #0e9e0e;
background-color: #c3f7c3;
font-weight: bold;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
/*border: thin darkblue solid;*/
}
background: #fff196;
color: #ff8d02;
font-weight: bold;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
.msg[msg-type="HELLO"] .msg-data {
background: #1342a5;
color: white;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
font-weight: bold;
}
.msg[msg-type="ERROR"] .msg-data,
.msg[msg-type="DISCONNECT"] .msg-data {
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
background: #a8221e;
color: white;
}
color: #ff1a0a;
background: #ffdbcc;
font-weight: bold;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
/* important="true" means that the message has text from your /stalk list in
*/
.msg[important="true"] .msg-user {
background: #d4d8d4;
- -moz-border-radius: 5px 0px 0px 5px;
+ border-radius: 5px 0px 0px 5px;
}
.msg[important="true"] .msg-data {
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.rect {position:absolute; top:1px; left:1px; height:1px; width:1px; border: 1px solid #0000ff;}
-.cir {position:absolute; top:1px; left:1px; height:1px; width:1px; border: 1px solid #00ff00; -moz-border-radius: 50%;}
+.cir {position:absolute; top:1px; left:1px; height:1px; width:1px; border: 1px solid #00ff00; border-radius: 50%;}
.poly {position:absolute; top:0px; left:0px; height:100%; width:100%;}
.point {position:absolute; top:1px; left:1px; height:3px; width:3px; background-color:#ff0000;}
.pointStart {position:absolute; top:1px; left:1px; height:3px; width:3px; background-color:#8000ff;}
background: #9999CC;
color: #000000;
border: 1px solid #666699;
- -moz-border-radius: 10px;
+ border-radius: 10px;
padding: 3em;
-moz-padding-start: 30px;
-moz-margin-start: 1em;
body {
border: 1px solid #666699;
- -moz-border-radius: 10px;
+ border-radius: 10px;
padding: 3em;
min-width: 30em;
max-width: 65em;
}
.findbar-textbox[status="notfound"] {
- -moz-box-shadow: 0 0 0 1em #FFC0C0 inset;
+ box-shadow: 0 0 0 1em #FFC0C0 inset;
color: #000000;
}
.findbar-textbox[flash="true"] {
- -moz-box-shadow: 0 0 0 1em #FFFFC0 inset;
+ box-shadow: 0 0 0 1em #FFFFC0 inset;
color: #000000;
}
menulist > menupopup > menuitem,
.menulist-menupopup > menu,
menulist > menupopup > menu {
- padding-top: 1px;
- padding-bottom: 1px;
- -moz-padding-start: 1px;
- -moz-padding-end: 22px;
+ padding: 1px 5px;
max-width: none;
}
.radio-check-box1 {
border: 2px outset #CCD0DD;
- -moz-border-radius: 50%;
+ border-radius: 50%;
width: 12px;
height: 12px;
background-color: #FFFFFF;
}
.radio-check-box2 {
- -moz-border-radius: 50%;
+ border-radius: 50%;
padding: 1px;
width: 4px;
height: 4px;
border-bottom: 1px solid #CCD0DD;
}
+.hud-group label {
+ padding-left: 1em;
+}
+
.hud-outer-wrapper {
width: 100%;
height: 100%;
-moz-user-focus: normal;
}
+.hud-clickable {
+ cursor: pointer !important;
+ text-decoration: underline;
+}
+
.hud-output-node .hud-network {
color: blue;
}
margin-top: 0.3em;
margin-bottom: 0.3em;
padding-left: 0.3em;
- border-bottom: 1px solid #eee;
+ /* border-bottom: 1px solid #eee; */
}
.hud-output-node {
}
.jsterm-input-node {
- width: 98%;
font-family: monospace;
font-size: 9pt;
background: url("chrome://global/skin/icons/commandline.png") 4px 3px no-repeat !important;
}
.jsterm-output-line {
- font-size: 1.2em;
+ font-size: 1em;
}
.hud-console-filter-toolbar {
padding: 1px 0px;
-moz-box-align: center;
}
+
+.jsterm-close-button {
+ background: none !important;
+ border: none !important;
+ list-style-image: url("chrome://global/skin/icons/close-button.gif");
+ margin: 0px !important;
+ min-width: 0px !important;
+ padding: 1px 3px 1px 7px !important;
+ -moz-user-focus: ignore;
+}
--- /dev/null
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is DevTools code
+ *
+ * The Initial Developer of the Original Code is
+ * Mozilla Corporation
+ * Portions created by the Initial Developer are Copyright (C) 2010
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ * Joe Walker <jwalker@mozilla.com>
+ * Julian Viereck <jviereck@mozilla.com>
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+body {
+ font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ font-size: 11px;
+ background: #CCD0DD;
+}
+
+div#header {
+ padding: 5px;
+ overflow-x:auto;
+}
+
+h1 {
+ font-size: 13px;
+ padding: 2px 10px;
+ margin: 0px;
+}
+
+h1 .info {
+ font-size: 11px;
+ float: right;
+ color: #666699;
+ padding-right: 3px;
+}
+
+div.property-header {
+ padding: 2px 5px;
+ color: #666699;
+ max-height: 330px;
+ overflow-y: auto;
+ overflow-x: auto;
+ white-space: pre-wrap;
+}
+
+span.property-name {
+ font-size: 11px;
+ font-weight: bold;
+ padding-right: 4px;
+ color: #000;
+}
+
+span.property-value {
+ padding-right: 5px;
+ font-size: 11px;
+}
+
+div.group {
+ margin-top: 10px;
+}
+
+div.group, div#header {
+ background: #FFF;
+ border-color: #9999CC;
+ border-style: solid;
+ border-width: 1px;
+}
+
+img#responseImageNode {
+ max-width: 100%;
+}
+
+#responseImageNodeDiv {
+ padding: 5px;
+}
/* ::::: vcard ::::: */
.moz-vcard-table {
- /* -moz-border-radius: 8px; */
+ /* border-radius: 8px; */
border: thin solid #6666CC;
margin-top: 10px;
}
border: 1px solid #666699;
}
+/*** global warnings ***/
+
+.global-warning {
+ -moz-box-align: center;
+ padding: 0 8px;
+ color: #000000;
+ font-weight: bold;
+}
+
+#addons-page[warning] .global-warning-container {
+ background-color: #FFFFCC;
+}
+
+#detail-view .global-warning {
+ padding: 4px 12px;
+ border-bottom: 1px solid #9999CC;
+}
+
+/*** notification icons ***/
+
+.warning-icon {
+ list-style-image: url("chrome://global/skin/icons/warning-16.png");
+ width: 16px;
+ height: 16px;
+ margin: 3px 0;
+}
+
+.error-icon {
+ list-style-image: url("chrome://global/skin/icons/error-16.png");
+ width: 16px;
+ height: 16px;
+ margin: 3px 0;
+}
+
+.pending-icon,
+.info-icon {
+ list-style-image: url("chrome://global/skin/icons/information-16.png");
+ width: 16px;
+ height: 16px;
+ margin: 3px 0;
+}
/*** category selector ***/
padding: 2px 8px;
margin: 6px 0px;
border: 1px outset #666699;
- /* -moz-border-radius: 100%; */
color: #FFFFFF;
font-weight: bold;
text-align: center;
-moz-appearance: none;
border: none;
background-color: transparent;
- /* -moz-border-radius: 100%; */
padding: 0px 6px;
margin: 0px 6px;
min-width: 12px !important;
max-height: 48px;
}
-.addon[type="theme"] .icon {
+.addon-view[type="theme"] .icon {
list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
}
-.addon[type="locale"] .icon {
+.addon-view[type="locale"] .icon {
list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
}
-.addon[type="plugin"] .icon {
+.addon-view[type="plugin"] .icon {
list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
}
-.name,
-.version,
-.update-postfix {
+.name-container {
font-size: 150%;
margin-bottom: 0px;
}
-.disabled-postfix {
- font-size: 130%;
-}
-
.description-container {
margin-top: 8px;
-moz-margin-start: 6px;
-moz-margin-start: 48px;
}
-.addon:not([selected]) .warning {
+.addon-view:not([selected]) .warning {
color: #808000;
}
-.addon:not([selected]) .error {
+.addon-view:not([selected]) .error {
color: #FF0000;
}
-.addon:not([selected]) .pending {
+.addon-view:not([selected]) .pending {
color: #33FF33;
}
-.addon .warning-icon {
- opacity: 0.7;
- list-style-image: url("chrome://global/skin/icons/warning-16.png");
- width: 16px;
- height: 16px;
- margin: 0;
-}
-
-.addon .error-icon {
- list-style-image: url("chrome://global/skin/icons/error-16.png");
- width: 16px;
- height: 16px;
- margin: 0;
-}
-
-.addon .pending-icon,
-.addon .info-icon {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
- width: 16px;
- height: 16px;
- margin: 0;
-}
-
-.addon[notification="warning"] {
+.addon-view[notification="warning"] {
background-color : #FFFFCC;
}
-.addon[notification="error"] {
+.addon-view[notification="error"] {
background-color: #FFD0DD;
}
-.addon[notification="info"] {
+.addon-view[notification="info"] {
background-color: #9999CC;
}
-.addon[pending="enable"],
-.addon[pending="upgrade"],
-.addon[pending="install"] {
+.addon-view[pending="enable"],
+.addon-view[pending="upgrade"],
+.addon-view[pending="install"] {
background-color: #CCFFDD;
}
-.addon[pending="disable"],
-.addon[pending="uninstall"] {
+.addon-view[pending="disable"],
+.addon-view[pending="uninstall"] {
background-color: #808080;
}
-
-.remove-container {
- width: 16px;
-}
-
/*** item - uninstalled ***/
.addon[status="uninstalled"] {
-moz-box-align: center;
padding: 4px 20px;
background-color: #808080;
- -moz-border-radius: 8px;
+ border-radius: 8px;
font-size: 120%;
}
}
-
/*** search view ***/
#search-filter {
-moz-appearance: none;
padding: 0px 6px;
margin: 0px 3px;
- -moz-border-radius: 100%;
+ border-radius: 10000px;
}
.search-filter-radio[selected] {
opacity: 0.5;
}
-#detail-view > .loading {
+#detail-view .loading {
opacity: 0;
}
-#detail-view:not([loading]) > .loading {
+#detail-view:not([loading]) .loading {
visibility: collapse;
}
-#detail-view[loading-extended] > .loading {
+#detail-view[loading-extended] .loading {
-moz-box-align: center;
-moz-box-pack: center;
opacity: 1;
-moz-transition-duration: 1s;
}
-#detail-view > .loading > image {
+#detail-view .loading > image {
list-style-image: url("chrome://global/skin/icons/loading.gif");
}
.detail-view-container {
overflow: auto;
- padding: 10px 20px;
+ padding: 2em;
+ font-size: 110%;
}
-.detail-basicinfo {
- padding: 10px 0px;
- -moz-box-align: center;
+#detail-notifications {
+ margin-bottom: 2em;
}
-.detail-extra {
- margin-top: 20px;
-}
-
-#detail-desc {
- min-height: 40px;
- margin-bottom: 20px;
+#detail-notifications .warning,
+#detail-notifications .pending,
+#detail-notifications .error,
+#detail-notifications .info {
+ -moz-margin-start: 0;
}
#detail-icon {
- width: 32px;
- height: 32px;
-moz-margin-end: 10px;
- list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
}
-#detail-view[type="theme"] #detail-icon {
- list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+#detail-summary {
+ margin-bottom: 2em;
}
-#detail-view[type="locale"] #detail-icon {
- list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
+#detail-name-container {
+ font-size: 200%;
}
-#detail-view[type="plugin"] #detail-icon {
- list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+#detail-screenshot {
+ -moz-margin-end: 2em;
}
-#detail-name {
- font-size: 200%;
+#detail-desc-container {
+ margin-bottom: 2em;
+ /* This is necessary to fix layout issues with multi-line descriptions, see
+ bug 592712*/
+ outline: solid transparent;
}
-#detail-screenshot {
- width: 140px;
- height: 140px;
- background-color: blue;
- margin: 0px 10px 0px 0px;
+#detail-desc {
+ -moz-margin-start: 6px;
+ white-space: pre-wrap;
}
-.detail-prefs {
- -moz-box-align: start;
+#detail-contributions {
+ border-radius: 5px;
+ border: 1px solid #666699;
+ margin-bottom: 2em;
+ padding: 1em;
+ background: #FFFFCC;
}
-.meta-label {
- font-weight: bold;
+#detail-contrib-description {
+ font-style: italic;
+ margin-bottom: 1em;
+}
+
+#detail-contrib-suggested {
+ color: grey;
+}
+
+#detail-contrib-button {
+ list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
+}
+
+#detail-contrib-button .button-icon {
+ -moz-margin-end: 3px;
}
-#detail-notification {
+#detail-grid {
+ margin-bottom: 2em;
+}
+
+.detail-row,
+.detail-row-complex {
+ border-bottom: 1px solid #808080;
-moz-box-align: center;
- -moz-box-pack: center;
- margin: 0px 50px;
- padding: 4px 20px;
- background-color: #FFFFCC;
- /* -moz-border-radius: 8px; */
- font-size: 120%;
- border: 1px solid #666699;
+}
+
+.detail-row-value {
+ -moz-margin-start: 0;
}
.download-progress {
background-color: #CCD0DD;
- /* -moz-border-radius: 100%; */
border: 1px solid #808080;
width: 200px;
height: 24px;
.download-progress .start-cap:-moz-locale-dir(ltr),
.download-progress .end-cap:-moz-locale-dir(rtl) {
- -moz-border-radius: 100% 0 0 100%;
+ border-radius: 10000px 0 0 10000px;
}
.download-progress .end-cap:-moz-locale-dir(ltr),
.download-progress .start-cap:-moz-locale-dir(rtl) {
- -moz-border-radius: 0 100% 100% 0;
+ border-radius: 0 10000px 10000px 0;
}
.download-progress .progress {
border-style: solid;
-moz-border-top-colors: #FFFFFF;
-moz-border-left-colors: #FFFFFF;
- /* -moz-border-radius: 100%; */
min-width: 16px;
width: 16px;
height: 16px;
font-weight: bold;
}
-
-/*** buttons ***/
-
-.remove-button {
- background: transparent;
- padding: 0;
- margin: 0;
- list-style-image: url("chrome://global/skin/icons/delete.png");
- border: 1px solid transparent;
-}
-
-.remove-button .button-box {
- padding: 0;
-}
-
-.remove-button:hover {
- border: 1px outset #CCD0DD;
-}
-
-.remove-button:active {
- border: 1px inset #CCD0DD;
-}
-
-.remove-button .button-text {
- display: none;
+#update-selected {
+ margin: 12px;
}
-.contribute {
- -moz-padding-start: 20px;
- -moz-padding-end: 4px;
-}
+/*** buttons ***/
.button-link {
background: transparent;
text-align: center;
background-color: #CCD0DD;
color: #000000;
- -moz-border-radius: 12px;
+ border-radius: 12px;
/* recessed effect with 'disabled' shadow */
- -moz-box-shadow: inset 0 1px 5px #808080;
+ box-shadow: inset 0 1px 5px #808080;
padding: 5px;
-moz-user-select: none;
}
padding: 0;
}
+.update-header {
+ padding: 0px 10px;
+}
+
.update-content {
padding: 10px;
}
margin-top: 0 !important;
}
-#updates[currentpageid="updatesfoundbasic"] .wizard-button[dlgtype="next"],
-#updates[currentpageid="updatesfoundbillboard"] .wizard-button[dlgtype="next"],
-#updates[currentpageid="finished"] .wizard-button[dlgtype="finish"],
-#updates[currentpageid="finishedBackground"] .wizard-button[dlgtype="finish"] {
- font-weight: bold;
-}
-
#licenseContent, #incompatibleListbox {
-moz-margin-start: 6px;
-moz-margin-end: 6px;
}
#urlbar > .autocomplete-textbox-container {
- -moz-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
padding: 2px;
}
background-color: #E7ADE7;
color: #000000;
border: 1px solid #9C9CFF;
- -moz-border-radius: 3px;
+ border-radius: 3px;
}
.themesLink {
#input-widget,
#input-widget-multiline {
- -moz-border-radius: 5px;
+ border-radius: 5px;
border: 1px solid #9C9CFF;
}
}
.output-container {
- -moz-border-radius: 5px;
+ border-radius: 5px;
border: 1px solid #9C9CFF;
}
.header {
color: #000000;
background-color: #9C9CFF;
- -moz-border-radius: 7px;
+ border-radius: 7px;
}
.progress-fg {
.msg-user {
background-color: #000000;
- -moz-border-radius: 7px 0px 0px 7px;
+ border-radius: 7px 0px 0px 7px;
border: 1px solid #004242;
}
.msg-data {
background-color: #000000;
- -moz-border-radius: 0px 7px 7px 0px;
+ border-radius: 0px 7px 7px 0px;
border: 1px solid #735673;
}
color: #000000;
background-color: #9C9CFF;
border-color: #FFCF00;
- -moz-border-radius: 7px;
+ border-radius: 7px;
}
.value {
.msg-type { /* .msg-type = message type */
color: #000000; /* indicator */
background-color: #008484;
- -moz-border-radius: 9px 0px 0px 9px;
+ border-radius: 9px 0px 0px 9px;
border: 1px solid transparent;
}
.msg-data {
background-color: #9C9CFF;
border: 1px solid transparent;
- -moz-border-radius: 0px 9px 9px 0px;
+ border-radius: 0px 9px 9px 0px;
color: #000000;
}
.msg-user {
background-color: #9C9CFF;
border: 1px solid transparent;
- -moz-border-radius: 9px 0px 0px 9px;
+ border-radius: 9px 0px 0px 9px;
}
/* important="true" means that the message has text from your /stalk list in
background-color: #EEEEEE;
/* opacity: 0.9;*/
border: 1px #777499 solid;
- -moz-border-radius: 7px;
+ border-radius: 7px;
}
#splash {
color: #0e9e0e;
background-color: #c3f7c3;
font-weight: bold;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
/*border: thin darkblue solid;*/
}
background: #fff196;
color: #ff8d02;
font-weight: bold;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
.msg[msg-type="HELLO"] .msg-data {
background: #1342a5;
color: white;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
font-weight: bold;
}
.msg[msg-type="ERROR"] .msg-data,
.msg[msg-type="DISCONNECT"] .msg-data {
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
background: #a8221e;
color: white;
}
color: #ff1a0a;
background: #ffdbcc;
font-weight: bold;
- -moz-border-radius: 5px 5px 5px 5px;
+ border-radius: 5px 5px 5px 5px;
}
/* important="true" means that the message has text from your /stalk list in
*/
.msg[important="true"] .msg-user {
background: #d4d8d4;
- -moz-border-radius: 5px 0px 0px 5px;
+ border-radius: 5px 0px 0px 5px;
}
.msg[important="true"] .msg-data {
*/
#editBMPanel_namePicker[droppable="false"] {
/* These rules come from the textbox element in textbox.css. */
- -moz-border-radius: 3px;
+ border-radius: 3px;
-moz-outline-radius: 5px;
cursor: text;
margin: 1px 2px;
font-size: 130%;
background-color: #9C9CFF;
color: #000000;
- -moz-border-radius: 8px;
+ border-radius: 8px;
-moz-padding-start: 10px;
}
max-width: 52em;
margin: 4em auto;
border: 2px solid #FFCF00;
- -moz-border-radius: 10px;
+ border-radius: 10px;
padding: 3em;
-moz-padding-start: 30px;
background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat #000000;
.box-smallheader
{
-moz-binding : url(chrome://communicator/content/dialogBindings.xml#smallheader);
- -moz-border-radius : 3px;
+ border-radius : 3px;
border : 1px solid #9C9CFF;
margin : 0px 5px 6px 5px;
}
#feedHeaderContainer {
border: 1px solid #9C9CFF;
- -moz-border-radius: 10px;
+ border-radius: 10px;
margin: -3em auto 0 auto;
background-color: #FFCF00;
}
}
#categoryCol {
- -moz-border-radius: 3px 3px 0px 0px;
+ border-radius: 3px 3px 0px 0px;
}
dialogheader {
padding-bottom: 2px;
-moz-padding-start: 6px;
-moz-padding-end: 0px;
- -moz-border-radius: 8px 0px 0px 0px;
+ border-radius: 8px 0px 0px 0px;
}
#engineTabs {
}
#engineTabs > button {
- -moz-border-radius: 8px 8px 0px 0px;
+ border-radius: 8px 8px 0px 0px;
-moz-margin-start: 5px;
-moz-margin-end: 5px;
}
}
.box-texttab > hbox {
- -moz-border-radius: 5px;
+ border-radius: 5px;
-moz-box-align: stretch;
padding: 2px 0px;
background-color: #FF9F00;
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.rect {position:absolute; top:1px; left:1px; height:1px; width:1px; border: 1px solid #0000ff;}
-.cir {position:absolute; top:1px; left:1px; height:1px; width:1px; border: 1px solid #00ff00; -moz-border-radius: 50%;}
+.cir {position:absolute; top:1px; left:1px; height:1px; width:1px; border: 1px solid #00ff00; border-radius: 50%;}
.poly {position:absolute; top:0px; left:0px; height:100%; width:100%;}
.point {position:absolute; top:1px; left:1px; height:3px; width:3px; background-color:#ff0000;}
.pointStart {position:absolute; top:1px; left:1px; height:3px; width:3px; background-color:#8000ff;}
max-width: 50em;
margin: 4em auto;
border: 1px solid #9C9CFF;
- -moz-border-radius: 10px;
+ border-radius: 10px;
padding: 3em;
-moz-padding-start: 30px;
background: #000000;
width: 100%;\r
margin-bottom: 1em;\r
padding: 0.5em 0;\r
- -moz-border-radius: 10px;\r
+ border-radius: 10px;\r
}\r
\r
#disk,\r
textbox:not(.padded) {
cursor: default;
padding: 0px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
}
textbox[nomatch="true"][highlightnonmatches="true"] {
.textbox-input-box {
-moz-box-align: center;
- -moz-border-radius: 3px;
+ border-radius: 3px;
}
/* ::::: history button ::::: */
min-width: 15px;
min-height: 15px;
background-color: #000000;
- -moz-border-radius: 0px 3px 3px 0px;
+ border-radius: 0px 3px 3px 0px;
}
.autocomplete-history-dropmarker,
/* :::::::::: button :::::::::: */
button {
- -moz-border-radius: 3px;
+ border-radius: 3px;
margin: 1px 2px;
min-width: 6.3em;
border: none;
}
.button-box {
- -moz-border-radius: 3px;
+ border-radius: 3px;
border: 1px solid transparent;
padding-top: 1px;
padding-bottom: 2px;
}
.button-text {
- -moz-border-radius: 3px;
+ border-radius: 3px;
margin: 0px !important;
text-align: center;
}
.button-menu-dropmarker,
.button-menubutton-dropmarker {
- -moz-border-radius: 3px;
+ border-radius: 3px;
margin: 1px;
width: 11px;
height: 11px;
/* ::::: checkmark image ::::: */
.checkbox-check {
- -moz-border-radius: 2px;
+ border-radius: 2px;
border: 1px solid #FF9F00;
width: 12px;
height: 12px;
colorpicker[type="button"] {
width: 34px;
height: 20px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #9C9CFF;
padding: 3px;
}
width: 20px;
height: 20px;
margin: 1px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
border : 1px solid #9C9CFF;
}
background: #000000;
color: #FF9F00;
border: 1px solid #9C9FFF;
- -moz-border-radius: 10px;
+ border-radius: 10px;
padding: 3em;
-moz-padding-start: 30px;
-moz-margin-start: 1em;
.datetimepicker-input-box {
cursor: text;
-moz-margin-end: 2px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #9C9CFF;
padding: 2px 0 3px;
-moz-padding-start: 4px;
.datepicker-mainbox {
margin: 2px 4px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #9C9CFF;
background-color: #000000;
color: #FF9F00;
/* ::::: dialog header ::::: */
dialogheader {
- -moz-border-radius: 8px;
+ border-radius: 8px;
margin: 0px;
padding: 1px 12px;
background-color: #FF9F00;
body {
border: 1px solid #9C9CFF;
- -moz-border-radius: 10px;
+ border-radius: 10px;
padding: 3em;
min-width: 30em;
max-width: 65em;
/* File Field Widget */
filefield {
- -moz-border-radius: 3px;
+ border-radius: 3px;
margin: 2px 3px;
border: 1px solid #8050B0;
color: #8050B0;
}
.findbar-textbox[status="notfound"] {
- -moz-box-shadow: 0 0 0 1em #FF0000 inset;
+ box-shadow: 0 0 0 1em #FF0000 inset;
color: #000000;
}
.findbar-textbox[flash="true"] {
- -moz-box-shadow: 0 0 0 1em #FFCF00 inset;
+ box-shadow: 0 0 0 1em #FFCF00 inset;
color: #000000;
}
}
.statusbar-left {
- -moz-border-radius: 9px 0px 0px 9px;
+ border-radius: 9px 0px 0px 9px;
background-color: #6000CF;
width: 13px;
-moz-margin-end: 3px;
}
.statusbar-right {
- -moz-border-radius: 0px 9px 9px 0px;
+ border-radius: 0px 9px 9px 0px;
background-color: #6000CF;
width: 13px;
-moz-margin-start: 3px;
/* ::::: groupbox ::::: */
groupbox {
- -moz-border-radius: 5px;
+ border-radius: 5px;
margin: 3px 2px;
border: 2px solid #9C9CFF;
padding-top: 3px;
}
caption {
- -moz-border-radius: 7px;
+ border-radius: 7px;
margin: 0px 6px 2px;
padding: 0px 3px;
background-color: #9C9CFF;
/* ::::: listbox ::::: */
listbox {
- -moz-border-radius: 5px;
+ border-radius: 5px;
margin: 1px 2px;
padding: 0px;
border: 1px solid #9C9CFF;
/* margin left/right: make bar 8px wide (control width = 28, minus 2 * 10 margin) */
margin: 0px 10px;
background-color: rgba(0,0,0,0.5);
- -moz-border-radius: 4px 4px;
+ border-radius: 4px 4px;
}
/* margin left/right: 1/2 of scrubber thumb width, for overhang. */
margin: 10px 22px;
background-color: rgba(0,0,0,0.75);
- -moz-border-radius: 4px 4px;
+ border-radius: 4px 4px;
}
.bufferBar, .progressBar {
* compositing gives it a different visual appearance.
*/
background-color: rgba(255,159,0,0.75);
- -moz-border-radius: 4px 4px;
+ border-radius: 4px 4px;
-moz-appearance: none;
}
.progressBar .progress-bar {
background-color: #008484;
- -moz-border-radius: 4px 0px 0px 4px;
+ border-radius: 4px 0px 0px 4px;
-moz-appearance: none;
}
menulist > menupopup > menuitem,
.menulist-menupopup > menu,
menulist > menupopup > menu {
- padding-top: 1px;
- padding-bottom: 1px;
- -moz-padding-start: 1px;
- -moz-padding-end: 22px;
+ padding: 1px 5px;
max-width: none;
}
/* :::::::::: menulist :::::::::: */
menulist {
- -moz-border-radius: 3px;
+ border-radius: 3px;
margin: 2px 4px;
border: 1px solid #9C9CFF;
background-color: #000000;
/* ..... dropmarker ..... */
.menulist-dropmarker {
- -moz-border-radius: 0px 3px 3px 0px;
+ border-radius: 0px 3px 3px 0px;
min-width: 15px;
border: none;
border-left: 1px solid #9C9CFF;
max-width: 52em;
margin: 4em auto;
border: 1px solid #9C9FFF;
- -moz-border-radius: 10px;
+ border-radius: 10px;
padding: 3em;
-moz-padding-start: 30px;
background: url("chrome://global/skin/icons/alert-exclam.gif") left 0 no-repeat #000000;
background-color: #FFCF00;
color: #000000;
padding: 10px;
- -moz-border-radius: 10px;
+ border-radius: 10px;
}
/* Custom styling for 'blacklist' error class */
background-color : #FFCF00;
color: #000000;
text-shadow: none;
- -moz-border-radius: 8px;
+ border-radius: 8px;
}
notification[type="info"] {
}
.numberbox-input-box {
- -moz-border-radius: 3px 0px 0px 3px;
+ border-radius: 3px 0px 0px 3px;
-moz-box-align: center;
cursor: text;
border: 1px solid #9C9CFF;
}
.numberbox-input-box[hidespinbuttons="true"] {
- -moz-border-radius: 3px;
+ border-radius: 3px;
border-right-width: 1px;
}
textbox[type="number"] > spinbuttons {
- -moz-border-radius: 0px 3px 3px 0px;
+ border-radius: 0px 3px 3px 0px;
border: 1px solid #9C9CFF;
border-left-width: 0px;
}
}
a:link, a:visited, a:active {
- -moz-border-radius: 3px;
+ border-radius: 3px;
color: #FFCF00;
background-color: #000000;
text-decoration: none;
}
div#plugs {
- -moz-border-radius: 15px;
+ border-radius: 15px;
background-color: #008484;
color: #000000;
padding: 3px;
}
div.plugname {
- -moz-border-radius: 10px;
+ border-radius: 10px;
background-color: #E7ADE7;
color: #000000;
padding: 2px;
color: #E7ADE7;
text-align: left;
width: 100%;
- -moz-border-radius: 10px;
+ border-radius: 10px;
border: 1px solid #9C9FFF;
border-spacing: 0px;
}
}
th:first-child {
- -moz-border-radius: 9px 0px 0px 0px;
+ border-radius: 9px 0px 0px 0px;
}
th.type, th.suff {
}
th:last-child {
- -moz-border-radius: 0px 9px 0px 0px;
+ border-radius: 0px 9px 0px 0px;
}
}
tooltip {
- -moz-border-radius: 3px;
+ border-radius: 3px;
background-color: #9C9CFF;
border: 1px solid #FFCF00;
color: #000000;
margin: 0px 1px;
padding: 1px 3px;
min-width: 4.5em;
- -moz-border-radius: 5px;
+ border-radius: 5px;
}
.paneSelector {
/* -moz-box-align: center;
-moz-box-pack: center; */
border: 1px solid #FF9F00;
- -moz-border-radius: 50%;
+ border-radius: 50%;
width: 10px;
height: 10px;
background-color: #000000;
}
.radio-check-box2 {
- -moz-border-radius: 50%;
+ border-radius: 50%;
padding: 1px;
width: 8px;
height: 8px;
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
richlistbox {
- -moz-border-radius: 5px;
+ border-radius: 5px;
border: 1px solid #9C9CFF;
margin: 2px 4px;
background-color: #000000;
scrollbarbutton[type="increment"] {
background-image: url("chrome://global/skin/scrollbar/arrow-right.png");
- -moz-border-radius: 0 50% 50% 0;
+ border-radius: 0 50% 50% 0;
margin: 0px;
-moz-margin-start: 3px;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
background-image: url("chrome://global/skin/scrollbar/arrow-down.png");
- -moz-border-radius: 0 0 50% 50%;
+ border-radius: 0 0 50% 50%;
margin: 3px 0px 0px;
}
scrollbarbutton[type="decrement"] {
background-image: url("chrome://global/skin/scrollbar/arrow-left.png");
- -moz-border-radius: 50% 0 0 50%;
+ border-radius: 50% 0 0 50%;
margin: 0px;
-moz-margin-end: 3px;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
background-image: url("chrome://global/skin/scrollbar/arrow-up.png");
- -moz-border-radius: 50% 50% 0 0;
+ border-radius: 50% 50% 0 0;
margin: 0px 0px 3px;
}
}
.spinbuttons-button {
- -moz-border-radius: 3px;
+ border-radius: 3px;
min-width: 9px;
min-height: 9px;
margin: 0 !important;
}
.spinbuttons-button > .button-box {
- -moz-border-radius: 3px;
+ border-radius: 3px;
border: 0;
padding: 0;
margin: 0;
/* tabpanel is the box in which contents show up */
tabpanels {
- -moz-border-radius: 5px;
+ border-radius: 5px;
border: 1px solid #9C9CFF;
padding: 5px;
background-color: #000000;
/* ::::: tab ::::: */
tab {
- -moz-border-radius: 8px 8px 0px 0px;
+ border-radius: 8px 8px 0px 0px;
margin-top: 2px;
border: 1px solid #9C9CFF;
border-bottom: none;
::::: */
.tab-bottom {
- -moz-border-radius: 0px 0px 8px 8px;
+ border-radius: 0px 0px 8px 8px;
margin-top: 0;
margin-bottom: 2px;
border: 1px solid #9C9CFF;
/* ::::: textbox ::::: */
textbox {
- -moz-border-radius: 3px;
+ border-radius: 3px;
-moz-outline-radius: 5px;
cursor: text;
margin: 1px 2px;
html|*.textbox-input,
html|*.textbox-textarea {
- -moz-border-radius: 3px;
+ border-radius: 3px;
margin: 0px !important;
border: none !important;
padding: 0px !important;
toolbargrippy,
.toolbar-startcap,
.menubar-startcap {
- -moz-border-radius: 8px 0px 0px 8px;
+ border-radius: 8px 0px 0px 8px;
-moz-box-orient: vertical;
-moz-box-align: center;
background-color: #FF9F00;
.toolbar-endcap,
.menubar-endcap {
- -moz-border-radius: 0px 8px 8px 0px;
+ border-radius: 0px 8px 8px 0px;
background-color: #FF9F00;
border: none;
border-left: 3px solid black;
toolbargrippy[tbgrippy-collapsed="true"] {
-moz-box-orient: horizontal;
- -moz-border-radius: 4px 0px 0px 4px;
+ border-radius: 4px 0px 0px 4px;
margin-bottom: 3px;
width: 30px;
/* height gets set to the width of the uncollapsed grippy by default
.toolbarpaletteitem-box[type="spacer"],
.toolbarpaletteitem-box[type="spring"] {
- -moz-border-radius: 5px;
+ border-radius: 5px;
border: 1px solid #9C9CFF;
background-color: #000000 !important;
}
/* ::::: toolbarbutton ::::: */
toolbarbutton {
- -moz-border-radius: 3px;
+ border-radius: 3px;
-moz-box-align: center;
-moz-box-pack: center;
margin: 0px;
/* .......... dropmarker .......... */
.toolbarbutton-menubutton-dropmarker {
- -moz-border-radius: 3px;
+ border-radius: 3px;
-moz-box-align: start;
padding: 3px 1px 1px;
border: none;
/* ::::: tree ::::: */
tree {
- -moz-border-radius: 5px;
+ border-radius: 5px;
margin: 0px;
border: 1px solid #9C9CFF;
background-color: #000000;
}
treecol:first-child {
- -moz-border-radius-topleft: 3px;
+ border-top-left-radius: 3px;
}
tree[hidecolumnpicker] treecol:last-child {
- -moz-border-radius-topright: 3px;
+ border-top-right-radius: 3px;
}
treecolpicker {
- -moz-border-radius-topright: 3px;
+ border-top-right-radius: 3px;
-moz-box-align: center;
-moz-box-pack: center;
border: 1px solid #FF9F00;
border-bottom: 3px solid #000000;
}
+.hud-group label {
+ padding-left: 1em;
+}
+
.hud-outer-wrapper {
width: 100%;
height: 100%;
-moz-user-focus: normal;
}
+.hud-clickable {
+ cursor: pointer !important;
+ text-decoration: underline;
+}
+
.hud-output-node .hud-network {
color: blue;
}
margin-top: 0.3em;
margin-bottom: 0.3em;
padding-left: 0.3em;
- border-bottom: 1px solid #eee;
+ /* border-bottom: 1px solid #eee; */
}
.hud-output-node {
}
.jsterm-input-node {
- width: 98%;
font-family: monospace;
font-size: 9pt;
background: url("chrome://global/skin/icons/commandline.png") 4px 3px no-repeat !important;
}
.jsterm-output-line {
- font-size: 1.2em;
+ font-size: 1em;
}
.hud-console-filter-toolbar {
padding: 1px 0px;
-moz-box-align: center;
}
+
+.jsterm-close-button {
+ background: none !important;
+ border: none !important;
+ list-style-image: url("chrome://global/skin/icons/close-button.gif");
+ margin: 0px !important;
+ min-width: 0px !important;
+ padding: 1px 3px 1px 7px !important;
+ -moz-user-focus: ignore;
+}
+
+.jsterm-close-button:hover, .jsterm-close-button:active {
+ list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
+}
--- /dev/null
+/* ***** BEGIN LICENSE BLOCK *****
+ * Version: MPL 1.1/GPL 2.0/LGPL 2.1
+ *
+ * The contents of this file are subject to the Mozilla Public License Version
+ * 1.1 (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ * http://www.mozilla.org/MPL/
+ *
+ * Software distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
+ * for the specific language governing rights and limitations under the
+ * License.
+ *
+ * The Original Code is DevTools code
+ *
+ * The Initial Developer of the Original Code is
+ * Mozilla Corporation
+ * Portions created by the Initial Developer are Copyright (C) 2010
+ * the Initial Developer. All Rights Reserved.
+ *
+ * Contributor(s):
+ * Joe Walker <jwalker@mozilla.com>
+ * Julian Viereck <jviereck@mozilla.com>
+ *
+ * Alternatively, the contents of this file may be used under the terms of
+ * either the GNU General Public License Version 2 or later (the "GPL"), or
+ * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
+ * in which case the provisions of the GPL or the LGPL are applicable instead
+ * of those above. If you wish to allow use of your version of this file only
+ * under the terms of either the GPL or the LGPL, and not to allow others to
+ * use your version of this file under the terms of the MPL, indicate your
+ * decision by deleting the provisions above and replace them with the notice
+ * and other provisions required by the GPL or the LGPL. If you do not delete
+ * the provisions above, a recipient may use your version of this file under
+ * the terms of any one of the MPL, the GPL or the LGPL.
+ *
+ * ***** END LICENSE BLOCK ***** */
+
+body {
+ font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ font-size: 11px;
+ background: #000000;
+}
+
+div#header {
+ padding: 5px;
+ overflow-x:auto;
+}
+
+h1 {
+ font-size: 13px;
+ padding: 2px 10px;
+ margin: 0px;
+ border-bottom: 1px solid #9C9CFF;
+}
+
+h1 .info {
+ font-size: 11px;
+ float: right;
+ color: #9C9CFF;
+ padding-right: 3px;
+}
+
+div.property-header {
+ padding: 2px 5px;
+ color: #9C9CFF;
+ max-height: 330px;
+ overflow-y: auto;
+ overflow-x: auto;
+ white-space: pre-wrap;
+}
+
+span.property-name {
+ font-size: 11px;
+ font-weight: bold;
+ padding-right: 4px;
+ color: #FF9F00;
+}
+
+span.property-value {
+ padding-right: 5px;
+ font-size: 11px;
+}
+
+div.group {
+ margin-top: 10px;
+}
+
+div.group, div#header {
+ background: #000000;
+ border-color: #9C9CFF;
+ border-style: solid;
+ border-width: 1px;
+ border-radius: 4px 4px 4px 4px;
+}
+
+img#responseImageNode {
+ max-width: 100%;
+}
+
+#responseImageNodeDiv {
+ padding: 5px;
+}
#rssFeedInfoBox {
border: 1px solid #9C9CFF;
- -moz-border-radius: 0px;
+ border-radius: 0px;
margin: 4px;
padding: 0px;
}
#acctCentralHeaderRow {
margin: 5px;
background-color: #FF9F00;
- -moz-border-radius: 10px;
+ border-radius: 10px;
color: #000000;
font-weight: bold;
font-size: 20px;
/* border-bottom: 1px solid #9C9CFF; */
background-color: #9C9CFF;
padding-top: 3px;
- -moz-border-radius: 7px;
+ border-radius: 7px;
color: #000000;
}
cursor: pointer;
color: #008484;
padding: 0px 5px;
- -moz-border-radius: 3px;
+ border-radius: 3px;
text-decoration: none;
}
/* ::::: vcard ::::: */
.moz-vcard-table {
- -moz-border-radius: 8px;
+ border-radius: 8px;
border: thin solid #9C9CFF;
margin-top: 10px;
}
min-width: 1px;
background-color: #E7ADE7;
color: #000000;
- -moz-border-radius: 8px;
+ border-radius: 8px;
margin-bottom: 3px;
}
/* ::::: msg header message ids ::::: */
.messageIdDisplayButton {
- -moz-border-radius: 3px;
+ border-radius: 3px;
color: #008484;
cursor: pointer;
margin: 0px;
/* ::::: msg header email addresses ::::: */
.emailDisplayButton {
- -moz-border-radius: 3px;
+ border-radius: 3px;
color: #008484;
cursor: pointer;
margin: 0px;
/* ::::: message notification bar style rules ::::: */
.msgNotificationBar {
- -moz-border-radius: 7px;
+ border-radius: 7px;
padding: 3px;
margin-bottom: 3px;
background-color: #FF9F00;
/* ::::: statusbar adjustments :::::: */
#statusContainerBox {
- -moz-border-radius: 9px;
+ border-radius: 9px;
margin-top: 3px;
-moz-padding-end: 9px;
background-color: #8050B0;
#view-port {
border: 1px solid #9C9CFF;
- -moz-border-radius: 5px;
+ border-radius: 5px;
}
+/*** global warnings ***/
+
+.global-warning {
+ -moz-box-align: center;
+ padding: 0 8px;
+ color: #000000;
+ font-weight: bold;
+}
+
+#addons-page[warning] .global-warning-container {
+ background-color: #FFCF00;
+}
+
+#detail-view .global-warning {
+ padding: 4px 12px;
+ border-bottom: 3px solid #000000;
+}
+
+/*** notification icons ***/
+
+.warning-icon {
+ list-style-image: url("chrome://global/skin/icons/warning-16.png");
+ width: 16px;
+ height: 16px;
+ margin: 3px 0;
+}
+
+.error-icon {
+ list-style-image: url("chrome://global/skin/icons/error-16.png");
+ width: 16px;
+ height: 16px;
+ margin: 3px 0;
+}
+
+.pending-icon,
+.info-icon {
+ list-style-image: url("chrome://global/skin/icons/information-16.png");
+ width: 16px;
+ height: 16px;
+ margin: 3px 0;
+}
/*** category selector ***/
}
.category:-moz-locale-dir(ltr) {
- -moz-border-radius-topleft: 5px;
- -moz-border-radius-bottomleft: 5px;
+ border-top-left-radius: 5px;
+ border-bottom-left-radius: 5px;
}
.category:-moz-locale-dir(rtl) {
- -moz-border-radius-topright: 5px;
- -moz-border-radius-bottomright: 5px;
+ border-top-right-radius: 5px;
+ border-bottom-right-radius: 5px;
}
.category[disabled] {
background-color: #E7ADE7;
padding: 2px 8px;
margin: 6px 0px;
- -moz-border-radius: 100%;
+ border-radius: 10000px;
color: #000000;
font-weight: bold;
text-align: center;
}
.view-header {
- -moz-border-radius: 8px;
+ border-radius: 8px;
padding: 0px 4em;
margin: 3px;
}
border-left: 3px solid #000000;
border-right: 3px solid #000000;
background-color: transparent;
- -moz-border-radius: 0;
+ border-radius: 0;
padding: 0px 6px;
margin: 0px 6px;
min-width: 12px !important;
max-height: 48px;
}
-.addon[type="theme"] .icon {
+.addon-view[type="theme"] .icon {
list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
}
-.addon[type="locale"] .icon {
+.addon-view[type="locale"] .icon {
list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
}
-.addon[type="plugin"] .icon {
+.addon-view[type="plugin"] .icon {
list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
}
-.name,
-.version,
-.update-postfix {
+.name-container {
font-size: 150%;
margin-bottom: 0px;
}
-.disabled-postfix {
- font-size: 130%;
-}
-
.description-container {
margin-top: 8px;
-moz-margin-start: 6px;
-moz-margin-start: 48px;
}
-.addon:not([selected]) .warning {
+.addon-view:not([selected]) .warning {
color: #FFCF00;
}
-.addon:not([selected]) .error {
+.addon-view:not([selected]) .error {
color: #FF0000;
}
-.addon:not([selected]) .pending {
+.addon-view:not([selected]) .pending {
color: #008484;
}
-.addon .warning-icon {
- list-style-image: url("chrome://global/skin/icons/warning-16.png");
- width: 16px;
- height: 16px;
- margin: 0;
-}
-
-.addon .error-icon {
- list-style-image: url("chrome://global/skin/icons/error-16.png");
- width: 16px;
- height: 16px;
- margin: 0;
-}
-
-.addon .pending-icon,
-.addon .info-icon {
- list-style-image: url("chrome://global/skin/icons/information-16.png");
- width: 16px;
- height: 16px;
- margin: 0;
-}
-
-.addon[notification="warning"] {
+.addon-view[notification="warning"] {
background-color : #FFCF00;
color: #000000;
}
-.addon[notification="error"] {
+.addon-view[notification="error"] {
background-color: #FF0000;
color: #000000;
}
-.addon[notification="info"] {
+.addon-view[notification="info"] {
background-color: #9C9CFF;
color: #000000;
}
-.addon[pending="enable"],
-.addon[pending="upgrade"],
-.addon[pending="install"] {
+.addon-view[pending="enable"],
+.addon-view[pending="upgrade"],
+.addon-view[pending="install"] {
background-color: #008484;
}
-.addon[pending="disable"],
-.addon[pending="uninstall"] {
+.addon-view[pending="disable"],
+.addon-view[pending="uninstall"] {
color: #8050B0;
}
-
-.remove-container {
- width: 16px;
-}
-
/*** item - uninstalled ***/
.addon[status="uninstalled"] {
-moz-box-align: center;
padding: 4px 20px;
background-color: #8050B0;
- -moz-border-radius: 8px;
+ border-radius: 8px;
font-size: 120%;
}
}
-
/*** search view ***/
#search-filter {
.search-filter-radio {
padding: 0px 6px;
margin: 0px 3px;
- -moz-border-radius: 100%;
+ border-radius: 10000px;
}
.search-filter-radio[selected] {
opacity: 0.5;
}
-#detail-view > .loading {
+#detail-view .loading {
opacity: 0;
}
-#detail-view:not([loading]) > .loading {
+#detail-view:not([loading]) .loading {
visibility: collapse;
}
-#detail-view[loading-extended] > .loading {
+#detail-view[loading-extended] .loading {
-moz-box-align: center;
-moz-box-pack: center;
opacity: 1;
-moz-transition-duration: 1s;
}
-#detail-view > .loading > image {
+#detail-view .loading > image {
list-style-image: url("chrome://global/skin/icons/loading.gif");
}
.detail-view-container {
overflow: auto;
- padding: 10px 20px;
-}
-
-.detail-basicinfo {
- padding: 10px 0px;
- -moz-box-align: center;
+ padding: 2em;
+ font-size: 110%;
}
-.detail-extra {
- margin-top: 20px;
+#detail-notifications {
+ margin-bottom: 2em;
}
-#detail-desc {
- min-height: 40px;
- margin-bottom: 20px;
+#detail-notifications .warning,
+#detail-notifications .pending,
+#detail-notifications .error,
+#detail-notifications .info {
+ -moz-margin-start: 0;
}
#detail-icon {
- width: 32px;
- height: 32px;
-moz-margin-end: 10px;
- list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
}
-#detail-view[type="theme"] #detail-icon {
- list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+#detail-summary {
+ margin-bottom: 2em;
}
-#detail-view[type="locale"] #detail-icon {
- list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
+#detail-name-container {
+ font-size: 200%;
}
-#detail-view[type="plugin"] #detail-icon {
- list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+#detail-screenshot {
+ -moz-margin-end: 2em;
}
-#detail-name {
- font-size: 200%;
+#detail-desc-container {
+ margin-bottom: 2em;
+ /* This is necessary to fix layout issues with multi-line descriptions, see
+ bug 592712*/
+ outline: solid transparent;
}
-#detail-screenshot {
- width: 140px;
- height: 140px;
- background-color: #9C9CFF;
- margin: 0px 10px 0px 0px;
+#detail-desc {
+ -moz-margin-start: 6px;
+ white-space: pre-wrap;
+}
+
+#detail-contributions {
+ border-radius: 5px;
+ border: 1px solid #9C9CFF;
+ margin-bottom: 2em;
+ padding: 1em;
+ background: #FFCF00;
}
-.detail-prefs {
- -moz-box-align: start;
+#detail-contrib-description {
+ font-style: italic;
+ margin-bottom: 1em;
}
-.meta-label {
- font-weight: bold;
+#detail-contrib-suggested {
+ color: grey;
}
-#detail-notification {
+#detail-contrib-button {
+ list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
+}
+
+#detail-contrib-button .button-icon {
+ -moz-margin-end: 3px;
+}
+
+#detail-grid {
+ margin-bottom: 2em;
+}
+
+.detail-row,
+.detail-row-complex {
+ border-bottom: 1px solid #9C9CFF;
-moz-box-align: center;
- -moz-box-pack: center;
- margin: 0px 50px;
- padding: 4px 20px;
- background-color: #FFCF00;
- -moz-border-radius: 8px;
- font-size: 120%;
+}
+
+.detail-row-value {
+ -moz-margin-start: 0;
}
.download-progress {
background-color: #000000;
- -moz-border-radius: 100%;
+ border-radius: 10000px;
border: 1px solid #FF9F00;
width: 200px;
height: 24px;
.download-progress .start-cap:-moz-locale-dir(ltr),
.download-progress .end-cap:-moz-locale-dir(rtl) {
- -moz-border-radius: 100% 0 0 100%;
+ border-radius: 10000px 0 0 10000px;
}
.download-progress .end-cap:-moz-locale-dir(ltr),
.download-progress .start-cap:-moz-locale-dir(rtl) {
- -moz-border-radius: 0 100% 100% 0;
+ border-radius: 0 10000px 10000px 0;
}
.download-progress .progress {
border-width: 1px 0px 0px 1px;
padding-right: 1px;
border-style: solid;
- -moz-border-radius: 100%;
+ border-radius: 10000px;
min-width: 16px;
width: 16px;
height: 16px;
font-weight: bold;
}
-
-/*** buttons ***/
-
-.remove-button {
- padding: 0;
- margin: 0;
- list-style-image: url("chrome://global/skin/icons/delete.png");
- -moz-image-region: rect(0, 16px, 16px, 0px);
-}
-
-.remove-button:hover, .remove-button:active {
- -moz-image-region: rect(0, 32px, 16px, 16px);
-}
-
-.remove-button .button-text {
- display: none;
+#update-selected {
+ margin: 12px;
}
-.contribute {
- -moz-padding-start: 20px;
- -moz-padding-end: 4px;
-}
+/*** buttons ***/
.button-link {
background: transparent;
#licenseContainer, #pluginList {
margin: 2px 4px;
- -moz-border-radius: 5px;
+ border-radius: 5px;
border: 1px solid #9C9CFF;
background-color: #000000;
color: #FF9F00;
text-align: center;
background-color: #000000;
color: #FFCF00;
- -moz-border-radius: 12px;
+ border-radius: 12px;
/* recessed effect with 'disabled' shadow */
- -moz-box-shadow: inset 0 1px 5px #8050B0;
+ box-shadow: inset 0 1px 5px #8050B0;
padding: 5px;
-moz-user-select: none;
}
*/
.listBox {
- -moz-border-radius: 3px;
+ border-radius: 3px;
margin: 2px;
border: 1px solid #9C9CFF;
background-color: #000000;
padding: 0;
}
+.update-header {
+ padding: 0px 10px;
+}
+
.update-content {
padding: 10px;
}
margin-top: 0 !important;
}
-#updates[currentpageid="updatesfoundbasic"] .wizard-button[dlgtype="next"],
-#updates[currentpageid="updatesfoundbillboard"] .wizard-button[dlgtype="next"],
-#updates[currentpageid="finished"] .wizard-button[dlgtype="finish"],
-#updates[currentpageid="finishedBackground"] .wizard-button[dlgtype="finish"] {
- font-weight: bold;
-}
-
#licenseContent, #incompatibleListbox {
-moz-margin-start: 6px;
-moz-margin-end: 6px;
#itemList {
margin: 3px 4px 10px;
height: 14em;
- -moz-border-radius: 3px;
+ border-radius: 3px;
border: 1px solid #9C9CFF;
background-color: #000000;
color: #FF9F00;
}
#urlbar {
- -moz-border-radius: 5px;
+ border-radius: 5px;
margin: 0;
-moz-margin-start: 3px;
}
#urlbar > .autocomplete-textbox-container {
- -moz-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
padding: 2px;
}