Team:Shenzhen BGIC ATCG/css/navi.css

From 2013.igem.org

• { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100%; } body {font-size: 62.5%; }

/*! html5 -------- */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } summary::-webkit-details-marker { display: none }

body, textarea, input, select, option, button, summary { color: #55656f; font-family: Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 1.5; } li, dt, dd, p, th, td, caption, pre, address, summary { font-size: 1.3em; } /*---*/ li *, li p, li li, dt *, dd *, p *, th *, td *, summary * { font-size: 1em; } ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6, summary { margin-bottom: 15px; }

/*! lists --------- */

.list-c { position: relative; list-style: none; margin: 0; padding: 0 0 0 10px; }
 .list-c li { position: relative; width: 246px; float: left; }
  .list-c li a { position: relative; display: block; height: 119px; padding: 17px 12px 0 107px; background: url(sprites-set-1.png) no-repeat; text-decoration: none !important; }

/*! .list-c li a:hover { top: 30px; } */

  .js .list-c li a:hover { top: 0; }
   .list-c li a h2 { margin-bottom: 6px; color: #fff; font: normal 1.23em/1.2 MuseoSans700,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif !important; text-transform: uppercase; letter-spacing: -0.02em; }
   .list-c li a p { font-size: 1em; color: #a1aaaf; line-height: 1.23; }
   
  .list-c li.what-we-do a { background-position: 0 0; }
  .list-c li.what-we-do a:hover { background-position: 0 -136px; }
  .list-c li.team a { background-position: -246px 0; }
  .list-c li.team a:hover { background-position: -246px -136px; }
  .list-c li.faq a { background-position: -492px 0; }
  .list-c li.faq a:hover { background-position: -492px -136px; }
  .list-c li.contact a { background-position: -738px 0; }
  .list-c li.contact a:hover { background-position: -738px -136px; }