--- /dev/null
+body {
+ background-color: #000000;
+ color: #FF9F00;
+ margin-top: 2em;
+ font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ font-size: 100%;
+}
+
+p {
+ font-size: .8em;
+}
+
+#error-box {
+ background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
+ -moz-padding-start: 30px;
+}
+
+#error-box:-moz-locale-dir(rtl) {
+ background-position: right 4px;
+}
+
+#main-error-msg {
+ color: #FF9F00;
+ font-weight: bold;
+}
+
+
+#button-box {
+ text-align: center;
+ width: 75%;
+ margin: 0 auto;
+}
+
+@media all and (min-width: 300px) {
+ #error-box {
+ max-width: 50%;
+ margin: 0 auto;
+ background-image: url('chrome://global/skin/icons/information-32.png');
+ min-height: 36px;
+ -moz-padding-start: 38px;
+ }
+
+ button {
+ width: auto !important;
+ min-width: 150px;
+ }
+}
+
+@media all and (min-width: 780px) {
+ #error-box {
+ max-width: 30%;
+ }
+}
+
+button {
+ font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ font-size: 0.6875em;
+ -moz-appearance: none;
+ -moz-user-select: none;
+ width: 100%;
+ margin: 2px 0;
+ padding: 2px 6px;
+ line-height: 1.2;
+ background-color: #000000;
+ color: #FFCF00;
+ background-clip: padding-box;
+ border: none;
+ border-radius: 3px;
+}
+
+button:hover,
+button:hover:active {
+ background-color: #FFCF00;
+ color: #000000;
+}
#urlbar {
width: 7em;
- min-width: 7em;
/* make color as light as possible to deal with dark non-domain parts */
color: #FFBFFF;
}
.urlbar-input-box {
-moz-margin-start: 0;
+ min-width: 4em;
}
#urlbar-icons {
text-decoration: underline;
}
-#editSharePopupText {
+#unsharePopupText {
height: 48px;
}
-#editSharePopupBottomButtons {
+#unsharePopupBottomButtons {
margin-top: 1em;
}
}
.popup-notification-icon[popupid="click-to-play-plugins"] {
- list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
- width: 32px;
- height: 32px;
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginBlocked-64.png");
}
.addon-progress-description {
/* Highlighter */
-.highlighter-veil {
- background-color: rgba(25, 25, 25, 0.5);
-}
-
-highlighter-veil-transparentbox {
- box-shadow: 0 0 0 1px rgba(0,0,0,0.5);
- outline: 1px dashed rgba(255,255,255,0.5);
- outline-offset: -1px;
+#highlighter-outline {
+ box-shadow: 0 0 0 1px black;
+ outline: 1px dashed white;
}
-#highlighter-veil-container[locked] > #highlighter-veil-middlebox > #highlighter-veil-transparentbox {
- box-shadow: 0 0 0 1px black;
- outline-color: white;
+#highlighter-outline[locked] {
+ box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
+ outline-color: rgba(255,255,255,0.7);
}
/* Highlighter toolbar */
-moz-image-region: rect(0 32px 16px 16px);
}
-#inspector-option-toolbarbutton {
- list-style-image: url("chrome://browser/skin/devtools/inspector-option-icon.png");
- -moz-image-region: rect(0 16px 16px 0);
-}
-
-#inspector-option-toolbarbutton[open],
-#inspector-option-toolbarbutton:hover {
- -moz-image-region: rect(0 32px 16px 16px);
-}
-
#inspector-toolbar,
#developer-toolbar {
border-top: 3px solid #000000;
transition: height 100ms;
}
-.web-console-splitter {
- border: none;
-}
-
/* Developer Toolbar */
.developer-toolbar-button {
background-color: #9C9CFF;
color: #000000;
height: 20px;
- min-height: 20px;
+ min-height: 16px;
width: 100%;
margin: 0;
padding: 2px;
.chatbar-button:active:hover {
}
-/* toolbarbutton-icon */
.chatbar-button > .toolbarbutton-text,
.chatbar-button > .toolbarbutton-menu-dropmarker {
display: none;
.chatbar-innerbox {
background: transparent;
- margin: -200px -1px 0 -1px;
+ margin: -285px -1px 0 -1px;
overflow: hidden;
}
+chatbar {
+ -moz-margin-end: 20px;
+}
+
chatbar > chatbox {
- height: 200px;
- width: 200px;
+ height: 285px;
+ width: 260px;
+ -moz-margin-start: 4px;
background-color: #000000;
border: 1px solid #9C9CFF;
border-bottom: none;
}
-chatbar > chatbox[minimized="true"] {
- width: 100px;
+chatbox[minimized="true"] {
+ width: 160px;
height: 20px;
- border-bottom: none;
-}
-
-chatbar > chatbox + chatbox {
- -moz-margin-start: -1px;
}
.click-to-play-plugins-notification-content {
.devtools-toolbarbutton {
}
+.devtools-toolbarbutton > .toolbarbutton-menubutton-button {
+ /*-moz-box-orient: horizontal;*/
+}
+
devtools-menulist:-moz-focusring,
.devtools-toolbarbutton:-moz-focusring {
outline: 1px dotted #008484;
- outline-offset: -4px;
}
.devtools-toolbarbutton > .toolbarbutton-icon {
}
.devtools-menulist[open=true],
+.devtools-toolbarbutton[open=true],
+.devtools-toolbarbutton[checked=true] {
+}
+
.devtools-toolbarbutton[checked=true] {
}
padding: 2px;
}
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+}
+
+.devtools-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button {
+}
+
+.devtools-toolbarbutton[type=menu-button] {
+ padding: 0 1px;
+ -moz-box-align: stretch;
+}
+
+.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.png");
+ -moz-box-align: center;
+}
+
/* Search input */
/*
}
.devtools-searchinput:-moz-locale-dir(rtl) {
- background-position: calc(100% - 4px) 3px, top left, top left;
+ background-position: calc(100% - 4px) center, top left, top left;
}
.devtools-searchinput > .textbox-input-box > .textbox-search-icons {
*/
#toggle-panes {
- background: none;
- border: none;
- box-shadow: none;
list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
-moz-image-region: rect(0px, 16px, 16px, 0px);
}
margin: 0;
border-bottom: 1px dotted #9C9CFF;
background: transparent;
- padding: 0;
+ padding: 8px;
+ -moz-padding-end: 0;
color: inherit;
}
-moz-outline-radius: 3px;
}
-.downloadInfo {
- padding: 8px;
- -moz-padding-end: 0;
-}
-
.downloadTypeIcon {
-moz-margin-end: 8px;
/* Prevent flickering when changing states. */
/*** Highlighted list items ***/
-richlistitem[type="download"][state="1"] > .downloadInfo {
- -moz-padding-end: 8px;
-}
-
-richlistitem[type="download"][state="1"] > .downloadInfo:hover {
+richlistitem[type="download"][state="1"]:hover {
background-color: #794900;
color: #FFCF00;
cursor: pointer;
/*** Button icons ***/
.downloadButton.downloadCancel {
- -moz-image-region: rect(0px, 14px, 14px, 0px);
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
}
.downloadButton.downloadCancel:hover,
.downloadButton.downloadCancel:active {
- -moz-image-region: rect(0px, 28px, 14px, 14px);
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
}
.downloadButton.downloadShow {
- -moz-image-region: rect(14px, 14px, 28px, 0px);
+ -moz-image-region: rect(16px, 16px, 32px, 0px);
}
.downloadButton.downloadShow:hover,
.downloadButton.downloadShow:active {
- -moz-image-region: rect(14px, 28px, 28px, 14px);
+ -moz-image-region: rect(16px, 32px, 32px, 16px);
}
.downloadButton.downloadRetry {
- -moz-image-region: rect(28px, 14px, 42px, 0px);
+ -moz-image-region: rect(32px, 16px, 48px, 0px);
}
.downloadButton.downloadRetry:hover,
.downloadButton.downloadRetry:active {
- -moz-image-region: rect(28px, 28px, 42px, 14px);
+ -moz-image-region: rect(32px, 32px, 48px, 16px);
}
/*** Status and progress indicator ***/
/*** Progress bar and text ***/
#downloads-indicator-counter {
- height: 12px;
+ height: 10px;
margin: 0;
color: #FFCF00;
font-size: 10px;
}
#downloads-indicator-progress {
- width: 24px;
- height: 4px;
+ width: 16px;
+ height: 6px;
min-width: 0;
min-height: 0;
margin-top: 1px;
margin-bottom: 2px;
border-radius: 2px;
- border: 1px solid #FFCF00;
+ background-color: #795900;
+ /*border: 1px solid #FFCF00;*/
}
#downloads-indicator-progress > .progress-bar {