MediaWiki:Common.css: Difference between revisions

From The Chaakat Holocron
No edit summary
No edit summary
Tag: Reverted
Line 1: Line 1:
/* ==============================================================
/* ==============================================================
   CHAAKAT HOLOCRON — Main Page styles
   CHAAKAT HOLOCRON — Main Page styles (table-based version)
   Add this block to MediaWiki:Common.css
   Replace the previous block in MediaWiki:Common.css with this one —
   Adjust hex values to match your existing red/black theme vars.
  the Main Page now uses wikitext tables instead of <div> tags,
   so these selectors target table/td elements instead.
   ============================================================== */
   ============================================================== */


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


Line 20: Line 25:
color: #8b1a1a;
color: #8b1a1a;
font-size: 0.85em;
font-size: 0.85em;
margin-bottom: 14px;
padding-top: 22px !important;
}
}


Line 29: Line 34:
font-weight: bold;
font-weight: bold;
letter-spacing: 1px;
letter-spacing: 1px;
margin-bottom: 10px;
}
}


Line 36: Line 40:
color: #aa8888;
color: #aa8888;
font-style: italic;
font-style: italic;
max-width: 640px;
padding-bottom: 22px !important;
margin: 0 auto;
line-height: 1.5;
}
}


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


.chaakat-profile {
.chaakat-profile {
display: flex;
width: 100%;
gap: 32px;
border-collapse: collapse;
align-items: flex-start;
margin-bottom: 32px;
flex-wrap: wrap;
}
}


.chaakat-portrait-col {
.chaakat-portrait-col {
flex: 0 0 220px;
width: 220px;
text-align: center;
text-align: center;
vertical-align: top;
padding: 10px 20px 10px 0 !important;
}
}


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


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


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


Line 88: Line 96:
}
}


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


.chaakat-end-transmission {
.chaakat-end-transmission {
width: 100%;
border-collapse: collapse;
margin-top: 8px;
}
.chaakat-end-transmission td {
text-align: center;
text-align: center;
margin-top: 28px;
padding: 10px 0;
font-family: monospace;
font-family: monospace;
letter-spacing: 2px;
letter-spacing: 2px;

Revision as of 16:33, 1 August 2026

/* ==============================================================
   CHAAKAT HOLOCRON — Main Page styles (table-based version)
   Replace the previous block in MediaWiki:Common.css with this one —
   the Main Page now uses wikitext tables instead of <div> tags,
   so these selectors target table/td elements instead.
   ============================================================== */

.chaakat-activation {
	width: 100%;
	background: #0a0505;
	border: 1px solid #4a0e0e;
	border-radius: 4px;
	box-shadow: 0 0 18px rgba(139,0,0,0.25);
	border-collapse: collapse;
}

.chaakat-activation td {
	padding: 6px 32px;
}

.chaakat-access-label {
	text-align: center;
	font-family: monospace;
	letter-spacing: 2px;
	color: #8b1a1a;
	font-size: 0.85em;
	padding-top: 22px !important;
}

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

.chaakat-flavor-text {
	text-align: center;
	color: #aa8888;
	font-style: italic;
	padding-bottom: 22px !important;
}

.chaakat-ooc-notice {
	width: 100%;
	background: #1a1010;
	border-left: 4px solid #6b1010;
	margin-bottom: 4px;
	font-size: 0.92em;
	color: #d8c8c8;
	border-collapse: collapse;
}

.chaakat-ooc-notice td {
	padding: 14px 18px;
}

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

.chaakat-portrait-col {
	width: 220px;
	text-align: center;
	vertical-align: top;
	padding: 10px 20px 10px 0 !important;
}

.chaakat-portrait-col a, .chaakat-portrait-col i {
	color: #8b1a1a;
	font-family: monospace;
	font-size: 0.8em;
}

.chaakat-profile-info {
	vertical-align: top;
}

.chaakat-quote {
	border-collapse: collapse;
	margin: 10px 0 18px;
}

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

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

.chaakat-infotable td {
	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 {
	width: 100%;
	border-collapse: collapse;
	margin-top: 8px;
}

.chaakat-end-transmission td {
	text-align: center;
	padding: 10px 0;
	font-family: monospace;
	letter-spacing: 2px;
	color: #4a0e0e;
	font-size: 0.8em;
}