add-news.component.css 1.4 KB

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