https://wiki.ministation.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AJobGuides%2Fstyles.css 2026-11-09T07:26:49Z История изменений этой страницы в вики MediaWiki 1.45.1 https://wiki.ministation.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:JobGuides/styles.css&diff=1668&oldid=prev 2026-08-02T17:13:51Z

<p>import TemplateStyles CSS</p> <p><b>Новая страница</b></p><div>.jobguides {<br /> overflow: hidden;<br /> display: flex;<br /> flex-direction: column;<br /> text-align: center;<br /> gap: 0.25rem;<br /> width: 13.5rem;<br /> padding: 0.25rem;<br /> margin: 0 0 0.75rem 0.75rem;<br /> background-color: var(--tmp-10);<br /> border: 1px solid var(--tmp-25);<br /> border-radius: 8px;<br /> box-shadow: 0 0 0.5rem -0.1rem var(--tmp-50);<br /> }<br /> <br /> .jobguides-main-title {<br /> line-height: 1em;<br /> font-weight: bold;<br /> font-size: 1.075rem;<br /> padding: 0.33rem 0.5rem;<br /> background-color: var(--tmp-75);<br /> color: #fff;<br /> border-radius: 6px;<br /> }<br /> <br /> .jobguides-main-image {<br /> overflow: hidden;<br /> display: inline-flex;<br /> margin: 0.25rem 0;<br /> border: 1px solid var(--tmp-50);<br /> border-radius: 8px;<br /> }<br /> <br /> .jobguides-main-image a,<br /> .jobguides-main-image img,<br /> .jobguides-main-image span {<br /> width: 100%;<br /> }<br /> <br /> .jobguides-main-image img {<br /> height: auto;<br /> <br /> }<br /> <br /> .jobguides-more,<br /> .jobguides-main-head,<br /> .jobguides-main-channel,<br /> .jobguides-additional-info {<br /> overflow: hidden;<br /> display: flex;<br /> flex-direction: column;<br /> line-height: 1em;<br /> border: 1px solid var(--tmp-25);<br /> border-radius: 8px;<br /> transition-property: border;<br /> }<br /> <br /> .jobguides-main-head {<br /> flex: 1;<br /> }<br /> <br /> .jobguides-main-channel .jobguides-main-info-content {<br /> line-height: 1px;<br /> font-size: 1.3rem;<br /> }<br /> <br /> .jobguides-additional-info {<br /> border-width: 0px;<br /> }<br /> <br /> .jobguides-main-info {<br /> display: flex;<br /> gap: 0.25rem;<br /> }<br /> <br /> .jobguides-main-info-header {<br /> user-select: none;<br /> font-weight: 500;<br /> padding: 0.2em 0.5em;<br /> background-color: var(--tmp-75);<br /> color: #fff;<br /> border-bottom: 2px solid var(--tmp-75);<br /> }<br /> <br /> .jobguides-main-info-content {<br /> display: flex;<br /> flex-wrap: wrap;<br /> flex-grow: 1;<br /> align-items: center;<br /> justify-content: center;<br /> text-align: center;<br /> font-size: 0.95em;<br /> gap: 0.25em;<br /> padding: 0.25em;<br /> background-color: var(--tmp-10);<br /> }<br /> <br /> .jobguides-main-info-content a {<br /> flex-grow: 1;<br /> padding: 0 0.25em;<br /> background-color: var(--tmp-10);<br /> color: var(--color-text-semi-translucent);<br /> border: 1px solid var(--tmp-25);<br /> border-radius: 6px;<br /> transition-duration: 0.15s;<br /> transition-property: background-color;<br /> }<br /> <br /> .jobguides-main-info-content a:hover {<br /> background-color: var(--tmp-50);<br /> }<br /> <br /> .jobguides-main-info-content a:active,<br /> .jobguides-main-info-content a.selflink {<br /> background-color: var(--tmp-75);<br /> }<br /> <br /> .jobguides-main-info-content a:hover,<br /> .jobguides-main-info-content a:active,<br /> .jobguides-main-info-content a.selflink {<br /> color: #fff;<br /> }<br /> <br /> .jobguides-main-info-content a.selflink {<br /> <br /> }<br /> <br /> .jobguides-more,<br /> .jobguides-additional,<br /> .jobguides-additional-info {<br /> transition-delay: 0s;<br /> transition-duration: 0.15s;<br /> }<br /> <br /> .jobguides-additional {<br /> display: flex;<br /> flex-direction: column;<br /> gap: 0.25rem;<br /> height: 0;<br /> border-color: transparent;<br /> transition-property: height;<br /> }<br /> <br /> .jobguides-additional .jobguides-main-info-header {<br /> font-weight: 400;<br /> padding: 0.2em 0.33em;<br /> }<br /> <br /> .jobguides-more {<br /> cursor: pointer;<br /> user-select: none;<br /> position: relative;<br /> line-height: 1.33rem;<br /> height: auto;<br /> margin-bottom: -0.25rem;<br /> background-color: var(--tmp-10);<br /> border-radius: 6px;<br /> transition-property: height, margin, opacity;<br /> }<br /> <br /> .jobguides-more:before {<br /> content: &#039;\f078&#039;;<br /> font: normal 900 1em/1 &quot;Font Awesome 6 Free&quot;;<br /> position: absolute;<br /> top: 0;<br /> left: 1.5em;<br /> bottom: 0;<br /> align-content: center;<br /> }<br /> <br /> .jobguides-more:hover {<br /> background-color: var(--tmp-50);<br /> color: #fff;<br /> transition-delay: 0s;<br /> }<br /> <br /> .jobguides-more:focus {<br /> height: 0;<br /> margin: 0.25em 0;<br /> opacity: 0.66;<br /> }<br /> <br /> .jobguides-more:focus ~ .jobguides-additional {<br /> height: auto;<br /> }<br /> <br /> .jobguides-more:focus ~ .jobguides-additional .jobguides-additional-info {<br /> border-width: 1px;<br /> }<br /> <br /> .jobguides-more:focus,<br /> .jobguides-more:focus ~ .jobguides-additional,<br /> .jobguides-more:focus ~ .jobguides-additional .jobguides-additional-info {<br /> transition-delay: 0s;<br /> }</div>

Admin