1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- .signIn_form {
- width: 20%;
- min-height: 106px;
- display: flex;
- height: auto;
- background-color: rgb(164, 162, 167);
- margin: 0 auto;
- -webkit-box-shadow: 0px -23px 30px 18px #7c3ee0;
- box-shadow: 0px -23px 30px 18px #858586;
- border: solid 3px rgb(2, 2, 2);
- border-radius: 20px;
- padding-bottom: 10px;
- padding-left: 6px;
- padding-top: 3px;
- padding-right: 2px;
- border-bottom: none;
- position: absolute;
- left: 40%;
- top: 200px;
- }
- .signIn_input {
- width: 100%;
- }
- .signIn_input_wrapper {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- padding-right: 10px;
- width: 280px;
- }
- .signIn_button {
- text-orientation: upright;
- writing-mode: vertical-rl;
- transform: rotate(7deg);
- -ms-transform: rotate(7deg);
- -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.93969262, M12=0.34202014, M21=-0.34202014, M22=0.93969262,sizingMethod='auto expand')"; /* IE6-8 */
- -webkit-transform: rotate(7deg);
- width: 64px;
- height: auto;
- }
- .input_show_password {
- display: inline-block;
- margin-right: 10px;
- }
- @media (min-width: 767px) {
- .signIn_form {
- width: 600px;
- }
- .signIn_input_wrapper {
- padding-right: 10px;
- width: 550px;
- }
- }
|