User:Fen/Portals/Orginizations/styles.css: Difference between revisions
Created page with ".org-portal-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1.5em; padding: 2em; background: #1b1e23; font-family: "Segoe UI", Roboto, sans-serif; color: #e2e2e2; } .org-header { grid-column: 1 / -1; text-align: center; background: linear-gradient(to right, #2b2e34, #1f2125); padding: 2em; border: 2px solid #444; border-radius: 8px; box-shadow: 0 0 15px rgba(0,0,0,0.4); } .org-title { font-size..." |
No edit summary |
||
| Line 1: | Line 1: | ||
.org-portal- | .org-portal-wrapper { | ||
background: #f4f4f4; | |||
padding: 2em; | padding: 2em; | ||
font-family: "Segoe UI", sans-serif; | |||
font-family: "Segoe UI" | color: #222; | ||
color: # | border: 1px solid #ccc; | ||
border-radius: 8px; | |||
} | } | ||
.org-header { | .org-header { | ||
background: linear-gradient(to right, #333, #111); | |||
color: #fff; | |||
text-align: center; | text-align: center; | ||
padding: 1.5em; | |||
padding: | border-radius: 6px; | ||
border: | margin-bottom: 2em; | ||
box-shadow: 0 2px 10px rgba(0,0,0,0.4); | |||
box-shadow: 0 | |||
} | } | ||
.org-title { | .org-title { | ||
font-size: 2. | font-size: 2.4em; | ||
font-weight: bold; | font-weight: bold; | ||
letter-spacing: 0.05em; | |||
} | } | ||
.org-subtitle { | .org-subtitle { | ||
font-size: 1. | font-size: 1.1em; | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
color: #ccc; | |||
} | |||
.org-grid { | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); | |||
gap: 1.5em; | |||
} | } | ||
.org- | .org-card { | ||
background: # | background: #fff; | ||
border | border: 1px solid #ccc; | ||
padding: 1em; | padding: 1em; | ||
border-radius: | border-left: 5px solid #444; | ||
box-shadow: 0 | border-radius: 5px; | ||
box-shadow: 0 1px 5px rgba(0,0,0,0.1); | |||
} | } | ||
.org- | .org-card.wide { | ||
grid-column: 1 / -1; | grid-column: 1 / -1; | ||
} | } | ||
.org- | .org-card-title { | ||
font-size: 1. | font-size: 1.2em; | ||
font-weight: bold; | font-weight: bold; | ||
border-bottom: 2px solid # | border-bottom: 2px solid #ccc; | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
padding-bottom: 0.2em; | padding-bottom: 0.2em; | ||
color: # | color: #222; | ||
} | } | ||
.org- | .org-card-body { | ||
font-size: 0.96em; | font-size: 0.96em; | ||
line-height: 1.6; | line-height: 1.6; | ||
} | } | ||
.org- | .org-card-body ul { | ||
list-style-type: square; | list-style-type: square; | ||
padding-left: 1.2em; | padding-left: 1.2em; | ||
margin: 0.5em 0; | |||
} | } | ||
| Line 69: | Line 75: | ||
a:link, | a:link, | ||
a:visited { | a:visited { | ||
color: # | color: #3366cc; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
a:hover { | a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
color: #224499; | |||
} | } | ||