Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:QuickSummary/styles.css: Difference between revisions

Template page
Created page with "General section wrapper: .luna-section { margin: 30px 0; padding: 18px 20px; border-left: 3px solid; border-radius: 4px; background: rgba(20,20,20,0.65); line-height: 1.55; color: #e6e6e6; } Headings with alternating accents: .luna-heading-gold { font-size: 26px; color: #ffcc00; margin-bottom: 6px; font-weight: bold; text-shadow: 0 0 6px #000; } .luna-heading-crimson { font-size: 26px; color: #aa3333; margin-bottom: 6px; font-we..."
 
No edit summary
Line 1: Line 1:
/* General section wrapper */
/* === SECTION HEADINGS === */
.luna-heading {
  font-family:'AngerStyles', serif;
  font-size:32px;
  line-height:1.2;
  text-align:left;
  margin:40px 0 8px;
  position:relative;
  text-shadow:0 0 10px #000;
}
.luna-heading.gold { color:#ffd666; }
.luna-heading.crimson { color:#cc4444; }
 
/* Glowing underline (matches title underline) */
.luna-heading::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,rgba(0,0,0,0) 0%, currentColor 20%, #fff3aa 50%, currentColor 80%, rgba(0,0,0,0) 100%);
  box-shadow:0 0 8px currentColor;
}
 
/* === SECTION BODY === */
.luna-section {
.luna-section {
   margin: 30px 0;
   margin:16px 0 32px;
   padding: 18px 20px;
   padding:18px 24px;
   border-left: 3px solid;
   border-left:3px solid currentColor;
   border-radius: 4px;
   border-radius:6px;
   background: rgba(20,20,20,0.65);
   background:rgba(20,20,20,0.7);
   line-height: 1.55;
  font-family:'Georgia', serif;
   color: #e6e6e6;
  font-size:15px;
   line-height:1.55;
   color:#f0f0f0;
  box-shadow:0 0 12px #000 inset;
}
}


/* Headings with alternating accents */
/* Alternate background accents */
.luna-heading-gold {
.luna-section.gold { border-color:#ffd666; }
  font-size: 26px;
.luna-section.crimson { border-color:#cc4444; background:rgba(35,20,20,0.65); }
  color: #ffcc00;
 
  margin-bottom: 6px;
/* === LISTS === */
  font-weight: bold;
.luna-section ul {
   text-shadow: 0 0 6px #000;
   margin:8px 0 8px 20px;
}
}
.luna-heading-crimson {
.luna-section li {
  font-size: 26px;
   margin:4px 0;
  color: #aa3333;
   padding-left:4px;
   margin-bottom: 6px;
   font-weight: bold;
  text-shadow: 0 0 6px #000;
}
}


/* Underlines */
/* === SMALL DIAMOND BULLET FOR STYLE === */
.luna-hr-gold {
.luna-section li::marker {
  height: 3px;
   content:"◆ ";
  background: #ffcc00;
   color:currentColor;
  border: none;
  margin: 0 0 12px 0;
}
.luna-hr-crimson {
   height: 3px;
  background: #aa3333;
  border: none;
   margin: 0 0 12px 0;
}
}

Revision as of 20:41, 23 September 2025

/* === SECTION HEADINGS === */
.luna-heading {
  font-family:'AngerStyles', serif;
  font-size:32px;
  line-height:1.2;
  text-align:left;
  margin:40px 0 8px;
  position:relative;
  text-shadow:0 0 10px #000;
}
.luna-heading.gold { color:#ffd666; }
.luna-heading.crimson { color:#cc4444; }

/* Glowing underline (matches title underline) */
.luna-heading::after {
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,rgba(0,0,0,0) 0%, currentColor 20%, #fff3aa 50%, currentColor 80%, rgba(0,0,0,0) 100%);
  box-shadow:0 0 8px currentColor;
}

/* === SECTION BODY === */
.luna-section {
  margin:16px 0 32px;
  padding:18px 24px;
  border-left:3px solid currentColor;
  border-radius:6px;
  background:rgba(20,20,20,0.7);
  font-family:'Georgia', serif;
  font-size:15px;
  line-height:1.55;
  color:#f0f0f0;
  box-shadow:0 0 12px #000 inset;
}

/* Alternate background accents */
.luna-section.gold { border-color:#ffd666; }
.luna-section.crimson { border-color:#cc4444; background:rgba(35,20,20,0.65); }

/* === LISTS === */
.luna-section ul {
  margin:8px 0 8px 20px;
}
.luna-section li {
  margin:4px 0;
  padding-left:4px;
}

/* === SMALL DIAMOND BULLET FOR STYLE === */
.luna-section li::marker {
  content:"◆ ";
  color:currentColor;
}