Kumi
a8019c01a4
Moved inline CSS from index.ejs to a new style.css file for cleaner structure and maintainability. Extracted embedded JavaScript to index.js to streamline HTML and enhance script manageability. Benefits: - Improved readability and organization of HTML - Easier maintenance and updates for CSS and JS - Potential for CSS and JS caching, improving load times No functional changes were made. Refactors existing code for better practices.
60 lines
No EOL
1.1 KiB
CSS
60 lines
No EOL
1.1 KiB
CSS
body {
|
|
font-family: Arial, sans-serif;
|
|
background-color: #f4f4f4;
|
|
margin: 0;
|
|
padding: 20px;
|
|
}
|
|
h1 {
|
|
color: #333;
|
|
}
|
|
.container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
background: #fff;
|
|
padding: 20px;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.section {
|
|
margin-bottom: 20px;
|
|
}
|
|
input[type="file"],
|
|
input[type="text"],
|
|
input[type="url"] {
|
|
width: calc(100% - 22px);
|
|
padding: 10px;
|
|
margin: 10px 0;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
button {
|
|
padding: 10px 20px;
|
|
background-color: #28a745;
|
|
color: white;
|
|
border: none;
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
}
|
|
button:hover {
|
|
background-color: #218838;
|
|
}
|
|
.progress {
|
|
width: 100%;
|
|
background-color: #f3f3f3;
|
|
border-radius: 4px;
|
|
margin: 10px 0;
|
|
}
|
|
.progress-bar {
|
|
width: 0;
|
|
height: 20px;
|
|
background-color: #28a745;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
color: white;
|
|
line-height: 20px;
|
|
}
|
|
.result {
|
|
margin: 10px 0;
|
|
padding: 10px;
|
|
background-color: #e9ecef;
|
|
border-radius: 4px;
|
|
} |