Kumi
1ba7beaa36
Included the Transfer.coffee logo to enhance branding and updated header styles for improved visual appeal. Adjusted overall layout to center elements and ensure consistent presentation across the app.
93 lines
No EOL
1.3 KiB
CSS
93 lines
No EOL
1.3 KiB
CSS
body {
|
|
font-family: Arial, sans-serif;
|
|
background-color: #f4f4f4;
|
|
margin: 0;
|
|
padding: 20px;
|
|
}
|
|
|
|
header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.logo {
|
|
max-height: 60px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
h1 {
|
|
color: #5a5a5a;
|
|
font-size: 2.5em;
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
header a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
button:disabled {
|
|
background-color: #ccc;
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
.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;
|
|
} |