MediaWiki:Common.css
Not: Yayımladıktan sonra değişiklikleri görmek için tarayıcınızın önbelleğini temizlemeniz gerekebilir.
- Firefox / Safari: Shift tuşuna basılıyken Yeniden Yükle'ye tıklayın ya da Ctrl-F5 ya da Ctrl-R tıklayın (Mac için ⌘-R).
- Google Chrome: Ctrl-Shift-R'ye basın. (Mac için ⌘-Shift-R)
- Internet Explorer / Edge: Ctrl basılıyken Yenile'ye tıklayın ya da Ctrl-F5 yapın.
- Opera: Ctrl-F5 tıklayın.
.fm-rolebox {
border: 1px solid #d0d7e2;
padding: 12px 14px;
border-radius: 8px;
background: #f5f7fb;
font-size: 14px;
margin: 10px 0;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.fm-role-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.fm-role-name {
font-weight: 700;
font-size: 16px;
}
.fm-role-task {
font-size: 12px;
font-weight: 600;
color: #ffffff;
background: #4b6cb7; /* sonra Support/Attack/Defend'e göre renklendiririz */
padding: 2px 8px;
border-radius: 999px;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.fm-role-section {
margin: 6px 0;
}
.fm-role-row {
margin-bottom: 4px;
}
.fm-role-icons {
margin-top: 8px;
font-size: 18px;
}
.fm-role-id {
font-size: 11px;
text-align: right;
color: #888;
margin-top: 4px;
}
.fm-rolecard {
border: 1px solid #c9d3e3;
border-radius: 10px;
background: white;
padding: 12px 15px;
max-width: 340px;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
font-family: Inter,Segoe UI,Roboto,Arial;
margin: 8px 0;
}
.fm-role-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.fm-role-name {
font-size: 18px;
font-weight: 700;
color: #1c2e4a;
}
.fm-role-tag {
padding: 2px 8px;
font-size: 12px;
font-weight: 700;
border-radius: 6px;
color: #fff;
background: linear-gradient(135deg,#6a9cf7,#355ebe);
}
.fm-role-section {
margin-top: 10px;
}
.fm-role-block {
margin-bottom: 6px;
}
.fm-role-title {
font-size: 13px;
font-weight: 700;
margin-bottom: 4px;
color: #233650;
}
.fm-badge-list {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.fm-badge {
display: inline-block;
padding: 2px 7px;
border-radius: 6px;
font-size: 12px;
font-weight: 600;
}
.fm-badge-critical {
background: #e6f9e6;
color: #0a8a00;
border: 1px solid #a0e29e;
}
.fm-badge-secondary {
background: #e7f2ff;
color: #0a4ea0;
border: 1px solid #9ac5f5;
}
.fm-role-icons {
margin-top: 10px;
font-size: 20px;
}
.fm-icon {
margin-right: 6px;
}