cozytown/synapse-templates
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add more Cozy Town flavour #2

Browse source
This commit is contained in:
Vri 🌈 2023-07-30 22:34:58 +02:00
parent 28d8a54365
commit 92e04ffa40
Signed by: vrifox
GPG key ID: D40098E5B60B2197
2 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_base.html
View file

@ -15,7 +15,9 @@
<h1>Cozy Chat</h1> <h1>Cozy Chat</h1>
</header> </header>
{% block body %}{% endblock %} <main class="mx_Main">
{% block body %}{% endblock %}
</main>
</body> </body>
</html> </html>

18
style.css
View file

@ -3,19 +3,24 @@ html {
} }
body { body {
align-items: center;
background: rgb(255, 255, 230); background: rgb(255, 255, 230);
max-width: 680px; color: rgb(50, 50, 50);
margin: auto; display: flex;
flex-direction: column;
font-family: 'Lucida Console', 'Courier New', monospace; font-family: 'Lucida Console', 'Courier New', monospace;
hyphens: auto;
line-height: 1.8;
margin: 0;
margin: auto;
} }
.mx_Header { .mx_Header {
background-blend-mode: initial; background-blend-mode: initial;
background-color: var(rgb(250, 220, 120)); background-color: rgb(250, 220, 120);
background-image: url(https://cozy.town/home-header-optimized.svg); background-image: url(https://cozy.town/home-header-optimized.svg);
background-position: center; background-position: center;
background-size: cover; background-size: cover;
color: rgb(50, 50, 50);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 40vh; height: 40vh;
@ -23,6 +28,11 @@ body {
text-align: center; text-align: center;
} }
.mx_Main {
max-width: 1200px;
width: calc(100% - 4rem);
}
@media screen and (max-width: 1120px) { @media screen and (max-width: 1120px) {
body { body {
font-size: 20px; font-size: 20px;