ElEditors, Interface administrators, Administrators
85,546
edits
mNo edit summary |
mNo edit summary |
||
Line 2: | Line 2: | ||
div.tabdiv { | div.tabdiv { | ||
display: flex; | display: flex; | ||
background-color: #888; | |||
} | } | ||
Line 18: | Line 15: | ||
div.tabdiv div.tabdiv > ul > li { | div.tabdiv div.tabdiv > ul > li { | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 94: | Line 86: | ||
div.tabdiv > ul > li.active a { | div.tabdiv > ul > li.active a { | ||
color: #300000; | color: #300000; | ||
} | |||
/****************************** Checkbox Styles ******************************/ | |||
input[type='radio']:before, | |||
input[type='radio']:after, | |||
input[type='checkbox']:before, | |||
input[type='checkbox']:after { | |||
content: ''; | |||
position: absolute; | |||
border: 2px #777 solid; | |||
} | |||
input[type='radio']:before, | |||
input[type='checkbox']:before { | |||
width: 13px; | |||
height: 13px; | |||
top: 0; | |||
left: 0; | |||
z-index: 1; | |||
background-color: #888; | |||
-webkit-clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 100% 50%, 100% 0%); | |||
clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 100% 50%, 100% 0%); | |||
} | |||
input[type='radio']:after, | |||
input[type='checkbox']:after { | |||
width: 7px; | |||
height: 7px; | |||
top: 10px; | |||
left: 10px; | |||
z-index: 2; | |||
background-color: transparent; | |||
-webkit-transform: rotate(45deg); | |||
-moz-transform: rotate(45deg); | |||
-o-transform: rotate(45deg); | |||
-ms-transform: rotate(45deg); | |||
transform: rotate(45deg); | |||
-webkit-clip-path: polygon(0% 0%, 50% 50%, 0% 100%); | |||
-clip-path: polygon(0% 0%, 50% 50%, 0% 100%); | |||
} | |||
input[type='radio'] + label, | |||
input[type='radio'] + label a, | |||
input[type='checkbox'] + label, | |||
input[type='checkbox'] + label a { | |||
background-color: #2a2a2a; | |||
color: #888; | |||
} | |||
input[type='radio']:checked:before, | |||
input[type='checkbox']:checked:before { | |||
background-color: #f8a500; | |||
border-color: #f8a500; | |||
} | |||
input[type='radio']:checked:after, | |||
input[type='checkbox']:checked:after { | |||
border-color: #f8a500; | |||
} | |||
input[type='radio']:checked + label, | |||
input[type='radio']:checked + label a, | |||
input[type='checkbox']:checked + label, | |||
input[type='checkbox']:checked + label a { | |||
color: #fff; | |||
} | } | ||