Yu1709$!%yuyu!$%wutu!5=126+

                
____  ___       .__                 
\   \/  /  _____|  |   ______  _  __
 \     /  /  ___/  |  /  _ \ \/ \/ /
 /     \  \___ \|  |_(  <_> )     / 
/___/\  \/____  >____/\____/ \/\_/  
      \_/     \/    @ligmakokz

Editing: joomla-tab.min.css

joomla-tab{display:flex;flex-direction:column}joomla-tab[view=tabs]>div[role=tablist]{background-color:#f5f5f5;border:1px solid #ccc;border-bottom:0;-o-border-image:none;border-image:none;border-radius:.25rem .25rem 0 0;box-shadow:inset 0 1px #fff,0 2px 3px -3px rgba(0,0,0,.15),inset 0 -4px 0 rgba(0,0,0,.05),0 0 3px rgba(0,0,0,.04);display:flex;list-style:none outside none;margin:0;overflow-x:auto;overflow-y:hidden;padding:0;white-space:nowrap}joomla-tab[view=accordion]>div[role=tablist]{display:none}joomla-tab button[role=tab]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:unset;box-shadow:1px 0 0 rgba(0,0,0,.05);color:#0d1321;display:block;padding:.75em 1em;position:relative;text-decoration:none}joomla-tab button[role=tab][aria-expanded=true]{background-color:rgba(0,0,0,.03);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.05));border-left:0;border-right:0;border-top-left-radius:0;border-top-right-radius:0;box-shadow:inset 2px 0 1px -1px rgba(0,0,0,.08),inset -2px 0 1px -1px rgba(0,0,0,.08),inset 0 1px 0 rgba(0,0,0,.02)}joomla-tab button[aria-expanded=true]:after{background-color:#006898;bottom:-1px;content:"";height:5px;left:0;opacity:.8;position:absolute;right:0}joomla-tab>joomla-tab-element{background-color:#fefefe;border:1px solid #ccc;border-radius:0 0 .25rem .25rem;box-shadow:0 0 3px rgba(0,0,0,.04);display:none;padding:15px;position:relative}joomla-tab>joomla-tab-element[active]{display:block}joomla-tab[orientation=vertical]{align-items:flex-start;flex-direction:row}joomla-tab[orientation=vertical]>div[role=tablist]{border:1px solid #ccc;border-radius:.25rem;box-shadow:none;flex-direction:column;height:auto;min-width:30%;overflow:hidden}joomla-tab[orientation=vertical]>div[role=tablist] button:last-of-type{border-bottom:0}joomla-tab[orientation=vertical]>div[role=tablist] button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-bottom:1px solid #ddd;box-shadow:none;color:#0d1321;display:block;padding:.75em 1em;position:relative;text-decoration:none}joomla-tab[orientation=vertical]>div[role=tablist] button[aria-expanded=true]{background-color:#fff;background-image:none;border-left:0;border-right:0;box-shadow:none}joomla-tab[orientation=vertical]>div[role=tablist] button[aria-expanded=true]:after{bottom:0;height:auto;left:-1px;top:0;width:5px}joomla-tab[orientation=vertical]>joomla-tab-element{border:0;box-shadow:none;padding:15px}joomla-tab[view=accordion]{border-radius:.25rem;box-shadow:inset 0 1px #fff,0 0 3px rgba(0,0,0,.04);flex-direction:column;white-space:normal}joomla-tab[view=accordion]>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f5f5f5;border:unset;box-shadow:1px 0 0 rgba(0,0,0,.05);color:#0d1321;display:block;padding:.75em 1em;position:relative;text-decoration:none}joomla-tab[view=accordion]>button:focus,joomla-tab[view=accordion]>button[aria-expanded=true]{background-color:rgba(0,0,0,.03);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.05))}joomla-tab[view=accordion] joomla-tab-element{display:none;padding:15px}joomla-tab[view=accordion] joomla-tab-element[active]{border-bottom:1px solid #ddd;display:block}joomla-tab[view=accordion] [active]{background-color:#fff}joomla-tab[view=accordion] button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-bottom:1px solid #ddd}joomla-tab[view=accordion] button[aria-expanded=true]:after{height:100%;left:0;top:0;width:5px}

Name	Type	Actions
joomla-alert.css	File
joomla-alert.min.css	File
joomla-alert.min.css.gz	File
joomla-tab.css	File
joomla-tab.min.css	File
joomla-tab.min.css.gz	File