tabs
This commit is contained in:
parent
9371c992c8
commit
7e2808b415
3 changed files with 111 additions and 105 deletions
11
index.css
11
index.css
|
@ -18,8 +18,15 @@ float: left;
|
|||
display: none;
|
||||
}
|
||||
.tab label {
|
||||
background: rgb(128,0,128);
|
||||
background: linear-gradient(rgba(64,64,64,1), rgba(64,64,64,0));
|
||||
border-color: rgb(128,128,128);
|
||||
border-radius: .5em;
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 0 1px;
|
||||
color: rgb(128,128,0);
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
padding: .5em 1em;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.tab_content {
|
||||
|
@ -28,7 +35,7 @@ left: 0;
|
|||
position: absolute;
|
||||
}
|
||||
input:checked ~ label {
|
||||
background: rgb(128,128,0);
|
||||
background: linear-gradient(rgba(128,128,128,1), rgba(128,128,128,0));
|
||||
}
|
||||
input:checked ~ label ~ .tab_content {
|
||||
display: block;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue