You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

0 lines
5.5 KiB

  1. .ui.checkbox{position:relative;display:inline-block;outline:0;margin-right:.5em;vertical-align:middle}.ui.checkbox input{visibility:hidden;outline:0}.ui.checkbox .box,.ui.checkbox label{outline:0;cursor:pointer;position:absolute;line-height:1;width:1em;height:1em;bottom:0;left:0;border-radius:4px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);background:#FFF;-webkit-transition:background-color .1s ease-out,box-shadow .1s ease-out;-moz-transition:background-color .1s ease-out,box-shadow .1s ease-out;-o-transition:background-color .1s ease-out,box-shadow .1s ease-out;-ms-transition:background-color .1s ease-out,box-shadow .1s ease-out;transition:background-color .1s ease-out,box-shadow .1s ease-out}.ui.checkbox .box:after,.ui.checkbox label:after{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;content:'';position:absolute;background:transparent;border:.2em solid #333;border-top:0;border-right:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.checkbox .box:after,.ui.checkbox label:after{width:.5em;height:.2em;top:.25em;left:.2em}.ui.checkbox+label{cursor:pointer;opacity:.85}.ui.checkbox+label:hover{opacity:1}.ui.checkbox .box:hover,.ui.checkbox label:hover{background-color:#FAFAFA;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.3);box-shadow:0 0 0 1px rgba(0,0,0,.3)}.ui.checkbox .box:active,.ui.checkbox label:active{background-color:#F5F5F5}.ui.checkbox input:checked+.box:after,.ui.checkbox input:checked+label:after{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.ui.disabled.checkbox+.box:after,.ui.checkbox input[disabled]+.box:after,.ui.disabled.checkbox label,.ui.checkbox input[disabled]+label{opacity:.4}.ui.radio.checkbox{width:14px;height:16px}.ui.radio.checkbox .box,.ui.radio.checkbox label{width:14px;height:14px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{top:3px;left:3px;border:0;width:8px;height:8px;background-color:#555;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.ui.checkbox{width:1em;height:1em}.ui.checkbox,.ui.checkbox .box,.ui.checkbox label{font-size:1em}.ui.large.checkbox{width:1.25em;height:1.25em}.ui.large.checkbox,.ui.large.checkbox .box,.ui.large.checkbox label{font-size:1.25em}.ui.huge.checkbox{width:1.5em;height:1.5em}.ui.huge.checkbox,.ui.huge.checkbox .box,.ui.huge.checkbox label{font-size:1.5em}.ui.round.blue.checkbox label:after{background:-webkit-linear-gradient(top,#016286 0,#00506e 100%);background:-moz-linear-gradient(top,#016286 0,#00506e 100%);background:-o-linear-gradient(top,#016286 0,#00506e 100%);background:-ms-linear-gradient(top,#016286 0,#00506e 100%);background:linear-gradient(top,#016286 0,#00506e 100%)}.ui.round.checkbox{width:20px;height:20px;margin:0 auto;background:#FCFFF4;background:-webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-moz-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-o-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-ms-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFFF4', endColorstr='#b3bead', GradientType=0);-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);position:relative}.ui.round.checkbox .box,.ui.round.checkbox label{cursor:pointer;position:absolute;width:14px;height:14px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;left:3px;top:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.5) inset,0 1px 0 #fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,.5) inset,0 1px 0 #fff;box-sha