Playing with Tab Styles

dabblet.css

/**
 * Playing with Tab Styles
 */



/* Tab Styles for Search UNM */

#searchnav li a {
background: linear-gradient(top, #F40046 0%, #C10037 100%);
color: #EEE;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background: -moz-linear-gradient(top, #F40046, #C10037 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#F40046), color-stop(100%, #C10037));
background: -o-linear-gradient(top, #F40046 0%, #C10037 100%);
background: -ms-linear-gradient(top, #F40046 0%, #C10037 100%);
background: linear-gradient(top, #F40046 0%, #C10037 100%);
border: 1px solid #C10037;
}

#searchnav .current, #searchnav .current:hover {
color: #C10037;
background: -moz-linear-gradient(top, white, whiteSmoke 100%);
background: -webkit-gradient(linear, center top, center bottom, from(white), color-stop(100%, whiteSmoke));
background: -o-linear-gradient(top, white 0%, whiteSmoke 100%);
background: -ms-linear-gradient(top, white 0%, whiteSmoke 100%);
background: linear-gradient(top, white 0%, whiteSmoke 100%);
border: 1px solid #E4E4E4;
border-bottom: 1px solid whiteSmoke;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
}

#searchnav a:hover {
color: #C10037;
background: -moz-linear-gradient(top, #FEFEFE, #E4E4E4 100%);
background: -webkit-gradient(linear, center top, center bottom, from(#FEFEFE), color-stop(100%, #E4E4E4));
background: -o-linear-gradient(top, #FEFEFE 0%, #E4E4E4 100%);
background: -ms-linear-gradient(top, #FEFEFE 0%, #E4E4E4 100%);
background: linear-gradient(top, #FEFEFE 0%, #E4E4E4 100%);
border-bottom: 1px solid whiteSmoke;
border: 1px solid #E4E4E4;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
}

dabblet.html

<link href="http://webcore.unm.edu/v1/css/styles.php" media="screen" rel="stylesheet" type="text/css">
<link href="http://search.unm.edu/common/css/v68/search-styles.css?v=8" rel="stylesheet" type="text/css">
<link href="http://search.unm.edu/common/css/v68/search-styles-gsa.css?v=8" rel="stylesheet" type="text/css">
<div id="page">
      
      <div id="dept_header">
      <div id="dept_logo"><a href="http://search.unm.edu"><img alt="Search UNM" src="http://search.unm.edu/common/images/unm_logo.gif"></a></div>
      
      <div id="search-tabbed-navigation"><ul id="searchnav"><li><a class="current" href="http://search.unm.edu">Websites</a></li><li><a href="http://directory.unm.edu">People</a></li><li><a href="http://iss.unm.edu/PCD/campus-map.html">Maps</a></li></ul></div>
      </div>
      
      <div class="fullwidth" id="container">
      <div id="content">
      <div class="content">
      <h1>Search UNM</h1>
      <div id="wrap" style="padding:20px;">
      Content goes here.
      </div><!-- End #wrap -->
      </div><!-- End .content -->
      </div><!-- End #content -->
      </div><!-- End #container -->
      
      
      <div id="footer">
      <div class="content">
      <p>© The University of New Mexico, Albuquerque, NM 87131, (505) 277-0111 <br> New Mexico's Flagship University</p>
      <ul id="unm_footer_links"><li><a href="http://www.unm.edu/accessibility.html">Accessibility</a></li><li><a href="http://www.unm.edu/legal.html">Legal</a></li><li><a href="http://www.unm.edu/contactunm.html">Contact UNM</a></li></ul>
      </div>
      </div>
      
      </div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}