MyPage/kpTesting.css

From Modern Enigma Society 2020 Wiki
Revision as of 13:18, 18 August 2020 by Krista P. US2014020102 (talk | contribs) (Created page with "→‎Color choices: dark red: 421414 light red: 8c0119 grey: 686465 / rgb(104, 100, 101): #template-container { background:#421414; background-image:-webkit-gradient(line...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

/* Color choices: dark red: 421414 light red: 8c0119 grey: 686465 / rgb(104, 100, 101)

  • /
  1. template-container

{ background:#421414; background-image:-webkit-gradient(linear, 21% 19%, 100% 59%, from(#421414), to(#281b1b)); border:3px solid #a5001d; color: #fff;

}

/* ------------ Main Content Sections ----------------- */ /* Main body */

  1. template-container .main

{ background: rgba(140, 1, 25, 0.25); }

/* Container for content sections */

  1. template-container .content

{ color: #fff; background: rgba(0, 0, 0, 0.75); border:solid 1px #686465; }

/* Columns, and main content area */

  1. template-container .column,
  2. template-container .mainColumn,
  3. template-container .section

{ border:solid 3px #000; background: rgba(122, 117, 118, 0.75); color: #fff; } /* ------------ Quote box ----------------- */ /* Central header box */

  1. template-container .quote

{ background: #000; border:solid 1px #686465; box-shadow: 3px 3px 5px 1px #686465;

color: #fff; }

  1. template-container .quote a,

{ color:#686465; }

/* ------------ Wikitable formatting ----------------- */ /* Wiki Table formatting */

  1. template-container .wikitable

{ background:inherit; border:1px solid #686465; }

/* Wiki Table header */

  1. template-container .wikitable th

{ background:#421414; background: rgba(66, 20, 20, 0.85); /* 421414 */ color:#fff; border:1px solid #8c0119; }

  1. template-container .wikitable td

{ border:1px solid #686465; }

/* ------------ Title Box (for templates with header boxes) ----------------- */ /* Title box */

  1. template-container .headerSection

{ border:1px solid #8c0119; background:#421414; background:rgba(66, 20, 20, 0.85); }

/* Headers inside the title box */

  1. template-container .headerSection > h1

{ font-size:120%; font-weight:bold; }

/* ------------ Header Tabs ----------------- */ /* Tab links */

  1. template-container .tab

{ background: rgba(0, 0, 0, 0.75); border:solid 1px #8c0119; border-radius: 5px; color:#fff; }

  1. template-container .tab:hover

{ background:rgba(104, 100, 101, 0.75); }

/* ------------ Misc Formatting ----------------- */ /* Solid color padding blocks */

  1. template-container .pad

{ background: #000; border:solid 1px #686465; background-attachment: fixed; }

/* Sets bulleted items to the default color */

  1. template-container li

{ list-style-image: none; list-style-type: disc; }

/* Horizontal lines */

  1. template-container hr

{ border-color:#686465; background-color:#686465; }

/* Emphasized text */

  1. template-container strong,
  2. template-container b

{ font-size: 16px; }

/* ------------ Default text colors ----------------- */ /* ---- Applied at the end, so they only overwrite each other */

/* Header colors and fonts */

  1. template-container h1,
  2. template-container h2,
  3. template-container h3

{ color: #fff; border:none; }

  1. template-container h1,
  2. template-container h2

{ text-shadow: 2px 2px 2px #9b9b9b; }

/* link colors */

  1. template-container a

{ color: #fff; }

/* Emphasized text */

  1. template-container strong,
  2. template-container b

{ color: #fff; }

/* ------------------- Text for content ------------------ */

  1. template-container .contentText

{ color: #fff; }

/* Header colors and fonts */

  1. template-container .contentText h1,
  2. template-container .contentText h2,
  3. template-container .contentText h3

{ color: #fff; }

  1. template-container .contentText h1,
  2. template-container .contentText h2

{ text-shadow: 2px 2px 2px #9b9b9b; }

/* link colors */

  1. template-container .contentText a

{ color: #fff; }

  1. template-container .contentText strong,
  2. template-container .contentText b

{ color: #fff; }

/* ------------------- Text for section ------------------ */

  1. template-container .sectionText

{ color:#000; }

  1. template-container .sectionText h1,
  2. template-container .sectionText h2,
  3. template-container .sectionText h3

{ color: #000; }

  1. template-container .sectionText h1,
  2. template-container .sectionText h2

{ text-shadow: 2px 2px 2px #383838; }

/* link colors */

  1. template-container .sectionText a

{ color: #000; }

/* Emphasized text */

  1. template-container .sectionText strong,
  2. template-container .sectionText b,
  3. template-container .sectionText .quote

{ color: #000; }

/* ------------------- Text for quotebox and headerSection ------------------ */

  1. template-container .headerSection

{ color: #fff; }

  1. template-container .headerSection a

{ color: #7f7b7c; text-shadow: 1px 0px 0px #000; }