Michal_Pilarski

styles.css

Apr 16th, 2021
662
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url('https://fonts.googleapis.com/css?family=Mukta');
  2.  
  3. body
  4. {
  5.     margin: 0;
  6.     padding: 30px;
  7.     font-family: "Mukta";
  8.     overflow: hidden;
  9.     background-color: #313131;
  10. }
  11.  
  12. canvas
  13. {
  14.     width: 65%;
  15.     height: 700px;
  16.     box-shadow: -3px 2px 9px 6px black;
  17.     cursor: pointer;
  18.     float: left;
  19. }
  20.  
  21. p
  22. {
  23.     position: relative;
  24.     left: 2%;
  25.     width: 100%;
  26.     height: 4%;
  27. }
  28.  
  29. #canvasTop
  30. {
  31.     font-size: 30px;
  32.     height: 50px;
  33.     width: 60%;
  34.     background-color: #e6e6e6;
  35.     position: absolute;
  36.     left:14%;
  37. }
  38.  
  39. .painter
  40. {
  41.     float: left;
  42.     position: relative;
  43.     left: 2%;
  44. }
  45.  
  46. .word
  47. {
  48.     float: left;
  49.     position: relative;
  50.     left: 30%;
  51. }
  52.  
  53. #winnerText
  54. {
  55.     font-size: 40px;
  56.     text-align: center;
  57.     width: 40%;
  58.     height: 40%;
  59.     box-shadow: -3px 2px 9px 6px black;
  60.     position: absolute;
  61.     background-color: white;
  62.     left:25%;
  63.     top:20%;
  64. }
  65.  
  66. #players
  67. {
  68.     box-shadow: -3px 2px 9px 6px black;
  69.     margin-right: 20px;
  70.     height: 700px;
  71.     width: 10%;
  72.     background-color: white;
  73.     float: left;
  74. }
  75.  
  76. #players > p
  77. {
  78.     font-size: 20px;
  79. }
  80.  
  81. #games
  82. {
  83.     height: 100px;
  84.     width: 200px;
  85.     position: relative;
  86.     top:10%;
  87.     margin-right: 20px;
  88.     font-size: 20px;
  89. }
  90.  
  91. #chat
  92. {
  93.     overflow-y: auto;
  94.     overflow-x: hidden;
  95.     box-shadow: -3px 2px 9px 6px black;
  96.     margin-left: 20px;
  97.     height: 670px;
  98.     width: 20%;
  99.     background-color: white;
  100.     float: left;
  101. }
  102.  
  103. #send
  104. {
  105.     margin-top: 10px;
  106.     float: left;
  107.     margin-left: 20px;
  108.     height: 20px;
  109.     width: 20%;
  110. }
  111.  
  112. #input
  113. {
  114.     width: 80%;
  115. }
  116.  
  117. #Nickname
  118. {
  119.     text-align:center;
  120.     position: absolute;
  121.     top:30%;
  122.     left: 30%;
  123.     width: 30%;
  124.     height: 20%;
  125.     background-color: green;
  126. }
  127.  
  128. .tools
  129. {
  130.     display: flex;
  131.     justify-content: center;
  132.     flex-direction: row;
  133.     margin-top: 50px;
  134. }
  135.  
  136. .tools .color-field
  137. {
  138.     height: 40px;
  139.     width: 40px;
  140.     min-height: 40px;
  141.     min-width: 40px;
  142.     cursor: pointer;
  143.     display: inline-block;
  144.     box-sizing: border-box;
  145.     border-radius: 50%;
  146.     border:2px solid white;
  147.     align-self: center;
  148.     margin: 0 10px;
  149. }
  150.  
  151. .tools .button
  152. {
  153.     align-self: center;
  154.     width: 100px;
  155.     height: 40px;
  156.     border:2px solid white;
  157.     cursor: pointer;
  158.     color: white;
  159.     background-color: #222;
  160.     font-weight: bold;
  161.     margin: 0 10px;
  162. }
  163. .color-picker
  164. {
  165.     align-self: center;
  166.     margin: 0 10px;
  167.     height: 50px;
  168. }
  169.  
  170. .pen-range
  171. {
  172.     align-self: center;
  173.     margin: 0 10px;
  174. }
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×