Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body
- {
- margin: 0 auto;
- padding: 0;
- position: relative;
- text-align: center;
- }
- .container
- {
- text-align: center;
- margin: 25px auto;
- width: 900px;
- position: relative;
- }
- .container2
- {
- text-align: center;
- display: inline-block;
- }
- /*label
- {
- display: flex;
- align-items: center;
- position: relative;
- }
- input
- {
- width: 0;
- height: 0;
- }
- label > span
- {
- width: 20px;
- height: 20px;
- display: flex;
- justify-content: center;
- border: 2px solid #9e9e9e;
- margin-right: 15px;
- border-radius: 3px;
- transition: all 0.3s;
- }
- input:checked + label > span
- {
- border: 10px solid #006cff;
- }
- input:checked + label > span:before
- {
- content: "";
- position: absolute;
- top: 8px;
- left: 4px;
- border-right: 3px solid transparent;
- border-bottom: 3px solid transparent;
- transform: rotate(45deg);
- transform-origin: 0% 100%;
- animation: checked-box 125ms 250ms forwards;
- }*/
- /*@keyframes checked-box{
- 0%{
- width: 0;
- height: 0;
- border-color: #fff;
- transform:: translate(0,0) rotate(45deg);
- }
- 33%{
- width: 4px;
- height: 0;
- border-color: #fff1;
- transform:: translate(0,0) rotate(45deg);
- }
- 100%{
- width: 8px;
- height: 4px;
- border-color: #fff;
- transform:: translate(0,-8px) rotate(45deg);
- }
- }*/
- #content
- {
- position: relative;
- width: 280px;
- height: 480px;
- margin: 0 auto;
- padding: 25px 0 0;
- background-color: #f9f9f9;
- text-align: center;
- box-shadow: 0 1px 0 #fff inset;
- padding: 25px 0 0;
- /*border: 1px solid #c4c6ca;*/
- }
- #content h1
- {
- font-family: sans-serif,Arial;
- font-size: 25px;
- color: black;
- font-weight: bold;
- letter-spacing: -0.05em;
- }
- .wrapper
- {
- width: 100%;
- height: 45px;
- margin: 0 auto;
- margin-top: 25px;
- margin-bottom: 20px;
- border: 1px solid gainsboro;
- border-radius: 5px;
- }
- .wrapper input
- {
- width: 200px;
- height: 45px;
- background: transparent;
- border:0px;
- outline: none;
- font-size: 16px;
- font-family: sans-serif,Arial;
- }
- .wrapper .fa
- {
- font-size: 20px;
- color: #333;
- margin-left: -35px;
- }
- a
- {
- text-decoration: none;
- font-family: sans-serif,Arial;
- letter-spacing: -0.05em;
- font-size: 14px;
- color: #333;
- margin-left: 80px;
- }
- .witam
- {
- border: 1px solid #c4c6ca;
- }
- .buttone
- {
- margin-bottom: 15px;
- width: 100%;
- border: none;
- border-radius: 3px;
- clear: both;
- cursor: pointer;
- font-weight: 500;
- text-align: center;
- vertical-align: middle;
- white-space: nowrap;
- user-select: none;
- font-size: 18px;
- font-family: sans-serif,Arial;
- height: 42px;
- line-height: 42px;
- padding: 0 20px;
- background: #006cff;
- color: #fff;
- }
- .buttones
- {
- width: 100%;
- border: none;
- border-radius: 3px;
- clear: both;
- cursor: pointer;
- font-weight: 500;
- text-align: center;
- vertical-align: middle;
- white-space: nowrap;
- user-select: none;
- font-size: 18px;
- font-family: sans-serif,Arial;
- height: 42px;
- line-height: 42px;
- padding: 0 20px;
- background: #fff;
- color: #006cff;
- border: 1px solid #006cff;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement