|
|
| Line 1: |
Line 1: |
| /* Hide Main_Page title */
| | @keyframes fadeZoomIn { |
| body.page-Main_Page h1.firstHeading {
| | from { |
| display: none;
| | opacity: 0; |
| | transform: scale(0.9); |
| | } |
| | to { |
| | opacity: 1; |
| | transform: scale(1); |
| | } |
| } | | } |
|
| |
|
| /* Hero Banner */
| | .fame-card { |
| .ww-hero { | | animation: fadeZoomIn 0.6s ease forwards; |
| text-align: center; | | opacity: 0; /* start hidden */ |
| padding: 20px 10px;
| |
| border-bottom: 2px solid #000;
| |
| background: #fff;
| |
| }
| |
| .ww-hero-title {
| |
| font-size: 1.8em;
| |
| font-weight: bold;
| |
| color: #000; | |
| }
| |
| .ww-hero-cta a {
| |
| background: #000;
| |
| color: #fff;
| |
| padding: 10px 16px;
| |
| border-radius: 6px;
| |
| font-weight: bold;
| |
| display: inline-block;
| |
| margin-top: 10px;
| |
| text-decoration: none;
| |
| } | | } |
|
| |
|
| /* Section Styling */
| |
| .ww-section {
| |
| padding: 20px 10px;
| |
| border-bottom: 1px solid #ddd;
| |
| }
| |
| .ww-section h2 {
| |
| font-size: 1.2em;
| |
| color: #000;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| /* Cards (Profiles/Companies) */
| |
| .ww-cards {
| |
| display: flex;
| |
| gap: 10px;
| |
| flex-wrap: wrap;
| |
| }
| |
| .ww-cards a {
| |
| display: inline-block;
| |
| padding: 10px;
| |
| background: #f9f9f9;
| |
| border: 1px solid #ccc;
| |
| border-radius: 8px;
| |
| text-decoration: none;
| |
| color: #000;
| |
| min-width: 130px;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Footer */
| |
| .ww-footer {
| |
| text-align: center;
| |
| font-size: 0.9em;
| |
| color: #666;
| |
| padding: 20px 0;
| |
| }
| |
| .ww-footer a {
| |
| color: #000;
| |
| margin: 0 8px;
| |
| } | | } |
Revision as of 14:38, 24 April 2025
@keyframes fadeZoomIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.fame-card {
animation: fadeZoomIn 0.6s ease forwards;
opacity: 0; /* start hidden */
}
}