1 files changed, 176 insertions, 0 deletions
diff --git a/assets/style.css b/assets/style.css
index e69de29..55262b9 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -0,0 +1,176 @@
+html {
+	font-family: 'Roboto', sans-serif;
+	font-size: 12pt;
+	line-height: 1.5;
+	color: #000;
+}
+
+a {
+	text-decoration: none;
+	color: #0ad;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+body {
+	margin: 0px;
+	background: white;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: 'Roboto Condensed', sans-serif;
+	color: #444;
+	/* this might need rethinking but looks good for navigation
+	border-left: 1rem solid;
+	border-color: #aaa;
+	margin-left: -2rem;
+	padding-left: 1rem;
+	*/
+}
+
+h1 {
+	font-size: 250%;
+	font-weight: bold;
+}
+
+h2 {
+	font-size: 200%;
+	font-weight: bold;
+}
+
+h3 {
+	font-size: 150%;
+	font-weight: 300;
+}
+
+h4 {
+	font-size: 120%;
+	font-weight: bold;
+}
+
+h5 {
+	font-size: 100%;
+	font-weight: bold;
+}
+
+h6 {
+	font-size: 100%;
+	font-weight: 300;
+}
+
+.layout-topbar {
+	height: 8rem;
+	background: linear-gradient(to bottom, #fafafa, #fafafa 66%, #eeeeee);
+	display: flex;
+}
+
+.topbar-borderbottom {
+	border-bottom: 1pt solid #777;
+}
+
+.bar-fill {
+	flex-grow: 1;
+}
+
+.same-height {
+	height: inherit;
+	display: flex;
+}
+
+.topbar-lcsb {
+	align-self: flex-end;
+	padding-bottom: 1rem;
+}
+
+.logo-lcsb {
+	height: 5rem;
+	width: 5rem;
+	background-image: url('static/lcsb.svg');
+	background-size: contain;
+	background-repeat: no-repeat;
+}
+
+.topbar-text {
+	align-self: flex-end;
+	padding: 2rem;
+	padding-bottom: 1rem;
+	font-family: 'Roboto Condensed', sans-serif;
+	font-weight: 300;
+	line-height: 1.2;
+	color: #777;
+}
+
+.header-title {
+	font-size: 250%;
+}
+
+.header-subtitle {
+	font-size: 150%;
+}
+
+.topbar-unilu {
+	background: white;
+	align-self: flex-end;
+	padding: 1.5rem;
+	padding-bottom: 0.2rem;
+	border: solid 1pt #777;
+	border-bottom: none;
+	border-radius: 20px 20px 0 0;
+}
+
+.logo-unilu {
+	height: 5rem;
+	width: 6rem;
+	background-image: url('static/unilu.svg');
+	background-size: contain;
+	background-repeat: no-repeat;
+}
+
+
+.width-content {
+	width: 980px;
+}
+
+.footer-box {
+	height: 10rem;
+	background-color: #aaa;
+	box-shadow:
+		inset 10rem -10rem 10rem 0px #fff,
+		inset -10rem -10rem 10rem 0px #fff;
+	display: flex;
+}
+
+.footer-r3 {
+	align-self: center;
+	height: 2rem;
+	width: 2rem;
+	background-image: url('static/r3.svg');
+	background-size: contain;
+	background-repeat: no-repeat;
+}
+
+.footer-lcsb {
+	align-self: center;
+	margin-left: 1rem;
+	height: 2rem;
+	width: 2rem;
+	background-image: url('static/lcsb.svg');
+	background-size: contain;
+	background-repeat: no-repeat;
+}
+
+.footer-text {
+	align-self: center;
+	margin-left: 2rem;
+	max-width: 75%;
+
+	font: 'Roboto Condensed', sans-serif;
+	font-size: 80%;
+	color: #777;
+}
+
+.margin-center {
+	margin: 0 auto;
+}