From 0439eb0ba3183662e22cbf4aad5e0761ff88aafc Mon Sep 17 00:00:00 2001
From: SuperDev <owen8064@gmail.com>
Date: Mon, 19 Dec 2022 10:58:10 -0600
Subject: [PATCH] Add files via upload

---
 assets/404.css   |   1 +
 assets/login.css | 646 ++++++++++++++++++++++++++++++++++++++++++++++-
 assets/main.css  |  85 +++++++
 3 files changed, 731 insertions(+), 1 deletion(-)
 create mode 100644 assets/404.css
 create mode 100644 assets/main.css

diff --git a/assets/404.css b/assets/404.css
new file mode 100644
index 0000000..6d8d199
--- /dev/null
+++ b/assets/404.css
@@ -0,0 +1 @@
+*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:520px;width:100%;line-height:1.4;text-align:center}.notfound .notfound-404{position:relative;height:240px}.notfound .notfound-404 h1{font-family:montserrat,sans-serif;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:252px;font-weight:900;margin:0;color:#262626;text-transform:uppercase;letter-spacing:-40px;margin-left:-20px}.notfound .notfound-404 h1>span{text-shadow:-8px 0 0 #fff}.notfound .notfound-404 h3{font-family:cabin,sans-serif;position:relative;font-size:16px;font-weight:700;text-transform:uppercase;color:#262626;margin:0;letter-spacing:3px;padding-left:6px}.notfound h2{font-family:cabin,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:#000;margin-top:0;margin-bottom:25px}@media only screen and (max-width:767px){.notfound .notfound-404{height:200px}.notfound .notfound-404 h1{font-size:200px}}@media only screen and (max-width:480px){.notfound .notfound-404{height:162px}.notfound .notfound-404 h1{font-size:162px;height:150px;line-height:162px}.notfound h2{font-size:16px}}
\ No newline at end of file
diff --git a/assets/login.css b/assets/login.css
index 8b13789..2ae226c 100644
--- a/assets/login.css
+++ b/assets/login.css
@@ -1 +1,645 @@
-
+/*Start CSS.*/
+body
+{
+background-color: black;
+transition: background-color .2s;
+}
+
+/*Footer design.*/
+footer
+{
+width: 100%;
+position: fixed;
+bottom: 0;
+left: 0;
+background-color: white;
+height: 50px;
+font-family: 'Nunito', sans-serif;
+}
+
+/*All input fields.*/
+input
+{
+background-color: none;
+}
+input[type="file"]
+{
+display: none;
+margin: 0 auto;
+text-align: center;
+}
+input[type="text"]
+{
+border: none;
+background-color: none;
+}
+label[for="link_checkbox"] 
+{
+padding: .5rem 2rem;
+outline: none;
+cursor: pointer;
+text-align: center;
+font-family: 'Nunito', sans-serif;
+background-color: none;
+}
+input[name="access_login"]
+{
+width: 270px;
+box-sizing: border-box;
+border: none;
+border-radius: 25px;
+background-color: white;
+background-repeat: no-repeat;
+padding: 12px 12px 12px 12px;
+-webkit-transition: width 0.4s ease-in-out;
+transition: width 0.4s ease-in-out;
+outline: none;
+box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
+}
+input[name="access_password"]
+{
+width: 270px;
+box-sizing: border-box;
+border: none;
+border-radius: 25px;
+background-color: white;
+background-repeat: no-repeat;
+padding: 12px 12px 12px 12px;
+-webkit-transition: width 0.4s ease-in-out;
+transition: width 0.4s ease-in-out;
+outline: none;
+box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
+}
+input[type="textbox"]
+{
+width: 200px;
+font-family: 'Nunito', sans-serif;
+font-size: 14px;
+box-sizing: border-box;
+border: none;
+border-radius: 25px;
+background-color: white;
+background-position: 10px 10px; 
+background-repeat: no-repeat;
+padding: 9px 9px 9px 9px;
+-webkit-transition: width 0.4s ease-in-out;
+transition: width 0.4s ease-in-out;
+outline: none;
+box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
+margin-top: 5px;
+margin-left: 10px;
+padding-left: 15px;
+}
+input[type="submit"]
+{
+border: none;
+cursor: pointer;
+font-size: 17px;
+background: none;
+outline: none;
+}
+
+/*Div id classes.*/
+#link_checkbox 
+{
+display: none;
+background-color: none;
+}
+#link 
+{
+color: #2f80ed;
+width: 430px;
+outline: none;
+font-size: 15px;
+font-family: 'Nunito', sans-serif;
+margin: 0 auto;
+margin-top: 0px;
+display: none;
+text-align: center;
+border: none;
+}
+#link_checkbox:checked ~ #link 
+{
+display: block;
+text-align: center;
+font-family: 'Nunito', sans-serif;
+font-weight: bold;
+border: none;
+background-color: rgba(0,0,0,0.0);
+margin-bottom: 10px;
+}
+#upload
+{
+display: none;
+}
+#bottomlink
+{
+margin-top: 10px;
+margin-left: 10px;
+font-family: 'Nunito', sans-serif;
+}
+#bottomlink a
+{
+text-decoration: none;
+font-size: 14px;
+float: right;
+margin-right: 15px;
+margin-top: 4px;
+font-weight: bold;
+}
+
+/*Div classes and span classes.*/
+.boxmain
+{
+position: absolute;
+top: 50%;
+left: 50%;
+transform: translate(-50%, -50%);
+}
+.boxone
+{
+margin: 0 auto;
+width: 420px;
+height: auto;
+}
+.boxone p
+{
+text-align: center;
+font-family: 'Nunito', sans-serif;
+font-size: 15px;
+color: white;
+font-weight: 300;
+}
+.boxtwo
+{
+margin: 0 auto;
+width: 420px;
+height: auto;
+}
+.boxtwo p
+{
+text-align: center;
+font-family: 'Nunito', sans-serif;
+font-size: 13px;
+color: white;
+}
+.boxthree
+{
+text-align: center;
+}
+.boxthree_B
+{
+text-align: center;
+}
+.boxfour
+{
+margin: 0 auto;
+width: 410px;
+height: auto;
+}
+.boxfour p
+{
+text-align: center;
+font-family: 'Nunito', sans-serif;
+font-size: 13px;
+color: white;
+}
+.boxhome
+{
+text-align: right;   
+margin-right: 13px; 
+}
+.boxfive 
+{
+text-align: center;
+font-family: 'Nunito', sans-serif;
+font-size: 13px;
+color: #2f80ed;
+margin: 0 auto;
+width: 450px;
+height: auto;
+}
+.boxhref
+{
+text-align: center;
+word-spacing: 10px;
+}
+.boxhref a
+{
+text-decoration: none;
+font-family: 'Nunito', sans-serif;
+font-size: 13px;
+color: #2f80ed;
+word-spacing: 5px;
+}
+.boxfileupload
+{
+text-align: center;
+}
+.buttonone
+{
+background-color: white;
+color: black;
+font-weight: bold;
+padding: 15px 145px;
+text-align: center;
+text-decoration: none;
+display: inline-block;
+font-size: 13px;
+cursor: pointer;
+font-family: 'Nunito', sans-serif;
+border-radius: 25px;
+margin-bottom: 6px;
+outline: none;
+border: none;
+}
+.buttonone:hover
+{
+background-color: white;
+color: black;
+font-weight: bold;
+}
+.buttontwo
+{
+background-color: white;
+border-style: solid;
+border-width: 0.5px;
+color: black;
+padding: 15px 32px;
+text-align: center;
+text-decoration: none;
+display: inline-block;
+font-size: 13px;
+cursor: pointer;
+font-family: 'Nunito', sans-serif;
+border-radius: 25px;
+margin-top: 6px;
+margin-bottom: 6px;
+}
+.buttontwo:hover
+{
+background-color: orange;
+color: white;
+}
+.buttonindex
+{
+text-decoration: none;
+font-size: 17px;
+cursor: pointer;
+font-family: 'Nunito', sans-serif;
+margin-right: 10px;
+}
+.buttonsearch
+{
+text-decoration: none;
+font-size: 17px;
+cursor: pointer;
+font-family: 'Nunito', sans-serif;
+margin-right: 10px;
+}
+.download
+{
+text-align: center;
+font-family: 'Nunito', sans-serif;
+}
+.download .download_link
+{
+width: 225px;
+overflow:hidden;
+display:inline-block;
+text-overflow: ellipsis;
+white-space: nowrap;
+text-align: center;
+font-family: 'Nunito', sans-serif;
+text-decoration: none;
+font-weight: bold;
+color: #2f80ed;
+}
+.download .download_link:hover 
+{
+opacity: 1;
+}
+.upload
+{
+background-color: white;
+border-style: solid;
+border-width: 0.5px;
+color: white;
+padding: 15px 105px;
+text-align: center;
+text-decoration: none;
+display: inline-block;
+font-size: 13px;
+cursor: pointer;
+font-family: 'Nunito', sans-serif;
+border-radius: 25px;
+margin-top: 6px;
+}
+.upload:hover
+{
+background-color: white;
+color: #333;
+border-style: solid;
+border-width: 0.5px;
+border-radius: 25px;
+}
+.linkgui
+{
+font-size: 15px;
+font-family: 'Nunito', sans-serif;
+color: rgb(255, 214, 121);
+margin-bottom: 5px;
+}
+.packaging
+{
+text-align: center;
+}
+.textbox
+{
+font-size: 15px;
+font-family: 'Nunito', sans-serif;
+text-align: center;
+color: rgb(255, 214, 121);
+}
+.textbox p
+{
+font-size: 15px;
+font-family: 'Nunito', sans-serif;
+text-align: center;
+color: rgb(255, 214, 121);
+}
+.custom_file_upload
+{
+background-color: #2f80ed;
+border-width: 0.5px;
+color: white;
+font-weight: bold;
+padding: 15px 125px;
+text-align: center;
+text-decoration: none;
+display: inline-block;
+font-size: 13px;
+cursor: pointer;
+font-family: 'Nunito', sans-serif;
+border-radius: 25px;
+margin-top: 6px;
+}
+.progressbox
+{
+margin: 0 auto;
+width: 450px;
+height: auto;
+text-align: center;
+font-family: 'Nunito', sans-serif;
+font-size: 13px;
+font-weight: bold;
+color: #2f80ed;
+}
+.fontone
+{
+text-align: center;
+font-family: 'Nunito', sans-serif;
+font-size: 19px;
+font-weight: 700;
+color: white;
+}
+.dark-theme 
+{
+background-color: #333;
+}
+.dark-theme .switch 
+{
+background-color: rgba(255, 255, 255, .1);
+}
+.dark-theme .btn-toggle 
+{
+transform: translateX(28px);
+}
+.switch 
+{
+display: flex;
+border-radius: 50px;
+width: 3rem;
+padding: .3rem;
+background-color: #2f80ed;
+transition: background-color .2s;
+cursor: pointer;
+}
+.btn-toggle 
+{
+width: 20px;
+height: 20px;
+border-radius: 20px;
+background-color: white;
+transition: transform .1s;
+}
+body.dark 
+{
+background-color: black;
+}
+body.light 
+{
+background-color: #f2efe4;
+}
+.dark p 
+{
+color: white;
+}
+.dark .searchrecords p
+{
+color: rgb(255, 214, 121);
+}
+.dark .textbox p
+{
+color: rgb(255, 214, 121);
+}
+.light p 
+{
+color: black;
+}
+.light .searchrecords p
+{
+color: black;
+}
+.light .textbox p
+{
+color: rgb(255, 214, 121);
+}
+.light .boxjump p
+{
+color: black;
+}
+.modes
+{
+text-align: right;
+float: right;
+}
+.theme2
+{
+display: inline-block;
+text-decoration: none;
+font-size: 17px;
+cursor: pointer;
+font-family: 'Nunito', sans-serif;
+margin-right: 10px;
+}
+.theme3
+{
+display: inline-block;
+text-decoration: none;
+font-size: 17px;
+cursor: pointer;
+font-family: 'Nunito', sans-serif;
+margin-right: 10px;
+}
+.searchbody
+{
+text-align: left;
+margin-left: 10px;
+}
+.searchrecords
+{
+font-family: 'Nunito', sans-serif;
+font-size: 14px;
+color: rgb(255, 214, 121);
+}
+.searchrecords a
+{
+text-decoration: none;
+color: #2f80ed;
+}
+.copy
+{
+word-spacing: 2px;
+color: white;
+font-family: 'Nunito', sans-serif;
+font-size: 14px;
+color: #2f80ed;
+float:left;
+margin-left: 15px;
+margin-top: 7px;
+font-weight: bold;
+}	
+.errmessage
+{
+font-family: 'Nunito', sans-serif;
+font-size: 13px;
+}
+.login
+{
+font-family: 'Nunito', sans-serif;
+font-size: 14px;
+color: #2f80ed;
+}
+.pass
+{
+font-family: 'Nunito', sans-serif;
+font-size: 14px;
+color: #2f80ed;
+}
+.buttonlogin
+{
+width: 270px;
+box-sizing: border-box;
+border: none;
+border-radius: 25px;
+background-color: #2f80ed;;
+color: white;
+font-family: 'Nunito', sans-serif;
+background-repeat: no-repeat;
+padding: 6px 6px 6px 6px;
+-webkit-transition: width 0.4s ease-in-out;
+transition: width 0.4s ease-in-out;
+outline: none;
+box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
+margin: auto;
+text-align: center;
+}
+.boxinvite p
+{
+text-align: center;
+font-family: 'Nunito', sans-serif;
+font-size: 13px;
+color: rgb(255, 214, 121);
+}
+.boxjump 
+{
+margin: 0 auto;
+width: 410px;
+height: auto;
+}
+.boxjump p
+{
+text-align: center;
+font-family: 'Nunito', sans-serif;
+font-size: 13px;
+color: white;
+margin-top: 28px;
+}
+
+/*Responsive web design.*/
+@media only screen and (max-width: 750px) 
+{
+.boxfour
+{
+margin: 0 auto;
+width: 340px;
+height: auto
+}
+}
+@media only screen and (max-width: 750px) 
+{
+.boxjump
+{
+margin: 0 auto;
+width: 340px;
+height: auto
+}
+}
+@media only screen and (max-width: 750px) 
+{
+.boxjump p
+{
+margin: 0 auto;
+width: 340px;
+height: auto
+}
+}
+@media only screen and (max-width: 750px) 
+{
+.boxtwo
+{
+margin: 0 auto;
+width: 340px;
+height: auto
+}
+}
+@media only screen and (max-width: 750px) 
+{
+.boxone
+{
+margin: 0 auto;
+width: 360px;
+height: auto;
+}
+}
+@media only screen and (max-width: 750px) 
+{
+.boxfive
+{
+margin: 0 auto;
+width: 370px;
+height: auto;
+}
+}
+@media only screen and (max-width: 750px) 
+{
+.boxhref
+{
+margin: 0 auto;
+width: 370px;
+height: auto;
+}
+}
+
+/*End CSS.*/
\ No newline at end of file
diff --git a/assets/main.css b/assets/main.css
new file mode 100644
index 0000000..83acfc7
--- /dev/null
+++ b/assets/main.css
@@ -0,0 +1,85 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
+body{
+    background: #111;
+    font-family: "Roboto", sans-serif;
+}
+p{
+	color: #fff;
+}
+a{
+  color:#fff;
+}
+.wrapper{
+    margin-top: 10vh;
+    text-align: -webkit-center;
+}
+ul{
+	color: #848484;
+    list-style-type: none;
+    display: inline-flex;
+    padding: 0;
+    font-size: 11px;
+}
+ul li{
+	padding-right: .2vh;
+}
+form{
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -100px;
+  margin-left: -250px;
+  width: 500px;
+  height: 200px;
+  border: 2px dashed #353535;
+}
+form p{
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  line-height: 170px;
+  color: #ffffff;
+  font-family: Arial;
+}
+form input{
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+  outline: none;
+  opacity: 0;
+}
+form button{
+    margin: 0;
+    color: #fff;
+    background: #2d2d2d;
+    border: none;
+    width: 508px;
+    height: 35px;
+    margin-top: 15px;
+    margin-left: -4px;
+    border-radius: 4px;
+    border-bottom: 4px solid #252525;
+    transition: all .2s ease;
+    outline: none;
+}
+form button:hover{
+  background: #383838;
+}
+form button:active{
+  border:0;
+}
+.notification{
+    width: 25%;
+    padding: 10px;
+    border-radius: 5px;
+    font-size: 12.5px;
+}
+.notification.error{
+    background: #ce3e3e;
+    color: #fff;
+}
+.notification.success{
+    background:#36923b;
+    color: #fff;
+}
\ No newline at end of file