browser/themes/winstripe/browser/browser-aero.css

   1 %define WINSTRIPE_AERO
   2 %include browser.css
   3 %undef WINSTRIPE_AERO
   4
   5 %define customToolbarColor rgb(227,237,246)
   6
   7 @media all and (-moz-windows-default-theme) {
   8   #navigator-toolbox > toolbar:not(:-moz-lwtheme) {
   9     background-color: @customToolbarColor@;
  10   }
  11
  12   .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) {
  13     background-image: -moz-linear-gradient(rgba(255,255,255,.7), @toolbarHighlight@ 30%),
  14                       -moz-linear-gradient(@customToolbarColor@, @customToolbarColor@);
  15   }
  16 }
  17
  18 @media all and (-moz-windows-compositor) {
  19   /* these should be hidden w/glass enabled. windows draws it's own buttons. */
  20   #titlebar-buttonbox {
  21     display: none;
  22   }
  23
  24   #main-window:not(:-moz-lwtheme) {
  25     -moz-appearance: -moz-win-borderless-glass;
  26     background: transparent;
  27   }
  28
  29   #main-window:not(:-moz-lwtheme)[inFullscreen="true"] {
  30     -moz-appearance: none;
  31     background-color: #556;
  32   }
  33
  34   #toolbar-menubar:not(:-moz-lwtheme),
  35   #TabsToolbar[tabsontop="true"]:not(:-moz-lwtheme),
  36   #navigator-toolbox[tabsontop="false"] > #nav-bar:not(:-moz-lwtheme),
  37   #nav-bar + #customToolbars + #PersonalToolbar[collapsed="true"] + #TabsToolbar[tabsontop="false"]:last-child:not(:-moz-lwtheme) {
  38     background: transparent !important;
  39     color: black;
  40     text-shadow: 0 0 .7em white, 0 0 .7em white, 0 1px 0 rgba(255,255,255,.4);
  41   }
  42
  43   #navigator-toolbox[tabsontop="true"] > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
  44     border-left: 1px solid ThreeDShadow;
  45     border-right: 1px solid ThreeDShadow;
  46   }
  47
  48   /* Make the window draggable by glassed toolbars (bug 555081) */
  49   #toolbar-menubar:not([autohide="true"]),
  50   #TabsToolbar[tabsontop="true"],
  51   #navigator-toolbox[tabsontop="false"] > #nav-bar,
  52   #nav-bar + #customToolbars + #PersonalToolbar[collapsed="true"] + #TabsToolbar[tabsontop="false"]:last-child,
  53   #navigator-toolbox > toolbar:not(#toolbar-menubar):-moz-lwtheme {
  54     -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag");
  55   }
  56
  57   #browser:not(:-moz-lwtheme),
  58   #browser-bottombox:not(:-moz-lwtheme) {
  59     background-color: -moz-dialog;
  60   }
  61
  62   #urlbar,
  63   .searchbar-textbox {
  64     background-color: rgba(255,255,255,.725);
  65     @navbarTextboxCustomBorder@
  66     color: black;
  67   }
  68
  69   /*XXX :-moz-placeholder isn't implemented yet (bug 457801)
  70   #urlbar > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder,
  71   .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:-moz-placeholder {
  72     color: #777;
  73   }
  74   */
  75
  76   #urlbar:hover,
  77   .searchbar-textbox:hover {
  78     background-color: rgba(255,255,255,.898);
  79   }
  80
  81   #urlbar[focused="true"],
  82   .searchbar-textbox[focused="true"] {
  83     background-color: white;
  84   }
  85
  86   .tabbrowser-tab:not(:-moz-lwtheme):not([selected="true"]),
  87   .tabs-newtab-button:not(:-moz-lwtheme) {
  88     background-image: -moz-linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,75%,.4) 50%);
  89     text-shadow: 0 1px 0 rgba(255,255,255,.4);
  90   }
  91
  92   .tabbrowser-tab:not(:-moz-lwtheme):not([selected="true"]):hover,
  93   .tabs-newtab-button:not(:-moz-lwtheme):hover {
  94     background-image: -moz-linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,75%,.6) 50%);
  95   }
  96
  97   #allTabs-panel,
  98   #ctrlTab-panel {
  99     background: transparent;
 100     -moz-appearance: -moz-win-glass;
 101     -moz-border-radius: 0;
 102     border: none;
 103     font: normal 1.2em "Segoe UI";
 104     color: black;
 105     text-shadow: white -1px -1px .5em, white -1px 1px .5em, white 1px 1px .5em, white 1px -1px .5em;
 106   }
 107 }
 108
 109 @media not all and (-moz-windows-compositor) {
 110   #print-preview-toolbar:not(:-moz-lwtheme) {
 111     -moz-appearance: -moz-win-browsertabbar-toolbox;
 112   }
 113 }
 114
 115 @media all and (-moz-windows-default-theme) {
 116   /* Bug 413060, comment 16: Vista Aero is a special case where we use a
 117      tooltip appearance for the address bar popup panels */
 118   #identity-popup,
 119   #editBookmarkPanel,
 120   #notification-popup {
 121     -moz-appearance: tooltip;
 122     color: InfoText;
 123   }
 124
 125   /* Make the left and right paddings smaller, to compensate for the horizontal
 126      space added by the tooltip appearance, see bug 432529. */
 127   #identity-popup-container {
 128     -moz-padding-start: 6px;
 129     -moz-padding-end: 6px;
 130   }
 131
 132   #sidebar-splitter {
 133     border: 0;
 134     -moz-border-end: 1px solid #A9B7C9;
 135     min-width: 0;
 136     width: 3px;
 137     background-color: transparent;
 138     -moz-margin-start: -3px;
 139     position: relative;
 140     z-index: 10;
 141   }
 142 }
 143
 144 /* ::::: fullscreen window controls ::::: */
 145
 146 #window-controls {
 147   -moz-box-align: start;
 148 }
 149
 150 #minimize-button,
 151 #restore-button,
 152 #close-button {
 153   -moz-appearance: none;
 154   border-style: none;
 155   margin: 0;
 156 }
 157 #close-button {
 158   -moz-image-region: rect(0, 49px, 16px, 32px);
 159 }
 160 #close-button:hover {
 161   -moz-image-region: rect(16px, 49px, 32px, 32px);
 162 }
 163 #close-button:hover:active {
 164   -moz-image-region: rect(32px, 49px, 48px, 32px);
 165 }