@Mightec. I don’t know how much or what you are editing. However, I would not mess with the Inline Styles at all. The Inline styles that are built into the plugin control the structure and behavior of the tabs. They do not control the look and feel. The themes in the themes folder control the look and feel. I deliberately separated the functionality CSS from the look-and-feel CSS.
It seems like I will have to create a Pure Tabs Custom Theme Tutorial. This was not what I planned to do today, but if you really need it, I will take the text couple hours and create a tutorial for you and others. Are you willing to wait a bit?
Here is a start:
Each theme contains about 16 CSS rule sets. Each of these rule sets impact a different aspect of the look and feel of the tabs. By editing the values for properties inside of the rule set you can change the look and feel of the theme. The first theme I ever made for the plugin was the basic-blue.css theme.
Mightec, if you want me to feature your custom theme colors in the tutorial, please post what colors you want:
- Background Color and/or Gradient for main panel
- Border Color for main panel
- Border Radius (Curvature) for main panel
- Background Color and/or Gradient for header
- Border Color for header
- Border Radius (Curvature) for header
- Background Color and/or Gradient for a tab
- Border Color for a tab
- Border Radius (Curvature) for a tab
- Text Color for a tab
- Background Color and/or Gradient for tab when mouse over
- Border Color for a tab when mouse over
- Border Radius (Curvature) for a tab when mouse over
- Text Color for a tab when mouse over
- Border Color for a tab’s content
- Text Color for a tab’s content