Difference between revisions of "Template:ATOMS-Turkiye/Test"

(Undo revision 265777 by Mfatih (talk))
Line 394: Line 394:
 
     border-color:  rgba(255, 255, 255, 0);
 
     border-color:  rgba(255, 255, 255, 0);
 
}
 
}
−
 
+
/*instead of old hide box*/
−
.accordion{
+
.clickme{  
−
     width: 100%;
+
     display: inline;
−
     margin: 10px auto 10px auto;
+
     background: rgb(222, 234, 243);
−
}
+
    color: #003366;
−
 
+
−
.accordion label{
+
 
     font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
 
     font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
−
     padding: 5px 20px;
+
     padding: 10px 20px 10px;
 
     position: relative;
 
     position: relative;
 
     z-index: 20;
 
     z-index: 20;
Line 419: Line 417:
 
     -ms-user-select: none;
 
     -ms-user-select: none;
 
     user-select: none;
 
     user-select: none;
−
}
 
  
−
.bg-color-2 .accordion label {
 
−
    background-color: #D5CDBC;
 
−
    background-color: #D5CDBC;
 
−
}
 
−
.accordion label {
 
 
     background-color: #D4E3E4;
 
     background-color: #D4E3E4;
 +
 
 +
    margin-top: 20px;
 +
   
 +
    border-bottom:0px !important;
 
}
 
}
−
 
+
.clickme:hover{
−
.accordion label:hover{
+
  background: rgb(184, 218, 220) !important;
−
    background: #B8DADC;
+
    color: #003366;
 
}
 
}
  
−
.accordion input:checked + label,
+
.box{
−
.accordion input:checked + label:hover{
+
 
     background: rgb(222, 234, 243);
 
     background: rgb(222, 234, 243);
−
    color: #003366;
 
−
}
 
−
 
−
.accordion input:checked + label:hover {
 
−
    background-color: #B8DADC !important;
 
−
}
 
−
 
−
.accordion input:enabled + label:after{
 
−
    content: '';
 
−
    position: absolute;
 
−
    width: 24px;
 
−
    height: 24px;
 
−
    right: 13px;
 
−
    top: 7px;
 
−
    background: transparent url(https://static.igem.org/mediawiki/2014/f/f8/LMU14_arrow_down.png) no-repeat center center;
 
−
}
 
−
 
−
.accordion input{
 
−
    display: none;
 
−
}
 
−
 
−
.accordion article{
 
−
    background: rgba(255, 255, 255, 0.5);
 
 
     margin-top: -1px;
 
     margin-top: -1px;
 
     overflow: hidden;
 
     overflow: hidden;
−
     height: 0px;
+
      
 
     position: relative;
 
     position: relative;
 
     z-index: 10;
 
     z-index: 10;
−
     transition:
+
     transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
−
    height 0.3s ease-in-out,
+
  padding: 80px 50px 60px 50px;
−
    box-shadow 0.6s linear;
+
 
}
 
}
−
.accordion input:checked ~ article{
+
#tiger{
−
     transition:
+
     float: right;
−
     height 0.5s ease-in-out,
+
     padding: 15px;
 
}
 
}
  
−
.accordion input:checked ~ article.ac-small{
 
−
    height: auto;
 
−
    padding-top: 5px;
 
−
    padding-left: 15px;
 
−
    padding-right: 15px;
 
−
    padding-bottom: 10px;
 
−
    text-align: justify;
 
−
    background-color:rgb(222, 234, 243)
 
−
}
 
−
.accordion input:checked ~ article.ac-medium{
 
−
    height: 180px;
 
−
}
 
−
.accordion input:checked ~ article.ac-large{
 
−
    height: 230px;
 
−
}
 
−
 
−
.accordion input:checked + label:after{
 
−
    background-image: url();
 
−
}
 
−
 
−
section > div{
 
−
    width: 900px;
 
−
    text-align: left;
 
−
    margin-left: auto;
 
−
    margin-right: auto;
 
−
    padding-bottom: 5px;
 
−
    padding-top: 5px;
 
−
}
 
−
 
−
.accordion article p {
 
−
    font-size: 1em;
 
−
}
 
−
 
−
.accordion article,
 
−
section p {
 
−
    text-align: justify;
 
−
    font-size: 19px;
 
−
    line-height:1.5em;
 
−
}
 
  
 
#content-div > section {
 
#content-div > section {

Revision as of 22:00, 16 September 2015