1 files changed, 87 insertions, 41 deletions

diff --git a/public/css/tdro.css b/public/css/tdro.css
index d83e9aa..68af551 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -63,10 +63,8 @@ h2:target a,
 h3:target a,
 a:focus img,
 code-block[id^="code-block"]:target language-label a,
-:focus:not(article-thumbnail a):not(abstract-thumbnail a):not(figure
-    > a):not(nav column-middle a):not(tile-item a),
-:focus-visible:not(article-thumbnail a):not(abstract-thumbnail a):not(figure
-    > a):not(nav column-middle a):not(tile-item a) {
+:focus:not(article-thumbnail a):not(abstract-thumbnail a):not(figure > a):not(nav column-middle a):not(tile-item a),
+:focus-visible:not(article-thumbnail a):not(abstract-thumbnail a):not(figure > a):not(nav column-middle a):not(tile-item a) {
   border-radius: 0.25rem;
   box-shadow: 0 0 0 0.125rem #4992d0;
   outline: none;
@@ -306,9 +304,9 @@ pagination-controller a {
 }
 
 button,
+button-anchor a,
 input[type="submit"],
 input[type="button"],
-button-anchor a,
 pagination-controller a {
   align-items: center;
   border: 0 solid transparent;
@@ -319,6 +317,23 @@ pagination-controller a {
   padding: 0.25rem 1rem;
 }
 
+::file-selector-button,
+::-webkit-file-upload-button {
+  background-color: #f2f2f2;
+  border-color: transparent;
+  border-radius: 0.25rem;
+  border-style: solid;
+  border-width: 0;
+  box-shadow: 0 1px 1px #aaa;
+  cursor: pointer;
+  font-size: 1rem;
+  height: 2rem;
+  padding: 0.25rem 1rem;
+  width: 100%;
+  margin: 1rem 0;
+  display: block;
+}
+
 button svg,
 button-anchor a svg {
   stroke-width: 1.5px;
@@ -588,10 +603,6 @@ recent-projects article-thumbnail {
   flex: none;
 }
 
-upload-page h1 {
-  text-align: center;
-}
-
 article-subsection h1,
 contact-page article h1,
 abstracts-page article-list h1 {
@@ -724,7 +735,7 @@ article-more-content ul + ul {
   margin-top: 1.5rem;
 }
 
-article-meta-top {
+article header {
   margin-bottom: 1.5rem;
 }
 
@@ -732,18 +743,18 @@ article-summary-meta {
   margin-bottom: 0.75rem;
 }
 
-article-meta-top,
+article header,
 article-summary-meta {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 }
 
-article-meta-top a {
+article header a {
   text-decoration: underline;
 }
 
-article-meta-top aside {
+article header aside {
   display: flex;
   align-items: center;
   width: 100%;
@@ -752,7 +763,7 @@ article-meta-top aside {
 
 abstract-summary-meta svg,
 article-summary-meta svg,
-article-meta-top svg {
+article header svg {
   height: 1rem;
   margin-right: 0.35rem;
   width: 1rem;
@@ -761,7 +772,7 @@ article-meta-top svg {
 }
 
 article-summary-meta *:not(svg),
-article-meta-top aside *:not(svg) {
+article header aside *:not(svg) {
   margin-right: 0.5rem;
 }
 
@@ -1032,6 +1043,17 @@ small-caps[intro] {
   text-transform: none;
 }
 
+html[data-page="resume"]::-webkit-scrollbar {
+  height: 0;
+  width: 0;
+  scrollbar-width: none;
+}
+
+body[data-page="resume"] {
+  margin: 0;
+  max-width: 100%;
+}
+
 resume-page {
   display: flex;
   min-height: 100vh;
@@ -1164,6 +1186,50 @@ resume-page timeline-content {
   padding: 1rem 0 0 2rem;
 }
 
+upload-box h1,
+upload-box h2 {
+  text-align: center;
+}
+
+upload-box header {
+  display: flex;
+  align-items: center;
+}
+
+upload-box header p {
+  margin: 0 1rem;
+}
+
+upload-box footer {
+  display: flex;
+}
+
+upload-box footer,
+upload-box header {
+  padding: 1rem;
+  margin: 0;
+}
+
+upload-box form,
+upload-box footer,
+upload-box header {
+  border-color: #ddd;
+  border-style: solid;
+  border-width: 1px;
+}
+
+upload-box form {
+  border-radius: 0.5rem;
+}
+
+upload-box input[type="file"] {
+  border: 1px dashed #999;
+  display: block;
+  padding: 10rem 2rem;
+  text-align-last: center;
+  width: 100%;
+}
+
 /* ----- Attributes ----- */
 
 [hidden] {
@@ -1175,11 +1241,6 @@ resume-page timeline-content {
   cursor: not-allowed;
 }
 
-[data-resume] {
-  margin: 0;
-  max-width: 100%;
-}
-
 /* ----- Context Menu ----- */
 
 input[type="checkbox"]:checked ~ context-menu {
@@ -1860,21 +1921,6 @@ margin-note[image] a:focus {
   }
 }
 
-/* ----- Uppy CSS ----- */
-
-.uppy-Dashboard-inner {
-  background-color: #fff !important;
-  border: 1px solid #aaa !important;
-}
-
-.uppy-size--md .uppy-DashboardAddFiles {
-  border: 2px dashed #aaa !important;
-}
-
-.uppy-size--md .uppy-Dashboard-inner {
-  margin: 0 auto;
-}
-
 /* ----- Colors ----- */
 
 ::selection {
@@ -1933,9 +1979,9 @@ textarea {
 
 button,
 button-anchor a,
-pagination-controller a,
 input[type="submit"],
-input[type="button"] {
+input[type="button"],
+pagination-controller a {
   background-color: #f2f2f2;
   box-shadow: 0 1px 1px #aaa;
 }
@@ -2082,8 +2128,8 @@ figcaption code,
 article-archive-list time,
 article-meta-bottom a,
 article-meta-bottom,
-article-meta-top a,
-article-meta-top,
+article header a,
+article header,
 article-more-content time,
 article-webring time,
 article-summary-meta,
@@ -2145,8 +2191,8 @@ article-archive-list ul a,
 article-archive-list ul a:hover,
 article-card article-thumbnail a,
 article-card article-thumbnail a:hover,
-article-meta-top a,
-article-meta-top a:hover,
+article header a,
+article header a:hover,
 article-webring a,
 button-anchor a:focus,
 button-anchor a:hover,