«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
	Ratai
	Ratybor
	Ratymyr Ratimir is an ancient Slavic personal name composed of two roots, recorded in 1127. At that time, its form was Ratьmrъ…
	Ratyslav
	Ratyslavko
	Patka
	Ratko The name 'Ratko' is a truncation-suffix formation derived from two-syllable names such as Ratyslav or Ratmir. The first…
	Ratmyr
	Ratsha
	Rakh
	Rakhno
	Rats
	Rachko The personal name Rachko among Ukrainians was first recorded in 1495. For example, a document mentions: "pan Yakub s…
	Rachsha The name 'Rachsha' is a Slavic diminutive formed with the suffix '-sha', derived from the anthroponym 'Rak'. In this…
	Rashko The name 'Rashko' is a Ukrainian diminutive form of the personal name Rakh. The name Rashko has been recorded in…
	Rashun The name 'Rashun' is a derivative of the Slavic personal name 'Rash' with the attributive suffix -un. The earliest…
	Reva
	Redko Redko is a Slavic personal name that likely originated from the Serbian noun "red," meaning "row, order." The existence…
	Rydzko
	Ryzhko
	Rishko The name Rishko has several possible origins. Most likely, it derives from the attributive term "ryzhko," which means…
	Roh
	Rohata The name "Rohata" has its origins in records from the 12th to 15th centuries, where it was documented as Rohatyn and…
	Rohvolod
	Rodko The name Rodko is a derivative of one of the two-root Slavic names, such as Rodomir or Rodoslav. This name is mentioned…
	Rozhen The name "Rozhen" originates from the name of the village Rozhiv, located in the Kosiv district of the Ivano-Frankivsk…
	Rozhko The name "Rozhko" is a Ukrainian personal name derived from the word "Rog" with the diminutive suffix "-ko." For…
	Rozhniat
	Rozka The name "Rozka" likely has a surname character and derives from the word "rizka," which translates to "thin rod" or…
	Rozmysl

1 songs with names Ratai; 1 songs with names Rashko; 1 songs with names Rohata; 1 songs with names Rozhko;

«Modern»

Blog articles