Team:UCLondon/Templates/bottom-contentv2

From 2012e.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 22: Line 22:
                 border-width: 1px;
                 border-width: 1px;
                 padding: 0 10px 10px 10px;
                 padding: 0 10px 10px 10px;
 +
                padding-right:1px;
               // height: 60px;
               // height: 60px;
                
                
Line 38: Line 39:
       }
       }
   
   
-
     .middle { float:left; width:40%; border-left-color: rgb(230, 230, 230);
+
     .middle { float:left; width:45%; border-left-color: rgb(230, 230, 230);
             border-left-style: solid;
             border-left-style: solid;
             border-left-width: 1px;  
             border-left-width: 1px;  
Line 47: Line 48:
       .right {
       .right {
             float: left;
             float: left;
-
             width: 32%;
+
             width: 30%;
-
             padding-left: 20px;
+
             padding-left: 5px;
             border-left-color: rgb(230, 230, 230);
             border-left-color: rgb(230, 230, 230);
             border-left-style: solid;
             border-left-style: solid;
Line 57: Line 58:
     #sponsor-slides .slides_container {
     #sponsor-slides .slides_container {
-
width:90%;
+
width:100%;
                         margin:auto;
                         margin:auto;
display:none;
display:none;
 +
                        left:10px;
                       // overflow: none;
                       // overflow: none;
     }
     }
     #sponsor-slides .slides_container div {
     #sponsor-slides .slides_container div {
-
width:90%;
+
width:100%;
-
height:500px;
+
height:200px;
display:block;
display:block;
     }
     }
-
     #sponsor-slides .pagination {  margin-top: 5px; }
+
     #sponsor-slides .pagination {  margin-top: 1px; width:30px; margin:auto; }
Line 77: Line 79:
#test-slides .slides_container {
#test-slides .slides_container {
-
width:90%;
+
width:100%;
 +
                        height:200px;
                         margin:auto;
                         margin:auto;
display:none;
display:none;
Line 83: Line 86:
     }
     }
-
     #test-slides .slides_container div.slide {
+
     #test-slides .slides_container div, #test-slides .slides_container div.slide {
-
width:90%;
+
width:100%;
-
height:500px;
+
height:200px;
display:block;
display:block;
     }
     }
-
     #test-slides .pagination {  margin-top: 5px;  }
+
     #test-slides .pagination {  margin-top: 1px;  }
Line 128: Line 131:
.triangle-isosceles {
.triangle-isosceles {
-
  position:relative;
+
      position:relative;
-
padding:15px;
+
padding:1px;
margin:1em 0 3em;
margin:1em 0 3em;
-
border:5px solid #5a8f00;
+
border:2px solid #5a8f00;
color:#333;
color:#333;
background:#fff;
background:#fff;
Line 140: Line 143:
-moz-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border-radius:10px;
 +
 +
       
}
}
Line 175: Line 180:
   }
   }
-
 
+
.testimonial, #test-slides .slides_container .triangle-isosceles { width:360px !important; height:70px !important; }
-
  #test-slides .slides_container .triangle-isosceles { height:500px;}
+
.test-author { position:relative; top: -15px; }
Line 214: Line 219:
$('#sponsor-slides').slides({
$('#sponsor-slides').slides({
preload: true,
preload: true,
-
play: 5000,
+
play: 15000,
pause: 2500,
pause: 2500,
hoverPause: true,
hoverPause: true,
Line 222: Line 227:
                         $('#test-slides').slides({
                         $('#test-slides').slides({
preload: true,
preload: true,
-
play: 5000,
+
play: 15000,
pause: 2500,
pause: 2500,
hoverPause: true,
hoverPause: true,
Line 287: Line 292:
<div>
<div>
<ul class="sponsor-list">
<ul class="sponsor-list">
-
<a href="#" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
+
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
-
<a href="#" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
+
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
-
<a href="#" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
+
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
-
<a href="#" class="sponsor-logo" onclick="sponsoring()"><li>click to sponsor!</li></a>
+
<a href="#" class="sponsor-logo nothing" onclick="sponsoring()"><li>click to sponsor!</li></a>
</ul>
</ul>
</div>
</div>

Latest revision as of 17:20, 19 September 2012