User:Melodynguyen

From 2014hs.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <sty...")
(Replaced content with "<div>{{:Team:Korea_U_Seoul/template/banner}}</div> <div style="width:100%;> {{:Team:Korea_U_Seoul/template/contents}} </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/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>
 
-
$('#nav li').bind('mouseenter keyup mouseleave', function() {
 
-
$(this) .addClass('on').siblings().removeClass();
 
-
 
-
$(this).unbind('mouseenter keyup mouseleave', function(){
 
-
   
 
-
})
 
-
});
 
-
</script>
 
-
</body>
 
-
</html>
 

Revision as of 00:22, 24 April 2014

Team:Korea U Seoul/template/contents slider

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.