Skip to content

Commit d8dfa2e

Browse files
hamzaavvanhamzaavvan
committed
Code Update
Added adorable avatar to project Avatar will get assigned to user randomly for a session Updated readme.md Updated game design
1 parent 2c66263 commit d8dfa2e

24 files changed

+454
-37
lines changed

‎GUI/css/stylesheet.css‎

Lines changed: 152 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,155 @@ h1 {
1515
font-size: 2em !important;
1616
}
1717

18+
.msgbox {
19+
position: absolute;
20+
bottom: 0;
21+
left: 60px;
22+
z-index: 9999;
23+
}
24+
25+
.msgbox div {
26+
padding: 5px 15px;
27+
}
28+
29+
.msgbox div {
30+
margin: 5px !important;
31+
}
32+
33+
.msgbox .msg-wrapper {
34+
background-color: #fff;
35+
box-shadow: 0px 0px 40px 0px #b95ed7;
36+
border-radius: 5px;
37+
height: 210px;
38+
margin-bottom: 8px !important;
39+
padding: 20px 10px;
40+
overflow: auto;
41+
}
42+
43+
.msgp {
44+
border: 1px solid #b95ed7;
45+
padding: 3px 10px;
46+
background-color: #c30efe80;
47+
display: inline;
48+
color: #fff;
49+
max-width: 150px;
50+
border-radius: 1em;
51+
cursor: default;
52+
}
53+
54+
.msgp.other {
55+
background-color: #fff;
56+
color: #000;
57+
border: 1px solid #000;
58+
}
59+
60+
.msgp-wrapper {
61+
height: auto;
62+
overflow: overlay;
63+
padding: 0 !important;
64+
}
65+
66+
.fleft {
67+
float: left;
68+
}
69+
70+
.fright {
71+
float: right;
72+
}
73+
74+
.emoji-sel {
75+
font-size: 32px;
76+
height: 24px;
77+
}
78+
79+
.emoji-sel i {
80+
vertical-align: super;
81+
position: relative;
82+
bottom: 16px;
83+
}
84+
85+
.emoji-wrapper .pre-msg {
86+
display: block;
87+
padding: 0 !important;
88+
margin: 0 !important;
89+
margin-bottom: 7px !important;
90+
}
91+
92+
.emoji-wrapper .pre-msg span {
93+
font-size: 13px !important;
94+
margin-right: 0px !important;
95+
border-radius: 2em;
96+
border: 1.5px solid #00000091;
97+
color: #00000091;
98+
font-weight: bold;
99+
padding: 2px 10px;
100+
margin-bottom: 5px !important;
101+
margin-bottom: 6px !important;
102+
display: inline-block;
103+
}
104+
105+
.emoji-wrapper {
106+
position: absolute;
107+
box-shadow: 0px 0px 40px 0px #00000091;
108+
bottom: 35px;
109+
background: #fff;
110+
z-index: 9;
111+
padding: 10px !important;
112+
text-align: left;
113+
border-radius: 5px;
114+
height: 190px;
115+
overflow: auto;
116+
height: 210px;
117+
width: 250px;
118+
left: 0;
119+
}
120+
121+
.emoji-wrapper span {
122+
font-size: 19px;
123+
cursor: pointer;
124+
}
125+
126+
.msgbox input {
127+
height: 25px !important;
128+
display: inline-block !important;
129+
width: 72% !important;
130+
}
131+
132+
.msgbox .send {
133+
margin-left: 3px !important;
134+
}
135+
136+
.msgf-wrapper {
137+
box-shadow: 0px 0px 40px 0px #b95ed7;
138+
border-radius: 5px;
139+
background-color: #fff;
140+
padding: 5px 7px 5px 15px !important;
141+
}
142+
143+
.msgf-wrapper::before {
144+
content: " .";
145+
border-radius: 0 0 0 60px;
146+
position: absolute;
147+
height: 15px;
148+
width: 15px;
149+
left: 0;
150+
left: -3px;
151+
color: transparent;
152+
background-color: #fff;
153+
left: -4px;
154+
top: 3px;
155+
}
156+
157+
158+
159+
.msgbox-wrapper {
160+
position: relative;
161+
}
162+
163+
.msgbox * {
164+
margin: 0 !important;
165+
}
166+
18167
._row{
19168
height: 100px;
20169
}
@@ -108,13 +257,16 @@ h1 {
108257
border-radius: 100%;
109258
border: 3px solid #2B60DE;
110259
display: block;
260+
height: 70px;
261+
background: #2B60DE;
111262
}
112263

113264
.info .msg {
114265
vertical-align: text-bottom;
115266
position: absolute;
116267
right: -14px;
117268
margin: -3px 0;
269+
z-index: 0;
118270
}
119271

120272
.info .you, .info .opponent {

0 commit comments

Comments
 (0)