Difference between revisions of "Template:Main2018"

 
(48 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
 
<script>
 
<script>
  
Line 7: Line 6:
 
$(document).ready(function() {
 
$(document).ready(function() {
  
−
$("#HQ_page").attr('id','');
+
$("#HQ_page").attr('id','');
 +
 +
//if HQ_info exists, display the content only for HQ
 +
if ($("#HQ_info").length){
 +
hide_HQ_info();
 +
}
 +
 +
//if image_slider exists, activate the automatic rotation slider and functionality
 +
if ($("#image_carrousel").length){
 +
image_slider_rotation();
 +
}
  
 +
$( "#load_menu_here" ).load( "https://2018.igem.org/HQ:Menu #load_menu_content" , function() {
 +
menu_functionality();
 +
highlight_current_page_menu();
 +
});
  
−
var page_url="https://2018.igem.org/";
 
−
$( "#load_menu_here" ).load( "https://2018.igem.org/HQ:Menu #load_menu_content" , function() {
 
  
 +
$(".collapsible_accordion_access").click(function(){
 +
$(this).toggleClass("displaying_content");
 +
$(this).parent().next().toggleClass("hide_content");
 +
});
  
 +
 +
});
 +
 +
 +
// if HQ_info exists, hide unless the user is an admin
 +
function hide_HQ_info() {
  
−
switch ( (wgPageName.match( /\//g ) || []).length  ) {
+
switch ( wgUserName) {
 +
case "Sifuentes anita": case "Vinoo": case "THaddock": case "Meagan": case "MariaB":
 +
$("#HQ_info").show();
 +
break;
  
−
//this is a hub
+
default:  
−
case 0:
+
$("#HQ_info").hide();  
−
page_url = page_url +wgPageName;
+
break;  
−
$("a[href$='"+ page_url +"']").parent().addClass("current_hub");
+
}
−
$(".current_hub .igem_submenu").fadeToggle(400);
+
   
−
$(".current_hub .igem_submenu").prev().toggleClass("showing");
+
}
−
break;
+
  
 +
function menu_functionality() {
 +
 +
//accessing submenus and subsubmenus
 +
$(".submenu_access").click(function(){
 +
$(this).toggleClass("showing");
 +
$(this).next().fadeToggle(400);
 +
});
  
 +
//mobile menu access
 +
$(".igem_mobile_menu_bar").click(function(){
 +
$(this).next().fadeToggle(400);
 +
});
 
 
−
case 1:
+
}
  
−
//open the hub
 
−
page_url = page_url +wgPageName.substring(0, wgPageName.indexOf('/'));
 
−
$("a[href$='"+ page_url +"']").parent().addClass("current_hub");
 
−
$(".current_hub .igem_submenu").fadeToggle(400);
 
−
$(".current_hub .igem_submenu").prev().toggleClass("showing");
 
  
−
// select sub menu page
 
−
page_url ="https://2018.igem.org/"+wgPageName;
 
−
$("a[href$='"+page_url+"'] > .submenu_item").addClass("current_page");
 
  
−
// if sub menu has a sub sub menu - open it
+
function highlight_current_page_menu() {
−
$(".with_subsub_menu.current_page").parent().next().toggleClass("showing");
+
−
$(".with_subsub_menu.current_page").parent().next().next().fadeToggle(400);
+
var page_url="https://2018.igem.org/";
  
−
break;
+
switch ( (wgPageName.match( /\//g ) || []).length  ) {
  
 +
//this is a hub
 +
case 0:
 +
page_url = page_url + wgPageName;
 +
$("a[href$='"+ page_url +"']").parent().addClass("current_hub");
 +
$(".current_hub .igem_submenu").fadeToggle(400);
 +
$(".current_hub .igem_submenu").prev().toggleClass("showing");
 +
break;
 +
 +
case 1:
 +
//open the hub
 +
page_url = page_url +wgPageName.substring(0, wgPageName.indexOf('/'));
 +
$("a[href$='"+ page_url +"']").parent().addClass("current_hub");
 +
$(".current_hub .igem_submenu").fadeToggle(400);
 +
$(".current_hub .igem_submenu").prev().toggleClass("showing");
  
 +
// select sub menu page
 +
page_url ="https://2018.igem.org/"+wgPageName;
 +
$("a[href$='"+page_url+"'] > .submenu_item").addClass("current_page");
  
−
case 2:
+
// if sub menu has a sub sub menu - open it
 +
$(".with_subsub_menu.current_page").parent().next().toggleClass("showing");
 +
$(".with_subsub_menu.current_page").parent().next().next().fadeToggle(400);
  
−
//open the hub
+
break;
−
page_url = page_url +wgPageName.substring(0, wgPageName.indexOf('/'));
+
−
$("a[href$='"+ page_url +"']").parent().addClass("current_hub");
+
−
$(".current_hub .igem_submenu").fadeToggle(400);
+
−
$(".current_hub .igem_submenu").prev().toggleClass("showing");
+
  
  
−
page_url ="https://2018.igem.org/";
 
−
page_url = page_url +wgPageName.substring(0, wgPageName.lastIndexOf('/'));
 
−
$("a[href$='"+page_url+"'] > .submenu_item").addClass("current_page");
 
  
−
$(".current_page").parent().next().toggleClass("showing");
+
case 2:
−
$(".current_page").parent().next().next().fadeToggle(400);
+
  
−
page_url ="https://2018.igem.org/";
+
//open the hub
−
page_url = page_url+wgPageName;
+
page_url = page_url +wgPageName.substring(0, wgPageName.indexOf('/'));
−
$("a[href$='"+page_url+"'] > .subsubmenu_item").addClass("current_subpage");
+
$("a[href$='"+ page_url +"']").parent().addClass("current_hub");
 +
$(".current_hub .igem_submenu").fadeToggle(400);
 +
$(".current_hub .igem_submenu").prev().toggleClass("showing");
  
−
// if sub menu has a sub sub menu - open it
 
−
break;
 
  
 +
page_url ="https://2018.igem.org/";
 +
page_url = page_url +wgPageName.substring(0, wgPageName.lastIndexOf('/'));
 +
$("a[href$='"+page_url+"'] > .submenu_item").addClass("current_page");
  
 +
$(".current_page").parent().next().toggleClass("showing");
 +
$(".current_page").parent().next().next().fadeToggle(400);
 +
 +
page_url ="https://2018.igem.org/";
 +
page_url = page_url+wgPageName;
 +
$("a[href$='"+page_url+"'] > .subsubmenu_item").addClass("current_subpage");
 +
 +
// if sub menu has a sub sub menu - open it
 +
break;
 +
 +
 +
}
 +
 +
}
 +
 +
 +
 +
function image_slider_rotation() {
 +
 +
var slider_counter;
 +
var clicked_image_number = 0;
 +
var controller_number = 0;
 +
 +
 +
//constant rotation
 +
setInterval(function(){
 +
 +
slider_counter = $("ul.image_slider li.current_image").index()+1;
 +
 +
$("ul.image_slider li.current_image").removeClass("current_image");
 +
$("ul.image_number li.current_image_number").removeClass("current_image_number");
 +
 +
if( slider_counter  >= $('ul.image_slider li').length ){
 +
slider_counter = 1;
 +
} 
 +
else{
 +
slider_counter+=1;
 
}
 
}
  
 +
$("ul.image_slider li:nth-child("+slider_counter+")").addClass("current_image");
 +
$("ul.image_number li:nth-child("+slider_counter+")").addClass("current_image_number");
  
 +
}, 5000);
  
  
−
//accessing submenus and subsubmenus
 
−
$(".submenu_access").click(function(){
 
−
$(this).toggleClass("showing");
 
−
$(this).next().fadeToggle(400);
 
−
});
 
  
−
//mobile menu access
+
//if a number is clicked
−
$(".igem_mobile_menu_bar").click(function(){
+
$("ul.image_number li").click(function(){
−
$(this).next().fadeToggle(400);
+
clicked_image_number = $(this).index() + 1;
−
});
+
−
});
+
$("ul.image_slider li.current_image").removeClass("current_image");
 +
$("ul.image_number li.current_image_number").removeClass("current_image_number");
  
−
});
+
$("ul.image_slider li:nth-child("+clicked_image_number+")").addClass("current_image");
−
</script>
+
$("ul.image_number li:nth-child("+clicked_image_number+")").addClass("current_image_number");
 +
});
  
  
  
 +
//if a controller next/prev is clicked
 +
$(".image_controller").click(function(){
 +
controller_number = $("ul.image_slider li.current_image").index() + 1;
  
 +
$("ul.image_slider li.current_image").removeClass("current_image");
 +
$("ul.image_number li.current_image_number").removeClass("current_image_number");
 +
 +
 +
if( $(this).hasClass( "next" )) {
 +
if( controller_number >= $('ul.image_slider li').length ){
 +
controller_number = 1;
 +
} 
 +
else{
 +
controller_number+=1;
 +
}
 +
}
 +
else if( $(this).hasClass( "prev" )) {
 +
if( controller_number <=1  ){
 +
controller_number = $('ul.image_slider li').length;
 +
} 
 +
else{
 +
controller_number-=1;
 +
}
 +
}
 +
 +
$("ul.image_slider li:nth-child("+controller_number+")").addClass("current_image");
 +
$("ul.image_number li:nth-child("+controller_number+")").addClass("current_image_number");
 +
 +
});
 +
}
 +
 +
 +
 +
</script>
  
  
Line 170: Line 281:
 
height: 39px;
 
height: 39px;
 
width:100%;  
 
width:100%;  
 +
}
 +
 +
.igem_menu_item.last_item{
 +
margin-bottom:60px;
 
}
 
}
  
Line 283: Line 398:
 
background-color: #c7aaca;  
 
background-color: #c7aaca;  
 
}
 
}
 +
 +
 +
/*for subsection titles */
 +
.submenu_item.subsection_title{
 +
    color: #8c8c8c;
 +
  font-weight: normal;
 +
  padding-left: 4%;
 +
}
 +
 +
.submenu_item.subsection_title:hover{
 +
background-color:#f2f2f2;
 +
cursor:initial;
 +
}
 +
  
 
/*submenu item styling // layer three*/
 
/*submenu item styling // layer three*/
Line 352: Line 481:
 
/* general wrapper for the content */
 
/* general wrapper for the content */
 
.igem_content_wrapper {
 
.igem_content_wrapper {
−
width: 88.9%;
+
/*width: 88.9%;*/
 +
width: -webkit-calc(100% -270px);
 +
width:    -moz-calc(100% - 270px);
 +
width:  calc(100% - 270px);
 
display:block;
 
display:block;
 
background-color:white;  
 
background-color:white;  
Line 372: Line 504:
  
 
/*font sizes for all the h titles*/
 
/*font sizes for all the h titles*/
−
.igem_content_wrapper h1 { font-size: 170%;}
+
.igem_content_wrapper h1 { font-size: 210%;}
 
.igem_content_wrapper h2 { font-size: 160%;}
 
.igem_content_wrapper h2 { font-size: 160%;}
 
.igem_content_wrapper h3 { font-size: 150%;}
 
.igem_content_wrapper h3 { font-size: 150%;}
Line 437: Line 569:
 
.igem_content_wrapper ul {
 
.igem_content_wrapper ul {
 
font-family:Tahoma, Geneva, sans-serif;  
 
font-family:Tahoma, Geneva, sans-serif;  
−
font-size: 115%;
+
font-size: 120%;
 
padding:0px 20px;
 
padding:0px 20px;
 +
list-style: disc;
 
}
 
}
  
 
/*font size specifications for nested lists and other special cases*/
 
/*font size specifications for nested lists and other special cases*/
−
.igem_content_wrapper ul ul li { font-size: 90%; }
+
 
−
.igem_content_wrapper td > ul li { font-size: 85%;}
+
 
 +
.igem_content_wrapper td > ul li, .igem_content_wrapper ol ol li, .igem_content_wrapper ul ol li, .igem_content_wrapper ol ul li, .igem_content_wrapper ul ul li  {  
 +
font-size: 85%;
 +
}
  
  
Line 535: Line 671:
 
}
 
}
  
 +
 +
/* softer horizontal gray line to divide the page*/
 +
.line_divider.soft {
 +
      border-top: 1px solid #f2f2f2;
 +
}
 +
 +
/*highlight class can be used style divs in multiple combinations*/
 
.highlight {  
 
.highlight {  
 
padding: 15px 20px;
 
padding: 15px 20px;
Line 549: Line 692:
 
.highlight.decoration_top {
 
.highlight.decoration_top {
 
     border-top: 4px solid #90528f;
 
     border-top: 4px solid #90528f;
 +
}
 +
 +
.highlight.decoration_dark_top {
 +
    border-top: 4px solid #542160;
 +
}
 +
 +
.highlight.decoration_medium_top {
 +
    border-top: 4px solid #90528f;
 +
}
 +
 +
.highlight.decoration_light_top {
 +
    border-top: 4px solid #b48cb7;
 +
}
 +
 +
.highlight.decoration_red_top {
 +
    border-top: 4px solid #c30000;
 
}
 
}
  
 
.highlight.decoration_full {
 
.highlight.decoration_full {
 
     border: 4px solid #90528f;
 
     border: 4px solid #90528f;
 +
}
 +
 +
.highlight.decoration_dark_full {
 +
    border: 4px solid #542160;
 +
}
 +
 +
.highlight.decoration_medium_full {
 +
    border: 4px solid #90528f;
 +
}
 +
 +
.highlight.decoration_light_full {
 +
    border: 4px solid #b48cb7;
 +
}
 +
 +
.highlight.decoration_red_full {
 +
    border: 4px solid #c30000;
 
}
 
}
  
Line 562: Line 737:
  
 
/*special image that takes up the entire page*/
 
/*special image that takes up the entire page*/
−
.full_size_image {  width:100%; }  
+
.full_size_image {  width:100%; margin-top: -59px;}  
  
  
Line 629: Line 804:
 
display: none;
 
display: none;
 
float:left;  
 
float:left;  
 +
}
 +
 +
 +
/*hiding and showing content */
 +
/************************************************/
 +
 +
/*content for buttons showing/hiding content */
 +
.content_control::before { content: "+"; }
 +
.content_control.displaying_content::before { content: "-"; }
 +
 +
/*used to hide content when it is added to a class */
 +
.hide_content,
 +
.collapsible_accordion_content.hide_content {
 +
display:none;
 
}
 
}
  
Line 641: Line 830:
  
 
.news_date {
 
.news_date {
−
font-style: italic;
+
font-style: italic;
 
     display: inline-block;
 
     display: inline-block;
 
     color: #333333;
 
     color: #333333;
Line 648: Line 837:
 
     padding-right: 15px;
 
     padding-right: 15px;
 
}
 
}
 +
 +
/* icon decorations for the news class*/
 +
 +
.news_item_icon.igemlogo:after {
 +
    background-image: url('https://static.igem.org/mediawiki/igem.org/e/e4/Main_igem_logo.svg');
 +
    background-size: 25px 25px;
 +
    display: inline-block;
 +
    width: 25px;
 +
    height: 25px;
 +
    content:"";
 +
 +
}
 +
 +
.news_item_icon.pinned:after {
 +
    background-image: url('https://static.igem.org/mediawiki/2018/2/25/Icon_news_pinned.svg');
 +
    background-size: 25px 25px;
 +
    display: inline-block;
 +
    width: 25px;
 +
    height: 25px;
 +
    content:"";
 +
 +
}
 +
 +
 +
.news_item_icon.reminder:after {
 +
    background-image: url('https://static.igem.org/mediawiki/2018/a/a2/Icon_news_reminder.svg');
 +
    background-size: 25px 25px;
 +
    display: inline-block;
 +
    width: 25px;
 +
    height: 25px;
 +
    content:"";
 +
}
 +
 +
 +
 +
.news_item_icon.info:after {
 +
    background-image: url('https://static.igem.org/mediawiki/2018/b/b7/Icon_news_info.svg');
 +
    background-size: 25px 25px;
 +
    display: inline-block;
 +
    width: 25px;
 +
    height: 25px;
 +
    content:"";
 +
}
 +
 +
 +
.news_item_icon.announcement:after {
 +
    background-image: url('https://static.igem.org/mediawiki/2018/a/a7/Icon_news_announcement.svg');
 +
    background-size: 25px 25px;
 +
    display: inline-block;
 +
    width: 25px;
 +
    height: 25px;
 +
    content:"";
 +
}
 +
 +
 +
 +
 +
 +
/* center content */
 +
.center_content p,
 +
.center_content h1,
 +
.center_content h2,
 +
.center_content h3,
 +
.center_content h4,
 +
.center_content h5,
 +
.center_content h6 {
 +
text-align:center;
 +
}
 +
 +
  
  
Line 660: Line 919:
 
}
 
}
  
−
 
+
/*Make text red and bold*/
 +
/************************************************/
 +
.red_text {
 +
color: #c30000;
 +
font-weight:bold;
 +
}
  
 
/*Image slider/
 
/*Image slider/
 
/************************************************/
 
/************************************************/
 +
.image_slider img {  width:100%; }
 +
 
ul.image_slider {
 
ul.image_slider {
−
list-style: none;
+
    list-style: none;
−
margin: 0px -19px;
+
    margin: 0px;
−
padding:0px;
+
    padding: 0px 0px 15px 0px;
 
}
 
}
  
−
.image_slider ul {
+
/* image list hidden by default*/
−
padding: 0px;
+
ul.image_slider li{
 +
display:none;
 
}
 
}
 +
 +
/*if the image is the current one, display it*/
 +
ul.image_slider li.current_image {
 +
display:block;
 +
}
 +
 +
/*list of numbers for marking which number of image is displayed*/
 +
ul.image_number{
 +
    list-style: none;
 +
margin: auto;
 +
    padding: 0px;
 +
    text-align: center;
 +
}
 +
 +
/*decoration for the numbers*/
 +
ul.image_number li{
 +
border: 1px solid #989898;
 +
    border-radius: 15%;
 +
color: #989898;
 +
cursor:pointer;
 +
    display: block;
 +
float: left;
 +
height: 25px;
 +
    margin-right: 15px;
 +
padding-top:5px;
 +
    width: 30px;
 +
}
 +
 +
/*styling change when hovering or active*/
 +
ul.image_number li.current_image_number, ul.image_number li:hover{
 +
background-color:#542160;
 +
border: 1px solid #542160;
 +
color:#fff;
 +
}
 +
 +
/*buttons for moving forward and backward between the images*/
 +
.image_controller{
 +
border-radius: 15%;
 +
cursor:pointer;
 +
color: #989898;
 +
float:left;
 +
height: 25px;
 +
text-align:center;
 +
margin-right: 15px;
 +
padding-top:7px;
 +
width:30px;
 +
}
 +
 +
/*status change when hovering on the button*/
 +
.image_controller:hover{
 +
background-color:#542160;
 +
color:#fff;
 +
}
 +
 +
 +
/*text content for next button*/
 +
.image_controller.next::before{
 +
content:"▶";
 +
}
 +
 +
 +
/*text content for previous button*/
 +
.image_controller.prev::before{
 +
content:"◀ ";
 +
}
 +
  
  
Line 684: Line 1,017:
 
     background-color: #ffffff;
 
     background-color: #ffffff;
 
     border: 2px solid #5e5f5f;
 
     border: 2px solid #5e5f5f;
−
   color: #10996a;
+
   color: #542160;
 
     max-width: 40px;
 
     max-width: 40px;
 
     text-align: center;
 
     text-align: center;
Line 704: Line 1,037:
  
 
.navigation_button.arrow_navigation:hover {
 
.navigation_button.arrow_navigation:hover {
−
  color: #10996a;  
+
  color: #542160;  
 
background-color: #ffffff;
 
background-color: #ffffff;
 
border: 2px solid white;
 
border: 2px solid white;
Line 719: Line 1,052:
  
  
−
.navigation_button:hover , .title_extra:hover + .navigation_button, .navigation_button.active_navigation_button:hover  {  
+
.navigation_button:hover, .title_extra:hover+.navigation_button, .navigation_button.active_navigation_button:hover  {  
−
background-color: #10996a;  
+
background-color: #542160;  
 
color: #ffffff;  
 
color: #ffffff;  
−
border: 2px solid #00bdcd;
+
border: 2px solid #542160;
 
}
 
}
  
−
.navigation_button:hover + .title_extra , .title_extra:hover {   
+
.navigation_button:hover+.title_extra, .title_extra:hover {   
−
color: #00bdcd;  
+
color: #90528f;  
 
display:block;  
 
display:block;  
 
}
 
}
Line 737: Line 1,070:
  
 
.title_extra {
 
.title_extra {
−
color: #10996a;  
+
color: #542160;  
 
float:left;  
 
float:left;  
 
padding: 7px 0px;  
 
padding: 7px 0px;  
Line 756: Line 1,089:
 
 
 
.title_extra.support_item:hover {  
 
.title_extra.support_item:hover {  
−
color: #10996a;
+
color: #542160;
 
}
 
}
  
Line 765: Line 1,098:
  
  
−
/*calendar */
+
/*accordion */
 
/************************************************/
 
/************************************************/
−
.vertical_line {
 
−
  position: absolute;
 
−
  width: 5px;
 
−
  background-color: #ccc;
 
−
  left: 20px;
 
−
  height: 100%;
 
−
  z-index: -1;
 
−
}
 
  
−
.left_column {
+
/*wrapper for each month*/
−
width: 12%;
+
.collapsible_accordion {  
−
    border: 4px solid #d3d3d3;
+
border-bottom: 1px solid #ddd;  
−
    text-align: center;
+
float: left;  
−
    font-size: 25px;
+
padding: 30px 0px 20px 0px;
−
    float: left;
+
width:100%;  
−
    border-radius: 10px;
+
−
    color: #666666;
+
−
    padding: 4% 0;
+
−
font-weight: bold;
+
 
}
 
}
  
−
 
+
/*content to show/hide*/
−
.left_column.month_access{
+
.collapsible_accordion_content {
−
  border: 4px solid #00bdcd;
+
display:block;
−
    color: #10996a
+
margin-top:30px;
−
    font-size: 40px;
+
−
    font-weight: bold;
+
−
    cursor: pointer;
+
 
}
 
}
  
−
.left_column.month_access::before {
+
−
content: "-";  
+
/* button controling the show/hide of the month's events*/
 +
.collapsible_accordion_access{
 +
background-color: #90528f;
 +
border: 2px solid #90528f;
 +
border-radius: 14%;
 +
color: #fff !important;
 +
float: right;
 +
margin-top: -5px;
 +
text-align: center;
 +
padding: 6px 5px;
 +
width: 25px;
 
}
 
}
  
−
.left_column.month_access.plus::before {
+
/*when hovering on the show/hide month content button*/
−
content: "+";
+
.collapsible_accordion_access:hover {
−
}
+
background-color:#542160;  
−
 
+
border: 2px solid #542160;
−
 
+
cursor:pointer;  
−
.left_column.month_access:hover {
+
−
background-color: #10996a;
+
−
color: white;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
transition: all 0.4s ease;
+
 
}
 
}
 +
 +
 +
/*calendar*/
 +
/************************************************/
  
−
 
+
/*deadline's date*/
−
.right_column  h1{
+
.deadline_date {
−
font-size: 40px;
+
    border: 2px solid #ddd;
−
padding: 15px 10px;
+
border-radius: 5%;
 +
color: #000;
 +
float: left;
 +
    font-size: 155%;
 +
font-weight:bold;
 +
margin-right: 5%;
 +
max-width: 100px;
 +
    padding: 30px 0px;
 +
    text-align: center;
 +
width: 15%;
 
}
 
}
  
−
.right_column {
+
/* description of the deadline*/
−
    padding: 10px 0px 15px 0px;
+
.deadline_content {
−
    float: left;
+
float: left;  
−
width: 80%;
+
width:75%;
 
}
 
}
  
−
.right_column.event_content {
+
/*controlled image size*/
−
border-top:  1px solid #d3d3d3;
+
−
}
+
  
 +
.controlled_size_image{
 +
max-width: 300px;
 +
}
  
−
/*support classes*/
+
/*mobile*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
  
−
/* 2000px  */
+
/* 1784px */
−
/************************************************/
+
−
@media only screen and (max-width: 2000px) {
+
−
.igem_content_wrapper { width: 86.6%;}
+
−
}
+
−
 
+
−
/* 1800px  */
+
−
/************************************************/
+
−
@media only screen and (max-width: 1800px) {
+
−
.igem_content_wrapper { width: 85.4%;}
+
−
}
+
−
 
+
−
/* 1700px */
+
 
/************************************************/
 
/************************************************/
−
@media only screen and (max-width: 1700px) {
+
@media only screen and (max-width: 1784px) {
−
.igem_content_wrapper { width: 85%;}
+
.igem_content_wrapper { width:85%;}
−
.hub_title{ font-size: 115%;}
+
 
}
 
}
  
−
/* 1550px */
+
/* 1602px */
 
/************************************************/
 
/************************************************/
−
@media only screen and (max-width: 1550px) {
+
@media only screen and (max-width: 1602px) {
 
.hub_title{ font-size: 105%;}
 
.hub_title{ font-size: 105%;}
 
}
 
}
Line 897: Line 1,218:
 
@media only screen and (max-width: 885px) {
 
@media only screen and (max-width: 885px) {
 
.igem_content_wrapper {width:100%; margin-left:0px;}
 
.igem_content_wrapper {width:100%; margin-left:0px;}
−
.half_size, .two_thirds_size, .third_size, .three_quarters_size, .quarter_size {width:100%; }
+
.half_size, .two_thirds_size, .third_size, .three_quarter_size, .quarter_size {width:100%; }
 
.column img { width: 96%; padding: 2% 0px;}
 
.column img { width: 96%; padding: 2% 0px;}
 
.highlight {padding:15px 5px;}
 
.highlight {padding:15px 5px;}
Line 972: Line 1,293:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
−
 
−
</html>
 

Latest revision as of 18:23, 20 July 2018

Loading...