Team:USTC-Software/home
From 2012.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 6: | Line 6: | ||
- | <script type="text/javascript" src= | + | <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= | + | <script type="text/javascript" src='https://2012.igem.org/Team:USTC-Software/photos-showing-javascript2?action=raw&ctype=text/javascript'></script> |
+ | |||
Line 53: | Line 54: | ||
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; | ||
- | right: | + | right: 3px; |
width: 128px; | width: 128px; | ||
height: 42px; | height: 42px; | ||
Line 73: | Line 74: | ||
input.search_button:hover { | input.search_button:hover { | ||
color: #A3511E; | color: #A3511E; | ||
- | + | color: #0f0; | |
+ | cursor:pointer; | ||
} | } | ||
#searchInput { | #searchInput { | ||
Line 93: | Line 95: | ||
} /*the end of search box css*/ | } /*the end of search box css*/ | ||
</style> | </style> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<style> | <style> | ||
Line 267: | 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 276: | 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 327: | 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 340: | 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 437: | 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 459: | 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
![Welcome to USTC software 2012!](https://static.igem.org/mediawiki/2012/7/71/P020110714504890857164.jpg)
![Welcome to USTC software 2012!](https://static.igem.org/mediawiki/2012/0/0d/W020110714513921540263.jpg)
![Welcome to USTC software 2012!](https://static.igem.org/mediawiki/2012/8/8f/W020120412629917392487.jpg)
![USTC](https://static.igem.org/mediawiki/2012/f/fc/Ustc200115.png)
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…
![USTC](https://static.igem.org/mediawiki/2012/6/61/USTC200-115.png)
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…
![USTC](https://static.igem.org/mediawiki/2012/0/0d/W020110714513921540263.jpg)
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