MediaWiki:Common.css

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)
• Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
• Opera: Pressione Ctrl-F5.

/* =====================================
   CLASSE - APRENDIZ - EverLight
   ===================================== */

.hr-classbox {
  width: 300px;
  float: right;
  background: #e5e5e5;
  margin: 10px;
  font-family: Arial, sans-serif;
}

.hr-header {
  background: #3a3a3a;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 6px;
  font-size: 16px;
}

.hr-image,
.hr-sprite {
  text-align: center;
  padding: 8px;
}

.hr-section-title {
  background: #3a3a3a;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 4px;
  font-size: 13px;
}

.bonus-table {
  width: 100%;
  border-collapse: collapse;
}

.bonus-table td {
  padding: 4px;
  text-align: center;
  font-weight: bold;
}

/* ===============================
   PAGINA INICIAL EverLight
   =============================== */

.hr-home-wrapper {
  display: flex;
  gap: 15px;
}

/* Conteúdo principal */
.hr-home-main {
  width: 78%;
}

/* Sidebar direita */
.hr-home-sidebar {
  width: 22%;
}

/* Cards do topo */
.hr-top-cards {
  display: flex;
  justify-content: space-between;
}

.hr-top-card {
  width: 15%;
  background: #fff;
  border: 1px solid #cfcfcf;
  text-align: center;
}

.hr-top-card img {
  width: 100%;
}

.hr-top-card-title {
  padding: 6px;
  font-weight: bold;
  color: #003399;
}

/* Blocos */
.hr-box {
  border: 1px solid #cfcfcf;
  margin-top: 15px;
  background: #fff;
}

.hr-box-title {
  text-align: center;
  font-weight: bold;
  padding: 6px;
  border-bottom: 1px solid #cfcfcf;
}

/* Guias */
.hr-guides {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.hr-guide {
  width: 20%;
  margin-bottom: 6px;
}

/* Destaques */
.hr-highlights {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.hr-highlight {
  width: 24%;
  text-align: center;
}

.hr-highlight img {
  width: 100%;
}