sync both themes with suite classic changes in SeaMonkey 2.23 cycle
[themes.git] / LCARStrek / browser / browser.css
index 33f80330fddcc5676e9bc6ae91c5052187ded691..8fc1b2612c8e9ccc7438ae43e32a8cbc4e7c2c6f 100644 (file)
@@ -3,6 +3,7 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 @import url("chrome://global/skin/");
+@import url("downloads/indicator.css");
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 @namespace html url("http://www.w3.org/1999/xhtml");
@@ -1868,6 +1869,13 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   -moz-padding-start: 0px;
 }
 
+.browserContainer > findbar {
+/*
+  background-color: -moz-dialog;
+  color: -moz-DialogText;
+*/
+}
+
 /* ::::: throbber ::::: */
 
 #navigator-throbber {
@@ -1924,6 +1932,10 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   background-color: #C09070;
 }
 
+.tabbrowser-tab[remote] {
+  text-decoration: underline;
+}
+
 .tabbrowser-tab:hover,
 .tabs-newtab-button:hover {
 }
@@ -2239,6 +2251,21 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   -moz-margin-end: 0;
 }
 
+#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
+  padding: 0;
+}
+
+#identity-popup-container {
+  min-width: 280px;
+  padding: 10px;
+}
+
+#identity-popup-button-container {
+/*  background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);*/
+  padding: 10px;
+  margin-top: 5px;
+}
+
 .popup-notification-icon {
   width: 64px;
   height: 64px;
@@ -2411,6 +2438,18 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
 }
 
+#plugins-notification-icon,
+#alert-plugins-notification-icon,
+#blocked-plugins-notification-icon {
+/*  -moz-image-region: rect(0, 16px, 16px, 0);*/
+}
+
+#plugins-notification-icon:hover,
+#alert-plugins-notification-icon:hover,
+#blocked-plugins-notification-icon:hover {
+/*  -moz-image-region: rect(0, 32px, 16px, 16px);*/
+}
+
 #plugin-install-notification-icon {
   list-style-image: url("chrome://browser/skin/pluginInstall-16.png");
 }
@@ -2462,10 +2501,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   margin: 0px;
 }
 
-#identity-popup-container {
-  min-width: 280px;
-}
-
 #download-monitor {
   list-style-image: url("chrome://browser/skin/FxToolbar.png");
   -moz-image-region: rect(0, 108px, 18px, 90px);
@@ -2733,7 +2768,7 @@ html|*.highlighter-nodeinfobar-pseudo-classes {
   margin-top: 8px;
   border-right-color: rgba(0, 132, 132, .5);
   border-top-color: rgba(0, 132, 132, .5);
-  background-image: linear-gradient(bottom left, transparent 50%, rgb(0, 132, 132) 50%);
+  background-image: linear-gradient(to bottom left, transparent 50%, rgb(0, 132, 132) 50%);
 }
 
 .highlighter-nodeinfobar-arrow-bottom {
@@ -2741,7 +2776,7 @@ html|*.highlighter-nodeinfobar-pseudo-classes {
   margin-bottom: 8px;
   border-left-color: rgba(0, 132, 132, .5);
   border-bottom-color: rgba(0, 132, 132, .5);
-  background-image: linear-gradient(top right, transparent 50%, rgb(0, 132, 132) 50%);
+  background-image: linear-gradient(to top right, transparent 50%, rgb(0, 132, 132) 50%);
 }
 
 .highlighter-nodeinfobar-container[position="top"] > .highlighter-nodeinfobar,
@@ -2818,6 +2853,10 @@ html|*.highlighter-nodeinfobar-pseudo-classes {
 /*  margin: auto 10px; */
 }
 
+#developer-toolbar-toolbox-button > label {
+  display: none;
+}
+
 #developer-toolbar-toolbox-button {
   list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
   -moz-image-region: rect(0px, 16px, 16px, 0px);
@@ -2920,6 +2959,8 @@ html|*#gcli-output-frame {
 
 /* === END commandline.inc.css === */
 
+/* === BEGIN responsivedesign.inc.css === */
+
 /* Responsive Mode */
 
 .browserContainer[responsivemode] {
@@ -2942,15 +2983,53 @@ html|*#gcli-output-frame {
 .devtools-responsiveui-toolbar > menulist,
 .devtools-responsiveui-toolbar > toolbarbutton {
   min-width: 22px;
-  border-radius: 0;
+/*  border-radius: 0; */
 }
 
 .devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
 .devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
-  margin-left: 0;
+  margin-left: 3px;
+}
+
+.devtools-responsiveui-close {
+  list-style-image: url("chrome://browser/skin/devtools/close.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+.devtools-responsiveui-close:hover {
+  -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+.devtools-responsiveui-rotate {
+  list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+.devtools-responsiveui-rotate:hover {
+  -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+.devtools-responsiveui-touch {
+  list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
 }
 
-.devtools-responsiveui-resizebar {
+.devtools-responsiveui-touch:hover,
+.devtools-responsiveui-touch[checked],
+.devtools-responsiveui-touch[checked]:hover {
+  -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+.devtools-responsiveui-screenshot {
+  list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
+  -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+.devtools-responsiveui-screenshot:hover {
+  -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+.devtools-responsiveui-resizebarV {
   width: 7px;
   height: 24px;
   cursor: ew-resize;
@@ -2958,6 +3037,14 @@ html|*#gcli-output-frame {
   background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
 }
 
+.devtools-responsiveui-resizebarH {
+  width: 24px;
+  height: 7px;
+  cursor: ns-resize;
+  transform: translate(-12px, 12px);
+  background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
+}
+
 .devtools-responsiveui-resizehandle {
   width: 16px;
   height: 16px;
@@ -2966,6 +3053,10 @@ html|*#gcli-output-frame {
   background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
 }
 
+/* === END responsivedesign.inc.css === */
+
+/* === including indicator.css is done at the start of the file === */
+
 /* Error counter */
 
 #developer-toolbar-toolbox-button[error-count]:before {
@@ -3263,6 +3354,10 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button:hover {
   }
 }
 
+.chatbar-button > .toolbarbutton-icon {
+  width: 16px;
+}
+
 .chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
   width: auto;
   height: auto;
@@ -3346,11 +3441,10 @@ window > chatbox {
 }
 
 .click-to-play-plugins-notification-center-box {
-/*  background-color: rgba(255,255,255,0.3); */
 }
 
-.plugin-popupnotification-centeritem {
-/*  border-top: 1px solid #9C9CFF; */
+.plugin-popupnotification-centeritem:nth-child(odd) {
+/*  background-color: rgba(0,0,0,0.1);*/
 }
 
 .center-item-label {