MediaWiki:Common.css: Difference between revisions

Revision as of 16:41, 9 July 2022

/***************************************/
/* Change heading font to Arbutus Slab */
/***************************************/

@import url('https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap');

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-sticky-header-context-bar-primary {
 font-family: Arbutus Slab, serif;
}

/*******************************************************/
/* Adjustments for new toolbar location and appearance */
/*******************************************************/

.mw-article-toolbar-container {
 border-bottom: 1px solid #ddd;
 margin-bottom: 3px;
 max-width: none;
}

.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container {
 margin-left: 0px !important;
}

.vector-menu-tabs {
 background: none;
 height: 32px;
}

.vector-menu-tabs li {
 background: none;
}

.vector-menu-tabs li a {
 background: none;
 padding-left: 12px;
 padding-right: 12px;
 padding-top: 8px;
 height: 32px;
}

.vector-menu-tabs .selected {
 background: none;
}

.vector-menu-tabs .selected a {
 border-bottom: 2px solid #fdcd5e;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
 background: none;
}

.mw-body {
 border-top: none;
}

.vector-menu-tabs .mw-watchlink.icon a:before {
 top: 8px;
}

.vector-menu-dropdown-noicon .vector-menu-heading {
 padding-top: 8px;
}

#mw-head .vector-menu-dropdown .vector-menu-heading {
 height: auto;
}

.vector-menu-dropdown .vector-menu-content {
 top: 32px;
}


/************************/
/* Colored bar eyecatch */
/************************/

.mw-page-container {
 border-top: 10px solid #fdcd5e;
}

.vector-sticky-header {
 border-top: 10px solid #fdcd5e;
 height: 3.5rem;
}


/****************************/
/* Portable infobox styling */
/****************************/

.portable-infobox {
 border: 2px solid #fdcd5e;
 background-color: white;
}

.portable-infobox .pi-font, .portable-infobox .pi-secondary-font {
 font-size:13px;
}

.pi-title p {
 font-size: 18px;
 font-weight: bold;
 text-align: center;
}

.pi-title {
 background-color:#fdcd5e;
 font-family: Arbutus Slab, serif !important;
}

.pi-data {
 align-items: center;
}

.pi-border-color {
 border-color: #fff !important;
}

.pi-header {
 text-align: center;
 font-size: 14px;
 background-color: #fdebbb !important;
}

/************************/
/* Custom season colors */
/************************/

// Autumn in Hieron palette is default

// Spring in Hieron 

.cat-Spring_in_Hieron .vector-sticky-header {
border-top: 10px solid #aee17c;
}
.cat-Spring_in_Hieron .mw-page-container {
 border-top: 10px solid #aee17c;
}
.cat-Spring_in_Hieron .vector-menu-tabs .selected a {
 border-bottom: 2px solid #aee17c;
}
.pi-header, .pi-title {
 background-color: #aee17c;
}
.portable-infobox {
 border-color: #aee17c;
}