Template:Main Page/styles.css
EkramHossen (talk | contribs) No edit summary |
EkramHossen (talk | contribs) m Protected "Template:Main Page/styles.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) |
||
(37 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Welcome box */ | /* Welcome box */ | ||
.fp-welcome-box { | .fp-welcome-box { | ||
background-color: # | background-color: #1f2937; | ||
padding: 2em 1em; | padding: 2em 1em; | ||
border-radius: 8px; | |||
margin-bottom: 1em; | margin-bottom: 1em; | ||
text-align: center; | text-align: center; | ||
border: 1px solid # | border: 1px solid #374151; | ||
font-family: | font-family: Georgia; | ||
} | } | ||
/* Welcome title */ | /* Welcome title */ | ||
.fp-welcome-title { | .fp-welcome-title { | ||
font-size: | font-size: 2.5em; | ||
font-weight: 400; | font-weight: 400; | ||
color: # | color: #f9fafb; | ||
} | } | ||
Line 19: | Line 20: | ||
.fp-welcome-subtext { | .fp-welcome-subtext { | ||
font-size: 1em; | font-size: 1em; | ||
color: # | color: #38bdf8; | ||
margin-top: 0.5em; | margin-top: 0.5em; | ||
display: block; | display: block; | ||
Line 26: | Line 27: | ||
/* Styled link imitation */ | /* Styled link imitation */ | ||
.fp-welcome-subtext .fp-link { | .fp-welcome-subtext .fp-link { | ||
color: # | color: #60a5fa; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 33: | Line 34: | ||
} | } | ||
/* End Welcome Box */ | |||
Line 38: | Line 40: | ||
/* Container for top boxes */ | /* Container for top boxes */ | ||
Line 58: | Line 47: | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | } | ||
/* Box styling */ | /* Box styling */ | ||
Line 106: | Line 96: | ||
a:hover { | a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
/* End Four Box */ | |||
.fp-info-box { | |||
background-color: #f1f5f9; | |||
border-left: 5px solid #3b82f6; | |||
padding: 1em; | |||
border-radius: 6px; | |||
margin-bottom: 1em; | |||
font-size: 1em; | |||
} | |||
.fp-grid-box { | |||
display: flex; | |||
gap: 1em; | |||
justify-content: space-around; | |||
margin-bottom: 1em; | |||
} | |||
.fp-grid-card { | |||
flex: 1; | |||
background: #ffffff; | |||
border: 1px solid #e2e8f0; | |||
border-radius: 8px; | |||
padding: 1em; | |||
text-align: center; | |||
font-size: 1.1em; | |||
box-shadow: 0 2px 6px rgba(0,0,0,0.03); | |||
} | |||
.fp-box-purple { | |||
background-color: #f3e8fd; | |||
border-left: 5px solid #9b51e0; | |||
padding: 2em; | |||
border-radius: 8px; | |||
line-height: 1.7; | |||
font-size: 1em; | |||
margin-bottom: 2em; | |||
} | } |