Wikirječnik
bswiktionary
https://bs.wiktionary.org/wiki/Po%C4%8Detna_strana
MediaWiki 1.47.0-wmf.1
case-sensitive
Mediji
Posebno
Razgovor
Korisnik
Razgovor s korisnikom
Wikirječnik
Razgovor s Wikirječnikom
Datoteka
Razgovor o datoteci
MediaWiki
Razgovor o MediaWikiju
Šablon
Razgovor o šablonu
Pomoć
Razgovor o pomoći
Kategorija
Razgovor o kategoriji
Portal
Razgovor o Portalu
Indeks
Razgovor o Indeksu
Dodatak
Razgovor o Dodatku
TimedText
TimedText talk
Modul
Razgovor o modulu
Event
Event talk
Korisnik:Jhn1999
2
16714
72892
2026-05-05T22:44:15Z
Jhn1999
4118
/* */
72892
wikitext
text/x-wiki
Test
bop1vj5i98maix36pjrpgep1w6hnxfe
72893
72892
2026-05-05T22:45:17Z
Jhn1999
4118
/* */
72893
wikitext
text/x-wiki
<templatestyles src="User:Jhn1999/up styles.css"/>
<div class="fuck">FUCK YOU</div>
6nlbvzlom18wrbg5allv50yud2hdgoy
72896
72893
2026-05-05T22:51:48Z
Jhn1999
4118
/* */
72896
wikitext
text/x-wiki
<templatestyles src="User:Jhn1999/up styles.css"/>
<div class="fuck">TTTTTTTTT</div>
nevd55udpy6pwz8i9o7x9uieodjwzba
Korisnik:Jhn1999/up styles.css
2
16715
72894
2026-05-05T22:45:55Z
Jhn1999
4118
Nova stranica: .fuck { color:red; }
72894
css
text/css
.fuck {
color:red;
}
f2tpua6njrd6jkzcw0hx9ytg0zctr48
72895
72894
2026-05-05T22:47:48Z
Jhn1999
4118
72895
css
text/css
.fuck {
position: relative;
overflow: hidden;
background: #cccccc;
border-radius: 14px;
color: #eeeeee;
font-family: sans-serif;
}
tp6vzqxsse30jh3rqcoubo9jmmja0nl
72897
72895
2026-05-05T22:53:42Z
Jhn1999
4118
72897
css
text/css
.ginaan-cyber {
position: relative;
overflow: hidden;
background: #0a0e1a;
border-radius: 12px;
color: #c8d6e5;
font-family: sans-serif;
}
.cyber-hero {
position: relative;
padding: 80px 40px 100px;
text-align: center;
overflow: hidden;
background:
linear-gradient(
180deg,
#0a0e1a 0%,
#0d1525 20%,
#111d35 40%,
#0a1628 70%,
#06101e 100%
);
}
.cyber-hero::before {
content: '';
position: absolute;
bottom: 0;
left: -10%;
right: -10%;
height: 55%;
background:
linear-gradient(90deg,
transparent 0%, transparent 49.5%,
rgba(0, 210, 255, 0.06) 49.5%, rgba(0, 210, 255, 0.06) 50.5%,
transparent 50.5%, transparent 100%
),
linear-gradient(0deg,
rgba(0, 210, 255, 0.12) 0%,
rgba(0, 210, 255, 0.03) 40%,
transparent 100%
);
background-size: 60px 100%, 100% 100%;
transform: perspective(400px) rotateX(45deg);
transform-origin: bottom center;
z-index: 1;
}
.cyber-hero::after {
content: '';
position: absolute;
bottom: 0;
left: -10%;
right: -10%;
height: 55%;
background:
repeating-linear-gradient(
0deg,
transparent,
transparent 28px,
rgba(0, 210, 255, 0.05) 28px,
rgba(0, 210, 255, 0.05) 30px
);
transform: perspective(400px) rotateX(45deg);
transform-origin: bottom center;
z-index: 1;
}
.cyber-skyline {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 140px;
z-index: 2;
overflow: hidden;
}
.cyber-building {
position: absolute;
bottom: 0;
background: linear-gradient(180deg, #0d1a2d, #080e1a);
border-top: 1px solid rgba(0, 210, 255, 0.3);
}
.cyber-building::before {
content: '';
position: absolute;
top: 4px;
left: 3px;
right: 3px;
bottom: 0;
background:
repeating-linear-gradient(
0deg,
transparent,
transparent 6px,
rgba(0, 210, 255, 0.08) 6px,
rgba(0, 210, 255, 0.08) 8px
),
repeating-linear-gradient(
90deg,
transparent,
transparent 8px,
rgba(0, 210, 255, 0.05) 8px,
rgba(0, 210, 255, 0.05) 10px
);
}
.cyber-b1 { left: 2%; width: 30px; height: 70px; }
.cyber-b2 { left: 7%; width: 22px; height: 100px; border-top-color: rgba(255, 0, 128, 0.4); }
.cyber-b3 { left: 11%; width: 35px; height: 55px; }
.cyber-b4 { left: 17%; width: 18px; height: 120px; }
.cyber-b5 { left: 21%; width: 40px; height: 80px; }
.cyber-b6 { left: 28%; width: 25px; height: 95px; border-top-color: rgba(0, 255, 136, 0.4); }
.cyber-b7 { left: 33%; width: 20px; height: 65px; }
.cyber-b8 { left: 38%; width: 45px; height: 110px; }
.cyber-b9 { left: 45%; width: 28px; height: 75px; }
.cyber-b10 { left: 50%; width: 22px; height: 130px; border-top-color: rgba(255, 0, 128, 0.5); }
.cyber-b11 { left: 55%; width: 35px; height: 60px; }
.cyber-b12 { left: 60%; width: 20px; height: 105px; }
.cyber-b13 { left: 64%; width: 42px; height: 85px; border-top-color: rgba(0, 210, 255, 0.5); }
.cyber-b14 { left: 71%; width: 18px; height: 115px; }
.cyber-b15 { left: 75%; width: 30px; height: 70px; }
.cyber-b16 { left: 80%; width: 25px; height: 90px; border-top-color: rgba(0, 255, 136, 0.3); }
.cyber-b17 { left: 85%; width: 38px; height: 50px; }
.cyber-b18 { left: 90%; width: 22px; height: 100px; }
.cyber-b19 { left: 95%; width: 30px; height: 65px; }
.cyber-building::after {
content: '';
position: absolute;
width: 4px;
height: 4px;
background: rgba(0, 210, 255, 0.9);
box-shadow: 0 0 6px rgba(0, 210, 255, 0.8), 0 0 12px rgba(0, 210, 255, 0.4);
border-radius: 1px;
animation: cyber-window-blink 3s ease-in-out infinite;
}
.cyber-b2::after { top: 12px; left: 6px; animation-delay: 0s; }
.cyber-b4::after { top: 8px; left: 5px; animation-delay: -1.2s; background: rgba(255, 0, 128, 0.9); box-shadow: 0 0 6px rgba(255, 0, 128, 0.8), 0 0 12px rgba(255, 0, 128, 0.4); }
.cyber-b6::after { top: 15px; left: 8px; animation-delay: -0.5s; background: rgba(0, 255, 136, 0.9); box-shadow: 0 0 6px rgba(0, 255, 136, 0.8), 0 0 12px rgba(0, 255, 136, 0.4); }
.cyber-b8::after { top: 10px; left: 12px; animation-delay: -2s; }
.cyber-b10::after { top: 6px; left: 7px; animation-delay: -0.8s; background: rgba(255, 0, 128, 0.9); box-shadow: 0 0 6px rgba(255, 0, 128, 0.8), 0 0 12px rgba(255, 0, 128, 0.4); }
.cyber-b12::after { top: 14px; left: 5px; animation-delay: -1.6s; }
.cyber-b14::after { top: 8px; left: 4px; animation-delay: -2.5s; background: rgba(0, 255, 136, 0.9); box-shadow: 0 0 6px rgba(0, 255, 136, 0.8), 0 0 12px rgba(0, 255, 136, 0.4); }
.cyber-b16::after { top: 12px; left: 8px; animation-delay: -0.3s; }
.cyber-b18::after { top: 10px; left: 6px; animation-delay: -1.8s; background: rgba(255, 0, 128, 0.9); box-shadow: 0 0 6px rgba(255, 0, 128, 0.8), 0 0 12px rgba(255, 0, 128, 0.4); }
@keyframes cyber-window-blink {
0%, 100% { opacity: 0.2; }
30% { opacity: 1; }
50% { opacity: 0.4; }
70% { opacity: 0.9; }
85% { opacity: 0.1; }
}
.cyber-craft {
position: absolute;
z-index: 6;
width: 0;
height: 0;
}
.cyber-craft-1 {
top: 30%;
left: -40px;
border-left: 16px solid #00d2ff;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
filter: drop-shadow(0 0 8px rgba(0, 210, 255, 0.8)) drop-shadow(0 0 20px rgba(0, 210, 255, 0.4));
animation: cyber-fly-right 12s linear infinite;
}
.cyber-craft-1::before {
content: '';
position: absolute;
top: -1px;
right: 8px;
width: 30px;
height: 2px;
background: linear-gradient(270deg, rgba(0, 210, 255, 0.8), transparent);
border-radius: 1px;
}
.cyber-craft-2 {
top: 18%;
right: -40px;
border-right: 12px solid #ff0080;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
filter: drop-shadow(0 0 6px rgba(255, 0, 128, 0.8)) drop-shadow(0 0 16px rgba(255, 0, 128, 0.4));
animation: cyber-fly-left 16s linear infinite;
animation-delay: -6s;
}
.cyber-craft-2::before {
content: '';
position: absolute;
top: -1px;
left: 6px;
width: 24px;
height: 2px;
background: linear-gradient(90deg, rgba(255, 0, 128, 0.7), transparent);
border-radius: 1px;
}
.cyber-craft-3 {
top: 38%;
left: -30px;
border-left: 10px solid #00ff88;
border-top: 2.5px solid transparent;
border-bottom: 2.5px solid transparent;
filter: drop-shadow(0 0 5px rgba(0, 255, 136, 0.8)) drop-shadow(0 0 14px rgba(0, 255, 136, 0.3));
animation: cyber-fly-right 9s linear infinite;
animation-delay: -3s;
opacity: 0.7;
}
.cyber-craft-3::before {
content: '';
position: absolute;
top: -0.5px;
right: 5px;
width: 20px;
height: 1px;
background: linear-gradient(270deg, rgba(0, 255, 136, 0.6), transparent);
}
@keyframes cyber-fly-right {
0% { transform: translateX(0); }
100% { transform: translateX(calc(100vw + 80px)); }
}
@keyframes cyber-fly-left {
0% { transform: translateX(0); }
100% { transform: translateX(calc(-100vw - 80px)); }
}
.cyber-beacon {
position: absolute;
width: 4px;
height: 4px;
border-radius: 50%;
z-index: 4;
animation: cyber-beacon-pulse 2s ease-in-out infinite;
}
.cyber-beacon-1 {
bottom: 122px;
left: calc(17% + 7px);
background: #ff0080;
box-shadow: 0 0 8px #ff0080, 0 0 20px rgba(255, 0, 128, 0.5);
}
.cyber-beacon-2 {
bottom: 132px;
left: calc(50% + 9px);
background: #00d2ff;
box-shadow: 0 0 8px #00d2ff, 0 0 20px rgba(0, 210, 255, 0.5);
animation-delay: -0.7s;
}
.cyber-beacon-3 {
bottom: 117px;
left: calc(71% + 7px);
background: #00ff88;
box-shadow: 0 0 8px #00ff88, 0 0 20px rgba(0, 255, 136, 0.5);
animation-delay: -1.3s;
}
.cyber-beacon-4 {
bottom: 112px;
left: calc(38% + 20px);
background: #ff0080;
box-shadow: 0 0 8px #ff0080, 0 0 20px rgba(255, 0, 128, 0.5);
animation-delay: -1.8s;
}
@keyframes cyber-beacon-pulse {
0%, 100% { opacity: 0.3; transform: scale(1); }
50% { opacity: 1; transform: scale(1.5); }
}
.cyber-glow-line {
position: absolute;
height: 2px;
border-radius: 1px;
z-index: 3;
animation: cyber-scan 4s linear infinite;
}
.cyber-glow-1 {
bottom: 60px;
left: 5%;
right: 40%;
background: linear-gradient(90deg, transparent, #00d2ff, transparent);
animation-duration: 5s;
}
.cyber-glow-2 {
bottom: 90px;
left: 30%;
right: 15%;
background: linear-gradient(90deg, transparent, #ff0080, transparent);
animation-duration: 7s;
animation-delay: -2s;
}
.cyber-glow-3 {
bottom: 45px;
left: 50%;
right: 10%;
background: linear-gradient(90deg, transparent, #00ff88, transparent);
animation-duration: 6s;
animation-delay: -4s;
}
@keyframes cyber-scan {
0%, 100% { opacity: 0.3; }
50% { opacity: 1; }
}
.cyber-stars {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50%;
z-index: 0;
background:
radial-gradient(1px 1px at 10% 15%, rgba(255,255,255,0.6), transparent),
radial-gradient(1px 1px at 25% 8%, rgba(0,210,255,0.5), transparent),
radial-gradient(1px 1px at 40% 22%, rgba(255,255,255,0.4), transparent),
radial-gradient(1px 1px at 55% 5%, rgba(255,0,128,0.4), transparent),
radial-gradient(1px 1px at 65% 18%, rgba(255,255,255,0.5), transparent),
radial-gradient(1px 1px at 78% 12%, rgba(0,255,136,0.4), transparent),
radial-gradient(1px 1px at 88% 25%, rgba(255,255,255,0.3), transparent),
radial-gradient(1.5px 1.5px at 15% 30%, rgba(0,210,255,0.6), transparent),
radial-gradient(1px 1px at 70% 28%, rgba(255,255,255,0.5), transparent),
radial-gradient(1px 1px at 92% 8%, rgba(255,0,128,0.3), transparent),
radial-gradient(1px 1px at 48% 35%, rgba(255,255,255,0.4), transparent),
radial-gradient(1.5px 1.5px at 33% 3%, rgba(0,210,255,0.5), transparent);
animation: cyber-twinkle 4s ease-in-out infinite alternate;
}
@keyframes cyber-twinkle {
0% { opacity: 0.6; }
50% { opacity: 1; }
100% { opacity: 0.7; }
}
.cyber-hero-title {
font-size: 3em;
font-weight: 800;
color: #fff;
text-shadow:
0 0 20px rgba(0, 210, 255, 0.6),
0 0 60px rgba(0, 210, 255, 0.2),
0 2px 4px rgba(0,0,0,0.8);
margin: 0 0 12px 0;
position: relative;
z-index: 4;
letter-spacing: 6px;
}
.cyber-hero-sub {
font-size: 1.05em;
color: rgba(0, 210, 255, 0.7);
text-shadow: 0 0 15px rgba(0, 210, 255, 0.3);
margin: 0;
position: relative;
z-index: 4;
letter-spacing: 3px;
text-transform: uppercase;
font-weight: 300;
}
.cyber-quote-banner {
background: linear-gradient(135deg, #0f0826, #1a0a35, #0f0826);
padding: 30px 40px;
text-align: center;
color: #e0d4f5;
font-size: 1em;
line-height: 1.9;
position: relative;
overflow: hidden;
border-top: 1px solid rgba(255, 0, 128, 0.3);
border-bottom: 1px solid rgba(255, 0, 128, 0.3);
}
.cyber-quote-banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #ff0080, transparent);
}
.cyber-quote-banner::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, #ff0080, transparent);
}
.cyber-quote-banner b {
display: block;
margin: 3px 0;
text-shadow: 0 0 12px rgba(255, 0, 128, 0.3);
}
.cyber-quote-source {
display: block;
margin-top: 14px;
font-size: 0.78em;
color: rgba(255, 0, 128, 0.5);
letter-spacing: 2px;
text-transform: uppercase;
}
.cyber-content {
background: linear-gradient(180deg, #0a0e1a, #0d1220, #0a0e1a);
overflow: hidden;
border-radius: 0 0 12px 12px;
}
.cyber-info-grid {
display: flex;
flex-wrap: wrap;
}
.cyber-info-card {
flex: 1 1 300px;
padding: 30px 34px;
border-bottom: 1px solid rgba(0, 210, 255, 0.08);
}
.cyber-info-card:first-child {
border-right: 1px solid rgba(0, 210, 255, 0.08);
}
.cyber-info-card-title {
font-size: 0.72em;
text-transform: uppercase;
letter-spacing: 3px;
color: #00d2ff;
font-weight: 700;
margin-bottom: 14px;
display: flex;
align-items: center;
gap: 8px;
}
.cyber-info-card-title::before {
content: '';
display: inline-block;
width: 18px;
height: 2px;
background: linear-gradient(90deg, #00d2ff, transparent);
}
.cyber-section-header {
padding: 18px 34px;
margin: 0;
font-size: 1.2em;
font-weight: 700;
color: #fff;
display: flex;
align-items: center;
gap: 10px;
position: relative;
background: rgba(0, 210, 255, 0.03);
border-bottom: 1px solid rgba(0, 210, 255, 0.15);
border-top: 1px solid rgba(0, 210, 255, 0.05);
text-shadow: 0 0 10px rgba(0, 210, 255, 0.3);
}
.cyber-section-header::before {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 120px;
height: 2px;
background: linear-gradient(90deg, #00d2ff, transparent);
}
.cyber-roles {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 22px 34px;
}
.cyber-role-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 7px 16px;
background: rgba(0, 210, 255, 0.06);
border: 1px solid rgba(0, 210, 255, 0.2);
border-radius: 4px;
font-size: 0.85em;
color: #8ecae6;
font-weight: 500;
transition: all 0.3s;
}
.cyber-role-badge:hover {
background: rgba(0, 210, 255, 0.12);
border-color: rgba(0, 210, 255, 0.5);
box-shadow: 0 0 15px rgba(0, 210, 255, 0.15);
color: #00d2ff;
}
.cyber-babel-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 22px 34px;
}
.cyber-babel-tag {
padding: 5px 16px;
border-radius: 3px;
font-size: 0.82em;
font-weight: 600;
font-family: monospace;
letter-spacing: 1px;
}
.cyber-babel-native {
background: rgba(0, 210, 255, 0.2);
color: #00d2ff;
border: 1px solid rgba(0, 210, 255, 0.4);
box-shadow: 0 0 8px rgba(0, 210, 255, 0.15);
}
.cyber-babel-high {
background: rgba(0, 255, 136, 0.15);
color: #00ff88;
border: 1px solid rgba(0, 255, 136, 0.3);
}
.cyber-babel-mid {
background: rgba(255, 0, 128, 0.1);
color: #ff6eb4;
border: 1px solid rgba(255, 0, 128, 0.25);
}
.cyber-babel-low {
background: rgba(255, 255, 255, 0.04);
color: #8899aa;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.cyber-babel-basic {
background: transparent;
color: #556677;
border: 1px solid rgba(255, 255, 255, 0.06);
}
.cyber-list {
padding: 22px 34px 26px;
margin: 0;
list-style: none;
}
.cyber-list li {
padding: 10px 0 10px 28px;
position: relative;
line-height: 1.7;
border-bottom: 1px solid rgba(0, 210, 255, 0.04);
color: #a0b4c8;
}
.cyber-list li:last-child { border-bottom: none; }
.cyber-list li::before {
content: '▹';
position: absolute;
left: 6px;
top: 10px;
color: #00d2ff;
font-size: 0.9em;
}
.cyber-ko-section {
background: rgba(255, 0, 128, 0.02);
padding: 26px 34px;
border-top: 1px dashed rgba(255, 0, 128, 0.15);
}
.cyber-ko-section p {
margin: 7px 0;
line-height: 1.75;
color: #a0b4c8;
}
.cyber-footer {
text-align: center;
padding: 24px;
color: rgba(0, 210, 255, 0.2);
font-size: 0.78em;
letter-spacing: 4px;
text-transform: uppercase;
}
.ginaan-cyber a {
color: #00d2ff;
text-decoration: none;
text-shadow: 0 0 6px rgba(0, 210, 255, 0.2);
}
.ginaan-cyber a:hover {
color: #fff;
text-shadow: 0 0 12px rgba(0, 210, 255, 0.5);
}
.cyber-hud-corner {
position: absolute;
width: 30px;
height: 30px;
z-index: 5;
}
.cyber-hud-tl {
top: 15px; left: 15px;
border-top: 2px solid rgba(0, 210, 255, 0.4);
border-left: 2px solid rgba(0, 210, 255, 0.4);
}
.cyber-hud-tr {
top: 15px; right: 15px;
border-top: 2px solid rgba(0, 210, 255, 0.4);
border-right: 2px solid rgba(0, 210, 255, 0.4);
}
.cyber-hud-bl {
bottom: 15px; left: 15px;
border-bottom: 2px solid rgba(0, 210, 255, 0.2);
border-left: 2px solid rgba(0, 210, 255, 0.2);
}
.cyber-hud-br {
bottom: 15px; right: 15px;
border-bottom: 2px solid rgba(0, 210, 255, 0.2);
border-right: 2px solid rgba(0, 210, 255, 0.2);
}
@media (max-width: 640px) {
.cyber-hero { padding: 50px 22px 75px; }
.cyber-hero-title { font-size: 2em; letter-spacing: 3px; }
.cyber-info-card { flex: 1 1 100%; }
.cyber-info-card:first-child { border-right: none; }
.cyber-skyline { height: 90px; }
}
.cyber-toggle-wrapper {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 9999;
margin: 0;
padding: 0 !important;
}
.cyber-toggle-wrapper > .mw-collapsible-toggle {
display: inline-flex !important;
justify-content: center;
align-items: center;
float: none !important;
padding: 0 !important;
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(10, 14, 26, 0.85);
border: 1px solid rgba(0, 210, 255, 0.4);
color: #00d2ff;
cursor: pointer;
font-size: 0 !important;
box-shadow: 0 0 20px rgba(0, 210, 255, 0.2), 0 4px 12px rgba(0, 0, 0, 0.4);
transition: all 0.3s;
position: relative;
}
.cyber-toggle-wrapper > .mw-collapsible-toggle > * {
font-size: 0 !important;
color: transparent !important;
line-height: 0 !important;
}
.cyber-toggle-wrapper > .mw-collapsible-toggle::before,
.cyber-toggle-wrapper > .mw-collapsible-toggle::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
border: 3px solid rgba(0, 210, 255, 0.3);
height: 100%;
width: 100%;
border-radius: 50%;
box-sizing: border-box;
animation: cyber-toggle-waves 2.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.cyber-toggle-wrapper > .mw-collapsible-toggle::before {
animation-delay: -1.2s;
}
@keyframes cyber-toggle-waves {
0% { opacity: 0.6; border-width: 3px; transform: scale(0.7); }
100% { opacity: 0; border-width: 1px; transform: scale(1.4); }
}
.cyber-toggle-wrapper > .mw-collapsible-toggle:hover {
background: rgba(10, 14, 26, 0.95);
border-color: rgba(0, 210, 255, 0.7);
box-shadow: 0 0 30px rgba(0, 210, 255, 0.4), 0 4px 16px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
}
.cyber-toggle-wrapper .mw-collapsible-content {
display: none !important;
}
.cyber-fullscreen-bg {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background:
linear-gradient(180deg, #060a14 0%, #0a1020 40%, #0d1525 100%);
z-index: 1000;
overflow: hidden;
transition: opacity 0.6s ease;
}
.cyber-toggle-wrapper.mw-collapsed + .cyber-fullscreen-bg {
opacity: 0;
visibility: hidden;
}
.cyber-fullscreen-bg::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background:
radial-gradient(1px 1px at 5% 10%, rgba(255,255,255,0.5), transparent),
radial-gradient(1px 1px at 12% 45%, rgba(0,210,255,0.4), transparent),
radial-gradient(1.5px 1.5px at 18% 80%, rgba(255,255,255,0.3), transparent),
radial-gradient(1px 1px at 28% 20%, rgba(255,255,255,0.4), transparent),
radial-gradient(1px 1px at 35% 65%, rgba(255,0,128,0.3), transparent),
radial-gradient(1.5px 1.5px at 42% 35%, rgba(0,210,255,0.5), transparent),
radial-gradient(1px 1px at 52% 75%, rgba(255,255,255,0.3), transparent),
radial-gradient(1px 1px at 58% 15%, rgba(0,255,136,0.3), transparent),
radial-gradient(1px 1px at 65% 55%, rgba(255,255,255,0.4), transparent),
radial-gradient(1.5px 1.5px at 72% 85%, rgba(0,210,255,0.4), transparent),
radial-gradient(1px 1px at 78% 30%, rgba(255,255,255,0.5), transparent),
radial-gradient(1px 1px at 85% 60%, rgba(255,0,128,0.3), transparent),
radial-gradient(1px 1px at 92% 12%, rgba(255,255,255,0.4), transparent),
radial-gradient(1px 1px at 95% 70%, rgba(0,255,136,0.3), transparent),
radial-gradient(1px 1px at 8% 90%, rgba(0,210,255,0.3), transparent),
radial-gradient(1.5px 1.5px at 48% 5%, rgba(255,255,255,0.5), transparent);
animation: cyber-twinkle 4s ease-in-out infinite alternate;
}
.cyber-fullscreen-bg ~ .ginaan-cyber {
position: relative;
z-index: 1100;
}
.cyber-meteor {
position: absolute;
width: 3px;
height: 3px;
border-radius: 50%;
opacity: 0;
}
.cyber-meteor::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 1.5px;
transform-origin: 0% 50%;
transform: rotate(-145deg);
background: linear-gradient(90deg, rgba(255,255,255,0.9), rgba(0,210,255,0.3), transparent);
}
.cyber-meteor-1 {
top: 8%; left: 3%;
background: #fff;
box-shadow: 0 0 6px #fff, 0 0 14px rgba(0,210,255,0.5);
animation: cyber-shoot-a 7s linear infinite;
}
.cyber-meteor-2 {
top: 32%; left: 5%;
background: #00d2ff;
box-shadow: 0 0 6px #00d2ff, 0 0 14px rgba(0,210,255,0.5);
animation: cyber-shoot-b 9s linear infinite;
animation-delay: -4s;
}
.cyber-meteor-2::before { width: 65px; background: linear-gradient(90deg, rgba(0,210,255,0.9), rgba(0,210,255,0.2), transparent); transform: rotate(-140deg); }
.cyber-meteor-3 {
top: 58%; left: 2%;
background: #ff6eb4;
box-shadow: 0 0 5px #ff6eb4, 0 0 12px rgba(255,0,128,0.4);
animation: cyber-shoot-c 11s linear infinite;
animation-delay: -2s;
}
.cyber-meteor-3::before { width: 55px; background: linear-gradient(90deg, rgba(255,0,128,0.8), rgba(255,0,128,0.2), transparent); transform: rotate(-148deg); }
.cyber-meteor-4 {
top: 12%; right: 3%; left: auto;
background: #fff;
box-shadow: 0 0 6px #fff, 0 0 14px rgba(255,255,255,0.5);
animation: cyber-shoot-d 8s linear infinite;
animation-delay: -1s;
}
.cyber-meteor-4::before { width: 75px; transform: rotate(-142deg); }
.cyber-meteor-5 {
top: 42%; right: 4%; left: auto;
background: #00ff88;
box-shadow: 0 0 5px #00ff88, 0 0 12px rgba(0,255,136,0.4);
animation: cyber-shoot-e 10s linear infinite;
animation-delay: -6s;
}
.cyber-meteor-5::before { width: 60px; background: linear-gradient(90deg, rgba(0,255,136,0.8), rgba(0,255,136,0.2), transparent); transform: rotate(-138deg); }
.cyber-meteor-6 {
top: 68%; right: 2%; left: auto;
background: #00d2ff;
box-shadow: 0 0 6px #00d2ff, 0 0 14px rgba(0,210,255,0.5);
animation: cyber-shoot-f 12s linear infinite;
animation-delay: -8s;
}
.cyber-meteor-6::before { width: 70px; background: linear-gradient(90deg, rgba(0,210,255,0.9), rgba(0,210,255,0.2), transparent); transform: rotate(-146deg); }
.cyber-meteor-7 {
top: 4%; left: 12%;
background: #fff;
box-shadow: 0 0 5px #fff, 0 0 12px rgba(0,210,255,0.4);
animation: cyber-shoot-a 8s linear infinite;
animation-delay: -3s;
}
.cyber-meteor-7::before { width: 70px; transform: rotate(-144deg); }
.cyber-meteor-8 {
top: 5%; right: 10%; left: auto;
background: #ff6eb4;
box-shadow: 0 0 5px #ff6eb4, 0 0 12px rgba(255,0,128,0.4);
animation: cyber-shoot-b 6s linear infinite;
animation-delay: -1.5s;
}
.cyber-meteor-8::before { width: 50px; background: linear-gradient(90deg, rgba(255,0,128,0.8), rgba(255,0,128,0.2), transparent); transform: rotate(-142deg); }
.cyber-meteor-9 {
top: 82%; left: 4%;
background: #00ff88;
box-shadow: 0 0 5px #00ff88, 0 0 10px rgba(0,255,136,0.4);
animation: cyber-shoot-c 9s linear infinite;
animation-delay: -5s;
}
.cyber-meteor-9::before { width: 45px; background: linear-gradient(90deg, rgba(0,255,136,0.7), rgba(0,255,136,0.2), transparent); transform: rotate(-136deg); }
.cyber-meteor-10 {
top: 78%; right: 3%; left: auto;
background: #fff;
box-shadow: 0 0 6px #fff, 0 0 14px rgba(0,210,255,0.5);
animation: cyber-shoot-d 7s linear infinite;
animation-delay: -3.5s;
}
.cyber-meteor-10::before { width: 65px; transform: rotate(-144deg); }
@keyframes cyber-shoot-a {
0% { transform: translate(0,0); opacity: 0; }
2% { opacity: 1; }
7% { opacity: 1; }
11% { transform: translate(140px,100px); opacity: 0; }
100% { opacity: 0; }
}
@keyframes cyber-shoot-b {
0% { transform: translate(0,0); opacity: 0; }
2% { opacity: 1; }
6% { opacity: 1; }
9% { transform: translate(120px,95px); opacity: 0; }
100% { opacity: 0; }
}
@keyframes cyber-shoot-c {
0% { transform: translate(0,0); opacity: 0; }
1% { opacity: 1; }
5% { opacity: 1; }
8% { transform: translate(110px,80px); opacity: 0; }
100% { opacity: 0; }
}
@keyframes cyber-shoot-d {
0% { transform: translate(0,0); opacity: 0; }
2% { opacity: 1; }
7% { opacity: 1; }
10% { transform: translate(150px,110px); opacity: 0; }
100% { opacity: 0; }
}
@keyframes cyber-shoot-e {
0% { transform: translate(0,0); opacity: 0; }
1% { opacity: 1; }
5% { opacity: 1; }
9% { transform: translate(130px,105px); opacity: 0; }
100% { opacity: 0; }
}
@keyframes cyber-shoot-f {
0% { transform: translate(0,0); opacity: 0; }
1% { opacity: 1; }
4% { opacity: 1; }
7% { transform: translate(100px,75px); opacity: 0; }
100% { opacity: 0; }
}
06key7m8rrkrtn19soxa4k8q6icxtdf
72898
72897
2026-05-05T22:54:00Z
Jhn1999
4118
Uklonjen cjelokupan sadržaj stranice
72898
css
text/css
phoiac9h4m842xq45sp7s6u21eteeq1