|
|
|
|
.options
|
|
|
|
|
position: relative
|
|
|
|
|
|
|
|
|
|
button, input, select
|
|
|
|
|
font-size: 13px
|
|
|
|
|
|
|
|
|
|
label
|
|
|
|
|
cursor: pointer
|
|
|
|
|
|
|
|
|
|
.label-h
|
|
|
|
|
font-weight: 700
|
|
|
|
|
|
|
|
|
|
input[type=radio]
|
|
|
|
|
display: none!important
|
|
|
|
|
visibility: hidden
|
|
|
|
|
opacity: 0
|
|
|
|
|
|
|
|
|
|
input[type='checkbox']
|
|
|
|
|
cursor: pointer
|
|
|
|
|
vertical-align: sub
|
|
|
|
|
|
|
|
|
|
input[type='range']
|
|
|
|
|
cursor: pointer
|
|
|
|
|
vertical-align: -16px
|
|
|
|
|
|
|
|
|
|
.container
|
|
|
|
|
margin: 5px 0px 5px 12px
|
|
|
|
|
|
|
|
|
|
.tab-content
|
|
|
|
|
background: $bloc-background-color
|
|
|
|
|
position: relative
|
|
|
|
|
padding: 20px
|
|
|
|
|
@extend .clear-fix
|
|
|
|
|
> div
|
|
|
|
|
position: absolute
|
|
|
|
|
top: 0
|
|
|
|
|
left: 0
|
|
|
|
|
height: auto
|
|
|
|
|
width: 100%
|
|
|
|
|
z-index: -1
|
|
|
|
|
opacity: 0
|
|
|
|
|
visibility: hidden
|
|
|
|
|
input
|
|
|
|
|
&#tab_language:checked ~ .tab-content .language,
|
|
|
|
|
&#t-2:checked ~ .tab-content .theme,
|
|
|
|
|
&#t-3:checked ~ .tab-content .notifications,
|
|
|
|
|
&#t-4:checked ~ .tab-content .keys,
|
|
|
|
|
&#t-5:checked ~ .tab-content .appearance,
|
|
|
|
|
&#t-6:checked ~ .tab-content .users
|
|
|
|
|
&#t-7:checked ~ .tab-content .webtorrent
|
|
|
|
|
position: relative
|
|
|
|
|
z-index: 10
|
|
|
|
|
opacity: 1
|
|
|
|
|
visibility: visible
|
|
|
|
|
|
|
|
|
|
label.tabs
|
|
|
|
|
&:hover
|
|
|
|
|
color: $main-color-dark
|
|
|
|
|
text-align: center
|
|
|
|
|
width: auto
|
|
|
|
|
display: inline-block!important
|
|
|
|
|
margin: 0 5px 0 0
|
|
|
|
|
padding: 5px 15px
|
|
|
|
|
color: $main-color-light
|
|
|
|
|
background: $background-light
|
|
|
|
|
|
|
|
|
|
input:checked + label.tabs
|
|
|
|
|
background: $bloc-background-color
|
|
|
|
|
color: $main-color-dark
|
|
|
|
|
|
|
|
|
|
|
