Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ /* Всплывающие окна с информацией */ .tooltip{ position: relative; } .tooltiptext, .tooltiptext2 { position: absolute; width: 18em; visibility: hidden; opacity: 0; white-space: normal; text-align: left; transition: all 0.2s; border: 1px solid #aaa; } .tooltiptext { display: block; z-index: 2; padding: 20px; background-color: #ffdd66; } .tooltiptext2 { display:inline; z-index: 100; padding: 0.2em; background-color: #FEF6E7; border-radius: .2em; top:1.5em; left:1em; box-shadow: 0 0 .3em #999; } .tooltiptable { position: absolute; display: block; z-index: 2; max-width:600px; width:max-content; padding: 10px; top:11pt; right:-55px; visibility: hidden; opacity: 0; white-space: normal; text-align: left; transition: all 0.2s; border: 1px solid #666; background-color: #ff6666; } .tooltip:hover>.tooltiptext, .tooltip:hover>.tooltiptext2, .tooltip:hover>.tooltiptable { visibility: visible; opacity: 1; } /* hide the "Retrieved from" message */ .printfooter { display: none; } div.tabcontent{ display:none } div.tabcontent.current{ display:block } div.switchtab.label.current{ color:#000; background-color:#00FF00 } div.kaskadavionics{ background-image:url(https://wiki.armaproject.ru/resources/assets/Kaskad_avionics.png) } div.divbutton:target{ cursor: pointer; display: none; width: auto; height: auto; } div.divbutton:target::before{ cursor: pointer; width: 80%; height: auto; } .kaskadavionics_menu_button a{ display:block; text-align:center; line-height:19px !important; font-size:13px; color:#00FF00 !important; text-decoration:none } .kaskadavionics_menu_button a:hover{ text-decoration:none; display:block; background:rgba(0,256,0,1) none repeat scroll 0% 0%; line-height:19px !important; font-size:13px; color:#000 !important } img { image-rendering: optimizeSpeed; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; } /* Горизонтальный список */ #mw-content-text .hlist ul { display: inline; margin: 0; padding: 0; } #mw-content-text .hlist li { display: inline; } #mw-content-text .hlist li:not(:last-child) { padding-right: 0.286em; } #mw-content-text .hlist li:not(:last-child)::after { content: ""; display: inline-block; position: relative; left: 0.286em; bottom: 0.214em; background-color: #000; height: 3px; width: 3px; } #mw-content-text .hlist li li:first-child::before { content: "("; font-weight: normal; } #mw-content-text .hlist li li:last-child::after { content: ")"; font-weight: normal; } #mw-content-text .hlist li li li { font-size: x-small; } /* Simulate link styling for JS only links */ .jslink { color: #0645AD; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; outline: none; } .jslink:hover { text-decoration: underline; cursor: pointer; } .jslink:active { color: #FAA700; } /* Hide noscript only elements */ .client-js *.noscript { display: none; } /* Mark internal links as plain */ #content a.external[href^="http://wiki.ss220.space/index.php"], #content a.external[href^="https://wiki.ss220.space/index.php"], #content a.external[href^="//wiki.ss220.space/index.php"] { background: none; padding-right: 0; } /* Кнопка "Вверх": [[Файл:Scroll_top.png]] */ #scroll-top { display: none; background: url(https://wiki.ss220.space/images/f/f4/Scroll_top.gif) 0% 0%/38px 38px no-repeat; opacity: 0.3; width: 38px; height: 38px; cursor: pointer; position: fixed; left: calc(11em - 19px); bottom: 30px; z-index: 10000; image-rendering: optimizeSpeed; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated; -ms-interpolation-mode: nearest-neighbor; } #scroll-top:hover { opacity: 0.8; } /* Стиль таблиц с предметами и т.п. */ .items-table { width:100%; border:.2em solid #7F7F7F; border-radius:.5em; background-color:#CCCCCC; } .items-table th { border: .2em double #999999; border-radius:.2em; background-color:#7F7F7F; color:#FFFFFF; padding: .2em; } .items-table td { background-color:#F2F2F2; color:#000000; padding: .2em; } .items-table:not(.regular) td:not(.regular):first-of-type, td.capital { background-color: #E5E5E5; font-weight: bold; color: #000; border: .2em solid #999; border-radius: .2em; text-align: center; } /* Цвета охранного отдела */ .colors-secure, .colors-Security, tr.colors-secure, tr.colors-Security { background-color:#BFB9B9; /* Light */ border-color: #BF4C4C; /* Secondary */ } .colors-secure th, .colors-Security th, tr.colors-secure th, tr.colors-Security th { background-color:#BF2626; /* Primary */ border-color: #BF1313; /* Primary Bold */ } .colors-secure td, .colors-Security td, tr.colors-secure td, tr.colors-Security td { background-color:#F2F2F2; /* Very Light */ } :not(.regular).colors-secure td:not(.regular):first-of-type, :not(.regular).colors-Security td:not(.regular):first-of-type, .colors-secure td.capital, .colors-Security td.capital, :not(.regular) tr.colors-secure td:not(.regular):first-of-type, :not(.regular) tr.colors-Security td:not(.regular):first-of-type { background-color: #BF4C4C; /* Secondary */ color: #000000; /* Secondary Text */ border-color: #BF1313; /* Primary Bold */ } /* Цвета научного отдела */ .colors-science, .colors-Science, tr.colors-science, tr.colors-Science { background-color:#CAC6CC; /* Light */ border-color: #AA66CC; /* Secondary */ } .colors-science th, .colors-Science th, tr.colors-science th, tr.colors-Science th { background-color:#9C3DCC; /* Primary */ border-color: #9528CC; /* Primary Bold */ } .colors-science td, .colors-Science td, tr.colors-science td, tr.colors-Science td { background-color:#F0EBF2; /* Very Light */ } :not(.regular).colors-science td:not(.regular):first-of-type, :not(.regular).colors-Science td:not(.regular):first-of-type, .colors-science td.capital, .colors-Science td.capital, :not(.regular) tr.colors-science td:not(.regular):first-of-type, :not(.regular) tr.colors-Science td:not(.regular):first-of-type { background-color: #AA66CC; /* Secondary */ color: #061306; /* Secondary Text */ border-color: #9528CC; /* Primary Bold */ } /* Цвета сервисного отдела */ .colors-service, .colors-Service, tr.colors-service, tr.colors-Service { background-color:#C6CCC7; /* Light */ border-color: #65B36C; /* Secondary */ } .colors-service th, .colors-Service th, tr.colors-service th, tr.colors-Service th { background-color:#2A9633; /* Primary */ border-color: #0F961A; /* Primary Bold */ } .colors-service td, .colors-Service td, tr.colors-service td, tr.colors-Service td { background-color:#EBF2EC; /* Very Light */ } :not(.regular).colors-service td:not(.regular):first-of-type, :not(.regular).colors-Service td:not(.regular):first-of-type, .colors-service td.capital, .colors-Service td.capital, :not(.regular) tr.colors-service td:not(.regular):first-of-type, :not(.regular) tr.colors-Service td:not(.regular):first-of-type { background-color: #65B36C; /* Secondary */ color: #000000; /* Secondary Text */ border-color: #0F961A; /* Primary Bold */ } /* Цвета инженерного отдела */ .colors-engine, .colors-Engineering, tr.colors-engine, tr.colors-Engineering { background-color:#CCC0B1; /* Light */ border-color: #FFBA4C; /* Secondary */ } .colors-engine th, .colors-Engineering th, tr.colors-engine th, tr.colors-Engineering th { background-color:#E59E1F; /* Primary */ border-color: #CC8800; /* Primary Bold */ } .colors-engine td, .colors-Engineering td, tr.colors-engine td, tr.colors-Engineering td { background-color:#F2E9DE; /* Very Light */ } :not(.regular).colors-engine td:not(.regular):first-of-type, :not(.regular).colors-Engineering td:not(.regular):first-of-type, .colors-engine td.capital, .colors-Engineering td.capital, :not(.regular) tr.colors-engine td:not(.regular):first-of-type, :not(.regular) tr.colors-Engineering td:not(.regular):first-of-type { background-color: #FFBA4C; /* Secondary */ color: #000000; /* Secondary Text */ border-color: #CC8800; /* Primary Bold */ } /* Цвета командного отдела */ .colors-command, .colors-Command, tr.colors-command, tr.colors-Command { background-color:#9DAACC; /* Light */ border-color: #6691FF; /* Secondary */ } .colors-command th, .colors-Command th, tr.colors-command th, tr.colors-Command th { background-color:#3269FF; /* Primary */ border-color: #195AFF; /* Primary Bold */ } .colors-command td, .colors-Command td, tr.colors-command td, tr.colors-Command td { background-color:#DEE4F6; /* Very Light */ } :not(.regular).colors-command td:not(.regular):first-of-type, :not(.regular).colors-Command td:not(.regular):first-of-type, .colors-command td.capital, .colors-Command td.capital, :not(.regular) tr.colors-command td:not(.regular):first-of-type, :not(.regular) tr.colors-Command td:not(.regular):first-of-type { background-color: #6691FF; /* Secondary */ color: #FFFFFF; /* Secondary Text */ border-color: #195AFF; /* Primary Bold */ } /* Цвета медицинского отдела */ .colors-medik, .colors-Medical, tr.colors-medik, tr.colors-Medical { background-color:#9DBACC; /* Light */ border-color: #66C6FF; /* Secondary */ } .colors-medik th, .colors-Medical th, tr.colors-medik th, tr.colors-Medical th { background-color:#32B0FF; /* Primary */ border-color: #19A7FF; /* Primary Bold */ } .colors-medik td, .colors-Medical td, tr.colors-medik td, tr.colors-Medical td { background-color:#DAEDF9; /* Very Light */ } :not(.regular).colors-medik td:not(.regular):first-of-type, :not(.regular).colors-Medical td:not(.regular):first-of-type, .colors-medik td.capital, .colors-Medical td.capital, :not(.regular) tr.colors-medik td:not(.regular):first-of-type, :not(.regular) tr.colors-Medical td:not(.regular):first-of-type { background-color: #66C6FF; /* Secondary */ color: #000000; /* Secondary Text */ border-color: #19A7FF; /* Primary Bold */ } /* Цвета снабжающего отдела */ .colors-suply, .colors-Supply, tr.colors-suply, tr.colors-Supply { background-color:#CCB49D; /* Light */ border-color: #77552F; /* Secondary */ } .colors-suply th, .colors-Supply th, tr.colors-suply th, tr.colors-Supply th { background-color:#7C4C18; /* Primary */ border-color: #7A450C; /* Primary Bold */ } .colors-suply td, .colors-Supply td, tr.colors-suply td, tr.colors-Supply td { background-color:#F9EADC; /* Very Light */ } :not(.regular).colors-suply td:not(.regular):first-of-type, :not(.regular).colors-Supply td:not(.regular):first-of-type, .colors-suply td.capital, .colors-Supply td.capital, :not(.regular) tr.colors-suply td:not(.regular):first-of-type, :not(.regular) tr.colors-Supply td:not(.regular):first-of-type { background-color: #77552F; /* Secondary */ color: #0D150D; /* Secondary Text */ border-color: #7A450C; /* Primary Bold */ } /* Цвета планетарного отдела */ .colors-lava, .colors-Lavaland, tr.colors-lava, tr.colors-Lavaland { background-color:#CCA99D; /* Light */ border-color: #ED8A63; /* Secondary */ } .colors-lava th, .colors-Lavaland th, tr.colors-lava th, tr.colors-Lavaland th { background-color:#EE6A34; /* Primary */ border-color: #ED571C; /* Primary Bold */ } .colors-lava td, .colors-Lavaland td, tr.colors-lava td, tr.colors-Lavaland td { background-color:#F8E9E4; /* Very Light */ } :not(.regular).colors-lava td:not(.regular):first-of-type, :not(.regular).colors-Lavaland td:not(.regular):first-of-type, .colors-lava td.capital, .colors-Lavaland td.capital, :not(.regular) tr.colors-lava td:not(.regular):first-of-type, :not(.regular) tr.colors-Lavaland td:not(.regular):first-of-type { background-color: #ED8A63; /* Secondary */ color: #000000; /* Secondary Text */ border-color: #ED571C; /* Primary Bold */ } /* Цвета синтетического отдела */ .colors-synth, .colors-Synthetic, tr.colors-synth, tr.colors-Synthetic { background-color:#9DB3CC; /* Light */ border-color: #4C82BF; /* Secondary */ } .colors-synth th, .colors-Synthetic th, tr.colors-synth th, tr.colors-Synthetic th { background-color:#2770C4; /* Primary */ border-color: #1364C1; /* Primary Bold */ } .colors-synth td, .colors-Synthetic td, tr.colors-synth td, tr.colors-Synthetic td { background-color:#DEEBF9; /* Very Light */ } :not(.regular).colors-synth td:not(.regular):first-of-type, :not(.regular).colors-Synthetic td:not(.regular):first-of-type, .colors-synth td.capital, .colors-Synthetic td.capital, :not(.regular) tr.colors-synth td:not(.regular):first-of-type, :not(.regular) tr.colors-Synthetic td:not(.regular):first-of-type { background-color: #4C82BF; /* Secondary */ color: #FFFFFF; /* Secondary Text */ border-color: #1364C1; /* Primary Bold */ } /* Цвета антагского отдела */ .colors-antag, .colors-Antagonist, tr.colors-antag, tr.colors-Antagonist { background-color:#CC9D9D; /* Light */ border-color: #4C1E1E; /* Secondary */ } .colors-antag th, .colors-Antagonist th, tr.colors-antag th, tr.colors-Antagonist th { background-color:#190505; /* Primary */ border-color: #160202; /* Primary Bold */ } .colors-antag td, .colors-Antagonist td, tr.colors-antag td, tr.colors-Antagonist td { background-color:#FAEAEA; /* Very Light */ } :not(.regular).colors-antag td:not(.regular):first-of-type, :not(.regular).colors-Antagonist td:not(.regular):first-of-type, .colors-antag td.capital, .colors-Antagonist td.capital, :not(.regular) tr.colors-antag td:not(.regular):first-of-type, :not(.regular) tr.colors-Antagonist td:not(.regular):first-of-type { background-color: #4C1E1E; /* Secondary */ color: #D80A0A; /* Secondary Text */ border-color: #160202; /* Primary Bold */ } /* Цвета культистского отдела */ .colors-cult, .colors-Cultist, tr.colors-cult, tr.colors-Cultist { background-color:#CC9D9D; /* Light */ border-color: #4C1E1E; /* Secondary */ } .colors-cult th, .colors-Cultist th, tr.colors-cult th, tr.colors-Cultist th { background-color:#190505; /* Primary */ border-color: #160202; /* Primary Bold */ } .colors-cult td, .colors-Cultist td, tr.colors-cult td, tr.colors-Cultist td { background-color:#FAEAEA; /* Very Light */ } :not(.regular).colors-cult td:not(.regular):first-of-type, :not(.regular).colors-Cultist td:not(.regular):first-of-type, .colors-cult td.capital, .colors-Cultist td.capital, :not(.regular) tr.colors-cult td:not(.regular):first-of-type, :not(.regular) tr.colors-Cultist td:not(.regular):first-of-type { background-color: #4C1E1E; /* Secondary */ color: #D80A0A; /* Secondary Text */ border-color: #160202; /* Primary Bold */ } /* Цвета ратваровского отдела */ .colors-ratvar, .colors-Ratvar, tr.colors-ratvar, tr.colors-Ratvar { background-color:#4A340D; /* Light */ border-color: #332409; /* Secondary */ } .colors-ratvar th, .colors-Ratvar th, tr.colors-ratvar th, tr.colors-Ratvar th { background-color:#825B17; /* Primary */ border-color: #6C4B13; /* Primary Bold */ } .colors-ratvar td, .colors-Ratvar td, tr.colors-ratvar td, tr.colors-Ratvar td { background-color:#E1D9C6; /* Very Light */ } :not(.regular).colors-ratvar td:not(.regular):first-of-type, :not(.regular).colors-Ratvar td:not(.regular):first-of-type, .colors-ratvar td.capital, .colors-Ratvar td.capital, :not(.regular) tr.colors-ratvar td:not(.regular):first-of-type, :not(.regular) tr.colors-Ratvar td:not(.regular):first-of-type { background-color: #332409; /* Secondary */ color: #FFFFFF; /* Secondary Text */ border-color: #6C4B13; /* Primary Bold */ } /* Цвета ксеноморфного отдела */ .colors-xenom, .colors-Xenomorph, tr.colors-xenom, tr.colors-Xenomorph { background-color:#958FB2; /* Light */ border-color: #4C4666; /* Secondary */ } .colors-xenom th, .colors-Xenomorph th, tr.colors-xenom th, tr.colors-Xenomorph th { background-color:#312D43; /* Primary */ border-color: #252138; /* Primary Bold */ } .colors-xenom td, .colors-Xenomorph td, tr.colors-xenom td, tr.colors-Xenomorph td { background-color:#E5DEF9; /* Very Light */ } :not(.regular).colors-xenom td:not(.regular):first-of-type, :not(.regular).colors-Xenomorph td:not(.regular):first-of-type, .colors-xenom td.capital, .colors-Xenomorph td.capital, :not(.regular) tr.colors-xenom td:not(.regular):first-of-type, :not(.regular) tr.colors-Xenomorph td:not(.regular):first-of-type { background-color: #4C4666; /* Secondary */ color: #FFFFFF; /* Secondary Text */ border-color: #252138; /* Primary Bold */ } /* Цвета марининого отдела */ .colors-marine, .colors-Marine, tr.colors-marine, tr.colors-Marine { background-color:#90A1B8; /* Light */ border-color: #48648A; /* Secondary */ } .colors-marine th, .colors-Marine th, tr.colors-marine th, tr.colors-Marine th { background-color:#2C4C7B; /* Primary */ border-color: #27426D; /* Primary Bold */ } .colors-marine td, .colors-Marine td, tr.colors-marine td, tr.colors-Marine td { background-color:#D2DEF0; /* Very Light */ } :not(.regular).colors-marine td:not(.regular):first-of-type, :not(.regular).colors-Marine td:not(.regular):first-of-type, .colors-marine td.capital, .colors-Marine td.capital, :not(.regular) tr.colors-marine td:not(.regular):first-of-type, :not(.regular) tr.colors-Marine td:not(.regular):first-of-type { background-color: #48648A; /* Secondary */ color: #000000; /* Secondary Text */ border-color: #27426D; /* Primary Bold */ } /* Цвета волшебного отдела */ .colors-wizard, .colors-Wizard, tr.colors-wizard, tr.colors-Wizard { background-color:#AB9DCC; /* Light */ border-color: #9866FF; /* Secondary */ } .colors-wizard th, .colors-Wizard th, tr.colors-wizard th, tr.colors-Wizard th { background-color:#7D32FF; /* Primary */ border-color: #6919FF; /* Primary Bold */ } .colors-wizard td, .colors-Wizard td, tr.colors-wizard td, tr.colors-Wizard td { background-color:#E5DEF9; /* Very Light */ } :not(.regular).colors-wizard td:not(.regular):first-of-type, :not(.regular).colors-Wizard td:not(.regular):first-of-type, .colors-wizard td.capital, .colors-Wizard td.capital, :not(.regular) tr.colors-wizard td:not(.regular):first-of-type, :not(.regular) tr.colors-Wizard td:not(.regular):first-of-type { background-color: #9866FF; /* Secondary */ color: #000000; /* Secondary Text */ border-color: #6919FF; /* Primary Bold */ } /* Цвета похитнического отдела */ .colors-abductor, .colors-Abductor, tr.colors-abductor, tr.colors-Abductor { background-color:#CCCCCC; /* Light */ border-color: #E5E5E5; /* Secondary */ } .colors-abductor th, .colors-Abductor th, tr.colors-abductor th, tr.colors-Abductor th { background-color:#7F7F7F; /* Primary */ border-color: #999999; /* Primary Bold */ } .colors-abductor td, .colors-Abductor td, tr.colors-abductor td, tr.colors-Abductor td { background-color:#F2F2F2; /* Very Light */ } :not(.regular).colors-abductor td:not(.regular):first-of-type, :not(.regular).colors-Abductor td:not(.regular):first-of-type, .colors-abductor td.capital, .colors-Abductor td.capital, :not(.regular) tr.colors-abductor td:not(.regular):first-of-type, :not(.regular) tr.colors-Abductor td:not(.regular):first-of-type { background-color: #E5E5E5; /* Secondary */ color: #000000; /* Secondary Text */ border-color: #999999; /* Primary Bold */ } /* Отступы сворачиваемого меню */ .vector-menu-portal { margin-left: 0.1em; } #mw-panel.collapsible-nav .portal .vector-menu-content { margin-left: 0.5em; } /* Цвет заголовков сворачиваемых разделов в sidebar обратно в серый */ #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading, #mw-panel.collapsible-nav .portal.collapsed .vector-menu-heading:hover, #mw-panel.collapsible-nav .portal .vector-menu-heading * { color: #54595d; text-decoration: none; } /* Прилипающий заголовок */ .sticky-head th { background-image: none !important; } .sticky-head abbr { writing-mode:vertical-rl; transform: rotate(0.5turn); display: inline-block; } .sortable.sticky-head thead, :not(.sortable).sticky-head tr:first-of-type { position: sticky; top: 0.1em; } .proto-table, /* Таблица для факбрикатора, принтера плат и т.п. */ .weapon-table td, /* Таблица брони */ .armor-table td /* Таблица оружия */ { text-align: center; table-layout: fixed; } .weapon-table td, .armor-table td { font-weight: bold; } /* Последний столбец */ .proto-table td:last-of-type, .weapon-table td:last-of-type, .armor-table td:last-of-type { text-align: left; font-weight: unset; } .proto-table td:nth-of-type(3n) { background-color: #e6d1ee; } /* Таблица контрабанды */ .ContrabandItemCore { display:flex; flex-flow: row wrap } .ContrabandItem { hyphens: auto; text-align:center; border: 1px solid #8d8d8d; padding: .25em; margin: 1px; flex: 1 0 12em; } /* Таблицы емага */ .emag-table td:nth-of-type(2) { text-align: center; } /* Таблицы имплантов */ .implants td:nth-of-type(2) { text-align: center; font-weight: bold; } /* [[Шаблон:Main]] */ .dablink { margin-left: 2em; margin-bottom: 0.5em; font-style: italic; } .dablink a { font-weight: bold; } /* [[Шаблон:Кнопка]] */ .keyboard-key { border: 0.1em solid #AAA; border-radius: 0.2em; box-shadow: 0.1em 0.2em 0.2em(#DDD); background-color: #F9F9F9; background-image: -moz-linear-gradient(#EEE, #F9F9F9, #EEE); background-image: -ms-linear-gradient(#EEE, #F9F9F9, #EEE); background-image: -o-linear-gradient(#EEE, #F9F9F9, #EEE); background-image: -webkit-linear-gradient(#EEE, #F9F9F9, #EEE); background-image: linear-gradient(#EEE, #F9F9F9, #EEE); padding: 0.1em 0.3em; font-family: inheri; font-size: 0.85em; } /* Начало конца, тут я буду писать свой немного кривой код что бы было удобнее исправлять баги и тд. */ .tab-headers { display: flex; } .tab-header { padding: 5px 10px; /* Уменьшенный размер вкладок */ cursor: pointer; border: 1px solid transparent; /* Прозрачная рамка */ background-color: rgba(255, 255, 255, 0.1); /* Прозрачный фон */ color: white; /* Белый текст */ margin-right: 2px; /* Небольшой отступ между вкладками */ border-radius: 8px; /* Закругленные края */ transition: background-color 0.3s ease; /* Плавный переход при наведении */ list-style-type: none; /* Убираем маркеры списка */ } .tab-header.active { border-bottom: 1px solid transparent; /* Прозрачная рамка активной вкладки */ background-color: rgba(255, 255, 255, 0.3); /* Чуть менее прозрачный фон для активной вкладки */ } .tab-header:hover { background-color: rgba(255, 255, 255, 0.2); /* Более заметный фон при наведении */ } .tab-content { display: none; padding: 10px; border: none; /* Убираем рамку */ background-color: rgba(255, 255, 255, 0.1); /* Прозрачный фон */ color: white; /* Белый текст */ border-radius: 8px; /* Закругленные края */ } .tab-content.active { display: block; } /*роли дизайн*/ .role-header { cursor: pointer; background-color: #f2f2f2; padding: 10px; margin: 5px 0; border: 1px solid #ccc; } .role-content { padding: 10px; border: 1px solid #ccc; border-top: none; }