eckige Tabs bei Quantum abrunden

/************************************************************************************************/
/* TOOLBAR BUTTONS ******************************************************************************/
/************************************************************************************************/
/* icon appearance - only use one at a time (custom icons do not scale in HiDPI modes) **********/
@import url(./css/buttons/icons_custom_icons_fx45.css); /**/


/* bookmarks menu button - 'button & popup' appearance ******************************************/
@import url(./css/buttons/bookmarks_menu_button_localized_label_on_bookmarks_toolbar.css); /**/
@import url(./css/buttons/bookmarks_menu_button_popup_classic_appearance.css); /**/


/************************************************************************************************/
/* APPLICATION/HAMBURGER BUTTON *****************************************************************/
/************************************************************************************************/
/* application/hamburger button popup ***********************************************************/
@import url(./css/buttons/appbutton_popup_icons_colorized.css); /**/
@import url(./css/buttons/appbutton_popup_sync_hidden.css); /**/


/************************************************************************************************/
/* TABS - appearance and position ***************************************************************/
/************************************************************************************************/
@import url(./css/tabs/classic_squared_tabs_australized_aero.css); /**/	/* <-- AERO colors */


/************************************************************************************************/
/* TABS TOOLBAR POSITION (not in titlebar / not on top) *****************************************/
/************************************************************************************************/
@import url(./css/tabs/tabs_below_navigation_toolbar_aero.css); /**/	/* <-- AERO colors */


/* restore empty/missing tab favicon - only use one at a time ***********************************/
@import url(./css/tabs/missing_tab_favicon_restored_default.css); /**/


/* tab close icon settings - only use one at a time *********************************************/
@import url(./css/tabs/tab_close_hidden.css); /**/


/* other tab settings ***************************************************************************/
@import url(./css/tabs/tab_icon_colors.css); /**/


/************************************************************************************************/
/* GENERAL UI ***********************************************************************************/
/************************************************************************************************/
@import url(./css/generalui/private_mode_indicator_hidden.css); /**/
@import url(./css/generalui/bookmark_icons_colorized.css); /**/
@import url(./css/generalui/send_to_device_menuitems_hidden.css); /**/
@import url(./css/generalui/popup_animation_fade_time_reduced.css); /**/


/* findbar **************************************************************************************/
@import url(./css/generalui/findbar_show_full_quickfindbar.css); /**/


/* page context menu items: 'back', 'forward', 'reload', 'stop', 'bookmarks' ********************/
@import url(./css/generalui/context_bfrsb_labels_without_icons.css); /**/


/* SEARCHBAR ************************************************************************************/
@import url(./css/generalui/searchbar_glassplus_indicator_hidden.css); /**/
@import url(./css/generalui/searchbar_go_button_hidden.css); /**/


/************************************************************************************************/
/* TOOLBARS *************************************************************************************/
/************************************************************************************************/
/* general toolbar settings *********************************************************************/
@import url(./css/toolbars/toolbars_old_padding.css); /**/
@import url(./css/toolbars/tabs_toolbar_adjustments.css); /**/
@import url(./css/toolbars/navbar_more_compact_mode.css); /**/


/* edit target file to select which items to hide ***********************************************/
/* @import url(./css/toolbars/toolbar_context_menuitems_visibility.css); /**/


/* bookmarks toolbar ****************************************************************************/
@import url(./css/toolbars/bookmarks_toolbar_old_height.css);


/* toolbar colors - only use one at a time ******************************************************/
@import url(./css/toolbars/general_toolbar_colors_aero.css); /**/	/* <-- AERO colors */


/************************************************************************************************/
/* LOCATION BAR *********************************************************************************/
/************************************************************************************************/
@import url(./css/locationbar/locationbar_adjustments.css); /**/
@import url(./css/locationbar/compact_mode_reduce_fontsize.css); /**/
@import url(./css/locationbar/locationbar_reduce_height.css); /**/


/* autocomplete/history dropmarker **************************************************************/
@import url(./css/locationbar/dropmarker_at_the_end.css); /**/


/* additional icons/buttons and third party page action buttons *********************************/
@import url(./css/locationbar/icons_colorized.css); /**/
@import url(./css/locationbar/pageaction_separator_in_location_bar_hidden.css); /**/
@import url(./css/locationbar/zoom_button_hidden.css); /**/
@import url(./css/locationbar/go_button_in_location_bar_hidden.css); /**/


/* identity box / page identity button **********************************************************/
@import url(./css/locationbar/identitybox_replace_i_icon_with_globe.css); /**/
@import url(./css/locationbar/identitybox_colors.css); /**/


/* padlock icons in identity box / page identity button - only use one at a time ****************/
@import url(./css/locationbar/identitybox_padlock_icon_classic2.css); /**/


/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/

/* Tabs rund und farbig */




/**********************************************************
 ********** Reihenfolge der Leisten ***********************
 **********************************************************


/* Die Reihenfolge der Leisten im Leisten-Container wird durch die
 * zugewiesenen Zahlen der "-moz-box-ordinal-group" bestimmt:
 * Oben die Menü-Leiste, darunter die Navigations-Leiste danach
 * die Lesezeichen-Leiste, unten die TAB-Leiste, so wie man es
 * von früher her gewohnt ist.
 *
 * Oft wird eine andere Vorgehensweise beschrieben.
 * Ob es wichtig ist? Ich habe sie jedenfalls einfach von 1 bis 4
 * durchnummeriert, das ist übersichtlich und hat bisher geklappt. */


#toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
#nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
#PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
#TabsToolbar {
  -moz-box-ordinal-group: 4 !important;
}




/**********************************************************
 ********** Vollbildmodus *********************************
 **********************************************************/


/* Damit die Rückkehr aus dem Vollbildmodus mit der Maus klappt:
 * Bei 0 bleiben die URL-Leiste und die Tab-Leiste immer sichtbar,
 * je größer der negative Wert, desto mehr verschwindet aus dem sichtbaren
 * Bereich, ein Pixel muß für den Mauskontakt am oberen Rand immer sichtbar
 * bleiben. Den Wert an die Leistenhöhe anpassen!
 */
#main-window[inFullscreen="true"] #navigator-toolbox {
  margin-top: -80px !important;
}


/* Bei Mauskontakt des noch sichtbaren Pixels die Leisten wieder einblenden
 */
#main-window[inFullscreen="true"] #navigator-toolbox:hover {
  margin-top: 0 !important;
}


/* Etwas schnellere Animation beim ein- und ausblenden, normal ist 1.5s
 */
#navigator-toolbox {
  transition: 0.5s !important;
}




/**********************************************************
 ********** Angaben für die TAB-Leiste ********************
 **********************************************************/


/* TAB normal (inaktiv):
 * Hintergrundfarbe, Schriftfarbe,
 * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
 * unten kein Rahmen -> Abschlußrahmen vom Container.
 */


 #toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
  border:none!important;}


#TabsToolbar .tabbrowser-tab {


  color: black !important;
  border: 1px solid !important;
  border-bottom: none !important;


  border-radius: 15px 15px 0 0 !important;
  margin: 3px 1px 1px 2px !important;
  padding: 1px 0 !important;
}


/* TAB bei Mauskontakt:
 * Hintergrundfarbe, Rahmen
 */
#TabsToolbar .tabbrowser-tab:hover {


  color: black !important;


}


/* TAB bei bei angewähltem TAB (aktiv):
 * Hintergrundfarbe, Rahmen,
 * Schriftfarbe.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
 background: red !important;
  font-weight:bold !important;
  color: black ! important;


}


/* Tab-Icon etwas größer,
 * links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
#TabsToolbar .tab-icon-image {
  height: 20px !important;
  width:  20px !important;
  margin-left: -4px !important;
  margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
 * Rechts weniger Abstand zum TAB-Rand, etwas größer,
 * Textfarbe (Kreuz)
 * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
 */
#TabsToolbar .tab-close-button {
  margin-right: -4px !important;
  padding: 0 !important;
  color: white !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
  height: 22px !important;
  width:  22px !important;
  background-color: red !important;
  border-radius: 5px !important;
}


/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
 * Hintergrundfarbe.
 */
#TabsToolbar .tab-close-button[selected="true"] .toolbarbutton-icon {
  background-color: blue !important;
}


/* Alle anderen Elemente in den TABs ohne Hintergrund. */
#TabsToolbar .tabbrowser-tab * {
  background: none !important;
}