Template:Main Page/styles.css: Difference between revisions
EkramHossen (talk | contribs) No edit summary |
EkramHossen (talk | contribs) No edit summary |
||
| (51 intermediate revisions by the same user not shown) | |||
| Line 20: | Line 20: | ||
font-size: 1em; | font-size: 1em; | ||
color: #38bdf8; | color: #38bdf8; | ||
margin-top: 0. | margin-top: 0.3em; | ||
display: block; | display: block; | ||
} | } | ||
| Line 44: | Line 44: | ||
display: flex; | display: flex; | ||
gap: 0.3em; | gap: 0.3em; | ||
margin-bottom: 0. | margin-bottom: 0.25em; | ||
} | } | ||
| Line 149: | Line 149: | ||
font-size: 1em; | font-size: 1em; | ||
margin-bottom: 2em; | margin-bottom: 2em; | ||
} | |||
.feature-box { | |||
border: 1px solid #a2a9b1; | |||
background-color: #f5fff5; | |||
margin-bottom: 20px; | |||
padding: 10px; | |||
} | |||
.feature-box-title { | |||
background-color: #cef2e0; | |||
border: 1px solid #a2a9b1; | |||
padding: 8px 12px; | |||
font-weight: bold; | |||
font-family: sans-serif; | |||
font-size: 17px; | |||
margin-bottom: 10px; | |||
} | |||
.feature-grid { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 10px; | |||
justify-content: space-between; | |||
} | |||
.feature-item { | |||
width: 19%; | |||
background-color: #f3e8fd; | |||
border: 1px solid #ddd; | |||
padding: 10px; | |||
box-sizing: border-box; | |||
text-align: center; | |||
font-size: 13px; | |||
font-family: sans-serif; | |||
border-radius: 5px; | |||
transition: transform 0.3s ease; | |||
} | |||
.feature-item:hover { | |||
transform: scale(1.05); | |||
z-index: 10; | |||
} | |||
.feature-image { | |||
background-color: #fff; | |||
padding: 0px; | |||
margin-bottom: 8px; | |||
display: inline-block; | |||
border: 1px solid #ddd; | |||
} | |||
.feature-image img { | |||
width: 100%; | |||
height: auto; | |||
} | |||
.feature-name { | |||
font-weight: bold; | |||
margin: 4px 0; | |||
font-size: 18px; | |||
} | |||
.feature-desc { | |||
font-size: 13px; | |||
color: #444; | |||
} | } | ||