O posicionamento padrão do logotipo wiki está acima dos menus de navegação à esquerda no canto superior esquerdo da tela. A área atribuída ao logotipo é 160x160px.
Predefinição do logotipo CSS[ | ]
@import url('http://hydra-media.cursecdn.com/hydra/default.css'); #p-logo a { background:none !important; } #p-logo img { display:inline; }
Sombra[ | ]
Às vezes, o logotipo de um wiki pode ser difícil de ser visto em determinado plano de fundo. Uma maneira de destacá-la é adicionar uma sombra:
#p-logo img,
#p-logo a img {
background: rgba(0,0,0,0);
-webkit-filter: drop-shadow(0px 0px 10px #999999);
filter: drop-shadow(0px 0px 3.5px #999999) drop-shadow(1px 1px 1px #999999);
}
A sombra é um cinza médio-escuro neste exemplo, mas qualquer cor poderia ser usada.
Centragem[ | ]
Às vezes, o logotipo se presta melhor para ser colocado acima da área de conteúdo principal e centrado.
#p-logo,
#p-logo a {
height: <height of the logo image>;
width: <width of the logo image>;
}
#p-logo {
left: 50vw;
margin-left: -<half the width of the logo image>;
}
Isso geralmente também requer que a área de conteúdo div#content seja movida para baixo para acomodar o logotipo.