МК14 | Space Station 14 Wiki - Вклад [ru]

Агентство Национальной Безопасности Новое

2026-03-17T20:08:26Z

D0r11s:

__NOTOC__
{{DISPLAYTITLE: }}
<templatestyles src="Шаблон:MinisterialInfo/newStyles.css" />
<center>
<div class="panel-container">
<div class="panel-left">
<div class="panel-button"><span>[[Заглавная_страница | Выход на Вики]]</span></div>
<div class="panel-button"><span class="plainlinks">[https://wiki.deadspace14.net/index.php?title=%D0%90%D0%B3%D0%B5%D0%BD%D1%82%D1%81%D1%82%D0%B2%D0%BE_%D0%9D%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B9_%D0%91%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%BE%D1%81%D1%82%D0%B8_%D0%9D%D0%BE%D0%B2%D0%BE%D0%B5&action=history История]</span></div>
</div>

<p class="all_not_real">ТВОРЧЕСКИЙ ВЫМЫСЕЛ</p>

<div class="panel-right">
<div class="panel-button"><span class="plainlinks">[https://wiki.deadspace14.net/index.php?title=%D0%90%D0%B3%D0%B5%D0%BD%D1%82%D1%81%D1%82%D0%B2%D0%BE_%D0%9D%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B9_%D0%91%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%BE%D1%81%D1%82%D0%B8_%D0%9D%D0%BE%D0%B2%D0%BE%D0%B5&action=edit Редактировать]</span></div>
<div class="panel-button"><span>[[Обсуждение:Агентство_Национальной_Безопасности_Новое | Обсуждение]]</span></div>
</div>
</div>
</center>

Обсуждение:Агентство Национальной Безопасности Новое

2026-03-17T20:06:17Z

D0r11s: Новая страница: «.....»

.....

Агентство Национальной Безопасности Новое

2026-03-17T20:02:27Z

D0r11s:

__NOTOC__
{{DISPLAYTITLE: }}
<templatestyles src="Шаблон:MinisterialInfo/newStyles.css" />
<center>
<div class="panel-container">
<div class="panel-left">
<div class="panel-button"><span>Выход на Вики</span></div>
<div class="panel-button"><span>История</span></div>
</div>

<p class="all_not_real">ТВОРЧЕСКИЙ ВЫМЫСЕЛ</p>

<div class="panel-right">
<div class="panel-button"><span>Редактировать</span></div>
<div class="panel-button"><span>Обсуждение</span></div>
</div>
</div>
</center>

Агентство Национальной Безопасности Новое

2026-03-17T20:00:24Z

D0r11s: Новая страница: «__NOTOC__ {{DISPLAYTITLE: }} <templatestyles src="Шаблон:MinisterialInfo/newStyles.css" /> <div class="panel-container"> <div class="panel-left"> <div class="panel-button"><span>Выход на Вики</span></div> <div class="panel-button"><span>История</span></div> </div> <p class="all_not_real">ТВОРЧЕСКИЙ ВЫМЫСЕЛ</p> <div class="panel-right"> <div class="panel-button"><span>Редактировать<...»

__NOTOC__
{{DISPLAYTITLE: }}
<templatestyles src="Шаблон:MinisterialInfo/newStyles.css" />
<div class="panel-container">
<div class="panel-left">
<div class="panel-button"><span>Выход на Вики</span></div>
<div class="panel-button"><span>История</span></div>
</div>

<p class="all_not_real">ТВОРЧЕСКИЙ ВЫМЫСЕЛ</p>

<div class="panel-right">
<div class="panel-button"><span>Редактировать</span></div>
<div class="panel-button"><span>Обсуждение</span></div>
</div>
</div>

Обсуждение:Агентство Национальной Безопасности

2026-03-17T19:59:54Z

D0r11s:

Шаблон:MinisterialInfo/newStyles.css

2026-03-17T19:59:49Z

D0r11s: Новая страница: «* { margin: 0; padding: 0; box-sizing: border-box; } body { background-color: #0d1117; display: flex; justify-content: center; align-items: flex-start; min-height: 100vh; padding-top: 5vh; font-family: 'Trebuchet MS', sans-serif; } .panel-container { display: flex; align-items: center; justify-content: space-between; width: 90%; max-width: 900px; padding: 1rem 2%; background: linear-gradie...»

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background-color: #0d1117;
display: flex;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
padding-top: 5vh;
font-family: 'Trebuchet MS', sans-serif;
}

.panel-container {
display: flex;
align-items: center;
justify-content: space-between;
width: 90%;
max-width: 900px;
padding: 1rem 2%;
background: linear-gradient(#1a1d1a, #1a1d1a) padding-box,
linear-gradient(270deg, black, orange, black) border-box;
background-size: 100% 100%, 200% 200%;
border-radius: 1rem;
border: 2px solid transparent;
animation: borderMove 7s linear infinite, innerGlow 7s linear infinite;
box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.6);
position: relative;
flex-wrap: wrap;
}

.panel-left,
.panel-right {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}

.all_not_real {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: #3e443e;
font-size: 1.25rem;
letter-spacing: 0.05rem;
text-transform: uppercase;
font-weight: 500;
white-space: nowrap;
text-align: center;
}

.panel-button {
position: relative;
display: flex;
justify-content: center;
align-items: center;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
border: 1.5px solid transparent;
font-weight: 700;
font-size: 0.9rem;
color: #f0f0f0;
text-shadow: 0 0 0.25rem rgba(255, 255, 255, 0.4);
cursor: pointer;
background: linear-gradient(#1a1d1a, #1a1d1a) padding-box,
linear-gradient(270deg, #ff6600, #ffcc00, #ff6600) border-box;
background-size: 100% 100%, 250% 250%;
box-shadow: 0 0.375rem 0.9375rem rgba(0, 0, 0, 0.5),
0 0 0.5rem rgba(255, 165, 0, 0.4) inset;
transition: transform 0.2s, box-shadow 0.3s, color 0.2s, text-shadow 0.2s;
animation: borderMove 7s linear infinite;
}

.panel-button:hover {
transform: scale(1.06);
color: #ffd580;
text-shadow: 0 0 0.625rem #ffd580, 0 0 1.125rem #ff8c00;
box-shadow: 0 0.625rem 1.375rem rgba(0, 0, 0, 0.7),
0 0 1.125rem rgba(255, 165, 0, 0.7) inset,
0 0 2rem rgba(255, 140, 0, 0.5);
animation: borderMove 6s linear infinite, neonGlow 1.5s ease-in-out infinite alternate;
}

@keyframes borderMove {
0% { background-position: 0% 50%, 0% 50%; }
50% { background-position: 0% 50%, 100% 50%; }
100% { background-position: 0% 50%, 0% 50%; }
}

@keyframes neonGlow {
0%, 100% {
box-shadow: 0 0.625rem 1.375rem rgba(0, 0, 0, 0.7),
0 0 0.75rem rgba(255, 165, 0, 0.5) inset,
0 0 1.5625rem rgba(255, 140, 0, 0.4);
}
50% {
box-shadow: 0 0.75rem 1.5625rem rgba(0, 0, 0, 0.8),
0 0 1.25rem rgba(255, 165, 0, 0.8) inset,
0 0 2.5rem rgba(255, 140, 0, 0.6);
}
}

@keyframes innerGlow {
0%, 100% {
box-shadow: inset 0 0 0.625rem rgba(0, 0, 0, 0.4),
0 1.5rem 3.5rem rgba(0, 0, 0, 0.6);
}
50% {
box-shadow: inset 0 0 1.25rem rgba(255, 165, 0, 0.5),
0 1.5rem 3.5rem rgba(0, 0, 0, 0.6);
}
}

/* Адаптивность */
@media (max-width: 768px) {
.panel-container {
flex-direction: column;
gap: 1rem;
padding: 1rem 5%;
}

.panel-left,
.panel-right {
justify-content: center;
gap: 0.5rem;
}

.all_not_real {
font-size: 1rem;
}
}

Обсуждение:Агентство Национальной Безопасности

2026-03-16T21:00:44Z

D0r11s:

__NOTOC__
{{DISPLAYTITLE: }}
<templatestyles src="Шаблон:MinisterialInfo/styles.css" />
<div class="home-card">
{|
<div class="btn_background">[[File:ОПЗ_фон.png|300px|link=Объединенное Правительство Земли]]</div>
<div class="btn_foreground">[[Объединенное Правительство Земли|ОПЗ]]</div>
|}
<div class="label-text">Все является художественным вымыслом</div>
</div>

Шаблон:MinisterialInfo/styles.css

2026-03-16T21:00:42Z

D0r11s:

.panel-container {
display: flex;
align-items: center;
background-color: #1a1d1a;
padding: 10px 15px;
border-radius: 8px;
gap: 20px;
}

.home-card {
position: relative;
padding: 1rem;
background: hsl(220,25%,12%);
border: 1px solid rgba(255,255,255,0.05);
border-radius: 8px;
box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );
font-size: 0.875rem;
}

.btn_background {
border-radius: 8px;
}

.button {
position: relative; /* Чтобы иконка позиционировалась внутри */
overflow: hidden; /* Чтобы иконка не вылезала за края кнопки */
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 45px;
background: linear-gradient(180deg, #6b733d 0%, #4a512a 100%);
border: none;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
z-index: 1;
}

.button-active {
outline: 2px solid #007bff;
outline-offset: -2px;
}

/* Общие стили для фоновых иконок */
.button::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15; /* Прозрачность иконки на фоне */
z-index: -1; /* Уводим за текст */
}

.label-text {
color: #3e443e;
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:57:16Z

D0r11s:

.panel-container {
display: flex;
align-items: center;
background-color: #1a1d1a;
padding: 10px 15px;
border-radius: 8px;
gap: 20px;
}

.btn_background {
border-radius: 8px;
}

.button {
position: relative; /* Чтобы иконка позиционировалась внутри */
overflow: hidden; /* Чтобы иконка не вылезала за края кнопки */
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 45px;
background: linear-gradient(180deg, #6b733d 0%, #4a512a 100%);
border: none;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
z-index: 1;
}

.button-active {
outline: 2px solid #007bff;
outline-offset: -2px;
}

/* Общие стили для фоновых иконок */
.button::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15; /* Прозрачность иконки на фоне */
z-index: -1; /* Уводим за текст */
}

.label-text {
color: #3e443e;
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:56:50Z

D0r11s:

.panel-container {
display: flex;
align-items: center;
background-color: #1a1d1a;
padding: 10px 15px;
border-radius: 8px;
gap: 20px;
}

.btn_background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #242a31;
border-radius: 8px;
}

.button {
position: relative; /* Чтобы иконка позиционировалась внутри */
overflow: hidden; /* Чтобы иконка не вылезала за края кнопки */
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 45px;
background: linear-gradient(180deg, #6b733d 0%, #4a512a 100%);
border: none;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
z-index: 1;
}

.button-active {
outline: 2px solid #007bff;
outline-offset: -2px;
}

/* Общие стили для фоновых иконок */
.button::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15; /* Прозрачность иконки на фоне */
z-index: -1; /* Уводим за текст */
}

.label-text {
color: #3e443e;
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:56:14Z

D0r11s:

.panel-container {
display: flex;
align-items: center;
background-color: #1a1d1a;
padding: 10px 15px;
border-radius: 8px;
gap: 20px;
}

.btn_background {
display: flex;
align-items: center;
background-color: #1a1d1a;
padding: 10px 15px;
border-radius: 8px;
gap: 20px;
}

.button {
position: relative; /* Чтобы иконка позиционировалась внутри */
overflow: hidden; /* Чтобы иконка не вылезала за края кнопки */
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 45px;
background: linear-gradient(180deg, #6b733d 0%, #4a512a 100%);
border: none;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
z-index: 1;
}

.button-active {
outline: 2px solid #007bff;
outline-offset: -2px;
}

/* Общие стили для фоновых иконок */
.button::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15; /* Прозрачность иконки на фоне */
z-index: -1; /* Уводим за текст */
}

.label-text {
color: #3e443e;
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:55:41Z

D0r11s:

.panel-container {
display: flex;
align-items: center;
background-color: #1a1d1a;
padding: 10px 15px;
border-radius: 8px;
gap: 20px;
}

.btn_background {
border-radius: 20px;
}

.button {
position: relative; /* Чтобы иконка позиционировалась внутри */
overflow: hidden; /* Чтобы иконка не вылезала за края кнопки */
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 45px;
background: linear-gradient(180deg, #6b733d 0%, #4a512a 100%);
border: none;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
z-index: 1;
}

.button-active {
outline: 2px solid #007bff;
outline-offset: -2px;
}

/* Общие стили для фоновых иконок */
.button::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15; /* Прозрачность иконки на фоне */
z-index: -1; /* Уводим за текст */
}

.label-text {
color: #3e443e;
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Обсуждение:Агентство Национальной Безопасности

2026-03-16T20:55:06Z

D0r11s:

__NOTOC__
{{DISPLAYTITLE: }}
<templatestyles src="Шаблон:MinisterialInfo/styles.css" />
<div class="panel-container">
{|
<div class="btn_background">[[File:ОПЗ_фон.png|300px|link=Объединенное Правительство Земли]]</div>
<div class="btn_foreground">[[Объединенное Правительство Земли|ОПЗ]]</div>
|}
<div class="label-text">Все является художественным вымыслом</div>
</div>

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:31:33Z

D0r11s:

.panel-container {
display: flex;
align-items: center;
background-color: #1a1d1a;
padding: 10px 15px;
border-radius: 8px;
gap: 20px;
}

.button {
position: relative; /* Чтобы иконка позиционировалась внутри */
overflow: hidden; /* Чтобы иконка не вылезала за края кнопки */
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 45px;
background: linear-gradient(180deg, #6b733d 0%, #4a512a 100%);
border: none;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
z-index: 1;
}

.button-active {
outline: 2px solid #007bff;
outline-offset: -2px;
}

/* Общие стили для фоновых иконок */
.button::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15; /* Прозрачность иконки на фоне */
z-index: -1; /* Уводим за текст */
}

.label-text {
color: #3e443e;
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:30:49Z

D0r11s:

.panel-container {
display: flex;
align-items: center;
background-color: #1a1d1a;
padding: 10px 15px;
border-radius: 8px;
gap: 20px;
}

.btn {
position: relative; /* Чтобы иконка позиционировалась внутри */
overflow: hidden; /* Чтобы иконка не вылезала за края кнопки */
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 45px;
background: linear-gradient(180deg, #6b733d 0%, #4a512a 100%);
border: none;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
z-index: 1;
}

.btn-active {
outline: 2px solid #007bff;
outline-offset: -2px;
}

/* Общие стили для фоновых иконок */
.btn::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15; /* Прозрачность иконки на фоне */
z-index: -1; /* Уводим за текст */
}

.label-text {
color: #3e443e;
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Обсуждение:Агентство Национальной Безопасности

2026-03-16T20:30:11Z

D0r11s:

__NOTOC__
{{DISPLAYTITLE: }}
<templatestyles src="Шаблон:MinisterialInfo/styles.css" />
<div class="panel-container">
{|
[https://wiki.deadspace14.net/%D0%90%D0%B3%D0%B5%D0%BD%D1%82%D1%81%D1%82%D0%B2%D0%BE_%D0%9D%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B9_%D0%91%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%BE%D1%81%D1%82%D0%B8/%D0%9F%D1%80%D0%B5%D0%B4%D0%B0%D1%82%D0%B5%D0%BB%D1%8C <span class="button">Узнать подробнее]
|}
<div class="label-text">Все является художественным вымыслом</div>
</div>

Шаблон:MinisterialInfo/styles.js

2026-03-16T20:22:38Z

D0r11s:

document.addEventListener("DOMContentLoaded", function() {
var heading = document.getElementById("firstHeading");
if (heading) heading.style.display = "none";
});

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:19:18Z

D0r11s:

.test{
width: 250px;
height: 60px;
background: linear-gradient(to right, #05141d 85%, #14181f);
position: relative;
transform: translate(835px, 20px);
}

body.page-Агентство_Национальной_Безопасности #firstHeading {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:16:57Z

D0r11s:

.test{
width: 250px;
height: 60px;
background: linear-gradient(to right, #05141d 85%, #14181f);
position: relative;
transform: translate(835px, 20px);
}

body.page-Обсуждение_Агентство_Национальной_Безопасности #firstHeading {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:16:06Z

D0r11s:

.test{
width: 250px;
height: 60px;
background: linear-gradient(to right, #05141d 85%, #14181f);
position: relative;
transform: translate(835px, 20px);
}

body.page-Обсуждение_Агентство_Национальной_Безопасности .mw-first-heading {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:14:34Z

D0r11s:

.test{
width: 250px;
height: 60px;
background: linear-gradient(to right, #05141d 85%, #14181f);
position: relative;
transform: translate(835px, 20px);
}

.page-Обсуждение_Агентство_Национальной_Безопасности #firstHeading {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:11:01Z

D0r11s:

.test{
width: 250px;
height: 60px;
background: linear-gradient(to right, #05141d 85%, #14181f);
position: relative;
transform: translate(835px, 20px);
}

.body.page-Обсуждение_Агентство_Национальной_Безопасности .mw-page-title-main{
display: none;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:09:14Z

D0r11s:

.test{
width: 250px;
height: 60px;
background: linear-gradient(to right, #05141d 85%, #14181f);
position: relative;
transform: translate(835px, 20px);
}

.mw-page-title-main{
display: none;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:08:50Z

D0r11s:

.test{
width: 250px;
height: 60px;
background: linear-gradient(to right, #05141d 85%, #14181f);
position: relative;
transform: translate(835px, 20px);
}

.mw-page-title-main{
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:07:28Z

D0r11s:

.test{
width: 250px;
height: 60px;
background: linear-gradient(to right, #05141d 85%, #14181f);
position: relative;
transform: translate(835px, 20px);
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Обсуждение:Агентство Национальной Безопасности

2026-03-16T20:07:13Z

D0r11s:

__NOTOC__
{{DISPLAYTITLE: }}
<templatestyles src="Шаблон:MinisterialInfo/styles.css" />
Тест
<div class="test">
</div>

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:06:29Z

D0r11s:

.citizen-header__logo {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:05:35Z

D0r11s:

.mw-header.citizen-header {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:03:12Z

D0r11s:

.citizen-header {
background-color: hsl(0, 0%, 0%);
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:01:05Z

D0r11s:

Шаблон:MinisterialInfo/styles.css

2026-03-16T20:00:15Z

D0r11s:

body.page-Обсуждение_Агентство_Национальной_Безопасности .citizen-header {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T19:57:57Z

D0r11s:

body.page-Обсуждение_Агентство_Национальной_Безопасности .mw-header.citizen-header {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T19:56:42Z

D0r11s: Отмена правки 26034, сделанной D0r11s (обсуждение)

.page-Обсуждение_Агентство_Национальной_Безопасности .mw-header.citizen-header {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T19:56:04Z

D0r11s:

.page-Обсуждение_Агентство_Национальной_Безопасности .citizen-header__logo {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T19:55:25Z

D0r11s:

Шаблон:MinisterialInfo/styles.css

2026-03-16T19:53:35Z

D0r11s:

body[class*="page-Обсуждение:Агентство_Национальной_Безопасности"] .mw-header.citizen-header {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T19:53:11Z

D0r11s:

body[class*="page-Обсуждение:Агентство_Национальной_Безопасности"] .citizen-search__buttonIcon.citizen-header__buttonIcon {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T19:52:24Z

D0r11s:

body[class*="page-Обсуждение:Агентство_Национальной_Безопасности"] .citizen-search__button.citizen-header__button {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2026-03-16T19:49:05Z

D0r11s:

body[class*="page-Обсуждение:Агентство_Национальной_Безопасности"] .citizen-header__logo {
display: none !important;
}

/* НОВОЕ, ПОТОМ НОРМАЛЬНО РАСКИДАТЬ */

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Обсуждение:Агентство Национальной Безопасности

2026-03-16T19:43:07Z

D0r11s: Все новое, это хорошо забытое старое

__NOTOC__
{{DISPLAYTITLE: }}
<templatestyles src="Шаблон:MinisterialInfo/styles.css" />
Тест

Агентство Национальной Безопасности

2024-12-04T18:10:57Z

D0r11s:

__NOTOC__
{{DISPLAYTITLE: }}
<templatestyles src="Шаблон:MinisterialInfo/styles.css" />

<div class="ticker">
<div class="ticker__wrapper">
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
</div>
</div>

<ul id="nav">
[[Файл:АНБ2.png|слева|311x311пкс]]
<li><b href="#" class="link">О нас</b>      
<ul>
<li class="link"><b href="#">[https://wiki.deadspace14.net/%D0%A4%D1%80%D0%BE%D0%BD%D1%82%D0%B8%D1%80:%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0 История АНБ]</b></li>
<li class="link"><b href="#">Музей памяти АНБ</b></li>
<li class="link"><b href="#">Наши методы</b></li>
</ul>
</li>
<li><b href="#" class="link">Спецоперации</b>      </b>
<ul>
<li class="link"><b href="#">Изъятие 160 тонн "Миража"</b></li>
<li class="link"><b href="#">Ликвидация лидера террористической группы</b></li>
<li class="link"><b href="#">Предотвращение кражи секретной информации ОПЗ</b></li>
</ul>
</li>
<li><b href="#" class="link">Герои агентства</b>      </b>
<ul>
<li class="link"><b href="#">Уильям Кешен</b></li>
<li class="link"><b href="#">Сайлас Новицкий</b></li>
</ul>
</li>
<li><b href="#" class="link">Трудоустройство и служба</b>      </b>
<ul>
<li class="link"><b href="#">Критерии для трудоустройства</b></li>
<li class="link"><b href="#">Пункты трудоустройства</b></li>
</ul>
</li>
<li><b href="#" class="link">Наши отделы</b>
<ul>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "О"|Управление внутренней безопасности (Управление "О")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "Н"|Управление по борьбе с наркотиками (Управление "Н")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "Т"|Антитеррористическое управление (Управление "Т")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "К"|Управление контрразведки (Управление "К")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "М"|Антикоррупционное управление (Управление "М")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "C"|Управление специальных операций (Управление "С")]]</b>
</ul>
</li>
</ul>
[[Файл:Rect.png|мини|1088x1060пкс]]

[[Файл:Memorial.png|альт=вправо|справа]]
[[Файл:Rectangle 2 (1).png|слева|238x238пкс]]
<h1 class="left">В память героям<br>и простым гражданам</h1>
<b>29 Декабря 2691 года произошёл самый страшный теракт в истории ОПЗ<br>
Теракт, эхо которого слышно до сих пор...</b>
<br>
{|
[https://wiki.deadspace14.net/%D0%90%D0%B3%D0%B5%D0%BD%D1%82%D1%81%D1%82%D0%B2%D0%BE_%D0%9D%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B9_%D0%91%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%BE%D1%81%D1%82%D0%B8/%D0%9F%D1%80%D0%B5%D0%B4%D0%B0%D1%82%D0%B5%D0%BB%D1%8C <span class="btn">Узнать подробнее]
|}

<div class="our">
<div class="our2">[[File:логоанб.png|224x224пкс|слева|Наше агентство - гарантия безопасности]]</div>
<div class="our_text"> <h1 class="our_text" style="color: black";>Наша агентурная сеть<br>раскинута на тысячи планет</h1></div>
<h4 style="color: black"><div class="bez">АНБ - ведущее агентство безопасности во всей галактике,<br>каждая операция, каждая информация<br> важна для безопасности ОПЗ.<br>Собираем важнейшую информацию, на основе которой<br>Канцлер ОПЗ создает указы.<div class="bez"></h4>
<div class="our2"><br></div>
</div>

<div class="urtop">
<div class="our2"><br>[[File:ОПЗ.png|справа|250x250пкс]]</div>
<div class="our_text"> <h1 class="our_text2" style="color: black";>Наше наследие</h1></div>
<h4 style="color: black"><div class="bez2">Наследие АНБ — это смелые люди,<br>преданные свободе и выполняющие нашу разведывательную миссию<br> с изобретательностью и упорством.<div class="bez"></h4>
<div class="our2"><br></div>
</div>

Агентство Национальной Безопасности

2024-12-04T18:10:32Z

D0r11s:

__NOTOC__
{{DISPLAYTITLE:}}
<templatestyles src="Шаблон:MinisterialInfo/styles.css" />

<div class="ticker">
<div class="ticker__wrapper">
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
<div class="ticker__item" link="">[[Файл:АНБАгит.png]]</div>
</div>
</div>

<ul id="nav">
[[Файл:АНБ2.png|слева|311x311пкс]]
<li><b href="#" class="link">О нас</b>      
<ul>
<li class="link"><b href="#">[https://wiki.deadspace14.net/%D0%A4%D1%80%D0%BE%D0%BD%D1%82%D0%B8%D1%80:%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F_%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0 История АНБ]</b></li>
<li class="link"><b href="#">Музей памяти АНБ</b></li>
<li class="link"><b href="#">Наши методы</b></li>
</ul>
</li>
<li><b href="#" class="link">Спецоперации</b>      </b>
<ul>
<li class="link"><b href="#">Изъятие 160 тонн "Миража"</b></li>
<li class="link"><b href="#">Ликвидация лидера террористической группы</b></li>
<li class="link"><b href="#">Предотвращение кражи секретной информации ОПЗ</b></li>
</ul>
</li>
<li><b href="#" class="link">Герои агентства</b>      </b>
<ul>
<li class="link"><b href="#">Уильям Кешен</b></li>
<li class="link"><b href="#">Сайлас Новицкий</b></li>
</ul>
</li>
<li><b href="#" class="link">Трудоустройство и служба</b>      </b>
<ul>
<li class="link"><b href="#">Критерии для трудоустройства</b></li>
<li class="link"><b href="#">Пункты трудоустройства</b></li>
</ul>
</li>
<li><b href="#" class="link">Наши отделы</b>
<ul>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "О"|Управление внутренней безопасности (Управление "О")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "Н"|Управление по борьбе с наркотиками (Управление "Н")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "Т"|Антитеррористическое управление (Управление "Т")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "К"|Управление контрразведки (Управление "К")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "М"|Антикоррупционное управление (Управление "М")]]</b></li>
<li class="link"><b href="#">[[Агентство Национальной Безопасности/Управление "C"|Управление специальных операций (Управление "С")]]</b>
</ul>
</li>
</ul>
[[Файл:Rect.png|мини|1088x1060пкс]]

[[Файл:Memorial.png|альт=вправо|справа]]
[[Файл:Rectangle 2 (1).png|слева|238x238пкс]]
<h1 class="left">В память героям<br>и простым гражданам</h1>
<b>29 Декабря 2691 года произошёл самый страшный теракт в истории ОПЗ<br>
Теракт, эхо которого слышно до сих пор...</b>
<br>
{|
[https://wiki.deadspace14.net/%D0%90%D0%B3%D0%B5%D0%BD%D1%82%D1%81%D1%82%D0%B2%D0%BE_%D0%9D%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B9_%D0%91%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%BE%D1%81%D1%82%D0%B8/%D0%9F%D1%80%D0%B5%D0%B4%D0%B0%D1%82%D0%B5%D0%BB%D1%8C <span class="btn">Узнать подробнее]
|}

<div class="our">
<div class="our2">[[File:логоанб.png|224x224пкс|слева|Наше агентство - гарантия безопасности]]</div>
<div class="our_text"> <h1 class="our_text" style="color: black";>Наша агентурная сеть<br>раскинута на тысячи планет</h1></div>
<h4 style="color: black"><div class="bez">АНБ - ведущее агентство безопасности во всей галактике,<br>каждая операция, каждая информация<br> важна для безопасности ОПЗ.<br>Собираем важнейшую информацию, на основе которой<br>Канцлер ОПЗ создает указы.<div class="bez"></h4>
<div class="our2"><br></div>
</div>

<div class="urtop">
<div class="our2"><br>[[File:ОПЗ.png|справа|250x250пкс]]</div>
<div class="our_text"> <h1 class="our_text2" style="color: black";>Наше наследие</h1></div>
<h4 style="color: black"><div class="bez2">Наследие АНБ — это смелые люди,<br>преданные свободе и выполняющие нашу разведывательную миссию<br> с изобретательностью и упорством.<div class="bez"></h4>
<div class="our2"><br></div>
</div>

Обсуждение:Interdyne Pharmaceutics

2024-09-26T19:12:01Z

D0r11s:

__NOTOC__
<templatestyles src="Шаблон:MinisterialInfo/styles.css" />

<ul id="nav">
[[Файл:IMTERDYNE PHARMACEUTICS.png|слева|148x148пкс]]
<li><b href="#" class="link3">Медицина</b>      
<ul>
<li class="link3"><b href="#">Химические препараты</b></li>
<li class="link3"><b href="#">Медицинские устройства</b></li>
</ul>
</li>
<li><b href="#" class="link3">Герои агентства</b>      </b>
<ul>
<li class="link3"><b href="#">Уильям Кешен</b></li>
<li class="link3"><b href="#">Сайлас Новицкий</b></li>
</ul>
</li>
<li><b href="#" class="link3">Трудоустройство и служба</b>      </b>
<ul>
<li class="link3"><b href="#">Критерии для трудоустройства</b></li>
<li class="link3"><b href="#">Пункты трудоустройства</b></li>
</ul>
</li>
<li><b href="#" class="link2">?!SYSREBOOT$!@</b>
<ul>
<li class="link2"><b href="#">Проект "Босфорд"</b></li>
<li class="link2"><b href="#">Проект "Блэкаут"</b></li>
<li class="link2"><b href="#">Проект "Альтрас"</b></li>
<li class="link2"><b href="#">Проект "Горизонт"</b></li>
<li class="link2"><b href="#">Проект "Нексус"</b></li>
<li class="link2"><b href="#">Проект "Бархан"</b></li>
<li class="link2"><b href="#">Проект "Юнити"</b></li>
</ul>
</li>
</ul>
[[Файл:Rect.png|мини|1088x1060пкс]]

[[Файл:Главный врач.png|справа]]
[[Файл:irq1.png|слева]]
<div class="fullbody">
<div class="text-test">«Interdyne Pharmaceutics самая крупная корпорация в сфере химии и медицины»
⎯ Генеральный директор, Альберт Келлер</div>
<br>
{|
[https://wiki.deadspace14.net/%D0%90%D0%B3%D0%B5%D0%BD%D1%82%D1%81%D1%82%D0%B2%D0%BE_%D0%9D%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D0%BE%D0%B9_%D0%91%D0%B5%D0%B7%D0%BE%D0%BF%D0%B0%D1%81%D0%BD%D0%BE%D1%81%D1%82%D0%B8/%D0%9F%D1%80%D0%B5%D0%B4%D0%B0%D1%82%D0%B5%D0%BB%D1%8C <span class="btn2">Трудоустройство]
|}

</div>

Interdyne Pharmaceutics

2024-09-26T19:10:42Z

D0r11s: Отмена правки 11168, сделанной D0r11s (обсуждение)

{{WIP}}'''''<big>"Те, кому вы доверяете"</big>'''''

== Основная информация ==
{{IncInfo
| назв = Interdyne Pharmaceutics
| изобр = IMTERDYNE PHARMACEUTICS.png
| date = 2192 год
| род = Фармацевтика, разработка и исследования в области медицины
| глава = Генеральный директор Альберт Келлер
| территория = Неизвестно
}}Interdyne Pharmaceutics - во всей галактике известны как изобретатели Cтазис-кроватей и компания, внедрившая технологии клонирования в свои медицинские учреждения, сделав его, доступным для большего количества живых существ. Являются изобретатели вакцины от ''“Красной смерти”'' , опаснейшего инфекционного заболевания, группы карантинных инфекций, захватившей множество систем.

Также формулы лекарств, спасших миллионы, были придуманы именно в лабораториях Interdyne, к примеру '''Трикордразин''', '''Фалангемин''' и '''Сигинат'''. <blockquote>'''Но у этой с виду самоотверженной и альтруистической компании есть своя темная сторона.''' </blockquote>Interdyne активно собирает малые группы ученых, химиков и исследователей, с сомнительными моральными устоями. Финансируясь через третьих лиц, такие мобильные группы изучают запрещенные всеми конвенциями Биологическое оружие, опаснейшие вирусы и древние болезни, попутно не чураясь ставить эксперименты на живых и разумных существах.

== История корпорации ==

=== Основание ===
Компания была основана в 2192 году, 6 выходцами из главного медицинского училища [[Объединенное Правительство Земли|ОПЗ]], исследовательского медицинского университета имени Тарриса. Начиная как скромная аптечная компания, Interdyne вскоре покорили фармацевтический рынок своим новейшим открытием - Трикотразином. Стимулятор широкого спектра действия, лечащий лёгкие повреждения, стал незаменимым средством в каждом доме сектора Тесей, позже перебравшись и на все оставшиеся сектора [[Объединенное Правительство Земли|ОПЗ]]. Корпорация быстро заслужила высокую репутацию у потребителей, за свое качество товара.

Работая в союзе с другими корпорациями, таким как Saibasan и Zarya Group, Interdyne достигла большего технического и медицинского прогресса. Совместно с Zarya Group, было выведено множество полезнейших химических соединений, к примеру в союзе двух корпораций появилась вакцина от ''"Красной Смерти"''. Болезни, грозившей стать чумой двадцать третьего века. Часть наработок, все же, позже были использованы группой проекта "Альтрас", в создании препарата "Ромерол".

=== Прошлое ===
Начиная с 2279 года, Interdyne открыли 8 медицинских учреждений на территории ОПЗ и СНК, делая медицину и науку более доступными для жителей этих миров. Также прославленный корпус EVO, активно принимает участие в устранениях последствий военных конфликтов, катаклизмов и катастроф.

В 2536 году были открыты два филиала корпорации в [[Союз Независимых Колоний|Союзе Независимых Колоний]]. Из-за слабого контроля со стороны правительства, корпорация начала проводить тайные исследования, переступающие рамки дозволенного. На одном из объектов в <s>секторе Калиго</s>, была создана первая такая группа - проект <s>"Блэкаут"</s>. Являясь активом подставной компании, <s>геологи</s> данного проекта изучали недра планеты <s>Абсентис</s>, в поисках [ДАНЫЕ УДАЛЕНЫ].

Позже проводился ряд других экспериментов, варьирующихся от проведения опытов, по влиянию древнейших вирусов и патогенов на представителей разных рас, до изучения окультных знаний и хирургических вмешательств.

Корпорация долго и планомерно создавала себе положительную репутацию в глазах общества. Interdyne Pharmaceutics является одним из главных спонсоров благотворительных организаций, к примеру организации "Объединение" или "Союз Спасения".

==== Вступление в Синдикат ====
11 января 2352 года, союз двух корпораций - [[Cybersun Industries]] и Gorlex securities, предложили Interdyne вступить в экономическое объединение Синдикат. Объединение ставило перед собой задачу по свержению действующих монополистов рынка, с целью заменить их. Interdyne Pharmaceutics, терпя убытки от новейших исследований [[NanoTrasen]] на медицинском и научном рынках - согласилась. Со вступлением Interdyne в Синдикат, последние получили доступ к передовым разработкам в области применения ОМП, биологического и радиационного оружия, а также к прочим экспериментам мобильных групп.

=== Настоящее ===
{{TODO}}

== Внутренняя политика ==
{{TODO}}

== Внешняя политика ==
{{TODO}}

== Экономика, Союзы ==
Interdyne Pharmaceutics заняла важное место на медицинском рынке ряда государств, таких как [[Объединенное Правительство Земли|ОПЗ]], [[Империя]] и [[СССП]]. Помимо этого, Interdyne является председателем Здравоохранительной коллегии [[Союз Независимых Колоний|СНК]].

Выведенные в лабораториях компании препараты, широко применяются по всей галактике, в том числе и корпорациями-конкурентами, как [[Kosmologistika]] или [[NanoTrasen]]. Этот факт, обеспечивает стабильный приток инвестиций и новых контрактов в бурно развивающуюся корпорацию.

Состоя в союзе корпораций "[[Синдикат]]", Interdyne работают с одними из ведущих представителей рынка, что помогает в развитии многих проектов. Особенно плотные взаимоотношения установились с дочерней корпорацией [[Cybersun Industries|Cybersun]] - Saibasan. Последние помогали в разработке стазис-кроватей и усовершенствовании технологии клонирования.

Gorlex securities в свою очередь, взаимодействуют с другой стороной Interdyne. Поставляя подопытных для экспериментов и убирая нежелательных конкурентов, Interdyne же поставляют все военные наработки передовым отрядам Gorlex.

== Корпоративное устройство ==
Корпорация управляется советом директоров и делится на несколько департаментов:

* Департамент управления
* Департамент вооруженных сил
* Департамент внутренней безопасности
* Департамент промышленности и торговли.
* Департамент здравоохранения и социального развития
* Департамент образования и науки
* Департамент связи и массовых коммуникаций

В состав вооруженных сил Interdyne, входит прославленный Химический корпус "EVO", спасатели побывавшие не в одной горячей точке и принимающие участие во всех устранениях последствий крупных катастроф. Помимо них в департамент входят личные вооруженные силы корпорации, состоящие преимущественно из наемников и солдат союзных компаний.

Отдельно от всех департаментов расположена Группа изучения '''"L-17"''' - секретный отдел Interdyne Pharmaceutics, подчиняющийся на прямую совету директоров. В обязанности группы '''"L-17"''' входит курирование всех засекреченных, научных проектов корпорации.

== Научные исследования ==
Наряду с выпуском лекарственных и химических средств и медицинского оборудования, корпорация проводила секретные операции с использованием генной инженерии и биоорганического оружия. Такие "эксперименты" проводились в строжайшей секретности, далеко не многие в руководстве, знали чем промышляет компания. Собирая различных специалистов в мобильные исследовательские группы, Interdyne и подконтрольное им подразделение '''"L-17",''' проводили свои опыты и эксперименты.

=== Эксперименты ===
==== Проект "Босфорд" ====

{| class="wikitable mw-collapsible mw-collapsed" style="margin:auto"
|+ Проект "Босфорд"
|Руководитель проекта - Директор Генрих Кроене
|-
| Собрав мобильную группу из лучших генетиков обитаемого космоса, группе "Босфорд" были поручены задачи, по выведению новых видов живых существ.

В ходе генетических экспериментов, между собой были скрещены многие виды, но все они обладали дефектами, не позволяющими использовать их в работе. Все, кроме подопытных №471. Получившийся вид людей, скрещенных с семейством кошачьих, получил название "Фелинид" и по задумке ученых проекта, предполагалось использовать их в качестве идеального обслуживающего персонала для богачей.

Тем не менее, подопытным удалось сбежать и за ними было установлено наблюдение в дикой среде обитания. Головной офис Interdyne Pharmaceutics, опасаясь возможной утечки данных, свернул все эксперименты группы "Босфорд", а данные по проекта получили гриф "совершенно секретно".
|}

==== Проект "Блэкаут" ====

{| class="wikitable mw-collapsible mw-collapsed" style="margin:auto"
|+ Проект "Блэкаут"
|Руководитель проекта - Директор Джеймс Картер
|-
| Команда проекта состояла преимущественно из геологов и спелеологов союзной корпорации - Virs’s Excavations. Целью проекта "Блэкаут" было изучение таинственных, рукотворных тоннелей в недрах планеты Абсентис, сектор Калиго, СНК.

Сведения о планете:<blockquote>'''Абсентис - Мало изученная и хранящая множество тайн, планета расположенная в секторе Калиго, система Эреб. О планете крайне мало известно, из-за ее дальности от ближайшей звезды, свет редко добивается до поверхности планеты, оставляя ее большую часть времени в темноте.'''

'''Многие исследовательские группы и целые колонии исчезали бесследно в темноте этой земли. Спасательные группы обнаруживали только опустевшие постройки и брошенные вещи.'''

'''Достоверно известно, о сети тоннелей под поверхностью планеты и о следах, неизвестной формы жизни, проживающей в недрах планеты.'''

'''Этот мир был бы непригодным для жизни и брошенным, если бы не богатейшие запасы планеты. Минералы, металлы и драгоценные камни, переполняют недра Абсентиса. Поэтому влиятельные горнодобывающие корпорации, активно спонсируют колонизацию и развитие этой планеты.'''</blockquote>Группой проекта была обнаружена точка с аномальной сигнатурой, получившая наименования "21-77". Исследователи выдвигали версии, что это точка является предполагаемым логово существ, проживающих под поверхностью планеты.

Достигнув координат, передовая группа обнаружила руины древнего города. Стены были заполнены рисунками и письменами, а монолитные колонны, уходили на многие метры в высь, стремясь в непроглядную пустоту. Трудно было определить точные размеры этого города, в любую из сторон.

Ученые смогли переписать некоторые надписи, видневшиеся на стенах:<blockquote>'''ᔝᕱ<sup>म अल्फा र ओमेगा हुँ, सुरुवात र अन्त। मेरो नाम अजारोस हो, किनकि म तिमीमाथि शासन गर्छु। मेरो क्रोधको डरᑒᒱᒲ</sup>

<sub>हाम्रो पापको दण्डले हामीलाई ᕒपछाडि ''पारे''को छ, जो बाटोमा छ उसलाई डराउनु पर्छ ।</sub> ᐉᒬᑛ'''</blockquote>Продолжение исследования руин осложнял таинственный газ, планомерно окутывающий город. Вскоре связь с передовой группой была потеряна. Дальнейшие исследования города "21-77" Носят гриф "Совершенно секретно".
|}

==== Проект "Альтрас" ====

{| class="wikitable mw-collapsible mw-collapsed" style="margin:auto"
|+ Проект "Альтрас"
|Руководитель проекта - Директор Герберт Уэст
|-
| Ведущие химики Interdyne смогли вывести новое вещество, названное "Ромерол". Исследовательская лаборатория с образцами и научным составом, была размещена на засекреченном объекте, в секторе █████.

Ранние опыты показывают, необычную реакцию на вещество у существ подверженных некрозу тканей. Ромерол заставляет их мозг перезапускаться, давая возможность подопытным выполнять простейшие действия.

Было обнаружено, что вещество значительно повышает агрессию у испытуемых, вызывая у них животную ярость.
|}

==== Проект "Горизонт" ====

{| class="wikitable mw-collapsible mw-collapsed" style="margin:auto"
|+ Проект "Горизонт"
|Руководитель проекта - Директор Уильям Вейрман
|-
| █████ █████ █████████ В связи с этим █████ ███ ████████

████ ██ После этого ██ ███ ███ ██████

Проект ██████ █████████ ███ ██
|}

==== Проект "Нексус" ====

{| class="wikitable mw-collapsible mw-collapsed" style="margin:auto"
|+ Проект "Нексус"
|Руководитель проекта - Директор Ветт Альдран
|-
| Проект "Нексус" ставил перед собой задачу по созданию кибернетических организмов, путем скрещивания человека и металла. Получившиеся существа, не обладали высоким интеллектом, ровно как и свободой воли. Бездушные и изувеченные машины, со стертыми воспоминаниями и личностью, запрограммированы слепо выполнять любые приказы своих создателей.

Эти киборги получили название "Нексотрон". Под их создание была выделена планета-фабрика, на планете Гранас, в системе Сомния, сектор Калиго, СНК.

На данный момент, ученые проекта "Нексус" ведут разработку боевых прототипов Нексотронов. С их помощью, ведение полномасштабных наземных войн, будет гораздо дешевле.
|}

==== Проект "Бархан" ====

{| class="wikitable mw-collapsible mw-collapsed" style="margin:auto"
|+ Проект "Бархан"
|Руководитель проекта - [ДАНЫЕ УДАЛЕНЫ]
|-
| Проект "Бархан" строго засекречен, ввиду полного провала последнего, в связи с ████████. На планету █████ были направлены силы корпуса EVO.<blockquote>........................................................................................................................................................................................................................................</blockquote>//Отчет полевой комиссии//

При разработки нового вида вооружения, плазменной бомбы типа "Исказитель" была допущена ошибка в ведущей системе █████, что повлекло за собой детонацию снаряда в №4 энергоблоке. <blockquote>'''Разрушение комплекса''': 76%

'''Состояние планеты:''' Не пригодна для жизни, ввиду загрязнения атмосферы '''[ДАНЫЕ УДАЛЕНЫ]'''.

'''Выживший персонал''': Отсутствует.</blockquote>Указом ███████ всем данным проекта был присвоен гриф "совершенно секретно".
|}

==== Проект "Юнити" ====
<blockquote>[[Проект "Юнити"|...]]

<big>Е̢̨̲̜͔͓̣̤̲̗̤̓̕͞Д̺͚̼̦͚͈̫͖̼̬̂͜͠И̳̜̠̻̠͖̮͈̿̊̍Н͍͔̜̘̫̙̇̔́͒͊̐̈́̄̄͊̐С̧̘̖̰͚̹̩̯̇Т̭̼͓̱͇͎͒В͉̰͔̱͍̩͎̼̙͈̥̣̽͊̈́̾͆͒О̡̧̢̨͕͉̦͚̣̤̩͒̈́̈́̄̅ͅ ̛̜̫̘̱̪̝̺̹̣̪͔̎̓͌̊̈́̉̎̄̕Н̰̖̫̩͙̞̱̔́̈А̻͇̉͊̅͊̈́͒̾͑͐̎В̧̺̲͚̹̙̟͓͉͔͎͎̈́͗̍͐̑͛̔С̧͓͙͖̙̝̤̋̋͌̽̾̃Е̰͙̼̓́̍́̏͊͗͒̐̈̇͐Г̗̀̍̌̿̽̀͝͝Д̨̛̯̦͇͚̘̌͛͆̊͂̒̎̐̆́А̡̡͕͙̥̲̬̝͙͙̼͌̽̄̐̔́̽̋̍̂ͅ ̼͎̾̒̃̏̽́͋́̕͞͞С͈̯͐͜М̛̣̤̪̞̼͙̑ͅЕ̧̰̻͓̞͆̓̃̽̓̚Р̢̡͖͕̬̟̝̟̞̣͈̌̒̾̂̈́͊ͅТ͍̩͈̩̣͉̊̎̚Ь̧̛̮͈͓̬̻̰̳͓̟͎̪̾ ͔̺̰͚̦̄̾̾Т̬͙͎̽́̇͐͑̕͜О̧͚̩̥̬̪͎̓̈́̌͛̽̏̈̚̕͜͞Л̧̝̗̹̮̼̮̠̓͑͑̐Ь̧̢̧̧̻̮̦̥͇̜̖̾К̞̟͙͈̜͇̱͗̇̋̔̕͠О̗̩͎̥̱͎̳̉͞ ̫͎̱̫̏̑̈́Н̠̋А̩̦͔̭̹͍̖̠̤̘̒͘Ч̡̡̗̟̞͆̽А̦̜̳̝̗͓̘̻̖̤̽́Л̛͔̱̘̼͙̝̤͉͖̱̟́̽͊̊͗͑̚͝О͓̘̮͌̆̄̌̈́̚͝ ̛̙̼͛̇̊̐͐͌̾̕̚С̼̓̂̐̓͒͋̆̓͗̕̚Д͖̞̙͔͖̖̜͇̗̂̏͜͞Е͚̽́̓̓̈̾Л̡̤̥̬͕̳̟̈́͛̍̓̈́̊͘͜А͍̫͙̝̗̥̖͇͙̋͜Й̟̤͍̟̗̗̞͖̳̲̂̈́̃̇́̆͋̿ͅ ̛̻͖̻͖͙̤̼̪̘͂̾͑̾̒̀͝Н̛̪̺̅̽̂̐̈́̅̌̓͑̽͘Ӓ̻̞̞͖́̓̈́̾͗́С̧̝͇̘͈̥̬͕̻̠͔̄̀́̄̀̂͐ͅ ̛̲̒̓̆͗̇͗̄͋́͘͞Ѐ̡͈͈͇̯̣̟̚Д̧̜̈И̧͕̖̫͎̟͒́̀̆͐͛̈́̒́Н̞̼̩͉̥̉̒̽͗̒̾͞Ы̣̟͘М̠͕̳͖̰̪̐̈́̊̌͋̂̀͊̚͝͝!̢̻̘̝̑</big></blockquote>

== Военная сила ==

=== EVO Корпус ===
Химический корпус Interdyne Pharmaceutics,носит название EVO (от слова Environmental). Корпус задействован в самых разных боевых и спасательных операциях Interdyne: В условиях радиоактивного, биологического или другого загрязнения, а также в условиях использования оружия массового поражения (ОМП).

В Корпус входят врачи, ученые, химики, исследователи, биологи и военные, набранные и подготовленные в институтах Interdyne.

Официально, оказывают показательную помощь планетарным государствам и колониям, подверженным Биоугрозам, эвакуируя население и устраняя очаги заражения. Корпус также задействован в устранении неудачных и вышедших из под контроля экспериментов.

На деле, являясь полевыми специалистами Interdyne, бойцы EVO, не редко тестируют разработки мобильных групп. Включающие в себя биологическое и радиационное оружие, опасные вирусы и штампы болезней. <blockquote>'''Девиз корпуса ""Никого не оставлять позади!"'''</blockquote>

<blockquote>'''Над лором работал: Reimon'''</blockquote>

Interdyne Pharmaceutics

2024-09-26T19:10:23Z

D0r11s: test

Шаблон:MinisterialInfo/styles.css

2024-09-26T19:09:30Z

D0r11s: Отмена правки 11166, сделанной D0r11s (обсуждение)

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2024-09-26T19:09:01Z

D0r11s:

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: red;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
animation: shake 3s infinite;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2024-09-26T19:08:25Z

D0r11s:

Шаблон:MinisterialInfo/styles.css

2024-09-26T19:05:49Z

D0r11s:

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link3::after {
width: 0;
animation: shake 3s infinite;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
animation: shake 3s infinite;
transition: all 0.3s ease;
}

.link3 {
position: relative;
}
.link3::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #49f1fc;
}

.link3::after {
width: 0;
animation: shake 3s infinite;
transition: 0.3s;
}
.link3:hover:after {
width: 100%;
animation: shake 3s infinite;
transition: all 0.3s ease;
}

Шаблон:MinisterialInfo/styles.css

2024-09-26T19:03:55Z

D0r11s:

.total_war {
animation: shake 3s infinite;
animation: traitor 5s linear infinite;
transition: 1s; /* Время эффекта */
text-align: center;
}

.text-test {
text-align: left;
font-size: 25px;
font-family: "Gill Sans", sans-serif;
}

.nazidanie {
text-shadow: 0 0.1em #212121;
}

#infboox {
font-family: "Gill Sans", sans-serif;
}

#terra {
font-size: 150px;
}

.total_war:hover {
animation: shake 3s linear infinite;
animation: traitor 5s linear infinite;
transform: scale(2.5);
}

.blockquote-2 {
margin: 16px 16px 30px 16px;
padding: 26px 24px;
font-size: 16px;
background: #BFE2FF;
border-left: 5px solid;
border-color: #337AB7;
}
.blockquote-2::after {
content: '';
margin-top: -30px;
padding-top: 0;
position: relative;
bottom: -50px;
left: 20px;
border-width: 30px 0 0 30px;
border-style: solid;
border-color: #BFE2FF transparent;
display: block;
width: 0;
}
.blockquote-2 p::before {
content: "“";
font-family: Georgia;
font-size: 40px;
line-height: 0;
display: inline-block;
}
.blockquote-2 cite {
float: right;
font-size: 13px;
}
.blockquote-2 cite:before {
content: '- ';
}

.blockquote-1 {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
margin: 16px 16px 30px 16px;
padding: 16px 24px;
position: relative;
font-size: 16px;
background: #efefef;
color: #000;
font-style: italic;
}
.blockquote-1::before {
border: 14px solid transparent;
border-top: 14px solid #efefef;
border-bottom: 0;
height: 0;
width: 0;
border-top-width: 25px;
content: '';
display: block;
position: absolute;
left: 40px;
bottom: -25px;
transform-origin: center;
transform: rotate(90deg) skew(-25deg) translateY(17px);
}
.blockquote-1 cite {
position: absolute;
bottom: -24px;
left: 62px;
font-size: 13px;
font-style: normal;
font-weight: 300;
color: #fff;
}

#hero {
opacity: 0;
text-align: center;
font-weight: bold;
animation: shake 3s infinite;
animation: hero 5s 5s infinite;
transition: opacity 2s;
}

@keyframes hero{
0% {
color: white;
}
90% {
color: blue;
}
to {
color: white;
}
}

#Traitor:hover+ #hero {
opacity: 1;
transition: opacity 2s;
}

.border-item {
position: relative;
padding: 10px 30px;
border-left: 5px solid #337AB7;
border-bottom: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 0 15px 15px;
margin: 50px 30px 20px;
text-align: left;
}
.border-head {
display: flex;
position: absolute;
align-items: flex-end;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 22px;
line-height: 25px;
font-weight: bold;
text-transform: uppercase;
color: #337AB7;
transform: translateY(-100%);
}
.border-head:before {
content: "";
flex: 1;
height: 15px;
margin-right: 15px;
border-top: 5px solid #337AB7;
border-left: 5px solid #337AB7;
border-radius: 15px 0;
transform: translateX(-5px);
}
.border-head:after {
content: "";
flex: 1;
height: 15px;
margin-left: 15px;
border-top: 5px solid #337AB7;
border-right: 5px solid #337AB7;
border-radius: 0 15px;
transform: translateX(5px);
}

.quote {
padding-left: 50px;
border-left: 4px solid #e2e2e2;
font-family: 'Georgia', 'Times New Roman', serif;
}
.quote p {
font-style: normal;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #fff;
}
.quote cite {
font-style: italic;
font-weight: normal;
font-size: 22px;
line-height: 28px;
color: #aaaaaa;
}

#Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
animation: traitor 5s linear infinite;
animation-delay: 5s;
}

#Traitor:hover {

}

@keyframes traitor{
0% {
color: white;
}
90% {
color: red;
}
to {
color: white;
}
}

h4 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-right: 40px;
}

.our_text2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 35px;
}

.bez2 {
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left: 40px;
}

.urtop {
text-align: left;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to left, #14181f 30%, #fff);
}

.our {
text-align: right;
background-color: white;
color: black;
margin-top: 40px;
background: linear-gradient(to right, #14181f 30%, #fff);
}

.our3 {
text-align: left;
padding-top: 200px;
}

.our-text {
padding-right: 200px;
}

.bodyContent {
background-color: white;
}

.ticker {
position: relative;
overflow: hidden;
}

.ticker__wrapper {
display: flex;
}

.ticker__item {
font-family: sans-serif;
font-size: 70px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0;
padding: 0 50px;
animation: ticker 20s linear infinite;
}

@keyframes ticker {
0% {
transform: translate(0%);
}
to {
transform: translate(-100%, 0);
}
}

#nav {
position: sticky;
top: 8.15%;
min-width: 360px;
height: 30px;
background-color: #14181f;
}

#nav, #nav ul {
list-style-type: none;
}

#nav ul {
display: none;
}

#nav li {
float: left;
display: block;
padding: 5px 5px 5px 5px;
position: relative;
width: auto;
text-align: center;
background-color: #14181f;
}

b {
text-decoration: none;
}

#nav li:hover ul {
display: block;
top: 100%;
position: absolute;
margin-left: -10px;
}

@keyframes animationOne {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

@keyframes text1 {
0% {
color: #000;
margin-bottom: -40px;
}

85% {
letter-spacing: 8px;
margin-bottom: -40px;
}
}

.block-animation {
width: 90px;
height: 50px;
background-color: #ffb90f;
transition: width 1s cubic-bezier(0, 0, 1, 1) 50ms;
}

.block-animation:hover {
width: 590px;
background-color: red;
animation: shake 0.5s;
animation-iteration-count: infinite;
}

@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}

h1 {
font-family: Roboto, Geneva, Arial, Helvetica, sans-serif;
}

p {
font-family: Trebuchet MS, sans-serif;
}

.zagalovok{
font-family: 'Arial Black', Gadget, sans-serif;;
font-weight: 900;
}
.Traitor {
text-align: center;
font-weight: bold;
letter-Spacing: 15px;
}

.underline-one {
color: #00bfff; /* Цвет обычной ссылки */
position: relative;
cursor: pointer;
text-decoration: none; /* Убираем подчеркивание */
}
.underline-one:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: -3px;
width: 0;
height: 1px; /* Высота линии */
background-color: black; /* Цвет подчеркивания при исчезании линии*/
transition: width 0.5s; /* Время эффекта */
}

.underline-one:hover:after {
content: "";
width: 100%;
display: block;
position: absolute;
left: 0;
bottom: -1px;
height: 1px; /* Высота линии */
background-color: red; /* Цвет подчеркивания при появлении линии*/
transition: width 0.5s; /* Время эффекта */
}

.btn {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #86c232;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn:hover {
background: #86c232;
color: black;
border: 0.3px;
width: 230px;
}
.btn:active {
background: #CD2A19;
box-shadow: 0 5px #9B111E inset;
}

.btn2 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .3em 0.5em calc(.3em + 0.5px);
background: #262626;
transition: 0.2s;
margin: 5px;
border: solid;
border-radius: 0.5px;
border-width: 0.5px;
border-color: #49f1fc;
transition: width 1s cubic-bezier(0, 0, 1, 1) 500ms;
}
.btn2:hover {
background: #49f1fc;
color: black;
border: 0.3px;
width: 230px;
}
.btn2:active {
background: #49f1fc;
box-shadow: 0 5px #49f1fc inset;
}

.center {
text-align: left;
}

.link {
position: relative;
}
.link::after {
position: absolute;
content: '';
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link::after {
width: 0;
transition: 0.3s;
}
.link:hover:after {
width: 100%;
transition: all 0.3s ease;
}

.link2 {
position: relative;
color: red;
}
.link2::after {
position: absolute;
content: '';
animation: shake 3s infinite;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 1px;
background: #86c232;
}

.link2::after {
width: 0;
animation: shake 3s infinite;
transition: 0.3s;
}
.link2:hover:after {
width: 100%;
animation: shake 3s infinite;
transition: all 0.3s ease;
}