commit 160d09f25c7ff33299f568ce7e5ae7ff303a425b Author: Romane <122701716+rom-vtn@users.noreply.github.com> Date: Mon May 11 17:00:53 2026 +0200 initial commit (only pipeline) diff --git a/.gitea/workflows/build.yaml b/.gitea/workflows/build.yaml new file mode 100644 index 0000000..8db2c34 --- /dev/null +++ b/.gitea/workflows/build.yaml @@ -0,0 +1,32 @@ +name: Build marp presentation +on: push + +jobs: + build: + name: build marp presentation + runs-on: ubuntu-latest + steps: + - name: checkout + uses: actions/checkout@v4 + - name: build html presentation + uses: docker://marpteam/marp-cli:latest + with: + args: presentation.md --html --allow-local-files -o index.html --theme-set themes -- + env: + MARP_USER: root:root + - name: build pdf presentation + uses: docker://marpteam/marp-cli:latest + with: + args: presentation.md --html --allow-local-files -o presentation.pdf --theme-set themes -- + env: + MARP_USER: root:root + - name: compress as zip + run: | + zip -r presentation.zip . + - name: upload to pages + run: | + curl -X PUT --fail \ + https://pages.ct.cozytren.ch/sti-presentation \ + -T ./presentation.zip \ + -H "Content-Type: application/zip" \ + -H "Authorization: Pages ${{ secrets.GIT_PAGES_TOKEN }}" diff --git a/themes/_template.css b/themes/_template.css new file mode 100644 index 0000000..2230889 --- /dev/null +++ b/themes/_template.css @@ -0,0 +1,170 @@ +/* @theme hobbes */ + +@import "marpx"; + +/* Font: Bitter */ +@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap'); + +:root { + + --color-background1: #dcded3; + --color-background2: #131920; + --color-bold: #041a2c; + --color-font-h1: #242060; + --color-font: #2e2e2e; + --color-marker: #f0a211; + + /* Khaki */ + --khaki-d100: #fef7e0; + --khaki-d200: #fad762; + --khaki-d300: #fdca24; + --khaki-d400: #ffab10; + --khaki-d500: #e9e3d1; + --khaki-d600: #b8b8b8; + --khaki-d700: #bbb7a9; + --khaki-d800: #a2a0a0; + --khaki-d900: #3c3f3b; + --khaki-d1000: #706d63; + --khaki-d1100: #2e2626; + --khaki-d1200: #d1002a; + + /* Blue */ + --blue-d100: #bee5ff; + --blue-d200: #5d9cfa; + --blue-d300: #93b0ee; + --blue-d400: #6e85b8; + --blue-d500: #6880a0; + --blue-d600: #5871a7; + --blue-d700: #023977; + --blue-d800: #253d72; + --blue-d900: #111622; + + /* Green */ + --green-d100: #eeff00; + + + + /* MAIN GLOBAL PARAMETERS of THEME */ + --marpx-theme-font-size: 24pt; /* paulo.cunha */ + --marpx-theme-letter-spacing: .01px; + --marpx-theme-font-family: Bitter, Faustina, Bookerly, Lora, serif; + --marpx-theme-background-color: var(--color-background1); + --marpx-theme-font-color: var(--color-font); + --marpx-theme-bold-color: var(--color-bold); + --marpx-theme-marker-color: var(--color-marker); + --marpx-theme-h1-font-size: 34pt; + --marpx-theme-h1-color: var(--color-font-h1); + --marpx-theme-h1-bold-color: var(--khaki-d800); + --marpx-theme-h2-color: var(--blue-d500); + + /* SECONDARY GLOBAL PARAMETERS of THEME */ + --marpx-theme-color: var(--color-font); + --marpx-theme-figure-captiontext-color: var(--khaki-d1200); + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-highlight-color: var(--blueViolet-500); + --marpx-theme-table-captiontext: "Table. "; + --marpx-theme-table-captiontext-color: var(--khaki-d1200); + --marpx-theme-toc-color: var(--blue-d500); + + + + /* CHAPTER */ + --marpx-theme-chapter-background-color: var(--blue-d300); + --marpx-theme-chapter-h1-font-color: var(--khaki-d500); + --marpx-theme-chapter-h2-font-color: var(--khaki-d500); + + /* TITLE ACADEMIC */ + --marpx-title_academic-title-size: 125%; + --marpx-title_academic-subtitle-size: 85%; + --marpx-title_academic-author-size: 100%; + --marpx-title_academic-institute-size: 85%; + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-letter-spacing: -0.07px; + + --marpx-title-header-color: var(--color-marker); + --marpx-title_academic-background-color: var(--color-background2); + --marpx-title_academic-title-color: var(--color-background1); + --marpx-title_academic-subtitle-color: var(--khaki-d700); + --marpx-title_academic-border-color: var(--blue-d300); + --marpx-title_academic-author-color: var(--color-marker); + --marpx-title_academic-font-color: var(--khaki-d700); + + /* QUOTE */ + --marpx-quote-font-color: var(--color-font); + --marpx-quote-background-color: var(--khaki-d500); + --marpx-quote-bold-color: var(--khaki-d1200); + --marpx-quote-paragraph-background-color: inherit; + --marpx-quote_dark-font-color: var(--color-background1); + --marpx-quote_dark-bold-color: var(--khaki-d400); + --marpx-quote_dark-color-background: var(--khaki-d900); + --marpx-quote_dark-color-paragraph-background: inherit; + + /* REFERENCES */ + --marpx-references-background-color: var(--color-background1); + --marpx-references-header-color: var(--blue-d500); + --marpx-references-bold-color: var(--color-font-h1); + --marpx-references-color: var(--color-font); + --marpx-references-font-family: inherit; + + /* TABLE */ + --marpx-table-font-color: var(--color-font); + --marpx-table-hover-background-color: var(--violet-100); + --marpx-table-hover-color: var(--blueViolet-400); + + + +} + +/* Demais diferenças estruturais */ +section { + line-height: 1.2em; +} + +section code:not(pre code) { + color: var(--color-font); + background: var(--khaki-d300) !important; + border: 0px solid var(--color-font); + border-radius: 8px; + padding: 1px 5px; + font-size: 0.98em; + display: inline-block; +} + + +section.slide.white, +section.white-slide { + color: var(--color-font); +} + +section.references a { + color: var(--blue-d700); + font-weight: 100; + text-decoration: underline; + +} + +section.chapter { + background-size: cover; /* Ajusta a imagem para cobrir todo o fundo */ + background-repeat: no-repeat; /* Evita repetição da imagem */ + background-position: center; /* Centraliza a imagem no fundo */ + background-color: rgb(0, 25, 46); + filter: grayscale(0.3) brightness(0.9); + background-image: linear-gradient(to right bottom, #4e6699, #010c24); + /* background-image: url("./pattern01.jpg"); */ +} + + +section.quote { + + --marpx-quote-font-color: var(--blue-d100); + --marpx-quote-background-color: var(--blue-d200); + --marpx-quote-bold-color: var(--green-d100); + background-image: radial-gradient(#141414 0%, transparent 0%, var(--blue-d700) 83%); +} + +section.quote.dark { + + --marpx-quote_dark-font-color: white; + background-image: linear-gradient(to top, var(--blue-d600), var(--blue-d900)); + /* background-image: url("./pattern01.jpg"); */ +} \ No newline at end of file diff --git a/themes/backup/marpx.css.backup b/themes/backup/marpx.css.backup new file mode 100644 index 0000000..4d04b41 --- /dev/null +++ b/themes/backup/marpx.css.backup @@ -0,0 +1,1572 @@ +/* *================================================================================ +* +* MIT License +* +* Copyright (c) 2025 Paulo Cunha - MarpX +* +* Permission is hereby granted, free of charge, to any person obtaining a copy +* of this software and associated documentation files (the "Software"), to deal +* in the Software without restriction, including without limitation the rights +* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +* copies of the Software, and to permit persons to whom the Software is +* furnished to do so, subject to the following conditions: +* +* The above copyright notice and this permission notice shall be included in all +* copies or substantial portions of the Software. +* +* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +* SOFTWARE. +* +* ================================================================================ +* +* marpx.css - MarpX base-theme configuration +* Paulo Cunha (cunha.paulo@gmail.com) +* Created: jul.2025 +* Last update: 21.aug.2025 +* +* ================================================================================ */ + +/* +* @theme marpx +* +* @auto-scaling true +* @size 16:9 1280px 720px +* @size 4:3 960px 720px +* @size A4 210mm 297mm +* @size fullHD 1920px 1080px +* @size banner 1600px 13000px +* +*/ + +@import "default"; + +/**>--------------------------------------------------------------*/ +/**-- Fonts from Google Fonts >--*/ +/**-- https://fonts.google.com/specimen/Fira+Sans?query=fira >--*/ +/**-- >--*/ +/**-- Styles: Thin, ExtraLight, Light, Regular, Medium, >--*/ +/**-- SemiBold, Bold, ExtraBold, Black >--*/ +/**>--------------------------------------------------------------*/ + +@import url("https://fonts.cdnfonts.com/css/fira-sans-condensed?styles=19730"); +@import url("https://fonts.cdnfonts.com/css/charter-itc-tt"); +@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&family=Zilla+Slab:wght@300;400;600&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,300..800;1,300..800&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900"); +/* @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800'); */ + +:root { + + /** -----------------------<------------------------>---------------------- */ + /** WARNING: The parameter (container-type: normal) was used to allow */ + /** the numbering of figures and tables. Be warned that it may */ + /** produce side effects in browsers other than Chrome! */ + /** -----------------------<------------------------>---------------------- */ + + container-type: normal; + counter-reset: figure_cnt table_cnt; + + --marpx-color-light-grey: #a6a6a6; + --marpx-color-dark-grey: #000000; + + /*------------< Palete >---------------------------------*/ + + /* Bluish cyan */ + --bluishCyan-100: #61d9ff; + --bluishCyan-200: #00c8ff; + --bluishCyan-300: #00a0d2; + --bluishCyan-400: #24b1d1; + --bluishCyan-500: #01bbf0; + --bluishCyan-600: #0ca1cc; + --bluishCyan-700: #0073aa; + --bluishCyan-800: #4680c7; + + /* Gray */ + --gray-50: #ffffff; + --gray-100: #faf7f7; + --gray-200: #fafafa; + --gray-300: #f5f5f5; + --gray-350: #d8dee9; + --gray-400: #eae8e3; + --gray-450: #515458; + --gray-500: #242424; + --gray-600: #1b1e21; + --gray-700: #161514; + --gray-800: #121212; + --gray-900: #0a0a0a; + --gray-1000: #3e3f42; + --gray-1100: #E4E3DF; + + /* Blue */ + --blue-100: #55acee; + --blue-200: #3e8ed0; + --blue-300: #215987; + --blue-400: #1d2733; + --blue-500: #00204a; + --blue-600: #123A53; + + /* Orange */ + --orange-100: #ffbd6d; + --orange-200: #de7f2b; + --orange-300: #ff8f07; + --orange-400: #c3732c; + --orange-500: #ff7c00; + + /* Scarlet */ + --scarlet-100: #e36ca3; + --scarlet-200: #cd6799; + --scarlet-300: #d16098; + --scarlet-400: #eb2889; + + /* Scarlet red */ + --scarletRed-100: #ff6d70; + --scarletRed-200: #ff3860; + --scarletRed-300: #e81c4f; + --scarletRed-400: #fc0c18; + --scarletRed-500: #d1002a; + --scarletRed-600: #ff0033; + --scarletRed-700: #c92828; + + /* Blue violet */ + --blueViolet-50: #4f6cee; + --blueViolet-100: #485fc7; + --blueViolet-200: #3b5998; + --blueViolet-300: #004fff; + --blueViolet-400: #071636; + --blueViolet-500: #040d21; + --blueViolet-550: #002238; + --blueViolet-600: #98a5e6; + --blueViolet-700: #e2e8f6; + --blueViolet-800: #d9dfea; + + /* Khaki */ + --khaki-100: #ffe08a; + --khaki-200: #fee16d; + --khaki-300: #ffc524; + --khaki-400: #fdcc08; + --khaki-500: #ffbf00; + --khaki-600: #daa60b; + --khaki-700: #e77b00; + --khaki-800: #3e3f42; + --khaki-850: #848482; + --khaki-900: #ff3300; + + /* Vermilion */ + --vermilion-100: #ffa08e; + --vermilion-200: #f88f7b; + --vermilion-300: #ff470f; + --vermilion-400: #da5656; + + /* Greenish cyan */ + --greenishCyan-100: #51e2c4; + --greenishCyan-200: #00d1b2; + --greenishCyan-300: #006b5b; + + /* Purple */ + --purple-100: #b86bff; + --purple-200: #8605ff; + + /* Teal */ + --teal-100: #48c78e; + + /* Violet */ + --violet-100: #e6e6fa; + --violet-200: #161c4f; + + /* Yellow */ + --yellow-100: #f7df1e; + --yellow-200: #a69308; + --yellow-300: #e5ff00; + --yellow-400: #ffff00; + + /* Bluish green */ + --bluishGreen-100: #65d277; + --bluishGreen-200: #24ff70; + + /* Olive */ + --olive-100: #ade960; + + /* Lime */ + --lime-100: #d4ee9b; + + /* Purple magenta */ + --purpleMagenta-100: #a44eca; + + /* Purple violet */ + --purpleViolet-100: #bdaaf6; + + /* Red */ + --red-100: #f95347; + + /*------------< Overall theme parameters >---------------------------------*/ + + --marpx-theme-font-family: "Fira Sans Light", Faustina, Bookerly, Lora, sans-serif; + --marpx-theme-font-size: 22pt; + --marpx-theme-letter-spacing: -0.0125px; + --marpx-theme-figure-captiontext: "Figure "; + --marpx-theme-figure-captiontext-color: var(--scarletRed-500); + + --marpx-theme-table-captiontext: "Table "; + --marpx-theme-table-captiontext-color: var(--scarletRed-500); + + --marpx-theme-brandlogo: " - Created with Marp e MarpX."; + + --marpx-theme-color: #3e6ceb; + --marpx-theme-h1-color: var(--blueViolet-500); + --marpx-theme-h1-bold-color: #ff3c00; + --marpx-theme-h2-color: var(--blueViolet-300); + --marpx-theme-marker-color: color-mix( + in srgb, + var(--marpx-theme-color), + white 25% + ); + --marpx-theme-font-color: #000000; + --marpx-theme-background-color: #ffffff; + --marpx-theme-bold-color: #f8150d; + --marpx-theme-chapter-color: #9aade2; + --marpx-theme-subtitle-color: #5d616d; + --marpx-theme-code-color: #e9e9e9; + --marpx-theme-highlight-color: #ffff00; + --marpx-theme-footnote-mark-color: #ff0000; + --marpx-theme-toc-color: #4562bb; + --marpx-theme-toc-background-color: #f6f6f6; + + /*-------------------< TITLE SLIDE >-----------------------------*/ + + /* fonts sizes */ + --marpx-title_academic-title-size: 145%; + --marpx-title_academic-subtitle-size: 95%; + --marpx-title_academic-author-size: 105%; + --marpx-title_academic-date-size: 95%; + --marpx-title_academic-institute-size: 95%; + + /* inter character space */ + --marpx-title_academic-letter-spacing: 0.125px; + + /* font weights */ + --marpx-title_academic-title-font-weight: 600; + --marpx-title_academic-subtitle-font-weight: 300; + + /* colors in style */ + /* --marpx-title_academic-title-color: #002b36; */ + --marpx-title_academic-title-color: #003c4b; + --marpx-title_academic-subtitle-color: #ababac; + --marpx-title_academic-author-color: #f8150d; + --marpx-title_academic-font-color: #242d31; + --marpx-title_academic-background-color: #faf7f7; + --marpx-title_academic-border-color: #364269; + + /*------------< Parameters used in `REFERENCES` >---------------------------------*/ + + --marpx-references-bold-color: #3e6ceb; + --marpx-references-background-color: #eff4fa; + --marpx-references-header-color: #539dd3; + + /*------------< Parameters used in `QUOTE` >---------------------------------*/ + + --marpx-quote-font-family: Bookerly, Faustina, Times, serif; + --marpx-quote-background-color: #ffffff; + --marpx-quote-paragraph-background-color: #ffffff; + --marpx-quote-bold-color: #6462f1; + + /*-< quote dark >-*/ + + --marpx-quote_dark-font: Faustina, Bookerly, Times, serif; + --marpx-quote_dark-font-color: #222230; + --marpx-quote_dark-color-background: #9aade2; + --marpx-quote_dark-color-paragraph-background: #9aade2; + --marpx-quote_dark-bold-color: #f8f8f7; + + /*------------< Parameters used in `TABLE` >---------------------------------*/ + + --marpx-table-font-size: 22px; + --marpx-table-font-color: var(--marpx-theme-font-color); + --marpx-table-font-family: inherit; + --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: #474619; + --marpx-table-hover-background-color: #eaf779; + + --marpx-calc-toc-font-color: color-mix( + in srgb, + var(--marpx-theme-toc-color), + white 35% + ); + --marpx-calc-toc-marker-color: color-mix( + in srgb, + var(--marpx-theme-toc-color), + black 30% + ); + --marpx-calc-toc-hover-color: color-mix( + in srgb, + var(--marpx-theme-toc-color), + gray 40% + ); + --marpx-calc-toc-hoover-background-color: color-mix( + in srgb, + var(--marpx-theme-toc-color), + white 85% + ); +} + +img[alt~="center"] { + display: block; + margin: 0 auto; +} + +img[alt~="end-bg"] { + position: absolute; + top: 0; + left: 0; + z-index: -2; +} + +img[alt~="title-bg"] { + position: absolute; + top: 0; + left: 65.3%; + z-index: -2; +} + +section { + /* Until aug.2025 it works only with Chrome */ + --page-number: attr(data-marpit-pagination); + /* Until aug.2025 it works only with Chrome */ + --page-number-total: attr(data-marpit-pagination-total); + + font-weight: 400; + font-family: var(--marpx-theme-font-family); + font-size: var(--marpx-theme-font-size); + letter-spacing: var(--marpx-theme-letter-spacing); + color: var(--marpx-theme-font-color); + background: var(--marpx-theme-background-color); + padding: 145px 80px 68px 80px; + background-size: contain; +} + +section::after { + background-color: #ffffffbd; + border-radius: 100px; + bottom: 22px; + color: var(--marpx-theme-color); + content: attr(data-marpit-pagination) "/" attr(data-marpit-pagination-total); + font-size: 14pt; + left: 50px; + margin: 0; + padding: 2px 8px; + position: absolute; +} + +header { + position: absolute; + bottom: 29px; + + margin: 0px; + padding: 0px; + text-align: end; + left: 130px; + color: var(--marpx-theme-color); + font-weight: 700; + font-size: 10.5pt; + vertical-align: bottom; + + display: flex; + justify-content: flex-end; + align-items: flex-end; +} + +footer { + position: absolute; + color: var(--marpx-color-light-grey); + font-size: 8pt; + font-weight: 700; + margin: 0px; + padding: 0px; + top: auto; + right: auto; + left: 130px; + bottom: 16px; +} + +footer::before { + content: "©️ "; +} + +/* BRAND LOGO */ +footer::after { + content: var(--marpx-theme-brandlogo); +} + +h1 { + top: 20px; + position: absolute; + color: var(--marpx-theme-h1-color); + font-size: 36pt; + font-weight: 700; + height: 130px; + max-width: calc(100% - 160px); + + /* border-bottom: 1px solid #fd0d0d; */ + display: flex; + justify-content: flex-end; + align-items: center; +} + +h1[data-auto-scaling] { + display: unset; + position: unset; +} + +h2 { + color: var(--marpx-theme-h2-color); +} + +h2, +h3 { + margin-top: 12px; + margin-bottom: 8px; +} + +h1 > strong::before, +h1 > strong::after, +h1 > em::before, +h1 > em::after, +h2 > strong::before, +h2 > strong::after, +h2 > em::before, +h2 > em::after, +h3 > strong::before, +h3 > strong::after, +h3 > em::before, +h3 > em::after { + content: "\00a0"; +} + +h1 > strong, +h2 > strong, +h3 > strong, +h4 > strong { + color: var(--marpx-theme-h1-bold-color); + font-weight: bold !important; +} + +li::marker { + color: var(--marpx-theme-marker-color); +} + +section > video { + max-height: 100%; +} + +section > figure { + margin: 0; + margin-bottom: 10px; + max-height: calc(100% - 48px); +} + +section > figure.center { + margin: 0 auto; + margin-bottom: 10px; + display: block; + text-align: center; + max-height: calc(100% - 48px); +} + +/* +!================================================================================ +?-----------------------< >----------------------- +!================================================================================ +*/ +section sup, +footnote li::marker, +.footnote li::marker { + color: var(--marpx-theme-footnote-mark-color); +} + +footnote { + border-top: 0.1em solid #555; + border-left: 0; + font-size: 60%; + margin-top: auto; +} + +footnote > ol { + margin-bottom: 0; +} + +/* +!================================================================================ +?-----------------------< SLIDE LAYOUTS >----------------------- +!================================================================================ +*/ +section > div.multicolumn, +section.multicolumn { + display: grid; + grid-auto-flow: column; + grid-gap: 10px; +} + +section > div.multicolumn.vcenter, +section.multicolumn.vcenter { + align-items: center; +} + +/* The layout for all slides is set to appear in column mode. */ +section.cols { + display: flex; + gap: 2rem; + flex-direction: row; +} + +/* The following is a layout for individual column areas in normal slides. */ +section > div.cols { + display: flex; + gap: 1rem; + flex-direction: row; +} + +/* It is optional to use the same column behavior. */ +/*.cols > .col { */ +.cols > div { + flex: 1 1 0; +} + +/* The objective is to display multiple rows in a single column. */ +section.rows { + display: flex; + gap: 2rem; + justify-content: space-evenly; + flex-direction: column; +} + +section > div.rows { + display: flex; + gap: 1rem; + flex-direction: column; +} + +/* grid layouts */ +section > div.grid-tlr, +section.grid-tlr { + display: grid; + grid-template-areas: "top top" "left right"; + grid-template-columns: 1fr 1fr; + gap: 5px 10px; +} + +section > div.grid-lrb, +section.grid-lrb { + display: grid; + grid-template-areas: "left right" "bottom bottom"; + grid-template-columns: 1fr 1fr; + gap: 5px 10px; +} + +.gtop { + grid-area: top; +} + +.gbot { + grid-area: bottom; +} + +.glft { + grid-area: left; +} + +.grgt { + grid-area: right; +} + +/* adjust h1 for the flex elements */ +section.multicolumn > h1, +section.cols > h1, +section.rows > h1, +section.grid > h1 { + margin-left: 80px; +} + +/* +!================================================================================ +?-----------------------< TITLE >----------------------- +!================================================================================ +*/ +section.title, +section.title-bg { + padding-left: 80px; + background-color: var(--marpx-title_academic-background-color); +} + +section.title > h1, +section.title-bg > h1 { + position: absolute; + top: 34%; + margin: 0px; + height: 28%; + + padding: 0px; + font-size: 42pt; + /* font-size: var(--marpx-title_academic-title-size); */ + line-height: normal; + color: var(--marpx-title_academic-title-color); + font-weight: 700; + + display: flex; + justify-content: flex-end; + align-items: flex-end; +} + +section.title > h2, +section.title-bg > h2 { + position: absolute; + top: 65.27%; + margin: 0px; + padding: 0px; + font-size: 30pt; + color: var(--marpx-title_academic-subtitle-color); + font-weight: 700; +} + +section.title-bg::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +section.title::after, +section.title-bg::after { + opacity: 0; +} + +section.title > header, +section.title-bg > header { + position: absolute; + bottom: 140px; + margin: 0px; + padding: 0px; + left: 80px; + font-size: 20pt; + color: var(--marpx-color-dark-grey); + font-weight: 200; +} + +section.title > footer, +section.title-bg > footer { + opacity: 0; +} + +/* +!================================================================================ +$?-----------------------< TITLE ACADEMIC >----------------------- +!================================================================================ +*/ + +section.title-academic { + background-color: var(--marpx-title_academic-background-color) !important; + background-image: none; + z-index: -5; +} + +section.title-academic .title, +section.title-academic > h1 { + width: 95%; + padding-bottom: 15px !important; + /* distance from the title to the underline below it */ + + line-height: 1.05 !important; + font-size: var(--marpx-title_academic-title-size); + letter-spacing: var(--marpx-title_academic-letter-spacing); + font-weight: var(--marpx-title_academic-title-font-weight); + color: var(--marpx-title_academic-title-color); + border-bottom: 1px solid var(--marpx-title_academic-border-color) !important; +} + +section.title-academic .title > strong { + /* color: var(--marpx-theme-h1-bold-color) !important; */ + color: red !important; + font-weight: bold; +} + +section.title-academic > h1 { + top: 25pt; + height: 0%; + position: relative; + font-weight: var(--marpx-title_academic-title-font-weight); + letter-spacing: var(--marpx-title_academic-letter-spacing); +} + +section.title-academic .subtitle, +section.title-academic > h2 { + color: var(--marpx-title_academic-subtitle-color); + + font-size: var(--marpx-title_academic-subtitle-size); + font-weight: var(--marpx-title_academic-subtitle-font-weight); + + line-height: 1.2; + letter-spacing: var(--marpx-title_academic-letter-spacing); + + padding-top: 10px; + padding-bottom: 120px; +} + +section.title-academic > h2 { + top: 18pt; + width: 95% !important; + position: relative; +} + +section.title-academic .author, +section.title-academic > h3 { + color: var(--marpx-title_academic-author-color) !important; + font-size: var(--marpx-title_academic-author-size); + font-weight: bold !important; +} + +section.title-academic .date, +section.title-academic > h4 { + font-size: var(--marpx-title_academic-date-size); +} + +section.title-academic .organization, +section.title-academic > h5 { + font-size: var(--marpx-title_academic-institute-size); +} + +section.title-academic .author, +section.title-academic .date, +section.title-academic .organization, +section.title-academic h3, +section.title-academic h4, +section.title-academic h5 { + font-weight: 400; + text-align: left; + color: var(--marpx-title_academic-font-color); + line-height: 1.25; + letter-spacing: var(--marpx-title_academic-letter-spacing); +} + +/* Omits page number in Title Page Slide */ +section.title-academic footer, +section.title-academic header, +section.title-academic:after { + /* hide header, footer and pagination */ + display: none; +} + +/* +!================================================================================ +?-----------------------< CHAPTER >----------------------- +!================================================================================ +*/ +section.chapter { + padding-left: 80px; + background-image: none; + background-color: var(--marpx-theme-chapter-color); +} + +/* +!================================================================================ +?-----------------------< CHAPTER ALTERNATIVE >----------------------- +!================================================================================ +*/ +section.chapter-alt { + padding-left: 80px; + background-image: none; + background-color: white; +} + +section.chapter-alt > h1 { + top: 38px; + position: absolute; + color: white; + font-size: 64pt; + font-weight: 700; + height: 47.5%; + width: 60%; + + display: flex; + justify-content: flex-end; + align-items: flex-end; +} + +/* +!================================================================================ +?-----------------------< CHAPTER AND SECTION >----------------------- +!================================================================================ +*/ +/* Autor, Akad. Grad */ +section.chapter-alt > header, +section.chapter > header { + opacity: 0; +} + +/* Datum */ +section.chapter-alt > footer, +section.chapter > footer { + opacity: 0; +} + +section.chapter > h1 { + position: absolute; + top: 38px; + color: white; + font-size: 54pt; + font-weight: 700; + height: 47.5%; + + display: flex; + justify-content: flex-end; + align-items: flex-end; +} + +section.chapter-alt > h1::after, +section.chapter > h1::after { + background: none repeat scroll 0 0 white; + bottom: 10px; + left: -50px; + content: ""; + display: block; + position: absolute; + height: 8px; + width: 200px; +} + +section.chapter-alt > h2, +section.chapter > h2 { + position: absolute; + top: 53.5%; + color: white; + font-size: 28pt; + font-weight: 700; +} + +section.chapter-alt::after, +section.chapter::after { + opacity: 0; +} + +/* +!================================================================================ +?-----------------------< Table of Contents (TOC) >----------------------- +!================================================================================ +*/ +section.toc { + padding-left: 450px; + padding-top: 50px; + font-size: 24pt; + flex-flow: nowrap; + background-color: var(--marpx-theme-toc-background-color); +} + +section.toc a { + color: var(--marpx-calc-toc-font-color) !important; + /* font-weight: 600; */ +} + +section.toc li::marker { + color: var(--marpx-calc-toc-marker-color); + font-weight: bold; +} + +section.toc a:hover { + font-size: 1em; + font-weight: bold; + + color: var(--marpx-calc-toc-hover-color) !important; + background-color: var(--marpx-calc-toc-hoover-background-color); + + border-radius: 8px; + padding: 10px 10px; + text-decoration-line: none; +} + +section.toc::before { + position: absolute; + + left: 0px; + top: 0px; + margin: 0px; + padding-top: 30px; + + width: 33%; + /* height: 86.11%; */ + height: 100%; + + text-align: center; + font-size: 48pt; + font-weight: 700; + + color: white; + background-color: var(--marpx-theme-toc-color); + content: "Agenda"; +} + +section[lang|="en"].toc::before { + content: "Contents"; +} + +section[lang|="pt"].toc::before { + content: "Conteúdo"; +} + +section[lang|="de"].toc::before { + content: "Inhalt"; +} + +section[lang|="es"].toc::before { + content: "Contenido"; +} + +section[lang|="fr"].toc::before { + content: "Contenu"; +} + +section[lang|="it"].toc::before { + content: "Contenuto"; +} + +section[lang|="ru"].toc::before { + content: "Содержание"; +} + +section[lang|="ja"].toc::before { + content: "目次"; +} + +section[lang|="zh"].toc::before { + content: "内容"; +} + +/* +!================================================================================ +?-----------------------< THANKS >----------------------- +!================================================================================ +*/ +section.end, +section.end-bg { + color: white; + background-color: var(--marpx-theme-color); + padding-right: 515px; + padding-left: 90px; + padding-top: 185px; + font-size: 14pt; + /* white link color */ + --color-accent-fg: white; + --fgColor-accent: white; +} + +section.end > h1, +section.end-bg > h1 { + color: white; + font-size: 60pt; + height: 152px; + align-items: flex-end; +} + +section.end > h2, +section.end-bg > h2 { + color: white; +} + +section.end-bg::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +/* no footer */ +section.end-bg::after, +section.end-bg > header, +section.end-bg > footer, +section.end::after, +section.end > header, +section.end > footer { + visibility: hidden; +} + +/* +!================================================================================ +?-----------------------< TOTAL PAGES >----------------------- +!================================================================================ +*/ +section.totalpages::after { + color: var(--marpx-theme-color); + font-size: 14pt; + content: attr(data-marpit-pagination) "/" attr(data-marpit-pagination-total); + position: absolute; + padding: 0px; + padding-bottom: 24px; + left: 10px; + width: 100px; + margin: 0px; +} + +/* +!================================================================================ +?-----------------------< TITLE COPYRIGHT >----------------------- +!================================================================================ +*/ +section.copyright > footer { + opacity: 100%; + bottom: 1%; + left: 1%; +} + +/* +!================================================================================ +?-----------------------< TITLE ADDITIONAL-LOGOS >----------------------- +!================================================================================ +*/ +section.logos > div.additional-logos { + background-color: #ffffff; + display: block; + position: absolute; + padding: 0; + margin: 0; + left: 0; + top: 0; + height: 20%; + max-height: 100%; + min-width: 61%; + width: 61%; + max-width: 61%; +} + +section.logos > div.additional-logos > p { + display: flex; + justify-content: left; + text-align: left; + margin: 0; + max-width: inherit; + height: 100%; + max-height: inherit; + align-items: center; + align-content: center; +} + +section.logos > div.additional-logos > p > img { + flex: 1; + padding: 0; + margin: 0; + border: 0; + max-width: inherit; + max-height: inherit; + object-fit: contain; + background-color: #ffffff; +} + +/* +!================================================================================ +?-----------------------< BLANK / NOBRAND SLIDE >----------------------- +!================================================================================ +*/ +section.blank, +section.nobrand { + background: none; + background-color: #ffffff; +} + +section.blank { + padding: 68pt 80pt 68pt 80pt; +} + +section.blank > h1 { + visibility: hidden; +} + +section.blank > header, +section.nobrand > header { + visibility: hidden; +} + +section.blank > footer, +section.nobrand > footer { + visibility: hidden; +} + +section.blank::after, +section.nobrand::after { + visibility: hidden; +} + +/* +!================================================================================ +?-----------------------< CALLOUTS >----------------------- +!================================================================================ +*/ +div.callout { + overflow: hidden; + border-style: solid; + border-width: 1.25px; + border-radius: 6px; + margin: 12px 0; + /* top+bottom right+left */ + padding: 8px 8px 8px 16px; + mix-blend-mode: darken; +} + +div.callout > h1 { + position: relative; + font-size: 18pt; + font-weight: 700; + padding: 0px 0px 8pt 0px; + margin-top: 0px; + margin-bottom: 12px; + justify-content: flex-start; + height: unset; +} + +div.callout > ul, +div.callout > ol, +div.callout > p { + margin-top: 0px; + margin-bottom: 6px; +} + +div.callout.slim { + margin: 8px 0; + padding: 6px 6px 6px 12px; + font-size: 14pt; +} + +div.callout.slim > h1 { + font-size: 16pt; + padding: 0px 0px 0pt 0px; +} + +div.callout > h1::before { + margin-right: 4pt; +} + +div.callout > h1, +div.callout.info > h1 { + color: #4b96e7; +} + +div.callout, +div.callout.info { + background-color: #e9f2fc; + border-color: #82a8d1; +} + +div.callout.warning > h1 { + color: #e67300; +} + +div.callout.warning { + background-color: #fff2e6; + border-color: #c99e73; +} + +div.callout.note > h1 { + color: #086ddd; +} + +div.callout.note { + background-color: #e6f1fe; + border-color: #88a2be; +} + +div.callout.abstract > h1 { + color: #16c4c2; +} + +div.callout.abstract { + background-color: #e8fcfc; + border-color: #4a8a89; +} + +div.callout.todo > h1 { + color: #4b96e7; +} + +div.callout.todo { + background-color: #e9f2fc; + border-color: #7694b4; +} + +div.callout.tip > h1 { + color: #16c4c2; +} + +div.callout.tip { + background-color: #e8fcfc; + border-color: #279795; +} + +div.callout.success > h1 { + color: #22c061; +} + +div.callout.success { + background-color: #e1fdec; + border-color: #4aa06b; +} + +div.callout.question > h1 { + color: #e5b92a; +} + +div.callout.question { + background-color: #fcf8e8; + border-color: #ccb875; +} + +div.callout.failure > h1 { + color: #ff001e; +} + +div.callout.failure { + background-color: #fde8ea; + border-color: #b14d4d; +} + +div.callout.danger > h1, +div.callout.danger strong { + color: #fccaca; +} + +div.callout.danger { + background-color: #bd3540; + border-color: #b80202; + color: #ffffff; +} + +div.callout.bug > h1 { + color: #ff9100; +} + +div.callout.bug { + color: #030303; + background-color: #f8fa91; + border-color: #c09e05; +} + +div.callout.example > h1 { + color: #7852ee; +} + +div.callout.example { + background-color: #ede8fd; + border-color: #9d8ec7; +} + +div.callout.quote > h1 { + color: #a7a7a7; +} + +div.callout.quote { + background-color: #f2f2f2; + border-color: #949393; +} + +/* +!================================================================================ +?-----------------------< BESPOKE PROGRESS BAR >----------------------- +!================================================================================ +*/ +@import url("data:text/css, .bespoke-marp-parent { top: 0 !important; } .bespoke-progress-parent { position: absolute; bottom: 0 !important; z-index:100; background:none !important; height:3px !important; }"); + +/* +!================================================================================ +?-----------------------< FIGCAPTION and TABCAPTION >----------------------- +!================================================================================ +*/ +figcaption, +tabcaption, +.figcaption, +.tabcaption { + font-family: "Fira Sans"; + font-size: 14pt; + font-weight: normal; + color: var(--marpx-theme-font-color); + text-align: center; +} + +figcaption::before, +.figcaption::before { + counter-increment: figure_cnt; + font-weight: bold; + color: var(--marpx-theme-figure-captiontext-color); + content: var(--marpx-theme-figure-captiontext) var(--page-number) "." + counter(figure_cnt) ": "; +} + +tabcaption::before, +.tabcaption::before { + counter-increment: table_cnt; + font-weight: bold; + color: var(--marpx-theme-table-captiontext-color); + content: var(--marpx-theme-table-captiontext) var(--page-number) "." + counter(table_cnt) ": "; +} + +.highlight { + padding: 0.2em 0.3em; + background-color: var(--marpx-theme-highlight-color); +} + +section code:not(pre code) { + font-family: inherit; + background-color: var(--marpx-theme-highlight-color); + font-weight: bold; + border-radius: 11px 11px 11px 11px; +} + +section strong { + color: var(--marpx-theme-bold-color); +} + +/* +!================================================================================ +?-----------------------< QUOTE (UNIFIED) >----------------------- +!================================================================================ +*/ + +section.quote { + background-color: var(--marpx-quote-background-color) !important; +} + +section.quote p { + color: #222230 !important; + background-color: var(--marpx-quote-paragraph-background-color); + letter-spacing: -0.23pt; + font-size: 1.4em !important; + text-align: center; + line-height: 1.15em; + font-family: var(--marpx-quote-font-family) !important; + /* font-style: oblique; */ + padding-top: auto; + padding-bottom: auto; + padding-left: 100px; + padding-right: 100px; +} + +section.quote strong { + font-style: italic; + color: var(--marpx-quote-bold-color) !important; +} + +section.quote footer, +section.quote header { + display: none; +} + +/* Alternative style (used to be quote2, now quote dark) */ +section.quote.dark { + background-color: var(--marpx-quote_dark-color-background) !important; +} + +section.quote.dark p { + color: var(--marpx-quote_dark-font-color) !important; + font-family: var(--marpx-quote_dark-font) !important; + font-weight: normal; + font-size: 34pt !important; + background-color: var(--marpx-quote_dark-color-paragraph-background); + letter-spacing: 0.1pt; + text-align: center; + line-height: 1.09em; + padding-top: auto; + padding-bottom: auto; + padding-left: 85px; + padding-right: 85px; +} + +section.quote.dark strong { + color: var(--marpx-quote_dark-bold-color) !important; + font-style: normal; +} + +/* +!================================================================================ +?-----------------------< TABLES >----------------------- +!================================================================================ +*/ + +section table { + font-size: var(--marpx-table-font-size); + font-family: var(--marpx-table-font-family) !important; + color: var(--marpx-table-font-color); +} + +section table th { + background-color: var(--marpx-table-header-background-color); + color: var(--marpx-table-header-color-color); + border-top: var(--marpx-table-border-top-color) solid 2px; + border-bottom: var(--marpx-table-border-bottom-color) solid 2px; + border-width: initial; +} + +section table td { + border: 1px solid var(--marpx-table-border-bottom-color); + border-left: 0; + border-right: 0; +} + +section table tr:nth-child(even) { + background-color: var(--marpx-table-nth-child-color-color); +} + +section table tr:last-child { + border-bottom: var(--marpx-table-border-bottom-color) solid 1px; +} + +tr:hover { + color: var(--marpx-table-hover-color) !important; + background: var(--marpx-table-hover-background-color) !important; + /* font-weight: bold !important; */ +} + +/* +!================================================================================ +?-----------------------< REFERENCES >----------------------- +!================================================================================ +*/ +section.references { + background: var(--marpx-references-background-color); + color: #303235; + font-family: "Fira Sans Light", sans-serif; + padding: 150px 48px; + line-height: 1.15; +} + +section.references li { + margin-bottom: 0.7em !important; + /* ajuste o valor conforme desejar */ +} + +section.references strong { + color: var(--marpx-references-bold-color); + font-family: "Fira Sans Regular", sans-serif; +} + +section.references h1, +section.references h2 { + color: var(--marpx-references-header-color); + margin-bottom: 16px; + font-family: "Fira Sans Regular", sans-serif; + /* border-bottom: 1px solid #0606ee; */ +} + +section.references .multicolumn { + display: grid; + column-gap: 18px; + /* Align items to the top */ + align-items: start; +} + +section.references .multicolumn > div { + padding: 0 0px; + /* Ensures content is aligned with the top */ + vertical-align: top; +} + +section.references, +/* section.references *, */ +section.references .multicolumn>div, +section.references .multicolumn>div * { + font-size: 15pt !important; + font-weight: 600 !important; + box-sizing: border-box; +} + +/* +!================================================================================ +?-----------------------< BLACK-SLIDE & SLIDE BLACK>----------------------- +!================================================================================ +*/ + +section.slide.black, +section.black-slide { + background-color: black !important; +} + +section.slide.black > h1, +section.black-slide > h1 { + color: white; +} + +section.slide.black figcaption, +section.slide.black .figcaption, +section.black-slide figcaption, +section.black-slide .figcaption { + color: white !important; +} + +section.slide.black figcaption::before, +section.slide.black .figcaption::before, +section.black-slide figcaption::before, +section.black-slide .figcaption::before { + color: rgb(245, 76, 76) !important; +} + +/* +!================================================================================ +?-----------------------< WHITE-SLIDE & SLIDE WHITE>----------------------- +!================================================================================ +*/ +section.slide.white, +section.white-slide { + background-color: white !important; +} + +section.slide.white > h1, +section.white-slide > h1 { + color: black; +} + +section.slide.white figcaption, +section.slide.white .figcaption, +section.white-slide figcaption, +section.white-slide .figcaption { + color: black !important; +} + +/* +section.slide.white figcaption::before, +section.slide.white .figcaption::before, +section.white-slide figcaption::before, +section.white-slide .figcaption::before { + color: red !important; +} */ + +/* +!================================================================================ +?-----------------------< BOX >----------------------- +!================================================================================ +*/ + +box { + + 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: 6px; /* cantos arredondados (opcional) */ + background-color: #f0f0f0;/* cor de fundo (opcional) */ + text-align: center; /* centraliza o conteúdo dentro da caixa */ +} + +.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 */ +} \ No newline at end of file diff --git a/themes/cantor.css b/themes/cantor.css new file mode 100644 index 0000000..3571439 --- /dev/null +++ b/themes/cantor.css @@ -0,0 +1,191 @@ +/* @theme cantor */ + +@import "marpx"; + +/* Charter */ +@import url("https://fonts.cdnfonts.com/css/charter-itc-tt"); + +:root { + + --color-background1: hsl(0, 0%, 97%); + --color-background2: hsl(0, 0%, 91%); + --color-bold: #041a2c; + --color-font-h1: #242060; + --color-font: #2e2e2e; + --color-marker: #f0a211; + + + /* Gray */ + --gray-100: #ffffff; + --gray-200: #f3f6fc; + --gray-300: #f1f4f8; + --gray-400: #f2f2f2; + --gray-500: #f0f0f0; + --gray-600: #e6e6e6; + --gray-700: #e0e0e0; + --gray-800: #c4c7c5; + --gray-900: #a0a0a0; + --gray-1000: #444746; + --gray-1100: #444444; + --gray-1200: #333333; + --gray-1300: #1f1f1f; + --gray-1400: #1e1e1e; + + /* Blue */ + --blue-100: #e5eef4; + --blue-200: #d3e3fd; + --blue-300: #a8c7fa; + --blue-350: #74a9ff; + --blue-400: #1e88e5; + --blue-500: #0b57d0; + --blue-600: #003875; + --blue-700: #06284c; + --blue-800: #041e49; + --blue-900: #162e51; + --blue-1000: #0c1e38; + + /* Khaki */ + --khaki-d100: #fef7e0; + --khaki-d200: #fad762; + --khaki-d300: #fdca24; + --khaki-d400: #ffab10; + --khaki-d500: #e9e3d1; + --khaki-d600: #b8b8b8; + --khaki-d700: #bbb7a9; + --khaki-d800: #a2a0a0; + --khaki-d900: #3c3f3b; + --khaki-d1000: #706d63; + --khaki-d1100: #2e2626; + --khaki-d1200: #d1002a; + + + /* Green */ + --green-d100: #eeff00; + + + + /* MAIN GLOBAL PARAMETERS of THEME */ + --marpx-theme-font-size: 24pt; + --marpx-theme-letter-spacing: inherit; + --marpx-theme-font-family: "Fira Sans", "Open Sans", serif; + --marpx-theme-font-family: 'Charter ITC TT','Fira Sans', 'Faustina', 'Bookerly', 'Lora', sans-serif; + + --marpx-theme-background-color: var(--color-background1); + --marpx-theme-font-color: var(--color-font); + --marpx-theme-bold-color: var(--color-bold); + --marpx-theme-marker-color: var(--color-marker); + --marpx-theme-h1-color: var(--color-font-h1); + --marpx-theme-h1-bold-color: var(--khaki-d800); + --marpx-theme-h2-color: var(--blue-d500); + + /* SECONDARY GLOBAL PARAMETERS of THEME */ + --marpx-theme-color: var(--color-font); + --marpx-theme-figure-captiontext-color: var(--khaki-d1200); + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-highlight-color: var(--blueViolet-500); + --marpx-theme-table-captiontext: "Table. "; + --marpx-theme-table-captiontext-color: var(--khaki-d1200); + --marpx-theme-toc-color: var(--blue-d500); + + + + /* CHAPTER */ + --marpx-theme-chapter-background-color: var(--blue-d300); + --marpx-theme-chapter-h1-font-color: var(--khaki-d500); + --marpx-theme-chapter-h2-font-color: var(--khaki-d500); + + /* TITLE ACADEMIC */ + --marpx-title-header-color: var(--color-marker); + --marpx-title_academic-background-color: var(--color-background2); + --marpx-title_academic-title-color: var(--gray-1300); + --marpx-title_academic-subtitle-color: var(--khaki-d700); + --marpx-title_academic-border-color: var(--blue-d300); + --marpx-title_academic-author-color: var(--color-marker); + --marpx-title_academic-font-color: var(--khaki-d700); + + --marpx-title_academic-title-size: 130%; + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-subtitle-size: 90%; + --marpx-title_academic-author-size: 90%; + --marpx-title_academic-institute-size: 75%; + --marpx-title_academic-letter-spacing: -0.7px; + + /* QUOTE */ + --marpx-quote-font-color: var(--color-font); + --marpx-quote-background-color: var(--khaki-d500); + --marpx-quote-bold-color: var(--khaki-d1200); + --marpx-quote-paragraph-background-color: inherit; + --marpx-quote_dark-font-color: var(--color-background1); + --marpx-quote_dark-bold-color: var(--khaki-d400); + --marpx-quote_dark-color-background: var(--khaki-d900); + --marpx-quote_dark-color-paragraph-background: inherit; + + /* REFERENCES */ + --marpx-references-background-color: var(--color-background1); + --marpx-references-header-color: var(--blue-d500); + --marpx-references-bold-color: var(--color-font-h1); + --marpx-references-color: var(--color-font); + --marpx-references-font-family: arial, "source sans pro", arial; + + /* TABLE */ + --marpx-table-font-color: var(--color-font); + --marpx-table-hover-background-color: var(--violet-100); + --marpx-table-hover-color: var(--blueViolet-400); + + + +} + +/* Demais diferenças estruturais */ +section { + line-height: 1.2em; +} + +section code:not(pre code) { + color: var(--color-font); + background: var(--khaki-d300) !important; + border: 0px solid var(--color-font); + border-radius: 8px; + padding: 1px 5px; + font-size: 0.98em; + display: inline-block; +} + + +section.slide.white, +section.white-slide { + color: var(--color-font); +} + +section.references a { + color: var(--blue-d700); + font-weight: 100; + text-decoration: underline; + +} + +section.chapter { + background-size: cover; /* Ajusta a imagem para cobrir todo o fundo */ + background-repeat: no-repeat; /* Evita repetição da imagem */ + background-position: center; /* Centraliza a imagem no fundo */ + background-color: rgb(0, 25, 46); + filter: grayscale(0.3) brightness(0.9); + background-image: linear-gradient(to right bottom, #4e6699, #010c24); + /* background-image: url("./pattern01.jpg"); */ +} + + +section.quote { + + --marpx-quote-font-color: var(--blue-d100); + --marpx-quote-background-color: var(--blue-d200); + --marpx-quote-bold-color: var(--green-d100); + background-image: radial-gradient(#141414 0%, transparent 0%, var(--blue-d700) 83%); +} + +section.quote.dark { + + --marpx-quote_dark-font-color: white; + background-image: linear-gradient(to top, var(--blue-d600), var(--blue-d900)); + /* background-image: url("./pattern01.jpg"); */ +} \ No newline at end of file diff --git a/themes/church.css b/themes/church.css new file mode 100644 index 0000000..7f255a0 --- /dev/null +++ b/themes/church.css @@ -0,0 +1,227 @@ +/* @theme church */ + +@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-font-family: "Sentinel-Book", cursive, Faustina, Bookerly, Lora, sans-serif; */ + --marpx-theme-font-family: Faustina, Bookerly, Lora, sans-serif; + --marpx-theme-font-size: 23pt; + --marpx-theme-background-color: #ebebeb; + + /* Text colors */ + --marpx-theme-font-color: var(--blueViolet-500); + /* --marpx-theme-bold-color: var(--scarletRed-500); */ + --marpx-theme-bold-color: hsl(218, 89%, 39%); + --marpx-theme-marker-color: var(--scarletRed-600); + + /* Headings */ + --marpx-theme-h1-color: hsl(218, 100%, 19%); + --marpx-theme-h1-bold-color: var(--scarletRed-500); + --marpx-theme-h2-color: var(--blueViolet-400); + + + /* Specific elements */ + --marpx-theme-chapter-background-color: #ffb600; + --marpx-theme-chapter-h1-font-color: #000000; + --marpx-theme-chapter-h2-font-color: #000000; + --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: 130%; + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-subtitle-size: 90%; + --marpx-title_academic-author-size: 100%; + --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: #131325; + --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: Faustina, Bookerly, Times, serif; + --marpx-quote-background-color: white; + --marpx-quote-paragraph-background-color: white; + /* --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(--violet-100); +} + + +section { + line-height: 1.07; +} + +.box { + border: 2px solid #222; + border-radius: 6px; + /* opcional: cantos arredondados */ + padding: 2px 8px; + /* espaço interno */ + /* background: #fffbe7; /* opcional: cor de fundo */ + display: inline-block; + /* garante o retângulo ao redor da palavra */ +} + +h1 { + font-family: "Fira Sans", sans-serif; + font-size: 1.5em; + font-weight: bold; + letter-spacing: -0.4pt; + line-height: 1.2; +} + +h2 { + font-size: 1.2em; + /* font-weight: bold; */ + letter-spacing: -0.4pt; + line-height: 1.16; + margin-bottom: 28px; +} + +h3 { + line-height: 1.02; + margin-bottom: 1.1em; +} + +blockquote { + font-family: "Source Sans Pro"; + font-weight: normal; + font-size: 16pt; + line-height: 18pt; + margin-top: 16pt; + color: black; +} + +blockquote strong { + color: navy; + font-weight: 900 !important; + font-family: bookerly; +} + +blockquote em { + color: rgb(88, 112, 218) !important; + font-family: bookerly, Faustina, times; + font-weight: normal; +} + +section code:not(pre code) { + /* color: #222222; */ + border: 0px solid #0a0a00ff; + background: #ffd044ff !important; + /* background: initial; */ + border-radius: 10px; + padding: 6px 10px; + /* font-size: 1em; */ + display: inline-block; +} + +box { + + border: 1px solid black; /* cria a borda */ + padding: 10px; /* espaçamento interno */ + margin: 10px auto; /* espaçamento externo */ + display: inline-block; /* garante que a caixa se ajuste ao conteúdo */ + border-radius: 10px; /* cantos arredondados (opcional) */ + background-color: #fdfdfdd0; + /* 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: 0.5px solid black; /* cria a borda */ + padding: 10px; /* espaçamento interno */ + margin: 10px auto; /* espaçamento externo */ + display: inline-block; /* garante que a caixa se ajuste ao conteúdo */ + border-radius: 10px; /* cantos arredondados (opcional) */ + background-color: #cfeafad0; + /* 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); +} + +ul li { + list-style-type: square; + margin-bottom: 0.925em; +} + +ul ul li { + list-style-type: disc; +} + +ul ul ul li { + list-style-type: circle; +} + +ol li { + margin-bottom: 1.0em; + letter-spacing: -0.02em; +} + +ol ol li { + list-style-type:lower-alpha; +} + +ol ol ol li { + list-style-type:lower-roman; +} \ No newline at end of file diff --git a/themes/copernicus.css b/themes/copernicus.css new file mode 100644 index 0000000..062565a --- /dev/null +++ b/themes/copernicus.css @@ -0,0 +1,115 @@ +/* @theme copernicus */ + +@import "marpx"; + +:root { + /*------------ Overall theme parameters ---------------------------------*/ + + --marpx-theme-font-family: "Fira Sans", Faustina, Bookerly, sans-serif; + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-table-captiontext: "Table "; + --marpx-theme-brandlogo: " "; + --marpx-theme-marker-color: orangered; + --marpx-theme-color: #002b36; + --marpx-theme-chapter-background-color: #e6b737; + /* --marpx-theme-toc-color: #5b688b; */ + + --marpx-theme-background-color: #cad1e4; + + --marpx-theme-bold-color: #ec2300; + --marpx-theme-font-color: #3b4963; + + --marpx-theme-subtitle-color: #5d616d; + --marpx-theme-h1-bold-color: #e96363; + + --marpx-theme-code-color: rgb(233, 233, 233); + --marpx-theme-highlight-color: #b9e4f1; + + --marpx-theme-footnote-mark-color: #ff0000; + + /* ------------------- TITLE SLIDE -----------------------------*/ + + /* fonts sizes */ + --marpx-title_academic-title-size: 145%; + --marpx-title_academic-subtitle-size: 95%; + --marpx-title_academic-author-size: 110%; + --marpx-title_academic-date-size: 95%; + --marpx-title_academic-institute-size: 85%; + + /* inter character space */ + --marpx-title_academic-letter-spacing: 0.075px; + + /* font weights */ + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-subtitle-font-weight: 600; + /* colors in style */ + --marpx-title_academic-title-color: #002b36; + --marpx-title_academic-subtitle-color: #dcdee0; + --marpx-title_academic-author-color: #002b36; + --marpx-title_academic-font-color: #242d31; + --marpx-title_academic-background-color: #7790c7; + --marpx-title_academic-border-color: #aacce2; + + /*------------ Parameters used in `REFERENCES` ---------------------------------*/ + + --marpx-references-bold-color: #3e6ceb; + --marpx-references-background-color: #eff4fa; + --marpx-references-header-color: #539dd3; + + /*------------ Parameters used in `QUOTE` ---------------------------------*/ + + --marpx-quote-font-family: Bookerly, Faustina, Times, serif; + + --marpx-quote-background-color: #f3f3f2; + --marpx-quote-paragraph-background-color: #f3f3f2; + --marpx-quote-bold-color: #6462f1; + + /*- quote dark -*/ + + --marpx-quote_dark-font: Bookerly, Faustina, Bookerly, Times, serif; + + --marpx-quote_dark-font-color: #c4bcbc; + --marpx-quote_dark-color-background: #222020; + --marpx-quote_dark-color-paragraph-background: #222020; + --marpx-quote_dark-bold-color: #ffffff; + + /*------------ Parameters used in `TABLE` ---------------------------------*/ + + --marpx-table-header-background-color: #000000; + --marpx-table-header-color-color: white; + /* --marpx-table-border-top-color: ; */ + --marpx-table-border-bottom-color: #cac9c5f8; + --marpx-table-nth-child-color-color: #f5f5f5; + --marpx-table-hover-color: #474619; + --marpx-table-hover-background-color: #eaf779; + + --marpx-table-font-size: 22px; + --marpx-table-font-family: ; + + /*------------ Parameters used in `TOC` ---------------------------------*/ + --marpx-color-toc-marker: rgb(50, 14, 253); + +} + +section { + line-height: 1.153em; +} + +.box { + border: 2px solid #222; + border-radius: 6px; /* opcional: cantos arredondados */ + padding: 2px 8px; /* espaço interno */ + /* background: #fffbe7; /* opcional: cor de fundo */ + display: inline-block; /* garante o retângulo ao redor da palavra */ +} + +section code { + border: 2px solid #222; + border-radius: 12px; + padding: 2px 8px; + /* background: initial; */ + background: #fffbe7; + /* color: #222222; */ + font-size: 1em; + display: inline-block; +} diff --git a/themes/einstein.css b/themes/einstein.css new file mode 100644 index 0000000..ed915ab --- /dev/null +++ b/themes/einstein.css @@ -0,0 +1,174 @@ +/* @theme einstein */ + +@import "marpx"; + +:root { + /*------------< COLOR PALETTE >---------------------------------*/ + --marpx-color-light-grey: #a6a6a6; + --marpx-color-dark-grey: #000000; + + /*------------< CORE THEME PARAMETERS >---------------------------------*/ + + /* General theme settings */ + --marpx-theme-color: #a3a09d; + --marpx-theme-background-color: var(--khaki-800); + + /* + --marpx-theme-font-family: 'Fira Sans', 'Faustina', 'Bookerly', 'Lora', sans-serif; + --marpx-theme-font-family: 'Faustina', 'Bookerly', 'Lora', sans-serif; + --marpx-theme-font-family: 'Bookerly', 'Lora', sans-serif; + --marpx-theme-font-family: 'Lora', sans-serif; + --marpx-theme-font-family: 'Charter ITC TT','Fira Sans', 'Faustina', 'Bookerly', 'Lora', sans-serif; + */ + --marpx-theme-font-family: 'Source Sans Pro', sans-serif; + + + /* Text colors */ + --marpx-theme-font-color: #edf2f5; + --marpx-theme-bold-color: rgb(253, 125, 79); + --marpx-theme-marker-color: var(--orange-300); + + /* Headings */ + --marpx-theme-h1-color: #f8e3b5; + --marpx-theme-h1-bold-color: rgb(255, 102, 0); + --marpx-theme-h2-color: var(--orange-300); + + /* Specific elements */ + --marpx-theme-chapter-background-color: var(--orange-300); + --marpx-theme-subtitle-color: #41434e; + --marpx-theme-code-color: #f80d0d; + --marpx-theme-highlight-color: var(--scarletRed-400); + --marpx-theme-highlight-color: var(); + + /* Captions and reference texts */ + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-figure-captiontext-color: var(--scarletRed-100); + + --marpx-theme-table-captiontext: "Table "; + --marpx-theme-table-captiontext-color: var(--scarletRed-100); + + /* Navigation and reference elements */ + --marpx-theme-toc-color: var(--blueViolet-500); + --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: 140%; + --marpx-title_academic-title-font-weight: 600; + --marpx-title_academic-subtitle-size: 95%; + --marpx-title_academic-author-size: 115%; + --marpx-title_academic-date-size: 95%; + --marpx-title_academic-institute-size: 85%; + --marpx-title_academic-letter-spacing: 0.05px; + + /* Colors */ + --marpx-title_academic-font-color: #242d31; + --marpx-title_academic-background-color: var(--khaki-800); + + --marpx-title_academic-title-color: var(--khaki-300); + --marpx-title_academic-title-color: #cfbe84; + --marpx-title_academic-subtitle-color: #ababac; + --marpx-title_academic-author-color: var(--orange-500); + --marpx-title_academic-date-color: var(--gray-100); + --marpx-title_academic-organization-color: var(--gray-100); + --marpx-title_academic-border-color: var(--orange-500); + + /*------------< TABLE COMPONENT PARAMETERS >---------------------------------*/ + + --marpx-table-font-size: 22px; + --marpx-table-font-color: #333e52; + /* --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: #c5c6caf8; + --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-350); + --marpx-quote-paragraph-background-color: var(--gray-350); + --marpx-quote-bold-color: var(--bluishCyan-800); + + /* 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-400); +} + +section { + line-height: 1.2em; +} + +.box { + border: 2px solid #222; + border-radius: 6px; /* opcional: cantos arredondados */ + padding: 2px 8px; /* espaço interno */ + /* background: #fffbe7; /* opcional: cor de fundo */ + display: inline-block; /* garante o retângulo ao redor da palavra */ +} + +section code { + border: 2px solid #222; + border-radius: 12px; + padding: 2px 8px; + /* background: initial; */ + background: #fffbe7; + /* color: #222222; */ + font-size: 0.9em; + display: inline-block; +} + +section.slide.white, +section.white-slide { + color: var(--gray-1000); +} + +section.references { + color: var(--gray-450) !important; + --marpx-theme-marker-color: var(--blue-200); +} + +section.references tabcaption, +section.references figcaption { + color: var(--gray-450); +} + +section.references a:link { + color: var(--blueViolet-200) !important; +} + +section.references a:hover { + color: blue !important; +} + +section.title-academic .date { + color: var(--marpx-title_academic-date-color); +} + +section.title-academic .organization { + color: var(--marpx-title_academic-organization-color); +} + +section blockquote { + color: var(--marpx-quote-font-color); + font-size: 0.8em; + border-left: 8px solid var(--orange-300); +} diff --git a/themes/frankfurt.css b/themes/frankfurt.css new file mode 100644 index 0000000..a22b11b --- /dev/null +++ b/themes/frankfurt.css @@ -0,0 +1,113 @@ +/* @theme frankfurt */ + +@import "marpx"; + + +:root { + + /** ----------------------------------------------------------------------------------------------- */ + /** WARNING: The parameter (container-type: normal) was used to allow the numbering of figures */ + /** and tables. Be warned that it may produce side effects in browsers other than Chrome! */ + /** ----------------------------------------------------------------------------------------------- */ + container-type: normal; + counter-reset: figure_cnt table_cnt; + + --marpx-color-light-grey: #a6a6a6; + --marpx-color-dark-grey: #000000; + + /*------------ Overall theme parameters --------------------------*/ + + --marpx-theme-font-family: Faustina, Bookerly, "Source Sans Pro", 'Fira Sans Light',sans-serif; + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-table-captiontext: "Table "; + --marpx-theme-brandlogo: " "; + + --marpx-theme-color: #3e6ceb; + --marpx-theme-toc-color: #0aa5ff; + + /* --marpx-theme-chapter-background-color: #1e2022; + --marpx-theme-chapter-h1-font-color: #758cfa; + --marpx-theme-chapter-h2-font-color: #9bbaf5; + + --marpx-theme-chapter-background-color: #11212d; + --marpx-theme-chapter-h1-font-color: #7aadbe; + --marpx-theme-chapter-h2-font-color: #55818b; */ + + --marpx-theme-chapter-background-color: hsl(215, 36%, 24%); + --marpx-theme-chapter-background-color: hsl(215, 37%, 12%); + --marpx-theme-chapter-h1-font-color: #778bf0; + --marpx-theme-chapter-h2-font-color: hsl(214, 5%, 73%); + + --marpx-theme-background-color: #f5f4ef; + --marpx-theme-bold-color: #2E45B8; + + --marpx-theme-subtitle-color: #545e7c; + --marpx-theme-h1-color: #02000a; + --marpx-theme-h2-color: #30374d; + + --marpx-theme-h1-bold-color: #ad2424; + + --marpx-theme-footnote-mark-color: #ff0000; + --marpx-theme-code-color: #ffff00; + --marpx-theme-highlight-color: #ffff00; + --marpx-theme-marker-color: #fa0909; + + /*------------ Parameters used in `REFERENCES` --------------------------*/ + + --maprx-color-references-bold: #3e6ceb; + --marpx-references-background-color: #eff4fa; + --marpx-references-header-color: #539dd3; + + /*------------ Parameters used in `QUOTE` --------------------------*/ + + --marpx-quote-background-color: #ffffff; + --marpx-quote-paragraph-background-color: #ffffff; + --marpx-quote-bold-color: #6462f1; + --marpx-quote-font-family: Faustina, Bookerly, Times, serif; + + --marpx-quote_dark-color-background: #9aade2; + --marpx-quote_dark-color-paragraph-background: #9aade2; + --marpx-quote_dark-bold-color: #f8f8f7; + --marpx-quote_dark-font: Faustina, Bookerly, Times, serif; + + /*------------ Parameters used in `TABLE` --------------------------*/ + + --marpx-table-header-background-color: rgb(21, 29, 51); + --marpx-table-header-color-color: white; + --marpx-table-border-top-color: rgb(255, 73, 1); + --marpx-table-border-bottom-color: rgba(202, 201, 197, 0.973); + --marpx-table-nth-child-color-color: #f5f5f5; + --marpx-table-hover-color: black; + --marpx-table-hover-background-color: rgb(234, 247, 121); + + --marpx-table-font-size: 18px; + --marpx-table-font-family: 'Fira Sans'; + + /*------------ Parameters used in `TOC` ---------------------------------*/ + --marpx-color-toc-marker: #0066ff; +} + +section { + + line-height: 1.1em; + font-size: 23pt; +} + +.boxed { + border: 2px solid #222; + border-radius: 6px; /* opcional: cantos arredondados */ + padding: 2px 8px; /* espaço interno */ + /* background: #fffbe7; /* opcional: cor de fundo */ + display: inline-block; /* garante o retângulo ao redor da palavra */ +} + +section code:not(pre code) { + /* color: hsl(0, 0%, 0%); */ + border: 0px solid #0a0a00ff; + background: #ffd044ff !important; + /* background: initial; */ + border-radius: 10px; + padding: 6px 10px; + /* font-size: 1em; */ + display: inline-block; +} \ No newline at end of file diff --git a/themes/galileo.css b/themes/galileo.css new file mode 100644 index 0000000..4b31a18 --- /dev/null +++ b/themes/galileo.css @@ -0,0 +1,131 @@ +/* @theme galileo */ + +@import "marpx"; + +/* Variáveis do tema que diferem do baseline */ + +:root { + + + /* Gray */ + --gray-100: #ffffff; + --gray-200: #f3f6fc; + --gray-300: #f1f4f8; + --gray-400: #f2f2f2; + --gray-500: #f0f0f0; + --gray-600: #e6e6e6; + --gray-700: #e0e0e0; + --gray-800: #c4c7c5; + --gray-900: #a0a0a0; + --gray-1000: #444746; + --gray-1100: #444444; + --gray-1200: #333333; + --gray-1300: #1f1f1f; + --gray-1400: #1e1e1e; + + /* Blue */ + --blue-100: #e5eef4; + --blue-200: #d3e3fd; + --blue-300: #a8c7fa; + --blue-350: #74a9ff; + --blue-400: #1e88e5; + --blue-500: #0b57d0; + --blue-600: #003875; + --blue-700: #06284c; + --blue-800: #041e49; + --blue-900: #162e51; + --blue-1000: #0c1e38; + + /* Khaki */ + --khaki-100: #fef7e0; + --khaki-200: #fdca24; + + + + --marpx-quote-background-color: var(--gray-300); + --marpx-quote-bold-color: var(--blueViolet-100); + --marpx-quote-paragraph-background-color: var(--gray-300); + --marpx-quote_dark-bold-color: var(--khaki-500); + --marpx-quote_dark-color-background: var(--blue-400); + --marpx-quote_dark-color-paragraph-background: var(--blue-400); + --marpx-quote_dark-font-color: var(--gray-100); + --marpx-references-background-color: #283042; + --marpx-references-bold-color: #6384e0; + --marpx-references-color: #b9b9b9; + --marpx-references-header-color: var(--khaki-500); + --marpx-table-font-color: var(--blue-1000); + --marpx-table-hover-background-color: var(--violet-100); + --marpx-table-hover-color: var(--blueViolet-400); + --marpx-theme-background-color: var(--blue-1000); + --marpx-theme-bold-color: var(--khaki-500); + --marpx-theme-chapter-background-color: var(--khaki-200); + --marpx-theme-chapter-h1-font-color: #000f92; + --marpx-theme-chapter-h2-font-color: #000f92; + --marpx-theme-color: var(--blueViolet-50); + --marpx-theme-figure-captiontext-color: var(--blueViolet-50); + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-font-color: var(--gray-100); + --marpx-theme-font-family: Faustina, Bookerly, Lora, sans-serif; + --marpx-theme-font-size: 24pt; + --marpx-theme-h1-bold-color: var(--blueViolet-600); + --marpx-theme-h1-color: var(--khaki-500); + --marpx-theme-h2-color: var(--blueViolet-600); + --marpx-theme-highlight-color: var(--blueViolet-500); + --marpx-theme-letter-spacing: 0.1px; + --marpx-theme-marker-color: var(--khaki-500); + --marpx-theme-subtitle-color: var(--blue-600); + --marpx-theme-table-captiontext-color: var(--blueViolet-50); + --marpx-theme-toc-color: var(--blue-600); + --marpx-title_academic-author-color: var(--blue-200); + --marpx-title_academic-author-size: 100%; + --marpx-title_academic-background-color: var(--blue-900); + --marpx-title_academic-border-color: rgb(253, 253, 253); + --marpx-title_academic-font-color: var(--blueViolet-600); + --marpx-title_academic-institute-size: 85%; + --marpx-title_academic-letter-spacing: -0.07px; + --marpx-title_academic-subtitle-color: var(--blueViolet-600); + --marpx-title_academic-subtitle-size: 85%; + --marpx-title_academic-title-color: var(--gray-100); + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-title-size: 125%; + + --marpx-title-header-color: var(--khaki-200); + +} + +/* Demais diferenças estruturais */ +section { + line-height: 1.2em; +} + +section code:not(pre code) { + color: var(--khaki-500); + color: var(--blue-350); + background: var(--blueViolet-500) !important; + border: 0.5px solid var(--blue-600); + border-radius: 8px; + padding: 1px 5px; + font-size: 0.98em; + display: inline-block; +} + + +section.slide.white, +section.white-slide { + color: var(--gray-1000); +} + +section.references a { + color: #93b0ee; + +} + +section.chapter { + background-size: cover; /* Ajusta a imagem para cobrir todo o fundo */ + background-repeat: no-repeat; /* Evita repetição da imagem */ + background-position: center; /* Centraliza a imagem no fundo */ + background-color: rgb(0, 25, 46); + filter: grayscale(0.3) brightness(0.9); + background-image: linear-gradient(to right bottom, var(--khaki-200), var(--khaki-100)); + /* background-image: url("./pattern01.jpg"); */ +} diff --git a/themes/gauss.css b/themes/gauss.css new file mode 100644 index 0000000..b8c01d0 --- /dev/null +++ b/themes/gauss.css @@ -0,0 +1,147 @@ +/* @theme gauss */ + +@import "marpx"; + +:root { + /*------------< COLOR PALETTE >---------------------------------*/ + --marpx-color-light-grey: #a6a6a6; + --marpx-color-dark-grey: #000000; + + /*------------< CORE THEME PARAMETERS >---------------------------------*/ + + /* General theme settings */ + --marpx-theme-font-size: 26pt; + --marpx-theme-color: #31406b; + --marpx-theme-background-color: var(--gray-200); + --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-bold-color: rgb(13, 13, 240); + --marpx-theme-marker-color: var(--scarletRed-600); + --marpx-theme-marker-color: #41434e; + + /* 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; + + + /*------------< 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: #4c4c58; + --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: white; + /* --marpx-quote-paragraph-background-color: rgba(255, 255, 255, 0.493); */ + --marpx-quote-bold-color: var(--scarlet-100); + + /* Dark quote variant */ + --marpx-quote_dark-font: Bookerly, Faustina, 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.275em; +} + +.box { + border: 1px solid #222; + border-radius: 6px; + /* opcional: cantos arredondados */ + padding: 2px 8px; + /* espaço interno */ + /* background: #fffbe7; /* opcional: cor de fundo */ + display: inline-block; + /* garante o retângulo ao redor da palavra */ +} + +section code { + border: 0px solid #b9b8b8; + border-radius: 12px; + padding: 1px 5px !important; + /* background: initial; */ + background: #fffbe7; + /* color: #222222; */ + /* font-size: 1em; */ + display: inline-block; +} + +section.title>h1>strong { + color: #5e5bfc; + +} + +section.quote p { + font-size: 1.8em !important; + letter-spacing: -0.73pt; + padding-left: 10px; + padding-right: 10px; +} + +box { + + border: 0.5px solid black; /* cria a borda */ + background-color: #d9ff002c; /* cor de fundo (opcional) */ + text-align: center; /* centraliza o conteúdo dentro da caixa */ + box-shadow: 0 8px 15px rgba(8, 8, 8, 0.37); + +} diff --git a/themes/gropius.css b/themes/gropius.css new file mode 100644 index 0000000..312684c --- /dev/null +++ b/themes/gropius.css @@ -0,0 +1,155 @@ +/* @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 */ +} diff --git a/themes/gödel.css b/themes/gödel.css new file mode 100644 index 0000000..bdab0d1 --- /dev/null +++ b/themes/gödel.css @@ -0,0 +1,123 @@ +/* @theme gödel */ + +@import "marpx"; + +:root { + /*------------< COLOR PALETTE >---------------------------------*/ + --marpx-color-light-grey: #a6a6a6; + --marpx-color-dark-grey: #000000; + + /*------------< CORE THEME PARAMETERS >---------------------------------*/ + + /* General theme settings */ + --marpx-theme-font-family: "Fira Sans Condensed", Faustina, Bookerly, Lora, + sans-serif; + --marpx-theme-color: #31406b; + --marpx-theme-background-color: #eeeeee; + + /* Text colors */ + --marpx-theme-font-color: #000000; + --marpx-theme-bold-color: #f8150d; + --marpx-theme-chapter-background-color: #9aade2; + + /* Headings */ + --marpx-theme-h1-bold-color: #ff3c00; + --marpx-theme-subtitle-color: #48494e; + + /* Specific elements */ + --marpx-theme-code-color: #e9e9e9; + --marpx-theme-highlight-color: #e5ff00; + --marpx-color-footnote-mark: #ff0000; + + /* Captions and branding */ + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-table-captiontext: "Table "; + --marpx-theme-brandlogo: " "; + + /*------------< TABLE OF CONTENTS PARAMETERS >---------------------------------*/ + --marpx-theme-toc-color: #4562bb; + --marpx-theme-toc-background-color: #f6f6f6; + + /*------------< TITLE SLIDE PARAMETERS >-----------------------------*/ + + /* Font sizes */ + --marpx-title_academic-title-size: 140%; + --marpx-title_academic-subtitle-size: 95%; + --marpx-title_academic-author-size: 110%; + --marpx-title_academic-date-size: 95%; + --marpx-title_academic-institute-size: 85%; + + /* Typography */ + --marpx-title_academic-letter-spacing: 0.075px; + --marpx-title_academic-title-font-weight: 600; + + /* Colors */ + /* --marpx-title_academic-title-color: #002b36; */ + --marpx-title_academic-title-color: #003c4b; + --marpx-title_academic-subtitle-color: #ababac; + --marpx-title_academic-author-color: #f8150d; + --marpx-title_academic-font-color: #242d31; + --marpx-title_academic-background-color: #faf7f7; + --marpx-title_academic-border-color: orangered; + + /*------------< TABLE COMPONENT PARAMETERS >---------------------------------*/ + + /* Colors */ + --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: #474619; + --marpx-table-hover-background-color: #eaf779; + + /* Typography */ + --marpx-table-font-size: 22px; + --marpx-table-font-family: ; + + /*------------< QUOTE COMPONENT PARAMETERS >---------------------------------*/ + + /* Light quote variant */ + --marpx-quote-font-family: Bookerly, Faustina, Times, serif; + --marpx-quote-background-color: #ffffff; + --marpx-quote-paragraph-background-color: #ffffff; + --marpx-quote-bold-color: #6462f1; + + /* Dark quote variant */ + --marpx-quote_dark-font: Faustina, Bookerly, Times, serif; + --marpx-quote_dark-font-color: #222230; + --marpx-quote_dark-color-background: #9aade2; + --marpx-quote_dark-color-paragraph-background: #9aade2; + --marpx-quote_dark-bold-color: #f8f8f7; + + /*------------< REFERENCES COMPONENT PARAMETERS >---------------------------------*/ + --marpx-references-bold-color: #3e6ceb; + --marpx-references-background-color: #eff4fa; + --marpx-references-header-color: #539dd3; +} + +section { + line-height: 1.2em; +} + +.box { + border: 2px solid #222; + border-radius: 6px; + /* opcional: cantos arredondados */ + padding: 2px 8px; + /* espaço interno */ + /* background: #fffbe7; /* opcional: cor de fundo */ + display: inline-block; + /* garante o retângulo ao redor da palavra */ +} + +section code { + border: 2px solid #222; + border-radius: 12px; + padding: 2px 8px; + /* background: initial; */ + background: #fffbe7; + /* color: #222222; */ + font-size: 1em; + display: inline-block; +} diff --git a/themes/haskell.css b/themes/haskell.css new file mode 100644 index 0000000..ef56dab --- /dev/null +++ b/themes/haskell.css @@ -0,0 +1,192 @@ +/* @theme haskell */ + +@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-font-family: "Sentinel-Book", cursive, Faustina, Bookerly, Lora, sans-serif; */ + --marpx-theme-font-family: Faustina, Bookerly, Lora, sans-serif; + --marpx-theme-font-size: 24pt; + --marpx-theme-background-color: #ebebeb; + + /* 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: hsl(218, 100%, 19%); + --marpx-theme-h1-bold-color: var(--scarletRed-500); + --marpx-theme-h2-color: var(--blueViolet-400); + + + /* Specific elements */ + --marpx-theme-chapter-background-color: var(--blueViolet-600); + --marpx-theme-chapter-background-color: orangered; + --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: 130%; + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-subtitle-size: 90%; + --marpx-title_academic-author-size: 100%; + --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: Faustina, Bookerly, Times, serif; + --marpx-quote-background-color: white; + --marpx-quote-paragraph-background-color: white; + /* --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(--violet-100); +} + + +section { + line-height: 1.07; +} + +.box { + border: 2px solid #222; + border-radius: 6px; + /* opcional: cantos arredondados */ + padding: 2px 8px; + /* espaço interno */ + /* background: #fffbe7; /* opcional: cor de fundo */ + display: inline-block; + /* garante o retângulo ao redor da palavra */ +} + +h1 { + font-family: "Fira Sans", sans-serif; + font-size: 1.5em; + font-weight: bold; + /* letter-spacing: -0.5pt */ + letter-spacing: -0.0125em; +} + +h2 { + font-size: 1.2em; + font-weight: bold; + letter-spacing: -0.4pt +} + +blockquote { + font-family: "Source Sans Pro"; + font-weight: normal; + font-size: 16pt; + line-height: 18pt; + margin-top: 16pt; + color: black; +} + +blockquote strong { + color: navy; + font-weight: 900 !important; + font-family: bookerly; +} + +blockquote em { + color: rgb(88, 112, 218) !important; + font-family: bookerly, Faustina, times; + font-weight: normal; +} + +section code:not(pre code) { + /* color: #222222; */ + border: 0px solid #0a0a00ff; + background: #ffd044ff !important; + /* background: initial; */ + border-radius: 10px; + padding: 6px 10px; + /* font-size: 1em; */ + display: inline-block; +} + +box { + + border: 0px solid black; /* cria a borda */ + padding: 10px; /* espaçamento interno */ + margin: 10px auto; /* espaçamento externo */ + display: inline-block; /* garante que a caixa se ajuste ao conteúdo */ + border-radius: 10px; /* cantos arredondados (opcional) */ + background-color: hsla(0, 0%, 100%, 0.425); + /* 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: 0.5px solid black; /* cria a borda */ + padding: 10px; /* espaçamento interno */ + margin: 10px auto; /* espaçamento externo */ + display: inline-block; /* garante que a caixa se ajuste ao conteúdo */ + border-radius: 10px; /* cantos arredondados (opcional) */ + background-color: hsla(0, 0%, 100%, 0.836); + /* 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); +} diff --git a/themes/hobbes.css b/themes/hobbes.css new file mode 100644 index 0000000..5f2e606 --- /dev/null +++ b/themes/hobbes.css @@ -0,0 +1,181 @@ +/* @theme hobbes */ + +@import "marpx"; + +/* Font: Bitter */ +@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap'); + +:root { + + --color-background1: #dcded3; + --color-background2: #131920; + --color-bold: #041a2c; + --color-font-h1: #242060; + --color-font: #2e2e2e; + --color-marker: #f0a211; + + /* Khaki */ + --khaki-d100: #fef7e0; + --khaki-d200: #fad762; + --khaki-d300: #fdca24; + --khaki-d400: #ffab10; + --khaki-d450: #f58f00; + + --khaki-d500: #e9e3d1; + --khaki-d600: #b8b8b8; + --khaki-d700: #bbb7a9; + --khaki-d800: #a2a0a0; + --khaki-d900: #3c3f3b; + --khaki-d1000: #706d63; + --khaki-d1100: #2e2626; + --khaki-d1200: #d1002a; + + /* Blue */ + --blue-d100: #bee5ff; + --blue-d200: #5d9cfa; + --blue-d300: #93b0ee; + --blue-d400: #6e85b8; + --blue-d500: #6880a0; + --blue-d600: #5871a7; + --blue-d700: #023977; + --blue-d800: #253d72; + --blue-d900: #111622; + + /* Green */ + --green-d100: #eeff00; + + + + /* MAIN GLOBAL PARAMETERS of THEME */ + --marpx-theme-font-size: 24pt; + --marpx-theme-letter-spacing: .01px; + --marpx-theme-font-family: Bitter, Faustina, Bookerly, Lora, serif; + --marpx-theme-background-color: var(--color-background1); + --marpx-theme-font-color: var(--color-font); + --marpx-theme-bold-color: var(--color-bold); + --marpx-theme-marker-color: var(--color-marker); + --marpx-theme-h1-font-size: 34pt; + --marpx-theme-h1-color: var(--color-font-h1); + --marpx-theme-h1-bold-color: var(--khaki-d450); + --marpx-theme-h2-color: var(--blue-d500); + + /* SECONDARY GLOBAL PARAMETERS of THEME */ + --marpx-theme-color: var(--color-font); + --marpx-theme-figure-captiontext-color: var(--khaki-d1200); + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-highlight-color: var(--blueViolet-500); + --marpx-theme-table-captiontext: "Table. "; + --marpx-theme-table-captiontext-color: var(--khaki-d1200); + --marpx-theme-toc-color: var(--blue-d500); + + /* CHAPTER */ + --marpx-theme-chapter-background-color: var(--blue-d300); + --marpx-theme-chapter-h1-font-color: var(--khaki-d500); + --marpx-theme-chapter-h2-font-color: var(--khaki-d500); + + /* TITLE ACADEMIC */ + --marpx-title_academic-title-size: 125%; + --marpx-title_academic-subtitle-size: 85%; + --marpx-title_academic-author-size: 100%; + --marpx-title_academic-institute-size: 85%; + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-letter-spacing: -0.07px; + + --marpx-title-header-color: var(--color-marker); + --marpx-title_academic-background-color: var(--color-background2); + --marpx-title_academic-title-color: var(--color-background1); + --marpx-title_academic-subtitle-color: var(--khaki-d700); + --marpx-title_academic-border-color: var(--blue-d300); + --marpx-title_academic-author-color: var(--color-marker); + --marpx-title_academic-font-color: var(--khaki-d700); + + /* QUOTE */ + --marpx-quote-font-color: var(--color-font); + --marpx-quote-background-color: var(--khaki-d500); + --marpx-quote-bold-color: var(--khaki-d1200); + --marpx-quote-paragraph-background-color: inherit; + --marpx-quote_dark-font-color: var(--color-background1); + --marpx-quote_dark-bold-color: var(--khaki-d400); + --marpx-quote_dark-color-background: var(--khaki-d900); + --marpx-quote_dark-color-paragraph-background: inherit; + + /* REFERENCES */ + --marpx-references-background-color: var(--color-background1); + --marpx-references-header-color: var(--blue-d500); + --marpx-references-bold-color: var(--color-font-h1); + --marpx-references-color: var(--color-font); + --marpx-references-font-family: inherit; + + /* TABLE */ + --marpx-table-font-color: var(--color-font); + --marpx-table-hover-background-color: var(--violet-100); + --marpx-table-hover-color: var(--blueViolet-400); + +} + +/* Demais diferenças estruturais */ +section { + line-height: 1.2em; +} + +section code:not(pre code) { + color: var(--color-font); + background: var(--khaki-d300) !important; + border: 0px solid var(--color-font); + border-radius: 8px; + padding: 1px 5px; + font-size: 0.98em; + display: inline-block; +} + + +section.slide.white, +section.white-slide { + color: var(--color-font); +} + +section.references a { + color: var(--blue-d700); + font-weight: 100; + text-decoration: underline; + +} + +section.chapter { + background-size: cover; + /* Ajusta a imagem para cobrir todo o fundo */ + background-repeat: no-repeat; + /* Evita repetição da imagem */ + background-position: center; + /* Centraliza a imagem no fundo */ + background-color: rgb(0, 25, 46); + filter: grayscale(0.3) brightness(0.9); + background-image: linear-gradient(to right bottom, #4e6699, #010c24); + /* background-image: url("./pattern01.jpg"); */ +} + + +section.quote { + + --marpx-quote-font-color: var(--blue-d100); + --marpx-quote-background-color: var(--blue-d200); + --marpx-quote-bold-color: var(--green-d100); + background-image: radial-gradient(#141414 0%, transparent 0%, var(--blue-d700) 83%); +} + +section.quote.dark { + + --marpx-quote_dark-font-color: white; + background-image: linear-gradient(to top, var(--blue-d600), var(--blue-d900)); + /* background-image: url("./pattern01.jpg"); */ +} + + +box { + + border: 0.5px solid black; /* cria a borda */ + background-color: #d9ff0025; /* cor de fundo (opcional) */ + text-align: center; /* centraliza o conteúdo dentro da caixa */ + box-shadow: 0 8px 15px rgba(8, 8, 8, 0.37); + +} \ No newline at end of file diff --git a/themes/lorca.css b/themes/lorca.css new file mode 100644 index 0000000..bae0810 --- /dev/null +++ b/themes/lorca.css @@ -0,0 +1,142 @@ +/* @theme lorca */ + +@import "marpx"; + +:root { + + /*------------ Overall theme parameters ---------------------------------*/ + + --marpx-theme-font-family: "Fira Sans", Faustina, Bookerly, sans-serif; + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-table-captiontext: "Table "; + --marpx-theme-brandlogo: " "; + + + --marpx-theme-color: #006a85; + --marpx-theme-chapter-background-color: #808080; + --marpx-theme-background-color: #ffffff; + --marpx-theme-font-color: #000000; + --marpx-theme-bold-color: #d53044; + + --marpx-theme-subtitle-color: #5d616d; + --marpx-theme-h1-bold-color: #d53044; + --marpx-theme-h2-color: #4d7099; + --marpx-theme-marker-color: rgb(0, 102, 255); + + --marpx-theme-toc-color: #d53044; + + --marpx-theme-footnote-mark-color: #d53044; + --marpx-theme-code-color: rgb(233, 233, 233); + --marpx-theme-highlight-color: #b9e4f1; + + /* ------------------- TITLE SLIDE -----------------------------*/ + + /* fonts sizes */ + --marpx-title_academic-title-size: 140%; + --marpx-title_academic-subtitle-size: 90%; + --marpx-title_academic-author-size: 95%; + --marpx-title_academic-date-size: 90%; + --marpx-title_academic-institute-size: 90%; + + /* inter character space */ + --marpx-title_academic-letter-spacing: 0.125px; + /* font weights */ + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-subtitle-font-weight: bold; + /* colors in style */ + --marpx-title_academic-title-color: #002b36; + --marpx-title_academic-title-color: #003c4b; + --marpx-title_academic-subtitle-color: #cacaca; + --marpx-title_academic-author-color: #d53044; + --marpx-title_academic-font-color: #242d31; + --marpx-title_academic-background-color: #faf7f7; + --marpx-title_academic-border-color: #ff9b04; + + /*------------ Parameters used in `REFERENCES` ---------------------------------*/ + + --marpx-references-bold-color: #3e6ceb; + --marpx-references-background-color: #eff4fa; + --marpx-references-header-color: #539dd3; + + /*------------ Parameters used in `QUOTE` ---------------------------------*/ + + --marpx-quote-background-color: #ece8e8; + --marpx-quote-paragraph-background-color: #f8f8f8; + --marpx-quote-bold-color: #6462f1; + --marpx-quote-font-family: Faustina, Times, serif; + /*- quote dark -*/ + --marpx-quote_dark-color-background: #46b1e2; + --marpx-quote_dark-color-paragraph-background: #5ec1e9; + --marpx-quote_dark-bold-color: #f8f8f7; + --marpx-quote_dark-font: Faustina, Bookerly, Times, serif; + + /*------------ Parameters used in `TABLE` ---------------------------------*/ + + --marpx-table-header-background-color: rgb(0, 0, 0); + --marpx-table-header-color-color: white; + /* --marpx-table-border-top-color: ; */ + --marpx-table-border-bottom-color: rgba(202, 201, 197, 0.973); + --marpx-table-nth-child-color-color: #f5f5f5; + --marpx-table-hover-color: rgb(71, 70, 25); + --marpx-table-hover-background-color: rgb(234, 247, 121); + + --marpx-table-font-size: 22px; + --marpx-table-font-family: ; + + /*------------ Parameters used in `TOC` ---------------------------------*/ + --marpx-color-toc-marker: rgb(175, 69, 27); + +} + +section { + + line-height: 1.3em; +} + +section code { + border: 2px solid #222; + border-radius: 12px; + padding: 2px 8px; + /* background: initial; */ + background: #fffbe7; + /* color: #222222; */ + font-size: 1em; + display: inline-block; +} + +/* ===== LORCA: footer on the left + page circle on the right ===== */ + +/* Red circle with "page / total" on the right */ +section::after { + content: attr(data-marpit-pagination) " / " attr(data-marpit-pagination-total); + position: absolute; + right: 32px; + bottom: 20px; + width: 56px; + height: 56px; + border-radius: 50%; + background: #d53044; + color: #fff; + font-weight: 700; + font-size: 10.5pt; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 2px 4px rgba(0, 0, 0, .18); + left: auto !important; + /* override base theme’s left positioning */ + z-index: 20; +} + +/* Footer text (MarpX Theme Lorca · Back to the outline) aligned to the left */ +footer { + position: absolute; + left: 40px !important; + /* move to the left */ + right: auto !important; + bottom: 16px; + display: flex; + align-items: center; + gap: 8px; + text-align: left; +} \ No newline at end of file diff --git a/themes/marpx.css b/themes/marpx.css new file mode 100644 index 0000000..9f05c7b --- /dev/null +++ b/themes/marpx.css @@ -0,0 +1,1734 @@ +/* *================================================================================ +* +* MIT License +* +* Copyright (c) 2025 Paulo Cunha - MarpX +* +* Permission is hereby granted, free of charge, to any person obtaining a copy +* of this software and associated documentation files (the "Software"), to deal +* in the Software without restriction, including without limitation the rights +* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +* copies of the Software, and to permit persons to whom the Software is +* furnished to do so, subject to the following conditions: +* +* The above copyright notice and this permission notice shall be included in all +* copies or substantial portions of the Software. +* +* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +* SOFTWARE. +* +* ================================================================================ +* +* marpx.css - MarpX base-theme configuration ORIGINAL +* Paulo Cunha (cunha.paulo@gmail.com) +* Created: jul.2025 +* Last update: 12.jan.2026 +* +* ================================================================================ */ + +/* +* @theme marpx +* +* @auto-scaling true +* @size 16:9 1280px 720px +* @size 4:3 960px 720px +* @size A4 210mm 297mm +* @size fullHD 1920px 1080px +* @size banner 1600px 13000px +* @size mobile 800px 1650px +* +*/ + +@import "default"; + +/**>--------------------------------------------------------------*/ +/**-- Fonts from CDN Fonts >--*/ +/**-- Styles: "Fira Sans Condensed" >--*/ +/**>--------------------------------------------------------------*/ +/* Font: "Fira Sans Condensed" */ +@import url("https://fonts.cdnfonts.com/css/fira-sans-condensed?styles=19730"); + +/**>--------------------------------------------------------------*/ +/**-- Fonts from Web Font Free >--*/ +/**-- font-family: 'Sentinel-Book', cursive; >--*/ +/**>--------------------------------------------------------------*/ +/* Font: "Sentinel Book" */ +/* @import url("https://c.webfontfree.com/c.js?f=Sentinel-Book"); */ + +/**>--------------------------------------------------------------*/ +/**-- Fonts from Google Fonts >--*/ +/**-- https://fonts.google.com/specimen/Fira+Sans?query=fira >--*/ +/**-- >--*/ +/**-- Styles: Thin, ExtraLight, Light, Regular, Medium, >--*/ +/**-- SemiBold, Bold, ExtraBold, Black >--*/ +/**>--------------------------------------------------------------*/ +/* Charter */ +/* @import url("https://fonts.cdnfonts.com/css/charter-itc-tt"); */ + +/* Font: Fautina, "Fira Sans", "Source Sans 3" */ +@import url("https://fonts.googleapis.com/css2?family=Faustina:ital,wght@0,300..800;1,300..800&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap"); + +/* Font: "Source Sans Pro" */ +@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&family=Zilla+Slab:wght@300;400;600&display=swap"); + +/* "Open Sans" */ +/* @import url("https://fonts.googleapis.com/css2?Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"); */ + +/* "EB+Garamond" */ +/* @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800'); */ + +/* "Bitter" */ +/* @import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap'); */ + + +:root { + + /** -----------------------<------------------------>---------------------- */ + /** WARNING: The parameter (container-type: normal) was used to allow */ + /** the numbering of figures and tables. Be warned that it may */ + /** produce side effects in browsers other than Chrome! */ + /** -----------------------<------------------------>---------------------- */ + + container-type: normal; + counter-reset: figure_cnt table_cnt; + + --marpx-color-light-grey: #a6a6a6; + --marpx-color-dark-grey: #000000; + + /*------------< Palete >---------------------------------*/ + + /* Bluish cyan */ + --bluishCyan-100: #61d9ff; + --bluishCyan-200: #00c8ff; + --bluishCyan-300: #00a0d2; + --bluishCyan-400: #24b1d1; + --bluishCyan-500: #01bbf0; + --bluishCyan-600: #0ca1cc; + --bluishCyan-700: #0073aa; + --bluishCyan-800: #4680c7; + + /* Gray */ + --gray-50: #ffffff; + --gray-100: #faf7f7; + --gray-200: #fafafa; + --gray-300: #f5f5f5; + --gray-350: #d8dee9; + --gray-400: #eae8e3; + --gray-450: #515458; + --gray-500: #242424; + --gray-600: #1b1e21; + --gray-700: #161514; + --gray-800: #121212; + --gray-900: #0a0a0a; + --gray-1000: #3e3f42; + --gray-1100: #E4E3DF; + + /* Blue */ + --blue-100: #55acee; + --blue-200: #3e8ed0; + --blue-300: #215987; + --blue-400: #1d2733; + --blue-500: #00204a; + --blue-600: #123A53; + + /* Orange */ + --orange-100: #ffbd6d; + --orange-200: #de7f2b; + --orange-300: #ff8f07; + --orange-400: #c3732c; + --orange-500: #ff7c00; + + /* Scarlet */ + --scarlet-100: #e36ca3; + --scarlet-200: #cd6799; + --scarlet-300: #d16098; + --scarlet-400: #eb2889; + + /* Scarlet red */ + --scarletRed-100: #ff6d70; + --scarletRed-200: #ff3860; + --scarletRed-300: #e81c4f; + --scarletRed-400: #fc0c18; + --scarletRed-500: #d1002a; + --scarletRed-600: #ff0033; + --scarletRed-700: #c92828; + + /* Blue violet */ + --blueViolet-50: #4f6cee; + --blueViolet-100: #485fc7; + --blueViolet-200: #3b5998; + --blueViolet-300: #004fff; + --blueViolet-400: #071636; + --blueViolet-500: #040d21; + --blueViolet-550: #002238; + --blueViolet-600: #98a5e6; + --blueViolet-700: #e2e8f6; + --blueViolet-800: #d9dfea; + + /* Khaki */ + --khaki-100: #ffe08a; + --khaki-200: #fee16d; + --khaki-300: #ffc524; + --khaki-400: #fdcc08; + --khaki-500: #ffbf00; + --khaki-600: #daa60b; + --khaki-700: #e77b00; + --khaki-800: #3e3f42; + --khaki-850: #848482; + --khaki-900: #ff3300; + + /* Vermilion */ + --vermilion-100: #ffa08e; + --vermilion-200: #f88f7b; + --vermilion-300: #ff470f; + --vermilion-400: #da5656; + + /* Greenish cyan */ + --greenishCyan-100: #51e2c4; + --greenishCyan-200: #00d1b2; + --greenishCyan-300: #006b5b; + + /* Teal */ + --teal-100: #48c78e; + + /* Violet */ + --violet-100: #e6e6fa; + --violet-200: #161c4f; + + /* Yellow */ + --yellow-100: #f7df1e; + --yellow-200: #a69308; + --yellow-300: #e5ff00; + --yellow-400: #ffff00; + + /* Bluish green */ + --bluishGreen-100: #65d277; + --bluishGreen-200: #24ff70; + + /* Olive */ + --olive-100: #ade960; + + /* Lime */ + --lime-100: #d4ee9b; + + /* Purple */ + --purple-100: #b86bff; + --purple-200: #8605ff; + + /* Purple magenta */ + --purpleMagenta-100: #a44eca; + + /* Purple violet */ + --purpleViolet-100: #bdaaf6; + + /* Red */ + --red-100: #f95347; + + --scarlet-100: #5e5bfc; + + /*------------< Overall theme parameters >---------------------------------*/ + + --marpx-theme-font-family: "Fira Sans Light", Faustina, Bookerly, Lora, sans-serif; + --marpx-theme-font-size: 22pt; + --marpx-theme-letter-spacing: -0.0125px; + --marpx-theme-figure-captiontext: "Figure "; + --marpx-theme-figure-captiontext-color: var(--scarletRed-500); + --marpx-theme-h1-font-size: 32pt; + --marpx-theme-table-captiontext: "Table "; + --marpx-theme-table-captiontext-color: var(--scarletRed-500); + + --marpx-theme-brandlogo: " (2025)"; + + --marpx-theme-color: #3e6ceb; + --marpx-theme-h1-color: var(--blueViolet-500); + --marpx-theme-h1-bold-color: #ff3c00; + --marpx-theme-h2-color: var(--blueViolet-300); + --marpx-theme-marker-color: color-mix(in srgb, var(--marpx-theme-color), white 25%); + --marpx-theme-font-color: #000000; + --marpx-theme-background-color: #ffffff; + --marpx-theme-bold-color: #f8150d; + --marpx-theme-subtitle-color: #5d616d; + --marpx-theme-code-color: #e9e9e9; + --marpx-theme-highlight-color: #ffff00; + --marpx-theme-footnote-mark-color: #ff0000; + --marpx-theme-toc-color: #4562bb; + --marpx-theme-toc-background-color: #f6f6f6; + + /*-------------------< CHAPTER SLIDE >-----------------------------*/ + + --marpx-theme-chapter-background-color: hsl(224, 65%, 75%); + --marpx-theme-chapter-h1-font-color: #ffffff; + --marpx-theme-chapter-h2-font-color: #ffffff; + + + /*-------------------< TITLE SLIDE >-----------------------------*/ + + /* fonts sizes */ + --marpx-title-header-color: #000000; + --marpx-title_academic-title-size: 145%; + --marpx-title_academic-subtitle-size: 95%; + --marpx-title_academic-author-size: 105%; + --marpx-title_academic-date-size: 95%; + --marpx-title_academic-institute-size: 95%; + + /* inter character space */ + --marpx-title_academic-letter-spacing: 0.125px; + + /* font weights */ + --marpx-title_academic-title-font-weight: 600; + --marpx-title_academic-subtitle-font-weight: 300; + + /* colors in style */ + /* --marpx-title_academic-title-color: #002b36; */ + --marpx-title_academic-title-color: #003c4b; + --marpx-title_academic-subtitle-color: #ababac; + --marpx-title_academic-author-color: #f8150d; + --marpx-title_academic-font-color: #242d31; + --marpx-title_academic-background-color: #faf7f7; + --marpx-title_academic-border-color: #364269; + + /*------------< Parameters used in `REFERENCES` >---------------------------------*/ + --marpx-references-color: #303235; + --marpx-references-bold-color: #3e6ceb; + --marpx-references-background-color: #eff4fa; + --marpx-references-header-color: #539dd3; + + /*------------< Parameters used in `QUOTE` >---------------------------------*/ + + --marpx-quote-font-family: Bookerly, Faustina, Times, serif; + --marpx-quote-background-color: #ffffff; + --marpx-quote-paragraph-background-color: #ffffff; + --marpx-quote-font-color: #222230; + --marpx-quote-bold-color: #6462f1; + + /*-< quote dark >-*/ + + --marpx-quote_dark-font: Faustina, Bookerly, Times, serif; + --marpx-quote_dark-font-color: #222230; + --marpx-quote_dark-color-background: #9aade2; + --marpx-quote_dark-color-paragraph-background: #9aade2; + --marpx-quote_dark-bold-color: #f8f8f7; + + /*------------< Parameters used in `TABLE` >---------------------------------*/ + + --marpx-table-font-size: 22px; + --marpx-table-font-color: var(--marpx-theme-font-color); + --marpx-table-font-family: inherit; + --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: #474619; + --marpx-table-hover-background-color: #eaf779; + + --marpx-calc-toc-font-color: color-mix(in srgb, + var(--marpx-theme-toc-color), + white 35%); + --marpx-calc-toc-marker-color: color-mix(in srgb, + var(--marpx-theme-toc-color), + black 30%); + --marpx-calc-toc-hover-color: color-mix(in srgb, + var(--marpx-theme-toc-color), + gray 40%); + --marpx-calc-toc-hoover-background-color: color-mix(in srgb, + var(--marpx-theme-toc-color), + white 85%); +} + +img[alt~="center"] { + display: block; + margin: 0 auto; +} + +img[alt~="end-bg"] { + position: absolute; + top: 0; + left: 0; + z-index: -2; +} + +img[alt~="title-bg"] { + position: absolute; + top: 0; + left: 65.3%; + z-index: -2; +} + +li { + /* Espaço de 20 pixels entre cada item */ + margin-bottom: 20px; +} + +section { + /* Until aug.2025 it works only with Chrome */ + --page-number: attr(data-marpit-pagination); + /* Until aug.2025 it works only with Chrome */ + --page-number-total: attr(data-marpit-pagination-total); + + font-weight: 400; + font-family: var(--marpx-theme-font-family); + font-size: var(--marpx-theme-font-size); + letter-spacing: var(--marpx-theme-letter-spacing); + color: var(--marpx-theme-font-color); + background: var(--marpx-theme-background-color); + padding: 145px 80px 68px 80px; + background-size: contain; +} + +section::after { + background-color: #ffffffbd; + border-radius: 100px; + bottom: 22px; + color: var(--marpx-theme-color); + content: attr(data-marpit-pagination) "/" attr(data-marpit-pagination-total); + font-size: 14pt; + left: 50px; + margin: 0; + padding: 2px 8px; + position: absolute; +} + +header { + position: absolute; + bottom: 29px; + + margin: 0px; + padding: 0px; + text-align: end; + left: 130px; + color: var(--marpx-theme-color); + font-weight: 700; + font-size: 10.5pt; + vertical-align: bottom; + + display: flex; + justify-content: flex-end; + align-items: flex-end; +} + +footer { + position: absolute; + color: var(--marpx-color-light-grey); + font-size: 8pt; + font-weight: 700; + margin: 0px; + padding: 0px; + top: auto; + right: auto; + left: 130px; + bottom: 16px; +} + +footer::before { + content: " "; +} + +/* BRAND LOGO */ +footer::after { + content: var(--marpx-theme-brandlogo); +} + +h1 { + max-width: calc(100% - 10px); + top: 60px; + position: absolute; + color: var(--marpx-theme-h1-color); + font-size: var(--marpx-theme-h1-font-size); + font-weight: 700; + height: 120px; + + /* border-bottom: 1px solid #fd0d0d; */ + + /* Inhibited due to the form of italic and bold text linking - 19.dez.2025 */ + /* display: flex; */ + + + justify-content: flex-end; + align-items: center; +} + +h1[data-auto-scaling] { + display: unset; + position: unset; +} + +h2 { + color: var(--marpx-theme-h2-color); +} + +h2, +h3 { + margin-top: 12px; + margin-bottom: 8px; +} + +/* h1 > strong::before, +h1 > strong::after, +h1 > em::before, +h1 > em::after, +h2 > strong::before, +h2 > strong::after, +h2 > em::before, +h2 > em::after, +h3 > strong::before, +h3 > strong::after, +h3 > em::before, +h3 > em::after { + content: "\00a0"; +} */ + +h1>strong, +h1>em, +h2>strong, +h2>em, +h3>strong, +h3>em, +h4>strong, +h4>em, +h5>strong, +h5>em, +h6>strong, +h6>em { + /* padding: 0.01em 0.01em 0em 0.01em; */ /* 19.dez.2025 */ + color: var(--marpx-theme-h1-bold-color); + font-weight: bold !important; + + /* paulo.cunha */ + /* margin-left: 0.125em; */ + /* ajuste conforme necessário */ + /* margin-right: 0.125 em; */ + /* ajuste conforme necessário */ + /* display: inline-block; */ + /* assegura que margin-right funcione previsivelmente */ +} + +/* 19.dez.2025 */ +/* h1>strong, +h1>em { + + margin-left: 0.125em; +} */ + +li::marker { + color: var(--marpx-theme-marker-color); +} + +section>video { + max-height: 100%; +} + +section>figure { + margin: 0; + margin-bottom: 10px; + max-height: calc(100% - 48px); +} + +section>figure.center { + margin: 0 auto; + margin-bottom: 10px; + display: block; + text-align: center; + max-height: calc(100% - 48px); +} + +/* +!================================================================================ +?-----------------------< >----------------------- +!================================================================================ +*/ +section sup, +footnote li::marker, +.footnote li::marker { + color: var(--marpx-theme-footnote-mark-color); +} + +footnote { + border-top: 0.1em solid #555; + border-left: 0; + font-size: 60%; + margin-top: auto; +} + +footnote>ol { + margin-bottom: 0; +} + +/* +!================================================================================ +?-----------------------< SLIDE LAYOUTS >----------------------- +!================================================================================ +*/ +section>div.multicolumn, +section.multicolumn { + display: grid; + grid-auto-flow: column; + grid-gap: 10px; +} + +section>div.multicolumn.vcenter, +section.multicolumn.vcenter { + align-items: center; +} + +/* The layout for all slides is set to appear in column mode. */ +section.cols { + display: flex; + gap: 2rem; + flex-direction: row; +} + +/* The following is a layout for individual column areas in normal slides. */ +section>div.cols { + display: flex; + gap: 1rem; + flex-direction: row; +} + +/* It is optional to use the same column behavior. */ +/*.cols > .col { */ +.cols>div { + flex: 1 1 0; +} + +/* The objective is to display multiple rows in a single column. */ +section.rows { + display: flex; + gap: 2rem; + justify-content: space-evenly; + flex-direction: column; +} + +section>div.rows { + display: flex; + gap: 1rem; + flex-direction: column; +} + +/* grid layouts */ +section>div.grid-tlr, +section.grid-tlr { + display: grid; + grid-template-areas: "top top" "left right"; + grid-template-columns: 1fr 1fr; + gap: 5px 10px; +} + +section>div.grid-lrb, +section.grid-lrb { + display: grid; + grid-template-areas: "left right" "bottom bottom"; + grid-template-columns: 1fr 1fr; + gap: 5px 10px; +} + +.gtop { + grid-area: top; +} + +.gbot { + grid-area: bottom; +} + +.glft { + grid-area: left; +} + +.grgt { + grid-area: right; +} + +/* adjust h1 for the flex elements */ +section.multicolumn>h1, +section.cols>h1, +section.rows>h1, +section.grid>h1 { + margin-left: 80px; +} + +/* +!================================================================================ +?-----------------------< TITLE >----------------------- +!================================================================================ +*/ +section.title, +section.title-bg { + padding-left: 80px; + background-color: var(--marpx-title_academic-background-color); +} + + +section.title>h1, +section.title-bg>h1 { + position: absolute; + top: 34%; + margin: 0px; + height: 28%; + + padding: 0px; + font-size: 42pt; + /* font-size: var(--marpx-title_academic-title-size); */ + line-height: normal; + color: var(--marpx-title_academic-title-color); + font-weight: 700; + + /* display: flex; */ + /* paulo.cunha */ + display: block; + justify-content: flex-end; + align-items: flex-end; +} + +section.title>h2, +section.title-bg>h2 { + position: absolute; + top: 65.27%; + margin: 0px; + padding: 0px; + font-size: 30pt; + color: var(--marpx-title_academic-subtitle-color); + font-weight: 700; +} + +section.title-bg::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +section.title::after, +section.title-bg::after { + opacity: 0; +} + +section.title>header, +section.title-bg>header { + position: absolute; + bottom: 140px; + margin: 0px; + padding: 0px; + left: 80px; + font-size: 20pt; + color: var(--marpx-title-header-color); + font-weight: 200; +} + +section.title>footer, +section.title-bg>footer { + opacity: 0; +} + +/* +!================================================================================ +$?-----------------------< TITLE ACADEMIC >----------------------- +!================================================================================ +*/ + +section.title-academic { + background-color: var(--marpx-title_academic-background-color) !important; + background-image: none; + z-index: -5; +} + +section.title-academic .title, +section.title-academic>h1 { + width: 95%; + padding-bottom: 15px !important; + /* distance from the title to the underline below it */ + + line-height: 1.05 !important; + font-size: var(--marpx-title_academic-title-size); + letter-spacing: var(--marpx-title_academic-letter-spacing); + font-weight: var(--marpx-title_academic-title-font-weight); + color: var(--marpx-title_academic-title-color); + border-bottom: 1px solid var(--marpx-title_academic-border-color) !important; +} + +section.title-academic .title>strong { + /* color: var(--marpx-theme-h1-bold-color) !important; */ + color: red !important; + font-weight: bold; +} + +section.title-academic>h1 { + top: 25pt; + height: 0%; + position: relative; + font-weight: var(--marpx-title_academic-title-font-weight); + letter-spacing: var(--marpx-title_academic-letter-spacing); +} + +section.title-academic .subtitle, +section.title-academic>h2 { + color: var(--marpx-title_academic-subtitle-color); + + font-size: var(--marpx-title_academic-subtitle-size); + font-weight: var(--marpx-title_academic-subtitle-font-weight); + + line-height: 1.2; + letter-spacing: var(--marpx-title_academic-letter-spacing); + + padding-top: 10px; + padding-bottom: 120px; +} + +section.title-academic>h2 { + top: 18pt; + width: 95% !important; + position: relative; +} + +section.title-academic .author, +section.title-academic>h3 { + color: var(--marpx-title_academic-author-color) !important; + font-size: var(--marpx-title_academic-author-size); + font-weight: bold !important; +} + +section.title-academic .date, +section.title-academic>h4 { + font-size: var(--marpx-title_academic-date-size); +} + +section.title-academic .organization, +section.title-academic>h5 { + font-size: var(--marpx-title_academic-institute-size); +} + +section.title-academic .author, +section.title-academic .date, +section.title-academic .organization, +section.title-academic h3, +section.title-academic h4, +section.title-academic h5 { + font-weight: 400; + text-align: left; + color: var(--marpx-title_academic-font-color); + line-height: 1.25; + letter-spacing: var(--marpx-title_academic-letter-spacing); +} + +/* Omits page number in Title Page Slide */ +section.title-academic footer, +section.title-academic header, +section.title-academic:after { + /* hide header, footer and pagination */ + display: none; +} + +/* +!================================================================================ +?-----------------------< CHAPTER >----------------------- +!================================================================================ +*/ +section.chapter { + padding-left: 80px; + background-image: none; + background-color: var(--marpx-theme-chapter-background-color); +} + +/* +!================================================================================ +?-----------------------< CHAPTER ALTERNATIVE >----------------------- +!================================================================================ +*/ +section.chapter-alt { + padding-left: 80px; + background-image: none; + background-color: white; +} + +section.chapter-alt>h1 { + top: 38px; + position: absolute; + color: white; + font-size: 64pt; + font-weight: 700; + height: 47.5%; + width: 60%; + + display: flex; + justify-content: flex-end; + align-items: flex-end; +} + +/* +!================================================================================ +?-----------------------< CHAPTER AND SECTION >----------------------- +!================================================================================ +*/ +/* Autor, Akad. Grad */ +section.chapter-alt>header, +section.chapter>header { + opacity: 0; +} + +/* Datum */ +section.chapter-alt>footer, +section.chapter>footer { + opacity: 0; +} + +section.chapter>h1 { + position: absolute; + top: 38px; + color: var(--marpx-theme-chapter-h1-font-color); + font-size: 52pt; + font-weight: 700; + height: 47.5%; + + display: flex; + justify-content: flex-end; + align-items: flex-end; +} + +section.chapter-alt>h1::after, +section.chapter>h1::after { + background: none repeat scroll 0 0 white; + bottom: 10px; + left: -50px; + content: ""; + display: block; + position: absolute; + height: 8px; + width: 200px; +} + +section.chapter-alt>h2, +section.chapter>h2 { + position: absolute; + top: 53.5%; + color: var(--marpx-theme-chapter-h2-font-color); + font-size: 27pt; + font-weight: 700; +} + +section.chapter-alt::after, +section.chapter::after { + opacity: 0; +} + +/* +!================================================================================ +?-----------------------< Table of Contents (TOC) >----------------------- +!================================================================================ +*/ +section.toc { + padding-left: 450px; + padding-top: 50px; + font-size: 24pt; + flex-flow: nowrap; + background-color: var(--marpx-theme-toc-background-color); +} + +section.toc a { + color: var(--marpx-calc-toc-font-color) !important; + /* font-weight: 600; */ +} + +/* paulo.cunha 12.01.2026 */ +section.toc li { + /* Espaço de 20 pixels entre cada item */ + margin-bottom: 10px; +} + +section.toc li::marker { + color: var(--marpx-calc-toc-marker-color); + font-weight: bold; +} + +section.toc a:hover { + font-size: 0.95em; + font-weight: bold; + + color: var(--marpx-calc-toc-hover-color) !important; + background-color: var(--marpx-calc-toc-hoover-background-color); + + border-radius: 8px; + padding: 5px 5px; + text-decoration-line: none; +} + +section.toc::before { + position: absolute; + + left: 0px; + top: 0px; + margin: 0px; + padding-top: 30px; + + width: 30%; + /* height: 86.11%; */ + height: 100%; + + text-align: center; + font-size: 42pt; + font-weight: 700; + + color: white; + background-color: var(--marpx-theme-toc-color); + content: "Agenda"; +} + +section[lang|="en"].toc::before { + content: "Contents"; +} + +section[lang|="pt"].toc::before { + content: "Conteúdo"; +} + +section[lang|="de"].toc::before { + content: "Inhalt"; +} + +section[lang|="es"].toc::before { + content: "Contenido"; +} + +section[lang|="fr"].toc::before { + content: "Contenu"; +} + +section[lang|="it"].toc::before { + content: "Contenuto"; +} + +section[lang|="ru"].toc::before { + content: "Содержание"; +} + +section[lang|="ja"].toc::before { + content: "目次"; +} + +section[lang|="zh"].toc::before { + content: "内容"; +} + +/* +!================================================================================ +?-----------------------< THANKS >----------------------- +!================================================================================ +*/ +section.end, +section.end-bg { + color: white; + background-color: var(--marpx-theme-color); + padding-right: 515px; + padding-left: 90px; + padding-top: 185px; + font-size: 14pt; + /* white link color */ + --color-accent-fg: white; + --fgColor-accent: white; +} + +section.end>h1, +section.end-bg>h1 { + color: white; + font-size: 60pt; + height: 152px; + align-items: flex-end; +} + +section.end>h2, +section.end-bg>h2 { + color: white; +} + +section.end-bg::before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +/* no footer */ +section.end-bg::after, +section.end-bg>header, +section.end-bg>footer, +section.end::after, +section.end>header, +section.end>footer { + visibility: hidden; +} + +/* +!================================================================================ +?-----------------------< TOTAL PAGES >----------------------- +!================================================================================ +*/ +section.totalpages::after { + color: var(--marpx-theme-color); + font-size: 14pt; + content: attr(data-marpit-pagination) "/" attr(data-marpit-pagination-total); + position: absolute; + padding: 0px; + padding-bottom: 24px; + left: 10px; + width: 100px; + margin: 0px; +} + +/* +!================================================================================ +?-----------------------< TITLE COPYRIGHT >----------------------- +!================================================================================ +*/ +section.copyright>footer { + opacity: 100%; + bottom: 1%; + left: 1%; +} + +/* +!================================================================================ +?-----------------------< TITLE ADDITIONAL-LOGOS >----------------------- +!================================================================================ +*/ +section.logos>div.additional-logos { + background-color: #ffffff; + display: block; + position: absolute; + padding: 0; + margin: 0; + left: 0; + top: 0; + height: 20%; + max-height: 100%; + min-width: 61%; + width: 61%; + max-width: 61%; +} + +section.logos>div.additional-logos>p { + display: flex; + justify-content: left; + text-align: left; + margin: 0; + height: 100%; + max-height: inherit; + align-items: center; + align-content: center; + max-width: inherit; +} + +section.logos>div.additional-logos>p>img { + flex: 1; + padding: 0; + margin: 0; + border: 0; + max-height: inherit; + object-fit: contain; + background-color: #ffffff; + max-width: inherit; +} + +/* +!================================================================================ +?-----------------------< BLANK / NOBRAND SLIDE >----------------------- +!================================================================================ +*/ + +section.blank, +section.nobrand { + background: none; + background-color: #ffffff; +} + +section.blank>h1 { + visibility: visible; /* 19.dez.2025 */ +} + +section.blank>header, +section.nobrand>header { + visibility: hidden; +} + +section.blank>footer, +section.nobrand>footer { + visibility: hidden; +} + +section.blank::after, +section.nobrand::after { + visibility: hidden; +} + +/* +!================================================================================ +?-----------------------< CALLOUT >----------------------- +!================================================================================ +*/ +div.callout { + overflow: hidden; + border-style: solid; + border-width: 1.25px; + border-radius: 8px; + margin: 12px 0; + /* top+bottom right+left */ + padding: 1px 8px 8px 16px; + mix-blend-mode: normal; +} + +div.callout>h1 { + position: relative; + font-size: 18pt; + font-weight: 700; + padding: 0px 0px 8pt 0px; + margin-top: 0px; + margin-bottom: 12px; + justify-content: flex-start; + height: unset; +} + +div.callout>ul, +div.callout>ol, +div.callout>p { + margin-top: 0px; + margin-bottom: 6px; +} + +div.callout.slim { + margin: 8px 0; + padding: 6px 6px 6px 12px; + font-size: 14pt; +} + +div.callout.slim>h1 { + font-size: 16pt; + padding: 0px 0px 0pt 0px; +} + +div.callout>h1::before { + margin-right: 4pt; +} + +div.callout>h1, +div.callout.info>h1 { + color: #4b96e7; +} + +div.callout, +div.callout.info { + background-color: #e9f2fc; + border-color: #82a8d1; +} + +div.callout.warning>h1 { + color: #e67300; +} + +div.callout.warning { + background-color: #fff2e6; + border-color: #c99e73; +} + +div.callout.note>h1 { + color: #086ddd; +} + +div.callout.note { + background-color: #e6f1fe; + border-color: #88a2be; +} + +div.callout.abstract>h1 { + color: #16c4c2; +} + +div.callout.abstract { + background-color: #e8fcfc; + border-color: #4a8a89; +} + +div.callout.todo>h1 { + color: #4b96e7; +} + +div.callout.todo { + background-color: #e9f2fc; + border-color: #7694b4; +} + +div.callout.tip>h1 { + color: #16c4c2; +} + +div.callout.tip { + background-color: #e8fcfc; + border-color: #279795; +} + +div.callout.success>h1 { + color: #22c061; +} + +div.callout.success { + background-color: #e1fdec; + border-color: #4aa06b; +} + +div.callout.question>h1 { + color: #e5b92a; +} + +div.callout.question { + background-color: #fcf8e8; + border-color: #ccb875; +} + +div.callout.failure>h1 { + color: #ff001e; +} + +div.callout.failure { + background-color: #fde8ea; + border-color: #b14d4d; +} + +div.callout.danger>h1, +div.callout.danger strong { + color: #ffd000; +} + +div.callout.danger { + background-color: #bd3540; + border-color: #b80202; + color: #ffffff; +} + +div.callout.bug>h1 { + color: #ff9100; +} + +div.callout.bug { + color: #030303; + background-color: #f8fa91; + border-color: #c09e05; +} + +div.callout.example>h1 { + color: #7852ee; +} + +div.callout.example { + background-color: #ede8fd; + border-color: #9d8ec7; +} + +div.callout.quote>h1 { + color: #a7a7a7; +} + +div.callout.quote { + background-color: #f2f2f2; + border-color: #949393; +} + +/* +!================================================================================ +?-----------------------< BESPOKE PROGRESS BAR >----------------------- +!================================================================================ +*/ +@import url("data:text/css, .bespoke-marp-parent { top: 0 !important; } .bespoke-progress-parent { position: absolute; bottom: 0 !important; z-index:100; background:none !important; height:3px !important; }"); + +/* +!================================================================================ +?-----------------------< FIGCAPTION and TABCAPTION >----------------------- +!================================================================================ +*/ +figcaption, +tabcaption, +.figcaption, +.tabcaption { + font-family: "Fira Sans"; + font-size: 14pt; + font-weight: normal; + color: var(--marpx-theme-font-color); + text-align: center; +} + +figcaption::before, +.figcaption::before { + counter-increment: figure_cnt; + font-weight: bold; + color: var(--marpx-theme-figure-captiontext-color); + content: var(--marpx-theme-figure-captiontext) var(--page-number) "." + counter(figure_cnt) ": "; +} + +tabcaption::before, +.tabcaption::before { + counter-increment: table_cnt; + font-weight: bold; + color: var(--marpx-theme-table-captiontext-color); + content: var(--marpx-theme-table-captiontext) var(--page-number) "." + counter(table_cnt) ": "; +} + +.highlight { + padding: 0.2em 0.3em; + background-color: var(--marpx-theme-highlight-color); +} + +section code:not(pre code) { + font-family: inherit; + font-size: 0.95em; + background-color: var(--marpx-theme-highlight-color); + font-weight: bold; + /* color: white; */ + border-radius: 11px 11px 11px 11px; +} + +section strong { + color: var(--marpx-theme-bold-color); +} + +/* +!================================================================================ +?-----------------------< QUOTE (UNIFIED) >----------------------- +!================================================================================ +*/ + +section.quote { + background-color: var(--marpx-quote-background-color) !important; +} + +section.quote h1 { + + position: relative; + top: -100px; + height: 0px; + text-align: center; + +} + +section.quote p { + color: var(--marpx-quote-font-color); + /* background-color: var(--marpx-quote-paragraph-background-color); */ + /* paulo.cunha */ + letter-spacing: -0.23pt; + font-size: 1.4em !important; + text-align: center; + line-height: 1.10em; + font-family: var(--marpx-quote-font-family) !important; + /* font-style: oblique; */ + padding-top: auto; + padding-bottom: auto; + padding-left: 100px; + padding-right: 100px; +} + +section.quote strong { + font-style: italic; + color: var(--marpx-quote-bold-color) !important; +} + +section.quote footer, +section.quote header { + display: none; +} + +/* Alternative style (used to be quote2, now quote dark) */ +section.quote.dark { + background-color: var(--marpx-quote_dark-color-background) !important; +} + +/* Alternative style (used to be quote2, now quote dark) */ +section.quote.dark h1 { + color: var(--bluishCyan-100) !important; +} + +section.quote.dark p { + color: var(--marpx-quote_dark-font-color) !important; + font-family: var(--marpx-quote_dark-font) !important; + font-weight: normal; + font-size: 34pt !important; + background-color: var(--marpx-quote_dark-color-paragraph-background); + letter-spacing: 0.1pt; + text-align: center; + line-height: 1.10em; + padding-top: auto; + padding-bottom: auto; + padding-left: 85px; + padding-right: 85px; +} + +section.quote.dark strong { + font-style: italic; + color: var(--marpx-quote_dark-bold-color) !important; +} + +/* +!================================================================================ +?-----------------------< TABLES >----------------------- +!================================================================================ +*/ + +section table { + font-size: var(--marpx-table-font-size); + font-family: var(--marpx-table-font-family) !important; + color: var(--marpx-table-font-color); +} + +section table th { + background-color: var(--marpx-table-header-background-color); + color: var(--marpx-table-header-color-color); + border-top: var(--marpx-table-border-top-color) solid 2px; + border-bottom: var(--marpx-table-border-bottom-color) solid 2px; + border-width: initial; +} + +section table td { + border: 1px solid var(--marpx-table-border-bottom-color); + border-left: 0; + border-right: 0; + line-height: 1.15; +} + +section table tr:nth-child(even) { + background-color: var(--marpx-table-nth-child-color-color); +} + +section table tr:last-child { + border-bottom: var(--marpx-table-border-bottom-color) solid 1px; +} + +tr:hover { + color: var(--marpx-table-hover-color) !important; + background: var(--marpx-table-hover-background-color) !important; + /* font-weight: bold !important; */ +} + +/* +!================================================================================ +?-----------------------< REFERENCES >----------------------- +!================================================================================ +*/ +section.references { + background: var(--marpx-references-background-color); + color: var(--marpx-references-color); + font-family: "Fira Sans Light", sans-serif; + padding: 150px 48px; + line-height: 1.15; +} + +section.references li { + /* ajuste o valor conforme desejar */ + margin-bottom: 0.7em !important; +} + +section.references strong { + color: var(--marpx-references-bold-color); + font-family: "Fira Sans Regular", sans-serif; +} + +section.references h1, +section.references h2 { + color: var(--marpx-references-header-color); + margin-bottom: 16px; + font-family: "Fira Sans Regular", sans-serif; + /* border-bottom: 1px solid #0606ee; */ +} + +section.references .multicolumn { + display: grid; + column-gap: 18px; + /* Align items to the top */ + align-items: start; +} + +section.references .multicolumn>div { + padding: 0 0px; + /* Ensures content is aligned with the top */ + vertical-align: top; +} + +section.references, +/* section.references *, */ +section.references .multicolumn>div, +section.references .multicolumn>div * { + font-size: 15pt !important; + font-weight: 600 !important; + box-sizing: border-box; +} + +/* +!================================================================================ +?-----------------------< BLACK-SLIDE & SLIDE BLACK>----------------------- +!================================================================================ +*/ + +section.slide.black, +section.black-slide { + background-color: black !important; + color: white !important; +} + +section.slide.black>h1, +section.black-slide>h1 { + color: white; +} + +section.slide.black figcaption, +section.slide.black .figcaption, +section.black-slide figcaption, +section.black-slide .figcaption { + color: white !important; +} + +section.slide.black figcaption::before, +section.slide.black .figcaption::before, +section.black-slide figcaption::before, +section.black-slide .figcaption::before { + color: rgb(245, 76, 76) !important; +} + +/* +!================================================================================ +?-----------------------< WHITE-SLIDE & SLIDE WHITE>----------------------- +!================================================================================ +*/ +section.slide.white, +section.white-slide { + background-color: white !important; +} + +section.slide.white>h1, +section.white-slide>h1 { + color: black; +} + +section.slide.white figcaption, +section.slide.white .figcaption, +section.white-slide figcaption, +section.white-slide .figcaption { + color: black !important; +} + +/* +section.slide.white figcaption::before, +section.slide.white .figcaption::before, +section.white-slide figcaption::before, +section.white-slide .figcaption::before { + color: red !important; +} */ + +/* +!================================================================================ +?-----------------------< NOTES >----------------------- +!================================================================================ +*/ +.notes { + color: #2c3e50; + margin-top: 10px; + background: #e8f6fc; + padding: 35px; + padding-top: 15px; + border-radius: 10px; + border-left: 15px solid #178cda; +} + +.notes h3 { + margin-bottom: 15px; + color: #2c3e50; +} + +.notes ul, +ol { + padding-left: 50px; +} + +.notes li { + margin-bottom: 15px; +} + + +/* +!================================================================================ +?-----------------------< CONTAINER >----------------------- +!================================================================================ +*/ + +.container { + max-width: 1200px; + margin: 0 auto; + background: white; + border-radius: 10px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); + padding: 25px; + overflow-x: auto; +} + +/* +!================================================================================ +?-----------------------< BOX >----------------------- +!================================================================================ +*/ + +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: #d3d3d3d0; + /* 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 */ +} \ No newline at end of file diff --git a/themes/newton.css b/themes/newton.css new file mode 100644 index 0000000..adfab33 --- /dev/null +++ b/themes/newton.css @@ -0,0 +1,85 @@ +/* @theme newton */ + +@import "marpx"; + +/* Variáveis do tema que diferem do baseline */ +:root { + /* Núcleo do tema */ + --marpx-theme-color: var(--blueViolet-50); + --marpx-theme-font-size: 24pt; + --marpx-theme-background-color: var(--gray-400); + --marpx-theme-font-family: Faustina, Bookerly, Lora, sans-serif; + + /* Tipografia e cores de texto */ + --marpx-theme-letter-spacing: 0.1px; + --marpx-theme-font-color: var(--blueViolet-400); + --marpx-theme-bold-color: var(--vermilion-300); + --marpx-theme-marker-color: var(--khaki-900); + + /* Títulos */ + --marpx-theme-h1-color: var(--blueViolet-550); + --marpx-theme-h1-bold-color: var(--vermilion-300); + --marpx-theme-h2-color: var(--blueViolet-50); + + /* Elementos específicos */ + --marpx-theme-chapter-background-color: var(--khaki-900); + --marpx-theme-chapter-background-color: #123A53; + + --marpx-theme-subtitle-color: var(--blue-600); + --marpx-theme-highlight-color: var(--yellow-300); + + + /* Legendas e rótulos */ + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-figure-captiontext-color: var(--blueViolet-50); + --marpx-theme-table-captiontext-color: var(--vermilion-300); + + /* TOC */ + --marpx-theme-toc-color: var(--blueViolet-200); + + /* Slide de título (acadêmico) */ + --marpx-title_academic-title-size: 130%; + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-subtitle-size: 95%; + /* mantém exatamente como no arquivo alvo */ + --marpx-title_academic-author-size: 105%; + --marpx-title_academic-institute-size: 85%; + --marpx-title_academic-letter-spacing: -0.07px; + --marpx-title_academic-background-color: var(--gray-1100); + + + --marpx-title_academic-title-color: var(--blue-550); + --marpx-title_academic-subtitle-color: #a1a1a7; + --marpx-title_academic-author-color: var(--khaki-900); + --marpx-title_academic-border-color: var(--khaki-900); + + /* Tabela */ + --marpx-table-font-family: ; + /* valor vazio conforme arquivo alvo */ + --marpx-table-hover-color: var(--blueViolet-400); + --marpx-table-hover-background-color: var(--violet-100); + + /* Citações (claras/“dark”) */ + --marpx-quote-background-color: var(--gray-300); + --marpx-quote-paragraph-background-color: var(--gray-300); + --marpx-quote-bold-color: var(--blueViolet-100); + + --marpx-quote_dark-font-color: var(--gray-100); + --marpx-quote_dark-color-background: var(--blue-400); + --marpx-quote_dark-color-paragraph-background: var(--blue-400); + --marpx-quote_dark-bold-color: var(--khaki-500); +} + +/* Demais diferenças estruturais */ +section { + line-height: 1.2em; +} + +section code { + border: 1px solid #f3ec8f; + border-radius: 11px; + padding: 1px 3px; + background: #fffbe7; + font-size: 0.95em; + display: inline-block; +} \ No newline at end of file diff --git a/themes/palettes/palette000.css b/themes/palettes/palette000.css new file mode 100644 index 0000000..bd77685 --- /dev/null +++ b/themes/palettes/palette000.css @@ -0,0 +1,121 @@ +/*------------< Palete >---------------------------------*/ + +/* Bluish cyan */ +--bluishCyan-100: #61d9ff; +--bluishCyan-200: #00c8ff; +--bluishCyan-300: #00a0d2; +--bluishCyan-400: #24b1d1; +--bluishCyan-500: #01bbf0; +--bluishCyan-600: #0ca1cc; +--bluishCyan-700: #0073aa; +--bluishCyan-800: #4680c7; + +/* Gray */ +--gray-50: #ffffff; +--gray-100: #faf7f7; +--gray-200: #fafafa; +--gray-300: #f5f5f5; +--gray-350: #d8dee9; +--gray-400: #eae8e3; +--gray-450: #515458; +--gray-500: #242424; +--gray-600: #1b1e21; +--gray-700: #161514; +--gray-800: #121212; +--gray-900: #0a0a0a; +--gray-1000: #3e3f42; + +/* Blue */ +--blue-100: #55acee; +--blue-200: #3e8ed0; +--blue-300: #215987; +--blue-400: #1d2733; +--blue-500: #00204a; + +/* Orange */ +--orange-100: #ffbd6d; +--orange-200: #de7f2b; +--orange-300: #ff8f07; +--orange-400: #c3732c; +--orange-500: #ff7c00; + +/* Scarlet */ +--scarlet-100: #e36ca3; +--scarlet-200: #cd6799; +--scarlet-300: #d16098; +--scarlet-400: #eb2889; + +/* Scarlet red */ +--scarletRed-100: #ff6d70; +--scarletRed-200: #ff3860; +--scarletRed-300: #e81c4f; +--scarletRed-400: #fc0c18; +--scarletRed-500: #d1002a; +--scarletRed-600: #ff0033; +--scarletRed-700: #c92828; + +/* Blue violet */ +--blueViolet-50: #4f6cee; +--blueViolet-100: #485fc7; +--blueViolet-200: #3b5998; +--blueViolet-300: #004fff; +--blueViolet-400: #071636; +--blueViolet-500: #040d21; +--blueViolet-600: #98a5e6; + +/* Khaki */ +--khaki-100: #ffe08a; +--khaki-200: #fee16d; +--khaki-300: #ffc524; +--khaki-400: #fdcc08; +--khaki-500: #ffbf00; +--khaki-600: #daa60b; +--khaki-700: #e77b00; +--khaki-800: #3e3f42; + +/* Vermilion */ +--vermilion-100: #ffa08e; +--vermilion-200: #f88f7b; +--vermilion-300: #ff470f; +--vermilion-400: #da5656; + +/* Greenish cyan */ +--greenishCyan-100: #51e2c4; +--greenishCyan-200: #00d1b2; +--greenishCyan-300: #006b5b; + +/* Purple */ +--purple-100: #b86bff; +--purple-200: #8605ff; + +/* Teal */ +--teal-100: #48c78e; + +/* Violet */ +--violet-100: #e6e6fa; +--violet-200: #161c4f; + +/* Yellow */ +--yellow-100: #f7df1e; +--yellow-200: #a69308; +--yellow-300: #e5ff00; +--yellow-400: #ffff00; + +/* Bluish green */ +--bluishGreen-100: #65d277; +--bluishGreen-200: #24ff70; + +/* Olive */ +--olive-100: #ade960; + +/* Lime */ +--lime-100: #d4ee9b; + +/* Purple magenta */ +--purpleMagenta-100: #a44eca; + +/* Purple violet */ +--purpleViolet-100: #bdaaf6; + +/* Red */ +--red-100: #f95347; diff --git a/themes/palettes/palette001.css b/themes/palettes/palette001.css new file mode 100644 index 0000000..d3bb9c7 --- /dev/null +++ b/themes/palettes/palette001.css @@ -0,0 +1,88 @@ +/* Blue violet */ +--blueViolet-100: #ebedfa; +--blueViolet-200: #e0e2eb; +--blueViolet-300: #d6dbf5; +--blueViolet-400: #d0d3e1; +--blueViolet-500: #98a5e6; +--blueViolet-600: #475ed1; +--blueViolet-700: #2e45b8; +--blueViolet-800: #1f2e7a; +--blueViolet-900: #141f52; +--blueViolet-1000: #050815; + +/* Gray */ +--gray-100: #ffffff; +--gray-200: #fafafa; +--gray-300: #f5f4ef; +--gray-400: #eff5f5; +--gray-500: #f5f2f0; +--gray-600: #f2f2f2; +--gray-700: #f5f0ef; +--gray-800: #eff0f5; +--gray-900: #ededed; +--gray-1000: #d9d9d9; +--gray-1100: #b3b3b3; +--gray-1200: #999999; +--gray-1300: #595959; +--gray-1400: #1a1a1a; +--gray-1500: #0d0d0d; +--gray-1600: #000000; + +/* Khaki */ +--khaki-100: #fef8e6; +--khaki-200: #ebe9e0; +--khaki-300: #fef2cd; +--khaki-400: #fcde83; +--khaki-500: #fbd051; +--khaki-600: #f9c31f; +--khaki-700: #ffbb1a; +--khaki-800: #ae8305; + +/* Orange */ +--orange-100: #fef0e6; +--orange-200: #ebe5e0; +--orange-300: #fee1cd; +--orange-400: #e1d8d1; +--orange-500: #fcb583; +--orange-600: #fb9851; +--orange-700: #f97a1f; + +/* Red */ +--red-100: #fee7e7; +--red-200: #ebe0e0; +--red-300: #e1d0d0; +--red-400: #f6423c; +--red-500: #e3120b; +--red-600: #cc100a; +--red-700: #aa0e08; +--red-800: #b30000; + +/* Greenish cyan */ +--greenishCyan-100: #e9fcf8; +--greenishCyan-200: #d2f9f0; +--greenishCyan-300: #36e2bd; +--greenishCyan-400: #1dc9a4; +--greenishCyan-500: #169c7f; + +/* Scarlet red */ +--scarletRed-100: #fce9ed; +--scarletRed-200: #f9d2db; +--scarletRed-300: #e2365b; +--scarletRed-400: #c91d42; +--scarletRed-500: #9c1633; + +/* Cyan */ +--cyan-100: #e0ebeb; +--cyan-200: #d0e1e1; + +/* Olive */ +--olive-100: #e2f9d2; +--olive-200: #7be236; +--olive-300: #62c91d; +--olive-400: #4c9c16; + +/* Yellow */ +--yellow-100: #e1dfd0; + +/* Grass green */ +--grassGreen-100: #f0fce9; diff --git a/themes/palettes/palette002.css b/themes/palettes/palette002.css new file mode 100644 index 0000000..9aee76d --- /dev/null +++ b/themes/palettes/palette002.css @@ -0,0 +1,73 @@ +:root { + + /* Blue violet */ + --blueViolet-100: #eef2f9; + --blueViolet-200: #e6ecf7; + --blueViolet-300: #386ac1; + --blueViolet-400: #0645b1; + --blueViolet-500: #0c3b8d; + --blueViolet-600: #082f75; + + /* Gray */ + --gray-100: #ffffff; + --gray-200: #fafafa; + --gray-300: #f8f8fb; + --gray-400: #f9f7f4; + --gray-500: #f4f7fc; + --gray-600: #f0f8f1; + --gray-700: #f3f3f3; + --gray-800: #f2efe8; + --gray-900: #ebebee; + --gray-1000: #e2e2e2; + --gray-1100: #dddde2; + --gray-1200: #c8c8cf; + --gray-1300: #c8c8cc; + --gray-1400: #b1b1ba; + --gray-1500: #808080; + --gray-1600: #141413; + + /* Violet */ + --violet-100: #91919e; + --violet-200: #6d6d7d; + --violet-300: #535366; + --violet-400: #222233; + + /* Red */ + --red-100: #fff2f2; + --red-200: #b60000; + --red-300: #920000; + + /* Orange */ + --orange-100: #6d5e52; + + /* Blue */ + --blue-100: #cddaef; + --blue-200: #043059; + + /* Bluish green */ + --bluishGreen-100: #ccffd4; + --bluishGreen-200: #05b01c; + --bluishGreen-300: #035c0f; + + /* Khaki */ + --khaki-100: #f9f6ed; + --khaki-200: #e9e3d4; + --khaki-300: #877440; + + /* Bluish cyan */ + --bluishCyan-100: #ccf7ff; + + /* Lime */ + --lime-100: #f7ffcc; + + /* Purple */ + --purple-100: #a35dff; + --purple-200: #824acc; + + /* Purple magenta */ + --purpleMagenta-100: #f7ccff; + + /* Vermilion */ + --vermilion-100: #ffd4cc; + +} diff --git a/themes/palettes/palette003.css b/themes/palettes/palette003.css new file mode 100644 index 0000000..f201fb7 --- /dev/null +++ b/themes/palettes/palette003.css @@ -0,0 +1,331 @@ +/* camunda.com */ + +:root { + /* Blue */ + --blue-100: #ced4da; + --blue-200: #8ed1fc; + --blue-300: #abb8c3; + --blue-400: #a9b8c3; + --blue-500: #adb5bd; + --blue-600: #99a1a7; + --blue-700: #55acee; + --blue-800: #4da9fd; + --blue-900: #818a91; + --blue-1000: #4285f4; + --blue-1100: #6c757d; + --blue-1200: #69727d; + --blue-1300: #487aa2; + --blue-1400: #1da1f2; + --blue-1500: #0076d6; + --blue-1600: #0072ce; + --blue-1700: #45668e; + --blue-1800: #0063dc; + --blue-1900: #005be2; + --blue-2000: #54595f; + --blue-2100: #0055a5; + --blue-2200: #495057; + --blue-2300: #155cb5; + --blue-2400: #205081; + --blue-2500: #35465c; + --blue-2600: #343a40; + --blue-2700: #273a4b; + --blue-2800: #042551; + --blue-2900: #101e31; + + /* Gray */ + --gray-100: #ffffff; + --gray-200: #fcfcfc; + --gray-300: #fafafa; + --gray-400: #f9f9f9; + --gray-500: #f8f9fa; + --gray-600: #f8f8f8; + --gray-700: #f7f7f7; + --gray-800: #f6f6f6; + --gray-900: #f5f5f5; + --gray-1000: #f3f3f3; + --gray-1100: #f2f2f2; + --gray-1200: #f1f1f1; + --gray-1300: #f0f0f0; + --gray-1400: #efefef; + --gray-1500: #eeeeee; + --gray-1600: #ededed; + --gray-1700: #ececed; + --gray-1800: #ececec; + --gray-1900: #e9ecef; + --gray-2000: #ebebeb; + --gray-2100: #e9e9e9; + --gray-2200: #e8e8e8; + --gray-2300: #e6e7e9; + --gray-2400: #e7e7e7; + --gray-2500: #e6e7e8; + --gray-2600: #eae8e0; + --gray-2700: #e6e6e6; + --gray-2800: #eae3e3; + --gray-2900: #e5e5e5; + --gray-3000: #e4e4e4; + --gray-3100: #e4e3e3; + --gray-3200: #e3e3e3; + --gray-3300: #e2e2e2; + --gray-3400: #dee2e6; + --gray-3500: #e0e0e0; + --gray-3600: #dedede; + --gray-3700: #dcdcdc; + --gray-3800: #dadada; + --gray-3900: #dcd8d8; + --gray-4000: #d9d9d9; + --gray-4100: #d5d8dc; + --gray-4200: #d7d7d7; + --gray-4300: #d4d4d6; + --gray-4400: #d4d4d4; + --gray-4500: #d3d3d3; + --gray-4600: #cfcfcf; + --gray-4700: #cdcdcd; + --gray-4800: #cccccc; + --gray-4900: #c5c5c5; + --gray-5000: #c3c3c3; + --gray-5100: #bbbcbc; + --gray-5200: #adadad; + --gray-5300: #a7a9ac; + --gray-5400: #a6a6a6; + --gray-5500: #a3a3a3; + --gray-5600: #989a9e; + --gray-5700: #999999; + --gray-5800: #97989c; + --gray-5900: #919191; + --gray-6000: #8c8c8c; + --gray-6100: #8c8b8b; + --gray-6200: #808080; + --gray-6300: #7b7b7b; + --gray-6400: #7a7a7a; + --gray-6500: #767676; + --gray-6600: #767474; + --gray-6700: #646464; + --gray-6800: #5f5f5f; + --gray-6900: #58595b; + --gray-7000: #55595c; + --gray-7100: #494c4f; + --gray-7200: #434343; + --gray-7300: #414143; + --gray-7400: #414042; + --gray-7500: #32373c; + --gray-7600: #363636; + --gray-7700: #303030; + --gray-7800: #2d2d2d; + --gray-7900: #272727; + --gray-8000: #262626; + --gray-8100: #212529; + --gray-8200: #212121; + --gray-8300: #1f2124; + --gray-8400: #202020; + --gray-8500: #1b1b1b; + --gray-8600: #17181f; + --gray-8700: #161616; + --gray-8800: #0d0d0d; + --gray-8900: #0a0a0a; + --gray-9000: #020101; + --gray-9100: #000000; + + /* Greenish cyan */ + --greenishCyan-100: #b6e3d4; + --greenishCyan-200: #aebcb9; + --greenishCyan-300: #00bda5; + --greenishCyan-400: #20c997; + --greenishCyan-500: #00d084; + --greenishCyan-600: #00d082; + --greenishCyan-700: #14d890; + --greenishCyan-800: #00ab6b; + --greenishCyan-900: #009e73; + --greenishCyan-1000: #10ad73; + --greenishCyan-1100: #0b8659; + --greenishCyan-1200: #021b12; + + /* Bluish cyan */ + --bluishCyan-100: #e9fbff; + --bluishCyan-200: #d9edf7; + --bluishCyan-300: #bcdff1; + --bluishCyan-400: #6ec1e4; + --bluishCyan-500: #58d0f5; + --bluishCyan-600: #5bc0de; + --bluishCyan-700: #3baede; + --bluishCyan-800: #00aff0; + --bluishCyan-900: #00adee; + --bluishCyan-1000: #00a8ff; + --bluishCyan-1100: #2ca5e0; + --bluishCyan-1200: #0099e5; + --bluishCyan-1300: #1ab7ea; + --bluishCyan-1400: #1aa1d8; + --bluishCyan-1500: #17a2b8; + --bluishCyan-1600: #0077b5; + --bluishCyan-1700: #31708f; + --bluishCyan-1800: #0693e3; + --bluishCyan-1900: #21759b; + --bluishCyan-2000: #005580; + --bluishCyan-2100: #3c4a50; + + /* Scarlet red */ + --scarletRed-100: #eed3d7; + --scarletRed-200: #f78da7; + --scarletRed-300: #ed455e; + --scarletRed-400: #e4405f; + --scarletRed-500: #dc3545; + --scarletRed-600: #d63638; + --scarletRed-700: #ec1c40; + --scarletRed-800: #dd2430; + --scarletRed-900: #b31217; + --scarletRed-1000: #bd081c; + --scarletRed-1100: #7d1a1c; + + /* Khaki */ + --khaki-100: #fcf8e3; + --khaki-200: #fff5cb; + --khaki-300: #f9f0c3; + --khaki-400: #ebddab; + --khaki-500: #ebc57f; + --khaki-600: #ffcb70; + --khaki-700: #ffc107; + --khaki-800: #ffc600; + --khaki-900: #fcb900; + --khaki-1000: #8a6d3b; + + /* Red */ + --red-100: #f2dede; + --red-200: #fdcdcd; + --red-300: #e8c4c4; + --red-400: #fb6962; + --red-500: #fd5949; + --red-600: #d9534f; + --red-700: #dc4e41; + --red-800: #dd4b39; + --red-900: #b94a48; + --red-1000: #d94040; + --red-1100: #ea4335; + --red-1200: #a94442; + --red-1300: #fe2d2d; + --red-1400: #cf2e2e; + --red-1500: #b23121; + --red-1600: #cd201f; + --red-1700: #ff1e00; + --red-1800: #ee1c00; + --red-1900: #af0606; + + /* Bluish green */ + --bluishGreen-100: #71ce7e; + --bluishGreen-200: #61ce70; + --bluishGreen-300: #25d366; + --bluishGreen-400: #2ebd59; + --bluishGreen-500: #28a745; + --bluishGreen-600: #05cc47; + + /* Vermilion */ + --vermilion-100: #f26522; + --vermilion-200: #da552f; + --vermilion-300: #fc5d0d; + --vermilion-400: #eb4924; + --vermilion-500: #e24329; + --vermilion-600: #cf4f0f; + --vermilion-700: #ff4700; + --vermilion-800: #ff4500; + --vermilion-900: #e52600; + --vermilion-1000: #ff2300; + + /* Blue violet */ + --blueViolet-100: #78a9ff; + --blueViolet-200: #4d7bfb; + --blueViolet-300: #2874fc; + --blueViolet-400: #4158d0; + --blueViolet-500: #2d5be3; + --blueViolet-600: #3b5998; + --blueViolet-700: #285aeb; + --blueViolet-800: #1769ff; + --blueViolet-900: #0043ce; + --blueViolet-1000: #252c59; + --blueViolet-1100: #1f2a44; + --blueViolet-1200: #171c29; + + /* Orange */ + --orange-100: #fecda5; + --orange-200: #ffbc7d; + --orange-300: #f0ad4e; + --orange-400: #ffa648; + --orange-500: #fe7a15; + --orange-600: #f4731c; + --orange-700: #ff8b00; + --orange-800: #ff6900; + --orange-900: #993b00; + + /* Purple violet */ + --purpleViolet-100: #9778d1; + --purpleViolet-200: #665cac; + --purpleViolet-300: #6f42c1; + --purpleViolet-400: #6441a5; + --purpleViolet-500: #4c30a6; + --purpleViolet-600: #280892; + + /* Scarlet */ + --scarlet-100: #ffceec; + --scarlet-200: #f17cc1; + --scarlet-300: #ea4c89; + --scarlet-400: #e83e8c; + --scarlet-500: #ee2c82; + --scarlet-600: #d30c5c; + --scarlet-700: #6b003e; + + /* Yellow */ + --yellow-100: #fff9c0; + --yellow-200: #fdf497; + --yellow-300: #fff56f; + --yellow-400: #fef84c; + --yellow-500: #fffc00; + + /* Green */ + --green-100: #5cb85c; + --green-200: #4caf50; + --green-300: #3c763d; + --green-400: #006400; + + /* Cyan */ + --cyan-100: #7ac6cc; + --cyan-200: #4aeadc; + --cyan-300: #33a7b5; + --cyan-400: #00a7b5; + --cyan-500: #007e89; + --cyan-600: #026466; + + /* Teal */ + --teal-100: #7bdcb5; + --teal-200: #7adcb4; + --teal-300: #26d07c; + --teal-400: #439665; + + /* Violet */ + --violet-100: #9896f0; + --violet-200: #6967ff; + --violet-300: #020381; + + /* Crimson */ + --crimson-100: #cf2aba; + --crimson-200: #d6249f; + + /* Grass green */ + --grassGreen-100: #dff0d8; + --grassGreen-200: #cae6be; + --grassGreen-300: #589442; + --grassGreen-400: #31a918; + + /* Purple */ + --purple-100: #9b51e0; + --purple-200: #6610f2; + + /* Lime */ + --lime-100: #d2ff1d; + --lime-200: #a4c639; + + /* Magenta */ + --magenta-100: #c751c0; + --magenta-200: #c629cd; + + /* Olive */ + --olive-100: #caf880; + --olive-200: #7ac142; + +} diff --git a/themes/palettes/palette004.css b/themes/palettes/palette004.css new file mode 100644 index 0000000..3cb40ef --- /dev/null +++ b/themes/palettes/palette004.css @@ -0,0 +1,43 @@ +/* travel.state.gov */ + +:root { + /* Blue */ + --blue-100: #e5eef4; + --blue-200: #d3e3fd; + --blue-300: #a8c7fa; + --blue-400: #1e88e5; + --blue-500: #0b57d0; + --blue-600: #003875; + --blue-700: #06284c; + --blue-800: #041e49; + --blue-900: #162e51; + + /* Gray */ + --gray-100: #ffffff; + --gray-200: #f3f6fc; + --gray-300: #f1f4f8; + --gray-400: #f2f2f2; + --gray-500: #f0f0f0; + --gray-600: #e6e6e6; + --gray-700: #e0e0e0; + --gray-800: #c4c7c5; + --gray-900: #a0a0a0; + --gray-1000: #444746; + --gray-1100: #444444; + --gray-1200: #333333; + --gray-1300: #1f1f1f; + --gray-1400: #1e1e1e; + --gray-1500: #1a1a1a; + + /* Red */ + --red-100: #f9dedc; + --red-200: #b3261e; + --red-300: #410e0b; + + /* Khaki */ + --khaki-100: #fef7e0; + + /* Orange */ + --orange-100: #e37400; + +} diff --git a/themes/palettes/palette005.css b/themes/palettes/palette005.css new file mode 100644 index 0000000..4e5dfc9 --- /dev/null +++ b/themes/palettes/palette005.css @@ -0,0 +1,170 @@ +/* n8n.io */ + +:root { + /* Purple violet */ + --purpleViolet-100: #b9b3c4; + --purpleViolet-200: #a06ff6; + --purpleViolet-300: #5b3acc; + --purpleViolet-400: #6b21ef; + --purpleViolet-500: #4f4070; + --purpleViolet-600: #4b397a; + --purpleViolet-700: #4c00ff; + --purpleViolet-800: #4006a7; + --purpleViolet-900: #262149; + --purpleViolet-1000: #251e32; + --purpleViolet-1100: #211a2e; + --purpleViolet-1200: #1f192a; + --purpleViolet-1300: #180470; + --purpleViolet-1400: #170f49; + --purpleViolet-1500: #1b1728; + --purpleViolet-1600: #181329; + --purpleViolet-1700: #141020; + --purpleViolet-1800: #0f0a19; + --purpleViolet-1900: #0d0a19; + --purpleViolet-2000: #0e0918; + --purpleViolet-2100: #0c081c; + + /* Gray */ + --gray-100: #ffffff; + --gray-200: #faf9fb; + --gray-300: #f8f8f8; + --gray-400: #f7f7f7; + --gray-500: #e5e7eb; + --gray-600: #e3e3e3; + --gray-700: #e2dfe7; + --gray-800: #c1c1c1; + --gray-900: #7d8082; + --gray-1000: #7c7c7c; + --gray-1100: #7a7a7a; + --gray-1200: #666666; + --gray-1300: #656565; + --gray-1400: #64616b; + --gray-1500: #636363; + --gray-1600: #464646; + --gray-1700: #323335; + --gray-1800: #2d2d2d; + --gray-1900: #292931; + --gray-2000: #180f14; + --gray-2100: #0d0d12; + --gray-2200: #08060e; + --gray-2300: #080808; + --gray-2400: #040506; + --gray-2500: #040307; + --gray-2600: #000000; + + /* Red */ + --red-100: #ff9494; + --red-200: #a85c5c; + --red-300: #674545; + --red-400: #ff1313; + --red-500: #ff0c00; + + /* Orange */ + --orange-100: #fff8f0; + --orange-200: #cca87f; + --orange-300: #e3a573; + --orange-400: #e3a572; + --orange-500: #ffb552; + --orange-600: #f08d49; + --orange-700: #ff9b26; + --orange-800: #fd8925; + --orange-900: #a3643a; + + /* Purple */ + --purple-100: #d5cbe5; + --purple-200: #c4bbd3; + --purple-300: #897f90; + --purple-400: #7f5eb6; + --purple-500: #7c65a1; + --purple-600: #3c3149; + --purple-700: #520092; + --purple-800: #250055; + --purple-900: #17121f; + + /* Vermilion */ + --vermilion-100: #ff8e5d; + --vermilion-200: #ec8961; + --vermilion-300: #d97e4b; + --vermilion-400: #f96e49; + --vermilion-500: #ff4f31; + --vermilion-600: #ee4f27; + --vermilion-700: #621f04; + + /* Violet */ + --violet-100: #f1f2ff; + --violet-200: #dee2ff; + --violet-300: #9b9eb8; + --violet-400: #7877c6; + --violet-500: #4c5dff; + --violet-600: #5159d9; + --violet-700: #0019ff; + --violet-800: #000f92; + --violet-900: #0400ff; + --violet-1000: #101330; + + /* Blue */ + --blue-100: #accef7; + --blue-200: #6196cc; + --blue-300: #6f87a0; + --blue-400: #138af2; + --blue-500: #48556a; + --blue-600: #077ac7; + --blue-700: #02090f; + + /* Blue violet */ + --blueViolet-100: #9ca3af; + --blueViolet-200: #677fff; + --blueViolet-300: #5780e6; + --blueViolet-400: #666d80; + --blueViolet-500: #0f1d38; + --blueViolet-600: #080f34; + --blueViolet-700: #090f20; + + /* Magenta */ + --magenta-100: #cc99cd; + --magenta-200: #e768e6; + --magenta-300: #ff1fff; + --magenta-400: #2a1929; + --magenta-500: #190918; + + /* Scarlet red */ + --scarletRed-100: #e2777a; + --scarletRed-200: #ff5873; + --scarletRed-300: #ea4b71; + --scarletRed-400: #8b5261; + --scarletRed-500: #a13355; + + /* Lime */ + --lime-100: #a3a788; + --lime-200: #a2a687; + --lime-300: #aecd4f; + + /* Purple magenta */ + --purpleMagenta-100: #b83dff; + --purpleMagenta-200: #7a4596; + --purpleMagenta-300: #b200ff; + + /* Teal */ + --teal-100: #2eb67d; + --teal-200: #35a670; + --teal-300: #186f44; + + /* Bluish cyan */ + --bluishCyan-100: #0a1619; + + /* Crimson */ + --crimson-100: #7a396d; + + /* Scarlet */ + --scarlet-100: #8a546f; + + /* Bluish green */ + --bluishGreen-100: #7ec699; + + /* Cyan */ + --cyan-100: #67cdcc; + + /* Khaki */ + --khaki-100: #f8c555; + +} diff --git a/themes/socrates.css b/themes/socrates.css new file mode 100644 index 0000000..a0c4aa3 --- /dev/null +++ b/themes/socrates.css @@ -0,0 +1,105 @@ +/* @theme socrates */ + +@import "marpx"; + +:root { + + /*------------ Overall theme parameters ---------------------------------*/ + + --marpx-theme-font-family: "Fira Sans", Faustina, Bookerly, sans-serif; + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-table-captiontext: "Table "; + --marpx-theme-brandlogo: " "; + + + --marpx-theme-color: #006a85; + --marpx-theme-chapter-background-color: #5a79a1; + --marpx-theme-background-color: #ffffff; + --marpx-theme-font-color: #000000; + --marpx-theme-bold-color: #f8150d; + + --marpx-theme-subtitle-color: #5d616d; + --marpx-theme-h1-bold-color: #ff3c00; + --marpx-theme-h2-color: #4d7099; + --marpx-theme-marker-color: rgb(0, 102, 255); + + --marpx-theme-toc-color: #fc2003; + + --marpx-theme-footnote-mark-color: #ff0000; + --marpx-theme-code-color: rgb(233, 233, 233); + --marpx-theme-highlight-color: #b9e4f1; + + /* ------------------- TITLE SLIDE -----------------------------*/ + + /* fonts sizes */ + --marpx-title_academic-title-size: 140%; + --marpx-title_academic-subtitle-size: 90%; + --marpx-title_academic-author-size: 95%; + --marpx-title_academic-date-size: 90%; + --marpx-title_academic-institute-size: 90%; + + /* inter character space */ + --marpx-title_academic-letter-spacing: 0.125px; + /* font weights */ + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-subtitle-font-weight: bold; + /* colors in style */ + --marpx-title_academic-title-color: #002b36; + --marpx-title_academic-title-color: #003c4b; + --marpx-title_academic-subtitle-color: #cacaca; + --marpx-title_academic-author-color: #f8150d; + --marpx-title_academic-font-color: #242d31; + --marpx-title_academic-background-color: #faf7f7; + --marpx-title_academic-border-color: #ff9b04; + + /*------------ Parameters used in `REFERENCES` ---------------------------------*/ + + --marpx-references-bold-color: #3e6ceb; + --marpx-references-background-color: #eff4fa; + --marpx-references-header-color: #539dd3; + + /*------------ Parameters used in `QUOTE` ---------------------------------*/ + + --marpx-quote-background-color: #ece8e8; + --marpx-quote-paragraph-background-color: #f8f8f8; + --marpx-quote-bold-color: #6462f1; + --marpx-quote-font-family: Faustina, Times, serif; + /*- quote dark -*/ + --marpx-quote_dark-color-background: #46b1e2; + --marpx-quote_dark-color-paragraph-background: #5ec1e9; + --marpx-quote_dark-bold-color: #f8f8f7; + --marpx-quote_dark-font: Faustina, Bookerly, Times, serif; + + /*------------ Parameters used in `TABLE` ---------------------------------*/ + + --marpx-table-header-background-color: rgb(0, 0, 0); + --marpx-table-header-color-color: white; + /* --marpx-table-border-top-color: ; */ + --marpx-table-border-bottom-color: rgba(202, 201, 197, 0.973); + --marpx-table-nth-child-color-color: #f5f5f5; + --marpx-table-hover-color: rgb(71, 70, 25); + --marpx-table-hover-background-color: rgb(234, 247, 121); + + --marpx-table-font-size: 22px; + --marpx-table-font-family: ; + + /*------------ Parameters used in `TOC` ---------------------------------*/ + --marpx-color-toc-marker: rgb(175, 69, 27); + +} + +section { + + line-height: 1.3em; +} + +section code { + border: 2px solid #222; + border-radius: 12px; + padding: 2px 8px; + /* background: initial; */ + background: #fffbe7; + /* color: #222222; */ + font-size: 1em; + display: inline-block; +} \ No newline at end of file diff --git a/themes/sparta.css b/themes/sparta.css new file mode 100644 index 0000000..5c380ff --- /dev/null +++ b/themes/sparta.css @@ -0,0 +1,141 @@ +/* @theme sparta */ + +@import "marpx"; + +:root { + /* ===================================================================== */ + /* OVERALL THEME PARAMETERS */ + /* ===================================================================== */ + + --marpx-theme-font-family: "Fira Sans", Faustina, Lora, Bookerly, "Open Sans", + sans-serif; + --marpx-theme-brandlogo: " "; + + /* Caption texts */ + --marpx-theme-figure-captiontext: "Fig. "; + --marpx-theme-table-captiontext: "Tab. "; + + /* Base colors */ + --marpx-theme-color: #002b36; + --marpx-theme-background-color: #ececec; + --marpx-theme-chapter-background-color: #8b8989; + + /* Text and emphasis colors */ + --marpx-theme-font-color: #343e52; + --marpx-theme-bold-color: #c92828; + --marpx-theme-subtitle-color: #5d616d; + + /* Headings */ + --marpx-theme-h1-bold-color: #c92828; /* sobrescreve a anterior (#8f8d8d) */ + + /* Captions */ + --marpx-theme-figure-captiontext-color: #7f7ee0; + --marpx-theme-table-captiontext-color: #7f7ee0; + + /* Markers and highlights */ + /* --marpx-theme-marker-color: #c92828; */ + --marpx-theme-marker-color: #6d6bee; /* ativo */ + --marpx-theme-code-color: #e9e9e9; + --marpx-theme-highlight-color: #b9e4f1; + --marpx-theme-footnote-mark-color: #ff0000; + + /* ===================================================================== */ + /* TITLE SLIDE */ + /* ===================================================================== */ + + /* Font sizes */ + --marpx-title_academic-title-size: 140%; + --marpx-title_academic-subtitle-size: 95%; + --marpx-title_academic-author-size: 110%; + --marpx-title_academic-date-size: 95%; + --marpx-title_academic-institute-size: 85%; + + /* Letter spacing */ + --marpx-title_academic-letter-spacing: 0.075px; + + /* Font weights */ + --marpx-title_academic-title-font-weight: bold; + --marpx-title_academic-subtitle-font-weight: 600; + + /* Colors */ + --marpx-title_academic-title-color: #002b36; + --marpx-title_academic-subtitle-color: #e6e6e7; + --marpx-title_academic-author-color: #201f55; + --marpx-title_academic-font-color: #242d31; + --marpx-title_academic-background-color: #abb0b9; + --marpx-title_academic-border-color: #ff3c01; + + /* ===================================================================== */ + /* REFERENCES */ + /* ===================================================================== */ + + --marpx-references-background-color: #eff4fa; + --marpx-references-header-color: #539dd3; + --marpx-references-bold-color: #156397; + + /* ===================================================================== */ + /* QUOTES */ + /* ===================================================================== */ + + --marpx-quote-font-family: Bookerly, Faustina, Times, serif; + --marpx-quote-background-color: #f3f3f2; + --marpx-quote-paragraph-background-color: #f3f3f2; + --marpx-quote-bold-color: #6462f1; + + /* Quote Dark */ + --marpx-quote_dark-font: Bookerly, Faustina, Bookerly, Times, serif; + --marpx-quote_dark-font-color: #c4bcbc; + --marpx-quote_dark-color-background: #222020; + --marpx-quote_dark-color-paragraph-background: #222020; + --marpx-quote_dark-bold-color: #ffffff; + + /* ===================================================================== */ + /* TABLES */ + /* ===================================================================== */ + + --marpx-table-font-size: 22px; + --marpx-table-font-family: ; + + --marpx-table-header-background-color: #000000; + --marpx-table-header-color-color: white; + --marpx-table-border-top-color: rgb(153, 1, 255); + --marpx-table-border-bottom-color: #cac9c5f8; + --marpx-table-nth-child-color-color: #f5f5f5; + --marpx-table-hover-color: #474619; + --marpx-table-hover-background-color: #eaf779; + + /* ===================================================================== */ + /* TOC */ + /* ===================================================================== */ + + --marpx-theme-toc-color: #5653d4; /* sobrescreve o valor anterior (#ac3737) */ +} + +section { + line-height: 1.153em; +} + +/* +!================================================================================ + ? * -----------------------< BOX >----------------------- +!================================================================================ +*/ + +.box { + border: 2px solid #222; + border-radius: 6px; /* opcional: cantos arredondados */ + padding: 2px 8px; /* espaço interno */ + /* background: #fffbe7; opcional: */ + display: inline-block; /* garante o retângulo ao redor da palavra */ +} + +section code:not(pre code) { + border: 3px solid #181342; + border-radius: 12px; + padding: 2px 8px; + /* background: initial; */ + background: #6361f3; + color: #f7f6f6; + font-size: 1em; + display: inline-block; +}