Team:USTC-Software/home

From 2012.igem.org

(Difference between revisions)
(Created page with "{{Template:Team:USTC-Software/Header-c}} <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>USTC-Home...")
 
(14 intermediate revisions not shown)
Line 5: Line 5:
<title>USTC-Home</title>
<title>USTC-Home</title>
-
<!---the link of js for vivid images showing--->
 
-
<script type="text/javascript"  src="resources/image-showing1.js"></script>
 
-
<script type="text/javascript"  src="resources/image-showing2.js"></script>
 
-
 
-
<!--------if can't upload image-showing js files the following link could be instead--------
 
-
<script type="text/javascript" src="http://www.kane.com.au/assets/js/jquery-1.4.2.min.js"></script>
 
-
<script type="text/javascript" src="http://www.kane.com.au/assets/js/jquery.cycle.all.min.js"></script>
 
-
-----------js online------->
 
 +
<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: 1px;
+
right: 3px;
-
width: 172px;
+
width: 128px;
-
height: 45px;
+
height: 42px;
background-color: transparent;
background-color: transparent;
text-align:center;
text-align:center;
-
z-index: 23;
+
z-index: 8;
-
  /* background:green;border:1px solid red;*/
+
    /*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;
+
    color: #0f0;
 +
                cursor:pointer;
           }
           }
#searchInput {
#searchInput {
-
width: 10.9em;
+
width: 10em;
margin: 1px;
margin: 1px;
-
font-size: 95%;
+
font-size: 91%;
 +
color:#0f0;
       }    
       }    
input[type="text"] {
input[type="text"] {
-
     width: 172px;
+
     width: 162px;
height:17px;
height:17px;
     padding: 1px 0px 2px 5px;
     padding: 1px 0px 2px 5px;
Line 99: Line 95:
}​ /*the end of search box css*/
}​ /*the end of search box css*/
</style>
</style>
-
 
+
-
 
+
-
 
+
-
 
+
  <style>
  <style>
Line 156: Line 151:
background-clip: initial;
background-clip: initial;
background-color: initial;
background-color: initial;
-
      -webkit-transition: all 0.5s ease .03s;
+
 
-
      -moz-transition: all 0.5s ease .03s;
+
-
      -o-transition: all 0.5s ease .03s;
+
-
      transition: all 0.5s ease .03s;
+
}
}
#slideshow_prev.imagesizes:hover {
#slideshow_prev.imagesizes:hover {
Line 168: Line 160:
background-clip: initial;
background-clip: initial;
background-color: initial;
background-color: initial;
-
        -moz-transform: scale(1.03);
+
     
-
        -webkit-transform: scale(1.03);
+
-
        -o-transform:scale(1.03);
+
-
        transform:scale(1.03);
+
}
}
#slideshow_prev.imagesizes{
#slideshow_prev.imagesizes{
Line 190: Line 179:
background-color: initial;
background-color: initial;
background-position: 95% 50%;
background-position: 95% 50%;
-
      -webkit-transition: all 0.5s ease .03s;
+
   
-
      -moz-transition: all 0.5s ease .03s;
+
-
      -o-transition: all 0.5s ease .03s;
+
-
      transition: all 0.5s ease .03s;
+
}
}
Line 203: Line 189:
background-clip: initial;
background-clip: initial;
background-color: initial;
background-color: initial;
-
        -moz-transform: scale(1.03);
+
     
-
        -webkit-transform:  scale(1.03);
+
-
        -o-transform:scale(1.03);
+
-
        transform:scale(1.03);
+
}
}
Line 285: Line 268:
#home .home_project_container {
#home .home_project_container {
width: 190px;
width: 190px;
-
height: 310px;
+
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 294: Line 278:
#home .home_project_container_last{
#home .home_project_container_last{
width: 190px;
width: 190px;
-
height: 310px;
+
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 345: Line 330:
background:#333;
background:#333;
-webkit-border-radius:10px;
-webkit-border-radius:10px;
-
    -moz-border-radius:10px;
+
        -moz-border-radius:10px;
-
    border-radius:10px;
+
        border-radius:10px;
-
padding:3px 0px 5px 0px;
+
  padding:5px 0px 3px 0px;
}
}
#font_content{
#font_content{
-
font-size:14px;
+
font-size:15px;
-
color:#FFF;
+
color:#737373;
font-family: Helvetica, Arial, sans-serif;
font-family: Helvetica, Arial, sans-serif;
text-align:center;
text-align:center;
Line 358: Line 343:
-
</style>
 
-
<!----the end of body main style css---->
 
 +
.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;
 +
}
 +
-
</head>
+
#wrap_ustcif{
-
 
+
position:relative;
-
<body>
+
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 423: 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><a href="#">Name of Team Number</a></h2>
+
<h2>Name of Team Number</h2>
<p class="description">Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230;</p>
<p class="description">Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230;</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 437: 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><a href="http://www.kane.com.au/project/hmas-cresswell-gym">Name of Team Number</a></h2>
+
<h2>Name of Team Number</h2>
<p class="description">Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230;</p>
<p class="description">Kane Constructions was appointed in 2010 to deliver&nbsp;this new&nbsp;facility for the&nbsp;Department of Defence&nbsp;at HMAS&nbsp;Creswell in Jervis Bay, New South Wales. The new building is located&#8230;</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 445: 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><a href="http://www.kane.com.au/project/noble-park-aquatic-centre-npac">Name of Team Number</a></h2>
+
<h2>Name of Team Number</h2>
<p class="description">Kane Constructions was awarded&nbsp;the $18 million lump sum contract in late 2010 to construct a new aqutic centre  The&nbsp;Noble Park Aquatic&#8230;</p>
<p class="description">Kane Constructions was awarded&nbsp;the $18 million lump sum contract in late 2010 to construct a new aqutic centre  The&nbsp;Noble Park Aquatic&#8230;</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 455: 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----->
+
    <!----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&copyUSTC-Software 2012</div>
             <div id="font_content">Copyright&copyUSTC-Software 2012</div>
       </div>
       </div>
-
  <!----the end of footer----->
+
    <!------the end of footer----->
Line 477: 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

USTC-Header-c

TOP
USTC-Home
 
Welcome to USTC software 2012! Welcome to USTC software 2012! Welcome to USTC software 2012!
USTC

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…

Read More

USTC

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…

View Project

USTC

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…

View Project

USTC

Name of Team Number

Kane Constructions was awarded the $18 million lump sum contract in late 2010 to construct a new aqutic centre The Noble Park Aquatic…

View Project

SPONSORS