2011-04-04 23:34:59 --- a/browser/themes/winstripe/browser/browser.css +++ a/browser/themes/winstripe/browser/browser.css @@ -51,17 +51,17 @@ %include ../../browserShared.inc %filter substitution %define toolbarHighlight rgba(255,255,255,.5) %define selectedTabHighlight rgba(255,255,255,.7) %define toolbarShadowColor rgba(10%,10%,10%,.4) %define toolbarShadowOnTab -moz-linear-gradient(bottom, rgba(10%,10%,10%,.4) 1px, transparent 1px) %define bgTabTexture -moz-linear-gradient(transparent, hsla(0,0%,45%,.1) 1px, hsla(0,0%,32%,.2) 80%, hsla(0,0%,0%,.2)) %define bgTabTextureHover -moz-linear-gradient(hsla(0,0%,100%,.3) 1px, hsla(0,0%,75%,.2) 80%, hsla(0,0%,60%,.2)) -%define navbarTextboxCustomBorder border-color: rgba(0,0,0,.25) rgba(0,0,0,.32) rgba(0,0,0,.37); +%define navbarTextboxCustomBorder border-color: rgba(0,0,0,.32); #menubar-items { -moz-box-orient: vertical; /* for flex hack */ } #main-menubar { -moz-box-flex: 1; /* make menu items expand to fill toolbar height */ } @@ -600,22 +600,21 @@ menuitem.bookmark-item { #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker, #nav-bar .toolbarbutton-1 { -moz-appearance: none; padding: 1px 5px; background: rgba(151,152,153,.05) -moz-linear-gradient(rgba(251,252,253,.95), rgba(246,247,248,.47) 49%, rgba(231,232,233,.45) 51%, rgba(225,226,229,.3)); background-clip: padding-box; - border-radius: 4.5px; + border-radius: 3.5px; border: 1px solid; border-color: rgba(0,0,0,.12) rgba(0,0,0,.19) rgba(0,0,0,.38); box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, - 0 0 0 2px rgba(255,255,255,.1) inset, - 0 1px 0 rgba(0,0,0,.15); + 0 0 0 2px rgba(255,255,255,.1) inset; color: black; text-shadow: 0 0 2px white; } #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker, #navigator-toolbox[iconsize="small"][mode="icons"] > #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button, #navigator-toolbox[iconsize="small"][mode="icons"] > #nav-bar .toolbarbutton-1 { padding-left: 3px; @@ -666,17 +665,16 @@ menuitem.bookmark-item { #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):not(:active):hover, #nav-bar .toolbarbutton-1:not([open="true"]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]), #nav-bar .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover { background-color: hsla(190,60%,70%,.5); border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8); box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, - 0 1px 0 rgba(0,0,0,.1), 0 0 3.5px hsl(190,90%,80%); -moz-transition: background-color .4s ease-in, border-color .3s ease-in, box-shadow .3s ease-in; } #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):hover:active, #nav-bar .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]), @@ -796,27 +794,25 @@ toolbar[mode="full"] .toolbarbutton-1 > margin-bottom: -2px; border: none; background-image: -moz-linear-gradient(rgba(251,252,253,.97), rgba(246,247,248,.5) 49%, rgba(231,232,233,.45) 51%, rgba(225,226,229,.2)); box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 2px rgba(255,255,255,.1) inset, 0 0 0 1px rgba(0,0,0,.15), 0 1px 0 rgba(0,0,0,.4), - 0 1px 1px rgba(0,0,0,.3), - 1px 2px 1px rgba(0,0,0,.2); + 0 1px 1px rgba(0,0,0,.3); } #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover { box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 2px rgba(255,255,255,.1) inset, 0 0 0 1px hsla(190,50%,40%,.3), 0 1px 0 rgba(0,0,0,.4), 0 1px 1px rgba(0,0,0,.3), - 1px 2px 1px rgba(0,0,0,.2), 0 0 5px 1px hsl(190,90%,80%); } #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button:not([disabled="true"]):hover:active, #navigator-toolbox[iconsize="large"][mode="icons"] > #nav-bar #back-button[open="true"] { box-shadow: 0 0 6.5px rgba(0,0,0,.4) inset, 0 0 2px rgba(0,0,0,.4) inset, 0 0 0 1px rgba(0,0,0,.65), @@ -1097,19 +1093,17 @@ toolbar[mode="full"] .toolbarbutton-1 > #urlbar, .searchbar-textbox { -moz-appearance: none; margin: 1px 3px; padding: 2px; background-clip: padding-box; border: 1px solid ThreeDDarkShadow; - border-radius: 4px; - box-shadow: 0 1px 0 rgba(0,0,0,.1) inset, - 0 1px 0 rgba(255,255,255,.4); + border-radius: 3.5px; } @media all and (-moz-windows-default-theme) { #urlbar, .searchbar-textbox { @navbarTextboxCustomBorder@ } }