Tabicon – Tabs Framework

• t_b_bluish_dark
• t_b_greenish_dark
• t_b_browinsh_dark
• t_b_lightseagreenish_dark
• t_b_lightcoralish_dark
• t_b_grayish_dark

Mild physique colours:

• t_b_bluish_light
• t_b_greenish_light
• t_b_browinsh_light
• t_b_lightseagreenish_light
• t_b_lightcoralish_light
• t_b_grayish_light

Darkish tabs’ colours:

• t_t_bluish_dark
• t_t_greenish_dark
• t_t_browinsh_dark
• t_t_lightseagreenish_dark
• t_t_lightcoralish_dark
• t_t_grayish_dark

Mild tabs’ colours:

• t_t_bluish_light
• t_t_greenish_light
• t_t_browinsh_light
• t_t_lightseagreenish_light
• t_t_lightcoralish_light
• t_t_grayish_light

*The category names above symbolize the respective colours.

Courses out there for Motionless Tabs kind solely:

Controlling place of tabs:
• t_inside
  
  This class will transfer the tabs contained in the physique.

• t_outside_attached
  
  This class will transfer the tabs outdoors the physique, however hooked up to it.

• t_outside_dettached
  
  This class will transfer the tabs outdoors the physique and dettached to it.

Controlling alignment and spacing of tabs:

• t_left_separated
  
  This class will align the tabs to the left facet, with some house between every pair of tab.

• t_left_unseparated
  
  This class will align the tabs to the left facet, with no house between every pair of tab.

• t_right_separated
  
  This class will align the tabs to the best facet, with some house between every pair of tab.

• t_right_unseparated
  
  This class will align the tabs to the best facet, with no house between every pair of tab.

• t_fluid_separated
  
  This class will improve the scale of tabs in order to fill your complete width, with some house between every pair of tab.

• t_fluid_unseparated
  
  This class will improve the scale of tabs in order to fill your complete width, with no house between every pair of tab.

• t_center_separated
  
  This class will align the tabs within the heart, with some house between every pair of tab.

• t_center_unseparated
  
  This class will align the tabs within the heart, with no house between every pair of tab.

Controlling form of tabs:

• t_rounded_full
  
  This class will make the tabs rounded in any respect corners.

• t_rounded_top
  
  This class will make the tabs rounded at prime corners.

• t_la_rounded_top_extremes
  Use with left aligned tabs.
  
  This class will make the intense tabs of the left aligned tabs rounded at left/proper corners.

• t_ra_rounded_top_extremes
  Use with proper aligned tabs.
  
  This class will make the intense tabs of the best aligned tabs rounded at proper/left corners.

• t_la_rounded_extremes
  Use with left aligned tabs.
  
  This class will make the intense corners of the intense tabs of the left aligned tabs rounded.

• t_ra_rounded_extremes
  Use with proper aligned tabs.
  
  This class will make the intense corners of the intense tabs of the best aligned tabs rounded.

• t_la_curved_full
  Advisable: Use with left aligned tabs.
  
  This class will make every tab of the left aligned tabs curved.

• t_ra_curved_full
  Advisable: Use with proper aligned tabs.
  
  This class will make every tab of the best aligned tabs curved.

• t_la_curved_extremes
  Advisable: Use with left aligned tabs.
  
  This class will make the intense ends of the intense tabs of the left aligned tabs curved.

• t_ra_curved_extremes
  Use with proper aligned tabs.
  
  This class will make the intense ends of the intense tabs of the best aligned tabs curved.

• Add no class to get an oblong tab. That is the default form of the tabs.

Sources and Credit:

I’ve used the next icons or different recordsdata as listed.

• Google font – Open Sans
• FontAwesome Vector Icons
• Normalize.css

Charge the file when you prefer it.

Thanks!