Lungo.widgets.form.css 3.5 KB

1234567891011121314151617181920212223242526
  1. label{font-size:0.8em;line-height:27px;}
  2. 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;}
  3. 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;}
  4. select{width:100%;height:29px;}
  5. label.select{position:relative;display:inline-block;width:100%;padding-top:2px;}
  6. .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;}
  7. .no-pointer-events .select:after{content:none;}
  8. input[type="checkbox"],input[type="radio"]{width:82px;height:27px;z-index:2;}
  9. input[type="checkbox"]+span::after,input[type="radio"]+span::after{content:"OFF";}
  10. input[type="checkbox"]:checked+span::after,input[type="radio"]:checked+span::after{content:"ON";}
  11. 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;}
  12. 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;}
  13. input[type="checkbox"]+span::after,input[type="radio"]+span::after,input[type="checkbox"]:checked+span::before,input[type="radio"]:checked+span::before{right:0;}
  14. input[type="checkbox"]+span::before,input[type="radio"]+span::before,input[type="checkbox"]:checked+span::after,input[type="radio"]:checked+span::after{left:0;}
  15. 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;}
  16. input[type="checkbox"],input[type="radio"]{-webkit-opacity:0;opacity:0;}
  17. 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;}
  18. input[type="checkbox"]+span::before,input[type="radio"]+span::before{content:"";width:41px;height:27px;}
  19. 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;}
  20. input[type="checkbox"]:checked+span::before,input[type="radio"]:checked+span::before{left:auto;}
  21. input[type="checkbox"]:checked+span::after,input[type="radio"]:checked+span::after{height:27px;}
  22. input[type="range"]{-webkit-appearance:none;height:3px;width:100%;outline:none;border-radius:1px;position:relative;padding:0px;margin:0px;margin-bottom:4px !important;border:0;cursor:ew-resize;}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;position:relative;z-index:1;width:24px;height:24px;border-radius:12px;}
  23. .progress{width:100%;}.progress .labels{display:block;}.progress .labels span:last-child{float:right;}
  24. .progress .bar{height:3px;display:block;}.progress .bar .value{display:block;height:inherit;width:0%;-webkit-transition:width 500ms cubic-bezier(0.39, 0.575, 0.565, 1);}.progress .bar .value .glow{float:right;height:inherit;width:3px;}
  25. @media screen and (-webkit-min-device-pixel-ratio:0){.custom-select select{padding-right:30px;}}