User:GeoGalvanic/Testspace/Tabber

From Last Epoch Wiki
Jump to: navigation, search

/* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab {

   -moz-border-bottom-colors: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */
   -moz-border-left-colors: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */
   -moz-border-right-colors: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */
   -moz-border-top-colors: #434b4d !important; /* This should match your general choice of border color */
   border-top-bottom: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */
   border-top-left: transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */
   border-top-right : transparent !important; /* doesn't have to be transparent, could be the same border color used elsewhere */
   border-top-color: #434b4d !important; /* This should match your general choice of border color */
   border-image: none !important;
   border-style: solid none none !important;
   border-width: 1px medium medium !important;

}

ul.tabbernav {

   border-bottom: none !important;

}

ul.tabbernav li a {

   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
   -moz-border-top-colors: none;
   background: none repeat scroll 0 0 #15181a !important; /* This should match your general choice of background color */
   border: 1px solid #434b4d !important; /* This should match your general choice of border color */
   border-image: none;
   border-radius: 5px 5px 0 0 !important; /* This is only if you want your tabs to have rounded corners */
   margin-left: 3px;
   padding: 3px 0.5em;
   text-decoration: none;

}

ul.tabbernav li {

   display: inline;
   list-style: none outside none;
   margin: 0 0 0 7px;

}

ul.tabbernav li a:link {

   color: #be9151 !important; /* This should match your anchor color, but simply being different from the default text color works */

}

ul.tabbernav li a:hover {

   background: none repeat scroll 0 0 #15181a !important;
   border-color: #434b4d !important; /* This should match your general choice of border color */
   color: #FFFFFF !important;

}

ul.tabbernav li.tabberactive a {

   background-color: #15181a !important;
   color: #FFFFFF !important;

}

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link {

   background-color: #15181a !important;
   border-bottom: 1px none !important;
   padding: 2px 0.5em 4px !important;

}

ul.tabbernav {

   text-align:left; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */

}