2 lines
1.2 KiB
CSS
Executable File
2 lines
1.2 KiB
CSS
Executable File
.check{position:relative;display:inline-table;width:165px;height:35px;left:2px;top:1px;border:1px solid #d8d8d8;text-align:center;align-content:center}.lib,.layer{position:absolute;right:0;height:34px;bottom:0;left:0;clear:both}.lib{z-index:2;left:7px;padding-left:7px;top:5px}.layer{width:100%;z-index:1;background:linear-gradient(to right, transparent 50%, transparent 50%);transition:background-color 1s ease}.check.r,.check.r .layer{border-radius:100px}.checkbox{position:relative;width:100%;padding-top:0px;margin:1px;opacity:0;cursor:pointer;z-index:3}#checkModeTest-1 .lib::before{content:" Mode test";position:absolute;width:12px;height:3px;color:#0b4c5f;color:#000;font-size:14px;font-weight:bold;text-align:left;line-height:.2;padding:8.5px 4px;background-color:#d3d3d3;top:2px;left:5px;white-space:nowrap;border-radius:50%;margin:0px}#checkModeTest-1 .checkbox:checked+.lib::before{content:" Mode réel";background-color:#01dfa5;text-align:left;left:45px;color:#0b4c5f;margin:0px}#checkModeTest-1 .checkbox:checked~.layer{background:linear-gradient(to right, transparent 0%, white 100%)}#checkModeTest-1 .lib,#checkModeTest-1 .lib::before,#checkModeTest-1 .layer{transition:.3s ease all}
|