Brume's website https://brume.ink
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

88 lines
1.4 KiB

.center-tabs {
margin: 8vw;
@media screen and (max-width: 600px) {
margin: 2vw;
}
}
.image-gallerie{
@media screen and (max-width: 600px) {
max-width: 200px;
max-height: 150px;
}
}
#tabs::after {
display: block;
content: "";
clear: both;
}
.tab-switch {
position: fixed;
}
.tab-switch:target + .tab-link + .tab-content {
display: block;
}
.tab-link {
display: inline-block;
}
.tab-content {
box-sizing: border-box;
float: right;
display: none;
width: 100%;
}
#tabs {
background-color: #eee;
font-size: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: 0.3s box-shadow ease;
border-radius: 6px;
}
#tabs:hover {
box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}
.tab-link {
padding: 20px;
text-decoration: none;
font-size: 16px;
color: black;
transition: 0.5s background-color ease;
border-radius: 6px 6px 0px 0px;
}
.tab-link:hover {
background-color: white;
color: black;
}
.tab-link ~ .tab-link {
margin-left: 0;
}
.tab-switch:target + .tab-link {
background-color: white;
color: black;
}
.tab-content {
border-radius: 0px 0px 6px 6px;
background-color: white;
padding: 35px;
font-size: 13px;
}
.tab-content p {
line-height: 1.65;
}
.tab-content ul, .tab-content ol {
padding: 0 0 0 15px;
margin: 0;
line-height: 1.25;
}
.tab-content ul > li, .tab-content ol > li {
margin: 5px 0;
}