|
|
| Line 1: |
Line 1: |
| /* Actions bar — STRONG OVERRIDE for all conflicting styles */
| | .mw-parser-output .lw-actions { |
| .lw-actions { | | display:flex; |
| /* Aggressive reset */ | | justify-content:center; |
| background: transparent !important; | | align-items:center; |
| border: 0 !important; | | flex-wrap:wrap; |
| box-shadow: none !important; | | gap:12px; |
| padding: 0 !important; | | margin:18px 0 28px 0; |
| | } |
|
| |
|
| /* Force horizontal layout */
| | .mw-parser-output .lw-actions .pill { |
| display: flex !important; | | display:inline-flex; |
| justify-content: center !important; | | align-items:center; |
| align-items: center !important; | | justify-content:center; |
| flex-wrap: wrap !important; | | padding:9px 14px; |
| flex-direction: row !important; /* Override any column forcing */ | | min-width:13ch; |
| gap: 12px !important; | | border:1px solid #cfd7c9; |
| width: 100% !important; | | border-radius:999px; |
| max-width: 1080px !important; | | background:#fff; |
| margin: 18px auto 32px auto !important; | | color:#2d5016; |
| clear: both !important; | | font-weight:600; |
| | line-height:1.1; |
| | text-decoration:none; |
| } | | } |
|
| |
|
| /* Override ANY styles that might affect the action buttons */
| |
| .lw-actions a,
| |
| .lw-cons-panel .lw-actions a,
| |
| .mw-parser-output .lw-actions a { | | .mw-parser-output .lw-actions a { |
| display: inline-flex !important;
| | text-decoration:none !important; |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| padding: 10px 16px !important;
| |
| min-width: 13ch !important;
| |
| border: 1px solid #c1d1bb !important;
| |
| border-radius: 999px !important;
| |
| background: #fff !important;
| |
| color: #2d5016 !important;
| |
| font-weight: 600 !important;
| |
| font-size: 13px !important;
| |
| line-height: 1.1 !important;
| |
| text-decoration: none !important; | |
| box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04) !important;
| |
| transition: all .15s ease !important;
| |
|
| |
| /* Force inline display, not block */
| |
| flex-direction: row !important;
| |
| width: auto !important;
| |
| max-width: none !important;
| |
| }
| |
| | |
| /* Hover states with strong specificity */
| |
| .lw-actions a:hover,
| |
| .lw-cons-panel .lw-actions a:hover,
| |
| .mw-parser-output .lw-actions a:hover {
| |
| background: #2d5016 !important;
| |
| color: #fff !important;
| |
| border-color: #2d5016 !important;
| |
| box-shadow: 0 2px 8px rgba(45,80,22,.18) !important;
| |
| transform: translateY(-1px) !important;
| |
| }
| |
| | |
| .lw-actions a:active,
| |
| .lw-cons-panel .lw-actions a:active,
| |
| .mw-parser-output .lw-actions a:active {
| |
| transform: translateY(0) !important;
| |
| box-shadow: 0 1px 3px rgba(0,0,0,.10) inset !important;
| |
| }
| |
| | |
| /* Fix visited links */
| |
| .lw-actions a:visited,
| |
| .lw-cons-panel .lw-actions a:visited,
| |
| .mw-parser-output .lw-actions a:visited {
| |
| color: #2d5016 !important;
| |
| }
| |
| | |
| .lw-actions a:hover:visited,
| |
| .lw-cons-panel .lw-actions a:hover:visited,
| |
| .mw-parser-output .lw-actions a:hover:visited {
| |
| color: #fff !important;
| |
| }
| |
| | |
| /* Focus states */
| |
| .lw-actions a:focus,
| |
| .lw-cons-panel .lw-actions a:focus,
| |
| .mw-parser-output .lw-actions a:focus {
| |
| outline: 2px solid #98c28b !important;
| |
| outline-offset: 2px !important;
| |
| }
| |
| | |
| /* Fix MediaWiki redlinks */
| |
| .lw-actions a.new,
| |
| .lw-actions a.new:visited,
| |
| .lw-cons-panel .lw-actions a.new,
| |
| .lw-cons-panel .lw-actions a.new:visited,
| |
| .mw-parser-output .lw-actions a.new,
| |
| .mw-parser-output .lw-actions a.new:visited {
| |
| color: #2d5016 !important;
| |
| }
| |
| | |
| .lw-actions a.new:hover,
| |
| .lw-cons-panel .lw-actions a.new:hover,
| |
| .mw-parser-output .lw-actions a.new:hover {
| |
| color: #fff !important;
| |
| } | | } |
| | | .mw-parser-output .lw-actions a:hover .pill { |
| /* Primary button (first child) */
| | border-color:#9fb39a; |
| .lw-actions a:first-child,
| | box-shadow:0 1px 4px rgba(0,0,0,.08); |
| .lw-cons-panel .lw-actions a:first-child,
| |
| .mw-parser-output .lw-actions a:first-child { | |
| background: #2d5016 !important;
| |
| color: #fff !important;
| |
| border-color: #2d5016 !important;
| |
| }
| |
| | |
| .lw-actions a:first-child:hover,
| |
| .lw-cons-panel .lw-actions a:first-child:hover,
| |
| .mw-parser-output .lw-actions a:first-child:hover {
| |
| background: #3d6b1f !important;
| |
| border-color: #3d6b1f !important; | |
| }
| |
| | |
| /* Responsive - maintain horizontal layout */
| |
| @media (max-width: 720px) {
| |
| .lw-actions,
| |
| .lw-cons-panel .lw-actions,
| |
| .mw-parser-output .lw-actions {
| |
| gap: 10px !important;
| |
| flex-direction: row !important; /* Force horizontal even on mobile */
| |
| }
| |
|
| |
| .lw-actions a,
| |
| .lw-cons-panel .lw-actions a,
| |
| .mw-parser-output .lw-actions a { | |
| flex: 1 1 calc(50% - 10px) !important;
| |
| min-width: auto !important;
| |
| padding: 12px 14px !important;
| |
| text-align: center !important;
| |
| max-width: 200px !important; /* Prevent buttons from getting too wide */
| |
| }
| |
| }
| |
| | |
| /* Very small screens - still try to maintain horizontal */
| |
| @media (max-width: 480px) {
| |
| .lw-actions a,
| |
| .lw-cons-panel .lw-actions a,
| |
| .mw-parser-output .lw-actions a {
| |
| flex: 1 1 calc(50% - 5px) !important;
| |
| padding: 10px 8px !important;
| |
| font-size: 12px !important;
| |
| min-width: 0 !important;
| |
| }
| |
| } | | } |
