Twitter Bootstrap 2.2 gradient override

by Sherbrow

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<div class="navbar navbar-inverse navbar-fixed-top center">
  <div class="navbar-inner center">
    <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </a>

      <div class="nav-collapse collapse">
        <ul class="nav">
          <li><a href="#work"><h3 small>WORK</h3></a>
          </li>
          <li><a href="#about"><h3 small>ABOUT</h3></a>
          </li>
          <li><a href="#contactme"><h3 small>CONTACT</h3></a>
          </li>
        </ul>
      </div>
      <!--/.nav-collapse -->
    </div>
    <!-- .container -->
  </div>
  <!-- .navbar-inner -->
</div>
<!-- .navbar .navbar-inverse .navbar-fixed-top -->
<div id="padd-hack" class="visible-desktop"></div>

<button class="btn btn-primary">Button</button>

<div class="progress progress-striped active">
  <div class="bar" style="width: 40%;"></div>
</div>

CSS

a,
.btn,
.navbar-inner,
.btn-navbar,
.progress,
.progress .bar {
  background-image: none!important;
}

* {
  -webkit-box-shadow: none!important;
     -moz-box-shadow: none!important;
          box-shadow: none!important;
  
    text-shadow: none!important;
  
  -webkit-border-radius: 0!important;
     -moz-border-radius: 0!important;
          border-radius: 0!important;
}


#padd-hack {
  padding-top: 100px;
}