add-menu.component.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. .imgProfile {
  2. width: 200px;
  3. height: 200px;
  4. border: 1px solid #ccc;
  5. border-radius: 20px 20px 0 0;
  6. }
  7. input,select {
  8. font-size: 12px;
  9. background-color: #f9f9f9;
  10. border: 2px solid #bda380;
  11. }
  12. .imgProfile {
  13. width: 70px;
  14. height: 70px;
  15. border-radius: 20px 20px 0 0;
  16. border-radius: 50%;
  17. border: 1px solid #ccc;
  18. }
  19. .imgContainer {
  20. width: 200px;
  21. position: relative;
  22. border-radius: 20px;
  23. margin: 30px auto;
  24. }
  25. .iconUpload-w {
  26. width: 30px;
  27. font-size: 1.25em;
  28. font-weight: 700;
  29. color: #252525;
  30. display: inline-block;
  31. border-radius: 0 0 20px 20px;
  32. position: absolute;
  33. border: 1px solid #ccc;
  34. border-radius: 50%;
  35. bottom: -9px;
  36. right: 41%;
  37. }
  38. .inputfile {
  39. width: 0.1px;
  40. height: 0.1px;
  41. opacity: 0;
  42. overflow: hidden;
  43. position: absolute;
  44. z-index: -1;
  45. }
  46. /* .inputfile + label {
  47. width: 100%;
  48. font-size: 1.25em;
  49. font-weight: 700;
  50. color: #252525;
  51. background-color: transparent;
  52. display: inline-block;
  53. border: 1px solid #ccc;
  54. border-radius: 0 0 20px 20px;
  55. } */
  56. .inputfile:focus + label,
  57. .inputfile + label:hover {
  58. background-color: #00a99d;
  59. color: #fff;
  60. }
  61. .inputfile + label {
  62. cursor: pointer; /* "hand" cursor */
  63. }
  64. .inputfile:focus + label {
  65. outline: 1px dotted #000;
  66. outline: -webkit-focus-ring-color auto 5px;
  67. }
  68. .regesterBtn-w {
  69. width: 200px;
  70. display: block;
  71. margin: 20px auto;
  72. }
  73. .inlineBlock-w {
  74. display: inline-block !important;
  75. float: right !important;
  76. margin: 40px 0 !important;
  77. }
  78. .ql-container {
  79. min-height: 100px !important;
  80. }