«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
	Zhytko
	Zhytomyr The name "Zhytomyr" is documented only from the mid-17th century and is primarily used as a surname. For example, in…
	Zhykh
	Zhmen
	Zhmurko
	Zhovch
	Zholob
	Zhoslav
	Zhuk The name 'Zhuk' has ancient Ukrainian origins and is a personal household name that arose from the name of a…
	Zhupan The name "Zhupan" is a nickname type that originates from the ancient South Slavic title "zhupa" (a county, an…
	Zhurylo The name "Zhurylo" is a Ukrainian colloquial name derived from the verb "zhuryty," which means "to mourn" or "to be…
	Zavada
	Zavyd The name Zavyd presumably has a Proto-Slavic origin. It is derived from the prefixal verb "zaviditi" (to envy).…
	Zavysha Zavysha is a name likely derived from the verb "zavyshuvaty," meaning "to exaggerate." The suffix "-sha" comes from the…
	Zahon The personal name Zahon on the territory of Ukraine is first mentioned in the village of Kobyletska Polyana in 1550. At…
	Zator
	Zador Medieval records of the name Zador suggest that during that time it functioned as a personal name. This name originates…
	Zaiats HARE Records of the anthroponym Hare indicate that as of the 16th century, this anthroponym served as a personal name…
	Zaklyka
	Zalom The name “Zalom” is a nickname that originated from the verb “zalomyty” (to bend or to curve) through regressive…
	Zamysl
	Zan
	Zanko The name 'Zanko' may be a variation of a Slavic composite that originally consisted of three components *3a-ne-vid.…
	Zancha The diminutive and affectionate variant of the name Zanko, formed by the suffix -'am. The name is mentioned in 1435 in…
	Zareva The name "Zareva" is a personal name derived from the verb "zadrevty" and falls into the category of nicknames. This…
	Zaruba
	Zaslav
	Zaiachok
	Zbyhniv Zbyhnev is a Slavic personal name composed of the verb "to get rid of" (zbyć) and the noun "anger" (gniev). In Poland…
	Zbyn The personal name "Zbyn" originates from the truncated-suffix anthropo-base "zby/-", which is represented in compounds…

17 songs with names Zhytomyr; 1 songs with names Zhmen; 5 songs with names Zhupan; 1 songs with names Zalom;

«Modern»

Blog articles