«Modern»

Modern

.name-list { table-layout: fixed; width: 100%; margin-bottom: 0; background: transparent; color: #3a2a32; } .name-list thead th { border: none; border-bottom: 1px solid #ead9e1; background: transparent; vertical-align: middle; padding: 0.35rem 0.5rem 0.55rem; font-family: 'Open Sans', sans-serif; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; line-height: 1.2; color: #7a6570; text-align: left; } .name-list thead th:first-child { padding-left: 0.15rem; padding-right: 0.15rem; } .name-list thead .name-list__pop-head { text-align: right; text-transform: none; padding-right: 0.65rem; font-size: 0.95rem; color: #bd4993; line-height: 1; } .name-list thead .name-list__pop-head .fa { display: inline-block; } .name-list tbody .name-row { transition: background-color 220ms cubic-bezier(0.16, 1, 0.3, 1); } .name-list tbody td { border: none; border-bottom: 1px solid #f0e6eb; background: transparent; } .name-list tbody .name-row:last-child td { border-bottom: none; } .name-list tbody .name-row:hover, .name-list tbody .name-row:focus-within { background-color: #f7f0f4; box-shadow: inset 3px 0 0 #bd4993; } .name-list tbody .name-row:active { background-color: #f1e6ec; } .name-list col.name-list__fav-col { width: 3.25rem; } .name-list col.name-list__pop-col { width: 4.5rem; } .name-list thead th:first-child, .name-list td.name-favorite-td { width: 3.25rem; padding: 0.4rem 0.1rem 0.5rem; vertical-align: top; text-align: center; } .name-list td.name-favorite-td .fa { font-size: 1.35rem; } .name-list td.name-favorite-td i { color: #b0899c; transition: color 200ms cubic-bezier(0.16, 1, 0.3, 1); } .name-list .heart-button:hover i, .name-list .heart-button.is-favorite, .name-list .heart-button.is-favorite i { color: #bd4993; } .name-list .heart-button:active { transform: scale(0.96); } .name-list td.name-favorite-td .heart-button:focus-visible { outline: 2px solid #bd4993; outline-offset: 2px; border-radius: 8px; } .name-list td.name-class { text-align: left; vertical-align: top; padding: 0.7rem 0.55rem 0.85rem; min-width: 0; } .name-list .name-entry { display: flex; flex-direction: column; align-items: flex-start; gap: 0.18rem; width: 100%; min-width: 0; max-width: 38rem; text-align: left; text-decoration: none; color: inherit; border-radius: 4px; } .name-list .name-entry:focus { outline: none; } .name-list .name-entry:focus-visible { outline: 2px solid #bd4993; outline-offset: 3px; } .name-list .name-entry__label { font-family: 'Dosis', sans-serif; font-size: 1.2rem; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; color: #2c2228; text-wrap: balance; transition: color 200ms cubic-bezier(0.16, 1, 0.3, 1); } .name-list .name-meaning { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0; width: 100%; max-width: 100%; min-width: 0; font-family: 'Open Sans', sans-serif; font-size: 0.875rem; font-weight: 400; font-style: normal; line-height: 1.45; letter-spacing: 0.01em; color: #6a5a62; text-align: left; white-space: normal; overflow-wrap: break-word; word-break: break-word; text-wrap: pretty; } .name-list tbody .name-row:hover .name-entry__label, .name-list tbody .name-row:focus-within .name-entry__label { color: #bd4993; } .name-list tbody .name-row:hover .name-meaning, .name-list tbody .name-row:focus-within .name-meaning { color: #5c4a54; } .name-list td.prevalence { width: 4.5rem; padding: 0.7rem 0.45rem 0.85rem 0.2rem; vertical-align: top; text-align: right; white-space: nowrap; background-color: transparent; } .name-list .prevalence-value { display: inline-block; padding: 0.22em 0.5em; border-radius: 4px; font-family: 'Dosis', sans-serif; font-size: 0.8125rem; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; text-decoration: none; color: #5a3d4c; background-color: rgba(189, 73, 147, 0.1); transition: color 200ms cubic-bezier(0.16, 1, 0.3, 1), background-color 200ms cubic-bezier(0.16, 1, 0.3, 1); } .name-list .prevalence-value:focus-visible { outline: 2px solid #bd4993; outline-offset: 2px; } .name-list tbody .name-row:hover .prevalence-value, .name-list tbody .name-row:focus-within .prevalence-value { color: #bd4993; } .name-list .prevalence-value.prevalence--high { background-color: rgba(189, 73, 147, 0.22); color: #6b2a54; } .name-list .prevalence-value.prevalence--mid { background-color: rgba(189, 73, 147, 0.14); } .name-list .prevalence-value.prevalence--low { background-color: rgba(74, 58, 66, 0.08); color: #6a5a62; } .name-list .prevalence-value.prevalence--base { background-color: rgba(189, 73, 147, 0.1); } .name-list .name-list__empty { padding: 1.25rem 0.75rem 1.5rem; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 0.95rem; font-weight: 400; color: #6a5a62; border-bottom: none; } .name-list .name-list__empty a { color: #bd4993; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(189, 73, 147, 0.35); } .name-list .name-list__empty a:hover, .name-list .name-list__empty a:focus-visible { color: #9a3a78; border-bottom-color: #9a3a78; }

	Name
	Khotsko_1
	Khotsko
	Khots The name "Khots" is a shortened variant of some bi-root names, such as Khotimir or Khotislav, which originate from the…
	Khotianko The Slavic name "Khotianko" is derived from the name "Khotián" with the suffix "-ko." In records from 1666, there is a…
	Khotian
	Khotko The name 'Khotko' is a diminutive, derived through truncation and the addition of suffixes from the two-root Slavic…
	Khotyslav The name "Khotyslav" has ancient Slavic origins. According to O. Kupchynskyi (source: KupchNayd 71), it is connected to…
	Khotyn
	Khotymko
	Khotymysl
	Khotymyr
	Khotym
	Khotyliub The Slavic name "Khotyliub" originated from the name of the village Khotyliub in the Lubachiv District and is first…
	Khoteslav
	Khotenia
	Khoten The personal name Khoten is derived from the passive participle of the verb "khotity," which means "to desire." This…
	Khotevyd The name 'Khotevyd' is an ancient Slavic personal name derived from the verbal root "khotity," meaning 'to desire,' and…
	Khota
	Khot The name Khot originated from the formation of two main names, such as Khotimir, Khotislav, or Dobrokhot. In these…
	Khoroshko The name 'Khoroshko' is formed using a productive model with the suffix -ko from the adjective 'good' (хороший). This…
	Khorobryt The name 'Khorobryt' is of a nickname type. It is derived from the Ukrainian adjective 'khorobryi' (meaning 'brave')…
	Khorobr
	Kholod The lexeme "Kholod" in Ukrainian anthroponymy most often appears as a surname associated with personal names. For…
	Khodko The personal name Khodko (less frequently - Khodьko) comes from the verb "ходити" (to walk). Its original meaning is…
	Khobota The personal name 'Khobota' is presumably derived from the verbal root 'khov-' (to hide) with the suffix '-ota'. For…
	Khmil
	Khitcha
	Khira The name "Khira" is probably derived from the root "khir-" or "khyr-", from which both anthroponyms (human names) and…
	Khylko
	Khyla

1 songs with names Khotyn; 1 songs with names Kholod; 2 songs with names Khmil;

«Modern»

Blog articles