dingle dongle i am tired

2026-01-30 02:21:42 +00:00 · 2026-01-30 02:21:42 +00:00 · 6b83c0b8c4
commit 6b83c0b8c4
parent 73edf81633
5 changed files with 158 additions and 15 deletions
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@ -8,3 +8,132 @@
 *
 * Consider organizing styles into separate files for maintainability.
 */
+
+header {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
+div.header {
+  padding: 10px 16px;
+  background: #0065B4;
+  color: #fff;
+  border: none;
+	display: grid;
+	grid-template-columns: 64px 1fr;
+	grid-template-rows: 1fr;
+	grid-column-gap: 15px;
+	grid-row-gap: 0;
+	align-items: center;
+}
+
+div.header h1 {
+  margin: 0;
+}
+
+nav {
+  width: 100%;
+  background: #A62227;
+  padding: 5px;
+  color: #ffffff;
+}
+
+nav button {
+  border: 1px solid black;
+}
+
+nav form {
+  display: inline-block;
+}
+
+h1, h2, ul, ol {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+
+ul, ol {
+  list-style-position: inside;
+  padding-left: 20px;
+}
+
+main {
+  padding: 20px;
+}
+
+pre {
+  display: inline;
+}
+
+body {
+  margin: 0;
+  background-color: #BBBFC8;
+}
+
+div.header a {
+  color: #fff;
+  text-decoration: none;
+}
+
+div.header a:hover {
+  text-decoration: underline solid;;
+}
+
+table.metatable {
+  border: black 2px solid;
+  background-color: #fff;
+  filter: drop-shadow(3px 3px #818181)
+}
+
+table.metatable tr:nth-child(even) {
+  background-color: #f2f2f2;
+}
+
+video {
+  border: black 2px solid;
+  background-color: #000;
+  filter: drop-shadow(8px 8px #818181)
+}
+
+table.metadata td.downloadbutton {
+  border: none;
+  display: inline-block;
+  border-top: black 2px solid;
+}
+
+table.metadata td.downloadbutton form,
+table.metadata td.downloadbutton form button {
+  width: 100%;
+}
+
+table.metadata td.downloadbutton button {
+  border: none;
+  display: inline-block;
+  border-bottom: 1px solid black;
+  border-top: black 2px solid;
+}
+
+table.metatable td.editcontrols {
+  padding: 0;
+}
+
+table.metatable td.editcontrols button {
+  border: none;
+  display: inline-block;
+  border-bottom: 1px solid black;
+  border-top: black 2px solid;
+}
+
+table.metatable td.editcontrols form:first-child  {
+  float: left;
+  width: 50%;
+}
+
+table.metatable td.editcontrols form:first-child button {
+  border-right: black 2px solid;
+  width: 100%;
+}
+
+table.metatable td.editcontrols form:last-child button {
+  width: 50%;
+}