|
|
(One intermediate revision by one other user not shown) |
Line 1: |
Line 1: |
− | /* CSS placed here will be applied to all skins */
| + | |
− | /*Standard tabber */
| |
− | .tabbernav {
| |
− | font-family: inherit /*!important*/;
| |
− | font-weight: normal /*!important*/;
| |
− | font-size: 13px /*!important*/;
| |
− | border-bottom: 3px solid #BE2719 !important;
| |
− | padding: 0.3em 0 /*!important*/;
| |
− | }
| |
− | .tabbernav a {
| |
− | padding: 0.3em 0.5em /*!important*/;
| |
− | margin: 0 /*!important*/;
| |
− | color: #BE2719 !important;
| |
− | border: none !important;
| |
− | background: transparent !important;
| |
− | }
| |
− | .tabberactive a {
| |
− | color: white !important;
| |
− | background: #BE2719 !important;
| |
− | }
| |
− | .tabbernav :not(.tabberactive) a:hover {
| |
− | background: #d3cac9 !important;
| |
− | }
| |
− | .tabbertab {
| |
− | /* border: none !important; If you take this out, then a "|___|" will appear around the tabcontent*/
| |
− | padding: 0 /*!important*/;
| |
− | }
| |
− |
| |
− |
| |
− | /* vertical tabber */
| |
− | .tab-vertical .tabberlive {
| |
− | display: table;
| |
− | width: 100%;
| |
− | }
| |
− | .tab-vertical .tabbernav {
| |
− | display: table-cell;
| |
− | width: 200px;
| |
− | padding: 0;
| |
− | vertical-align: top;
| |
− | border-bottom: none !important;
| |
− | }
| |
− | .tab-vertical .tabbernav a {
| |
− | display: block;
| |
− | margin: 0;
| |
− | border: none;
| |
− | padding: 5px;
| |
− | font-size: 14px;
| |
− | background: transparent ;
| |
− | }
| |
− |
| |
− | .tab-vertical .tabbertab {
| |
− | display: table-cell;
| |
− | border: none;
| |
− | padding: 0em 1em;
| |
− | }
| |
− |
| |
− | .tab-vertical .tabbertab p:nth-child(2){
| |
− | margin-top: 0;
| |
− | }
| |
− |
| |
− | .tab-vertical .tabberactive a {
| |
− | background: #BE2719 !important;
| |
− | color: white !important;
| |
− | border-radius: 3px;
| |
− | }
| |
− |
| |
− | .tab-vertical .tabbernav .tabberactive a:hover{
| |
− | background-color: #d1b6b3 !important;
| |
− | }
| |
− |
| |
− | .tab-vertical .tabbernav :not(.tabberactive) a:hover {
| |
− | background: #d3cac9 !important;
| |
− | }
| |