|
|
| Line 695: |
Line 695: |
| gap: 10px; | | gap: 10px; |
| margin-top: 12px; | | margin-top: 12px; |
| }
| |
| #se-home {
| |
| max-width: 700px;
| |
| margin: 40px auto;
| |
| }
| |
|
| |
| .se-docrow {
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .se-docrow-title {
| |
| text-decoration: none;
| |
| color: #1a2e40;
| |
| } | | } |
|
| |
|
| .se-docrow:hover {
| |
| background: #f4f7fb;
| |
| }
| |
| /* 🚫 Disable Vector search takeover completely */ | | /* 🚫 Disable Vector search takeover completely */ |
| .vector-search-box-expanded { | | .vector-search-box-expanded { |
| Line 763: |
Line 747: |
| order: 3 !important; | | order: 3 !important; |
| } | | } |
| /* Dropdown container */ | | /* ===== Search box ===== */ |
| .cdx-typeahead-search {
| | #p-search { |
| background: #ffffff !important;
| | margin-left: 20px; |
| color: #202124 !important;
| |
| border-radius: 12px;
| |
| overflow: hidden;
| |
| }
| |
| | |
| /* Individual results */
| |
| .cdx-menu-item {
| |
| color: #202124 !important;
| |
| padding: 10px 14px;
| |
| }
| |
| | |
| /* Hover */
| |
| .cdx-menu-item:hover {
| |
| background: #f1f3f4 !important;
| |
| }
| |
| /* Input box */
| |
| .cdx-text-input__input {
| |
| background: rgba(255,255,255,0.12) !important;
| |
| color: #ffffff !important;
| |
| border-radius: 6px;
| |
| padding: 6px 10px;
| |
| }
| |
| | |
| /* Placeholder */
| |
| .cdx-text-input__input::placeholder {
| |
| color: rgba(255,255,255,0.7) !important;
| |
| }
| |
| /* Fix search box icon color */
| |
| .cdx-search-input__end-button svg,
| |
| .cdx-search-input__end-button path {
| |
| fill: #202124 !important; | |
| }
| |
| | |
| /* Fix search dropdown text color */
| |
| .cdx-typeahead-search__menu .cdx-menu-item {
| |
| color: #202124 !important;
| |
| }
| |
| | |
| /* Fix search input text color */
| |
| .cdx-search-input__input {
| |
| color: #202124 !important;
| |
| } | | } |
|
| |
|
| /* Fix search input placeholder color */ | | /* Input: white background, dark text — readable on both light and dark headers */ |
| .cdx-search-input__input::placeholder {
| | .cdx-search-input__input, |
| color: rgba(32, 33, 36, 0.6) !important;
| |
| }
| |
| | |
| /* Fix search dropdown background and text */
| |
| .cdx-typeahead-search { | |
| background: #ffffff !important;
| |
| color: #202124 !important;
| |
| }
| |
| | |
| /* Fix search dropdown item hover */
| |
| .cdx-menu-item:hover {
| |
| background: #f1f3f4 !important;
| |
| color: #202124 !important;
| |
| }
| |
| /* Override search box input text color */
| |
| #p-search .cdx-search-input__input { | | #p-search .cdx-search-input__input { |
| color: #202124 !important;
| |
| }
| |
|
| |
| /* Override search box placeholder color */
| |
| #p-search .cdx-search-input__input::placeholder {
| |
| color: rgba(32, 33, 36, 0.6) !important;
| |
| }
| |
|
| |
| /* Override search box icon color */
| |
| #p-search .cdx-search-input__end-button svg,
| |
| #p-search .cdx-search-input__end-button path {
| |
| fill: #202124 !important;
| |
| }
| |
|
| |
| /* Override search dropdown container background */
| |
| #p-search .cdx-typeahead-search {
| |
| background: #ffffff !important; | | background: #ffffff !important; |
| | border: none !important; |
| color: #202124 !important; | | color: #202124 !important; |
| | border-radius: 8px !important; |
| | padding: 6px 10px !important; |
| } | | } |
|
| |
|
| /* Override search dropdown items */
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item {
| |
| color: #202124 !important;
| |
| }
| |
|
| |
| /* Override search dropdown item hover */
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item:hover {
| |
| background: #f1f3f4 !important;
| |
| color: #202124 !important;
| |
| }
| |
|
| |
| /* Override search dropdown icon color */
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item__icon svg,
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item__icon path {
| |
| fill: #202124 !important;
| |
| }
| |
| /* Force search input text to be dark */
| |
| #p-search .cdx-search-input__input,
| |
| #p-search .cdx-search-input__input::placeholder { | | #p-search .cdx-search-input__input::placeholder { |
| color: #202124 !important; | | color: rgba(32, 33, 36, 0.55) !important; |
| opacity: 1 !important; | | opacity: 1 !important; |
| } | | } |
|
| |
|
| /* Force search icon to be dark */ | | /* Search button icon — dark on white background */ |
| #p-search .cdx-search-input__end-button,
| | .cdx-search-input__end-button, |
| #p-search .cdx-search-input__end-button svg,
| | .cdx-search-input__end-button svg, |
| #p-search .cdx-search-input__end-button path {
| | .cdx-search-input__end-button path { |
| | background: transparent !important; |
| fill: #202124 !important; | | fill: #202124 !important; |
| color: #202124 !important; | | color: #202124 !important; |
| opacity: 1 !important;
| |
| } | | } |
|
| |
|
| /* Force search dropdown background and text to be dark */ | | /* Dropdown */ |
| #p-search .cdx-typeahead-search {
| | .cdx-typeahead-search, |
| | .cdx-typeahead-search__menu { |
| background: #ffffff !important; | | background: #ffffff !important; |
| color: #202124 !important; | | color: #202124 !important; |
| | border-radius: 10px !important; |
| | box-shadow: 0 6px 24px rgba(0,0,0,0.2) !important; |
| } | | } |
|
| |
|
| /* Force search dropdown items to be dark */
| | .cdx-menu-item, |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item,
| | .cdx-menu-item * { |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item * {
| |
| color: #202124 !important;
| |
| fill: #202124 !important;
| |
| }
| |
| | |
| /* Force search dropdown item hover to be visible */
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item:hover {
| |
| background: #f1f3f4 !important;
| |
| color: #202124 !important;
| |
| }
| |
| | |
| /* Force search dropdown icons to be dark */
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item__icon,
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item__icon svg,
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item__icon path {
| |
| fill: #202124 !important;
| |
| color: #202124 !important; | | color: #202124 !important; |
| }
| |
| /* Force search dropdown text to be dark */
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item,
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item * {
| |
| color: #202124 !important;
| |
| fill: #202124 !important;
| |
| } | | } |
|
| |
|
| /* Force search dropdown background to be white */
| | .cdx-menu-item:hover, |
| #p-search .cdx-typeahead-search__menu {
| | .cdx-menu-item--active, |
| background: #ffffff !important;
| | .cdx-menu-item--selected { |
| }
| |
| | |
| /* Force search dropdown items to have dark text on hover */
| |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item:hover {
| |
| background: #f1f3f4 !important; | | background: #f1f3f4 !important; |
| color: #202124 !important; | | color: #202124 !important; |
| } | | } |
|
| |
|
| /* Force search dropdown icons to be dark */
| | .cdx-menu-item__icon svg, |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item__icon svg,
| | .cdx-menu-item__icon path { |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item__icon path {
| |
| fill: #202124 !important; | | fill: #202124 !important; |
| } | | } |
|
| |
|
| /* Force search dropdown text to be dark, even if JavaScript changes it */ | | /* Keep search box from expanding and breaking header layout */ |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item {
| | .vector-search-box, |
| color: #202124 !important; | | .vector-search-box-expanded { |
| }
| | flex: 0 0 360px !important; |
| | | max-width: 360px !important; |
| /* Force search dropdown text to be dark for all states */
| | position: relative !important; |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item--active,
| | left: auto !important; |
| #p-search .cdx-typeahead-search__menu .cdx-menu-item--selected {
| | right: auto !important; |
| color: #202124 !important; | | width: 360px !important; |
| background: #f1f3f4 !important; | | margin: 0 !important; |
| } | | } |