Commit 54fa57bf authored by gab's avatar gab Committed by Ciella Francisco

adjusted css for semantics and addition of profile view

parent 8ed38e36
...@@ -5,8 +5,8 @@ ...@@ -5,8 +5,8 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div id="login-container" class="d-flex my-5"> <div id="rbb-container container" class="d-flex my-5">
<div id="login-form" class="mx-auto px-3 py-4 bg-white" style="width: 23rem;"> <div id="rbb-section" class="mx-auto px-3 py-4 bg-white" style="width: 23rem;">
<p class="h1">Log in</p> <p class="h1">Log in</p>
<form method="POST" autocomplete="off"> <form method="POST" autocomplete="off">
{% csrf_token %} {% csrf_token %}
......
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
:root { :root {
--theme-prusian-blue: #003049; --theme-prusian-blue: #003049;
...@@ -13,6 +14,16 @@ ...@@ -13,6 +14,16 @@
font-size: 1rem; font-size: 1rem;
} }
.blue-text {
color: var(--theme-prusian-blue);
}
.body-text {
font-family: 'Inria Sans';
font-weight: 400;
font-style: normal;
}
body { body {
background-color: var(--theme-dutch-white); background-color: var(--theme-dutch-white);
background-image: url("/static/images/Continuous Background.png"); background-image: url("/static/images/Continuous Background.png");
...@@ -88,12 +99,12 @@ body { ...@@ -88,12 +99,12 @@ body {
height: 100vh; height: 100vh;
} }
#login-container { #rbb-container {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
#login-form { #rbb-section {
border-radius: 0.625rem; border-radius: 0.625rem;
border: 1px solid #000; border: 1px solid #000;
background: #FFF; background: #FFF;
...@@ -116,4 +127,18 @@ body { ...@@ -116,4 +127,18 @@ body {
border-radius: 0.3125rem; border-radius: 0.3125rem;
background: #DF4E4E; background: #DF4E4E;
border-color: #DF4E4E; border-color: #DF4E4E;
} }
\ No newline at end of file
.profile-pill {
padding: .35em .65em;
font-size: .75em;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
background-color: var(--theme-bright-red);
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment