Difference between revisions of "Template:Freiburg/CSS"

Line 14: Line 14:
 
/* Full Width Banners
 
/* Full Width Banners
 
/* Footer
 
/* Footer
 +
/* Accordion - Ausklappmenues
 
/*
 
/*
 
/* Flipcard-CSS for the members-section: inline in https://2015.igem.org/Team:Freiburg/Team
 
/* Flipcard-CSS for the members-section: inline in https://2015.igem.org/Team:Freiburg/Team
Line 726: Line 727:
  
 
/* =================== END: Footer =================== */
 
/* =================== END: Footer =================== */
 +
 +
/* =================== Accordion =====================*/
 +
/*----- Accordion -----*/
 +
.accordion, .accordion * {
 +
    -webkit-box-sizing:border-box;
 +
    -moz-box-sizing:border-box;
 +
    box-sizing:border-box;
 +
}
 +
 +
.accordion {
 +
    overflow:hidden;
 +
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
 +
    border-radius:20px;
 +
    background:#EEE;
 +
}
 +
 +
/*----- Section Titles -----*/
 +
.accordion-section-title {
 +
    width:100%;
 +
    padding:15px;
 +
    display:inline-block;
 +
    border-bottom:1px solid #1a1a1a;
 +
    background:#0051a2;
 +
    transition:all linear 0.15s;
 +
    /* Type */
 +
    font-size:1.200em;
 +
    text-shadow:0px 1px 0px #1a1a1a;
 +
    color:#fff;
 +
}
 +
 +
.accordion-section-title.active, .accordion-section-title:hover {
 +
    background:#72A6DB;
 +
    /* Type */
 +
    text-decoration:none;
 +
}
 +
 +
.accordion-section:last-child .accordion-section-title {
 +
    border-bottom:none;
 +
}
 +
}
 +
 +
/*----- Section Content -----*/
 +
.accordion-section-content {
 +
    padding:15px;
 +
    display:none;
 +
}
 +
 +
/* ================= END: Accordion =================*/
  
 
#head {
 
#head {

Revision as of 11:27, 11 September 2015