https://bs.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-28T07:57:30Z История изменений этой страницы в вики MediaWiki 1.43.0 https://bs.ss220.club/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:JobPageHeader/styles.css&diff=77992&oldid=prev 2025-06-05T12:06:43Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ru"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 12:06, 5 июня 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36">Строка 36:</td> <td colspan="2" class="diff-lineno">Строка 36:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-transform: uppercase;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> text-transform: uppercase;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: bold;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: bold;</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> line-height: 1;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> height: 1.75rem;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> height: 1.75rem;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> padding: 0 0.5rem;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> padding: 0 0.5rem;</div></td></tr> <!-- diff cache key wiki_tg:diff:1.41:old-77990:rev-77992:php=table --> </table>

Aylong https://bs.ss220.club/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:JobPageHeader/styles.css&diff=77990&oldid=prev 2025-06-05T12:05:10Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ru"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 12:05, 5 июня 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l34">Строка 34:</td> <td colspan="2" class="diff-lineno">Строка 34:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> align-items: center;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> align-items: center;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> justify-content: center;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> justify-content: center;</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> text-transform: uppercase;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: bold;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> font-weight: bold;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> height: 1.75rem;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> height: 1.75rem;</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l60">Строка 60:</td> <td colspan="2" class="diff-lineno">Строка 61:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-weight: 500;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-weight: 500;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     line-height: 1em;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     line-height: 1em;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>     padding: 0.2em 0.33em <del style="font-weight: bold; text-decoration: none;">calc(0.2em - 2px)</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>     padding: 0.2em 0.33em;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     background-color: var(--tmp-75);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     background-color: var(--tmp-75);</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     color: var(--color-white);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     color: var(--color-white);</div></td></tr> <!-- diff cache key wiki_tg:diff:1.41:old-77988:rev-77990:php=table --> </table>

Aylong https://bs.ss220.club/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:JobPageHeader/styles.css&diff=77988&oldid=prev 2025-06-05T12:00:24Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ru"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 12:00, 5 июня 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l60">Строка 60:</td> <td colspan="2" class="diff-lineno">Строка 60:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-weight: 500;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     font-weight: 500;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     line-height: 1em;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     line-height: 1em;</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>     padding: 0.<del style="font-weight: bold; text-decoration: none;">25em</del>;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>     padding: 0.<ins style="font-weight: bold; text-decoration: none;">2em 0.33em calc(0.2em - 2px)</ins>;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     background-color: var(--tmp-75);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     background-color: var(--tmp-75);</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     color: var(--color-white);</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>     color: var(--color-white);</div></td></tr> </table>

Aylong https://bs.ss220.club/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:JobPageHeader/styles.css&diff=77986&oldid=prev 2025-06-05T11:52:00Z

<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>

Aylong