Difference between revisions of "DevTesting"

 
(37 intermediate revisions by the same user not shown)
Line 226: Line 226:
  
 
.highlight {  
 
.highlight {  
−
width: 90%;
+
width: 90%;
−
margin: auto;  
+
 
padding: 15px 5px;
 
padding: 15px 5px;
 +
margin: auto;
 +
}
 +
 +
.gray {
 
background-color: #f2f2f2;  
 
background-color: #f2f2f2;  
 
}
 
}
  
−
.judges-will-not-evaluate {
+
.blue {
−
border: 4px solid #72c9b6;
+
background-color: #c0d5f7;  
−
display: block;
+
}
−
margin: 5px 15px;
+
 
−
width: 95%;
+
 
−
font-weight:bold;
+
/* image slider styling */
 +
ul.image_slider {
 +
list-style: none;
 +
margin: 0px -19px;
 
}
 
}
  
Line 247: Line 253:
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
−
color:#72c9b6;
+
color: #72c9b6;
  
 
}
 
}
Line 455: Line 461:
  
 
<div class="column full_size" >
 
<div class="column full_size" >
−
<ul id="exampleSlider" style="list-style: none; margin:0px;">
 
  
−
<li><img src="https://static.igem.org/mediawiki/2016/6/61/Main_page_01.jpg" width="800px" /></li>
+
<ul class="image_slider">
−
<li><img src="https://static.igem.org/mediawiki/2016/e/e9/Main_page_02.jpg" alt="" /></li>
+
 
−
<li><img src="https://static.igem.org/mediawiki/2016/f/fd/Main_page_03.jpg" alt="" /></li>
+
<li><img src="http://placehold.it/1200x400/d3d3d3/f2f2f2"></li>
−
<li><img src="https://static.igem.org/mediawiki/2016/f/f5/Main_page_04.jpg" alt="" /></li>
+
  
 
</ul>
 
</ul>
Line 470: Line 474:
  
  
−
<div class="column third_size" >
+
<div class="column third_size ">
 +
<div class="highlight gray">
 +
 
  
 
<img src="http://placehold.it/800x200/d3d3d3/f2f2f2">
 
<img src="http://placehold.it/800x200/d3d3d3/f2f2f2">
−
 
−
 
 
<h2>TESTING </h2>
 
<h2>TESTING </h2>
 
<p>Lorem ipsum dolor sit amet, augue graeci ea per, ex nam dicat noster eligendi. Ne duo nonumy ponderum patrioque. Omnesque deseruisse usu at, an everti delenit lobortis eam. Nec solum sapientem salutandi ea, elitr indoctum dissentiunt pri no.
 
<p>Lorem ipsum dolor sit amet, augue graeci ea per, ex nam dicat noster eligendi. Ne duo nonumy ponderum patrioque. Omnesque deseruisse usu at, an everti delenit lobortis eam. Nec solum sapientem salutandi ea, elitr indoctum dissentiunt pri no.
 
</p>
 
</p>
 +
</div>
 +
</div>
  
−
</div>
 
  
 +
<div class="column third_size" >
  
−
 
−
<div class="column third_size" >
 
  
 
<img src="http://placehold.it/800x200/d3d3d3/f2f2f2">
 
<img src="http://placehold.it/800x200/d3d3d3/f2f2f2">
Line 489: Line 493:
  
 
<h2>TESTING </h2>
 
<h2>TESTING </h2>
−
<p>Lorem ipsum dolor sit amet, augue graeci ea per, ex nam dicat noster eligendi. Ne duo nonumy ponderum patrioque. Omnesque deseruisse usu at, an everti delenit lobortis eam. Nec solum sapientem salutandi ea, elitr indoctum dissentiunt pri no.
+
<p>Lorem ipsum dolo</p>
−
</p>
+
 
  
 
</div>  
 
</div>  
Line 498: Line 502:
  
 
<div class="column third_size" >
 
<div class="column third_size" >
 +
<div class="highlight gray">
  
 
<img src="http://placehold.it/800x200/d3d3d3/f2f2f2">
 
<img src="http://placehold.it/800x200/d3d3d3/f2f2f2">
Line 506: Line 511:
 
</p>
 
</p>
  
 +
</div>
 
</div>  
 
</div>  
  
  
 +
<div class="clear"></div>
  
  
  
  
−
 
+
<div class="column half_size ">
−
<div class="column half_size" >
+
−
 
+
 
<img src="http://placehold.it/800x500/d3d3d3/f2f2f2">
 
<img src="http://placehold.it/800x500/d3d3d3/f2f2f2">
  
Line 522: Line 528:
  
 
</div>
 
</div>
−
 
  
  
Line 556: Line 561:
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
 
 
 +
 +
 +
 +
 +
  
 
//name setup
 
//name setup
Line 608: Line 618:
 
$(".menu_item").show();
 
$(".menu_item").show();
 
});
 
});
 +
  
  
Line 615: Line 626:
 
$(function () {
 
$(function () {
  
−
var change_img_time     = 3000;  
+
var change_img_time   = 3000;  
 
var transition_speed    = 450;
 
var transition_speed    = 450;
  
−
var simple_slideshow  = $("#exampleSlider"),
+
var simple_slideshow  = $(".image_slider"),
 
listItems  = simple_slideshow.children('li'),
 
listItems  = simple_slideshow.children('li'),
 
listLen = listItems.length,
 
listLen = listItems.length,
 
i = 0,
 
i = 0,
  
−
changeList = function () {
+
change_images = function () {
  
 
listItems.eq(i).fadeOut(transition_speed, function () {
 
listItems.eq(i).fadeOut(transition_speed, function () {
Line 637: Line 648:
  
 
listItems.not(':first').hide();
 
listItems.not(':first').hide();
−
setInterval(changeList, change_img_time);
+
setInterval( change_images, change_img_time);
  
 
});
 
});
 +
 +
 +
 +
// load info from another page
 +
 +
// to use this function send the "source page" and then send the div's id to where you want to send it
 +
load_these_items ( "https://2016.igem.org/Archive #load_these_newsItems", "load_newsItems_here");
  
  
 
});
 
});
 +
 +
 +
 +
 +
 +
  
  

Latest revision as of 20:12, 9 November 2016

MENU 三

TESTING

Lorem ipsum dolor sit amet, augue graeci ea per, ex nam dicat noster eligendi. Ne duo nonumy ponderum patrioque. Omnesque deseruisse usu at, an everti delenit lobortis eam. Nec solum sapientem salutandi ea, elitr indoctum dissentiunt pri no.

TESTING

Lorem ipsum dolo

TESTING

Lorem ipsum dolor sit amet, augue graeci ea per, ex nam dicat noster eligendi. Ne duo nonumy ponderum patrioque. Omnesque deseruisse usu at, an everti delenit lobortis eam. Nec solum sapientem salutandi ea, elitr indoctum dissentiunt pri no.

Lorem ipsum dolor sit amet, augue graeci ea per, ex nam dicat noster eligendi. Ne duo nonumy ponderum patrioque. Omnesque deseruisse usu at, an everti delenit lobortis eam. Nec solum sapientem salutandi ea, elitr indoctum dissentiunt pri no.

Lorem ipsum dolor sit amet, augue graeci ea per, ex nam dicat noster eligendi. Ne duo nonumy ponderum patrioque. Omnesque deseruisse usu at, an everti delenit lobortis eam. Nec solum sapientem salutandi ea, elitr indoctum dissentiunt pri no.