ift - User contributions [en]

MediaWiki:Common.css

2026-01-07T09:10:16Z

Mihho:

body.page-Main_Page h1.firstHeading { display:none; }
body.page-Main_Page h2.firstHeading { display:none !important; }
body.page-Main_Page h2#firstHeading.title { display:none; }
body.page-Forside h1.firstHeading { display:none; }
/* ================================================
FORSKNING Research Theme for Timeless Skin
MediaWiki:Common.css
Perfect for: Research Wikis, Scientific Documentation
================================================ */

:root {
/* FORSKNING Research Color Palette */
--slate-teal: #2A5E5B; /* Primary - Dark Slate Grey */
--shadow-grey: #212429; /* Deep dark - Shadow Grey */
--hunter-green: #2A6349; /* Secondary - Hunter Green */
--mint-cream: #F2FBF5; /* Background - Mint Cream */
--pale-sky: #CDDCE0; /* Accent - Pale Sky */

/* Extended palette for UI elements */
--slate-teal-light: #3a7e7a; /* Lighter teal for hover */
--hunter-light: #3a8360; /* Lighter green */
--border-light: #dfe9eb; /* Subtle borders */
--bg-white: #ffffff; /* Pure white for content */
--text-primary: #212429; /* Primary text - shadow grey */
--text-secondary: #4a5458; /* Secondary text */
}

/* Main page background */
body {
background-color: var(--mint-cream);
color: var(--text-primary);
}

/* Header/top navigation - research teal */
#mw-header-container {
background-color: var(--slate-teal);
border-bottom: 2px solid var(--pale-sky);
}

#mw-header-nav-hack {
background-color: var(--slate-teal);
}

/* Site logo area */
#p-logo a {
background-color: transparent;
}

/* Navigation links in header */
#mw-header-nav-hack a,
#user-tools a {
color: var(--mint-cream);
font-weight: 500;
}

#mw-header-nav-hack a:hover,
#user-tools a:hover {
color: var(--pale-sky);
}

/* Sidebar - research catalog style */
#mw-site-navigation,
#mw-related-navigation {
background-color: var(--mint-cream);
border-right: 1px solid var(--border-light);
}

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background-color: transparent;
}

#mw-site-navigation h3,
#mw-related-navigation h3 {
background-color: var(--slate-teal);
color: white;
border-bottom: 2px solid var(--pale-sky);
font-weight: 600;
text-transform: uppercase;
font-size: 0.875rem;
letter-spacing: 0.5px;
}

/* Sidebar links - use dark text for WCAG AA compliance */
#mw-site-navigation a,
#mw-related-navigation a {
color: var(--text-primary);
font-weight: 400;
}

#mw-site-navigation a:hover,
#mw-related-navigation a:hover {
color: var(--hunter-green);
background-color: rgba(42, 99, 73, 0.1);
}

/* Main content area - clean white pages */
#mw-content-container {
background-color: var(--bg-white);
border: 1px solid var(--border-light);
box-shadow: 0 2px 8px rgba(42, 94, 91, 0.08);
}

#mw-content {
background-color: var(--bg-white);
color: var(--text-primary);
}

/* Page title - research heading */
#firstHeading {
color: var(--slate-teal);
border-bottom: 3px solid var(--pale-sky);
font-weight: 600;
padding-bottom: 12px;
}

/* Content headings - hierarchical typography */
.mw-body h1 {
color: var(--slate-teal);
font-weight: 600;
}

.mw-body h2 {
color: var(--slate-teal);
font-weight: 600;
border-bottom: 2px solid var(--pale-sky);
padding-bottom: 8px;
margin-top: 32px;
}

.mw-body h3 {
color: var(--hunter-green);
font-weight: 600;
margin-top: 24px;
}

.mw-body h4 {
color: var(--text-secondary);
font-weight: 600;
}

/* Body text - optimal readability */
.mw-body,
.mw-body p {
color: var(--text-primary);
line-height: 1.7;
font-size: 1rem;
}

/* Links - research style */
.mw-body a:not(.new) {
color: var(--hunter-green);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 0.2s ease;
}

.mw-body a:not(.new):hover {
color: var(--slate-teal);
border-bottom-color: var(--pale-sky);
}

.mw-body a:not(.new):visited {
color: var(--slate-teal-light);
}

/* Red links (non-existent pages) */
.mw-body a.new {
color: #9f4444;
}

/* Tabs (page actions) */
#p-namespaces ul li,
#p-views ul li {
background-color: var(--mint-cream);
border: 1px solid var(--border-light);
}

#p-namespaces ul li.selected,
#p-views ul li.selected {
background-color: var(--bg-white);
border-bottom-color: var(--bg-white);
border-top: 2px solid var(--hunter-green);
}

#p-namespaces a,
#p-views a {
color: var(--text-secondary);
font-weight: 500;
font-size: 0.875rem;
}

#p-namespaces ul li.selected a,
#p-views ul li.selected a {
color: var(--slate-teal);
}

/* Buttons - research actions */
.mw-ui-button,
.oo-ui-buttonElement-button {
background-color: var(--hunter-green);
color: white;
border: none;
font-weight: 500;
padding: 10px 20px;
transition: background-color 0.2s ease;
}

.mw-ui-button:hover,
.oo-ui-buttonElement-button:hover {
background-color: var(--slate-teal);
}

/* Info boxes - research notes */
.infobox {
background-color: var(--mint-cream);
border: 1px solid var(--pale-sky);
border-left: 4px solid var(--hunter-green);
box-shadow: 0 1px 3px rgba(42, 94, 91, 0.1);
}

/* Table styling - research data presentation */
table.wikitable {
background-color: var(--bg-white);
border: 1px solid var(--border-light);
color: var(--text-primary);
}

table.wikitable th {
background-color: var(--hunter-green);
color: white;
border: 1px solid var(--pale-sky);
font-weight: 600;
text-transform: uppercase;
font-size: 0.875rem;
letter-spacing: 0.5px;
padding: 12px 16px;
}

table.wikitable td {
border: 1px solid var(--border-light);
padding: 10px 16px;
}

table.wikitable tr:nth-child(even) {
background-color: var(--mint-cream);
}

table.wikitable tr:hover {
background-color: rgba(42, 99, 73, 0.1);
}

/* Code blocks - technical documentation */
pre, code {
background-color: var(--mint-cream);
border: 1px solid var(--border-light);
border-left: 3px solid var(--pale-sky);
color: var(--text-primary);
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
font-size: 0.9rem;
}

pre {
padding: 16px;
overflow-x: auto;
}

code {
padding: 2px 6px;
}

/* Footer - research archive style */
#footer,
#mw-footer,
#mw-footer-container {
background-color: var(--mint-cream);
border-top: 2px solid var(--pale-sky);
color: var(--text-primary) !important;
font-size: 0.875rem;
}

/* Footer text - dark for better contrast (WCAG AA) */
#footer-info,
#footer-places,
#footer-list,
#mw-footer ul,
#mw-footer li {
color: var(--text-primary) !important;
}

/* Footer links */
#footer a,
#mw-footer a,
#footer-places a,
#footer-info a {
color: var(--text-primary) !important;
font-weight: 500;
}

#footer a:hover,
#mw-footer a:hover {
color: var(--hunter-green) !important;
}

/* Search box */
#searchInput {
border: 1px solid var(--border-light);
background-color: var(--bg-white);
color: var(--text-primary);
padding: 8px 12px;
}

#searchInput:focus {
border-color: var(--hunter-green);
box-shadow: 0 0 0 2px rgba(42, 99, 73, 0.1);
outline: none;
}

#searchInput::placeholder {
color: var(--text-secondary);
}

/* Blockquotes - citations and references */
blockquote {
border-left: 4px solid var(--pale-sky);
background-color: var(--mint-cream);
padding: 16px 20px;
margin: 20px 0;
color: var(--text-secondary);
font-style: italic;
}

/* Lists - structured documentation */
.mw-body ul,
.mw-body ol {
line-height: 1.8;
color: var(--text-primary);
}

/* Categories and metadata */
#catlinks {
background-color: var(--mint-cream);
border: 1px solid var(--border-light);
color: var(--text-secondary);
}

/* Edit forms and inputs */
textarea,
input[type="text"],
input[type="search"] {
background-color: var(--bg-white);
color: var(--text-primary);
border: 1px solid var(--border-light);
}

textarea:focus,
input[type="text"]:focus,
input[type="search"]:focus {
border-color: var(--hunter-green);
box-shadow: 0 0 0 2px rgba(42, 99, 73, 0.1);
}

/* ================================================
Additional fixes for header text visibility
================================================ */

/* Wiki name/site title in top left */
#p-logo a,
#p-logo-text a,
.mw-wiki-title,
#sitelogo-text {
color: var(--mint-cream) !important;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 1px;
}

#p-logo a:hover,
#p-logo-text a:hover {
color: var(--pale-sky) !important;
}

/* Username in top right corner */
#user-tools .mw-ui-icon + span,
#user-tools #pt-userpage a,
#personal h2,
#personal .mw-portlet-heading {
color: var(--mint-cream) !important;
font-weight: 500 !important;
}

#user-tools #pt-userpage a:hover {
color: var(--pale-sky) !important;
}

/* Dropdown menu from username */
#personal .mw-portlet-body,
#personal ul,
#user-tools .dropdown,
#personal .vector-menu-content {
background-color: var(--bg-white);
border: 1px solid var(--border-light);
box-shadow: 0 4px 12px rgba(42, 94, 91, 0.15);
}

#personal .mw-portlet-body a,
#personal ul a,
#user-tools .dropdown a {
color: var(--text-primary) !important;
background-color: var(--bg-white);
font-weight: 400;
}

#personal .mw-portlet-body a:hover,
#personal ul a:hover,
#user-tools .dropdown a:hover {
color: var(--slate-teal) !important;
background-color: var(--mint-cream);
}

/* ================================================
Icon Fixes for Dark Header Background
================================================ */

/* User icon - replace with light-colored version */
#personal h2 {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="10" cy="6" r="3" fill="%23F2FBF5"/><path d="M10 10c-3 0-7 2-7 5v2h14v-2c0-3-4-5-7-5z" fill="%23F2FBF5"/></svg>') !important;
}

/* Site tools gear icon - replace with light-colored version */
#site-tools h2 {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M10 1.5c-.85 0-1.6.55-1.85 1.35l-.35 1.1c-.25.05-.5.15-.75.25l-1-.6c-.75-.45-1.7-.3-2.3.35l-.7.7c-.65.65-.8 1.55-.35 2.3l.6 1c-.1.25-.2.5-.25.75l-1.1.35C1.05 9.4.5 10.15.5 11s.55 1.6 1.35 1.85l1.1.35c.05.25.15.5.25.75l-.6 1c-.45.75-.3 1.7.35 2.3l.7.7c.65.65 1.55.8 2.3.35l1-.6c.25.1.5.2.75.25l.35 1.1c.25.8 1 1.35 1.85 1.35s1.6-.55 1.85-1.35l.35-1.1c.25-.05.5-.15.75-.25l1 .6c.75.45 1.7.3 2.3-.35l.7-.7c.65-.65.8-1.55.35-2.3l-.6-1c.1-.25.2-.5.25-.75l1.1-.35c.8-.25 1.35-1 1.35-1.85s-.55-1.6-1.35-1.85l-1.1-.35c-.05-.25-.15-.5-.25-.75l.6-1c.45-.75.3-1.7-.35-2.3l-.7-.7c-.65-.65-1.55-.8-2.3-.35l-1 .6c-.25-.1-.5-.2-.75-.25l-.35-1.1C11.6 2.05 10.85 1.5 10 1.5zm0 5.5c1.65 0 3 1.35 3 3s-1.35 3-3 3-3-1.35-3-3 1.35-3 3-3z" fill="%23F2FBF5"/></svg>') !important;
}

/* Site navigation hamburger menu icon - replace with light-colored version */
#site-navigation h2,
#mw-site-navigation h2 {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M2 4h16v2H2zm0 5h16v2H2zm0 5h16v2H2z" fill="%23F2FBF5"/></svg>') !important;
}

/* User tools icons in header - make light colored */
#user-tools .mw-ui-icon,
#user-tools .mw-ui-icon:before,
#user-tools .mw-ui-icon:after,
#personal .mw-ui-icon {
color: var(--mint-cream) !important;
fill: var(--mint-cream) !important;
opacity: 0.9;
}

#user-tools .mw-ui-icon:hover,
#personal .mw-ui-icon:hover {
color: var(--pale-sky) !important;
fill: var(--pale-sky) !important;
opacity: 1;
}

MediaWiki:Common.css

2025-12-21T13:42:20Z

Mihho:

/* ================================================
Winter Blue Theme for Timeless Skin
MediaWiki:Common.css
================================================ */

:root {
/* Primary blues - cool winter palette */
--winter-blue: #1e3a5f; /* Deep winter blue */
--ice-blue: #4a90a4; /* Medium ice blue */
--frost-blue: #e8f4f8; /* Very light frost */
--steel-blue: #2c5f7c; /* Steel blue for headers */

/* Complementary warm accents */
--warm-coral: #d4785a; /* Warm coral for links */
--soft-orange: #e89b6f; /* Soft orange for hover */

/* Neutrals */
--winter-white: #f5f9fc;
--cool-gray: #b0c4d4;
--dark-gray: #2a3f54;
}

/* Main page background */
body {
background-color: var(--winter-white);
}

/* Header/top navigation */
#mw-header-container {
background-color: var(--winter-blue);
border-bottom: 3px solid var(--ice-blue);
}

#mw-header-nav-hack {
background-color: var(--winter-blue);
}

/* Site logo area */
#p-logo a {
background-color: transparent;
}

/* Navigation links in header */
#mw-header-nav-hack a,
#user-tools a {
color: var(--frost-blue);
}

#mw-header-nav-hack a:hover,
#user-tools a:hover {
color: var(--soft-orange);
}

/* Sidebar */
#mw-site-navigation,
#mw-related-navigation {
background-color: var(--frost-blue);
border-right: 1px solid var(--cool-gray);
}

#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk {
background-color: transparent;
}

#mw-site-navigation h3,
#mw-related-navigation h3 {
background-color: var(--ice-blue);
color: white;
border-bottom: 2px solid var(--steel-blue);
}

/* Sidebar links */
#mw-site-navigation a,
#mw-related-navigation a {
color: var(--steel-blue);
}

#mw-site-navigation a:hover,
#mw-related-navigation a:hover {
color: var(--warm-coral);
background-color: rgba(74, 144, 164, 0.1);
}

/* Main content area */
#mw-content-container {
background-color: white;
border: 1px solid var(--cool-gray);
box-shadow: 0 2px 8px rgba(30, 58, 95, 0.1);
}

#mw-content {
background-color: white;
}

/* Page title */
#firstHeading {
color: var(--winter-blue);
border-bottom: 3px solid var(--ice-blue);
}

/* Content headings */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
color: var(--steel-blue);
}

.mw-body h2 {
border-bottom: 2px solid var(--ice-blue);
}

/* Links */
.mw-body a:not(.new) {
color: var(--warm-coral);
}

.mw-body a:not(.new):hover {
color: var(--soft-orange);
}

.mw-body a:not(.new):visited {
color: #a55d47;
}

/* Red links (non-existent pages) */
.mw-body a.new {
color: #c44d4d;
}

/* Tabs (page actions) */
#p-namespaces ul li,
#p-views ul li {
background-color: var(--frost-blue);
border: 1px solid var(--cool-gray);
}

#p-namespaces ul li.selected,
#p-views ul li.selected {
background-color: white;
border-bottom-color: white;
}

#p-namespaces a,
#p-views a {
color: var(--steel-blue);
}

/* Buttons */
.mw-ui-button,
.oo-ui-buttonElement-button {
background-color: var(--ice-blue);
color: white;
border: 1px solid var(--steel-blue);
}

.mw-ui-button:hover,
.oo-ui-buttonElement-button:hover {
background-color: var(--steel-blue);
}

/* Info boxes and notice templates */
.infobox {
background-color: var(--frost-blue);
border: 1px solid var(--ice-blue);
}

/* Table styling */
table.wikitable {
background-color: white;
border: 1px solid var(--cool-gray);
}

table.wikitable th {
background-color: var(--ice-blue);
color: white;
}

table.wikitable tr:hover {
background-color: var(--frost-blue);
}

/* Code blocks */
pre, code {
background-color: var(--frost-blue);
border: 1px solid var(--cool-gray);
}

/* Footer */
#footer {
background-color: var(--frost-blue);
border-top: 3px solid var(--ice-blue);
color: var(--dark-gray);
}

#footer a {
color: var(--steel-blue);
}

#footer a:hover {
color: var(--warm-coral);
}

/* Search box */
#searchInput {
border: 1px solid var(--cool-gray);
background-color: white;
}

#searchInput:focus {
border-color: var(--ice-blue);
box-shadow: 0 0 5px rgba(74, 144, 164, 0.3);
}

/* ================================================
Additional fixes for header text visibility
================================================ */

/* Wiki name/site title in top left - make it light on dark background */
#p-logo a,
#p-logo-text a,
.mw-wiki-title,
#sitelogo-text {
color: var(--frost-blue) !important;
}

#p-logo a:hover,
#p-logo-text a:hover {
color: var(--soft-orange) !important;
}

/* Username in top right corner - make it light */
#user-tools .mw-ui-icon + span,
#user-tools #pt-userpage a,
#personal h2,
#personal .mw-portlet-heading {
color: var(--frost-blue) !important;
}

#user-tools #pt-userpage a:hover {
color: var(--soft-orange) !important;
}

/* Dropdown menu from username - dark text on light background */
#personal .mw-portlet-body,
#personal ul,
#user-tools .dropdown,
#personal .vector-menu-content {
background-color: white;
border: 1px solid var(--cool-gray);
box-shadow: 0 2px 8px rgba(30, 58, 95, 0.2);
}

#personal .mw-portlet-body a,
#personal ul a,
#user-tools .dropdown a {
color: var(--steel-blue) !important;
background-color: white;
}

#personal .mw-portlet-body a:hover,
#personal ul a:hover,
#user-tools .dropdown a:hover {
color: var(--warm-coral) !important;
background-color: var(--frost-blue);
}

MediaWiki:Common.css

2025-12-21T13:41:35Z

Mihho:

MediaWiki:Common.css

2025-12-21T13:40:13Z

Mihho:

/* CSS placed here will be applied to all skins */
body.page-Main_Page h1.firstHeading { display:none; }

/**
* Bio Medicine Theme for MediaWiki Timeless Skin
* Professional medical/biological color scheme with calming teals and greens
*/

/* ========================================
Color Palette
======================================== */
:root {
--bio-primary: #0a7d8c; /* Deep teal - main brand color */
--bio-primary-dark: #065a66; /* Darker teal for hover states */
--bio-primary-light: #e6f5f7; /* Very light teal for backgrounds */
--bio-secondary: #2d9f5f; /* Medical green - secondary accent */
--bio-secondary-dark: #1f7043; /* Darker green for emphasis */
--bio-accent: #5fb3c1; /* Light cyan - links and accents */
--bio-accent-hover: #4a9aa6; /* Darker cyan for hover */
--bio-neutral: #f8fafa; /* Off-white background */
--bio-gray-light: #e8eded; /* Light gray for borders */
--bio-gray-medium: #b0c4c6; /* Medium gray for subtle elements */
--bio-text: #2c3e40; /* Dark blue-gray for text */
--bio-text-light: #5a6c6e; /* Lighter text for secondary info */
}

/* ========================================
Main Header & Navigation
======================================== */
#mw-header-container {
background: linear-gradient(135deg, var(--bio-primary) 0%, var(--bio-primary-dark) 100%);
border-bottom: 3px solid var(--bio-secondary);
box-shadow: 0 2px 8px rgba(10, 125, 140, 0.15);
}

#mw-header-nav-hack {
background: transparent;
}

#personal {
background: rgba(255, 255, 255, 0.1);
border-radius: 4px;
padding: 0.3em 0.6em;
}

#personal h2 {
color: rgba(255, 255, 255, 0.9);
font-size: 0.9em;
}

#personal ul li a {
color: rgba(255, 255, 255, 0.95);
padding: 0.4em 0.7em;
border-radius: 3px;
transition: all 0.2s ease;
}

#personal ul li a:hover {
background: rgba(255, 255, 255, 0.15);
color: #fff;
text-decoration: none;
}

/* Site Logo & Name */
#p-logo {
background-color: rgba(255, 255, 255, 0.05);
border-radius: 6px;
padding: 0.5em;
transition: background-color 0.2s ease;
}

#p-logo:hover {
background-color: rgba(255, 255, 255, 0.1);
}

#p-logo a {
color: #fff !important;
font-weight: 600;
font-size: 1.3em;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Main Navigation Links */
#site-navigation h2 {
color: rgba(255, 255, 255, 0.85);
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 0.5px;
}

#site-navigation .sidebar-inner ul li a {
color: rgba(255, 255, 255, 0.95);
padding: 0.5em 0.8em;
border-left: 3px solid transparent;
transition: all 0.2s ease;
}

#site-navigation .sidebar-inner ul li a:hover {
background: rgba(255, 255, 255, 0.1);
border-left-color: var(--bio-secondary);
color: #fff;
text-decoration: none;
}

#site-navigation .sidebar-inner ul li.active a {
background: rgba(255, 255, 255, 0.15);
border-left-color: var(--bio-secondary);
font-weight: 600;
}

/* ========================================
Search Box
======================================== */
#simpleSearch {
background: rgba(255, 255, 255, 0.95);
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 6px;
transition: all 0.2s ease;
}

#simpleSearch:focus-within {
background: #fff;
border-color: var(--bio-secondary);
box-shadow: 0 0 0 3px rgba(45, 159, 95, 0.1);
}

#searchInput {
color: var(--bio-text);
}

#searchInput::placeholder {
color: var(--bio-text-light);
}

#searchButton {
background: var(--bio-secondary);
border-radius: 0 4px 4px 0;
transition: background 0.2s ease;
}

#searchButton:hover {
background: var(--bio-secondary-dark);
}

/* ========================================
Content Area
======================================== */
body {
background: var(--bio-neutral);
color: var(--bio-text);
}

#mw-content-container {
background: #fff;
border: 1px solid var(--bio-gray-light);
border-radius: 8px;
box-shadow: 0 2px 12px rgba(10, 125, 140, 0.08);
}

#mw-content {
background: #fff;
}

/* Page Title */
.mw-body h1.firstHeading {
color: var(--bio-primary);
border-bottom: 3px solid var(--bio-secondary);
padding-bottom: 0.4em;
font-weight: 600;
}

/* Headings */
.mw-body h2 {
color: var(--bio-primary);
border-bottom: 2px solid var(--bio-gray-light);
margin-top: 1.5em;
padding-bottom: 0.3em;
}

.mw-body h3 {
color: var(--bio-primary-dark);
border-bottom: 1px solid var(--bio-gray-light);
padding-bottom: 0.2em;
}

.mw-body h4,
.mw-body h5,
.mw-body h6 {
color: var(--bio-text);
}

/* Links */
.mw-body a:not(.new) {
color: var(--bio-accent);
transition: color 0.2s ease;
}

.mw-body a:not(.new):hover {
color: var(--bio-accent-hover);
text-decoration: underline;
}

.mw-body a:not(.new):visited {
color: var(--bio-primary);
}

.mw-body a.new {
color: #c85a54;
}

/* ========================================
Sidebar & Tools
======================================== */
#mw-site-navigation,
#mw-related-navigation {
background: #fff;
border: 1px solid var(--bio-gray-light);
border-radius: 8px;
box-shadow: 0 2px 8px rgba(10, 125, 140, 0.05);
}

.sidebar-chunk h2 {
background: linear-gradient(135deg, var(--bio-primary-light) 0%, #fff 100%);
color: var(--bio-primary);
border-bottom: 2px solid var(--bio-secondary);
font-weight: 600;
padding: 0.7em 1em;
margin: 0;
}

.sidebar-inner ul li a {
color: var(--bio-text);
padding: 0.5em 1em;
border-left: 3px solid transparent;
transition: all 0.2s ease;
}

.sidebar-inner ul li a:hover {
background: var(--bio-primary-light);
border-left-color: var(--bio-accent);
color: var(--bio-primary);
text-decoration: none;
}

/* ========================================
Tables
======================================== */
.mw-body table {
border-collapse: collapse;
border: 1px solid var(--bio-gray-light);
}

.mw-body table th {
background: linear-gradient(to bottom, var(--bio-primary) 0%, var(--bio-primary-dark) 100%);
color: #fff;
font-weight: 600;
padding: 0.7em;
border: 1px solid var(--bio-primary-dark);
}

.mw-body table td {
padding: 0.6em;
border: 1px solid var(--bio-gray-light);
}

.mw-body table tr:nth-child(even) {
background: var(--bio-primary-light);
}

.mw-body table tr:hover {
background: rgba(95, 179, 193, 0.1);
}

/* Info boxes */
.infobox {
background: #fff;
border: 2px solid var(--bio-accent);
border-radius: 6px;
box-shadow: 0 2px 8px rgba(10, 125, 140, 0.1);
}

.infobox th {
background: var(--bio-accent);
color: #fff;
}

/* ========================================
Message Boxes & Notices
======================================== */
.mw-message-box {
border-radius: 6px;
border-width: 2px;
}

.mw-message-box-notice {
background: var(--bio-primary-light);
border-color: var(--bio-accent);
}

.mw-message-box-warning {
background: #fff8e6;
border-color: #f5b042;
}

.mw-message-box-error {
background: #ffe6e6;
border-color: #c85a54;
}

.mw-message-box-success {
background: #e8f7ef;
border-color: var(--bio-secondary);
}

/* ========================================
Buttons & Form Elements
======================================== */
.mw-ui-button,
.mw-htmlform-submit {
background: var(--bio-secondary);
color: #fff;
border: none;
border-radius: 5px;
padding: 0.6em 1.2em;
font-weight: 600;
transition: all 0.2s ease;
}

.mw-ui-button:hover,
.mw-htmlform-submit:hover {
background: var(--bio-secondary-dark);
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(45, 159, 95, 0.2);
}

.mw-ui-button:active,
.mw-htmlform-submit:active {
transform: translateY(0);
}

.mw-ui-progressive {
background: var(--bio-accent);
}

.mw-ui-progressive:hover {
background: var(--bio-accent-hover);
}

/* Form inputs */
input[type="text"],
input[type="search"],
input[type="email"],
textarea {
border: 2px solid var(--bio-gray-light);
border-radius: 4px;
padding: 0.5em;
transition: border-color 0.2s ease;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
textarea:focus {
border-color: var(--bio-accent);
outline: none;
box-shadow: 0 0 0 3px rgba(95, 179, 193, 0.1);
}

/* ========================================
Categories & Footer
======================================== */
#catlinks {
background: var(--bio-primary-light);
border: 1px solid var(--bio-gray-light);
border-radius: 6px;
margin-top: 2em;
}

#catlinks a {
color: var(--bio-primary);
}

#catlinks a:hover {
color: var(--bio-accent);
}

#mw-footer {
background: linear-gradient(to bottom, #fff 0%, var(--bio-neutral) 100%);
border-top: 3px solid var(--bio-secondary);
color: var(--bio-text-light);
}

#mw-footer a {
color: var(--bio-accent);
}

#mw-footer a:hover {
color: var(--bio-accent-hover);
}

/* ========================================
Special Pages & Diff Pages
======================================== */
.diff-addedline {
background: #e8f7ef;
border-color: var(--bio-secondary);
}

.diff-deletedline {
background: #ffe6e6;
border-color: #c85a54;
}

.diff-context {
background: var(--bio-neutral);
}

/* Recent changes markers */
.mw-plusminus-pos {
color: var(--bio-secondary);
font-weight: bold;
}

.mw-plusminus-neg {
color: #c85a54;
font-weight: bold;
}

/* ========================================
Code & Pre-formatted Text
======================================== */
code {
background: var(--bio-primary-light);
border: 1px solid var(--bio-gray-light);
border-radius: 3px;
padding: 0.1em 0.3em;
color: var(--bio-primary-dark);
}

pre {
background: var(--bio-neutral);
border: 1px solid var(--bio-gray-light);
border-left: 4px solid var(--bio-accent);
border-radius: 4px;
padding: 1em;
overflow-x: auto;
}

/* ========================================
Medical/Biological Specific Elements
======================================== */
/* Add custom class for medical terminology highlights */
.medical-term {
background: linear-gradient(to right, var(--bio-primary-light), transparent);
border-left: 3px solid var(--bio-accent);
padding: 0.2em 0.5em;
font-style: italic;
}

/* Highlight important medical warnings */
.medical-warning {
background: #fff8e6;
border: 2px solid #f5b042;
border-radius: 6px;
padding: 1em;
margin: 1em 0;
}

.medical-warning::before {
content: "⚕ Medical Information: ";
font-weight: bold;
color: #d4860f;
}

/* DNA/Molecule style divider */
.bio-divider {
height: 2px;
background: linear-gradient(to right,
var(--bio-accent) 0%,
var(--bio-secondary) 50%,
var(--bio-accent) 100%);
margin: 2em 0;
border: none;
}

/* ========================================
Responsive Adjustments
======================================== */
@media (max-width: 1099px) {
#mw-header-container {
border-radius: 0;
}

#mw-content-container,
#mw-site-navigation,
#mw-related-navigation {
border-radius: 0;
border-left: none;
border-right: none;
}
}

@media (max-width: 720px) {
#mw-header-nav-hack {
background: var(--bio-primary-dark);
}

.sidebar-chunk h2 {
font-size: 0.95em;
}
}

/* ========================================
Print Styles
======================================== */
@media print {
#mw-header-container,
#mw-site-navigation,
#mw-related-navigation,
#mw-footer {
background: none !important;
border: none !important;
box-shadow: none !important;
}

.mw-body a {
color: #000 !important;
text-decoration: underline !important;
}
}

MediaWiki:Common.css

2015-06-29T12:30:16Z

Mihho: Created page with "/* CSS placed here will be applied to all skins */ body.page-Main_Page h1.firstHeading { display:none; }"

/* CSS placed here will be applied to all skins */
body.page-Main_Page h1.firstHeading { display:none; }