bep40/web-scraper-pro

1 2/* Shared styles across all pages */3@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');4 5body {6    font-family: 'Inter', sans-serif;7}8 9/* Custom scrollbar */10::-webkit-scrollbar {11    width: 6px;12}13 14::-webkit-scrollbar-track {15    background: #f1f1f1;16}17 18::-webkit-scrollbar-thumb {19    background: #c1c1c1;20    border-radius: 3px;21}22 23::-webkit-scrollbar-thumb:hover {24    background: #a8a8a8;25}26 27/* Smooth transitions */28* {29    transition: all 0.2s ease-in-out;30}31 32/* Custom animations */33@keyframes fadeIn {34    from {35        opacity: 0;36        transform: translateY(10px);37    }38    to {39        opacity: 1;40        transform: translateY(0);41    }42}43 44.fade-in {45    animation: fadeIn 0.5s ease-out;46}47 48/* Prose styles for extracted content */49.prose {50    line-height: 1.6;51}52 53.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {54    margin-top: 1.5em;55    margin-bottom: 0.5em;56    font-weight: 600;57}58 59.prose p {60    margin-bottom: 1em;61}62 63.prose ul, .prose ol {64    margin-bottom: 1em;65    padding-left: 1.5em;66}67 68.prose li {69    margin-bottom: 0.5em;70}71 72/* Image gallery styles */73.gallery-image {74    border-radius: 8px;75    overflow: hidden;76    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);77    transition: transform 0.3s ease;78}79 80.gallery-image:hover {81    transform: scale(1.05);82}83 84/* Ensure form elements are visible */85#scraperForm {86    display: block !important;87    visibility: visible !important;88}89 90#urlInput {91    display: block !important;92    visibility: visible !important;93    opacity: 1 !important;94}95 96/* Button visibility */97button[type="submit"], 98button[type="button"] {99    display: flex !important;100    visibility: visible !important;101    opacity: 1 !important;102}103