Best template for MyTabs?

Lucidious · 09-09-2015, 05:53 AM

As said above, the way it looks is due to the theme css. I use something similar to MyTabs, but in a way different as well.

Code:
.shadetabs {
 padding: 3px 0;
 margin-left: 0;
 margin-top: 1px;
 margin-bottom: 15px;
 list-style-type: none;
 text-align: left;
 
 font-family: 'Roboto',Sans-Serif;
 }
 
 .shadetabs li{
 display: inline;
 margin: 0;
 }
 
 .shadetabs li a {
 border-radius: 3px;
 position: relative;
 z-index: 1;
 padding: 8px;
 margin-right: 5px;
 -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
 -webkit-box-shadow: 0px 0px 1px #000000;
 -moz-box-shadow: 0px 0px 1px #000000;
 -ms-box-shadow: 0px 0px 1px #000000;
 -o-box-shadow: 0px 0px 1px #000000;
 -box-shadow: 0px 0px 1px #000000;
 text-decoration: none;
 }
 
 .shadetabs li a:hover{
 -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
 border-radius: 3px;
 position: relative;
 z-index: 1;
 padding: 8px;
 margin-right: 5px;
 -webkit-box-shadow: 0px 0px 1px #000000;
 -moz-box-shadow: 0px 0px 1px #000000;
 -ms-box-shadow: 0px 0px 1px #000000;
 -o-box-shadow: 0px 0px 1px #000000;
 -box-shadow: 0px 0px 1px #000000;
 
 
 text-decoration: none;
 }
 
 .shadetabs li a.selected {
   background: #31A6E0;
   color: #fff;
   border-radius: 2px;
 }
 
 @media print {
 .tabcontent {
 display: block !important;
 }
 
 
 }

This above is currently what I'm using, and I honestly like how it looks.

[Image: hA1aWsJ.png]

Best template for MyTabs?

Submitted by connor1744, 07-09-2015, 03:56 PM, Thread ID: 9805

RE: Best template for MyTabs?