326 lines
7.9 KiB
CSS
326 lines
7.9 KiB
CSS
/* @theme orwell */
|
|
|
|
/*
|
|
============================================
|
|
Created by Paulo Cunha
|
|
version: 1.0
|
|
last update: 28.mar.2024
|
|
============================================
|
|
*/
|
|
|
|
/* Importing COLOR SCHEMA */
|
|
|
|
@import "default";
|
|
@import "schema";
|
|
@import "structure";
|
|
|
|
/*-----------------------------------------------*/
|
|
/* Importing Font */
|
|
/* Font Credit: htts://https://www.cdnfonts.com/ */
|
|
/*-----------------------------------------------*/
|
|
/* @import url('https://fonts.cdnfonts.com/css/libre-bodoni-2'); */
|
|
@import url('https://fonts.cdnfonts.com/css/faustina-2');
|
|
/* @import url('https://fonts.cdnfonts.com/css/joan-2'); */
|
|
@import url('https://fonts.cdnfonts.com/css/fira-sans-condensed?styles=19730');
|
|
@import url('https://fonts.cdnfonts.com/css/noto-serif-thai');
|
|
|
|
/* -------------------- ROOT -------------------------------*/
|
|
|
|
:root {
|
|
|
|
/* Default items */
|
|
/* --default-font-family: 'Bookerly', 'Noto Serif Thai', 'Joan', 'Faustina', 'Libre Bodoni', sans-serif; */
|
|
--default-font-family: 'Bookerly', 'Noto Serif Thai', sans-serif;
|
|
--default-font-weight: initial;
|
|
--default-font-size: 22pt !important;
|
|
--default-font-color: #303155;
|
|
--default-letter-spacing: -0.4px;
|
|
--default-background-color: #fdf8ed ;
|
|
|
|
/* Paragraph */
|
|
--p-color: rgba(4, 20, 41, 0.814);
|
|
--p-font-size: 112%;
|
|
--p-font-weight: 500;
|
|
--p-line-height: 112%;
|
|
|
|
/* Title Page */
|
|
--titlepage-title-font-family: inherit;
|
|
--titlepage-subtitle-font-family: 'Fira Sans Condensed';
|
|
--titlepage-title-font-size: 32pt;
|
|
--titlepage-title-padding-bottom: 6pt;
|
|
|
|
/* Strong */
|
|
--strong-padding-left: 2px;
|
|
--strong-padding-right: 2px;
|
|
--strong-font-weight: 600;
|
|
|
|
/* Bold */
|
|
--bold-color: rgb(255, 8x, 0);
|
|
--bold-color: #e70000;
|
|
|
|
/* Italic */
|
|
--italic-color: #ffffff;
|
|
--italic-background-color: #ee0909;
|
|
|
|
/* Cool-List */
|
|
--cool-list-color: rgb(233, 26, 11);
|
|
|
|
/* H1 */
|
|
--h1-color: #32446b;
|
|
--h1-font-family: 'Fira Sans condensed';
|
|
--h1-font-size: 36pt;
|
|
--h1-font-weight: 900;
|
|
--h1-padding-bottom: 2mm;
|
|
--h1-margin-bottom: 10mm;
|
|
--h1-border-bottom: 1px solid orangered;
|
|
|
|
/* Code */
|
|
--code-background-color: rgba(206, 252, 0, 0.877);
|
|
--code-font-family: inherit;
|
|
--code-font-color: rgb(10, 10, 10);
|
|
--code-font-size: inherit;
|
|
--code-font-weight: 600;
|
|
--code-padding-left: 16px;
|
|
--code-padding-right: 16px;
|
|
--code-border-radius: 13pt;
|
|
|
|
/* List Item <li> */
|
|
--li-font-size: 22pt;
|
|
--li-hover-font-color: rgb(255, 255, 255);
|
|
--li-hover-background-color: rgba(10, 10, 10, 0.089);
|
|
|
|
|
|
/* Transition */
|
|
--transition-em-background-color: #264b97c5;
|
|
--transition-background-color: #7389c4;
|
|
|
|
/* Transition2 */
|
|
--transition2-em-background-color: #d63d00e3;
|
|
--transition2-background-color: #ee7614;
|
|
/* --transition2-em-background-color: #a3343494;
|
|
--transition2-background-color: #df8379; */
|
|
|
|
}
|
|
|
|
:root {
|
|
|
|
font-family: var(--default-font-family);
|
|
font-weight: var(--default-font-weight);
|
|
font-size: var(--default-font-size);
|
|
background-color: var(--default-background-color);
|
|
color: var(--default-font-color);
|
|
font-kerning: auto !important;
|
|
letter-spacing: var(--default-letter-spacing);
|
|
|
|
}
|
|
|
|
/* ----------------------- TITLE PAGE -------------------------------*/
|
|
|
|
section.titlepage .title {
|
|
font-family: var(--titlepage-title-font-family);
|
|
font-size: var(--titlepage-title-font-size);
|
|
border-bottom: var(--h1-border-bottom);
|
|
padding-bottom: var(--titlepage-title-padding-bottom);
|
|
|
|
}
|
|
|
|
section.titlepage .subtitle {
|
|
font-family: var(--titlepage-subtitle-font-family);
|
|
|
|
}
|
|
|
|
section.titlepage h1 {
|
|
font-family: var(--titlepage-title-font-family) !important;
|
|
font-size: var(--titlepage-title-font-size) !important;
|
|
padding-bottom: var(--titlepage-title-padding-bottom) !important;
|
|
|
|
}
|
|
|
|
section.titlepage h2 {
|
|
line-height: 0pt !important;
|
|
font-family: var(--titlepage-subtitle-font-family);
|
|
padding-bottom: 150pt !important;
|
|
|
|
}
|
|
|
|
section.titlepage .author,
|
|
section.titlepage .date,
|
|
section.titlepage .organization {
|
|
text-align: left;
|
|
}
|
|
|
|
/* -------------------- H1 -------------------------------*/
|
|
|
|
h1 {
|
|
|
|
font-family: var(--h1-font-family);
|
|
font-weight: var(--h1-font-weight);
|
|
font-size: var(--h1-font-size);
|
|
color: var(--h1-color);
|
|
|
|
padding-bottom: var(--h1-padding-bottom);
|
|
margin-bottom: var(--h1-margin-bottom);
|
|
border-bottom: var(--h1-border-bottom);
|
|
|
|
}
|
|
|
|
/* ------------------- PARAGRAPH ------------------------*/
|
|
|
|
p {
|
|
font-size: var(--p-font-size);
|
|
font-weight: var(--p-font-weight);
|
|
color: var(--p-color);
|
|
line-height: var(--p-line-height) !important;
|
|
}
|
|
|
|
/* ----------------- LIST ITEM ------------------------*/
|
|
|
|
li {
|
|
font-size: var(--li-font-size) !important;
|
|
}
|
|
|
|
li:hover {
|
|
background-color: var(--li-hover-background-color);
|
|
color: var(--li-hover-font-color);
|
|
}
|
|
|
|
|
|
/* --------------------- STRONG -------------------------*/
|
|
|
|
strong {
|
|
color: var(--bold-color) !important;
|
|
padding-left: var(--strong-padding-left);
|
|
padding-right: var(--strong-padding-right);
|
|
font-weight: var(--strong-font-weight);
|
|
}
|
|
|
|
/* ----------------------- CODE -------------------------------*/
|
|
|
|
section code {
|
|
|
|
font-family: var(--code-font-family);
|
|
font-size: var(--code-font-size);
|
|
font-weight: var(--code-font-weight) !important;
|
|
|
|
background-color: var(--code-background-color);
|
|
color: var(--code-font-color) !important;
|
|
|
|
padding-left: var(--code-padding-left) !important;
|
|
padding-right: var(--code-padding-right) !important;
|
|
|
|
border-end-start-radius: var(--code-border-radius);
|
|
border-start-end-radius: var(--code-border-radius);
|
|
border-end-end-radius: var(--code-border-radius);
|
|
border-start-start-radius: var(--code-border-radius);
|
|
}
|
|
|
|
|
|
/* -------------------- TRANSITION -------------------------------*/
|
|
|
|
section.transition {
|
|
background-color: var(--transition-background-color) !important;
|
|
|
|
}
|
|
|
|
section.transition em{
|
|
|
|
color: unset !important;
|
|
background-color: var(--transition-em-background-color);
|
|
font-family: unset;
|
|
font-weight: unset;
|
|
font-style: italic;
|
|
|
|
padding-left: var(--code-padding-left) !important;
|
|
padding-right: var(--code-padding-right) !important;
|
|
|
|
border-end-start-radius: var(--code-border-radius);
|
|
border-start-end-radius: var(--code-border-radius);
|
|
border-end-end-radius: var(--code-border-radius);
|
|
border-start-start-radius: var(--code-border-radius);
|
|
|
|
}
|
|
|
|
section.transition strong {
|
|
|
|
color: unset !important;
|
|
|
|
}
|
|
|
|
|
|
/* -------------------- TRANSITION2 -------------------------------*/
|
|
|
|
section.transition2 {
|
|
background-color: var(--transition2-background-color) !important;
|
|
|
|
}
|
|
|
|
section.transition2 strong {
|
|
|
|
color: unset !important;
|
|
|
|
}
|
|
|
|
section.transition2 em {
|
|
|
|
background-color: var(--transition2-em-background-color) !important;
|
|
|
|
color: unset !important;
|
|
background-color: unset;
|
|
font-family: unset;
|
|
font-weight: unset;
|
|
font-style: italic;
|
|
|
|
padding-left: var(--code-padding-left) !important;
|
|
padding-right: var(--code-padding-right) !important;
|
|
|
|
border-end-start-radius: var(--code-border-radius);
|
|
border-start-end-radius: var(--code-border-radius);
|
|
border-end-end-radius: var(--code-border-radius);
|
|
border-start-start-radius: var(--code-border-radius);
|
|
|
|
}
|
|
|
|
/* -------------------- BIBLIO -------------------------------*/
|
|
|
|
section.biblio {
|
|
|
|
font-family: var(--default-font-family) !important;
|
|
--border-color: #424b52;
|
|
--biblio-background-color: #b8c2f9;
|
|
|
|
--text-color: #000000;
|
|
--bold-color: #4760ff;
|
|
}
|
|
|
|
/* -------------------- COLUMNS -------------------------------*/
|
|
|
|
section.columns ul,
|
|
section.columns ol,
|
|
section.columns li {
|
|
color: var(--default-font-color);
|
|
font-family: var(--default-font-family);
|
|
font-size: 28px !important;
|
|
font-weight: 400;
|
|
}
|
|
|
|
/* ----------------------- CITE -------------------------------*/
|
|
|
|
section.cite {
|
|
|
|
background-color: #9aade2;
|
|
}
|
|
|
|
section.cite p{
|
|
color: rgb(34, 34, 48) !important;
|
|
font-family: 'Faustina';
|
|
font-weight: 600;
|
|
font-size: 34pt !important;
|
|
|
|
}
|
|
|
|
section.cite strong{
|
|
|
|
color: rgb(248, 248, 247) !important;
|
|
|
|
}
|