Difference between revisions of "Template:Main2019"

 
(21 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 862: Line 872:
  
 
.navigation_support_title {
 
.navigation_support_title {
−
    width: 200px;
+
background-color: #f2f2f2;
−
    float: left;
+
    border-radius: 7px;
−
    height: 25px;
+
color: #797979;
−
    background-color: #f2f2f2;
+
    cursor: pointer;
−
    color: #797979;
+
float: left;
−
    padding: 8px 3.5px 2px 3.5px;
+
    font-size: 120%;
−
    text-align: center;
+
font-weight: bold;
−
    margin: 0px 10px 0px 0px;
+
height: 25px;
−
    border-radius: 7px;
+
margin: 0px 10px 0px 0px;
−
    cursor: pointer;
+
padding: 8px 3.5px 2px 3.5px;
−
    font-weight: bold;
+
    text-align: center;
−
    font-size: 120%;
+
width: 200px;
 
}
 
}
  
  
 
.navigation_button {   
 
.navigation_button {   
−
border: 2px solid #c1c1c1;
+
border: 2px solid #c1c1c1;
−
    border-radius: 15%;
+
    border-radius: 15%;
−
    color: #797979;
+
    color: #797979;
−
    font-weight: bold;
+
cursor: pointer;
−
    cursor: pointer;
+
display: block;
−
    display: block;
+
float: left;
−
    float: left;
+
font-size: 120%;
−
    height: 25px;
+
    font-weight: bold;
−
    margin-right: 15px;
+
height: 25px;
−
    padding: 6px 1.5px 0px 1.5px;
+
    margin-right: 15px;
−
    width: 30px;
+
    padding: 6px 1.5px 0px 1.5px;
−
    text-align: center;
+
    text-align: center;
−
    font-size: 120%;
+
    width: 30px;
 
}
 
}
  
Line 909: Line 919:
 
.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: #00a19c;  
 
background-color: #00a19c;  
−
color: #ffffff;
 
 
border: 2px solid #00a19c;
 
border: 2px solid #00a19c;
 +
color: #ffffff;
 
}
 
}
  
Line 919: Line 929:
  
 
.navigation_button.active_navigation_button {
 
.navigation_button.active_navigation_button {
 +
color: #00a19c;
 
background-color: #f2f2f2;  
 
background-color: #f2f2f2;  
−
color: #00a19c;
 
 
border: 2px solid #00a19c;
 
border: 2px solid #00a19c;
 
}
 
}
−
 
−
 
  
  
Line 930: Line 938:
 
.title_extra {
 
.title_extra {
 
color: #00a19c;  
 
color: #00a19c;  
 +
display:none;
 
float:left;  
 
float:left;  
 +
margin-right: 20px;
 
padding: 7px 0px;  
 
padding: 7px 0px;  
−
margin-right: 20px;
 
−
display:none;
 
 
}
 
}
  
Line 943: Line 951:
 
.title_extra.support_item {
 
.title_extra.support_item {
 
display:block;
 
display:block;
−
margin-right:0px;
 
 
margin-left: -17px;
 
margin-left: -17px;
 +
margin-right:0px;
 
}
 
}
 
 
Line 961: Line 969:
  
 
.track_navigation{
 
.track_navigation{
−
width:8.33%;
 
 
float:left;
 
float:left;
 +
width:8.33%;
 
}
 
}
  
 
.track_navigation> img {
 
.track_navigation> img {
−
  opacity: 1.0;
+
opacity: 1.0;
 
}
 
}
  
  
 
.track_navigation> img:hover{
 
.track_navigation> img:hover{
−
  opacity: 0.5;
+
opacity: 0.5;
 
}
 
}
 
 
Line 1,044: 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,086: 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,095: 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,152: 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,164: 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,175: 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...