.view-image-search { border: 1px solid var(--snip-border); margin: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; vertical-align: bottom; border-radius: 4px; position: relative; } .theme-link { display: block; text-decoration: none; color: inherit; width: 48%; margin-bottom: 10px; height: 150px; position: relative; /* Make it possible to position the tooltip */ } .theme-link img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; border: 1px solid var(--snip-border); transition: border-color 0.3s ease; } /* .theme-link:hover img { border-color: var(--highlight); } */ .theme-tooltip { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%) translateY(100%); background: var(--search-bg); color: var(--font-fg); font-size: 14px; padding: 7px 14px; border-radius: 6px; box-shadow: 0 5px 24px 0 rgba(0,0,0,0.25); opacity: 0; pointer-events: none; z-index: 5; white-space: nowrap; transition: opacity 0.22s cubic-bezier(.7, .1, .6, 1), transform 0.22s cubic-bezier(.7, .1, .6, 1); } .theme-link:hover .theme-tooltip, .theme-link:focus .theme-tooltip { opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto; } .theme-link.show-tooltip .theme-tooltip { opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto; } .themes-settings-menu { display: flex; flex-wrap: wrap; justify-content: space-between; background: var(--snip-background); color: var(--fg); border-radius: 4px; padding: 10px; gap: 10px; } #searchLanguageSelect, #safeSearchSelect, #siteLanguageSelect { border-radius: 4px; padding: 6px; font-size: 15px; border: 1px solid var(--border); color: var(--font-fg); width: 160px; background: var(--button); float: right; cursor: pointer; transition: all 0.3s ease; text-align: center; box-sizing: border-box; /* Ensures consistent width with padding */ } #searchLanguageSelect:hover, #safeSearchSelect:hover, #siteLanguageSelect:hover { border: 1px solid #5f6368; /* background-color: var(--button-hover); */ } .save.save-settings-page { padding: 6px; width: 160px; height: 40px; } /* Ensure correct alignment */ .settings-row { display: flex; align-items: center; justify-content: space-between; } .settings-row select, .settings-row button { width: 160px; height: 40px; box-sizing: border-box; }