NA STYKU KARPAT SPOTKANIE NA LUDOWO W SOŁECTWIE SZCZAWNE- KULASZNE
19 października 2019r. o 15.00 w Ośrodku Kultury w Szczawnem - "NA STYKU KARPAT SPOTKANIE NA LUDOWO W SOŁECTWIE SZCZAWNE- KULASZNE"
* + * {
margin-top: 0.75rem;
}
@media (max-width: 768px) {
.content-widget .prose h1 {
font-size: 1.875rem;
line-height: 2.25rem;
}
.content-widget .prose h2 {
font-size: 1.5rem;
line-height: 2rem;
}
.gallery-section .grid {
grid-template-columns: repeat(2, 1fr);
}
.documents-section .flex {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.documents-section .inline-flex {
width: 100%;
justify-content: center;
}
}
/* Print Styles */
@media print {
/* Reset everything */
* {
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
/* Hide everything except the article */
body * {
visibility: hidden !important;
}
/* Show only the article and its contents */
.content-widget,
.content-widget * {
visibility: visible !important;
}
/* Hide non-essential elements within article */
.content-widget .flex.items-center.gap-2,
.content-widget #reading-progress,
.content-widget .gallery-section,
.content-widget .documents-section,
.content-widget button,
.content-widget .no-print {
visibility: hidden !important;
display: none !important;
}
/* Page setup */
@page {
margin: 2cm;
size: A4;
}
/* Reset body and html */
html, body {
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
height: auto !important;
background: white !important;
}
/* Reset all possible containers and layout elements */
.container,
.wrapper,
.main,
.content,
.layout,
.page,
.site,
.header,
.footer,
.sidebar,
.nav,
.navigation,
.menu,
.row,
.col,
.column,
.grid,
.flex,
section,
article,
aside,
header,
footer,
nav,
main,
div:not(.content-widget):not(.content-widget *) {
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
width: auto !important;
height: auto !important;
position: static !important;
transform: none !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
}
/* Force reset for common framework classes */
[class*="container"],
[class*="wrapper"],
[class*="layout"],
[class*="grid"],
[class*="row"],
[class*="col"],
[class*="flex"],
[class*="margin"],
[class*="padding"],
[class*="space"] {
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
width: auto !important;
}
/* Position article at absolute top */
.content-widget {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
max-width: none !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: white !important;
box-shadow: none !important;
border: none !important;
transform: none !important;
}
.content-widget header {
margin-bottom: 1.5rem !important;
border-bottom: 2px solid #000 !important;
padding-bottom: 1rem !important;
}
.content-widget h1 {
color: #000 !important;
font-size: 24pt !important;
line-height: 1.2 !important;
margin-bottom: 0.5rem !important;
font-weight: bold !important;
}
.content-widget .text-sm {
color: #666 !important;
font-size: 10pt !important;
margin-bottom: 1rem !important;
}
.content-widget .prose {
color: #000 !important;
font-size: 12pt !important;
line-height: 1.4 !important;
font-family: 'Times New Roman', serif !important;
}
.content-widget .prose h2 {
color: #000 !important;
font-size: 16pt !important;
font-weight: bold !important;
margin-top: 1.5rem !important;
margin-bottom: 0.5rem !important;
page-break-after: avoid !important;
}
.content-widget .prose h3 {
color: #000 !important;
font-size: 14pt !important;
font-weight: bold !important;
margin-top: 1rem !important;
margin-bottom: 0.5rem !important;
page-break-after: avoid !important;
}
.content-widget .prose p {
color: #000 !important;
font-size: 12pt !important;
line-height: 1.4 !important;
margin-bottom: 0.8rem !important;
text-align: justify !important;
orphans: 3 !important;
widows: 3 !important;
}
.content-widget .prose ul,
.content-widget .prose ol {
margin-bottom: 1rem !important;
padding-left: 1.5rem !important;
}
.content-widget .prose li {
color: #000 !important;
font-size: 12pt !important;
line-height: 1.4 !important;
margin-bottom: 0.3rem !important;
}
.content-widget .prose a {
color: #000 !important;
text-decoration: underline !important;
}
.content-widget .prose a:after {
content: " (" attr(href) ")" !important;
font-size: 10pt !important;
color: #666 !important;
}
.content-widget .prose blockquote {
border-left: 3px solid #000 !important;
padding-left: 1rem !important;
margin: 1rem 0 !important;
font-style: italic !important;
color: #333 !important;
}
.content-widget .prose table {
width: 100% !important;
border-collapse: collapse !important;
margin: 1rem 0 !important;
font-size: 10pt !important;
}
.content-widget .prose th,
.content-widget .prose td {
border: 1px solid #000 !important;
padding: 0.5rem !important;
text-align: left !important;
color: #000 !important;
}
.content-widget .prose th {
background-color: #f0f0f0 !important;
font-weight: bold !important;
}
.content-widget .prose img {
max-width: 100% !important;
height: auto !important;
display: block !important;
margin: 1rem auto !important;
border: 1px solid #ccc !important;
page-break-inside: avoid !important;
}
/* Page breaks */
.content-widget h1,
.content-widget h2 {
page-break-after: avoid !important;
}
.content-widget .prose p,
.content-widget .prose blockquote,
.content-widget .prose table {
page-break-inside: avoid !important;
}
/* Print footer */
.content-widget:after {
content: "Wydrukowano: " counter(page) " | Data: " attr(data-print-date);
position: fixed;
bottom: 1cm;
right: 2cm;
font-size: 8pt;
color: #666;
}
}