بەکارھێنەر:Aram/kuwikt-celebration.css
ڕواڵەت
بەڵگەنامەی ئەم سکریپتی بەکارھێنەرە دەتوانرێت لە بەکارھێنەر:Aram/kuwikt-celebration زیاد بکرێت. وا دیارە ئەم سکریپتی بەکارھێنەرە پەڕەیەکی ھاوەڵی لەژێر js. لە بەکارھێنەر:Aram/kuwikt-celebration.js ھەیە. |
/* Celebrating 1,000,000 Wiktionary Entries! */
/* See: [[Special:Permalink/1194661#پیرۆزبایی_لە_ویکیفەرھەنگی_کوردی_(کورمانجی)]] */
.container {
position: relative;
height: 100%;
background-color: black;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
color: white;
border: 3px solid black;
border-radius: 10px;
box-shadow: 3px 3px 3px rgb(135, 135, 135);
z-index: 1;
}
.content {
position: relative;
z-index: 2;
}
.container .content p {
text-align: center;
font-size: 16px;
}
.container .content #header {
color: gold;
font-size: 20px;
}
.container .content a.text {
color: gold !important;
}
.container .content a.text:hover {
color: orange !important;
}
.container .content a.text:active {
color: khaki !important;
}
.container .content a.text:visited {
color: darkorange !important;
}
.particle-container {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
.particle {
position: absolute;
border-radius: 50%;
pointer-events: none;
animation: twinkle 1.5s infinite linear alternate, move 2s linear infinite;
}
@keyframes move {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(var(--endX), var(--endY));
}
}
@keyframes twinkle {
0%, 100% {
background-color: rgba(255, 215, 0, 0.8); /* gold */
box-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 0 20px rgba(255, 215, 0, 0.5), 0 0 30px rgba(255, 215, 0, 0.3), 0 0 40px rgba(255, 215, 0, 0.2), 0 0 50px rgba(255, 215, 0, 0.1);
}
50% {
background-color: rgba(255, 255, 255, 0.2); /* transparent */
box-shadow: none;
}
}