अभियांत्रिकी विभाग

:root { --primary-color: #2c3e50; --secondary-color: #69cc37; --header-bg: #009879; --light-gray: #f9f9f9; --border-color: #dddddd; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 20px; background-color: #f4f4f4; } .table-container { max-width: 1200px; margin: 0 auto; background: white; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; } .header-title { padding: 20px; background-color: var(--primary-color); color: white; margin: 0; text-align: center; } .styled-table { width: 100%; border-collapse: collapse; font-size: 0.95em; } .styled-table thead tr { background-color: var(--header-bg); color: #ffffff; text-align: left; font-weight: bold; } .styled-table th, .styled-table td { padding: 12px 15px; vertical-align: top; /* Ensures text stays at top for multi-row groups */ } /* Border styling */ .styled-table td { border-bottom: 1px solid var(--border-color); } /* Styling for the start of a new Society group */ .group-start td { border-top: 2px solid #888; /* Darker line to separate societies */ } .society-name-eng { font-weight: 700; color: var(--primary-color); } .society-name-mar { color: #666; font-size: 0.9em; margin-top: 4px; } /* Document Type Badge */ .doc-type { display: inline-block; background-color: #eef2f7; color: #333; padding: 4px 8px; border-radius: 4px; font-weight: 600; font-size: 0.85em; border: 1px solid #dcdcdc; } /* Button Styling */ .btn-view { display: inline-block; background-color: var(--secondary-color); color: white; padding: 6px 12px; text-decoration: none; border-radius: 4px; font-size: 0.85em; transition: background-color 0.3s; } .btn-view:hover { background-color: #2980b9; } /* Mobile Responsiveness */ @media (max-width: 768px) { .styled-table thead { display: none; /* Hide headers on mobile */ } .styled-table, .styled-table tbody, .styled-table tr, .styled-table td { display: block; width: 100%; } .styled-table tr { margin-bottom: 15px; border: 1px solid #ccc; background: white; } .styled-table td { text-align: right; padding-left: 50%; position: relative; border-bottom: 1px solid #eee; } .styled-table td::before { content: attr(data-label); position: absolute; left: 15px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; color: var(--header-bg); } /* Adjustments for merged visual effect on mobile */ .empty-cell { display: none; } }