summaryrefslogtreecommitdiff
path: root/static/style.css
diff options
context:
space:
mode:
authorBrandon <brandon@btkoch.xyz>2024-10-26 19:51:38 -0400
committerBrandon <brandon@btkoch.xyz>2024-10-26 19:51:38 -0400
commitcd0279d2787bbf265e12e309b8a61489c727bb2a (patch)
tree929cb425266bb2224665c1c989bffebe2d172f4f /static/style.css
create repo
Diffstat (limited to 'static/style.css')
-rw-r--r--static/style.css149
1 files changed, 149 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..fa1fd6a
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,149 @@
+html, body {
+ margin: 0;
+ padding: 0;
+ height: 100%;
+}
+
+header {
+ font-family: '', serif;
+ color: #D9D9D9;
+ text-align: center;
+ background-color: #174372;
+ background-image: linear-gradient( #44688E, #174372 );
+}
+
+aside {
+ font-family: 'Old Standard TT', serif;
+ font-size: 200%;
+ color: #FF4040;
+ text-shadow: 0 0 3px #000000;
+ text-align: center;
+ text-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .5);
+}
+
+p {
+ font-family: 'Old Standard TT', serif;
+ font-size: 15pt;
+}
+
+body {
+ font-family: 'Old Standard TT', serif;
+ background-color: #174372;
+ height: 100vh;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ text-align: center;
+}
+
+li {
+ padding:10px;
+}
+
+footer {
+ background-color: #D9D9D9;
+ color: #174372;
+ text-align: center;
+}
+
+table {
+ margin-left: auto;
+ margin-right: auto;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ border-collapse: collapse;
+ border: 2px solid #174372;
+}
+
+th, td {
+ border: 1px solid #174372;
+ text-align: center;
+ padding: 10px;
+}
+
+.box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ width: 50%;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+.box {
+ background-color: #D9D9D9;
+ color: #174372;
+ margin: auto;
+ width: 60%;
+ padding: 25px;
+ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+/*
+.column {
+ flex: 1;
+}
+
+.row {
+ display: flex;
+ column-gap: 20px;
+}
+*/
+
+.contact {
+ font-size: 140%;
+ color: #D9D9D9;
+ text-align: center;
+}
+
+.topnav ul {
+ color:#D9D9D9;
+ text-align: center;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+ background-color: #D9D9D9;
+}
+
+.topnav {
+ font-size: 70;
+}
+.topnav li {
+ display: inline-block;
+ color: #174372;
+ margin-left: 20px;
+ margin-right: 20px;
+}
+
+.topnav li a {
+ color: #174372;
+/* display: block; */
+ text-align: center;
+/* padding: 14px 16px; */
+ text-decoration: none;
+ transform: none;
+}
+
+.topnav a:visited {
+ color: #174372;
+}
+
+/* For columns shortcode: */
+.md-columns {
+ display: flex;
+ flex-wrap: wrap;
+ margin-left: -1rem;
+ margin-right: -1rem;
+
+ div {
+ flex: 1 1;
+ margin: 1rem 0;
+ min-width: 100px;
+ max-width: 100%;
+ padding: 0 1rem;
+ }
+
+ .markdown-inner {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+}