92 lines
2.2 KiB
CSS
92 lines
2.2 KiB
CSS
/*
|
|
jQuery.mmenu toggles addon CSS
|
|
*/
|
|
input.mm-toggle,
|
|
input.mm-check {
|
|
position: absolute;
|
|
left: -10000px; }
|
|
|
|
label.mm-toggle,
|
|
label.mm-check {
|
|
margin: 0;
|
|
position: absolute;
|
|
bottom: 50%;
|
|
z-index: 2; }
|
|
label.mm-toggle:before,
|
|
label.mm-check:before {
|
|
content: '';
|
|
display: block; }
|
|
|
|
label.mm-toggle {
|
|
border-radius: 30px;
|
|
width: 50px;
|
|
height: 30px;
|
|
margin-bottom: -15px; }
|
|
label.mm-toggle:before {
|
|
border-radius: 30px;
|
|
width: 28px;
|
|
height: 28px;
|
|
margin: 1px; }
|
|
|
|
input.mm-toggle:checked ~ label.mm-toggle:before {
|
|
float: right; }
|
|
|
|
label.mm-check {
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-bottom: -15px; }
|
|
label.mm-check:before {
|
|
border-left: 3px solid;
|
|
border-bottom: 3px solid;
|
|
width: 40%;
|
|
height: 20%;
|
|
margin: 25% 0 0 20%;
|
|
opacity: 0.1;
|
|
-webkit-transform: rotate(-45deg);
|
|
-moz-transform: rotate(-45deg);
|
|
-ms-transform: rotate(-45deg);
|
|
-o-transform: rotate(-45deg);
|
|
transform: rotate(-45deg); }
|
|
|
|
input.mm-check:checked ~ label.mm-check:before {
|
|
opacity: 1; }
|
|
|
|
label.mm-toggle, label.mm-check {
|
|
right: 20px; }
|
|
label.mm-toggle + a,
|
|
label.mm-toggle + span {
|
|
padding-right: 80px; }
|
|
label.mm-check + a,
|
|
label.mm-check + span {
|
|
padding-right: 60px; }
|
|
|
|
a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
|
|
right: 60px; }
|
|
a.mm-next + label.mm-toggle + a,
|
|
a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a,
|
|
a.mm-next + label.mm-check + span {
|
|
margin-right: 50px; }
|
|
a.mm-next + label.mm-toggle + a,
|
|
a.mm-next + label.mm-toggle + span {
|
|
padding-right: 70px; }
|
|
a.mm-next + label.mm-check + a,
|
|
a.mm-next + label.mm-check + span {
|
|
padding-right: 50px; }
|
|
|
|
em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
|
|
right: 100px; }
|
|
em.mm-counter + a.mm-next + label.mm-toggle + a,
|
|
em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a,
|
|
em.mm-counter + a.mm-next + label.mm-check + span {
|
|
margin-right: 90px; }
|
|
|
|
.mm-menu label.mm-toggle {
|
|
background: rgba(0, 0, 0, 0.1); }
|
|
.mm-menu label.mm-toggle:before {
|
|
background: #f3f3f3; }
|
|
.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
|
|
background: #4bd963; }
|
|
|
|
.mm-menu label.mm-check:before {
|
|
border-color: rgba(0, 0, 0, 0.7); }
|