|
|
(42 intermediate revisions by one other user not shown) |
Line 1: |
Line 1: |
| /****************************** Tabs Styles ******************************/
| |
| div.tabdiv {
| |
| display: flex;
| |
| }
| |
|
| |
| div.tabdiv > ul {
| |
| min-width: 5%
| |
| flex: 1;
| |
| }
| |
|
| |
| div.tabdiv > ul > li {
| |
| display: block;
| |
| }
| |
|
| |
| div.tabdiv > div {
| |
| flex: 19;
| |
| }
| |
|
| |
| div.tabdiv div.tabdiv {
| |
| display: block;
| |
| }
| |
|
| |
| div.tabdiv div.tabdiv > ul > li {
| |
| display: inline-block;
| |
| }
| |
| /*****************************************************************TAB**/
| |
| div.tabdiv {
| |
| background-color: #2a282a;
| |
| }
| |
|
| |
| div.tabdiv * {
| |
| border-color: #dadada;
| |
| color: #dadada;
| |
| }
| |
|
| |
| div.tabdiv > ul > li a {
| |
| text-decoration: none;
| |
| }
| |
|
| |
| div.tabdiv > ul {
| |
| margin: 0;
| |
| }
| |
|
| |
| div.tabdiv > ul > li {
| |
| display: block;
| |
| margin: 5px 32px 5px 0;
| |
| padding: 0 20px;
| |
| background-clip: border-box;
| |
| }
| |
|
| |
| div.tabdiv > ul > li,
| |
| div.tabdiv > ul > li:after {
| |
| line-height: 32px;
| |
| height: 32px;
| |
| }
| |
|
| |
| div.tabdiv > ul > li:before,
| |
| div.tabdiv > ul > li:after {
| |
| content: '';
| |
| display: inline-block;
| |
| position: absolute;
| |
| -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
| |
| clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
| |
| }
| |
|
| |
| div.tabdiv > ul > li:after {
| |
| width: 32px;
| |
| right: -32px;
| |
| }
| |
|
| |
| div.tabdiv > ul > li:before {
| |
| left: 0;
| |
| width: 13px;
| |
| height: 13px;
| |
| }
| |
|
| |
| div.tabdiv > ul > li:hover:before {
| |
| background-color: #9d7803;
| |
| }
| |
|
| |
| div.tabdiv > ul > li:hover,
| |
| div.tabdiv > ul > li:hover:after,
| |
| div.tabdiv > ul > li.active,
| |
| div.tabdiv > ul > li.active:after {
| |
| background-color: #f8d800;
| |
| }
| |
|
| |
| div.tabdiv > ul > li.active:before {
| |
| background-color: #d38f00;
| |
| }
| |
|
| |
| div.tabdiv > ul > li.active a {
| |
| color: #300000;
| |
| }
| |
|
| |
| /****************************** Extension MenuSidebar Styles ******************************/ | | /****************************** Extension MenuSidebar Styles ******************************/ |
| /* Allow popup submenus to overflow the sidebar area for the Vector skin */ | | /* Allow popup submenus to overflow the sidebar area for the Vector skin */ |
Line 275: |
Line 180: |
| } | | } |
|
| |
|
| /****************************** Content Box Shadow ******************************/
| | .vgrid-table > div:not(.vgrid-cat) ul li { |
| #content {
| | list-style: none; |
| box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); | | } |
| | |
| | #p-logo { |
| | background: transparent |
| } | | } |