User:Fen/Portals/Orginizations/styles.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.org-portal-wrapper { | .org-portal-wrapper { | ||
background: #f4f4f4; | font-family: 'Georgia', serif; | ||
background: linear-gradient(to bottom, #fdfcf9, #f4f4f4); | |||
padding: 2em; | padding: 2em; | ||
margin: auto; | |||
max-width: 1200px; | |||
border: | border-top: 8px solid #333; | ||
box-shadow: 0 0 12px rgba(0,0,0,0.15); | |||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
| Line 15: | Line 17: | ||
border-radius: 6px; | border-radius: 6px; | ||
margin-bottom: 2em; | margin-bottom: 2em; | ||
box-shadow: 0 2px 10px rgba(0,0,0,0.4); | box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4); | ||
border-left: 8px solid #ba0000; | |||
border-right: 8px solid #ba0000; | |||
} | } | ||
.org-title { | .org-title { | ||
font-size: 2.4em; | font-size: 2.4em; | ||
font-weight: | font-weight: 900; | ||
letter-spacing: 0 | text-transform: uppercase; | ||
letter-spacing: 1px; | |||
margin: 0; | |||
} | } | ||
.org-subtitle { | .org-subtitle { | ||
font-size: 1.1em; | font-size: 1.1em; | ||
font-style: italic; | |||
color: #ddd; | |||
margin-top: 0.5em; | margin-top: 0.5em; | ||
} | } | ||
| Line 37: | Line 44: | ||
.org-card { | .org-card { | ||
background: # | background-color: #ffffff; | ||
border: | border: 2px solid #ddd; | ||
border-left: 8px solid #222; | |||
padding: 1em; | padding: 1em; | ||
flex: 1 1 300px; | |||
max-width: 500px; | |||
box-shadow: 0 | box-shadow: 0 4px 12px rgba(0,0,0,0.05); | ||
transition: transform 0.2s ease, box-shadow 0.2s ease; | |||
} | |||
.org-card:hover { | |||
transform: translateY(-4px); | |||
box-shadow: 0 8px 24px rgba(0,0,0,0.1); | |||
} | } | ||
| Line 51: | Line 65: | ||
.org-card-title { | .org-card-title { | ||
font-size: 1.2em; | font-size: 1.2em; | ||
color: #111; | |||
border-bottom: 2px solid #444; | |||
margin-bottom: 0.5em; | |||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.org-card-body { | .org-card-body { | ||
font-size: 0.96em; | font-size: 0.96em; | ||
color: #333; | |||
line-height: 1.6; | line-height: 1.6; | ||
} | } | ||
| Line 67: | Line 81: | ||
padding-left: 1.2em; | padding-left: 1.2em; | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
} | |||
.org-card-body li { | |||
margin-bottom: 0.5em; | |||
} | } | ||
| Line 77: | Line 94: | ||
color: #3366cc; | color: #3366cc; | ||
text-decoration: none; | text-decoration: none; | ||
transition: color 0.2s ease, text-decoration 0.2s ease; | |||
} | } | ||
a:hover { | |||
a:hover, | |||
a:focus { | |||
color: #224499; | |||
text-decoration: underline; | text-decoration: underline; | ||
color: # | } | ||
.org-card-body a { | |||
font-weight: bold; | |||
} | |||
.org-card-body a[href*="Category:"] { | |||
display: inline-block; | |||
background-color: #eef0f2; | |||
border: 1px solid #bbb; | |||
padding: 0.3em 0.6em; | |||
margin: 0.2em; | |||
font-weight: bold; | |||
text-decoration: none; | |||
color: #222; | |||
border-radius: 4px; | |||
transition: background-color 0.2s ease; | |||
} | |||
.org-card-body a[href*="Category:"]:hover { | |||
background-color: #d0d5d9; | |||
color: #000; | |||
} | } | ||