MediaWiki:Common.css: mudanças entre as edições
De Universo Chronoflare
Criou página com '→* o código CSS colocado aqui será aplicado a todos os temas: →Estilo para a Página de Obras: .obra-exibicao { width: 100%; border: 1px solid #ccc; background-color: #f8f9fa; margin-bottom: 20px; display: table; } .obra-exibicao .obra-imagem { width: 210px; padding: 10px; vertical-align: top; text-align: center; } .obra-exibicao .obra-info { padding: 15px; vertical-align: top; border-left: 1px solid #e0e0e0; }...' |
Sem resumo de edição |
||
Linha 56: | Linha 56: | ||
.obra-exibicao .obra-loja a:hover { | .obra-exibicao .obra-loja a:hover { | ||
background-color: #2a52a3; /* Azul mais escuro */ | background-color: #2a52a3; /* Azul mais escuro */ | ||
} | |||
/* Estilo para Páginas de Contos */ | |||
.pagina-conto { | |||
max-width: 900px; /* Limita a largura para melhor legibilidade */ | |||
margin: 1em auto; /* Centraliza o conteúdo na página */ | |||
} | |||
.conto-titulo { | |||
font-family: sans-serif; | |||
font-size: 250%; | |||
font-weight: bold; | |||
border-bottom: 2px solid #333; | |||
padding-bottom: 10px; | |||
margin-bottom: 5px; | |||
text-align: center; | |||
} | |||
.conto-autor { | |||
font-size: 110%; | |||
font-style: italic; | |||
color: #555; | |||
text-align: center; | |||
margin-bottom: 25px; | |||
} | |||
.conto-infobox { | |||
width: 250px; | |||
float: right; | |||
margin: 0 0 15px 15px; | |||
border: 1px solid #ccc; | |||
background-color: #f8f9fa; | |||
font-size: 90%; | |||
} | |||
.conto-texto { | |||
font-family: Georgia, Palatino, 'Times New Roman', serif; /* Fonte clássica para leitura */ | |||
font-size: 1.1em; | |||
line-height: 1.6; | |||
text-align: justify; | |||
} | |||
.conto-nav { | |||
margin-top: 30px; | |||
border-top: 2px solid #333; | |||
padding-top: 10px; | |||
font-size: 95%; | |||
} | } |
Edição atual tal como às 08h21min de 18 de setembro de 2025
/** o código CSS colocado aqui será aplicado a todos os temas */ /* Estilo para a Página de Obras */ .obra-exibicao { width: 100%; border: 1px solid #ccc; background-color: #f8f9fa; margin-bottom: 20px; display: table; } .obra-exibicao .obra-imagem { width: 210px; padding: 10px; vertical-align: top; text-align: center; } .obra-exibicao .obra-info { padding: 15px; vertical-align: top; border-left: 1px solid #e0e0e0; } .obra-exibicao .obra-titulo { font-size: 150%; font-family: sans-serif; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 10px; } .obra-exibicao .obra-sinopse { font-size: 95%; text-align: justify; margin-bottom: 15px; } .obra-exibicao .obra-meta { font-size: 90%; color: #555; margin-bottom: 15px; } .obra-exibicao .obra-loja a { display: inline-block; padding: 10px 20px; background-color: #3366cc; /* Azul */ color: white !important; text-decoration: none; border-radius: 5px; font-weight: bold; text-align: center; } .obra-exibicao .obra-loja a:hover { background-color: #2a52a3; /* Azul mais escuro */ } /* Estilo para Páginas de Contos */ .pagina-conto { max-width: 900px; /* Limita a largura para melhor legibilidade */ margin: 1em auto; /* Centraliza o conteúdo na página */ } .conto-titulo { font-family: sans-serif; font-size: 250%; font-weight: bold; border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 5px; text-align: center; } .conto-autor { font-size: 110%; font-style: italic; color: #555; text-align: center; margin-bottom: 25px; } .conto-infobox { width: 250px; float: right; margin: 0 0 15px 15px; border: 1px solid #ccc; background-color: #f8f9fa; font-size: 90%; } .conto-texto { font-family: Georgia, Palatino, 'Times New Roman', serif; /* Fonte clássica para leitura */ font-size: 1.1em; line-height: 1.6; text-align: justify; } .conto-nav { margin-top: 30px; border-top: 2px solid #333; padding-top: 10px; font-size: 95%; }