Mudanças entre as edições de "Predefinição:MainPageIndex/styles.css"
Ir para navegação
Ir para pesquisar
m |
|||
| (11 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 3: | Linha 3: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 16px; | gap: 16px; | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: stretch; | |||
} | } | ||
.index-cell { | .index-cell { | ||
flex: 1 1 48%; | flex: 1 1 48%; | ||
background-color: # | background-color: #f6f6f6; | ||
border: 1px dashed # | border: 1px dashed #003366; | ||
border-radius: 8px; | border-radius: 8px; | ||
padding: 12px; | padding: 12px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); | |||
display: flex; | |||
. | flex-direction: column; | ||
justify-content: flex-start; | |||
} | } | ||
| Linha 27: | Linha 25: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 15px; | font-size: 15px; | ||
margin-bottom: 6px; | margin-bottom: 8px; | ||
gap: 6px; | |||
} | } | ||
.index-title img { | .index-title img { | ||
width: | max-width: 32px; | ||
height: | max-height: 32px; | ||
vertical-align: middle; | |||
} | } | ||
.index-links { | .index-links { | ||
font-size: | font-size: 13px; | ||
line-height: 1. | line-height: 1.5; | ||
word-wrap: break-word; | |||
overflow-wrap: break-word; | |||
} | } | ||
.index- | .index-cell a { | ||
color: #0366d6; | color: #0366d6; | ||
text-decoration: none; | text-decoration: none; | ||
margin-right: | margin-right: 4px; | ||
white-space: nowrap; | |||
} | } | ||
.index- | .index-cell a:hover { | ||
color: #024f9c; | |||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
@media screen and (max-width: | @media screen and (max-width: 1024px) { | ||
.index-cell { | .index-cell { | ||
flex: 1 1 100%; | flex: 1 1 100%; | ||
} | } | ||
} | } | ||
Edição atual tal como às 12h37min de 26 de junho de 2025
.index-grid {
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: space-between;
align-items: stretch;
}
.index-cell {
flex: 1 1 48%;
background-color: #f6f6f6;
border: 1px dashed #003366;
border-radius: 8px;
padding: 12px;
box-sizing: border-box;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.index-title {
display: flex;
align-items: center;
font-weight: bold;
font-size: 15px;
margin-bottom: 8px;
gap: 6px;
}
.index-title img {
max-width: 32px;
max-height: 32px;
vertical-align: middle;
}
.index-links {
font-size: 13px;
line-height: 1.5;
word-wrap: break-word;
overflow-wrap: break-word;
}
.index-cell a {
color: #0366d6;
text-decoration: none;
margin-right: 4px;
white-space: nowrap;
}
.index-cell a:hover {
color: #024f9c;
text-decoration: underline;
}
@media screen and (max-width: 1024px) {
.index-cell {
flex: 1 1 100%;
}
}