https://wiki14.ss220.club/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AJobPageHeader%2Fstyles.css 2026-04-22T12:54:54Z История изменений этой страницы в вики MediaWiki 1.43.1 https://wiki14.ss220.club/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:JobPageHeader/styles.css&diff=10457&oldid=prev 2025-07-30T08:18:02Z

<p>Новая страница: «.jobpageheader { position: relative; display: flex; flex-direction: column; gap: 0.25rem; padding: 0.25rem; margin: 0.5rem 0; line-height: 1.3em; background-color: var(--tmp-10); border-radius: var(--border-radius-medium); box-shadow: 0 0 0.5rem -0.1rem var(--tmp-50); } .jobpageheader, .jobpageheader-info, .jobpageheader-more, .jobpageheader-preview, .jobpageheader-info:after { background-color: var(--tmp-10); border: 1px solid; border-color: v...»</p> <p><b>Новая страница</b></p><div>.jobpageheader {<br /> position: relative;<br /> display: flex;<br /> flex-direction: column;<br /> gap: 0.25rem;<br /> padding: 0.25rem;<br /> margin: 0.5rem 0;<br /> line-height: 1.3em;<br /> background-color: var(--tmp-10);<br /> border-radius: var(--border-radius-medium);<br /> box-shadow: 0 0 0.5rem -0.1rem var(--tmp-50);<br /> }<br /> <br /> .jobpageheader,<br /> .jobpageheader-info,<br /> .jobpageheader-more,<br /> .jobpageheader-preview,<br /> .jobpageheader-info:after {<br /> background-color: var(--tmp-10);<br /> border: 1px solid;<br /> border-color: var(--tmp-25);<br /> }<br /> <br /> .jobpageheader-more,<br /> .jobpageheader-info, <br /> .jobpageheader-title,<br /> .jobpageheader-preview,<br /> .jobpageheader-info:after {<br /> border-radius: var(--border-radius-small);<br /> }<br /> <br /> .jobpageheader-title {<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> font-weight: bold;<br /> height: 1.75rem;<br /> padding: 0 0.5rem;<br /> background-color: var(--tmp-75);<br /> color: var(--color-white);<br /> }<br /> <br /> .jobpageheader-content {<br /> display: flex;<br /> gap: 0.25rem;<br /> }<br /> <br /> .jobpageheader-preview {<br /> overflow: hidden;<br /> display: flex;<br /> text-align: center;<br /> flex-direction: column;<br /> width: 7.5rem;<br /> line-height: 1.1em;<br /> background-color: transparent;<br /> }<br /> <br /> .jobpageheader-preview-title {<br /> user-select: none;<br /> font-weight: 500;<br /> line-height: 1em;<br /> padding: 0.25em;<br /> background-color: var(--tmp-75);<br /> color: var(--color-white);<br /> border-bottom: 2px solid;<br /> border-color: var(--tmp-75);<br /> }<br /> <br /> .jobpageheader-preview-image {<br /> flex-grow: 1;<br /> align-content: center;<br /> padding: 0.25rem 0.5rem;<br /> background-color: var(--tmp-10);<br /> }<br /> <br /> .jobpageheader-info {<br /> flex: 1;<br /> hyphens: auto;<br /> overflow: hidden;<br /> position: relative;<br /> align-content: center;<br /> padding: 0.25rem 0.5rem;<br /> }<br /> <br /> .jobpageheader-info hr {<br /> background-color: var(--tmp-50);<br /> mask-image: radial-gradient(black 72.5%, transparent 77.5%);<br /> }<br /> <br /> .jobpageheader-info tr td {<br /> padding-left: 0.25rem;<br /> }<br /> <br /> .jobpageheader-info tr td:first-child {<br /> padding: 0;<br /> hyphens: none;<br /> vertical-align: top;<br /> }<br /> <br /> @media (max-width: 719px) {<br /> .jobpageheader-info:after {<br /> content: &#039;Развернуть&#039;;<br /> position: absolute;<br /> bottom: 0.25rem;<br /> right: 0.25rem;<br /> padding: 0.1rem 0.33rem;<br /> color: var(--color-text-translucent);<br /> box-shadow: 0 0 0.1rem 0.1rem var(--tmp-10);<br /> backdrop-filter: var(--blur-default);<br /> }<br /> <br /> .jobpageheader-info-wrapper {<br /> overflow: hidden;<br /> height: 7.25em;<br /> min-height: 7.25em;<br /> mask-image: linear-gradient(black 50%, transparent 100%);<br /> transition-duration: var(--transition-time);<br /> transition-property: height;<br /> }<br /> <br /> .jobpageheader-info-wrapper:after {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> inset: 0;<br /> background-color: hsla(0, 0%, 0%, 0);<br /> transition-property: visibility;<br /> z-index: 2;<br /> }<br /> <br /> .jobpageheader-info:hover &gt; .jobpageheader-info-wrapper {<br /> height: max-content;<br /> mask-image: linear-gradient(black 100%, transparent 100%);<br /> }<br /> <br /> .jobpageheader-info:hover:after,<br /> .jobpageheader-info:hover &gt; .jobpageheader-info-wrapper:after {<br /> visibility: hidden;<br /> }<br /> }<br /> <br /> .jobpageheader-tabs,<br /> .jobpageheader-more,<br /> .jobpageheader-info-wrapper:after {<br /> transition-delay: var(--transition-delay);<br /> transition-duration: var(--transition-time);<br /> }<br /> <br /> .jobpageheader-more {<br /> cursor: pointer;<br /> user-select: none;<br /> overflow: hidden;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> font-weight: bold;<br /> height: 1.75em;<br /> margin-bottom: -0.25rem;<br /> transition-property: margin, height, opacity;<br /> }<br /> <br /> .jobpageheader-more i {<br /> margin-right: 0.25rem;<br /> }<br /> <br /> .jobpageheader-more:hover {<br /> background-color: var(--tmp-50);<br /> color: var(--color-white);<br /> transition-delay: 0s;<br /> }<br /> <br /> .jobpageheader-more:focus {<br /> opacity: 0.66;<br /> height: 0;<br /> margin: 0 -0.25rem;<br /> }<br /> <br /> .jobpageheader-more:focus ~ .jobpageheader-tabs {<br /> height: max-content;<br /> transition-delay: 0s;<br /> }<br /> <br /> .jobpageheader-tabs {<br /> overflow: hidden;<br /> height: 0;<br /> transition-property: height;<br /> }<br /> <br /> /* Rainbow */<br /> .jobpageheader.rgb {<br /> gap: 1px;<br /> padding: 1px;<br /> border: 1px solid transparent;<br /> }<br /> <br /> .jobpageheader.rgb .jobpageheader-content {<br /> gap: 1px;<br /> }<br /> <br /> .jobpageheader.rgb .rainbow {<br /> filter: blur(1px);<br /> }<br /> <br /> .jobpageheader.rgb .jobpageheader-title,<br /> .jobpageheader.rgb .jobpageheader-info, <br /> .jobpageheader.rgb .jobpageheader-preview,<br /> .jobpageheader.rgb .jobpageheader-more {<br /> background-color: hsl(from var(--color-primal-immutable) h s l / 0.85);<br /> }<br /> <br /> .jobpageheader.rgb .department-tabs {<br /> padding: 0.33em;<br /> background-color: hsl(from var(--color-primal-immutable) h s l / 0.85);<br /> border-radius: var(--border-radius-small);<br /> }<br /> <br /> .jobpageheader.rgb,<br /> .jobpageheader.rgb .jobpageheader-info,<br /> .jobpageheader.rgb .jobpageheader-more,<br /> .jobpageheader.rgb .jobpageheader-preview,<br /> .jobpageheader.rgb .jobpageheader-preview-title,<br /> .jobpageheader.rgb .jobpageheader-info:after {<br /> border-color: var(--color-border);<br /> }<br /> <br /> .jobpageheader.rgb .jobpageheader-title,<br /> .jobpageheader.rgb .jobpageheader-preview-title{<br /> color: var(--color-text);<br /> }<br /> <br /> .jobpageheader.rgb .jobpageheader-more {<br /> margin-bottom: -1px;<br /> color: var(--color-text-darker);<br /> transition-property: height, margin, border;<br /> }<br /> <br /> .jobpageheader.rgb .jobpageheader-more:focus {<br /> margin: 0 0 -1px;<br /> border: none;<br /> }<br /> <br /> .jobpageheader.rgb .jobpageheader-more:hover {<br /> background-color: var(--color-primal-immutable);<br /> color: var(--color-text);<br /> }</div>

Burenka. .