User:Fen/Portals/UserGuides/styles.css: Difference between revisions
Created page with ".guides-portal-wrapper { font-family: "Segoe UI", "Roboto", sans-serif; background: #f9fbfc; color: #1b1f23; padding: 2em; max-width: 1200px; margin: auto; } →Header: .guides-header { background: linear-gradient(to right, #2a70b8, #4d9fe6); color: #ffffff; padding: 1.6em; border-radius: 6px; margin-bottom: 2em; box-shadow: 0 0 12px rgba(42, 112, 184, 0.3); } .guides-title { font-size: 2.2em; font-weight: 800; } .guides-subtitle { font-s..." |
I think it looks better with a bit of green |
||
| Line 10: | Line 10: | ||
/* Header */ | /* Header */ | ||
.guides-header { | .guides-header { | ||
background: linear-gradient(to right, #2a70b8, # | background: linear-gradient(to right, #2a70b8, #2a9b6e); | ||
color: #ffffff; | color: #ffffff; | ||
padding: 1.6em; | padding: 1.6em; | ||
| Line 44: | Line 44: | ||
box-shadow: 0 2px 4px rgba(0,0,0,0.04); | box-shadow: 0 2px 4px rgba(0,0,0,0.04); | ||
transition: box-shadow 0.2s ease, transform 0.2s ease; | transition: box-shadow 0.2s ease, transform 0.2s ease; | ||
} | |||
.guides-card:nth-child(even) { | |||
border-left-color: #34b76c; /* alternate green */ | |||
} | } | ||
.guides-card:hover { | .guides-card:hover { | ||