Template:ProfiloCV1/styles.css

Da WikiLectio.
/* Base: layout */
.wlcv1-wrap {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}

/* Colonne */
.wlcv1-left { flex: 1 1 32%; max-width: 32%; }
.wlcv1-right { flex: 1 1 66%; max-width: 66%; }

/* Responsive */
@media (max-width: 768px) {
  .wlcv1-wrap { flex-direction: column; }
  .wlcv1-left, .wlcv1-right { max-width: 100%; }
}

/* Foto */
.wlcv1-photo { text-align: center; margin-bottom: 8px; }
.wlcv1-avatar {
  border-radius: 10px;
  width: 100%;
  max-width: 220px;
  height: auto;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
}

/* Tipografia preset */
.wlcv1-font-sans { font-family: Helvetica, Arial, sans-serif; }
.wlcv1-font-serif { font-family: Georgia, "Times New Roman", serif; }
.wlcv1-font-mono { font-family: Consolas, "Liberation Mono", Menlo, monospace; }

/* Card e testo comuni */
.wlcv1-motto { font-style: italic; text-align: center; margin: 6px 0 12px; }
.wlcv1-bio { font-size: 0.95rem; line-height: 1.5; margin-bottom: 12px; }

.wlcv1-card {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 10px;
  background: #f9f9f9;
}
.wlcv1-cardtitle { font-weight: 600; margin-bottom: 6px; }

.wlcv1-dl dt { font-weight: 600; }
.wlcv1-dl dd { margin: 0 0 6px 0; }

.wlcv1-list { margin: 0; padding-left: 18px; }

.wlcv1-entry { border-bottom: 1px solid #ddd; padding: 10px 0; }
.wlcv1-entry:last-child { border-bottom: none; }
.wlcv1-entrytitle { margin: 0 0 6px 0; font-size: 1.2rem; }
.wlcv1-entrytext { line-height: 1.6; }
.wlcv1-extra {
  background: #fafafa;
  border: 1px dashed #ddd;
  border-radius: 8px;
  padding: 12px;
}

/* === TEMI (preset di colori senza var() né :root) === */

/* Default: chiaro blu */
.wlcv1-theme-default { color: #222; background: #fff; }
.wlcv1-theme-default .wlcv1-card { background: #f9f9f9; border-color: #ddd; }
.wlcv1-theme-default .wlcv1-entry { border-color: #e3e3e3; }
.wlcv1-theme-default .wlcv1-entrytitle,
.wlcv1-theme-default .wlcv1-cardtitle,
.wlcv1-theme-default .wlcv1-motto { color: #0044cc; }

/* Dark */
.wlcv1-theme-dark { color: #e7e7e7; background: #111; }
.wlcv1-theme-dark .wlcv1-left, 
.wlcv1-theme-dark .wlcv1-right { background: transparent; }
.wlcv1-theme-dark .wlcv1-card { background: #1b1b1b; border-color: #333; }
.wlcv1-theme-dark .wlcv1-entry { border-color: #2a2a2a; }
.wlcv1-theme-dark .wlcv1-entrytitle,
.wlcv1-theme-dark .wlcv1-cardtitle,
.wlcv1-theme-dark .wlcv1-motto { color: #66aaff; }
.wlcv1-theme-dark .wlcv1-extra { background: #161616; border-color: #333; }

/* Accademico (bordeaux) */
.wlcv1-theme-accademico { color: #222; background: #fff7f4; }
.wlcv1-theme-accademico .wlcv1-card { background: #fff; border-color: #e0cfcf; }
.wlcv1-theme-accademico .wlcv1-entry { border-color: #e8d9d9; }
.wlcv1-theme-accademico .wlcv1-entrytitle,
.wlcv1-theme-accademico .wlcv1-cardtitle,
.wlcv1-theme-accademico .wlcv1-motto { color: #7a0f1f; }

/* Oliva (verde tenue) */
.wlcv1-theme-oliva { color: #1f2a1f; background: #fbfdf8; }
.wlcv1-theme-oliva .wlcv1-card { background: #f3f7ee; border-color: #d9e4cf; }
.wlcv1-theme-oliva .wlcv1-entry { border-color: #dfe9d4; }
.wlcv1-theme-oliva .wlcv1-entrytitle,
.wlcv1-theme-oliva .wlcv1-cardtitle,
.wlcv1-theme-oliva .wlcv1-motto { color: #3a6b2e; }

/* Mare (azzurro) */
.wlcv1-theme-mare { color: #153047; background: #f5fbff; }
.wlcv1-theme-mare .wlcv1-card { background: #ffffff; border-color: #cfe3f2; }
.wlcv1-theme-mare .wlcv1-entry { border-color: #d8e9f6; }
.wlcv1-theme-mare .wlcv1-entrytitle,
.wlcv1-theme-mare .wlcv1-cardtitle,
.wlcv1-theme-mare .wlcv1-motto { color: #0b68a6; }