|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
| /* =========================== | | /* =========================== |
| S A R K A R I R E S U L T | | S A R K A R I R E S U L T |
| PROFESSIONAL UI THEME | | PROFESSIONAL UI THEME |
| =========================== */ | | =========================== */ |
|
| |
| /* Global Font */
| |
| body, #content {
| |
| font-family: "Roboto", "Segoe UI", sans-serif;
| |
| line-height: 1.55;
| |
| color: #1a1a1a;
| |
| }
| |
|
| |
| /* Main Color Branding */
| |
| :root {
| |
| --sr-primary: #c92a2a; /* SarkariResult Red */
| |
| --sr-primary-dark: #a4161a;
| |
| --sr-green: #2d6a4f;
| |
| --sr-blue: #1d4e89;
| |
| --sr-bg: #f8f9fa;
| |
| }
| |
|
| |
| /* Header (Vector + Minerva) */
| |
| #mw-head, .minerva-header {
| |
| background: var(--sr-primary) !important;
| |
| color: white !important;
| |
| }
| |
|
| |
| #p-logo a {
| |
| background-size: contain !important;
| |
| }
| |
|
| |
| /* Links */
| |
| a {
| |
| color: var(--sr-primary-dark);
| |
| font-weight: 500;
| |
| }
| |
| a:hover {
| |
| color: var(--sr-primary);
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /* Section Headings */
| |
| h1, h2, h3, h4 {
| |
| color: var(--sr-primary-dark);
| |
| font-weight: 700;
| |
| border-bottom: 2px solid #e6e6e6;
| |
| padding-bottom: 4px;
| |
| }
| |
|
| |
| /* Navigation Box (Wikipedia style) */
| |
| .wikitable th {
| |
| background: var(--sr-blue);
| |
| color: white;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| .wikitable td {
| |
| background: #ffffff;
| |
| }
| |
|
| |
| /* Sarkari Result Highlight Box */
| |
| .sr-box {
| |
| border: 2px solid var(--sr-primary);
| |
| padding: 12px;
| |
| background: #fff5f5;
| |
| border-radius: 6px;
| |
| }
| |
|
| |
| /* Buttons */
| |
| .sr-btn {
| |
| display: inline-block;
| |
| padding: 8px 14px;
| |
| background: var(--sr-primary);
| |
| color: white !important;
| |
| border-radius: 4px;
| |
| font-weight: 600;
| |
| }
| |
| .sr-btn:hover {
| |
| background: var(--sr-primary-dark);
| |
| }
| |
|
| |
| /* Home Page Layout */
| |
| .sr-main {
| |
| background: var(--sr-bg);
| |
| padding: 15px;
| |
| border-radius: 6px;
| |
| }
| |
|
| |
| /* Sidebar Styling */
| |
| #mw-panel {
| |
| background: white !important;
| |
| border-right: 1px solid #e6e6e6;
| |
| }
| |
|
| |
| #p-navigation .portal h3 {
| |
| background: var(--sr-primary);
| |
| color: white;
| |
| padding: 6px;
| |
| border-radius: 4px;
| |
| }
| |
|
| |
| /* Footer */
| |
| #footer {
| |
| background: #f1f1f1 !important;
| |
| border-top: 3px solid var(--sr-primary);
| |
| padding-top: 10px;
| |
| }
| |
| #footer a {
| |
| color: var(--sr-primary);
| |
| }
| |
|
| |
| /* Mobile Optimizations */
| |
| @media(max-width: 720px) {
| |
| .sr-main, .wikitable {
| |
| width: 100% !important;
| |
| display: block;
| |
| }
| |
| }
| |
