Template:Main Page/styles.css: Difference between revisions
EkramHossen (talk | contribs) No edit summary Tag: Reverted |
EkramHossen (talk | contribs) No edit summary Tag: Reverted |
||
| Line 159: | Line 159: | ||
/* Base styles */ | |||
body { | body { | ||
font-family: sans-serif; | font-family: sans-serif; | ||
font-size: 13px; | font-size: 13px; | ||
background-color: # | margin: 0; | ||
padding: 20px; | |||
background-color: #f6f6f6; | |||
color: #000; | color: #000; | ||
} | |||
/* Main layout container */ | |||
#main-content { | |||
display: flex; | |||
gap: 20px; | |||
max-width: 1000px; | max-width: 1000px; | ||
margin: 0 auto; | |||
} | } | ||
. | /* Columns */ | ||
.column { | |||
border: 1px solid # | flex: 1; | ||
} | |||
/* Box styling */ | |||
.main-box { | |||
border: 1px solid #a2a9b1; | |||
background-color: #fff; | |||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
/* Box headers */ | |||
.box-header { | .box-header { | ||
background-color: # | background-color: #cedff2; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 6px 10px; | |||
border-bottom: 1px solid # | border-bottom: 1px solid #a2a9b1; | ||
} | } | ||
/* Box content */ | |||
.box-content { | .box-content { | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
/* Links */ | |||
a { | a { | ||
color: #0645ad; | color: #0645ad; | ||
| Line 196: | Line 211: | ||
a:hover { | a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | |||
/* List styling */ | |||
ul { | |||
padding-left: 20px; | |||
margin: 0; | |||
} | |||
li { | |||
margin-bottom: 6px; | |||
} | } | ||