WikiRio sobrevive

Estamos planejando algumas mudanças

Idéias para o site?

[email protected]

Página principal: mudanças entre as edições

De WikiRio
Ir para navegação Ir para pesquisar
Sem resumo de edição
Sem resumo de edição
Linha 1: Linha 1:
__NOTOC__
/* ======== ESTILOS EXISTENTES DO WIKIRIO ======== */
<div class="banner-principal">
body {
   <h1>Bem-vindo ao WikiRio</h1>
   font-family: Helvetica, Trebuchet MS, Arial;
   <p>Tudo sobre o Rio de Janeiro, feito por quem vive a cidade</p>
}
  [[Arquivo:RioBannerNovo.jpg|800px|center]]
a:link    { color: #00249c; }    /* unvisited links */
</div>
a:visited { color: #00249c; }  /* visited links   */
a:hover { text-decoration: underline;}
a.new, .new a { color: #e30059 !important; }
#p-logo-text a { font-family: Helvetica, Trebuchet MS, Arial; font-variant: normal; }


<!-- MENU RÁPIDO -->
.color-middle, .color-right, .color-left {
<div style="background-color:#c5ddea; padding:1em;">
  background: #66c4ec;
{| class="wikitable" style="width:100%; text-align:center;"
}
|-
#mw-content-container {
! colspan="6" style="font-size:20px; background-color:#007fd8; color:white;" | EXPLORAR O RIO
  border-bottom: 0;
|-
  background:white;
| [[Atrações_turísticas|🌆 Atrações]]
}
| [[:Categoria:Praias_do_Rio_de_Janeiro|🏖️ Praias]]
#mw-header-container {
| [[Gastronomia|🍽️ Gastronomia]]
  background: #fff;
| [[Hospedagem|🛏️ Hospedagem]]
}
| [[Trilhas_da_cidade_do_Rio_de_Janeiro|🥾 Trilhas]]
#mw-footer-container {
| [[Bairros|🏘️ Bairros]]
    color: white;
|}
    background: #00223f;
</div>
}
#mw-footer-container a {
    color: white;
}
#mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {
    font-family: Helvetica, Trebuchet MS, Arial;
    color: #00223f;
}
#personal h2 {
    color:#000;
}
#mw-content h2 {
    border-bottom: solid 0.5px #00223f;
    font-size:1.4em;
    font-weight:bold;
}
#mw-content h3 {
    border-bottom: solid .5px #00223f;
    font-size:1.2em;
    font-weight:bold;
}
#mw-content h4, #mw-content h5, #mw-content h6 {
    border-bottom: solid .5px #00223f;
    font-size:1em;
    font-weight:normal;
}
#mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {
    color: #00223f;
}
.mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after {
    border-bottom:0!important;
}
#mw-content blockquote{
    font-size:1em;
    font-weight:bold;
}
#mw-content blockquote::before {
    content: "„";
    font-size:3em;
    float:left;
    margin:0 10px 0 0;
}
.mw-indicators {
    margin: 0;
}
h1.firstHeading {
  border-bottom: 0!important;
  font-size:48px!important;
  font-weight:bold!important;
}
#site-navigation{
    color: #000;
    font-family: Helvetica, Trebuchet MS, Arial;
}
.wikirio-title {
    font-family: Helvetica, Trebuchet MS, Arial;
    font-size:110%;
}


<!-- DESTAQUES -->
/* Main page formatting */
<div class="card-section">
.main-introbox {
padding:1em;
border:2px solid #294a8d;
background: #eaebf0;
    text-align: center;
}
.main-introbox-inner {
padding:1em;
background: #f7f9fa;
}
.main-introtext {
    font-size:2em;
}


<div class="card">
.caixaazul {
[[File:PousoCajaiba02.jpg|300px|center]]
border:2px solid #3265cb;
=== [[Pouso_da_Cajaíba|🌿 Pouso da Cajaíba]] ===
margin: 0;
Um paraíso escondido sem luz elétrica, perto de [[Paraty]]. Praias desertas e tranquilidade. 
padding:2em 2em 2em 2em;
[[Paraisos_escondidos_do_Rio_de_Janeiro|Leia mais...]]
margin-top:2em;
</div>
}


<div class="card">
.infobox {
[[File:Paqueta02.jpg|300px|center]]
float: right;
=== [[Ilha_de_Paquetá|🚲 Ilha de Paquetá]] ===
clear: right;
Um oásis na [[Baía_de_Guanabara]], sem carros, com charretes e bicicletas.   
margin-bottom: 0.5em;
[[Ilha_de_Paquetá|Leia mais...]]
margin-left: 1em;
</div>
padding: 0.2em;
  border: 1px solid #a2a9b1;
background: #f8f9fa;
color: black;
font-size: 90%;
}


<div class="card">
.img-esquerda {
[[File:Maraca8.jpg|300px|center]]
padding:0 1em 0 0;
=== [[Maracanã|⚽ Maracanã]] ===
margin: 0 0 0 0;
O estádio mais icônico do Brasil. História, futebol e paixão. 
}
[[Maracanã|Leia mais...]]
.img-direita {
</div>
  padding:0 0 0 1em;
  margin: 0 0 0 0;
}


<div class="card">
/* ======== MELHORIAS DE LAYOUT PARA LIMITAR LARGURA ======== */
[[File:PistaClaudioCoutinho01.jpg|300px|center]]
#mw-page-base,
=== [[Trilhas_da_cidade_do_Rio_de_Janeiro|🥾 Trilhas do Rio]] ===
#mw-head-base,
Opções para todos os gostos: curtas, longas, urbanas ou selvagens. 
#mw-head,
[[Trilhas_da_cidade_do_Rio_de_Janeiro|Veja todas]]
#content,
</div>
#mw-panel,
#footer,
#mw-content-text,
#mw-navigation,
#mw-wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}


<div class="card">
/* Padding no conteúdo */
[[File:FlorestadaTijuca3.jpg|300px|center]]
#content,
=== [[Floresta_da_Tijuca|🌳 Floresta da Tijuca]] ===
#mw-content-text {
Trilhas, esportes, cachoeiras e piqueniques no maior parque urbano do Brasil. 
  padding-left: 20px;
[[Floresta_da_Tijuca|Descubra mais]]
  padding-right: 20px;
</div>
  box-sizing: border-box;
}


<div class="card">
/* Mantém o menu lateral unido ao conteúdo */
[[File:Ipanema1.jpg|300px|center]]
#mw-panel {
=== 🏖️ Praias do Rio ===
  float: left;
* [[Praia_de_Copacabana]] – a mais famosa 
}
* [[Praia do Abricó]] – nudismo 
* [[Praia do Aventureiro - Ilha Grande]] – selvagem 
* [[Praia da Barra]] – a maior extensão 
→ [[Praias_da_cidade_do_Rio_de_Janeiro|Veja todas]]
</div>


</div>
/* Garante que o conteúdo não estoure a largura */
 
#content {
<!-- NAVEGAÇÃO POR INTERESSE -->
  overflow: hidden;
<div style="background:#e6f0f7; padding:1.5em; margin-top:2em;">
}
== 🎯 NAVEGUE POR INTERESSE ==
* [[Baixa Gastronomia Carioca]] – Sabores populares do Rio 
* [[Cervejas_Artesanais_no_Rio_de_Janeiro|Cervejas artesanais locais]] 
* [[Veículos]] – Carros, motos, bicicletas 
* [[Consulados_no_Rio_de_Janeiro|Consulados e Embaixadas]] 
* [[Mercados]] – Feiras e mercados tradicionais 
* [[Ruas_especializadas_no_Rio_de_Janeiro|Ruas de comércio especializado]]
</div>
 
<!-- PÁGINAS EM DESTAQUE -->
<div style="padding:1.5em; background:#fff; margin-top:2em;">
== 📌 PÁGINAS EM DESTAQUE ==
[[File:Museu Historico Nacional 1.jpg|right|300px]]
 
* [[Agenda_dos_Blocos_de_Rua|Blocos de Carnaval]] 
* [[Desfile_das_Escolas_de_Samba_do_Rio_de_Janeiro_2024|Desfiles 2024]] 
* [[Praia do Secreto]] – praia escondida 
* [[Melhores restaurantes do Rio de Janeiro]] 
* [[Saco do Mamanguá]] – o fiorde tropical 
* [[Lojas_de_vinho_no_Rio_de_Janeiro|Lojas de vinho no Rio]] 
* [[Museu_de_Arte_do_Rio_-_MAR|Museu MAR – Praça Mauá]] 
* [[Parque Estadual da Chacrinha]] – parque em Copacabana
</div>
 
<!-- CHAMADAS ESPECIAIS -->
{{Chamada Principal Em Branco}}
{{Chamada Principal Bate e Volta}}
{{Chamada Principal IPVA}}
 
<!-- RODAPÉ -->
<div class="footer-note">
WikiRio é um projeto colaborativo. Ajude a manter e atualizar esse conteúdo 💙
</div>
 
<!-- LISTAGENS ADICIONAIS -->
{{Atrações Turísticas do Estado do Rio de Janeiro}} {{Municípios do Estado do Rio de Janeiro}}
 
[[Category:Página principal]]

Edição das 08h16min de 2 de maio de 2025

/* ======== ESTILOS EXISTENTES DO WIKIRIO ======== */ body {

 font-family: Helvetica, Trebuchet MS, Arial;

} a:link { color: #00249c; } /* unvisited links */ a:visited { color: #00249c; } /* visited links */ a:hover { text-decoration: underline;} a.new, .new a { color: #e30059 !important; }

  1. p-logo-text a { font-family: Helvetica, Trebuchet MS, Arial; font-variant: normal; }

.color-middle, .color-right, .color-left {

 background: #66c4ec;

}

  1. mw-content-container {
 border-bottom: 0;
 background:white;

}

  1. mw-header-container {
 background: #fff;

}

  1. mw-footer-container {
   color: white;
   background: #00223f;

}

  1. mw-footer-container a {
   color: white; 

}

  1. mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {
   font-family: Helvetica, Trebuchet MS, Arial;
   color: #00223f;

}

  1. personal h2 {
   color:#000;

}

  1. mw-content h2 {
   border-bottom: solid 0.5px #00223f;
   font-size:1.4em;
   font-weight:bold;

}

  1. mw-content h3 {
   border-bottom: solid .5px #00223f;
   font-size:1.2em;
   font-weight:bold;

}

  1. mw-content h4, #mw-content h5, #mw-content h6 {
   border-bottom: solid .5px #00223f;
   font-size:1em;
   font-weight:normal;

}

  1. mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {
   color: #00223f;

} .mw-body .mw-parser-output h1::after, .mw-body .mw-parser-output h2::after {

   border-bottom:0!important;

}

  1. mw-content blockquote{
   font-size:1em;
   font-weight:bold;

}

  1. mw-content blockquote::before {
   content: "„";
   font-size:3em;
   float:left;
   margin:0 10px 0 0;

} .mw-indicators {

    margin: 0;

} h1.firstHeading {

 border-bottom: 0!important;
 font-size:48px!important;
 font-weight:bold!important;

}

  1. site-navigation{
   color: #000; 
   font-family: Helvetica, Trebuchet MS, Arial;

} .wikirio-title {

   font-family: Helvetica, Trebuchet MS, Arial;
   font-size:110%;

}

/* Main page formatting */ .main-introbox { padding:1em; border:2px solid #294a8d; background: #eaebf0;

   text-align: center;

} .main-introbox-inner { padding:1em; background: #f7f9fa; } .main-introtext {

   font-size:2em;	

}

.caixaazul { border:2px solid #3265cb; margin: 0; padding:2em 2em 2em 2em; margin-top:2em; }

.infobox {

float: right;
clear: right;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
border: 1px solid #a2a9b1;
background: #f8f9fa;
color: black;
font-size: 90%;

}

.img-esquerda {

padding:0 1em 0 0;
margin: 0 0 0 0;

} .img-direita {

 padding:0 0 0 1em;
 margin: 0 0 0 0;

}

/* ======== MELHORIAS DE LAYOUT PARA LIMITAR LARGURA ======== */

  1. mw-page-base,
  2. mw-head-base,
  3. mw-head,
  4. content,
  5. mw-panel,
  6. footer,
  7. mw-content-text,
  8. mw-navigation,
  9. mw-wrapper {
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;

}

/* Padding no conteúdo */

  1. content,
  2. mw-content-text {
 padding-left: 20px;
 padding-right: 20px;
 box-sizing: border-box;

}

/* Mantém o menu lateral unido ao conteúdo */

  1. mw-panel {
 float: left;

}

/* Garante que o conteúdo não estoure a largura */

  1. content {
 overflow: hidden;

}