X-Git-Url: https://git-public.kairo.at/?a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fbrowser.css;h=b55e58acd5c62fb4f9b451269f0f179d40fa8c97;hb=c29b709d831267c35464cdff935f54cd752609db;hp=f5d3a7cb5b74b8bd11d2a3fcce95560067f07611;hpb=71a617ff22ae6266108ab20198128db5ae2bd33c;p=themes.git

diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css
index f5d3a7cb..b55e58ac 100644
--- a/LCARStrek/browser/browser.css
+++ b/LCARStrek/browser/browser.css
@@ -1406,23 +1406,18 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   -moz-image-region: rect(0, 16px, 16px, 0);
 }
 
-.verifiedDomain > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon,
 .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
   list-style-image: url("chrome://browser/skin/identity-icons-https.png");
 }
 
-.verifiedIdentity > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon,
 .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
   list-style-image: url("chrome://browser/skin/identity-icons-https-ev.png");
 }
 
-#identity-box:hover > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon,
 #identity-box:hover > #page-proxy-favicon {
   -moz-image-region: rect(0, 32px, 16px, 16px);
 }
 
-#identity-box:hover:active > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon,
-#identity-box[open=true] > #identity-box-inner > #page-proxy-stack > #page-proxy-favicon,
 #identity-box:hover:active > #page-proxy-favicon,
 #identity-box[open=true] > #page-proxy-favicon {
   -moz-image-region: rect(0, 48px, 16px, 32px);
@@ -1604,6 +1599,51 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   -moz-image-region: rect(0, 32px, 16px, 16px);
 }
 
+/* social recommending panel */
+
+#share-button {
+  width: 16px;
+  height: 16px;
+}
+
+#socialUserPortrait {
+  width: 48px;
+  height: 48px;
+}
+
+#socialUserDisplayName,
+#socialUserPortrait {
+  cursor: pointer;
+}
+
+#socialUserDisplayName {
+  border: none;
+  background-color: transparent;
+  margin-top: 0;
+  padding-top: 0;
+  font-size: 130%;
+  font-weight: bold;
+}
+
+#socialUserDisplayName > .button-box {
+  -moz-padding-start: 0;
+  padding-top: 0;
+  border-top-width: 0;
+}
+
+#socialUserDisplayName:hover {
+  color: #9C9CFF;
+  text-decoration: underline;
+}
+
+#editSharePopupText {
+  height: 48px;
+}
+
+#editSharePopupBottomButtons {
+  margin-top: 1em;
+}
+
 /* star button */
 
 #star-button {
@@ -1659,9 +1699,9 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
 .panel-promo-box {
   margin: 5px -6px -6px;
   padding: 5px;
+  border-top: 1px solid #9C9CFF;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
-  border-top: 1px solid #9C9CFF;
 }
 
 .panel-promo-icon {
@@ -1851,7 +1891,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
   }
 
   .tab-content {
-    min-height: -moz-calc(6.8mozmm - 7px); /* subtract borders from the desired height */
+    min-height: calc(6.8mozmm - 7px); /* subtract borders from the desired height */
   }
 }
 
@@ -2198,6 +2238,10 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   list-style-image: url("chrome://global/skin/icons/information-16.png");
 }
 
+#identity-notification-icon {
+  list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
+}
+
 #geo-notification-icon {
   list-style-image: url("chrome://browser/skin/Geolocation-16.png");
 }
@@ -2375,29 +2419,6 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon
   outline: 1px dotted #008484;
 }
 
-/* Inspector / Highlighter */
-
-#highlighter-panel {
-  -moz-window-shadow: none;
-  background: #000000;
-  border: none;
-}
-
-listitem.style-selector {
-  background-color: #9C9CFF;
-  color: #000000;
-}
-
-listitem.style-section {
-  background-color: #E7ADE7;
-  color: #000000;
-  font-weight: bold;
-}
-
-panel[dimmed="true"] {
-  opacity: 0.5;
-}
-
 /* Add-on bar */
 
 #addon-bar {
@@ -2572,7 +2593,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 
 #highlighter-nodeinfobar-text {
   /* 100% - size of the buttons and margins */
-  max-width: -moz-calc(100% - 2 * (26px + 6px));
+  max-width: calc(100% - 2 * (26px + 6px));
   padding-bottom: 1px;
 }
 
@@ -2628,7 +2649,7 @@ html|*#highlighter-nodeinfobar-pseudo-classes {
 .highlighter-nodeinfobar-arrow {
   width: 14px;
   height: 14px;
-  -moz-margin-start: -moz-calc(50% - 7px);
+  -moz-margin-start: calc(50% - 7px);
   transform: rotate(-45deg);
   border: 1px solid transparent;
   background-clip: padding-box;
@@ -3084,6 +3105,7 @@ stack[anonid=browserStack][responsivemode] {
 /* Web Console */
 
 .web-console-frame {
+  /* border-bottom: 3px solid #000000; */
 }
 
 .web-console-frame[animated] {
@@ -3094,85 +3116,116 @@ stack[anonid=browserStack][responsivemode] {
   border: none;
 }
 
+/* Developer Toolbar */
 
-/* social toolbar button */
-.social-statusarea-container {
-  -moz-appearance: none;
-  border-radius: 3px;
-  background-color: #000000;
+.developer-toolbar-button {
+  min-width: 78px;
+  min-height: 21px;
+  margin: 0 1px;
+  list-style-image: url("chrome://browser/skin/devtools/tools-icons-small.png");
 }
 
-.social-statusarea-container:hover {
-  background-color: #FFCF00;
+.developer-toolbar-button[open=true],
+.developer-toolbar-button:active:hover,
+.developer-toolbar-button[checked=true] {
 }
 
-#social-toolbar-button[open="true"] > .social-statusarea-container {
-  background-color: #FF9F00;
+.developer-toolbar-button[checked=true] {
 }
 
-/* favicon for the service */
-#social-provider-image {
-  min-width: 20px;
-  min-height: 20px;
-  padding: 2px 5px;
-  margin: 0;
-  background: transparent;
-  list-style-image: url("chrome://browser/skin/social/social.png");
+#developer-toolbar-webconsole {
+  -moz-image-region: rect(0, 16px, 16px, 0);
 }
 
-#social-provider-image > .button-box > .box-inherit > .button-icon {
-  max-height: 16px;
-  max-width: 16px;
+#developer-toolbar-inspector {
+  -moz-image-region: rect(16px, 16px, 32px, 0);
 }
 
-#social-provider-image > .button-box {
-  padding: 0;
-  margin: 0;
-  background: transparent;
-  border: none;
+#developer-toolbar-styleeditor {
+  -moz-image-region: rect(32px, 16px, 48px, 0);
+}
+
+#developer-toolbar-debugger {
+  -moz-image-region: rect(48px, 16px, 64px, 0);
+}
+
+#developer-toolbar-other-tools {
+  -moz-image-region: rect(64px, 16px, 80px, 0);
 }
 
-#social-provider-image > .button-box > .button-menu-dropmarker {
+#developer-toolbar-other-tools > .toolbarbutton-menu-dropmarker {
   display: none;
 }
 
-/* hbox that hold notification icons */
-#social-status-iconbox {
-  margin: 0;
-  padding: 0;
+/* Error counter */
+
+#developer-toolbar-webconsole[error-count]:before {
+  color: #000000;
+  min-width: 16px;
+  text-shadow: none;
+  background-color: #FF0000;
+  border-radius: 1px;
+  -moz-margin-end: 5px;
 }
 
-/* hbox that surrounds an image and its counter */
-.social-notification-icon-container {
-  padding: 0;
-  margin: 0;
-  position: relative;
+/* Social toolbar item */
+
+#social-provider-button > .toolbarbutton-menu-dropmarker {
+  display: none;
 }
 
-/* notification counter box */
-.social-notification-icon-counter {
-  background-color: #000000;
-  border: 1px solid #9C9CFF;
-  padding-right: 1px;
-  padding-left: 1px;
-  color: #FF9F00;
+#social-toolbar-item > .toolbarbutton-1 {
+}
+
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1 {
+}
+
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1:first-child {
+}
+
+#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar > #social-toolbar-item > .toolbarbutton-1:last-child {
+}
+
+.social-notification-icon-hbox {
+  pointer-events: none;
+}
+
+.social-notification-icon-stack > image {
+  max-height: 20px;
+}
+
+.social-notification-icon-label {
+  text-align: end;
   font-size: 9px;
   font-weight: bold;
-  position: absolute;
-  right: -3px;
-  top: -4px;
-  z-index: 1;
-  text-align: center;
+  padding: 0 1px;
+  color: #FF9F00;
+  background-color: #000000;
+  border: 1px solid #9C9CFF;
+  border-radius: 2px;
+}
+
+.social-notification-icon-label[value=""] {
+  display: none;
 }
 
-/* notification image */
 .social-notification-icon-image {
-  padding: 2px;
-  margin: 0;
-  min-width: 20px;
-  max-width: 32px;
-  max-height: 20px;
-  list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+  width: 16px;
+  height: 16px;
+}
+
+#social-notification-icon-mentions {
+  background-color: #000000;
+  border-radius: 3px;
+  -moz-margin-start: 2px;
+}
+
+#social-notification-icon-mentions:hover {
+  background-color: #FFCF00;
+}
+
+#social-notification-icon-mentions[open="true"] {
+  background-color: #FF9F00;
 }
 
 #social-sidebar-splitter {
@@ -3192,6 +3245,7 @@ stack[anonid=browserStack][responsivemode] {
   color: #FF9F00;
   position: relative;
   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+  cursor: pointer;
 }
 
 #social-statusarea-user-portrait {
@@ -3199,28 +3253,28 @@ stack[anonid=browserStack][responsivemode] {
   height: 32px;
   border-radius: 2px;
   margin: 10px;
-  list-style-image: url("chrome://browser/skin/social/social.png");
 }
 
-#social-statusarea-username {
+#social-statusarea-user > vbox > .link {
   background: transparent;
   border: none;
   color: #9C9CFF;
-  cursor: pointer;
   min-width: 0;
   margin: 0 6px;
+  list-style-image: none;
 }
-#social-statusarea-username:hover {
+#social-statusarea-user:hover > vbox > .link {
   text-decoration: underline;
 }
 
-#social-notification-panel {
-  min-height: 100px;
-  min-width: 100px;
-  max-height: 600px;
-  max-width: 400px;
+.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
+  padding: 0;
 }
 
+#social-notification-box,
+.social-panel-frame {
+  border-radius: inherit;
+}
 
 .chat-status-icon {
   max-height: 16px;
@@ -3241,36 +3295,19 @@ stack[anonid=browserStack][responsivemode] {
 }
 
 .chat-close-button {
-  list-style-image: url("chrome://global/skin/icons/close-button.gif");
-  padding: 2px 4px;
+  list-style-image: url('chrome://browser/skin/social/chat-close.png');
+  -moz-image-region: rect(0, 14px, 14px, 0);
 }
 
 .chat-close-button:hover,
 .chat-close-button:hover:active {
-  list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
-}
-
-
-.chat-toggle-button {
-  /* XXX get a real image for this */
-  list-style-image: url("chrome://global/skin/arrow/arrow-down-sharp.gif");
-}
-
-.chat-toggle-button:hover {
-  list-style-image: url("chrome://global/skin/arrow/arrow-down-sharp-hover.gif");
-}
-
-.chat-toggle-button[minimized="true"] {
-  list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp.png");
-}
-
-.chat-toggle-button[minimized="true"]:hover {
-  list-style-image: url("chrome://global/skin/arrow/arrow-left-sharp-hover.png");
+  -moz-image-region: rect(14px, 14px, 28px, 0);
 }
 
 .chat-title {
   font-weight: bold;
   font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+  cursor: inherit;
 }
 
 .chat-titlebar {
@@ -3281,14 +3318,24 @@ stack[anonid=browserStack][responsivemode] {
   width: 100%;
   margin: 0;
   padding: 2px;
+  -moz-padding-start: 6px;
   border: none;
   border-bottom: 1px solid #008484;
+  cursor: pointer;
 }
 
 .chat-titlebar[minimized="true"] {
   border-bottom: none;
 }
 
+.chat-titlebar[selected] {
+  background-color: #008484;
+}
+
+.chat-titlebar[activity] {
+  background-color: #E7ADE7;
+}
+
 .chat-frame {
   padding: 0;
   margin: 0;
@@ -3325,6 +3372,14 @@ stack[anonid=browserStack][responsivemode] {
   display: none;
 }
 
+.chatbar-button[activity] {
+  background-color: #E7ADE7;
+}
+
+.chatbar-button > menupopup > menuitem[activity] {
+  font-weight: bold;
+}
+
 .chatbar-innerbox {
   background: transparent;
   margin: -200px -1px 0 -1px;
@@ -3348,3 +3403,112 @@ chatbar > chatbox[minimized="true"] {
 chatbar > chatbox + chatbox {
   -moz-margin-start: -1px;
 }
+
+.click-to-play-plugins-notification-content {
+  margin: -10px;
+  border-radius: 4px;
+}
+
+.click-to-play-plugins-notification-icon-box {
+  background: #000000;
+  -moz-border-end: 1px solid #9C9CFF;
+  padding-top: 16px;
+  -moz-padding-end: 16px;
+  -moz-padding-start: 24px;
+}
+
+.click-to-play-plugins-notification-icon-box:-moz-locale-dir(ltr) {
+  border-bottom-left-radius: 4px;
+  border-top-left-radius: 4px;
+}
+
+.click-to-play-plugins-notification-icon-box:-moz-locale-dir(rtl) {
+  border-bottom-right-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.click-to-play-plugins-notification-separator {
+  -moz-border-start: 1px solid #9C9CFF;
+  border-top: 1px solid #9C9CFF;
+}
+
+.click-to-play-plugins-notification-description-box {
+  border-bottom: 1px solid #9C9CFF;
+  -moz-border-start: 1px solid #9C9CFF;
+  padding-top: 12px;
+  -moz-padding-end: 11px;
+  padding-bottom: 9px;
+  -moz-padding-start: 10px;
+}
+
+.click-to-play-plugins-notification-center-box {
+  border-top: 1px solid #9C9CFF;
+  border-bottom: 1px solid #9C9CFF;
+  -moz-border-start: 1px solid #9C9CFF;
+  background-color: #000000;
+}
+
+.click-to-play-plugins-notification-button-container {
+  border-top: 1px solid #9C9CFF;
+  -moz-border-start: 1px solid #9C9CFF;
+  margin: 0px;
+  padding: 16px;
+}
+
+.center-item-box {
+  padding: 12px 16px 0px 16px;
+}
+
+.center-item-box[padbottom="true"] {
+  padding-bottom: 12px;
+}
+
+.center-item-icon {
+  background-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
+  background-repeat: no-repeat;
+  height: 16px;
+  width: 16px;
+  margin-bottom: 4px;
+}
+
+.center-item-box[warn="true"] {
+  background-color: #FFCF00;
+  color: #000000;
+  padding: 8px 16px 6px 16px;
+}
+
+.center-item-box[padbottom="true"][warn="true"] {
+  padding-bottom: 4px;
+}
+
+.center-item-box[showseparator="true"] {
+  border-top: 1px solid #9C9CFF;
+}
+
+.center-item-box[warn="false"] > .center-item-warning {
+  display: none;
+}
+
+.center-item-warning > .text-link {
+  color: #6868AA;
+}
+
+.center-item-warning > .text-link[href=""] {
+  display: none;
+}
+
+.center-item-warning-icon {
+  background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
+  background-repeat: no-repeat;
+  width: 16px;
+  height: 15px;
+  margin-bottom: 4px;
+}
+
+.center-item-warning-description {
+  color: #828282;
+}
+
+.center-item-button {
+  min-width: 0;
+}