Team:Korea U Seoul

From 2013.igem.org

(Difference between revisions)
(Replaced content with "<div>{{:Team:Korea_U_Seoul/template/banner}}</div> <div style="width:100%;> {{:Team:Korea_U_Seoul/template/contents}} </div> <div>{{:Team:Korea_U_Seoul/sponsors}}</div>")
Line 1: Line 1:
-
<html>
+
<div>{{:Team:Korea_U_Seoul/template/banner}}</div>
-
<head>
+
<div style="width:100%;>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
{{:Team:Korea_U_Seoul/template/contents}}
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
+
-
 
+
-
 
+
-
<style>
+
-
.content_wrapper{
+
-
                top: -10px;
+
-
                width: 80%; min-width:1000px; max-width:1000px; margin:0 auto;overflow: auto; background-color:#FFFFFF; padding: 0 20px; min-height: 1000px;
+
-
                background-image: url('https://static.igem.org/mediawiki/2013/6/6e/Natural_paper.png');
+
-
            }
+
-
            .title{
+
-
                width: 100%;
+
-
                margin-top : 40px;
+
-
                margin-bottom: 20px;
+
-
            }
+
-
                .title > .title_ {color: #8b0027; font-weight: bold; font-size: 15pt; margin-top: 10px;}
+
-
                .title > .left_line{float: left; width: 30%; background-color: #8B0029; height: 5px;}
+
-
                .title > .right_line{float: left; width: 70%; background-color: #eb89a5; height: 2px;}
+
-
               
+
-
            .content_{
+
-
                margin-top: 20px;
+
-
                font-size: 10pt;padding-bottom:40px;
+
-
line-height: 130%;
+
-
            }
+
-
            .content_ .float_img{
+
-
                float: right;
+
-
                width: 150px;
+
-
                margin: 10px;
+
-
            }
+
-
            .image_line {margin-top: 20px; text-align: center;}
+
-
            .image_line img{
+
-
                height: 150px;
+
-
                margin-right: 3%;
+
-
            }
+
-
            p:first-child:first-letter{font-weight: bold; font-size: 150%;}
+
-
</style>
+
-
 
+
-
 
+
-
 
+
-
<style>
+
-
/*
+
-
** MediaWiki 'monobook' style sheet for CSS2-capable browsers.
+
-
** Copyright Gabriel Wicke - http://wikidev.net/
+
-
** License: GPL (http://www.gnu.org/copyleft/gpl.html)
+
-
**
+
-
** Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
+
-
** and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
+
-
** Michael Zeltner and Geir Bækholt)
+
-
** All you guys rock :)
+
-
*/
+
-
 
+
-
 
+
-
/* Font size:
+
-
** We take advantage of keyword scaling- browsers won't go below 9px
+
-
** More at http://www.w3.org/2003/07/30-font-size
+
-
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
+
-
*/
+
-
 
+
-
body {
+
-
    font: x-small sans-serif;
+
-
    color: black;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
}
+
-
 
+
-
/* scale back up to a sane default */
+
-
#globalWrapper {
+
-
    position: relative;
+
-
    font-size: 127%;
+
-
    width: 100%;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    padding-bottom: 10px;
+
-
}
+
-
#catlinks {
+
-
    display: none;
+
-
}
+
-
.visualClear {
+
-
    clear: both;
+
-
}
+
-
 
+
-
/* The top section contains the banner, the search box, and the left and right menus */
+
-
 
+
-
#top-section {
+
-
    background-color: #8b0029;
+
-
    height:18px  ! important;  /* 메인 배너 이미지 높이 */
+
-
    margin: 0px;
+
-
    margin-left: auto; 
+
-
    margin-right: auto;
+
-
    margin-bottom: 0 !important;
+
-
    padding:0;
+
-
    border: none;
+
-
    position: relative;
+
-
    width: 100%;
+
-
}
+
-
 
+
-
#p-logo {
+
-
    position: absolute;
+
-
    z-index: 1;
+
-
    height: 107px;
+
-
    width: 975px;
+
-
    display: none;
+
-
}
+
-
.firstHeading {display:none; }
+
-
#search-controls {
+
-
position: absolute;
+
-
top:  20px;
+
-
right: 15px;
+
-
width: 150px;
+
-
height: 40px;
+
-
background-color: transparent;
+
-
    text-align: center;
+
-
    z-index: 3;
+
-
        display: none;
+
-
}
+
-
 
+
-
menubar.ul {    color: #ffffff;
+
-
    list-style: none;
+
-
}
+
-
 
+
-
.left-menu:hover {
+
-
    color: #ffffff;
+
-
background-color: #8b0029;  /* 수정 */
+
-
   
+
-
}     
+
-
 
+
-
 
+
-
.left-menu a {
+
-
    color: #ffffff;
+
-
    background-color: #8b0029;
+
-
}
+
-
 
+
-
.left-menu .selected {
+
-
#    color: #ffffff;
+
-
}
+
-
#.left-menu .selected:hover {
+
-
#    color: #ffffff;
+
-
#}
+
-
 
+
-
.left-menu:hover a {
+
-
    color: #ffffff;
+
-
}
+
-
.right-menu li {
+
-
#    background-color: #8b0029;
+
-
}
+
-
.right-menu li a {
+
-
    padding: 0px 15px 0px 0px;
+
-
    color: #ffffff;
+
-
    background-color: #8b0029;
+
-
}
+
-
.right-menu li a:hover {
+
-
    color: #ffffff;
+
-
    text-decoration: underline;
+
-
}   
+
-
 
+
-
#header {
+
-
    width: 100%;
+
-
height:90px;
+
-
position:relative;
+
-
    z-index:999;   
+
-
background:#d8d3cd;
+
-
}
+
-
#nav {
+
-
    margin: 0 auto;
+
-
background:#d8d3cd;
+
-
width: 1100px
+
-
}
+
-
#nav ul, #nav li {
+
-
margin:0;
+
-
padding:0;
+
-
text-align: center;
+
-
}
+
-
#nav ul{
+
-
}
+
-
#nav > ul > li > a > img{
+
-
    height: 40px;
+
-
    margin-bottom: 10px;
+
-
    margin-top: 10px;
+
-
}
+
-
#nav li {
+
-
position:relative;
+
-
list-style:none;
+
-
float:left;
+
-
margin:0px; /* 0이엇음 */
+
-
padding:0px 0px 0px 0px;
+
-
width: 180px;
+
-
}
+
-
#nav li:hover{
+
-
    background-color: #8B0029
+
-
}
+
-
 
+
-
#nav a {
+
-
display:block;
+
-
font-weight:bold;
+
-
text-decoration:none;
+
-
    margin:0px;
+
-
    padding:5px 15px 5px 15px; /* 어디까지 hover 효과 먹히는지 */
+
-
}
+
-
#nav li ul {
+
-
position:absolute;
+
-
    top:92px;  /* 서브가 아래로 열리게하는 */
+
-
display:none;
+
-
text-align: center;
+
-
background-color: #8B0029
+
-
}
+
-
#nav li.on ul {
+
-
display:block;
+
-
}
+
-
/* color */
+
-
#header {background:#8b0029;}
+
-
#nav a {background:#8b0029; color:#ffffff;}
+
-
#nav .on a,
+
-
#nav li li a {background:#d8d3cd; color:#8b0029;}
+
-
#nav > ul > li > ul > li :hover{
+
-
    background-color: #8B0029;
+
-
    color: #FFFFFF;
+
-
    font-weight: bold;
+
-
}
+
-
/* contents */
+
-
#content {
+
-
    position: relative;
+
-
    width:  100%;
+
-
    margin: 0 auto;
+
-
    padding: 5px 0px 5px 0px;
+
-
    color: black;
+
-
    border-left: none;
+
-
    border-right: none;
+
-
    line-height: 1.5em;
+
-
    z-index: 2;
+
-
}
+
-
 
+
-
</style>
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
-
</head>
+
-
 
+
-
<body>
+
-
<div id="header">
+
-
  <div id="nav">
+
-
    <ul>
+
-
      <li><a href="https://2013.igem.org/Team:Korea_U_Seoul"><img src="https://static.igem.org/mediawiki/2013/3/31/Koreauseoul_logo.png"><br />Home</a></li>
+
-
      <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University"><img src="https://static.igem.org/mediawiki/2013/1/13/Introduction.png"><br />Team</a>
+
-
        <ul>
+
-
          <!--<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Korea University</a>
+
-
          </li>-->
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">Our members</a>
+
-
          </li>
+
-
          <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Korea_U_Seoul">Official Team Profile</a>
+
-
          </li>
+
-
        </ul>
+
-
      </li>
+
-
      <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Description"><img src="https://static.igem.org/mediawiki/2013/0/00/Review.png"><br />Project</a>
+
-
        <ul>
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Description">Description</a></li>
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Design">Design & Parts</a></li>
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Protocols">Protocol</a></li>
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Result">Result</a></li>
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Project/Application">Application & Improvement</a></li>         
+
-
        </ul>
+
-
      </li>
+
-
      <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Notebook"><img src="https://static.igem.org/mediawiki/2013/7/7d/Howto.png"><br />Notebook</a>
+
-
      </li>
+
-
      <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation"><img src="https://static.igem.org/mediawiki/2013/d/de/Mypage.png"><br />Human Practice</a>
+
-
        <ul>
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Ownership_Innovation">Ownership & Innovation</a>
+
-
          </li>
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Outreach">Outreach</a>
+
-
          </li>
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Collaboration">Collaboration</a>
+
-
          </li>
+
-
          <li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Human_Practice/Safety">Safety Questions</a>
+
-
          </li>
+
-
        </ul>
+
-
      </li>
+
-
      <li>
+
-
        <a href="https://igem.org/"><img src="https://static.igem.org/mediawiki/2013/c/ce/Logos.png"><br />iGEM</a>
+
-
      </li>
+
-
    </ul>
+
-
  </div>
+
</div>
</div>
-
<script>
+
<div>{{:Team:Korea_U_Seoul/sponsors}}</div>
-
$('#nav li').bind('mouseenter keyup mouseleave', function() {
+
-
$(this) .addClass('on').siblings().removeClass();
+
-
console.log("a");
+
-
});
+
-
</script>
+
-
</body>
+
-
</html>
+

Revision as of 23:04, 27 September 2013

Idea

The global warming is the serious problem todays. Its the phenomenon which methane, CO2 and other green-house gases, caused from industrialization, increase the average temperature. 
we should realize the seriousness of the situation and strive to decrease CO2. CCU (Carbon Capture and Utilization) is one of these efforts. 
Our members decided to convert CO2 to pearl.  And we are making pearl-coli from this aspect using pearl oyster, pinctada fucata.