#less_demo_gradient {
  *zoom: 1;
  background-color: black;
  background-image: -moz-linear-gradient(top,blue 0%,black 100%);
  background-image: -ms-linear-gradient(top,blue 0%,black 100%);
  background-image: -o-linear-gradient(top,blue 0%,black 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,blue),color-stop(1,black));
  background-image: -webkit-linear-gradient(top,blue 0%,black 100%);
  background-image: linear-gradient(top,blue 0%,black 100%);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80px;
  text-shadow: 0 0 0 transparent, 0 0 10px green;
  text-align: center;
}
#less_demo_gradient:before,
#less_demo_gradient:after {
  display: table;
  content: "";
  line-height: 0;
}
#less_demo_gradient:after {
  clear: both;
}
#less_demo_gradient a {
  color: red;
}
#less_demo_gradient .less_demo_logo {
  background: transparent url(/sites/all/modules/less/less_demo/images/logo.png) center center no-repeat;
  height: 200px;
}
@media only screen and (max-width: 960px) {
  #less_demo_gradient .less_demo_logo {
    float: left;
    width: 199px;
  }
}
@media only screen and (max-width: 960px) {
  #less_demo_gradient p {
    float: left;
  }
}
#less_demo_gradient .less_demo_logo:after {
  display: block;
  content: token("Site name from token in .less file: [site:name]");
  font-size: 20px;
}