From 57fc408c28ef34b3925847c7bedf32de34455d96 Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sat, 5 Jan 2013 18:19:38 +0100 Subject: [PATCH] introduce new color style to tabs --- LCARStrek/browser/browser.css | 26 ++++++++++++++++++++++---- LCARStrek/global/browser.css | 27 +-------------------------- LCARStrek/global/tabbox.css | 13 ++++++++----- LCARStrek/navigator/tabbrowser.css | 5 +++++ 4 files changed, 36 insertions(+), 35 deletions(-) diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 4a0c9bfa..c3015328 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -958,12 +958,12 @@ window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icon -moz-image-region: rect(0, 180px, 18px, 162px); } -#print-button:not([disabled="true"]):hover { - -moz-image-region: rect(18px, 162px, 36px, 144px); +#new-tab-button:not([disabled="true"]):hover { + -moz-image-region: rect(18px, 180px, 36px, 162px); } -#print-button[disabled="true"] { - -moz-image-region: rect(36px, 162px, 54px, 144px); +#new-tab-button[disabled="true"] { + -moz-image-region: rect(36px, 180px, 54px, 162px); } /* new window button */ @@ -1777,6 +1777,23 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- margin-top: 0px; } +.tabbrowser-tab{ + padding: 1px 4px 2px; +} + +.tabbrowser-tab:first-of-type { + -moz-margin-start: 2px; +} + +.tabs-newtab-button { + border-radius: 8px 8px 0px 0px; + -moz-margin-start: 0; +} + +.tabs-newtab-button:not(:hover) { + background-color: #C09070; +} + .tabbrowser-tab:hover, .tabs-newtab-button:hover { } @@ -1855,6 +1872,7 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url- .tab-close-button { border: none; padding: 0px; + margin-top: 1px; list-style-image: url("chrome://global/skin/icons/close-button.gif"); } diff --git a/LCARStrek/global/browser.css b/LCARStrek/global/browser.css index 0581c7c7..8bab8edc 100644 --- a/LCARStrek/global/browser.css +++ b/LCARStrek/global/browser.css @@ -9,12 +9,6 @@ */ .tabbrowser-tabs { - /* XXX: Firefox rules - look into those when we support FF - -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs") !important; - padding-top: 0px; - background: -moz-dialog url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png") !important; - -moz-padding-start: 0px; - */ } .tabbrowser-tabs[overflow="true"] { @@ -26,14 +20,7 @@ */ .tabbrowser-tab { - /* XXX: Firefox rules - look into those when we support FF - -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tab") !important; - background: transparent !important; - margin: 0px 0px 1px !important; - padding: 0px !important; - border: none !important; - height: 22px !important; - */ + padding: 1px 4px 2px; } .tabbrowser-tab[busy] > .tab-image-middle > .tab-icon > .tab-icon-image { @@ -49,10 +36,6 @@ -moz-margin-end: 3px; width: 16px; height: 16px; - /* XXX: Firefox rules - look into those when we support FF - list-style-image: url("chrome://global/skin/icons/folder-item.png"); - -moz-image-region: rect(0px, 16px, 16px, 0px); - */ } .tabs-bottom { @@ -123,13 +106,10 @@ tabpanels { * Tab Scrollbox Arrow Buttons */ -/* XXX: Firefox rules - look into those when we support FF */ - /** * All Tabs Button */ -/* XXX: Firefox rules - look into those when we support FF .tabs-alltabs-box { } @@ -138,17 +118,12 @@ tabpanels { .tabs-alltabs-box-animate { } -*/ /** * All Tabs Menupopup */ .alltabs-item > .menu-iconic-left > .menu-iconic-icon { - /* XXX: Firefox rules - look into those when we support FF - list-style-image: url("chrome://global/skin/icons/folder-item.png"); - -moz-image-region: rect(0px, 16px, 16px, 0px); - */ } .alltabs-item[selected="true"] { diff --git a/LCARStrek/global/tabbox.css b/LCARStrek/global/tabbox.css index 1468d013..d6058c96 100644 --- a/LCARStrek/global/tabbox.css +++ b/LCARStrek/global/tabbox.css @@ -24,7 +24,7 @@ tabpanels { border-radius: 5px; - border: 1px solid #9C9CFF; + border: 2px solid #008484; padding: 5px; background-color: #000000; color: #FF9F00; @@ -35,11 +35,11 @@ tabpanels { tab { border-radius: 8px 8px 0px 0px; margin-top: 2px; - border: 1px solid #9C9CFF; + -moz-margin-end: 2px; border-bottom: none; - padding: 1px 4px 2px; - background-color: #000000; - color: #FF9F00; + padding: 2px 4px 1px; + background-color: #C09070; + color: #000000; } .tab-text { @@ -67,6 +67,9 @@ tab:-moz-focusring > .tab-middle { -moz-outline-radius: 3px 3px 0px 0px; } +tab:first-of-type { + -moz-margin-start: 5px; +} /* tab:first-of-type[selected="true"] { -moz-padding-end: 5px; diff --git a/LCARStrek/navigator/tabbrowser.css b/LCARStrek/navigator/tabbrowser.css index 1415a4a4..a7ec4d74 100644 --- a/LCARStrek/navigator/tabbrowser.css +++ b/LCARStrek/navigator/tabbrowser.css @@ -32,6 +32,7 @@ tabpanels { .tabbrowser-tab { margin-top: 0px; + padding: 1px 4px 2px; list-style-image: url("chrome://communicator/skin/bookmarks/bookmark-item.gif"); } @@ -43,6 +44,10 @@ tabpanels { list-style-image: url("chrome://global/skin/icons/loading-hover.gif"); } +.tabbrowser-tab:first-of-type { + -moz-margin-start: 2px; +} + tabbrowser > tabbox > tabpanels { border: none; padding: 0px; -- 2.43.0