MediaWiki:Common.css
Ir para navegação
Ir para pesquisar
Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.
- Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
- Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
- Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
- Opera: Pressione Ctrl-F5.
/** o código CSS colocado aqui será aplicado a todos os temas */
#ca-viewsource { display: none !important; }
#ca-history { display: none !important;}
/* Efeitos */
.hover-minimizeAndRotate img{
transition: transform .25s ease;
}
.hover-minimizeAndRotate img:hover{
transform: scale(.95) rotateZ(-4deg);
}
/* Efeitos */
body {
position: relative;
}
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: url('https://media.discordapp.net/attachments/1063632353597079592/1080671160204800021/fundo_wiki_1.png') no-repeat;
filter: brightness(0.8);
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}
.mw-body {
border-right: 0 !important;
}
.mw-body, .parsoid-body, #mw-panel {
background: #fffffff0;
border-radius: 6px;
border: 5px solid transparent;
border-image: url('https://cdn.discordapp.com/attachments/1082451514053890089/1082781921311985764/afafasf_1.png') 15 stretch;
}
#p-logo a {
background-size: contain;
}
.mw-list-item a {
color: white;
}
.mw-list-item a:visited {
color: #dddddd;
}
@media screen and (min-width: 982px) {
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
margin-left: 13em;
}
}
#mw-panel {
width: 10.5em;
margin-top: 2.2rem;
border-left: none;
}
/*Ocultamentos e Remoções de estilo*/
.firstHeading {display: none;}
.vector-menu-tabs-legacy .selected { background: none!important; }
.vector-menu-tabs-legacy li { background: none!important; }
#mw-page-base { background: none!important;}
#ca-view { display: none; }
#ca-talk {display: none;}
.vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
border-color: #cc7ee0;
box-shadow: inset 0 0 0 1px #cc7ee0;
}
.vector-search-box-inner:hover .vector-search-box-input { border-color: #cc7ee0; }
.vector-search-box-input {
border: 1px solid #9f4eea;
background: white;
}
/*Ajustes visuais de elementos da wiki*/
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: none;
}
#right-navigation {
margin-top: 2em;
}
.mw-list-item.selected{
margin-top: -.2rem;
display: block;
border-radius: 6px;
border: 5px solid transparent;
border-image: url('https://cdn.discordapp.com/attachments/1082451514053890089/1082781921311985764/afafasf_1.png') 15 stretch;
}
.mw-list-item.selected a {
padding: .35rem;
background: white;
height: auto !important;
}
/* Utilitarios */
.d-none {
display: none!important;
}
.d-flex {
display: flex;
}
.align-center {
align-items: center;
}
.justify-center, .list-center, .center-tab .tabber__tabs {
justify-content: center;
}
.margin-center {
margin-left: auto !important;
margin-right: auto !important;
}
.mx-2 {
margin-right: 1rem;
margin-left: 1rem;
}
.mr-4 {
margin-right: 2rem !important;
}
.flex-center {
display: flex;
justify-content:center;
align-items: center;
}
.flex-wrap, .break-row {
flex-wrap: wrap;
}
/* Utilitarios */
/* Cartões dos NPCs */
.npcCard {
box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
background-color: rgb(250, 250, 250);
padding: 1rem .75rem;
margin-top: 1rem;
margin-bottom: 1rem;
height: 9.5rem;
width: 11.5rem;
border-top: 5px solid;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all .25s ease;
}
h2.npcCard__title{
border: none;
font-size: 1.25rem !important;
font-weight: 400;
}
.npcCard__link {
display: table;
}
.npcCard__link:hover {
text-decoration: none !important;
}
.npcCard__link:hover .npcCard {
transform: scale(.98);
}
.npcCard__portrait {
padding: .55rem .8rem;
border-radius: 50%;
margin-bottom: .5rem;
}
.npcCard__list {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.npcCard__list .npcCard {
margin-bottom: 1rem;
}
.npcCard__list a {
display: block;
margin-right: 1rem;
}
/* Cartões dos NPCs - Cores */
.npcCard.default .npcCard__portrait {
background-color: #f7eeff;
}
.npcCard.default {
border-color: #e89dff;
}
/* Cartões dos NPCs - Cores */
/* Cartões dos NPCs */
/* Componente veja mais */
.seeMore {
height: 3.2rem;
padding: .5rem .575rem;
border: 1px dashed #e89dff;
background-color: #f9f2ff;
border-radius: 12px;
margin: 1rem auto 1rem 0px;
}
.flex-center .seeMore {
margin: 0;
}
.seeMore__image {
text-align: center;
width: 2rem;
}
/* Componente veja mais */
/* Cartão*/
.card {
background: white;
box-shadow: rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
padding-bottom: .2rem;
margin-bottom: .75rem;
border-radius: 8px;
}
.card-title {
text-align: center;
background-color: #944EC7;
color: white;
padding: .25rem 1rem;
letter-spacing: .03rem;
font-size: 1.15rem;
font-weight: bold;
border-radius: 8px 8px 0 0;
}
.card-container {
padding: 1rem 2rem;
}
/* Cartão */
/*Navegação rápida*/
.linkWithIcon__link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.linkWithIcon__imageContainer {
height: 3.5rem;
}
.linkWithIcon__link img{
height: 100%;
}
.linkWithIcon__link span {
font-size: 1rem;
font-weight: bold;
margin-top: .5rem;
}
.fastNav__linksContainer {
margin-top: 1rem;
margin-bottom: 1rem;
display: flex;
gap: 2rem 0;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.fastNav__linksContainer a:not([href]) {
display: none;
}
.fastNav__linksContainer .linkWithIcon__link {
width: 19%;
}
/*Navegação rápida*/
.initialPage__container {
max-width: 1650px;
}
.initialPage__contentContainer {
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 0 .5rem;
box-sizing: border-box;
}
.initialPage__mainContent {
margin-top: 2.5rem;
padding: 0 2rem;
box-sizing: border-box;
width: 75%;
}
.initialPage__sideContent {
margin-top: 2.5rem;
width: 25%;
padding: 0 1rem;
box-sizing: border-box;
}
.initialPage__welcomeBadge {
text-align: center;
}
.initialPage__welcomeBadgeImg {
max-width: 800px;
width: 100%;
border-radius: 12px;
}
.initialPage__highlightCardContainer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 .5rem;
margin-bottom: 1.5rem;
gap: 1.5rem;
}
.initialPage__highlightCard {
flex: 1;
max-width: 19rem;
min-width: 14rem;
}
.initialPage__highlightCard .badge-img {
cursor: pointer;
}
.initialPage__highlightCard .badge-img:hover {
transform: scale(.96) rotateZ(-4deg);
}
.badge-img {
box-shadow: rgb(67 71 85 / 27%) 0px 0px 0.25em, rgb(90 125 188 / 5%) 0px 0.25em 1em;
border-radius: 12px;
width: 100%;
transition: transform .35s ease;
}
/*Social media*/
.socialMedia__title {
font-weight: bold;
font-size: 1.25rem;
display: block;
text-align: center;
margin-top: 1rem;
color: #747176;
letter-spacing: .02rem;
}
.socialMedia__linkContainer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .65rem;
margin-top: .5rem;
}
a.socialMedia__link img {
width: 15rem;
height: auto;
border-radius: 12px;
filter: grayscale(.5);
transition: all .25s ease;
}
a.socialMedia__link:hover img{
filter: grayscale(0);
transform: scale(.98);
}
/* Formulario poll daddy */
.css-box.pds-box {
width: 100%!important;
max-width: 300px;
margin: 0 auto !important;
}
@media screen and (max-width: 1360px) {
html {
font-size: 14px;
}
}
@media screen and (max-width: 1250px) {
.initialPage__mainContent {
padding: 0;
}
}