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

<p>import TemplateStyles CSS</p> <p><b>Новая страница</b></p><div>.jobpageheader {<br /> position: relative;<br /> display: flex;<br /> flex-direction: column;<br /> <br /> padding: 0.25rem;<br /> margin: 0.5rem 0;<br /> line-height: 1.3em;<br /> background-color: #e8eef7;<br /> border-radius: 8px;<br /> box-shadow: 0 0 0.5rem -0.1rem #a0b0c8;<br /> }<br /> <br /> .jobpageheader,<br /> .jobpageheader-info,<br /> .jobpageheader-more,<br /> .jobpageheader-preview,<br /> .jobpageheader-info:after {<br /> background-color: #e8eef7;<br /> border: 1px solid #c9d4e4;<br /> }<br /> <br /> .jobpageheader-more,<br /> .jobpageheader-info, <br /> .jobpageheader-title,<br /> .jobpageheader-preview,<br /> .jobpageheader-info:after {<br /> border-radius: 6px;<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: #7a90b8;<br /> color: #fff;<br /> }<br /> <br /> .jobpageheader-content {<br /> display: flex;<br /> <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 /> <br /> font-weight: 500;<br /> line-height: 1em;<br /> padding: 0.25em;<br /> background-color: #7a90b8;<br /> color: #fff;<br /> border-bottom: 2px solid #7a90b8;<br /> }<br /> <br /> .jobpageheader-preview-image {<br /> flex-grow: 1;<br /> align-content: center;<br /> padding: 0.25rem 0.5rem;<br /> background-color: #e8eef7;<br /> }<br /> <br /> .jobpageheader-info {<br /> flex: 1;<br /> <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: #a0b0c8;<br /> <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 /> <br /> vertical-align: top;<br /> }<br /> <br /> <br /> <br /> .jobpageheader-tabs,<br /> .jobpageheader-more,<br /> .jobpageheader-info-wrapper:after {<br /> transition-delay: 0s;<br /> transition-duration: 0.15s;<br /> }<br /> <br /> .jobpageheader-more {<br /> cursor: pointer;<br /> <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: #a0b0c8;<br /> color: #fff;<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: auto;<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 /> <br /> padding: 1px;<br /> border: 1px solid transparent;<br /> }<br /> <br /> .jobpageheader.rgb .jobpageheader-content {<br /> <br /> }<br /> <br /> .jobpageheader.rgb .rainbow {<br /> <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: #666666;<br /> }<br /> <br /> .jobpageheader.rgb .department-tabs {<br /> padding: 0.33em;<br /> background-color: #666666;<br /> border-radius: 6px;<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: #c9d4e4;<br /> }<br /> <br /> .jobpageheader.rgb .jobpageheader-title,<br /> .jobpageheader.rgb .jobpageheader-preview-title{<br /> color: #1a1a1a;<br /> }<br /> <br /> .jobpageheader.rgb .jobpageheader-more {<br /> margin-bottom: -1px;<br /> color: #111;<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: #7a90b8;<br /> color: #1a1a1a;<br /> }</div>

Admin