Lungo.widgets.form.css 2.9 KB

1234567891011121314151617181920212223
  1. .form,form{width:inherit !important;}
  2. label{font-size:0.8em;line-height:27px;}
  3. input:not([type=checkbox]),textarea,select{display:inline-block;padding:5px;width:95%;margin-bottom:2px;outline:none;-webkit-appearance:none;border-radius:0px;font-size:15px;line-height:15px;font-weight:bold;-webkit-user-select:text;}
  4. input[type=search]{width:86%;}input[type=search] +.button{float:right;padding:0px;width:32px;height:30px;}input[type=search] +.button .icon{font-size:22px !important;line-height:30px;}
  5. select{width:100%;}
  6. label.select{position:relative;display:inline-block;width:100%;padding-top:2px;}
  7. .select:after{text-align:center;position:absolute;top:0;right:0;bottom:0;height:29px;width:29px;content:"▼";pointer-events:none;line-height:32px;margin-top:2px;}
  8. .no-pointer-events .select:after{content:none;}
  9. input[type="checkbox"],input[type="radio"]{width:82px;height:27px;z-index:2;}
  10. input[type="checkbox"]+span::after,input[type="radio"]+span::after{content:"OFF";}
  11. input[type="checkbox"]:checked+span::after,input[type="radio"]:checked+span::after{content:"ON";}
  12. input[type="checkbox"]+span,input[type="radio"]+span,input[type="checkbox"]+span::before,input[type="radio"]+span::before,input[type="checkbox"]+span::after,input[type="radio"]+span::after{display:inline-block;}
  13. input[type="checkbox"]+span::before,input[type="radio"]+span::before,input[type="checkbox"]+span::after,input[type="radio"]+span::after,input[type="checkbox"]:checked+span::before,input[type="radio"]:checked+span::before,input[type="checkbox"]:checked+span::after,input[type="radio"]:checked+span::after{top:0;}
  14. input[type="checkbox"]+span::after,input[type="radio"]+span::after,input[type="checkbox"]:checked+span::before,input[type="radio"]:checked+span::before{right:0;}
  15. input[type="checkbox"]+span::before,input[type="radio"]+span::before,input[type="checkbox"]:checked+span::after,input[type="radio"]:checked+span::after{left:0;}
  16. input[type="checkbox"],input[type="radio"],input[type="checkbox"]+span::before,input[type="radio"]+span::before,input[type="checkbox"]+span::after,input[type="radio"]+span::after{position:absolute;}
  17. input[type="checkbox"],input[type="radio"]{-webkit-opacity:0;opacity:0;}
  18. input[type="checkbox"]+span,input[type="radio"]+span{width:82px;height:27px;position:relative;font-size:11px;line-height:29px;font-weight:bold;text-transform:uppercase;text-indent:-9999px;}
  19. input[type="checkbox"]+span::before,input[type="radio"]+span::before{content:"";width:41px;height:27px;}
  20. input[type="checkbox"]+span::after,input[type="radio"]+span::after{text-indent:0;width:41px;height:27px;text-align:center;box-shadow:0px 1px 0px #fff, 0px 2px 0px #d2d2d2;}
  21. input[type="checkbox"]:checked+span::before,input[type="radio"]:checked+span::before{left:auto;}
  22. input[type="checkbox"]:checked+span::after,input[type="radio"]:checked+span::after{height:27px;}
  23. @media screen and (-webkit-min-device-pixel-ratio:0){.custom-select select{padding-right:30px;}}