Flat buttons

CSS/JS files (add code to <HEAD> section):


<!-- DC Flat Buttons CSS -->
<link type="text/css" rel="stylesheet" href="dreamcodes/flat_buttons/css/tsc_flat_buttons.css" />

          

Large flat buttons

Super Flat Button »   Flat Gray Button »   Flat Blue Button »   Flat Teal Button »   Flat Green Button »   Flat Purple Button »   Flat Pink Button »   Flat Magenta Button »   Flat Red Button »   Flat Orange Button »   Flat Yellow Button »   Flat Silver Button »   Flat White Button »  

View code:


      <!-- DC Flat Buttons Start -->
      <a class="tsc_awb_large tsc_flat" href="#">Super Flat Button »</a>  
      <a class="tsc_awb_large tsc_awb_gray tsc_flat" href="#">Flat Gray Button »</a>  
      <a class="tsc_awb_large tsc_awb_blue tsc_flat" href="#">Flat Blue Button »</a>  
      <a class="tsc_awb_large tsc_awb_teal tsc_flat" href="#">Flat Teal Button »</a>  
      <a class="tsc_awb_large tsc_awb_green tsc_flat" href="#">Flat Green Button »</a>  
      <a class="tsc_awb_large tsc_awb_purple tsc_flat" href="#">Flat Purple Button »</a>  
      <a class="tsc_awb_large tsc_awb_pink tsc_flat" href="#">Flat Pink Button »</a>  
      <a class="tsc_awb_large tsc_awb_magenta tsc_flat" href="#">Flat Magenta Button »</a>  
      <a class="tsc_awb_large tsc_awb_red tsc_flat" href="#">Flat Red Button »</a>  
      <a class="tsc_awb_large tsc_awb_orange tsc_flat" href="#">Flat Orange Button »</a>  
      <a class="tsc_awb_large tsc_awb_yellow tsc_flat" href="#">Flat Yellow Button »</a>  
      <a class="tsc_awb_large tsc_awb_silver tsc_flat" href="#">Flat Silver Button »</a>  
      <a class="tsc_awb_large tsc_awb_white tsc_flat" href="#">Flat White Button »</a>  
      <!-- DC Flat Buttons End -->
   
          

Medium flat buttons

Super Flat Button »   Flat Gray Button »   Flat Blue Button »   Flat Teal Button »   Flat Green Button »   Flat Purple Button »   Flat Pink Button »   Flat Magenta Button »   Flat Red Button »   Flat Orange Button »   Flat Yellow Button »   Flat Silver Button »   Flat White Button »  

View code:


      <!-- DC Flat Buttons Start -->
      <a class="tsc_awb_medium tsc_flat" href="#">Super Flat Button »</a>  
      <a class="tsc_awb_medium tsc_awb_gray tsc_flat" href="#">Flat Gray Button »</a>  
      <a class="tsc_awb_medium tsc_awb_blue tsc_flat" href="#">Flat Blue Button »</a>  
      <a class="tsc_awb_medium tsc_awb_teal tsc_flat" href="#">Flat Teal Button »</a>  
      <a class="tsc_awb_medium tsc_awb_green tsc_flat" href="#">Flat Green Button »</a>  
      <a class="tsc_awb_medium tsc_awb_purple tsc_flat" href="#">Flat Purple Button »</a>  
      <a class="tsc_awb_medium tsc_awb_pink tsc_flat" href="#">Flat Pink Button »</a>  
      <a class="tsc_awb_medium tsc_awb_magenta tsc_flat" href="#">Flat Magenta Button »</a>  
      <a class="tsc_awb_medium tsc_awb_red tsc_flat" href="#">Flat Red Button »</a>  
      <a class="tsc_awb_medium tsc_awb_orange tsc_flat" href="#">Flat Orange Button »</a>  
      <a class="tsc_awb_medium tsc_awb_yellow tsc_flat" href="#">Flat Yellow Button »</a>  
      <a class="tsc_awb_medium tsc_awb_silver tsc_flat" href="#">Flat Silver Button »</a>  
      <a class="tsc_awb_medium tsc_awb_white tsc_flat" href="#">Flat White Button »</a>  
      <!-- DC Flat Buttons End -->

          

Small flat buttons

Super Flat Button »   Flat Gray Button »   Flat Blue Button »   Flat Teal Button »   Flat Green Button »   Flat Purple Button »   Flat Pink Button »   Flat Magenta Button »   Flat Red Button »   Flat Orange Button »   Flat Yellow Button »   Flat Silver Button »   Flat White Button »  

View code:


      <!-- DC Flat Buttons Start -->
      <a class="tsc_awb_small tsc_flat" href="#">Super Flat Button »</a>  
      <a class="tsc_awb_small tsc_awb_gray tsc_flat" href="#">Flat Gray Button »</a>  
      <a class="tsc_awb_small tsc_awb_blue tsc_flat" href="#">Flat Blue Button »</a>  
      <a class="tsc_awb_small tsc_awb_teal tsc_flat" href="#">Flat Teal Button »</a>  
      <a class="tsc_awb_small tsc_awb_green tsc_flat" href="#">Flat Green Button »</a>  
      <a class="tsc_awb_small tsc_awb_purple tsc_flat" href="#">Flat Purple Button »</a>  
      <a class="tsc_awb_small tsc_awb_pink tsc_flat" href="#">Flat Pink Button »</a>  
      <a class="tsc_awb_small tsc_awb_magenta tsc_flat" href="#">Flat Magenta Button »</a>  
      <a class="tsc_awb_small tsc_awb_red tsc_flat" href="#">Flat Red Button »</a>  
      <a class="tsc_awb_small tsc_awb_orange tsc_flat" href="#">Flat Orange Button »</a>  
      <a class="tsc_awb_small tsc_awb_yellow tsc_flat" href="#">Flat Yellow Button »</a>  
      <a class="tsc_awb_small tsc_awb_silver tsc_flat" href="#">Flat Silver Button »</a>  
      <a class="tsc_awb_small tsc_awb_white tsc_flat" href="#">Flat White Button »</a>      
      <!-- DC Flat Buttons End -->

          


© TemplateAccess