You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
2.6 KiB
100 lines
2.6 KiB
/* 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(--h3-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); |
|
}
|
|
|