/* CSS code for photos-to-pdf-online plugin */
.photos-to-pdf-container {
font-family: sans-serif; /* Fallback font */
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: #f9f9f9;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
text-align: center;
}
/* Style for Poppins Marathi Bold (or fallback) */
.photos-to-pdf-heading,
.upload-label,
.generate-pdf-button {
font-family: 'Poppins Marathi Bold', sans-serif; /* Preferred font */
font-weight: bold; /* Ensure bold if font-weight is not automatically bold */
}
/* If Poppins Marathi Bold is not loading, ensure labels are still bold */
.upload-label {
font-weight: bold;
}
.photos-to-pdf-heading {
color: #333;
font-size: 2em;
margin-bottom: 20px;
}
.upload-area {
margin-bottom: 20px;
}
.upload-label {
display: block;
margin-bottom: 10px;
font-size: 1.2em;
color: #555;
}
.image-upload-input {
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
width: 100%;
box-sizing: border-box;
}
.thumbnail-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 20px;
justify-content: center; /* Center thumbnails */
}
.thumbnail-image {
max-width: 100px;
max-height: 100px;
border: 1px solid #eee;
border-radius: 4px;
padding: 4px;
background-color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
}
.generate-pdf-button {
background-color: #007bff;
color: white;
padding: 12px 24px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1.1em;
transition: background-color 0.3s ease;
}
.generate-pdf-button:hover {
background-color: #0056b3;
}
.pdf-download-link {
margin-top: 20px;
}
.pdf-download-link a {
display: inline-block;
padding: 12px 24px;
background-color: #28a745;
color: white;
text-decoration: none;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.pdf-download-link a:hover {
background-color: #1e7e34;
}
/* Responsive adjustments */
@media (max-width: 600px) {
.photos-to-pdf-container {
padding: 15px;
}
.photos-to-pdf-heading {
font-size: 1.8em;
}
.upload-label {
font-size: 1.1em;
}
.generate-pdf-button {
font-size: 1em;
padding: 10px 20px;
}
}
/* Integrating Poppins Marathi Bold (Instructions - not CSS code) */
/*
To use "Poppins Marathi Bold", you can include it via Google Fonts in your theme's header or using a plugin.
Example using Google Fonts (add this to your theme's or enqueue in your theme's functions.php):
Then, in your CSS, you can use:
font-family: 'Poppins', sans-serif;
font-weight: 700;
Note: Ensure to check Google Fonts for the exact "Poppins Marathi Bold" variant and adjust the CSS accordingly.
If "Poppins Marathi Bold" specifically is not available, you might need to use "Poppins" with a bold weight and ensure it supports Marathi characters.
If direct web font integration of "Poppins Marathi Bold" is complex, consider using a web-safe Marathi font or a generic bold sans-serif for broader compatibility.
*/