Romane
156 lines
5.2 KiB
CSS
156 lines
5.2 KiB
CSS
/* @theme gropius */
|
|
|
|
@import "marpx";
|
|
|
|
:root {
|
|
/*------------< COLOR PALETTE >---------------------------------*/
|
|
--marpx-color-light-grey: #a6a6a6;
|
|
--marpx-color-dark-grey: #000000;
|
|
|
|
/*------------< CORE THEME PARAMETERS >---------------------------------*/
|
|
|
|
/* General theme settings */
|
|
--marpx-theme-color: #31406b;
|
|
--marpx-theme-background-color: var(--gray-400);
|
|
--marpx-theme-font-family: Faustina, Bookerly, Lora, sans-serif;
|
|
|
|
/* Text colors */
|
|
--marpx-theme-font-color: var(--blueViolet-500);
|
|
--marpx-theme-bold-color: var(--scarletRed-500);
|
|
--marpx-theme-marker-color: var(--scarletRed-600);
|
|
|
|
/* Headings */
|
|
--marpx-theme-h1-color: var(--blueViolet-500);
|
|
--marpx-theme-h1-bold-color: var(--scarletRed-500);
|
|
--marpx-theme-h2-color: var(--blueViolet-200);
|
|
|
|
/* Specific elements */
|
|
--marpx-theme-chapter-background-color: var(--blueViolet-600);
|
|
--marpx-theme-subtitle-color: #41434e;
|
|
--marpx-theme-code-color: #e9e9e9;
|
|
--marpx-theme-highlight-color: var(--yellow-300);
|
|
|
|
/* Captions and reference texts */
|
|
--marpx-theme-figure-captiontext: "Fig. ";
|
|
--marpx-theme-figure-captiontext-color: var(--blueViolet-100);
|
|
--marpx-theme-table-captiontext: "Table ";
|
|
--marpx-theme-table-captiontext-color: var(--blueViolet-100);
|
|
|
|
/* Navigation and reference elements */
|
|
--marpx-theme-toc-color: var(--blueViolet-400);
|
|
--marpx-theme-toc-background-color: #f6f6f6;
|
|
--marpx-theme-footnote-mark-color: #ff0000;
|
|
|
|
/* Branding */
|
|
--marpx-theme-brandlogo: " ";
|
|
|
|
/*------------< TITLE SLIDE PARAMETERS >-----------------------------*/
|
|
|
|
/* Font sizes */
|
|
--marpx-title_academic-title-size: 150%;
|
|
--marpx-title_academic-title-font-weight: bold;
|
|
--marpx-title_academic-subtitle-size: 95%%;
|
|
--marpx-title_academic-author-size: 110%;
|
|
--marpx-title_academic-date-size: 95%;
|
|
--marpx-title_academic-institute-size: 85%;
|
|
--marpx-title_academic-letter-spacing: 0.075px;
|
|
|
|
/* Colors */
|
|
--marpx-title_academic-font-color: #242d31;
|
|
--marpx-title_academic-background-color: var(--gray-100);
|
|
--marpx-title_academic-title-color: var(--blue-400);
|
|
--marpx-title_academic-subtitle-color: #ababac;
|
|
--marpx-title_academic-author-color: var(--scarletRed-500);
|
|
--marpx-title_academic-border-color: var(--orange-500);
|
|
|
|
/*------------< TABLE COMPONENT PARAMETERS >---------------------------------*/
|
|
|
|
--marpx-table-font-size: 22px;
|
|
--marpx-table-font-family: ;
|
|
--marpx-table-header-background-color: #151d33;
|
|
--marpx-table-header-color-color: white;
|
|
--marpx-table-border-top-color: rgb(255, 73, 1);
|
|
--marpx-table-border-bottom-color: #cac9c5f8;
|
|
--marpx-table-nth-child-color-color: #f5f5f5;
|
|
--marpx-table-hover-color: var(--blueViolet-400);
|
|
--marpx-table-hover-background-color: var(--violet-100);
|
|
|
|
/*------------< QUOTE COMPONENT PARAMETERS >---------------------------------*/
|
|
|
|
/* Light quote variant */
|
|
--marpx-quote-font-family: Bookerly, Faustina, Times, serif;
|
|
--marpx-quote-background-color: var(--gray-400);
|
|
--marpx-quote-paragraph-background-color: var(--gray-400);
|
|
--marpx-quote-bold-color: var(--scarletRed-500);
|
|
|
|
/* Dark quote variant */
|
|
--marpx-quote_dark-font: Faustina, Bookerly, Times, serif;
|
|
--marpx-quote_dark-font-color: var(--gray-200);
|
|
--marpx-quote_dark-color-background: var(--blue-500);
|
|
--marpx-quote_dark-color-paragraph-background: var(--blue-500);
|
|
--marpx-quote_dark-bold-color: var(--blue-100);
|
|
|
|
/*------------< REFERENCES COMPONENT PARAMETERS >---------------------------------*/
|
|
|
|
--marpx-references-header-color: var(--blueViolet-100);
|
|
--marpx-references-bold-color: var(--blue-400);
|
|
--marpx-references-background-color: var(--gray-100);
|
|
}
|
|
|
|
|
|
section {
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
section code {
|
|
border: 2px solid #222;
|
|
border-radius: 12px;
|
|
padding: 2px 8px;
|
|
/* background: initial; */
|
|
background: #fffbe7;
|
|
/* color: #222222; */
|
|
font-size: 1em;
|
|
display: inline-block;
|
|
}
|
|
|
|
box {
|
|
|
|
border: 0px solid black; /* cria a borda */
|
|
padding: 15px; /* espaçamento interno */
|
|
margin: 15px auto; /* espaçamento externo */
|
|
display: inline-block; /* garante que a caixa se ajuste ao conteúdo */
|
|
border-radius: 10px; /* cantos arredondados (opcional) */
|
|
background-color: #cfebf7d0; /* cor de fundo (opcional) */
|
|
text-align: center; /* centraliza o conteúdo dentro da caixa */
|
|
box-shadow: 0 8px 15px rgba(8, 8, 8, 0.192);
|
|
}
|
|
|
|
bbox {
|
|
|
|
border: 1px solid black; /* cria a borda */
|
|
padding: 25px; /* espaçamento interno */
|
|
margin: 50px auto; /* espaçamento externo */
|
|
display: inline-block; /* garante que a caixa se ajuste ao conteúdo */
|
|
border-radius: 10px; /* cantos arredondados (opcional) */
|
|
background-color: #ffffff;/* cor de fundo (opcional) */
|
|
text-align: center; /* centraliza o conteúdo dentro da caixa */
|
|
box-shadow: 0 7px 15px rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.box {
|
|
|
|
border: 1px solid black;
|
|
/* cria a borda */
|
|
padding: 10px;
|
|
/* espaçamento interno */
|
|
/* margin: 50px auto; espaçamento externo */
|
|
display: inline-block;
|
|
/* garante que a caixa se ajuste ao conteúdo */
|
|
border-radius: 6px;
|
|
/* cantos arredondados (opcional) */
|
|
background-color: #f0f0f0;
|
|
/* cor de fundo (opcional) */
|
|
text-align: center;
|
|
/* centraliza o conteúdo dentro da caixa */
|
|
}
|