|
|
|
|
/* Font info
|
|
|
|
|
---------------------------------------- */
|
|
|
|
|
|
|
|
|
|
/* Variables
|
|
|
|
|
---------------------------------------- */
|
|
|
|
|
:root {
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
*colors
|
|
|
|
|
*/
|
|
|
|
|
--upei-red: #8c2004;
|
|
|
|
|
--upei-green: #5c8727;
|
|
|
|
|
--upei-yellow: #fbb040;
|
|
|
|
|
|
|
|
|
|
--primary: #365ab5;
|
|
|
|
|
--primary: var(--upei-red);
|
|
|
|
|
--secondary: #d05700;
|
|
|
|
|
--dark: #333;
|
|
|
|
|
--light: #eee;
|
|
|
|
|
--border: #a8a6a6;
|
|
|
|
|
|
|
|
|
|
--color-text: #444444;
|
|
|
|
|
--color-heading: #333;
|
|
|
|
|
|
|
|
|
|
--font-family-serif: 'Noto Serif', sans-serif;
|
|
|
|
|
--font-family-sans-serif: 'Noto Sans', sans-serif;
|
|
|
|
|
/*
|
|
|
|
|
*body
|
|
|
|
|
*/
|
|
|
|
|
--body-bg-color: #fff;
|
|
|
|
|
--page-container-width: 1440px;
|
|
|
|
|
--body-font: var(--font-family-sans-serif);
|
|
|
|
|
--heading-font: var(--font-family-serif);
|
|
|
|
|
/*
|
|
|
|
|
*branding
|
|
|
|
|
*/
|
|
|
|
|
/*--header-bg-color: #333;*/
|
|
|
|
|
--header-top-bg-color: var(--dark);
|
|
|
|
|
--header-top-text-color: #fff;
|
|
|
|
|
--header-bg-color: none;
|
|
|
|
|
--header-text-color: var(--color-text);
|
|
|
|
|
--header-padding: 1rem;
|
|
|
|
|
--header-bottom-border: 1px solid #ddd;
|
|
|
|
|
--logo-width: 160px;
|
|
|
|
|
--site-name-font-family: var(--font-family-serif);
|
|
|
|
|
--site-name-font-size: 2em;
|
|
|
|
|
--site-name-font-color: var(--header-text-color);
|
|
|
|
|
--site-slogan-font-family: var(--font-family-sans-serif);
|
|
|
|
|
--site-slogan-font-size: inherit;
|
|
|
|
|
--site-slogan-font-color: var(--header-text-color);
|
|
|
|
|
--branding-separator: 2px solid #333;
|
|
|
|
|
--branding-separator-padding: .5rem;
|
|
|
|
|
--header-menu-font-width: 75 /*65-100*/;
|
|
|
|
|
/*
|
|
|
|
|
*tabs
|
|
|
|
|
*/
|
|
|
|
|
--tabs-font: var(--font-family-sans-serif);
|
|
|
|
|
--page-tab-bg-color: var(--light);
|
|
|
|
|
--page-tab-text-color: #333;
|
|
|
|
|
--page-tab-text-color-active: var(--primary);
|
|
|
|
|
--page-tab-border-color: var(--border);
|
|
|
|
|
/*
|
|
|
|
|
*search button
|
|
|
|
|
*/
|
|
|
|
|
--search-button-color: var(--upei-green);
|
|
|
|
|
--search-button-text-color: #fff;
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
*headings
|
|
|
|
|
*/
|
|
|
|
|
--h1-size: 2.2rem;
|
|
|
|
|
--h2-size: 1.9rem;
|
|
|
|
|
--h3-size: 1.6rem;
|
|
|
|
|
--h4-size: 1.3rem;
|
|
|
|
|
--h5-size: 1.1rem;
|
|
|
|
|
--h6-size: 1.1rem;
|
|
|
|
|
/*
|
|
|
|
|
*block styles
|
|
|
|
|
*/
|
|
|
|
|
--sidebar-block-title-font-size: var(--h4-size);
|
|
|
|
|
--sidebar-block-title-font-family: var(--font-family-serif);
|
|
|
|
|
--sidebar-block-title-font-color: var(--color-text);
|
|
|
|
|
--sidebar-block-title-background: inherit;
|
|
|
|
|
--sidebar-block-background: var(--light);
|
|
|
|
|
--sidebar-block-font-size: inherit;
|
|
|
|
|
--sidebar-block-font-family: var(--font-family-sans-serif);
|
|
|
|
|
--sidebar-block-font-color: var(--color-text);
|
|
|
|
|
--sidebar-block-border: 1px solid var(--light);
|
|
|
|
|
--sidebar-block-link-color: var(--color-text);
|
|
|
|
|
--sidebar-block-link-color-hover: var(--primary);
|
|
|
|
|
--sidebar-ul-separator-line: 2px solid var(--primary);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
*footer
|
|
|
|
|
*/
|
|
|
|
|
--footer-bg-color: #ccc;
|
|
|
|
|
--footer-text-color: initial;
|
|
|
|
|
--footer-link-color: var(--upei-red);
|
|
|
|
|
}
|
