init - lots of changes from lugo

2024-02-07 16:08:16 -07:00
parent 62ac46a295
commit 7b3c3f0dfb
13 changed files with 228 additions and 86 deletions
--- a/static/form.css
+++ b/static/form.css
@@ -0,0 +1,61 @@
+input {
+    color: #ffffff;
+    margin: 0.2rem;
+}
+
+textarea:focus, input:focus {
+    outline-width: 0.2rem;
+    outline-style: solid;
+}
+
+textarea:focus {
+    outline-color: #222222;
+}
+
+input:focus {
+    outline-color: white;
+}
+
+input[type="submit"]:focus {
+    outline-color: #344a70;
+}
+
+input[type="submit"] {
+    background-color: #344a70;
+    text-align: center;
+}
+
+input[type="password"], [type="text"] {
+    background-color: #ffffff;
+    color: #222222;
+}
+
+/* input[value="Post"] {
+} */
+
+textarea, input {
+    border-radius: 0.5rem;
+    border-style: hidden;
+    padding: 0.75rem;
+}
+
+textarea {
+    background-color: #222222;
+    border-style: solid;
+    border-width: 0;
+    resize: none;
+    color: white;
+    scrollbar-width: 0;
+    width: 100%;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    font-family: inherit;
+    font-size: inherit;
+    font-weight: inherit;
+}
+
+textarea > ::placeholder {
+    color: #717171;
+    opacity: 1;
+}
--- a/static/style.css
+++ b/static/style.css
@@ -1,45 +1,99 @@
+::-webkit-scrollbar {
+	width: 0;
+}
+
 body {
-	font-family: sans-serif ;
-	background: #110000 ;
-	color: #ccc ;
+    background-color: #222222;
+    color: #ffffff;
+    font-family: Arial, Helvetica, sans-serif;
+    margin: 0;
+    font-size: large;
 }

-main {
-	max-width: 800px ;
-	margin: auto ;
+header {
+    background-color: #344a70;
+    margin-top: 0;
+    margin-left: 0;
+    text-align: center;
+    padding: 0.75rem;
+    font-size: xx-large;
 }

-img {
-	max-width: 100% ;
+.article-header {
+    background-color: #454545;
+    margin: 2rem;
+    margin-bottom: 0;
+    border-top-right-radius: 0.5rem;
+    border-top-left-radius: 0.5rem;
 }

-header h1 {
-	text-align: center ;
+.spaced {
+    margin: 0;
+    padding: 1rem;
+}
+
+article {
+    background-color: #303030;
+    padding: 1.5rem;
+    margin-left: 2rem;
+    margin-right: 2rem;
+    text-align: left;
+    border-bottom-left-radius: 0.5rem;
+    border-bottom-right-radius: 0.5em;
+}
+
+hr {
+    margin: 2rem;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #454545;
+    height: 1px;
 }

 footer {
-	text-align: center ;
-	clear: both ;
+    color: #606060;
+    text-align: center;
 }

-/* For TAGLIST.HTML */
-.taglist {
-	text-align: center ;
-	clear: both ;
+p {
+    margin-left: 1rem;
+    margin-right: 1rem;
+    margin-top: 0;
 }

-/* For NEXTPREV.HTML */
-#nextprev {
-	/* The container for both the previous and next articles. */
+h1,h2,h3,h4,h5,h6 {
+    margin: 0;
+    text-align: center;
 }
-#prevart {
-	float: left ;
-	text-align: left ;
+
+a {
+    color: #3e765d;
 }
-#nextart {
-	float: right ;
-	text-align: right ;
+
+a:hover {
+    color: #344a70;
+    text-decoration-line: none;
 }
-#nextart,#prevart {
-	max-width: 33% ;
+
+header a {
+    color: inherit;
+    text-decoration-line: none;
+    font-weight: normal;
 }
+
+header a:hover {
+    font-weight: bold;
+    color: inherit
+}
+
+main {
+    max-width: 80%;
+    margin: auto;
+}
+
+@media screen and (max-width: 900px) {
+main {
+    max-width: 100%;
+    margin: auto;
+}
+}