User:Fen/Portals/UserGuides/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.guides-portal-wrapper { | .guides-portal-wrapper { | ||
font-family: "Segoe UI", "Roboto", sans-serif; | font-family: "Segoe UI", "Roboto", sans-serif; | ||
background: # | background: #fff6fa; | ||
color: # | color: #2a0017; | ||
padding: 2em; | padding: 2em; | ||
max-width: 1200px; | max-width: 1200px; | ||
| Line 10: | Line 10: | ||
/* Header */ | /* Header */ | ||
.guides-header { | .guides-header { | ||
background: linear-gradient(to right, # | background: linear-gradient(to right, #e75480, #d94f75); | ||
color: #ffffff; | color: #ffffff; | ||
padding: 1.6em; | padding: 1.6em; | ||
border-radius: 6px; | border-radius: 6px; | ||
margin-bottom: 2em; | margin-bottom: 2em; | ||
box-shadow: 0 0 12px rgba( | box-shadow: 0 0 12px rgba(233, 92, 139, 0.3); | ||
} | } | ||
.guides-title { | .guides-title { | ||
| Line 25: | Line 25: | ||
font-style: italic; | font-style: italic; | ||
margin-top: 0.3em; | margin-top: 0.3em; | ||
color: # | color: #ffebf2; | ||
} | } | ||
| Line 38: | Line 38: | ||
.guides-card { | .guides-card { | ||
background: #ffffff; | background: #ffffff; | ||
border: 1px solid # | border: 1px solid #f6dce7; | ||
border-left: 6px solid # | border-left: 6px solid #d94f75; | ||
border-radius: 5px; | border-radius: 5px; | ||
padding: 1.3em; | padding: 1.3em; | ||
| Line 47: | Line 47: | ||
.guides-card:hover { | .guides-card:hover { | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
box-shadow: 0 4px 10px rgba(0,0,0,0. | box-shadow: 0 4px 10px rgba(0,0,0,0.06); | ||
} | } | ||
.guides-card.wide { | .guides-card.wide { | ||
| Line 57: | Line 57: | ||
font-size: 1.3em; | font-size: 1.3em; | ||
font-weight: bold; | font-weight: bold; | ||
color: # | color: #a63a5e; | ||
margin-bottom: 0.4em; | margin-bottom: 0.4em; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #f0cbd8; | ||
padding-bottom: 0.3em; | padding-bottom: 0.3em; | ||
} | } | ||
| Line 84: | Line 84: | ||
.guides-card-body a[href*="Category:"] { | .guides-card-body a[href*="Category:"] { | ||
display: inline-block; | display: inline-block; | ||
background: # | background: #fbe7f0; | ||
border: 1px solid # | border: 1px solid #f2c6dc; | ||
padding: 0.3em 0.7em; | padding: 0.3em 0.7em; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
font-weight: 600; | font-weight: 600; | ||
color: # | color: #d94f75; | ||
border-radius: 6px; | border-radius: 6px; | ||
margin: 0.2em; | margin: 0.2em; | ||
| Line 95: | Line 95: | ||
} | } | ||
.guides-card-body a[href*="Category:"]:hover { | .guides-card-body a[href*="Category:"]:hover { | ||
background: # | background: #f9d5e8; | ||
color: # | color: #a63a5e; | ||
} | } | ||
| Line 102: | Line 102: | ||
a:link, | a:link, | ||
a:visited { | a:visited { | ||
color: # | color: #c72d65; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
a:hover { | a:hover { | ||
color: # | color: #8c1e46; | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||