Spaces:
Sleeping
Sleeping
| body{ | |
| background-image:url("../static/Images/Background.jpg"); | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| } | |
| .k{ | |
| display:flex; | |
| flex-direction: row; | |
| margin-top: 30px; | |
| } | |
| .k img{ | |
| position:relative ; | |
| height: 250px; | |
| width: 250px; | |
| margin-left: 280px; | |
| } | |
| .kk{ | |
| position: relative; | |
| line-height: 0; | |
| display:flex; | |
| flex-direction: column; | |
| margin-left: 100px; | |
| margin-top: 50px; | |
| color:rgb(17, 17, 17) | |
| } | |
| .kk h1{ | |
| font-size: 65px; | |
| white-space: nowrap; | |
| } | |
| .kk h5{ | |
| margin-top: 12px; | |
| font-size: 24px; | |
| font-weight: 500; | |
| white-space: nowrap; | |
| } | |
| #lan{ | |
| border-radius: 5px; | |
| margin-top: 10px; | |
| width: 350px; | |
| height: 45px; | |
| font-size: 25px; | |
| color: rgb(108, 108, 109); | |
| } | |
| .kkk{ | |
| position:absolute; | |
| display: flex; | |
| flex-direction:row; | |
| margin-top: 150px; | |
| } | |
| #type{ | |
| font-size: 20px; | |
| position: relative; | |
| resize: none; | |
| width: 550px; | |
| height: 350px; | |
| margin-left: 400px; | |
| overflow-y: scroll; | |
| } | |
| #out{ | |
| font-size: 20px; | |
| position: relative; | |
| resize:none; | |
| width:550px; | |
| height: 350px; | |
| margin-left: 0px; | |
| overflow-y: scroll; | |
| } | |
| .kkkk { | |
| display: flex;} | |
| #clear{ | |
| background-color: rgb(244, 244, 245); | |
| font-size: 20px; | |
| margin-top: 550px; | |
| width: 180px; | |
| height: 50px; | |
| border-radius: 5px; | |
| margin-left: 400px; | |
| } | |
| #example{ | |
| background-color: rgb(244, 244, 245); | |
| font-size: 20px; | |
| margin-top: 550px; | |
| width: 180px; | |
| height: 50px; | |
| border-radius: 5px; | |
| margin-left: 50px; | |
| } | |
| #viewData{ | |
| color: aliceblue; | |
| background-color: rgb(85, 81, 81); | |
| font-size: 20px; | |
| margin-top: 0px; | |
| width: 180px; | |
| height: 50px; | |
| border-radius: 5px; | |
| margin-left: 280px; | |
| margin-top: 550px; | |
| } | |
| #translate{ | |
| color: aliceblue; | |
| background-color: rgb(85, 81, 81); | |
| font-size: 20px; | |
| margin-top: 0px; | |
| width: 180px; | |
| height: 50px; | |
| border-radius: 5px; | |
| margin-left: 50px; | |
| margin-top: 550px; | |
| } | |
| .backb{ | |
| position: relative; | |
| display: inline-block; | |
| background-color: rgb(53, 57, 66); | |
| color: white; | |
| padding: 9px 30px; | |
| text-align: center; | |
| text-decoration: none; | |
| font-size: 15px; | |
| cursor: pointer; | |
| border: none; | |
| border-radius: 4px; | |
| margin-left: 1410px; | |
| margin-top: 50px; | |
| } | |
| #source{ | |
| white-space: nowrap; | |
| float: left; | |
| margin-left: 450px; | |
| font-size: 25px; | |
| } | |
| #target{ | |
| white-space: nowrap; | |
| margin-left: 50px; | |
| font-size: 25px; | |
| } | |
| form{ | |
| white-space: nowrap; | |
| } | |