| (12 intermediate revisions not shown) | |||
| Line 26: | Line 26: | ||
clear:both; | clear:both; | ||
} | } | ||
| + | |||
body{ | body{ | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
| - | background:#383d43 | + | background:#383d43 repeat-y; |
color:#000; | color:#000; | ||
font:62.5% Myriad Pro,Arial,sans-serif; | font:62.5% Myriad Pro,Arial,sans-serif; | ||
} | } | ||
| - | |||
#header{ | #header{ | ||
width: 886px; | width: 886px; | ||
| Line 89: | Line 89: | ||
} | } | ||
| - | # | + | #metucontent{ |
| - | width: | + | width: 965px; |
| - | + | ||
} | } | ||
| + | #content{background: #2f3237; } | ||
| + | |||
#teamImage{ | #teamImage{ | ||
| Line 104: | Line 106: | ||
} | } | ||
| - | + | .left_column{ | |
clear:both; | clear:both; | ||
width: 475px; | width: 475px; | ||
float: left; | float: left; | ||
} | } | ||
| - | + | .right_column{ | |
width: 475px; | width: 475px; | ||
float: right; | float: right; | ||
| Line 118: | Line 120: | ||
width: 440px; | width: 440px; | ||
float: left; | float: left; | ||
| - | padding: 0px | + | padding: 0px 28px 0px 5px; |
margin: 0px 0px 20px 0px; | margin: 0px 0px 20px 0px; | ||
} | } | ||
| Line 156: | Line 158: | ||
border-bottom: 1px solid #26292e; | border-bottom: 1px solid #26292e; | ||
} | } | ||
| - | .heading{ | + | .heading{ |
clear:both; | clear:both; | ||
| - | + | ||
| - | + | height: 20px; | |
| - | + | float: left; | |
| - | + | padding: 6px 14px 6px 14px; | |
| - | + | margin: 0px 0px 12px 0px; | |
| - | + | background: url(https://static.igem.org/mediawiki/igem.org/7/77/Navigation_btn_bg.gif) repeat-x; | |
} | } | ||
| + | |||
.heading h3{ | .heading h3{ | ||
| Line 229: | Line 232: | ||
#tab_nav { | #tab_nav { | ||
| - | height: | + | height: 40px; |
float: left; | float: left; | ||
background: url(https://static.igem.org/mediawiki/igem.org/5/50/Navigation_bg.jpg) repeat-x; | background: url(https://static.igem.org/mediawiki/igem.org/5/50/Navigation_bg.jpg) repeat-x; | ||
| Line 239: | Line 242: | ||
ul#topnav { | ul#topnav { | ||
float: left; | float: left; | ||
| - | width: | + | width: 964px; |
list-style: none; | list-style: none; | ||
position: relative; | position: relative; | ||
| - | margin-top: | + | margin-top:0px; |
} | } | ||
ul#topnav li { | ul#topnav li { | ||
| Line 252: | Line 255: | ||
color: #fff; | color: #fff; | ||
text-decoration: none; | text-decoration: none; | ||
| - | font-size: | + | font-size:14px; |
} | } | ||
ul#topnav li a:hover { | ul#topnav li a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
background: #016acb; | background: #016acb; | ||
| + | height: 15px; | ||
| + | |||
} | } | ||
} | } | ||
| Line 269: | Line 274: | ||
top:35px; | top:35px; | ||
display: none; | display: none; | ||
| - | width: | + | width:964px; |
color: #fff; | color: #fff; | ||
-moz-border-radius-bottomright: 5px; | -moz-border-radius-bottomright: 5px; | ||
| Line 278: | Line 283: | ||
-webkit-border-bottom-left-radius: 5px; | -webkit-border-bottom-left-radius: 5px; | ||
background-color: #028AD3; | background-color: #028AD3; | ||
| - | padding-top: | + | padding-top: 8px; |
padding-right: 0; | padding-right: 0; | ||
| - | padding-bottom: | + | padding-bottom: 8px; |
padding-left: 0; | padding-left: 0; | ||
} | } | ||
| Line 309: | Line 314: | ||
} | } | ||
| - | # | + | |
| - | display:none; | + | #p-logo { |
| - | } | + | height:1px; |
| + | overflow:hidden; | ||
| + | display: none; | ||
| + | } | ||
| + | #top-section { | ||
| + | height: 10px; | ||
| + | margin-top: -4px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | margin-bottom: 0; | ||
| + | margin-bottom: 0px; | ||
| + | padding: 0px 0px 0px 0px; | ||
| + | border: none; | ||
| + | position: relative; | ||
| + | top:-65px; | ||
| + | } | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
| - | + | ||
| - | + | <div id="wrapper"> | |
| - | + | <p> </p> | |
<div id="banner"> | <div id="banner"> | ||
| - | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/2010/1/15/METU-Banner.png" alt="" width="963" /> |
| + | |||
</div> <!--banner ends--> | </div> <!--banner ends--> | ||
<div id="tab_nav"> | <div id="tab_nav"> | ||
<ul id="topnav"> | <ul id="topnav"> | ||
| - | <li | + | <li><a href="https://2010.igem.org/Team:METU_Turkey_Software">HOME</a></li> |
| - | <li><a href="https://2010.igem.org/Team:METU_Turkey_Software/Team">TEAM</a></li> | + | <li class="active"><a href="https://2010.igem.org/Team:METU_Turkey_Software/Team">TEAM</a></li> |
<li><a href="https://2010.igem.org/Team:METU_Turkey_Software/Project">PROJECT</a> | <li><a href="https://2010.igem.org/Team:METU_Turkey_Software/Project">PROJECT</a> | ||
<span> | <span> | ||
| Line 358: | Line 379: | ||
</ul><!--topnav ends--> | </ul><!--topnav ends--> | ||
</div><!--tab_nav ends--> | </div><!--tab_nav ends--> | ||
| - | <div id=" | + | <div id="metucontent"> |
<!--<div id="teamImage"> | <!--<div id="teamImage"> | ||
</div>teamImage ends--> | </div>teamImage ends--> | ||
| - | + | <div class="heading"> | |
| - | + | <h3>Students</h3> | |
| - | + | </div> <!--heading ends--> | |
| - | <div | + | <div class="left_column"> |
| + | |||
<div class="text"> | <div class="text"> | ||
<h3>Muhammed Akif AĞCA</h3> | <h3>Muhammed Akif AĞCA</h3> | ||
| Line 386: | Line 408: | ||
</div><!--text ends--> | </div><!--text ends--> | ||
</div><!--left_column ends--> | </div><!--left_column ends--> | ||
| - | <div | + | <div class="right_column"> |
<div class="text alternative"> | <div class="text alternative"> | ||
<h3>Cihan TAŞTAN</h3> | <h3>Cihan TAŞTAN</h3> | ||
| Line 404: | Line 426: | ||
</div><!--text ends--> | </div><!--text ends--> | ||
</div><!--right_column ends--> | </div><!--right_column ends--> | ||
| + | |||
| + | <div class="heading"> | ||
| + | <h3>Advisors</h3> | ||
| + | </div> <!--heading ends--> | ||
| + | |||
| + | |||
| + | <div class="left_column"> | ||
| + | |||
| + | <div class="text"> | ||
| + | <h3>Dr. Tolga CAN</h3> | ||
| + | <p><img src="https://static.igem.org/mediawiki/2010/c/c5/Man.jpg" alt=""/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo. </p> | ||
| + | </div><!--text ends--> | ||
| + | <div class="text alternative"> | ||
| + | <h3>Ömer Nebil YAVEROĞLU</h3> | ||
| + | <p><img src="https://static.igem.org/mediawiki/2010/c/c5/Man.jpg" alt=""/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo. </p> | ||
| + | </div><!--text ends--> | ||
| + | </div><!--left_column ends--> | ||
| + | <div class="right_column"> | ||
| + | <div class="text alternative"> | ||
| + | <h3>Dr. Yesim AYDIN SON</h3> | ||
| + | <p><img src="https://static.igem.org/mediawiki/2010/c/c5/Man.jpg" alt=""/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo. </p> | ||
| + | </div><!--text ends--> | ||
| + | </div><!--right_column ends--> | ||
</div> <!--content ends--> | </div> <!--content ends--> | ||
| - | + | </div> <!--wrapper ends--> | |
| + | |||
</body> | </body> | ||
</html> | </html> | ||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eget sem sed risus elementum tempor. Sed non dolor. Phasellus pharetra suscipit arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras dictum purus vitae risus. Aenean cursus faucibus tortor. Praesent sem leo, lobortis nec, adipiscing quis, convallis eget, leo. Morbi enim libero, sollicitudin at, malesuada nec, dapibus a, justo.
"
