Skip to content
Snippets Groups Projects

Features 4674

Merged Mira requested to merge features-4674 into master
5 files
+ 215
25
Compare changes
  • Side-by-side
  • Inline
Files
5
css/tabs.css 0 → 100644
+ 76
0
 
.wrapper {
 
min-width: 600px;
 
max-width: 900px;
 
margin: 0 auto;
 
}
 
 
.tabs {
 
display: table;
 
table-layout: fixed;
 
width: 100%;
 
-webkit-transform: translateY(5px);
 
transform: translateY(5px);
 
}
 
.tabs > li {
 
transition-duration: 0.25s;
 
display: table-cell;
 
list-style: none;
 
text-align: center;
 
padding: 20px 20px 25px 20px;
 
position: relative;
 
overflow: hidden;
 
cursor: pointer;
 
color: black;
 
}
 
.tabs > li:before {
 
z-index: -1;
 
position: absolute;
 
content: "";
 
width: 100%;
 
height: 120%;
 
top: 0;
 
left: 0;
 
background-color: rgba(255, 255, 255, 0.3);
 
-webkit-transform: translateY(100%);
 
transform: translateY(100%);
 
transition-duration: 0.25s;
 
border-radius: 5px 5px 0 0;
 
}
 
.tabs > li:hover:before {
 
-webkit-transform: translateY(70%);
 
transform: translateY(70%);
 
}
 
.tabs > li.active {
 
color: #50555a;
 
border-style: inset;
 
}
 
.tabs > li.active:before {
 
transition-duration: 0.5s;
 
background-color: transparent;
 
-webkit-transform: translateY(0);
 
transform: translateY(0);
 
}
 
 
.tab__content {
 
background-color: transparent;
 
position: relative;
 
width: 100%;
 
border-radius: 5px;
 
}
 
.tab__content > li {
 
width: 100%;
 
position: absolute;
 
top: 0;
 
left: 0;
 
display: none;
 
list-style: none;
 
}
 
.tab__content > li .content__wrapper {
 
text-align: center;
 
border-radius: 5px;
 
width: 100%;
 
padding: 45px 40px 40px 40px;
 
background-color: transparent;
 
}
 
 
Loading