site/style.css

changeset 0
c1d19a9b477c
child 1
0a8d8d1522b7
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/site/style.css	Wed Jan 01 21:21:10 2020 -0700
@@ -0,0 +1,140 @@
+body {
+	background-color:#202020;
+}
+
+div.main {
+	width:1280px;
+	margin-right: auto;
+	margin-left: auto;
+	max-width: 100%;
+}
+
+/* Header Styles */
+img.headerlogo {
+	width: 293px;
+	height: 96px;
+	display:block;
+	margin:auto;
+}
+ul.buttons {
+	color:#fafafa;
+	padding: 0px;
+	margin: 0px;
+	border-bottom-color: #373737;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+}
+ul.buttons li {
+	font-family: 'Arimo', sans-serif;
+	font-size: 18px;
+	font-weight: 400;
+	list-style-type: none;
+	text-transform: uppercase;
+	display: inline-block;
+	padding: .25em;
+	padding-left: .25em;
+	padding-right: .25em;
+}
+ul.buttons li:hover {
+	background-color: #484848;
+}
+li.active{
+	border-bottom-color: #f79a10;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
+	background-color: #484848;
+}
+ul.buttons a {
+	color:#FAFAFA;
+	text-decoration: none;	
+}
+
+
+/* Text Styles */
+div.content {
+	font-family: 'Lato', sans-serif;
+	color:#fafafa;
+	margin: 1em;
+	margin-right: 4em;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+}
+div.content h1 {
+	margin-bottom: .25em;
+}
+div.content h3 {
+	margin-top: .25em;
+	margin-bottom: .25em;
+}
+div.content h4 {
+	margin-top: .25em;
+	margin-bottom: .25em;
+
+}
+div.content p {
+	margin: 1em;
+	margin-top: .25em;
+	margin-bottom: .25em;
+	font-size: 0.875em;
+}
+
+
+/* Footer Styles */
+div.footer {
+	color:#fafafa;
+	border-top-color: #373737;
+	border-top-width: 1px;
+	border-top-style: solid;
+}
+div.footer p{
+	font-family: "Arial", sans-serif;
+	text-align: right;
+	font-size: 12px;
+	margin-top: 16px;
+	margin-right: 2em;
+}
+
+
+/* Main Body Content Styles */
+hr {
+	display: block;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	margin-left: auto;
+	margin-right: auto;
+	border-style: none;
+	border-width: 0px;
+	border-bottom-color: #373737;
+	border-bottom-style: solid;
+	border-bottom-width: 1px;
+  }
+
+div.contentSection {
+	border-color: #282828;
+	border-style: solid;
+	border-width: 1px;
+	border-radius: 3px;
+	padding: 0.25em;
+	/* width: max-content; */
+	background-color: #1e1e1e;
+	margin-bottom: 0.5em;
+}
+div.contentSection a {
+	color:#fafafa;
+	text-decoration: none;
+}
+
+/* Media Styles */
+div.mediaContainer {
+	margin-left: auto;
+	margin-right: auto;
+	width: max-content;
+	max-width: 100%;
+}
+video {
+	max-width: 100%;
+}
+
+/* External Fonts */
+@import url('https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i&display=swap');
\ No newline at end of file

mercurial