Difference between revisions of "Template:Elan Vital Korea/Templates/Header"
(5 intermediate revisions by the same user not shown) | |||
Line 16: | Line 16: | ||
</script> | </script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | + | ||
function moveStep() | function moveStep() | ||
{ | { | ||
Line 60: | Line 60: | ||
} | } | ||
− | /* | + | /* Remove borders, float content left and remove padding/margin */ |
#globalWrapper, #content{ | #globalWrapper, #content{ | ||
background-color: transparent; | background-color: transparent; | ||
Line 71: | Line 71: | ||
} | } | ||
− | + | ||
.gnb { | .gnb { | ||
width:100%; | width:100%; | ||
Line 100: | Line 100: | ||
height:40px; | height:40px; | ||
} | } | ||
+ | .m-10 { | ||
+ | margin-top:-10px; | ||
+ | } | ||
+ | .m-40 { | ||
+ | margin-top:-40px; | ||
+ | } | ||
+ | .m0 { | ||
+ | margin-top:0; | ||
+ | } | ||
+ | .m10 { | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | .m20 { | ||
+ | margin-top:20px; | ||
+ | } | ||
+ | .m30 { | ||
+ | margin-top:30px; | ||
+ | } | ||
+ | .m40 { | ||
+ | margin-top:40px; | ||
+ | } | ||
+ | .m50 { | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | .m80 { | ||
+ | margin-top:80px; | ||
+ | } | ||
+ | .mb10 { | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | .ml5 { | ||
+ | margin-left:5px; | ||
+ | } | ||
+ | .ml10 { | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | .ml40 { | ||
+ | margin-left:50px; | ||
+ | } | ||
+ | .ml50 { | ||
+ | margin-left:50px; | ||
+ | } | ||
+ | .ml60 { | ||
+ | margin-left:60px; | ||
+ | } | ||
+ | .ml160 { | ||
+ | margin-left:160px; | ||
+ | } | ||
+ | .ml350 { | ||
+ | margin-left:350px; | ||
+ | } | ||
+ | .mr0 { | ||
+ | margin-right:0; | ||
+ | } | ||
+ | .p10 { | ||
+ | padding:10px; | ||
+ | } | ||
+ | .p15 { | ||
+ | padding:15px; | ||
+ | } | ||
+ | .pl5 { | ||
+ | padding-left:5px; | ||
+ | } | ||
+ | .pl20 { | ||
+ | padding-left:20px; | ||
+ | } | ||
+ | .pl30 { | ||
+ | padding-left:30px; | ||
+ | } | ||
+ | .pl40 { | ||
+ | padding-left:40px; | ||
+ | } | ||
+ | .pl50 { | ||
+ | padding-left:50px; | ||
+ | } | ||
+ | .pl960 { | ||
+ | padding-left:px; | ||
+ | } | ||
+ | .pt20 { | ||
+ | padding-top:20px; | ||
+ | } | ||
+ | .pt40 { | ||
+ | padding-top:40px; | ||
+ | } | ||
+ | .pt80 { | ||
+ | padding-top:80px; | ||
+ | } | ||
+ | .pb40 { | ||
+ | padding-bottom:40px; | ||
+ | } | ||
+ | .align-c { | ||
+ | text-align:center | ||
+ | } | ||
+ | .align-r { | ||
+ | text-align:right; | ||
+ | } | ||
+ | .align-l { | ||
+ | text-align:left; | ||
+ | } | ||
+ | .mar-c { | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .txt-i { | ||
+ | font-style:italic; | ||
+ | } | ||
+ | .txt-g { | ||
+ | color:#999999; | ||
+ | } | ||
+ | .txt-g55 { | ||
+ | color:#555555; | ||
+ | } | ||
+ | .w10 { | ||
+ | width:10px; | ||
+ | } | ||
+ | .w88 { | ||
+ | width:88px; | ||
+ | } | ||
+ | .w200 { | ||
+ | width:200px; | ||
+ | } | ||
+ | .w256 { | ||
+ | width:256px; | ||
+ | } | ||
+ | .w200 { | ||
+ | width:200px | ||
+ | } | ||
+ | .w260 { | ||
+ | width:260px | ||
+ | } | ||
+ | .w300 { | ||
+ | width:300px | ||
+ | } | ||
+ | .w340 { | ||
+ | width:340px | ||
+ | } | ||
+ | .w640 { | ||
+ | width:640px; | ||
+ | } | ||
+ | .w600 { | ||
+ | width:600px; | ||
+ | } | ||
+ | .w700 { | ||
+ | width:700px; | ||
+ | } | ||
+ | .w900 { | ||
+ | width:900px; | ||
+ | } | ||
+ | .w980 { | ||
+ | width:980px; | ||
+ | } | ||
+ | .f-size12 { | ||
+ | font-size:12px; | ||
+ | } | ||
+ | .f-size13 { | ||
+ | font-size:13px; | ||
+ | } | ||
+ | .f-size15 { | ||
+ | font-size:15px; | ||
+ | } | ||
+ | .f-size30 { | ||
+ | font-size:30px; | ||
+ | } | ||
+ | .bgf5 { | ||
+ | background:#f5f5f5; | ||
+ | } | ||
+ | .back-y { | ||
+ | background:#fff2c2 | ||
+ | } | ||
+ | .back-g { | ||
+ | background:#f1f1f1; | ||
+ | } | ||
+ | .back-gb { | ||
+ | background:#dbe4e6; | ||
+ | } | ||
+ | .back-gy { | ||
+ | background:#ebe9dd; | ||
+ | } | ||
+ | .liststyle-c li { | ||
+ | list-style:disc; | ||
+ | } | ||
+ | .liststyle-num li { | ||
+ | list-style:decimal; | ||
+ | } | ||
+ | .pdfLink a { | ||
+ | color:#00778c; | ||
+ | } | ||
+ | .pdfLink a:hover { | ||
+ | color:#00c2e4; | ||
+ | } | ||
+ | .link a { | ||
+ | color:#fff; | ||
+ | background:#00778c; | ||
+ | text-decoration:none; | ||
+ | padding:0 3px; | ||
+ | } | ||
+ | .link a:hover { | ||
+ | background:#00c2e4; | ||
+ | color:#FF0; | ||
+ | } | ||
+ | .blueberry { margin: 0 auto; max-width: 960px; z-index:10;} | ||
+ | .blueberry .slides { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .blueberry .slides li { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .blueberry .slides li img { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | max-width: none; | ||
+ | } | ||
+ | .blueberry .slides li.active { display: block; position: relative; } | ||
+ | .blueberry .crop li img { width: auto; } | ||
+ | |||
+ | .blueberry .pager { | ||
+ | height: 40px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .blueberry .pager li { display: inline-block; } | ||
+ | .blueberry .pager li a, | ||
+ | .blueberry .pager li a span { | ||
+ | display: block; | ||
+ | height: 4px; | ||
+ | width: 4px; | ||
+ | } | ||
+ | .blueberry .pager li a { | ||
+ | padding: 18px 8px; | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | .blueberry .pager li a span { | ||
+ | overflow: hidden; | ||
+ | background: #c0c0c0; | ||
+ | text-indent: -9999px; | ||
+ | -webkit-border-radius: 2px; | ||
+ | -moz-border-radius: 2px; | ||
+ | border-radius: 2px; | ||
+ | } | ||
+ | .blueberry .pager li.active a span { background: #404040; } | ||
</style> | </style> | ||
</head> | </head> | ||
− | |||
<nav class="gnb"> | <nav class="gnb"> | ||
<div class="default"> | <div class="default"> | ||
<ul> | <ul> | ||
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea"><li>HOME</li></a> | |
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Team"><li>TEAM</li></a> | |
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Description"><li>PROJECT</li></a> | |
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Notebook"><li>WETLAB</li></a> | |
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Practices"><li>HUMAN PRACTICES</li></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a href=" | + | |
− | + | ||
− | + | ||
<li style="float:right; margin:-19px 0 0 15px;"><img src="https://static.igem.org/mediawiki/2015/3/33/NCigemlogo.jpg" /></li> | <li style="float:right; margin:-19px 0 0 15px;"><img src="https://static.igem.org/mediawiki/2015/3/33/NCigemlogo.jpg" /></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
</nav> | </nav> | ||
+ | </html> |
Latest revision as of 17:48, 16 September 2015