MediaWiki:Common.css: Difference between revisions

From The Chaakat Holocron
No edit summary
Tag: Reverted
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* ===================================================
/* ==============================================================
   TIMELESS DARK SITH THEME FIX
   CHAAKAT HOLOCRON — Main Page styles
   =================================================== */
   Add this block to MediaWiki:Common.css
  Adjust hex values to match your existing red/black theme vars.
  ============================================================== */


/* --- 1. SITH RED LINKS --- */
.chaakat-activation {
a,
background: #0a0505;
a:link,
border: 1px solid #4a0e0e;
.mw-parser-output a,
border-radius: 4px;
#mw-content-text a,
padding: 28px 32px;
#mw-panel a,
margin-bottom: 24px;
#page-tools a,
box-shadow: 0 0 18px rgba(139,0,0,0.25);
.sidebar-chunk a {
  color: #e62222 !important;
  text-decoration: none !important;
}
}


a:visited,
.chaakat-access-label {
.mw-parser-output a:visited {
text-align: center;
  color: #991111 !important;
font-family: monospace;
letter-spacing: 2px;
color: #8b1a1a;
font-size: 0.85em;
margin-bottom: 14px;
}
}


a:hover,
.chaakat-activation-line {
.mw-parser-output a:hover,
text-align: center;
#page-tools a:hover {
font-size: 1.4em;
  color: #ff5500 !important;
color: #c93c3c;
font-weight: bold;
letter-spacing: 1px;
margin-bottom: 10px;
}
}


.chaakat-flavor-text {
text-align: center;
color: #aa8888;
font-style: italic;
max-width: 640px;
margin: 0 auto;
line-height: 1.5;
}


/* --- 2. FIX HEADER (TOP BAR & LOGO) --- */
.chaakat-notice {
/* Remove default top accent stripes (pink/blue) and enforce dark background */
background: #1a1010;
#mw-header-container {
border-left: 4px solid #6b1010;
  background-color: #0d0d0d !important;
padding: 14px 18px;
  background-image: none !important;
margin-bottom: 28px;
  border-top: 3px solid #8b0000 !important; /* Unified Sith Red top bar */
font-size: 0.92em;
color: #d8c8c8;
}
}


/* Fix logo area & top navigation containers */
.chaakat-profile {
#mw-header-hack,
display: flex;
#p-logo-text,
gap: 32px;
#p-logo-text a,
align-items: flex-start;
#user-tools,
margin-bottom: 32px;
#site-navigation {
flex-wrap: wrap;
  background-color: #0d0d0d !important;
  color: #ffffff !important;
}
}


/* User profile text at top right */
.chaakat-portrait-col {
#user-tools, #user-tools a {
flex: 0 0 220px;
  color: #d1d1d1 !important;
text-align: center;
}
}


.chaakat-sigil-label {
margin-top: 10px;
font-family: monospace;
color: #8b1a1a;
font-size: 0.8em;
}


/* --- 3. FIX WHITE SIDEBAR BOXES --- */
.chaakat-profile-info {
/* Forces sidebar containers (Navigation, Page Tools, Wiki Tools) to stay obsidian dark */
flex: 1;
.sidebar-chunk,
min-width: 280px;
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk,
.color-middle,
.color-left,
.color-right {
  background-color: #121212 !important;
  background-image: none !important;
  border: 1px solid #282828 !important;
  color: #cccccc !important;
}
}


/* Sidebar headers / titles */
.chaakat-quote {
.sidebar-chunk h2,
border-left: 3px solid #6b1010;
.sidebar-chunk h3 {
padding-left: 14px;
  color: #8b0000 !important;
font-style: italic;
  border-bottom: 1px solid #333333 !important;
color: #c9a0a0;
margin: 10px 0 18px;
}
}


.chaakat-infotable {
width: 100%;
border-collapse: collapse;
}


/* --- 4. PAGE TITLE UNDERLINE --- */
.chaakat-infotable td, .chaakat-infotable th {
.firstHeading,  
padding: 3px 0;
#firstHeading,
.mw-page-title-main {
  border-bottom: 2px solid #8b0000 !important;
}
}


.chaakat-label {
color: #8b1a1a;
font-weight: bold;
padding-right: 10px !important;
width: 140px;
}


/* --- 5. FIX GREY FOOTER & TEAL BAR --- */
.chaakat-navtable {
#footer-container {
width: 100%;
  background-color: #090909 !important;
border-collapse: collapse;
  background-image: none !important;
background: #120a0a;
  border-top: 3px solid #8b0000 !important; /* Replaces green bar with Sith Red */
}
}


#footer,
.chaakat-navcell {
#footer-info,
width: 50%;
#footer-places {
vertical-align: top;
  background-color: transparent !important;
padding: 16px;
  color: #777777 !important;
border: 1px solid #3a1414;
}
}


#footer a {
.chaakat-end-transmission {
  color: #cc2222 !important;
text-align: center;
margin-top: 28px;
font-family: monospace;
letter-spacing: 2px;
color: #4a0e0e;
font-size: 0.8em;
}
 
/* ==============================================================
  CHAAKAT HOLOCRON — {{OOC}} disclaimer box
  Append this to the existing block in MediaWiki:Common.css
  (replaces the earlier corner-tag version, if you added that one)
  ============================================================== */
 
.chaakat-ooc-disclaimer {
width: 100%;
background: #2a0a0a;
border: 2px solid #c0392b;
border-collapse: collapse;
margin-bottom: 20px;
box-shadow: 0 0 10px rgba(192,57,43,0.35);
}
}


#footer a:hover {
.chaakat-ooc-disclaimer td {
  color: #ff5500 !important;
padding: 14px 18px;
color: #f0d8d8;
font-size: 0.92em;
line-height: 1.5;
}
}

Latest revision as of 22:13, 22 September 2026

/* ==============================================================
   CHAAKAT HOLOCRON — Main Page styles
   Add this block to MediaWiki:Common.css
   Adjust hex values to match your existing red/black theme vars.
   ============================================================== */

.chaakat-activation {
	background: #0a0505;
	border: 1px solid #4a0e0e;
	border-radius: 4px;
	padding: 28px 32px;
	margin-bottom: 24px;
	box-shadow: 0 0 18px rgba(139,0,0,0.25);
}

.chaakat-access-label {
	text-align: center;
	font-family: monospace;
	letter-spacing: 2px;
	color: #8b1a1a;
	font-size: 0.85em;
	margin-bottom: 14px;
}

.chaakat-activation-line {
	text-align: center;
	font-size: 1.4em;
	color: #c93c3c;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.chaakat-flavor-text {
	text-align: center;
	color: #aa8888;
	font-style: italic;
	max-width: 640px;
	margin: 0 auto;
	line-height: 1.5;
}

.chaakat-notice {
	background: #1a1010;
	border-left: 4px solid #6b1010;
	padding: 14px 18px;
	margin-bottom: 28px;
	font-size: 0.92em;
	color: #d8c8c8;
}

.chaakat-profile {
	display: flex;
	gap: 32px;
	align-items: flex-start;
	margin-bottom: 32px;
	flex-wrap: wrap;
}

.chaakat-portrait-col {
	flex: 0 0 220px;
	text-align: center;
}

.chaakat-sigil-label {
	margin-top: 10px;
	font-family: monospace;
	color: #8b1a1a;
	font-size: 0.8em;
}

.chaakat-profile-info {
	flex: 1;
	min-width: 280px;
}

.chaakat-quote {
	border-left: 3px solid #6b1010;
	padding-left: 14px;
	font-style: italic;
	color: #c9a0a0;
	margin: 10px 0 18px;
}

.chaakat-infotable {
	width: 100%;
	border-collapse: collapse;
}

.chaakat-infotable td, .chaakat-infotable th {
	padding: 3px 0;
}

.chaakat-label {
	color: #8b1a1a;
	font-weight: bold;
	padding-right: 10px !important;
	width: 140px;
}

.chaakat-navtable {
	width: 100%;
	border-collapse: collapse;
	background: #120a0a;
}

.chaakat-navcell {
	width: 50%;
	vertical-align: top;
	padding: 16px;
	border: 1px solid #3a1414;
}

.chaakat-end-transmission {
	text-align: center;
	margin-top: 28px;
	font-family: monospace;
	letter-spacing: 2px;
	color: #4a0e0e;
	font-size: 0.8em;
}

/* ==============================================================
   CHAAKAT HOLOCRON — {{OOC}} disclaimer box
   Append this to the existing block in MediaWiki:Common.css
   (replaces the earlier corner-tag version, if you added that one)
   ============================================================== */

.chaakat-ooc-disclaimer {
	width: 100%;
	background: #2a0a0a;
	border: 2px solid #c0392b;
	border-collapse: collapse;
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgba(192,57,43,0.35);
}

.chaakat-ooc-disclaimer td {
	padding: 14px 18px;
	color: #f0d8d8;
	font-size: 0.92em;
	line-height: 1.5;
}