beenull/Imgur-Clone
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

added old css back for old frontend - refrence

Browse source
This commit is contained in:
Toddeh Alexander - MacAir 2024-04-30 13:52:46 -07:00
parent 2852d1a360
commit 714087c15f
1 changed files with 16 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
frontend/css/styles.css
View file

@ -1,3 +1,4 @@
/* Navigation Bar Styles */
nav { nav {
background-color: #333; background-color: #333;
position: fixed; position: fixed;
@ -45,7 +46,7 @@ nav {
background-color: #555; background-color: #555;
} }
/* Upload Page Styles */ /* Home Page Styles */
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 0; margin: 0;
@ -57,7 +58,8 @@ body {
padding-top: 80px; padding-top: 80px;
} }
#upload-container { #drag-drop-container {
border: 2px dashed #ccc;
padding: 20px; padding: 20px;
text-align: center; text-align: center;
width: 400px; width: 400px;
@ -65,21 +67,21 @@ body {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
#drag-drop-container:hover {
#upload-container h2 { border-color: #4CAF50;
margin-bottom: 20px; background-color: #f1f1f1;
transform: scale(1.1);
cursor: pointer;
} }
.file-label { #drag-drop-container.drag-over {
font-size: 16px; border-color: #4CAF50;
background-color: #f1f1f1;
transform: scale(1.1);
cursor: pointer;
} }
.file-input { #upload-button {
margin-top: 10px;
}
.upload-button {
margin-top: 20px;
background-color: #ccc; background-color: #ccc;
color: white; color: white;
padding: 10px 20px; padding: 10px 20px;
@ -89,12 +91,7 @@ body {
cursor: default; cursor: default;
} }
.upload-button:enabled { #upload-button:enabled {
background-color: #4CAF50; background-color: #4CAF50;
cursor: pointer; cursor: pointer;
}
.upload-button:disabled {
background-color: #ccc;
cursor: default;
} }