Template:Main Page/styles.css: Difference between revisions

No edit summary
No edit summary
Line 1: Line 1:


.fp-welcome-box {
.fp-welcome-box {
     background-color: #f8f9fa;
     border: 1px solid #d1d5db;
     border: 1px solid #ccc;
     padding: 2em;
     border-radius: 8px;
     border-radius: 8px;
     padding: 2em;
     position: relative;
    background: #f9fafb;
     text-align: center;
     text-align: center;
     font-family: Georgia, serif;
     font-family: Georgia, serif;
    opacity: 0;
    animation: fadeInBox 1s ease-in-out forwards;
}
}


@keyframes fadeInBox {
.fp-welcome-box::before {
     from { opacity: 0; transform: translateY(10px); }
     content: "Freelancipedia";
     to { opacity: 1; transform: translateY(0); }
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
     background: #4f46e5;
    color: white;
    padding: 4px 12px;
    font-size: 0.85em;
    border-radius: 6px;
}
}