Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Mukta');
- body
- {
- margin: 0;
- padding: 30px;
- font-family: "Mukta";
- overflow: hidden;
- background-color: #313131;
- }
- canvas
- {
- width: 65%;
- height: 700px;
- box-shadow: -3px 2px 9px 6px black;
- cursor: pointer;
- float: left;
- }
- p
- {
- position: relative;
- left: 2%;
- width: 100%;
- height: 4%;
- }
- #canvasTop
- {
- font-size: 30px;
- height: 50px;
- width: 60%;
- background-color: #e6e6e6;
- position: absolute;
- left:14%;
- }
- .painter
- {
- float: left;
- position: relative;
- left: 2%;
- }
- .word
- {
- float: left;
- position: relative;
- left: 30%;
- }
- #winnerText
- {
- font-size: 40px;
- text-align: center;
- width: 40%;
- height: 40%;
- box-shadow: -3px 2px 9px 6px black;
- position: absolute;
- background-color: white;
- left:25%;
- top:20%;
- }
- #players
- {
- box-shadow: -3px 2px 9px 6px black;
- margin-right: 20px;
- height: 700px;
- width: 10%;
- background-color: white;
- float: left;
- }
- #players > p
- {
- font-size: 20px;
- }
- #games
- {
- height: 100px;
- width: 200px;
- position: relative;
- top:10%;
- margin-right: 20px;
- font-size: 20px;
- }
- #chat
- {
- overflow-y: auto;
- overflow-x: hidden;
- box-shadow: -3px 2px 9px 6px black;
- margin-left: 20px;
- height: 670px;
- width: 20%;
- background-color: white;
- float: left;
- }
- #send
- {
- margin-top: 10px;
- float: left;
- margin-left: 20px;
- height: 20px;
- width: 20%;
- }
- #input
- {
- width: 80%;
- }
- #Nickname
- {
- text-align:center;
- position: absolute;
- top:30%;
- left: 30%;
- width: 30%;
- height: 20%;
- background-color: green;
- }
- .tools
- {
- display: flex;
- justify-content: center;
- flex-direction: row;
- margin-top: 50px;
- }
- .tools .color-field
- {
- height: 40px;
- width: 40px;
- min-height: 40px;
- min-width: 40px;
- cursor: pointer;
- display: inline-block;
- box-sizing: border-box;
- border-radius: 50%;
- border:2px solid white;
- align-self: center;
- margin: 0 10px;
- }
- .tools .button
- {
- align-self: center;
- width: 100px;
- height: 40px;
- border:2px solid white;
- cursor: pointer;
- color: white;
- background-color: #222;
- font-weight: bold;
- margin: 0 10px;
- }
- .color-picker
- {
- align-self: center;
- margin: 0 10px;
- height: 50px;
- }
- .pen-range
- {
- align-self: center;
- margin: 0 10px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement