|
|
| Строка 1: |
Строка 1: |
| /*-----------------------------------------------------------------------------------------------------------------------------------*/
| | body { |
| | | background-color: red !important; |
| /* Begin стиль для grid
| |
| Shegare */
| |
| | |
| @media screen and (min-width: 1120px) {
| |
| .citizen-toc-enabled .citizen-body-container {
| |
| grid-template-areas:
| |
| 'void header header'
| |
| 'sidebar content toc'
| |
| 'footer footer footer';
| |
| }
| |
| .citizen-toc-enabled .citizen-body-container {
| |
| grid-template-columns: 10% 70% 20%;
| |
| margin-left: 8vw;
| |
| }
| |
| body {
| |
| overflow-x: hidden;
| |
| }
| |
| #IdJobsTableContainer2 { | |
| grid-area: sidebar;
| |
| margin-left: -8vw;
| |
| }
| |
| } | | } |
|
| |
| /* End стиль для grid
| |
| Shegare */
| |
|
| |
| /*-----------------------------------------------------------------------------------------------------------------------------------*/
| |
|
| |
| /* Begin стиль для tabber
| |
| Shegare */
| |
|
| |
|
| |
| .unheightTabber .tabber__section {
| |
| height: unset !important;
| |
| }
| |
|
| |
| /* End стиль для tabber
| |
| Shegare */
| |
|
| |
|
| |
| /* Begin стиль ног (footer)
| |
| Shegare */
| |
|
| |
| /* Блоки в одну строку */
| |
| .page-info__item {
| |
| flex-basis: 100%;
| |
| }
| |
|
| |
| /* Убираем отступ для ног (footer) */
| |
| .citizen-footer {
| |
| margin: 0;
| |
| }
| |
|
| |
| /* End стиль ног (footer)
| |
| Shegare */
| |
|
| |
|
| |
| /* Begin стиль для JobsTable
| |
| Shegare */
| |
|
| |
| /* Стиль для sidebar */
| |
| #IdJobsTableContainer2 {
| |
| flex-basis: 20%;
| |
| padding: 0px 38px;
| |
| }
| |
| #IdJobsTableContainer2 > div {
| |
| background: #ffffff08;
| |
| border-radius: 20px;
| |
| padding: 5px 10px;
| |
| }
| |
|
| |
| .JobsTable {
| |
| border: 2px solid black;
| |
| border-radius: 10px;
| |
| margin-bottom: 5px;
| |
| width: auto;
| |
| height: fit-content;
| |
| background: #28303e;
| |
| }
| |
|
| |
| /* Отступы в шапке JobsTable */
| |
| .JobsTableHeadImg {
| |
| margin-left: 15px;
| |
| margin-right: 5px;
| |
| }
| |
| .JobsTableHeadLink {
| |
| margin-right: auto;
| |
| }
| |
|
| |
| /* Видимость на разных экранах */
| |
| .client-js td.mw-collapsed:not(.mw-made-collapsible):before, .client-js table.mw-collapsed:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsed:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsed:not(.mw-made-collapsible):before,
| |
| .client-js ol.mw-collapsible:not(.mw-made-collapsible):before, .client-js ul.mw-collapsible:not(.mw-made-collapsible):before, .client-js table.mw-collapsible:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsible:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsible:not(.mw-made-collapsible):before {
| |
| opacity: 0;
| |
| }
| |
| #IdJobsTableContainer1 {
| |
| display: none;
| |
| }
| |
| @media screen and (max-width: 1440px) {
| |
| #IdJobsTableContainer2 {
| |
| display: none;
| |
| }
| |
| #IdJobsTableContainer1 {
| |
| display: unset;
| |
| }
| |
| .JobsTableHeadImg {
| |
| margin-left: unset;
| |
| }
| |
| .JobsTableHeadLink {
| |
| margin-right: 55px;
| |
| }
| |
| .client-js td.mw-collapsed:not(.mw-made-collapsible):before, .client-js table.mw-collapsed:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsed:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsed:not(.mw-made-collapsible):before,
| |
| .client-js ol.mw-collapsible:not(.mw-made-collapsible):before, .client-js ul.mw-collapsible:not(.mw-made-collapsible):before, .client-js table.mw-collapsible:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before, .client-js table.mw-collapsible:not(.mw-made-collapsible) > caption:first-child:after, .client-js div.mw-collapsible:not(.mw-made-collapsible):before {
| |
| opacity: 1;
| |
| }
| |
| }
| |
|
| |
| /* Скрытие контента на широких экранах */
| |
| @media screen and (min-width: 1440px) {
| |
| .JobsTable .mw-collapsible.mw-collapsed {
| |
| display: none;
| |
| }
| |
| .JobsTable div:hover ~ .mw-collapsible.mw-collapsed,
| |
| .JobsTable .mw-collapsible.mw-collapsed:hover {
| |
| display: unset;
| |
| }
| |
| }
| |
| @media screen and (max-width: 1439px) {
| |
| .JobsTable div:first-child {
| |
| padding-left: 15px;
| |
| }
| |
| }
| |
|
| |
| /* Кнопка скрытия элементов */
| |
| .JobsTable .mw-collapsible-toggle {
| |
| margin-top: -35px;
| |
| }
| |
| .JobsTable .mw-collapsible-toggle-default:before,
| |
| .JobsTable .mw-collapsible-toggle-default:after {
| |
| content: unset;
| |
| }
| |
| .JobsTable .mw-collapsible-text {
| |
| background: black;
| |
| border: 2px solid;
| |
| padding: 2px;
| |
| margin-right: 5px;
| |
| font-weight: 700;
| |
| }
| |
| .JobsTable .mw-collapsible.mw-made-collapsible.mw-collapsed .mw-collapsible-text {
| |
| color: #00ffff9e;
| |
| box-shadow: 0 0 10px #00b9b978;
| |
| }
| |
| .JobsTable .mw-collapsible.mw-made-collapsible .mw-collapsible-text {
| |
| color: #c21111cc;
| |
| }
| |
|
| |
| /* Кнопки */
| |
| .JobsTableList li a {
| |
| color: white;
| |
| font-size: 16px;
| |
| background: #232323;
| |
| display: block;
| |
| border: 2px solid black;
| |
| margin-bottom: 5px;
| |
| padding: 3px 5px;
| |
| transition: background-color 0.8s;
| |
| }
| |
| .JobsTableList li a:hover {
| |
| background: #007383;
| |
| transform: scale(1.1);
| |
| text-decoration: unset;
| |
| }
| |
|
| |
| /* End стиль для JobsTable
| |
| Shegare */
| |
