experience mobile header
This commit is contained in:
parent
dec12cb6d2
commit
0b305db055
@ -90,19 +90,22 @@
|
|||||||
#section3 {
|
#section3 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab {
|
.tab {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 20%;
|
width: auto;
|
||||||
/*float: left;*/
|
/*float: left;*/
|
||||||
|
margin: 2px;
|
||||||
margin-right: 0;
|
border: 0.5mm solid hsla(0, 100%, 50%, 0);
|
||||||
|
padding: 2px 2px 2px 0;
|
||||||
border: 0mm solid hsla(0, 100%, 50%, 0);
|
|
||||||
padding-left: 0;
|
|
||||||
clear: none;
|
clear: none;
|
||||||
margin-bottom: 70px;
|
margin-bottom: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#tab1 + .tab {
|
||||||
|
margin-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
position: static;
|
position: static;
|
||||||
display: block;
|
display: block;
|
||||||
@ -113,6 +116,7 @@
|
|||||||
|
|
||||||
.ratiobtn:checked + .tab {
|
.ratiobtn:checked + .tab {
|
||||||
color: aqua;
|
color: aqua;
|
||||||
|
background-color: #146d23;
|
||||||
transition: border-left-color 500ms;
|
transition: border-left-color 500ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user