Team:KAIST Korea
From 2013.igem.org
(Difference between revisions)
Line 14: | Line 14: | ||
@import "/wiki/skins/common/shared.css?270"; | @import "/wiki/skins/common/shared.css?270"; | ||
@import "/wiki/skins/igem/main.css?270"; | @import "/wiki/skins/igem/main.css?270"; | ||
+ | |||
+ | .menu, | ||
+ | .menu ul, | ||
+ | .menu li, | ||
+ | .menu a { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | } | ||
+ | .menu { | ||
+ | height: 50px; | ||
+ | weight: 100%; | ||
+ | padding-left: 30%; | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | background: #4c4e5a; | ||
+ | background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%); | ||
+ | background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%); | ||
+ | background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%); | ||
+ | background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%); | ||
+ | background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%); | ||
+ | margin: 30px auto 0 auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu li { | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | margin: 0px auto 0 auto; | ||
+ | float: left; | ||
+ | display: block; | ||
+ | height: 50px; | ||
+ | } | ||
+ | |||
+ | /* Links */ | ||
+ | |||
+ | .menu li a { | ||
+ | margin:0px auto; | ||
+ | display: block; | ||
+ | padding: 0 14px; | ||
+ | margin: 6px 0; | ||
+ | line-height: 40px; | ||
+ | text-decoration: none; | ||
+ | |||
+ | border-left: 1px solid #393942; | ||
+ | border-right: 1px solid #4f5058; | ||
+ | |||
+ | font-family: Helvetica, Arial, sans-serif; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | |||
+ | color: #f3f3f3; | ||
+ | text-shadow: 1px 1px 1px rgba(0,0,0,.6); | ||
+ | |||
+ | -webkit-transition: color .2s ease-in-out; | ||
+ | -moz-transition: color .2s ease-in-out; | ||
+ | -o-transition: color .2s ease-in-out; | ||
+ | -ms-transition: color .2s ease-in-out; | ||
+ | transition: color .2s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .menu li:first-child a { border-left: none; } | ||
+ | .menu li:last-child a{ border-right: none; } | ||
+ | |||
+ | .menu li:hover > a { color: #F29661; } | ||
+ | |||
+ | /* Sub Menu */ | ||
+ | |||
+ | .menu ul { | ||
+ | position: absolute; | ||
+ | top: 50px; | ||
+ | |||
+ | left: 0px; | ||
+ | |||
+ | padding-right: 10px; | ||
+ | |||
+ | opacity: 0; | ||
+ | |||
+ | background: #1f2024; | ||
+ | |||
+ | -webkit-border-radius: 0 0 5px 5px; | ||
+ | -moz-border-radius: 0 0 5px 5px; | ||
+ | border-radius: 0 0 5px 5px; | ||
+ | |||
+ | -webkit-transition: opacity .25s ease .1s; | ||
+ | -moz-transition: opacity .25s ease .1s; | ||
+ | -o-transition: opacity .25s ease .1s; | ||
+ | -ms-transition: opacity .25s ease .1s; | ||
+ | transition: opacity .25s ease .1s; | ||
+ | } | ||
+ | |||
+ | .menu li:hover > ul { opacity: 1; } | ||
+ | |||
+ | .menu ul li { | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | padding: 0px; | ||
+ | |||
+ | -webkit-transition: height .25s ease .1s; | ||
+ | -moz-transition: height .25s ease .1s; | ||
+ | -o-transition: height .25s ease .1s; | ||
+ | -ms-transition: height .25s ease .1s; | ||
+ | transition: height .25s ease .1s; | ||
+ | } | ||
+ | |||
+ | .menu li:hover > ul li { | ||
+ | height: 40px; | ||
+ | overflow: visible; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .menu ul li a { | ||
+ | width: 100px; | ||
+ | padding: 4px 0 4px 40px; | ||
+ | margin: 0; | ||
+ | |||
+ | border: none; | ||
+ | border-bottom: 1px solid #353539; | ||
+ | } | ||
+ | |||
+ | .menu ul li:last-child a { border: none; } | ||
+ | |||
+ | /* Icons */ | ||
+ | |||
+ | .menu a.documents { background: url(docs.png) no-repeat 6px center; } | ||
+ | .menu a.messages { background: url(bubble.png) no-repeat 6px center; } | ||
+ | .menu a.signout { background: url(arrow.png) no-repeat 6px center; } | ||
+ | |||
+ | |||
+ | ul.menu { margin: 0px auto 0 auto; } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
/*]]>*/</style> | /*]]>*/</style> | ||
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" /> | <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" /> |
Revision as of 12:38, 16 August 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Team:KAIST Korea/Project Background
From 2012.igem.org
2012 KAIST Korea
Mail : kaist.igem.2012@gmail.com
Twitter : twitter.com/KAIST_iGEM_2012
Facebook : www.facebook.com/KAISTiGEM2012
Project : Overview