Difference between revisions of "Template:Cologne-Duesseldorf/css"

Line 749: Line 749:
 
   }
 
   }
 
   #bodyContent table tbody td:before{content:none;}
 
   #bodyContent table tbody td:before{content:none;}
 +
}
 +
 +
#bodyContent .tab {
 +
  display:flex;
 +
  flex-direction:row;
 +
  justify-content: center;
 +
}
 +
 +
#bodyContent .tab button {
 +
  background-color:#fff;
 +
  border:none;
 +
  border-bottom:5px solid #ccc;
 +
  outline:none;
 +
  transition: 0.3s;
 +
  width: 100%;
 +
  padding: 20px;
 +
}
 +
 +
#bodyContent .tab button:hover{
 +
  background-color:#eee;
 +
}
 +
 +
#bodyContent .tab button.active {
 +
  border-bottom:5px solid #149375;
 +
}
 +
 +
#bodyContent .tabcontent {
 +
  display:none;
 +
}
 +
 +
#bodyContent .tabcontent:first-child{
 +
  display:block;
 +
}
 +
 +
#bodyContent .tabcontent {
 +
    -webkit-animation: fadeEffect 1s;
 +
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
 +
}
 +
 +
@-webkit-keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 +
}
 +
 +
@keyframes fadeEffect {
 +
    from {opacity: 0;}
 +
    to {opacity: 1;}
 
}
 
}
 
/************************************************************************
 
/************************************************************************

Revision as of 15:21, 27 October 2017