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

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

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 -->