-
Who are you?
+
Who are you?
diff --git a/client/styles/main.css b/client/styles/main.css
index 01203b6..672b234 100644
--- a/client/styles/main.css
+++ b/client/styles/main.css
@@ -57,12 +57,14 @@
padding: 0; } }
@media (min-width: 161px) {
- .Modal {
- padding: 2rem; }
.Modal--anonymous {
- padding: 0.4rem 0.7rem 0.4rem 0.7rem; }
+ padding: 0.3rem 0.7rem 0.3rem 0.7rem; }
.Modal--login {
- padding: 0.4rem 2.3rem 0.4rem 2.3rem; } }
+ padding: 0.3rem 2.3rem 0.3rem 2.3rem; } }
+
+@media (min-width: 161px) and (max-width: 320px) {
+ .Modal {
+ padding: 2rem; } }
@media (min-width: 0px) and (max-width: 320px) {
html {
@@ -128,7 +130,9 @@
.Modal p label,
input {
display: table-row;
- width: 50%; } }
+ width: 50%; }
+ .Modal {
+ padding: 4rem; } }
@media (min-width: 639px) {
html {
@@ -137,7 +141,8 @@
width: 15%; }
.Modal {
width: 30%;
- display: table; }
+ display: table;
+ padding: 3rem; }
.Modal-input {
display: inline-flex; }
.Modal div button {
@@ -196,8 +201,7 @@
-webkit-border: 2px solid #DBDBDB; }
html > *,
-h1,
-h2 {
+h1 {
font-family: 'Nunito', sans-serif;
font-weight: 400; }
@@ -209,18 +213,12 @@ html {
height: 100%;
display: flex; }
-h1,
-h2 {
+h1 {
+ font-size: 1.875rem;
margin-top: 0;
word-break: break-all;
word-wrap: break-word; }
-h1 {
- font-size: 1.875rem; }
-
-h2 {
- font-size: 1.75rem; }
-
.MainHeader {
background-color: #353744;
display: flex;
diff --git a/client/styles/main.min.css b/client/styles/main.min.css
index 48e9a08..d85e03e 100644
--- a/client/styles/main.min.css
+++ b/client/styles/main.min.css
@@ -1 +1 @@
-@font-face{font-family:'Nunito';font-style:light;font-weight:300;src:local("Nunito Light"),local("Nunito-Light"),url(/fonts/Nunito-Light.woff2) format("woff2"),url(/fonts/Nunito-Light.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Nunito';font-style:normal;font-weight:400;src:local("Nunito Regular"),local("Nunito-Regular"),url(/fonts/Nunito-Regular.woff2) format("woff2"),url(/fonts/Nunito-Regular.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Nunito';font-style:bold;font-weight:700;src:local("Nunito Bold"),local("Nunito-Bold"),url(/fonts/Nunito-Bold.woff2) format("woff2"),url(/fonts/Nunito-Bold.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@media (min-width:0) and (max-width:638px){.ChatSideBar{display:none;visibility:hidden}.Chat-msg-text{font-size:1.5rem}.Chat-msg-text p{word-wrap:break-word;word-break:break-all}.Logo{width:40%}.Modal{width:75%;height:80%;overflow-y:auto;display:flex;flex-flow:column wrap}.Modal div button{display:inline-block;float:right}.Modal div p label,input{margin-top:2rem}.Modal-buttons{display:table-row;float:right;flex:1}.Modal-input{padding-top:2rem}}@media (min-width:0) and (max-width:160px){.Modal{padding:0}.Modal--anonymous,.Modal--login{padding:0}}@media (min-width:161px){.Modal{padding:2rem}.Modal--anonymous{padding:0.4rem 0.7rem 0.4rem 0.7rem}.Modal--login{padding:0.4rem 2.3rem 0.4rem 2.3rem}}@media (min-width:0) and (max-width:320px){html{font-size:67.5%}.Chat-msgFormButton{background:url(../images/send_bg_s.webp)}.Chat-msg-text,.Chat-header-stats,.Chat-header,dl,dd .Modal,.Modal div,.Modal div button,.Modal div p input{display:block;word-break:break-all;word-wrap:break-word;min-width:0%}.Modal,.Modal div,.Modal div p input{overflow-y:auto}.Modal div p input{padding:0 0 0 0.4rem}.Modal-buttons{flex:2}.Modal div p label,input{width:75%}.Chat-msg-avatar{float:none}cite{display:inherit}time{margin-left:0}.Chat-msgForm{flex-flow:column wrap}.Chat-msgFormText{flex:1}}@media (min-width:321px){.Modal div p input{padding:0.4rem 0.4rem 0.4rem 0.8rem}}@media (min-width:321px) and (max-width:638px){html{font-size:72.5%}.Chat-msgFormButton{background:url(../images/send_bg_m.webp)}.Chat-header,.Chat-msg{display:flex}.Chat-header-stats,dd{display:flex;flex-flow:row nowrap}.Chat-msg-avatar{float:left}.Chat-msgFormText{flex:8}.Modal-buttons{flex:1}.Modal p label,input{display:table-row;width:50%}}@media (min-width:639px){html{font-size:100%}.Logo{width:15%}.Modal{width:30%;display:table}.Modal-input{display:inline-flex}.Modal div button{display:inline-block;float:right}.Chat-msgFormText{flex:8}.Chat-msgFormButton{background:url(../images/send_bg.webp)}.Chat-header,.Chat-msg{display:flex}.Chat-msg-text p{word-wrap:break-word}.Chat-header-stats,dd{display:flex;flex-flow:row nowrap}.Chat-msg-avatar{float:left}.ChatSideBar{flex:2}}@-moz-document url-prefix(){.Chat-msgFormButton{background:url(../images/send_bg.png)}}.Chat-msg-text{padding:0.5rem 0.7rem 0.5rem 0.7rem;border-radius:1rem;border:0.1rem solid #DBDBDB;max-width:600px}.Chat-msg-avatar{border-radius:50%}.hidden{visibility:hidden;display:none}::-webkit-scrollbar{width:auto}::-webkit-scrollbar-track{background:white;border-radius:1rem;-webkit-border-radius:1rem;border:2px solid #DBDBDB;-webkit-border:2px solid #DBDBDB}::-webkit-scrollbar-thumb{-webkit-border-radius:1rem;border-radius:1rem;background:#ebedec;border:2px solid #DBDBDB;-webkit-border:2px solid #DBDBDB}html > *,h1,h2{font-family:'Nunito',sans-serif;font-weight:400}body,html{margin:0;flex-direction:column;width:100%;height:100%;display:flex}h1,h2{margin-top:0;word-break:break-all;word-wrap:break-word}h1{font-size:1.875rem}h2{font-size:1.75rem}.MainHeader{background-color:#353744;display:flex;align-items:center;padding:1rem}.Logo{float:left}.Shadowmaker,.Modal{position:fixed;top:0;left:0;right:0;bottom:0}.Shadowmaker{background-color:rgba(0,0,0,0.43);margin:0;padding:0}.Modal{border:1px solid #DBDBDB;border-radius:0.2rem;margin:auto;background-color:#F9F9F9}.Modal div p{width:100%;align-items:center;margin-top:0}.Modal div p label{flex:1;color:#646464;font-size:1.5rem}.Modal div p label,input{font-weight:700}.Modal-inputs{flex:10;vertical-align:top}.Modal-buttons{vertical-align:bottom}.Modal div p input{flex:3;border-radius:1rem;border:2px solid #DBDBDB;outline-style:none;font-family:inherit;font-size:1.3rem}.Modal--anonymous{background-image:-moz-linear-gradient(90deg,#B4B4B4 0%,#CFCFCF 100%);background-image:-webkit-linear-gradient(90deg,#B4B4B4 0%,#CFCFCF 100%);background-image:-ms-linear-gradient(90deg,#B4B4B4 0%,#CFCFCF 100%);background-image:-o-linear-gradient(90deg,#B4B4B4 0%,#CFCFCF 100%)}.Modal--login{background-image:-moz-linear-gradient(90deg,#47A272 0%,#7DD84E 100%);background-image:-webkit-linear-gradient(90deg,#47A272 0%,#7DD84E 100%);background-image:-ms-linear-gradient(90deg,#47A272 0%,#7DD84E 100%);background-image:-o-linear-gradient(90deg,#47A272 0%,#7DD84E 100%);color:white}.Modal--anonymous,.Modal--login{border:0;border-radius:0.1rem;margin-left:1rem;margin-top:1rem;font-family:inherit;font-size:1.3rem}.ChatContainer,.Chat,.Chat-msgForm{display:flex}.ChatContainer{flex:7;overflow:auto}.ChatSideBar{background-color:#61D290}.Chat{flex:9;flex-direction:column;background-color:#F6F6F6}.Chat-header{flex:1;padding:0.9rem}.Chat-header-title{margin:0;align-self:center;width:100%}.Chat-header-stats{align-self:center;font-size:1.1rem;font-weight:700}.Chat-header-stats,dd{margin:0}dd{margin-left:0.5rem}dd > *{margin:0.2rem}.Chat-msgs{flex:12;overflow-y:auto;overflow-x:hidden;border-bottom:0.1rem solid #DBDBDB}.Chat-msgs ol{list-style:none;padding:0}.Chat-msg{vertical-align:top;margin:1rem}.Chat-msg-avatar{width:3em;height:3em;margin-right:1rem}cite{font-weight:700;font-size:1.3rem;font-style:normal}.Chat-msg-text{background-color:white;margin-top:0}.Chat-msg-text--own{background-color:white}.Chat-msg-text--own:hover{background-color:#EBEDEC}.Chat-msg-text p{font-size:1.3rem;color:#646464;padding:0;margin:0}.Chat-msg-text header time{font-weight:300;color:#757575;margin-left:0.5rem}.Chat-msg-delete{background:url(../images/del_msg.svg);background-repeat:no-repeat;background-position:center;background-size:contain;border:none;padding:0;width:0.9rem;height:0.9rem;cursor:pointer;float:right;margin-top:0.5rem;margin-left:0.5rem;margin-right:0}.Chat-msgForm{flex:2;border-radius:4px;background-color:white;padding:20px;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.Chat-msgFormText{resize:none;border:none;outline:none}.Chat-msgFormButton{flex:1;background-repeat:no-repeat;background-position:center;background-size:contain;background-color:white;outline:none;border:none}.Chat-msgFormButton:hover{cursor:pointer}
\ No newline at end of file
+@font-face{font-family:'Nunito';font-style:light;font-weight:300;src:local("Nunito Light"),local("Nunito-Light"),url(/fonts/Nunito-Light.woff2) format("woff2"),url(/fonts/Nunito-Light.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Nunito';font-style:normal;font-weight:400;src:local("Nunito Regular"),local("Nunito-Regular"),url(/fonts/Nunito-Regular.woff2) format("woff2"),url(/fonts/Nunito-Regular.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@font-face{font-family:'Nunito';font-style:bold;font-weight:700;src:local("Nunito Bold"),local("Nunito-Bold"),url(/fonts/Nunito-Bold.woff2) format("woff2"),url(/fonts/Nunito-Bold.ttf) format("truetype");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215}@media (min-width:0) and (max-width:638px){.ChatSideBar{display:none;visibility:hidden}.Chat-msg-text{font-size:1.5rem}.Chat-msg-text p{word-wrap:break-word;word-break:break-all}.Logo{width:40%}.Modal{width:75%;height:80%;overflow-y:auto;display:flex;flex-flow:column wrap}.Modal div button{display:inline-block;float:right}.Modal div p label,input{margin-top:2rem}.Modal-buttons{display:table-row;float:right;flex:1}.Modal-input{padding-top:2rem}}@media (min-width:0) and (max-width:160px){.Modal{padding:0}.Modal--anonymous,.Modal--login{padding:0}}@media (min-width:161px){.Modal--anonymous{padding:0.3rem 0.7rem 0.3rem 0.7rem}.Modal--login{padding:0.3rem 2.3rem 0.3rem 2.3rem}}@media (min-width:161px) and (max-width:320px){.Modal{padding:2rem}}@media (min-width:0) and (max-width:320px){html{font-size:67.5%}.Chat-msgFormButton{background:url(../images/send_bg_s.webp)}.Chat-msg-text,.Chat-header-stats,.Chat-header,dl,dd .Modal,.Modal div,.Modal div button,.Modal div p input{display:block;word-break:break-all;word-wrap:break-word;min-width:0%}.Modal,.Modal div,.Modal div p input{overflow-y:auto}.Modal div p input{padding:0 0 0 0.4rem}.Modal-buttons{flex:2}.Modal div p label,input{width:75%}.Chat-msg-avatar{float:none}cite{display:inherit}time{margin-left:0}.Chat-msgForm{flex-flow:column wrap}.Chat-msgFormText{flex:1}}@media (min-width:321px){.Modal div p input{padding:0.4rem 0.4rem 0.4rem 0.8rem}}@media (min-width:321px) and (max-width:638px){html{font-size:72.5%}.Chat-msgFormButton{background:url(../images/send_bg_m.webp)}.Chat-header,.Chat-msg{display:flex}.Chat-header-stats,dd{display:flex;flex-flow:row nowrap}.Chat-msg-avatar{float:left}.Chat-msgFormText{flex:8}.Modal-buttons{flex:1}.Modal p label,input{display:table-row;width:50%}.Modal{padding:4rem}}@media (min-width:639px){html{font-size:100%}.Logo{width:15%}.Modal{width:30%;display:table;padding:3rem}.Modal-input{display:inline-flex}.Modal div button{display:inline-block;float:right}.Chat-msgFormText{flex:8}.Chat-msgFormButton{background:url(../images/send_bg.webp)}.Chat-header,.Chat-msg{display:flex}.Chat-msg-text p{word-wrap:break-word}.Chat-header-stats,dd{display:flex;flex-flow:row nowrap}.Chat-msg-avatar{float:left}.ChatSideBar{flex:2}}@-moz-document url-prefix(){.Chat-msgFormButton{background:url(../images/send_bg.png)}}.Chat-msg-text{padding:0.5rem 0.7rem 0.5rem 0.7rem;border-radius:1rem;border:0.1rem solid #DBDBDB;max-width:600px}.Chat-msg-avatar{border-radius:50%}.hidden{visibility:hidden;display:none}::-webkit-scrollbar{width:auto}::-webkit-scrollbar-track{background:white;border-radius:1rem;-webkit-border-radius:1rem;border:2px solid #DBDBDB;-webkit-border:2px solid #DBDBDB}::-webkit-scrollbar-thumb{-webkit-border-radius:1rem;border-radius:1rem;background:#ebedec;border:2px solid #DBDBDB;-webkit-border:2px solid #DBDBDB}html > *,h1{font-family:'Nunito',sans-serif;font-weight:400}body,html{margin:0;flex-direction:column;width:100%;height:100%;display:flex}h1{font-size:1.875rem;margin-top:0;word-break:break-all;word-wrap:break-word}.MainHeader{background-color:#353744;display:flex;align-items:center;padding:1rem}.Logo{float:left}.Shadowmaker,.Modal{position:fixed;top:0;left:0;right:0;bottom:0}.Shadowmaker{background-color:rgba(0,0,0,0.43);margin:0;padding:0}.Modal{border:1px solid #DBDBDB;border-radius:0.2rem;margin:auto;background-color:#F9F9F9}.Modal div p{width:100%;align-items:center;margin-top:0}.Modal div p label{flex:1;color:#646464;font-size:1.5rem}.Modal div p label,input{font-weight:700}.Modal-inputs{flex:10;vertical-align:top}.Modal-buttons{vertical-align:bottom}.Modal div p input{flex:3;border-radius:1rem;border:2px solid #DBDBDB;outline-style:none;font-family:inherit;font-size:1.3rem}.Modal--anonymous{background-image:-moz-linear-gradient(90deg,#B4B4B4 0%,#CFCFCF 100%);background-image:-webkit-linear-gradient(90deg,#B4B4B4 0%,#CFCFCF 100%);background-image:-ms-linear-gradient(90deg,#B4B4B4 0%,#CFCFCF 100%);background-image:-o-linear-gradient(90deg,#B4B4B4 0%,#CFCFCF 100%)}.Modal--login{background-image:-moz-linear-gradient(90deg,#47A272 0%,#7DD84E 100%);background-image:-webkit-linear-gradient(90deg,#47A272 0%,#7DD84E 100%);background-image:-ms-linear-gradient(90deg,#47A272 0%,#7DD84E 100%);background-image:-o-linear-gradient(90deg,#47A272 0%,#7DD84E 100%);color:white}.Modal--anonymous,.Modal--login{border:0;border-radius:0.1rem;margin-left:1rem;margin-top:1rem;font-family:inherit;font-size:1.3rem}.ChatContainer,.Chat,.Chat-msgForm{display:flex}.ChatContainer{flex:7;overflow:auto}.ChatSideBar{background-color:#61D290}.Chat{flex:9;flex-direction:column;background-color:#F6F6F6}.Chat-header{flex:1;padding:0.9rem}.Chat-header-title{margin:0;align-self:center;width:100%}.Chat-header-stats{align-self:center;font-size:1.1rem;font-weight:700}.Chat-header-stats,dd{margin:0}dd{margin-left:0.5rem}dd > *{margin:0.2rem}.Chat-msgs{flex:12;overflow-y:auto;overflow-x:hidden;border-bottom:0.1rem solid #DBDBDB}.Chat-msgs ol{list-style:none;padding:0}.Chat-msg{vertical-align:top;margin:1rem}.Chat-msg-avatar{width:3em;height:3em;margin-right:1rem}cite{font-weight:700;font-size:1.3rem;font-style:normal}.Chat-msg-text{background-color:white;margin-top:0}.Chat-msg-text--own{background-color:white}.Chat-msg-text--own:hover{background-color:#EBEDEC}.Chat-msg-text p{font-size:1.3rem;color:#646464;padding:0;margin:0}.Chat-msg-text header time{font-weight:300;color:#757575;margin-left:0.5rem}.Chat-msg-delete{background:url(../images/del_msg.svg);background-repeat:no-repeat;background-position:center;background-size:contain;border:none;padding:0;width:0.9rem;height:0.9rem;cursor:pointer;float:right;margin-top:0.5rem;margin-left:0.5rem;margin-right:0}.Chat-msgForm{flex:2;border-radius:4px;background-color:white;padding:20px;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.Chat-msgFormText{resize:none;border:none;outline:none}.Chat-msgFormButton{flex:1;background-repeat:no-repeat;background-position:center;background-size:contain;background-color:white;outline:none;border:none}.Chat-msgFormButton:hover{cursor:pointer}
\ No newline at end of file
diff --git a/client/styles/main.scss b/client/styles/main.scss
index 686f599..30c953a 100644
--- a/client/styles/main.scss
+++ b/client/styles/main.scss
@@ -4,8 +4,7 @@
@import 'utils.scss';
@import 'functions.scss';
html > *,
-h1,
-h2 {
+h1 {
font-family: 'Nunito', sans-serif;
font-weight: 400;
}
@@ -19,21 +18,13 @@ html {
display: flex;
}
-h1,
-h2 {
+h1 {
+ font-size: 1.875rem;
margin-top: 0;
word-break: break-all;
word-wrap: break-word;
}
-h1 {
- font-size: 1.875rem;
-}
-
-h2 {
- font-size: 1.75rem;
-}
-
.MainHeader {
background-color: $c-header;
display: flex;
diff --git a/client/styles/screen.scss b/client/styles/screen.scss
index 964d78c..293de00 100644
--- a/client/styles/screen.scss
+++ b/client/styles/screen.scss
@@ -52,14 +52,18 @@
@media (min-width:161px) {
- .Modal {
- padding: 2rem;
- }
.Modal--anonymous {
- padding: 0.4rem 0.7rem 0.4rem 0.7rem;
+ padding: 0.3rem 0.7rem 0.3rem 0.7rem;
}
.Modal--login {
- padding: 0.4rem 2.3rem 0.4rem 2.3rem;
+ padding: 0.3rem 2.3rem 0.3rem 2.3rem;
+ }
+}
+
+@media (min-width:161px) and (max-width:320px) {
+
+ .Modal {
+ padding: 2rem;
}
}
@@ -88,6 +92,7 @@
.Modal div p input {
overflow-y: auto;
}
+
.Modal div p input {
padding: 0 0 0 0.4rem;
}
@@ -151,6 +156,9 @@
display: table-row;
width: 50%;
}
+ .Modal {
+ padding: 4rem;
+ }
}
@media (min-width:639px) {
@@ -163,6 +171,7 @@
.Modal {
width: 30%;
display: table;
+ padding: 3rem;
}
.Modal-input {
display: inline-flex;