[ErikPshat]

Theme "vertical dark grey"

[TOPTIONS="effect:'slideleft',tabsPosition:'vertical',theme:'vertical_dark_grey'"]VerticalGrayTheme[/TOPTIONS]

[TNAME="<i class='fa fa-home fa-lg fa-fw'></i>TOPTIONS"]Содержимое[/TNAME]
[TNAME="<i class='fa fa-bars fa-lg fa-fw'></i>TNAME"]Содержимое[/TNAME]
[TNAME="<i class='fa fa-cubes fa-lg fa-fw'></i>Style minify"]Содержимое[/TNAME]
[TNAME="<i class='fa fa-css3 fa-lg fa-fw'></i>Style CSS"]Содержимое[/TNAME]
[TNAME="<i class='fa fa-codepen fa-lg fa-fw'></i>Источник"]Содержимое[/TNAME]

[style].pws_tabs_container.vertical_dark_grey ul.pws_tabs_controll{background:#364150;width:15%!important}.pws_tabs_container. vertical_dark_grey .pws_tabs_list{padding:5px 15px;width:85%!important;background:transparent}.pws_tabs_container.vertical_dar k_grey ul.pws_tabs_controll li a.pws_tab_active{background:#2B3643}.pws_tabs_container.vertical_dark_grey ul.pws_tabs_controll li a:hover{background:#2B3643}.pws_tabs_container.vertical_dark_grey ul.pws_tabs_controll li a{background:#364150;margin:0;border-top:1px solid #3d4957;color:#b4bcc8;font-weight:300;font:14px 'Open Sans',sans-serif}[/style]

Используйте минификацию для удаления комментариев, переносов и лишних пробелов: https://cssresizer.com/ru/

/**
* ###########################
* vertical dark grey
* ###########################
*/

/* Глобальные параметры на весь контейнер, отвечает за Блок "Названия вкладок */
.pws_tabs_container.vertical_dark_grey ul.pws_tabs_controll {
   background: #364150;
   width: 15% !important;
}
/* Содержимое открытой вкладки */
.pws_tabs_container.vertical_dark_grey .pws_tabs_list {
   padding: 10px 15px;
   width: 85%!important;
   background: transparent;
}
/* Заголовок неактивной вкладки */
.pws_tabs_container.vertical_dark_grey ul.pws_tabs_controll li a {
   background: #364150;
   margin: 0;
   border-top: 1px solid #3d4957;
   color: #b4bcc8;
   font-weight: 300;
   font: 14px 'Open Sans',sans-serif;
}
/* Заголовок при наведении */
.pws_tabs_container.vertical_dark_grey ul.pws_tabs_controll li a:hover {
   background:#2B3643;
}
/* Заголовок активной вкладки */
.pws_tabs_container.vertical_dark_grey ul.pws_tabs_controll li a.pws_tab_active {
   background:#2B3643;
}

www.shareicon.net