yemi.css 982 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. [moe] [url]:not([show]){
  2. display: none;
  3. }
  4. [moe] {
  5. display: inline-block;
  6. position: relative;
  7. }
  8. [moe][relative] {
  9. position: relative;
  10. }
  11. [moe] [url]:not([show]) {
  12. z-index: 99999;
  13. position: absolute;
  14. background-color: white;
  15. padding: 10px;
  16. border: 1px solid gray;
  17. min-width: 180px;
  18. box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  19. border: none;
  20. border-radius: 5px;
  21. }
  22. [moe][fixed-center] [url]:not([show]) {
  23. position: fixed !important;
  24. top: 50% !important;
  25. left: 50% !important;
  26. width: 600px;
  27. transform: translate(-50%, -50%) !important;
  28. }
  29. [moe] [url][right] {
  30. right: 0;
  31. min-width: 200px;
  32. }
  33. [moe] [url][left] {
  34. left: 0;
  35. }
  36. #moe-form-mask {
  37. cursor: pointer;
  38. }
  39. [moe][large] form, [moe][large] [url] {
  40. width: 450px;
  41. }
  42. [moe][wide] form, [moe][wide] [url] {
  43. width: 550px;
  44. }
  45. [moe][huge] form, [moe][huge] [url] {
  46. width: 900px;
  47. }
  48. [moe][larger] form, [moe][larger] [url] {
  49. width: 750px;
  50. }