Guten Tag
nach langer Zeit habe ich mich mal wieder mit dem userChrome.css beschäftigt.
Gibt ja einiges zu tun seit Australis.
Zu meinem Problem:
Zwischen den inaktiven Tabs wird im Moment leider eine unerwünschte Linie mit Gradient angezeigt.
Hat jemand eine Idee was dies sein könnte?
[Blockierte Grafik: http://imageshack.com/a/img673/3623/ZRBBib.jpg]
CSS
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* author: njb */
/* Button Styles */
.bookmark-item[container="true"][label="sharepoint"]
{
list-style-image: url("icons/sharepoint.png") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
.bookmark-item[container="true"]
{
list-style-image: url("icons/folder.gif") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
#back-button > .toolbarbutton-icon, #placesToolbar #back-button
{
list-style-image: url("icons/back.png") !important;
-moz-image-region: rect(0px 16px 16x 0px) !important;
}
#forward-button > .toolbarbutton-icon, #placesToolbar #forward-button
{
list-style-image: url("icons/forward.png") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
#reload-button > .toolbarbutton-icon
{
list-style-image: url("icons/reload.png")!important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
#home-button > .toolbarbutton-icon
{
list-style-image: url("icons/home.png")!important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
#downloads-button > .toolbarbutton-icon
{
list-style-image: url("icons/download.png")!important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
}
/*
#appmenu-button-container
{
position: relative !important;
margin-top: 26px !important;
}
#appmenu-button
{
border-radius: 0!important;
border: none !important;
box-shadow: none !important;
height: 25px !important;
width: 59px !important;
min-width: 59px !important;
max-width: 59px !important;
background-image:-moz-linear-gradient(rgba(255,170,24,1), rgba(255,170,24,1)) !important;
color:white!important;
font-weight: 400 !important;
font-family:"Calibri" !important;
font-size: 130% !important;
text-shadow: none !important;
}
#appmenu-button .dropmarker-icon
{
display:none;
}
#appmenu-button .button-text
{
display: none !important;
}
#appmenu-button dropmarker:before
{
content: "DATEI" !important;
position:absolute !important;
left:12px !important;
top:3px !important;
}
*/
.progress-bar
{
-moz-appearance: none !important;
background-color: rgb(255,170,24) !important;
}
/* End Button Styles */
/*Border colors for searchbar and url-bar */
#urlbar
{
border-color: rgb(212,212,212) !important;
}
.searchbar-textbox
{
border-color: rgb(212,212,212) !important;
}
/* Toolbars without Borders, Line after Tabbar */
toolbar
{
border-style: none !important;
}
/* Hide Australis tab style */
.tab-background-start, .tab-background-end
{
visibility: hidden !important;
}
.tab-background-middle
{
background: none !important;
}
.tab-background
{
background: none !important;
}
/* Line under Tabs */
#nav-bar
{
border: 1px solid !important;
border-color: rgba(0,0,0,0) !important;
border-top-color: rgb(212,212,212) !important;
margin-top: 0.5px !important;
}
/* Move all Tabs to the right and down */
#TabsToolbar
{
margin-top: 25px !important;
margin-left: 80px !important;
}
/* Tab Content Position Adjustment */
.tabbrowser-tab .tab-text
{
margin-bottom: 8px !important;
}
.tab-close-button
{
margin-bottom: 8px !important;
}
.tab-icon-image
{
margin-bottom: 8px !important;
}
.tab-throbber
{
margin-bottom: 8px !important;
}
/* General Tab Height */
.tabbrowser-tabs
{
height:25px!important;
min-height:25px!important;
}
/* General Tab Style */
.tabbrowser-tab
{
font-weight: 400 !important;
font-family:"Calibri" !important;
font-size: 117% !important;
text-shadow: none !important;
background-image: none !important;
background-color: rgba(0,0,0,0) !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border: 1px solid !important;
border-color: rgba(0,0,0,0) !important;
margin-left: 5px !important;
margin-right: 5px !important;
}
/* Hover Tab Style, Text */
.tabbrowser-tab:hover .tab-text
{
color: rgb(255,170,24) !important;
}
/* Active Tab Style, Text and Border Colors */
.tabbrowser-tab[selected="true"]
{
color: rgb(255,170,24) !important;
border-color: rgb(212,212,212) !important;
border-bottom-color: rgb(255,255,255) !important;
}
/* Add New Tab Button Style */
.tabs-newtab-button
{
background-image: none !important;
background-color: rgba(0,0,0,0) !important;
border: 0px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
margin-bottom: 8px !important;
}
/* In Arbeit */
#PanelUI-menu-button
{
background-image: none !important;
background-color: rgb(255,170,24) !important;
border: 0px !important;
}
#PanelUI-menu-button .toolbarbutton-icon
{
background-image: none !important;
background-color: rgba(0,0,0,0) !important;
border-color: rgba(0,0,0,0) !important;
border: 0px !important;
}
.customizableui-special-spring3
{
display: none !important;
}
#back-button:hover, #forward-button:hover
{
border: 0px !important;
background: rgba(0,0,0,0) !important;
}
Alles anzeigen
Vielen Dank im Voraus und Grüsse