12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- .imgProfile {
- width: 200px;
- height: 200px;
- border: 1px solid #ccc;
- border-radius: 20px 20px 0 0;
- }
- input,select {
- font-size: 12px;
- background-color: #f9f9f9;
- border: 2px solid #bda380;
- }
- .imgProfile {
- width: 70px;
- height: 70px;
- border-radius: 20px 20px 0 0;
- border-radius: 50%;
- border: 1px solid #ccc;
- }
- .imgContainer {
- width: 200px;
- position: relative;
- border-radius: 20px;
- margin: 30px auto;
- }
- .iconUpload-w {
- width: 30px;
- font-size: 1.25em;
- font-weight: 700;
- color: #252525;
- display: inline-block;
- border-radius: 0 0 20px 20px;
- position: absolute;
- border: 1px solid #ccc;
- border-radius: 50%;
- bottom: -9px;
- right: 41%;
- }
- .inputfile {
- width: 0.1px;
- height: 0.1px;
- opacity: 0;
- overflow: hidden;
- position: absolute;
- z-index: -1;
- }
- /* .inputfile + label {
- width: 100%;
- font-size: 1.25em;
- font-weight: 700;
- color: #252525;
- background-color: transparent;
- display: inline-block;
- border: 1px solid #ccc;
- border-radius: 0 0 20px 20px;
- } */
- .inputfile:focus + label,
- .inputfile + label:hover {
- background-color: #00a99d;
- color: #fff;
- }
- .inputfile + label {
- cursor: pointer; /* "hand" cursor */
- }
- .inputfile:focus + label {
- outline: 1px dotted #000;
- outline: -webkit-focus-ring-color auto 5px;
- }
- .regesterBtn-w {
- width: 200px;
- display: block;
- margin: 20px auto;
- }
- .inlineBlock-w {
- display: inline-block !important;
- float: right !important;
- margin: 40px 0 !important;
- }
- .ql-container {
- min-height: 100px !important;
- }
|