YP logo css3

gistfile1.css

gradient_background(start_color, stop_color)
  background linear-gradient(top, start_color, stop_color); /* Standard (W3C) */
  background -moz-linear-gradient(center top, start_color, stop_color); /* FF */
  background -webkit-gradient(linear, left top, left bottom, from(start_color), to(stop_color)); /* Chrome, Safari */
  background -o-linear-gradient(top, start_color, stop_color); /* Opera */

body
  background url(/images/darkdenim3.png) repeat
  font-family Arial
  font-size 12px
  
#yp-logo
  gradient_background(#F1C357, #EBAE21)
  width 200px
  height 200px
  line-height 150px
  margin 50px auto
  border-radius 20px
  border 5px solid #E6A627
  box-shadow 0 2px 10px rgba(0, 0, 0, .8), 0 64px 38px -23px rgba(251, 255, 147, .4) inset, 0 -21px 15px -6px rgba(173, 118, 0, 0.9) inset
  text-align center
  text-shadow 0 2px 0 #fff
  font-size 120px
  font-weight bold