Mudanças entre as edições de "Widget:MainPageChangelog"
Ir para navegação
Ir para pesquisar
m |
m |
||
| Linha 13: | Linha 13: | ||
} | } | ||
.notice-content{ flex:1; } | .notice-content{ flex:1; } | ||
.notice-title{ | .notice-title, | ||
.notice-title a{ | |||
display:block; font-size:1.3em; font-weight:bold; color:#333; text-decoration:none; margin:0; | display:block; font-size:1.3em; font-weight:bold; color:#333; text-decoration:none; margin:0; | ||
} | } | ||
.notice-title:hover{ text-decoration: underline; } | .notice-title a:hover{ text-decoration:underline; } | ||
.notice-date{ font-size:.9em; color:#888; margin:-5px 0; } | .notice-date{ font-size:.9em; color:#888; margin:-5px 0; } | ||
.notice-desc{ color:#555; line-height:1.3; margin:0; } | .notice-desc{ color:#555; line-height:1.3; margin:0; } | ||
| Linha 22: | Linha 23: | ||
@media (prefers-color-scheme: dark){ | @media (prefers-color-scheme: dark){ | ||
.notice-item{ background:#1b1b1b; border-color:#333 } | .notice-item{ background:#1b1b1b; border-color:#333 } | ||
.notice-title{ color:#e6e6e6 } .notice-date{ color:#aaa } .notice-desc{ color:#ccc } | .notice-title, .notice-title a{ color:#e6e6e6 } | ||
.notice-date{ color:#aaa } .notice-desc{ color:#ccc } | |||
} | } | ||
</style> | </style> | ||
Edição das 19h40min de 2 de setembro de 2025
<style>
.widget-changelog{
max-height: 280px;
overflow-y: auto;
padding-right: 5px;
box-sizing: border-box;
}
.notice-item{
display:flex; align-items:flex-start;
background:#fff; border:1px solid #ddd; border-radius:6px;
margin-bottom:10px; padding:8px 10px; box-sizing:border-box;
border-left:5px solid var(--notice-color,#f5b700);
}
.notice-content{ flex:1; }
.notice-title,
.notice-title a{
display:block; font-size:1.3em; font-weight:bold; color:#333; text-decoration:none; margin:0;
}
.notice-title a:hover{ text-decoration:underline; }
.notice-date{ font-size:.9em; color:#888; margin:-5px 0; }
.notice-desc{ color:#555; line-height:1.3; margin:0; }
.notice-icon{ object-fit:contain; flex-shrink:0; }
@media (prefers-color-scheme: dark){
.notice-item{ background:#1b1b1b; border-color:#333 }
.notice-title, .notice-title a{ color:#e6e6e6 }
.notice-date{ color:#aaa } .notice-desc{ color:#ccc }
}
</style>