Template:M2MHeaderColor: Difference between revisions
Template page
More actions
Created page with "align: center; padding:0px; margin:0px; font-weight:bold; text-align:center; font-size:12px; color: #ffffff; border-top-left-radius: 15px; line-height: 25px; text-shadow: 1px 0px 2px rgba(255, 134, 0, 1); <noinclude> Style attributes for the header div {{PAGENAME}} {{PAGENAME}} </noinclude>" |
No edit summary |
||
| Line 1: | Line 1: | ||
align: center; | display: flex; | ||
padding: | justify-content: center; | ||
margin: | align-items: center; | ||
font-weight:bold; | padding: 10px; | ||
text-align:center; | margin: 0 auto; | ||
font-size: | font-weight: bold; | ||
text-align: center; | |||
font-size: 14px; | |||
color: #ffffff; | color: #ffffff; | ||
background-color: #353940; /* Hafif bir arka plan rengi ekleyerek kontrastı artırır */ | |||
border-top-left-radius: 15px; | border-top-left-radius: 15px; | ||
line-height: | line-height: 30px; | ||
text-shadow: | text-shadow: 2px 2px 4px rgba(255, 134, 0, 0.7); | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); | |||
width: max-content; /* İçeriğin genişliğine göre boyutlanır */ | |||
transition: all 0.3s ease-in-out; | |||
&:hover { | |||
background-color: #3e454c; /* Hover durumunda arka plan rengini değiştirir */ | |||
transform: scale(1.05); /* Hover durumunda elemanı büyütür */ | |||
} | |||
Revision as of 16:17, 24 March 2024
display: flex; justify-content: center; align-items: center; padding: 10px; margin: 0 auto; font-weight: bold; text-align: center; font-size: 14px; color: #ffffff; background-color: #353940; /* Hafif bir arka plan rengi ekleyerek kontrastı artırır */ border-top-left-radius: 15px; line-height: 30px; text-shadow: 2px 2px 4px rgba(255, 134, 0, 0.7); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: max-content; /* İçeriğin genişliğine göre boyutlanır */ transition: all 0.3s ease-in-out;
&:hover {
background-color: #3e454c; /* Hover durumunda arka plan rengini değiştirir */ transform: scale(1.05); /* Hover durumunda elemanı büyütür */
}