Team:USTC-Software/home
From 2012.igem.org
(Difference between revisions)
(13 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<title>USTC-Home</title> | <title>USTC-Home</title> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <script type="text/javascript" src='https://2012.igem.org/Team:USTC-Software/photos-showing-javascript1?action=raw&ctype=text/javascript'></script> | ||
+ | <script type="text/javascript" src='https://2012.igem.org/Team:USTC-Software/photos-showing-javascript2?action=raw&ctype=text/javascript'></script> | ||
Line 60: | Line 54: | ||
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; | ||
- | right: | + | right: 3px; |
- | width: | + | width: 128px; |
- | height: | + | height: 42px; |
background-color: transparent; | background-color: transparent; | ||
text-align:center; | text-align:center; | ||
- | z-index: | + | z-index: 8; |
- | + | /*background:green;border:1px solid red;*/ | |
} | } | ||
input.search_button { | input.search_button { | ||
Line 80: | Line 74: | ||
input.search_button:hover { | input.search_button:hover { | ||
color: #A3511E; | color: #A3511E; | ||
- | + | color: #0f0; | |
+ | cursor:pointer; | ||
} | } | ||
#searchInput { | #searchInput { | ||
- | width: | + | width: 10em; |
margin: 1px; | margin: 1px; | ||
- | font-size: | + | font-size: 91%; |
color:#0f0; | color:#0f0; | ||
} | } | ||
input[type="text"] { | input[type="text"] { | ||
- | width: | + | width: 162px; |
height:17px; | height:17px; | ||
padding: 1px 0px 2px 5px; | padding: 1px 0px 2px 5px; | ||
Line 100: | Line 95: | ||
} /*the end of search box css*/ | } /*the end of search box css*/ | ||
</style> | </style> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<style> | <style> | ||
Line 274: | Line 268: | ||
#home .home_project_container { | #home .home_project_container { | ||
width: 190px; | width: 190px; | ||
- | height: | + | height: 340px; |
padding: 20px 20px 20px 20px; | padding: 20px 20px 20px 20px; | ||
margin-right: 20px; | margin-right: 20px; | ||
margin-top:1px; | margin-top:1px; | ||
+ | margin-bottom:10px; | ||
float: left; | float: left; | ||
background-color: #333; | background-color: #333; | ||
Line 283: | Line 278: | ||
#home .home_project_container_last{ | #home .home_project_container_last{ | ||
width: 190px; | width: 190px; | ||
- | height: | + | height: 340px; |
padding: 20px 20px 20px 20px; | padding: 20px 20px 20px 20px; | ||
margin-top:1px; | margin-top:1px; | ||
+ | margin-bottom:10px; | ||
float: right; | float: right; | ||
background-color: #333; | background-color: #333; | ||
Line 334: | Line 330: | ||
background:#333; | background:#333; | ||
-webkit-border-radius:10px; | -webkit-border-radius:10px; | ||
- | + | -moz-border-radius:10px; | |
- | + | border-radius:10px; | |
- | + | padding:5px 0px 3px 0px; | |
} | } | ||
#font_content{ | #font_content{ | ||
- | font-size: | + | font-size:15px; |
- | color:# | + | color:#737373; |
font-family: Helvetica, Arial, sans-serif; | font-family: Helvetica, Arial, sans-serif; | ||
text-align:center; | text-align:center; | ||
Line 347: | Line 343: | ||
- | |||
- | |||
+ | .wrap_sponsor_center{ | ||
+ | width:140px; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | margin-top:9px; | ||
+ | margin-bottom:10px; | ||
+ | background:#333; | ||
+ | -webkit-border-radius:10px; | ||
+ | -moz-border-radius:10px; | ||
+ | border-radius:10px; | ||
+ | padding:3px 0px 2px 0px; | ||
+ | } | ||
+ | /*----the begin of sponsors css-footer----*/ | ||
+ | #wrap-Of-Sponsor{ | ||
+ | position: relative; | ||
+ | width:980px; | ||
+ | height:194px; | ||
+ | margin:15px auto; | ||
+ | border:1px solid #000; | ||
+ | background:#333; | ||
+ | } | ||
+ | #wrap_dbank{ | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | height:190px; | ||
+ | /*border:1px solid green;*/ | ||
+ | margin-right:90px; | ||
+ | } | ||
+ | #dbank{ | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | border:1px solid green; | ||
+ | |||
+ | margin-bottom:15px; | ||
+ | } | ||
+ | |||
+ | #ifif{ | ||
+ | position:absolute; | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | height:52px; | ||
+ | border:1px solid green; | ||
+ | margin-bottom:15px; | ||
+ | } | ||
+ | #wrap_info{ | ||
+ | position:absolute; | ||
+ | float:left; | ||
+ | width:300px; | ||
+ | height:52px; | ||
+ | border:1px solid green; | ||
+ | top:15px; | ||
+ | } | ||
+ | |||
- | + | #wrap_ustcif{ | |
- | + | position:relative; | |
- | + | float:left; | |
+ | width:200px; | ||
+ | border:1px solid green; | ||
+ | margin-right:40px; | ||
+ | } | ||
+ | #wrap_bio{ | ||
+ | position:relative; | ||
+ | float:right; | ||
+ | width:300px; | ||
+ | border:1px solid green; | ||
+ | margin-bottom:14px; | ||
+ | } | ||
+ | #wrap_young{ | ||
+ | position:relative; | ||
+ | float:right; | ||
+ | width:300px; | ||
+ | border:1px solid green; | ||
+ | margin-bottom:14px; | ||
+ | } | ||
+ | |||
+ | #wrap_phy{ | ||
+ | position:relative; | ||
+ | float:right; | ||
+ | width:300px; | ||
+ | border:1px solid green; | ||
+ | } /*----the end of sponsors css-----*/ | ||
+ | |||
+ | #sponsors a{color:#6a6a6a; | ||
+ | text-decoration:none; | ||
+ | -webkit-transition: color 0.25s linear 0s, text-shadow 0.25s linear 0s, background-color 0.25s linear 0s; | ||
+ | -moz-transition: color 0.25s linear 0s, text-shadow 0.25s linear 0s, background-color 0.25s linear 0s; | ||
+ | -o-webkit-transition: color 0.25s linear 0s, text-shadow 0.25s linear 0s, background-color 0.25s linear 0s; | ||
+ | transition: color 0.25s linear 0s, text-shadow 0.25s linear 0s, background-color 0.25s linear 0s; | ||
+ | } | ||
+ | #sponsors{ | ||
+ | position:relative; | ||
+ | width:980px; | ||
+ | height:80px; | ||
+ | font-size:24px; | ||
+ | margin:15px auto; | ||
+ | font-family:"Times New Roman", Times, serif; | ||
+ | /*border:1px solid green;*/ | ||
+ | background:#323232; | ||
+ | color:#6a6a6a; | ||
+ | text-align:center ; | ||
+ | } | ||
+ | |||
+ | #spon-center1{ | ||
+ | |||
+ | width:800px; | ||
+ | height:25px; | ||
+ | /*border:1px red solid;*/ | ||
+ | margin:10px auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | #spon-center2{ | ||
+ | |||
+ | width:790px; | ||
+ | height:25px; | ||
+ | |||
+ | margin:10px auto; | ||
+ | } | ||
+ | |||
+ | #wrap-spon1{ | ||
+ | float:left; | ||
+ | font-size:25px; | ||
+ | height:auto; | ||
+ | margin:12px 30px 5px 0px; | ||
+ | /*border:1px solid green;*/ | ||
+ | background:#323232; | ||
+ | color:#656565; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #wrap-spon2{ | ||
+ | float:left; | ||
+ | font-size:25px; | ||
+ | height:auto; | ||
+ | margin:12px 30px 5px 0; | ||
+ | /*border:1px solid green;*/ | ||
+ | background:#323232; | ||
+ | color:#656565; | ||
+ | } | ||
+ | |||
+ | #wrap-spon3{ | ||
+ | float:left; | ||
+ | width:auto; | ||
+ | font-size:25px; | ||
+ | height:auto; | ||
+ | /*border:1px solid green;*/ | ||
+ | background:#323232; | ||
+ | color:#656565; | ||
+ | margin:12px 30px 5px 0; | ||
+ | } | ||
+ | #wrap-spon4{ | ||
+ | float:left; | ||
+ | font-size:2<h5>8</h5>px; | ||
+ | height:auto; | ||
+ | /*border:1px solid green;*/ | ||
+ | background:#323232; | ||
+ | color:#656565; | ||
+ | margin:12px 0px 5px 0px; | ||
+ | } | ||
+ | #wrap-spon5{ | ||
+ | float:left; | ||
+ | |||
+ | font-size:25px; | ||
+ | height:auto; | ||
+ | /*border:1px solid green;*/ | ||
+ | background:#323232; | ||
+ | color:#656565; | ||
+ | margin:8px 30px 5px 0px; | ||
+ | } | ||
+ | #wrap-spon6{ | ||
+ | float:left; | ||
+ | |||
+ | font-size:25px; | ||
+ | height:auto; | ||
+ | /*border:1px solid green;*/ | ||
+ | background:#323232; | ||
+ | color:#656565; | ||
+ | margin:8px 0px 5px 0; | ||
+ | } | ||
+ | #wrap-spon1 a:hover,#wrap-spon2 a:hover,#wrap-spon3 a:hover,#wrap-spon4 a:hover, | ||
+ | #wrap-spon5 a:hover,#wrap-spon6 a:hover{ | ||
+ | color:#939393; | ||
+ | } | ||
+ | |||
+ | /*----the end of sponsors css--the second one---*/ | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <!----the end of body main style css----> | ||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | |||
<div id="wrap_home_page"> | <div id="wrap_home_page"> | ||
Line 412: | Line 604: | ||
<div class="home_project_container"> | <div class="home_project_container"> | ||
<a href="#"><img src="https://static.igem.org/mediawiki/2012/f/fc/Ustc200115.png" width="195" height="113" alt="USTC" /></a> | <a href="#"><img src="https://static.igem.org/mediawiki/2012/f/fc/Ustc200115.png" width="195" height="113" alt="USTC" /></a> | ||
- | <h2 | + | <h2>Name of Team Number</h2> |
<p class="description">Kane Constructions was appointed in 2010 to deliver this new facility for the Department of Defence at HMAS Creswell in Jervis Bay, New South Wales. The new building is located…</p> | <p class="description">Kane Constructions was appointed in 2010 to deliver this new facility for the Department of Defence at HMAS Creswell in Jervis Bay, New South Wales. The new building is located…</p> | ||
<p><a href="#"><span class="circle_shadow">Read More</span></a></p> | <p><a href="#"><span class="circle_shadow">Read More</span></a></p> | ||
Line 426: | Line 618: | ||
<div class="home_project_container"> | <div class="home_project_container"> | ||
<a href="#"><img src="https://static.igem.org/mediawiki/2012/0/0d/W020110714513921540263.jpg" width="195" height="113" alt="USTC" /></a> | <a href="#"><img src="https://static.igem.org/mediawiki/2012/0/0d/W020110714513921540263.jpg" width="195" height="113" alt="USTC" /></a> | ||
- | <h2 | + | <h2>Name of Team Number</h2> |
<p class="description">Kane Constructions was appointed in 2010 to deliver this new facility for the Department of Defence at HMAS Creswell in Jervis Bay, New South Wales. The new building is located…</p> | <p class="description">Kane Constructions was appointed in 2010 to deliver this new facility for the Department of Defence at HMAS Creswell in Jervis Bay, New South Wales. The new building is located…</p> | ||
<p><a href="#"><span class="circle_shadow">View Project</span></a></p> | <p><a href="#"><span class="circle_shadow">View Project</span></a></p> | ||
Line 434: | Line 626: | ||
<div class="home_project_container_last"> | <div class="home_project_container_last"> | ||
<a href="#"><img src="https://static.igem.org/mediawiki/2012/7/71/P020110714504890857164.jpg" width="195" height="113" alt="USTC" /></a> | <a href="#"><img src="https://static.igem.org/mediawiki/2012/7/71/P020110714504890857164.jpg" width="195" height="113" alt="USTC" /></a> | ||
- | <h2 | + | <h2>Name of Team Number</h2> |
<p class="description">Kane Constructions was awarded the $18 million lump sum contract in late 2010 to construct a new aqutic centre The Noble Park Aquatic…</p> | <p class="description">Kane Constructions was awarded the $18 million lump sum contract in late 2010 to construct a new aqutic centre The Noble Park Aquatic…</p> | ||
<p><a href="#"><span class="circle_shadow">View Project</span></a></p> | <p><a href="#"><span class="circle_shadow">View Project</span></a></p> | ||
Line 444: | Line 636: | ||
+ | |||
+ | <!----the begin of footer-----> | ||
+ | <div class="clr"></div> | ||
+ | <div class="wrap_sponsor_center"> | ||
+ | <div id="font_content">SPONSORS</div> | ||
+ | </div> <!----the end of footer-----> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="clr"></div> | ||
+ | <!----the begin of sponsors div---- | ||
+ | <div id="wrap-Of-Sponsor"> | ||
+ | |||
+ | <div id="wrap_dbank"> | ||
+ | <div id="dbank"> | ||
+ | <a href="#"> <img src="https://static.igem.org/mediawiki/igem.org/9/9d/Dyz400-71.jpg" width="300" height="53"></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!--------- | ||
+ | <div id="ifif"> | ||
+ | <a href="#"> <img src="https://static.igem.org/mediawiki/2012/1/1e/USTC_Software_IF_LOGO_400-71.png" width="300" height="53"></a> | ||
+ | </div> | ||
+ | --------------- | ||
+ | <div id="wrap_info"> | ||
+ | <a href="#"> <img src="https://static.igem.org/mediawiki/igem.org/2/2e/USTC_Software_information400-71.png" width="300" height="53"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="wrap_ustcif"> | ||
+ | <a href="#"> <img src="https://static.igem.org/mediawiki/igem.org/a/a2/USTC_Software_IF_LOGO_2400-400.png" width="200" height="190"></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="wrap_bio"> | ||
+ | <a href="#"> <img src="https://static.igem.org/mediawiki/igem.org/5/52/USTC_Software_bio500-69.png" width="300" height="53"></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="wrap_young"> | ||
+ | <a href="#"> <img src="https://static.igem.org/mediawiki/igem.org/9/9f/Scgy400-71.png" width="300" height="53"></a> | ||
+ | </div> | ||
+ | |||
+ | <div id="wrap_phy"> | ||
+ | <a href="#"> <img src="https://static.igem.org/mediawiki/igem.org/c/ca/Logo1physics40071.png" width="300" height="53"></a> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | ----the end of sponsors div-----> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="sponsors"> | ||
+ | |||
+ | <div id="spon-center1"> | ||
+ | <div id="wrap-spon1"><a href="#">Deutsche Bank</a></div> | ||
+ | |||
+ | <div id="wrap-spon2"><a href="#">USTC-IF</a></div> | ||
+ | <div id="wrap-spon3"><a href="#">School of Life Science</a></div> | ||
+ | <div id="wrap-spon4"><a href="#">School for Gifted Young</a></div> | ||
+ | </div> | ||
+ | <div id="spon-center2"> | ||
+ | <div id="wrap-spon5"><a href="#">School of Information Science and Technology</a></div> | ||
+ | |||
+ | <div id="wrap-spon6"><a href="#">School of Physical Sciences</a></div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!--the end of sponsors div-the second one----> | ||
+ | |||
+ | |||
- | + | <!----the begin of footer---- | |
<div class="clr"></div> | <div class="clr"></div> | ||
<div class="wrap_footer_center"> | <div class="wrap_footer_center"> | ||
<div id="font_content">Copyright©USTC-Software 2012</div> | <div id="font_content">Copyright©USTC-Software 2012</div> | ||
</div> | </div> | ||
- | + | <!------the end of footer-----> | |
Line 466: | Line 729: | ||
$('#search_input').replaceWith('<div id="search_input"><a href="javascript:search()">Search</a></div>'); | $('#search_input').replaceWith('<div id="search_input"><a href="javascript:search()">Search</a></div>'); | ||
} | } | ||
- | + | </script><!-------the end of searchbox js---> | |
- | </script> | + | |
- | <script type="text/javascript"> | + | <script type="text/javascript"> |
+ | |||
$('#project_images').cycle({ | $('#project_images').cycle({ | ||
fx:'scrollHorz', | fx:'scrollHorz', |
Latest revision as of 14:15, 8 August 2012
TOP
Name of Team Number
Kane Constructions was appointed in 2010 to deliver this new facility for the Department of Defence at HMAS Creswell in Jervis Bay, New South Wales. The new building is located…
Name of Team Number
Kane Constructions was awarded the $18 million lump sum contract in late 2010 to construct a new aqutic centre for The Noble Park Aquatic…
Name of Team Number
Kane Constructions was appointed in 2010 to deliver this new facility for the Department of Defence at HMAS Creswell in Jervis Bay, New South Wales. The new building is located…
SPONSORS