Difference between revisions of "Template:Main2019"

 
(20 intermediate revisions by 2 users not shown)
Line 364: Line 364:
 
.igem_content_wrapper a:hover {  
 
.igem_content_wrapper a:hover {  
 
color: #13c0d7;
 
color: #13c0d7;
 +
text-decoration:none;
 +
}
 +
 +
/*for images that are href*/
 +
a.image_href{
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
Line 378: Line 383:
 
.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  {  
 
.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: 75%;
 
font-size: 75%;
 +
margin-bottom: 10px;
 +
line-height: 18px;
 
}
 
}
  
Line 407: Line 414:
 
/* table headers */
 
/* table headers */
 
.igem_content_wrapper th {  
 
.igem_content_wrapper th {  
−
background-color:#dcdcdc;  
+
    background-color: #f2f2f2;
−
border: 1px solid #d3d3d3;  
+
    border: 1px solid #d3d3d3;
−
border-collapse: collapse;  
+
    border-collapse: collapse;
−
font-size: 110%;
+
    font-size: 110%;
−
padding: 10px;  
+
    padding: 10px;
−
vertical-align: text-top;  
+
    vertical-align: text-top;
 +
    text-align: left;
 
}
 
}
  
Line 745: Line 753:
  
 
/* center content */
 
/* center content */
−
.center_content p,
+
p.center_content,
−
.center_content h1,
+
h1.center_content,
−
.center_content h2,
+
h2.center_content,
−
.center_content h3,
+
h3.center_content,
−
.center_content h4,
+
h4.center_content,
−
.center_content h5,
+
h5.center_content,
−
.center_content h6 {
+
h6.center_content,
−
text-align:center;
+
img.center_content {
 +
margin:auto;
 +
text-align:center!important;
 
}
 
}
 
 
Line 1,042: Line 1,052:
 
}
 
}
  
−
+
 
 +
 
 +
/*read more class for large sections of text*/
 +
 
 +
.read_more {
 +
background-color:#00A19B;
 +
border: 1px solid #00A19B;
 +
border-radius:5px;
 +
color: #ffffff;
 +
font-weight: bold;
 +
padding: 0px 12px;
 +
}
 +
 
 +
 
 +
.read_more:hover {
 +
background-color:#0a5157;
 +
border: 1px solid #0a5157;
 +
color: #ffffff;
 +
cursor:pointer;
 +
}
 +
 
 +
 
 +
.read_more::before{
 +
content: "Read more";
 +
white-space:nowrap;
 +
}
 +
 
 +
.read_more.show_less::before{
 +
content: "Show less";
 +
}
 +
 
 +
.read_more_text{
 +
display:none;
 +
}
 +
 
 
 
 
/*mobile*/
 
/*mobile*/
Line 1,084: Line 1,128:
 
.submenu_item.with_subsub_menu{ width:68%;}   
 
.submenu_item.with_subsub_menu{ width:68%;}   
 
.subsubmenu_item {font-size:70%;}
 
.subsubmenu_item {font-size:70%;}
 +
.igem_column_wrapper{padding-top:0px;}
 
 
 
}
 
}
Line 1,093: Line 1,138:
 
 
 
.igem_content_wrapper {width:100%; margin-left:0px;}
 
.igem_content_wrapper {width:100%; margin-left:0px;}
−
+
.igem_column_wrapper{padding-top:25px;}
 +
 
 
.half_size, .two_thirds_size, .third_size, .three_quarter_size, .quarter_size,  
 
.half_size, .two_thirds_size, .third_size, .three_quarter_size, .quarter_size,  
 
.column.full_size > .highlight.news_item > .column.quarter_size,  
 
.column.full_size > .highlight.news_item > .column.quarter_size,  
Line 1,150: Line 1,196:
 
if ($("#HQ_info").length){
 
if ($("#HQ_info").length){
 
hide_HQ_info();
 
hide_HQ_info();
−
}
 
−
 
−
//if image_slider exists, activate the automatic rotation slider and functionality
 
−
if ($("#image_carrousel").length){
 
−
image_slider_rotation();
 
 
}
 
}
  
Line 1,162: Line 1,203:
 
});
 
});
  
−
 
−
$(".collapsible_accordion_access").click(function(){
 
−
$(this).toggleClass("displaying_content");
 
−
$(this).parent().next().toggleClass("hide_content");
 
−
});
 
  
 
if( $(".igem_mobile_menu_bar").is(":visible") ){
 
if( $(".igem_mobile_menu_bar").is(":visible") ){
Line 1,173: Line 1,209:
 
});
 
});
 
}
 
}
 +
 +
 +
//expand collapse functionality
 +
$(".collapsible_accordion_access").click(function(){
 +
$(this).toggleClass("displaying_content");
 +
$(this).parent().next().toggleClass("hide_content");
 +
});
 +
 +
//read more functionality
 +
$(".read_more").click(function(){
 +
$(this).toggleClass("show_less");
 +
$(this).prev(".read_more_text").fadeToggle(400);
 +
});
 +
 +
//if image_slider exists, activate the automatic rotation slider and functionality
 +
if ($("#image_carrousel").length){
 +
image_slider_rotation();
 +
}
 +
  
  

Latest revision as of 18:02, 20 November 2019

Loading...