{{- cond (eq .Site.Params.titlecase true) (.Title | title | markdownify) (.Title | markdownify) -}}
%s" (.Params.description | markdownify) .Summary) }}{{ end }}
Repository: xaprb/story Branch: master Commit: 046bf4f12e69 Files: 366 Total size: 5.3 MB Directory structure: gitextract_1uyyifxs/ ├── .github/ │ └── ISSUE_TEMPLATE/ │ ├── bug_report.md │ └── feature_request.md ├── .gitignore ├── LICENSE.md ├── README.md ├── archetypes/ │ ├── default.md │ ├── slides.md │ └── talks.md ├── exampleSite/ │ ├── config.toml │ └── content/ │ ├── _index.md │ ├── about-story.md │ ├── archives/ │ │ └── _index.md │ ├── author-pages.md │ ├── authors/ │ │ └── elvis-presley/ │ │ └── _index.md │ ├── cooleys.abc │ ├── features.md │ ├── figures.md │ ├── images.md │ ├── mailchimp/ │ │ └── _index.md │ ├── mailchimp-features.md │ ├── math.md │ ├── music.md │ ├── other-features.md │ ├── search/ │ │ └── _index.md │ ├── search-page.md │ ├── slides/ │ │ └── adirondack/ │ │ ├── index.md │ │ └── slide-layouts.key │ ├── talks/ │ │ ├── a-future-talk.md │ │ └── adirondack.md │ └── typography.md ├── layouts/ │ ├── 404.html │ ├── _default/ │ │ ├── archives.html │ │ ├── baseof.html │ │ ├── index.xml │ │ ├── list.html │ │ ├── mailchimp.html │ │ ├── mailchimp.xml │ │ ├── search.html │ │ └── single.html │ ├── index.html │ ├── index.json │ ├── partials/ │ │ ├── about.html │ │ └── li.html │ ├── shortcodes/ │ │ ├── math.html │ │ └── music.html │ ├── slides/ │ │ └── single.html │ └── talks/ │ └── single.html ├── netlify.toml ├── start ├── static/ │ ├── _headers │ ├── css/ │ │ ├── adirondack.css │ │ ├── adirondack.less │ │ ├── apron.css │ │ ├── apron.less │ │ ├── descartes.css │ │ ├── descartes.less │ │ ├── monobloc.css │ │ ├── story.css │ │ └── story.less │ └── js/ │ ├── abcjs_basic_5.6.3-min.js │ ├── pdfjs/ │ │ ├── LICENSE │ │ ├── build/ │ │ │ ├── pdf.js │ │ │ └── pdf.worker.js │ │ └── web/ │ │ ├── cmaps/ │ │ │ ├── 78-EUC-H.bcmap │ │ │ ├── 78-EUC-V.bcmap │ │ │ ├── 78-H.bcmap │ │ │ ├── 78-RKSJ-H.bcmap │ │ │ ├── 78-RKSJ-V.bcmap │ │ │ ├── 78-V.bcmap │ │ │ ├── 78ms-RKSJ-H.bcmap │ │ │ ├── 78ms-RKSJ-V.bcmap │ │ │ ├── 83pv-RKSJ-H.bcmap │ │ │ ├── 90ms-RKSJ-H.bcmap │ │ │ ├── 90ms-RKSJ-V.bcmap │ │ │ ├── 90msp-RKSJ-H.bcmap │ │ │ ├── 90msp-RKSJ-V.bcmap │ │ │ ├── 90pv-RKSJ-H.bcmap │ │ │ ├── 90pv-RKSJ-V.bcmap │ │ │ ├── Add-H.bcmap │ │ │ ├── Add-RKSJ-H.bcmap │ │ │ ├── Add-RKSJ-V.bcmap │ │ │ ├── Add-V.bcmap │ │ │ ├── Adobe-CNS1-0.bcmap │ │ │ ├── Adobe-CNS1-1.bcmap │ │ │ ├── Adobe-CNS1-2.bcmap │ │ │ ├── Adobe-CNS1-3.bcmap │ │ │ ├── Adobe-CNS1-4.bcmap │ │ │ ├── Adobe-CNS1-5.bcmap │ │ │ ├── Adobe-CNS1-6.bcmap │ │ │ ├── Adobe-CNS1-UCS2.bcmap │ │ │ ├── Adobe-GB1-0.bcmap │ │ │ ├── Adobe-GB1-1.bcmap │ │ │ ├── Adobe-GB1-2.bcmap │ │ │ ├── Adobe-GB1-3.bcmap │ │ │ ├── Adobe-GB1-4.bcmap │ │ │ ├── Adobe-GB1-5.bcmap │ │ │ ├── Adobe-GB1-UCS2.bcmap │ │ │ ├── Adobe-Japan1-0.bcmap │ │ │ ├── Adobe-Japan1-1.bcmap │ │ │ ├── Adobe-Japan1-2.bcmap │ │ │ ├── Adobe-Japan1-3.bcmap │ │ │ ├── Adobe-Japan1-4.bcmap │ │ │ ├── Adobe-Japan1-5.bcmap │ │ │ ├── Adobe-Japan1-6.bcmap │ │ │ ├── Adobe-Japan1-UCS2.bcmap │ │ │ ├── Adobe-Korea1-0.bcmap │ │ │ ├── Adobe-Korea1-1.bcmap │ │ │ ├── Adobe-Korea1-2.bcmap │ │ │ ├── Adobe-Korea1-UCS2.bcmap │ │ │ ├── B5-H.bcmap │ │ │ ├── B5-V.bcmap │ │ │ ├── B5pc-H.bcmap │ │ │ ├── B5pc-V.bcmap │ │ │ ├── CNS-EUC-H.bcmap │ │ │ ├── CNS-EUC-V.bcmap │ │ │ ├── CNS1-H.bcmap │ │ │ ├── CNS1-V.bcmap │ │ │ ├── CNS2-H.bcmap │ │ │ ├── CNS2-V.bcmap │ │ │ ├── ETHK-B5-H.bcmap │ │ │ ├── ETHK-B5-V.bcmap │ │ │ ├── ETen-B5-H.bcmap │ │ │ ├── ETen-B5-V.bcmap │ │ │ ├── ETenms-B5-H.bcmap │ │ │ ├── ETenms-B5-V.bcmap │ │ │ ├── EUC-H.bcmap │ │ │ ├── EUC-V.bcmap │ │ │ ├── Ext-H.bcmap │ │ │ ├── Ext-RKSJ-H.bcmap │ │ │ ├── Ext-RKSJ-V.bcmap │ │ │ ├── Ext-V.bcmap │ │ │ ├── GB-EUC-H.bcmap │ │ │ ├── GB-EUC-V.bcmap │ │ │ ├── GB-H.bcmap │ │ │ ├── GB-V.bcmap │ │ │ ├── GBK-EUC-H.bcmap │ │ │ ├── GBK-EUC-V.bcmap │ │ │ ├── GBK2K-H.bcmap │ │ │ ├── GBK2K-V.bcmap │ │ │ ├── GBKp-EUC-H.bcmap │ │ │ ├── GBKp-EUC-V.bcmap │ │ │ ├── GBT-EUC-H.bcmap │ │ │ ├── GBT-EUC-V.bcmap │ │ │ ├── GBT-H.bcmap │ │ │ ├── GBT-V.bcmap │ │ │ ├── GBTpc-EUC-H.bcmap │ │ │ ├── GBTpc-EUC-V.bcmap │ │ │ ├── GBpc-EUC-H.bcmap │ │ │ ├── GBpc-EUC-V.bcmap │ │ │ ├── H.bcmap │ │ │ ├── HKdla-B5-H.bcmap │ │ │ ├── HKdla-B5-V.bcmap │ │ │ ├── HKdlb-B5-H.bcmap │ │ │ ├── HKdlb-B5-V.bcmap │ │ │ ├── HKgccs-B5-H.bcmap │ │ │ ├── HKgccs-B5-V.bcmap │ │ │ ├── HKm314-B5-H.bcmap │ │ │ ├── HKm314-B5-V.bcmap │ │ │ ├── HKm471-B5-H.bcmap │ │ │ ├── HKm471-B5-V.bcmap │ │ │ ├── HKscs-B5-H.bcmap │ │ │ ├── HKscs-B5-V.bcmap │ │ │ ├── Hankaku.bcmap │ │ │ ├── Hiragana.bcmap │ │ │ ├── KSC-EUC-H.bcmap │ │ │ ├── KSC-EUC-V.bcmap │ │ │ ├── KSC-H.bcmap │ │ │ ├── KSC-Johab-H.bcmap │ │ │ ├── KSC-Johab-V.bcmap │ │ │ ├── KSC-V.bcmap │ │ │ ├── KSCms-UHC-H.bcmap │ │ │ ├── KSCms-UHC-HW-H.bcmap │ │ │ ├── KSCms-UHC-HW-V.bcmap │ │ │ ├── KSCms-UHC-V.bcmap │ │ │ ├── KSCpc-EUC-H.bcmap │ │ │ ├── KSCpc-EUC-V.bcmap │ │ │ ├── Katakana.bcmap │ │ │ ├── LICENSE │ │ │ ├── NWP-H.bcmap │ │ │ ├── NWP-V.bcmap │ │ │ ├── RKSJ-H.bcmap │ │ │ ├── RKSJ-V.bcmap │ │ │ ├── Roman.bcmap │ │ │ ├── UniCNS-UCS2-H.bcmap │ │ │ ├── UniCNS-UCS2-V.bcmap │ │ │ ├── UniCNS-UTF16-H.bcmap │ │ │ ├── UniCNS-UTF16-V.bcmap │ │ │ ├── UniCNS-UTF32-H.bcmap │ │ │ ├── UniCNS-UTF32-V.bcmap │ │ │ ├── UniCNS-UTF8-H.bcmap │ │ │ ├── UniCNS-UTF8-V.bcmap │ │ │ ├── UniGB-UCS2-H.bcmap │ │ │ ├── UniGB-UCS2-V.bcmap │ │ │ ├── UniGB-UTF16-H.bcmap │ │ │ ├── UniGB-UTF16-V.bcmap │ │ │ ├── UniGB-UTF32-H.bcmap │ │ │ ├── UniGB-UTF32-V.bcmap │ │ │ ├── UniGB-UTF8-H.bcmap │ │ │ ├── UniGB-UTF8-V.bcmap │ │ │ ├── UniJIS-UCS2-H.bcmap │ │ │ ├── UniJIS-UCS2-HW-H.bcmap │ │ │ ├── UniJIS-UCS2-HW-V.bcmap │ │ │ ├── UniJIS-UCS2-V.bcmap │ │ │ ├── UniJIS-UTF16-H.bcmap │ │ │ ├── UniJIS-UTF16-V.bcmap │ │ │ ├── UniJIS-UTF32-H.bcmap │ │ │ ├── UniJIS-UTF32-V.bcmap │ │ │ ├── UniJIS-UTF8-H.bcmap │ │ │ ├── UniJIS-UTF8-V.bcmap │ │ │ ├── UniJIS2004-UTF16-H.bcmap │ │ │ ├── UniJIS2004-UTF16-V.bcmap │ │ │ ├── UniJIS2004-UTF32-H.bcmap │ │ │ ├── UniJIS2004-UTF32-V.bcmap │ │ │ ├── UniJIS2004-UTF8-H.bcmap │ │ │ ├── UniJIS2004-UTF8-V.bcmap │ │ │ ├── UniJISPro-UCS2-HW-V.bcmap │ │ │ ├── UniJISPro-UCS2-V.bcmap │ │ │ ├── UniJISPro-UTF8-V.bcmap │ │ │ ├── UniJISX0213-UTF32-H.bcmap │ │ │ ├── UniJISX0213-UTF32-V.bcmap │ │ │ ├── UniJISX02132004-UTF32-H.bcmap │ │ │ ├── UniJISX02132004-UTF32-V.bcmap │ │ │ ├── UniKS-UCS2-H.bcmap │ │ │ ├── UniKS-UCS2-V.bcmap │ │ │ ├── UniKS-UTF16-H.bcmap │ │ │ ├── UniKS-UTF16-V.bcmap │ │ │ ├── UniKS-UTF32-H.bcmap │ │ │ ├── UniKS-UTF32-V.bcmap │ │ │ ├── UniKS-UTF8-H.bcmap │ │ │ ├── UniKS-UTF8-V.bcmap │ │ │ ├── V.bcmap │ │ │ └── WP-Symbol.bcmap │ │ ├── debugger.js │ │ ├── images/ │ │ │ ├── grab.cur │ │ │ └── grabbing.cur │ │ ├── locale/ │ │ │ ├── ach/ │ │ │ │ └── viewer.properties │ │ │ ├── af/ │ │ │ │ └── viewer.properties │ │ │ ├── ak/ │ │ │ │ └── viewer.properties │ │ │ ├── an/ │ │ │ │ └── viewer.properties │ │ │ ├── ar/ │ │ │ │ └── viewer.properties │ │ │ ├── as/ │ │ │ │ └── viewer.properties │ │ │ ├── ast/ │ │ │ │ └── viewer.properties │ │ │ ├── az/ │ │ │ │ └── viewer.properties │ │ │ ├── be/ │ │ │ │ └── viewer.properties │ │ │ ├── bg/ │ │ │ │ └── viewer.properties │ │ │ ├── bn-BD/ │ │ │ │ └── viewer.properties │ │ │ ├── bn-IN/ │ │ │ │ └── viewer.properties │ │ │ ├── br/ │ │ │ │ └── viewer.properties │ │ │ ├── brx/ │ │ │ │ └── viewer.properties │ │ │ ├── bs/ │ │ │ │ └── viewer.properties │ │ │ ├── ca/ │ │ │ │ └── viewer.properties │ │ │ ├── cak/ │ │ │ │ └── viewer.properties │ │ │ ├── crh/ │ │ │ │ └── viewer.properties │ │ │ ├── cs/ │ │ │ │ └── viewer.properties │ │ │ ├── csb/ │ │ │ │ └── viewer.properties │ │ │ ├── cy/ │ │ │ │ └── viewer.properties │ │ │ ├── da/ │ │ │ │ └── viewer.properties │ │ │ ├── de/ │ │ │ │ └── viewer.properties │ │ │ ├── el/ │ │ │ │ └── viewer.properties │ │ │ ├── en-CA/ │ │ │ │ └── viewer.properties │ │ │ ├── en-GB/ │ │ │ │ └── viewer.properties │ │ │ ├── en-US/ │ │ │ │ └── viewer.properties │ │ │ ├── en-ZA/ │ │ │ │ └── viewer.properties │ │ │ ├── eo/ │ │ │ │ └── viewer.properties │ │ │ ├── es-AR/ │ │ │ │ └── viewer.properties │ │ │ ├── es-CL/ │ │ │ │ └── viewer.properties │ │ │ ├── es-ES/ │ │ │ │ └── viewer.properties │ │ │ ├── es-MX/ │ │ │ │ └── viewer.properties │ │ │ ├── et/ │ │ │ │ └── viewer.properties │ │ │ ├── eu/ │ │ │ │ └── viewer.properties │ │ │ ├── fa/ │ │ │ │ └── viewer.properties │ │ │ ├── ff/ │ │ │ │ └── viewer.properties │ │ │ ├── fi/ │ │ │ │ └── viewer.properties │ │ │ ├── fr/ │ │ │ │ └── viewer.properties │ │ │ ├── fy-NL/ │ │ │ │ └── viewer.properties │ │ │ ├── ga-IE/ │ │ │ │ └── viewer.properties │ │ │ ├── gd/ │ │ │ │ └── viewer.properties │ │ │ ├── gl/ │ │ │ │ └── viewer.properties │ │ │ ├── gn/ │ │ │ │ └── viewer.properties │ │ │ ├── gu-IN/ │ │ │ │ └── viewer.properties │ │ │ ├── he/ │ │ │ │ └── viewer.properties │ │ │ ├── hi-IN/ │ │ │ │ └── viewer.properties │ │ │ ├── hr/ │ │ │ │ └── viewer.properties │ │ │ ├── hsb/ │ │ │ │ └── viewer.properties │ │ │ ├── hto/ │ │ │ │ └── viewer.properties │ │ │ ├── hu/ │ │ │ │ └── viewer.properties │ │ │ ├── hy-AM/ │ │ │ │ └── viewer.properties │ │ │ ├── ia/ │ │ │ │ └── viewer.properties │ │ │ ├── id/ │ │ │ │ └── viewer.properties │ │ │ ├── is/ │ │ │ │ └── viewer.properties │ │ │ ├── it/ │ │ │ │ └── viewer.properties │ │ │ ├── ja/ │ │ │ │ └── viewer.properties │ │ │ ├── ka/ │ │ │ │ └── viewer.properties │ │ │ ├── kab/ │ │ │ │ └── viewer.properties │ │ │ ├── kk/ │ │ │ │ └── viewer.properties │ │ │ ├── km/ │ │ │ │ └── viewer.properties │ │ │ ├── kn/ │ │ │ │ └── viewer.properties │ │ │ ├── ko/ │ │ │ │ └── viewer.properties │ │ │ ├── kok/ │ │ │ │ └── viewer.properties │ │ │ ├── ks/ │ │ │ │ └── viewer.properties │ │ │ ├── ku/ │ │ │ │ └── viewer.properties │ │ │ ├── lg/ │ │ │ │ └── viewer.properties │ │ │ ├── lij/ │ │ │ │ └── viewer.properties │ │ │ ├── lo/ │ │ │ │ └── viewer.properties │ │ │ ├── locale.properties │ │ │ ├── lt/ │ │ │ │ └── viewer.properties │ │ │ ├── ltg/ │ │ │ │ └── viewer.properties │ │ │ ├── lv/ │ │ │ │ └── viewer.properties │ │ │ ├── mai/ │ │ │ │ └── viewer.properties │ │ │ ├── meh/ │ │ │ │ └── viewer.properties │ │ │ ├── mk/ │ │ │ │ └── viewer.properties │ │ │ ├── ml/ │ │ │ │ └── viewer.properties │ │ │ ├── mn/ │ │ │ │ └── viewer.properties │ │ │ ├── mr/ │ │ │ │ └── viewer.properties │ │ │ ├── ms/ │ │ │ │ └── viewer.properties │ │ │ ├── my/ │ │ │ │ └── viewer.properties │ │ │ ├── nb-NO/ │ │ │ │ └── viewer.properties │ │ │ ├── ne-NP/ │ │ │ │ └── viewer.properties │ │ │ ├── nl/ │ │ │ │ └── viewer.properties │ │ │ ├── nn-NO/ │ │ │ │ └── viewer.properties │ │ │ ├── nso/ │ │ │ │ └── viewer.properties │ │ │ ├── oc/ │ │ │ │ └── viewer.properties │ │ │ ├── or/ │ │ │ │ └── viewer.properties │ │ │ ├── pa-IN/ │ │ │ │ └── viewer.properties │ │ │ ├── pl/ │ │ │ │ └── viewer.properties │ │ │ ├── pt-BR/ │ │ │ │ └── viewer.properties │ │ │ ├── pt-PT/ │ │ │ │ └── viewer.properties │ │ │ ├── rm/ │ │ │ │ └── viewer.properties │ │ │ ├── ro/ │ │ │ │ └── viewer.properties │ │ │ ├── ru/ │ │ │ │ └── viewer.properties │ │ │ ├── rw/ │ │ │ │ └── viewer.properties │ │ │ ├── sah/ │ │ │ │ └── viewer.properties │ │ │ ├── sat/ │ │ │ │ └── viewer.properties │ │ │ ├── si/ │ │ │ │ └── viewer.properties │ │ │ ├── sk/ │ │ │ │ └── viewer.properties │ │ │ ├── sl/ │ │ │ │ └── viewer.properties │ │ │ ├── son/ │ │ │ │ └── viewer.properties │ │ │ ├── sq/ │ │ │ │ └── viewer.properties │ │ │ ├── sr/ │ │ │ │ └── viewer.properties │ │ │ ├── sv-SE/ │ │ │ │ └── viewer.properties │ │ │ ├── sw/ │ │ │ │ └── viewer.properties │ │ │ ├── ta/ │ │ │ │ └── viewer.properties │ │ │ ├── ta-LK/ │ │ │ │ └── viewer.properties │ │ │ ├── te/ │ │ │ │ └── viewer.properties │ │ │ ├── th/ │ │ │ │ └── viewer.properties │ │ │ ├── tl/ │ │ │ │ └── viewer.properties │ │ │ ├── tn/ │ │ │ │ └── viewer.properties │ │ │ ├── tr/ │ │ │ │ └── viewer.properties │ │ │ ├── tsz/ │ │ │ │ └── viewer.properties │ │ │ ├── uk/ │ │ │ │ └── viewer.properties │ │ │ ├── ur/ │ │ │ │ └── viewer.properties │ │ │ ├── uz/ │ │ │ │ └── viewer.properties │ │ │ ├── vi/ │ │ │ │ └── viewer.properties │ │ │ ├── wo/ │ │ │ │ └── viewer.properties │ │ │ ├── xh/ │ │ │ │ └── viewer.properties │ │ │ ├── zam/ │ │ │ │ └── viewer.properties │ │ │ ├── zh-CN/ │ │ │ │ └── viewer.properties │ │ │ ├── zh-TW/ │ │ │ │ └── viewer.properties │ │ │ └── zu/ │ │ │ └── viewer.properties │ │ ├── viewer.css │ │ ├── viewer.html │ │ └── viewer.js │ ├── qrcode.js │ ├── remark.js │ └── story.js └── theme.toml ================================================ FILE CONTENTS ================================================ ================================================ FILE: .github/ISSUE_TEMPLATE/bug_report.md ================================================ --- name: Bug report about: Create a report to help improve the theme. title: "[BUG] " labels: '' assignees: '' --- **Describe the bug** A clear and concise description of what the bug is. **Please state this in the form of a problem, such as "[BUG] The door will not unlock without the key."** **To Reproduce** Steps to reproduce the behavior: 1. Go to '...' 2. Click on '....' 3. Scroll down to '....' 4. See error **Expected behavior** A clear and concise description of what you expected to happen. **Screenshots** If applicable, add screenshots to help explain your problem. **Device information):** - Device [e.g. MacBook, iPhone, ...] - OS: [e.g. iOS] - Browser [e.g. chrome, safari] - Version [e.g. 22] **Additional context** Add any other context about the problem here. ================================================ FILE: .github/ISSUE_TEMPLATE/feature_request.md ================================================ --- name: Feature request about: Suggest an idea for this project title: "[FEATURE] " labels: '' assignees: '' --- **Is your feature request related to a problem? Please describe.** A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] **Describe the solution you'd like** A clear and concise description of what you want to happen. What problem does this solve, for whom, in what types of circumstances? What is the value of your idea? **Describe alternatives you've considered** A clear and concise description of any alternative solutions or features you've considered. Screenshots or mockups are helpful. **Additional context** Add any other context or screenshots about the feature request here. **Does it fit with Story's design?** Tell us why your idea is a good fit for Story in particular, rather than generically being a good idea. Does it align well with Story's goals of simplicity, elegance? Is your idea targeted towards Story's intended audience and use case? ================================================ FILE: .gitignore ================================================ *.swp .DS_Store public ================================================ FILE: LICENSE.md ================================================ The MIT License (MIT) Copyright (c) 2018 Baron Schwartz 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. ================================================ FILE: README.md ================================================ # Story Story is a beautiful [Hugo theme](https://gohugo.io) for showcasing your writing and presentations. There's a robust demo site (which you can launch and browse with Hugo) where you can see its many features in action, and learn more about how to use them. Story is no longer actively maintained. The original author, Baron Schwartz, encourages forking.  Story is targeted to technical writers and speakers: people such as software engineers and open source developers, who want a website for their technical work, such as blogging about software engineering. It's a great way to share your writing and speaking with the world. It has a lot of features for people who invest effort in their websites and blogs! - Beautiful, responsive typography for long-form content on screen and in print, including blogs, essays, and single pages. - Support for [RemarkJS slides](https://remarkjs.com/). - LaTeX math typesetting with [KaTeX](https://github.com/Khan/KaTeX) - A built-in search page with [LunrJS](https://github.com/olivernn/lunr.js). - Music notation typesetting with [abcjs](https://abcjs.net/). - Easy-to-use, backwards-compatible Markdown enhancements such as ways to control image behavior (size, float, etc) with CSS. This is just a fraction of Story's feature set, see the demo site for much more documentation and screenshots. ================================================ FILE: archetypes/default.md ================================================ --- title: '{{ replace .TranslationBaseName "-" " " | title }}' date: "{{ .Date }}" url: "/{{ .Dir }}{{ .Name }}" description: "" tldr: "" image: "" credit: "" thumbnail: "" categories: - Uncategorized --- ================================================ FILE: archetypes/slides.md ================================================ --- title: {{ .Name | humanize | title }} date: "{{ .Date }}" url: "/{{ .Dir }}" image: "/slides/{{ .Name }}/cover.jpg" description: "" ratio: "16:9" themes: - apron - adirondack - descartes --- class: title background-image: url(cover.jpg) # {{ .Name | humanize | title }} ## Subtitle --- # About Me - Slides are at {{ "talks/" | absURL }} - Ask questions anytime --- # Slides and Contact Information .qrcode.db.fr.w-40pct.ml-4[] Slides are at {{ .Site.BaseURL }}talks/ or you can scan the QR code. Contact: ================================================ FILE: archetypes/talks.md ================================================ --- title: '{{ replace .TranslationBaseName "-" " " | title }}' date: "{{ .Date }}" url: "/{{ .Dir }}{{ .Name }}/" event: "" location: "" site: "" video: "" slides: "/slides/{{ .Name }}/" thumbnail: "/slides/{{ .Name }}/thumbnail.jpg" image: "/slides/{{ .Name }}/cover.jpg" description: "" --- ================================================ FILE: exampleSite/config.toml ================================================ # Site settings baseurl = "https://example.com/" title = "Hugo Story Theme" paginate = 5 buildFuture = true [[menu.social]] name = "GitHub" title = "fab fa-github-square" url = "https://github.com/xaprb/story/" [[menu.main]] name = "Talks" title = "Talks" url = "/talks/" [[menu.main]] name = "Slides" title = "Slides" url = "/slides/" [[menu.main]] name = "Archives" title = "Archives" url = "/archives/" [params] author = "Jane Smith" twitter = "sometwitteruser" classes = [] [outputs] home = ["HTML", "JSON", "RSS"] page = ["HTML"] section = ["HTML", "RSS"] taxonomy = ["HTML", "RSS"] taxonomyTerm = ["HTML", "RSS"] ================================================ FILE: exampleSite/content/_index.md ================================================ --- title: Story Hugo Theme Demo Site subtitle: "Showcase Your Work" --- [](https://www.example.com) Jane is an example of an author for this website. ================================================ FILE: exampleSite/content/about-story.md ================================================ --- title: The Story Hugo Theme date: "2018-09-03" url: "/about-story" description: "Story is a beautiful responsive Hugo blog theme with many extra features including presentations, math typesetting, and search." tldr: "Story is a beautiful responsive Hugo blog theme with powerful extra features out-of-the-box. It's targeted to people who want to showcase their technical work online." credit: "https://unsplash.com/photos/o-ubWHV29Uk" image: "img/unsplash-photos-o-ubWHV29Uk.jpg" thumbnail: img/unsplash-photos-o-ubWHV29Uk.tn-500x500.jpg categories: - Demo --- Story is a beautiful Hugo theme. [Hugo](https://gohugo.io) is a static website generator, which builds websites by rendering [Markdown](https://commonmark.org/help/) content into templates from themes like Story. The resulting site is fast, secure, and easy to build and maintain. Story is a responsive theme that supports blogs, with many extra features such as presentations, math and music typesetting, and search. The Story design philosophy prioritizes simplicity and elegance, so it can be sophisticated and powerful at the same time. Story is easy to use, making it a great way to share your writing and speaking with the world. Story is targeted to technical writers and speakers: people such as software engineers and open source developers, who want a website for their technical work and side projects---for example, those who write and speak about software engineering. Story is deceptively simple, while offering the features you need: - Beautiful, responsive typography for long-form content on screen and in print, including blogs and single pages. - Support for Remark in-browser slideshows, written in simple Markdown. - LaTeX math equation typesetting. - Sheet music rendering from ABC music notation. - Built-in site search. Story has many more features than this. Explore Story and learn all the ways it can help you showcase your work! Read next: [Story's features](/theme-features). ================================================ FILE: exampleSite/content/archives/_index.md ================================================ --- layout: archives url: /archives/ title: Archives classes: - feature-nosubtitle - feature-nohdr - feature-depth --- ================================================ FILE: exampleSite/content/author-pages.md ================================================ --- author: Elvis Presley title: Story's Author Profiles url: /author-profiles date: "2018-08-29" description: "With Story, you can define global and per-item author profiles/biographies." image: "img/unsplash-photos-TzMi5Ov7QeM.jpg" credit: "https://unsplash.com/photos/TzMi5Ov7QeM" thumbnail: "img/unsplash-photos-TzMi5Ov7QeM.tn-500x500.jpg" categories: - Demo --- Story supports author profiles, so you can highlight your bio. It's possible to set this globally for the entire site, or individually for each piece of content. Or you can set a global default and override it on individual pieces of content. Scroll to the bottom of any page on this site to see how author profiles are styled. Story's author profile system is a slightly simplified (incomplete) implementation of the ideas laid out in [Netlify's how-to document](https://www.netlify.com/blog/2018/07/24/hugo-tips-how-to-create-author-pages/). It allows only one author per piece of content, and doesn't require Hugo to create the authors taxonomy. Because it's incomplete, it's a) missing a few of the features Netlify describes, and b) easier to set up. ### Global And Per-Content Authors If you want to specify an author in the front matter of each post, it's simply specified like this (YAML example): ``` --- author: "Elvis Presley" --- ``` If you want to set a global author parameter for the entire site, which will serve as the default in case any pieces of content don't specify their own, use your config file's `params` array: ``` params: author: "Jane Smith" ``` That's exactly what this sample site you're reading right now does: Jane is the author by default, but Elvis is the author of _this_ content you're reading now. ### Creating Author Profiles To create author profiles, you need to create the author hierarchy under `content`, and a slugified directory for each author. Then, place an `_index.md` file into each of those directories, and give it the content needed to describe the author. For example: ``` └── content/ └── authors/ ├── elvis-presley/ │ └── _index.md ├── aretha-franklin/ │ └── _index.md └── stevie-wonder/ └── _index.md ``` You can put any content you want in the file, but Story has CSS to nicely format a square image followed by a paragraph of text. This page you're viewing right now has "Elvis Presley" as its author, and the content of `content/authors/elvis-presley/_index.md` is: ``` --- ---  Elvis Aaron Presley (January 8, 1935 – August 16, 1977) was an American singer and actor. Regarded as one of the most significant cultural icons of the 20th century, he is often referred to as the "King of Rock and Roll" or simply "the King". ``` ### Global Fallback Content Even if you don't have an author directory and a specific author's file as described above, you can create content that will serve as a fallback across the whole site. If Story doesn't find a specific author's profile page, it'll look for the default `_index.md` content for the section it's currently rendering. The top-level default for the whole site is `content/_index.md`, which this demo site uses to provide Jane Smith's author information. This information will appear on all pages _other than_ the current page, which is authored by Elvis Presley. This fallback information from `content/_index.md` looks like the following: ``` [](https://www.example.com) Jane Smith's biography goes here; markdown is supported. ``` This content is a (non-author-specific) fallback for the entire site. You can see it on all the other pages of this site. Read next: [Story's figures, captions, and tables](/figures/). ================================================ FILE: exampleSite/content/authors/elvis-presley/_index.md ================================================ --- ---  Elvis Aaron Presley (January 8, 1935 – August 16, 1977) was an American singer and actor. Regarded as one of the most significant cultural icons of the 20th century, he is often referred to as the "King of Rock and Roll" or simply "the King". ================================================ FILE: exampleSite/content/cooleys.abc ================================================ X: 1 T: Cooley's M: 4/4 L: 1/8 K: Emin |:D2|EB{c}BA B2 EB|~B2 AB dBAG|FDAD BDAD|FDAD dAFD| EBBA B2 EB|B2 AB defg|afe^c dBAF|DEFD E2:| |:gf|eB B2 efge|eB B2 gedB|A2 FA DAFA|A2 FA defg| eB B2 eBgB|eB B2 defg|afe^c dBAF|DEFD E2:| ================================================ FILE: exampleSite/content/features.md ================================================ --- title: Story's Feature Flags date: "2018-08-30" url: "/features" description: "Story comes with a lot of power, but it's all configurable: almost every extra feature is optional." credit: "https://unsplash.com/photos/QRkew0KwXSM" image: "img/unsplash-photos-QRkew0KwXSM.jpg" thumbnail: img/unsplash-photos-QRkew0KwXSM.tn-500x500.jpg classes: categories: - Demo --- Feature flags, which are called _classes_ in the markup, control many of Story's features. You can enable and disable them in your site config, or in an individual post's front matter. This article documents Story's feature flags. ### Enabling Feature Flags Feature flags can be enabled globally or locally, and the combination of these determines content behavior. This lets you enable them for the entire site, or for an individual post. The combined list of features that applies to a piece of content is the union of the two lists. Here's how to enable the "example" feature for the entire site, in your site's `config.yaml` file: ```yaml params: classes: - feature-example ``` Here's how to enable the "misc" feature in an individual piece of content, via its YAML front matter: ```yaml --- classes: - feature-misc --- ``` The contents of both feature lists are combined and put into the `
` tag's `class` attribute, verbatim: ```html ... ``` If you're using TOML, then the syntax in `config.toml` looks like this: ```toml [params] classes = ["feature-example", "feature-misc"] ``` ### Disabling Features Many features can be _negated_ by prefixing the feature name with `no`, like this: ```yaml --- classes: - feature-noexample --- ``` If a feature is enabled globally and negated in a single piece of content's front matter, both the positive and negative form will appear in the CSS classes. Features in Story are inside of code that checks not only whether flags are enabled, but also whether they're overridden with a negation. One consequence of this is that if you disable a feature globally in `config.yaml`, you can't enable it locally in a single piece of content. You can only enable globally and disable locally, not the other way around. There's nothing special about a feature flag, and you can put arbitrary values into the configuration arrays. Story only recognizes and supports specific values; it ignores others. You can take advantage of this to add any values into the arrays that you want, if they're useful for your other purposes. For example, you can use this ability to set any desired CSS class, for selection either with your custom CSS, or to work with something off-the-shelf that happens to look for a specific class. ### List Of Features Features have varying implementations. Some affect how Hugo processes content, some affect CSS presentation, and some are implemented in unobtrusive JavaScript after the page finishes loading. Here's a list of all of Story's features and how they're implemented. The first column links to a demo of those features. For brevity, the `feature-` prefix is omitted, but all of Story's classes have that prefix to avoid naming conflicts. | Feature | Explanation | Implementation | |--------------------|---------------------------------------------------------------------------------------------|----------------| | [3dbook-covers](/images) | Styles images to resemble a hardcover book | JS + CSS | | [figcaption](/figures) | Transforms images into captioned figures | JS + CSS | | [figcaption-hidden](/figures) | Hides figure captions, revealing them on mouseover | CSS | | [figcaption-visible](/figures) | Formats figure captions visibly | CSS | | [figlink](/figures) | Links text like "Figure/Table 3" to the corresponding figure or table | JS | | [fignum](/figures) | Auto-numbers figures and tables | CSS | | [h3-cl](/typography) | Adds CSS `clear: left` to all `The quadratic equation is {{< math >}}x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}{{< /math >}}.
The quadratic equation is {{< math >}}x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}{{< /math >}}.
And in equation mode,
{{< math >}}
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
{{< /math >}}
{{< math >}}
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
{{< /math >}}
You don't have to use the shortcode, but it saves you from needing to
backslash-escape special characters, and fixes problems like backslashes and
spaces at the end of the line, which Hugo's Markdown processor will otherwise
mangle. This enables frustration-free typesetting of more advanced equations
such as the following:
{{< math >}}
\left\{
\begin{array}{c}
a_1x+b_1y+c_1z=d_1 \\
a_2x+b_2y+c_2z=d_2 \\
a_3x+b_3y+c_3z=d_3
\end{array}
\right.
{{< /math >}}
Math typesetting is controlled with the `feature-[no]math` flag.
Read next: [Story's music notation](/music/).
================================================
FILE: exampleSite/content/music.md
================================================
---
title: Story's Music Notation
date: "2018-08-20 04:00:00"
url: "/music"
description: "Story can render music notation in your website."
credit: "https://unsplash.com/photos/UpdR5OaUJl0"
image: "img/jordan-mixson-372435-unsplash.jpg"
thumbnail: img/jordan-mixson-372435-unsplash.tn-500x500.jpg
classes:
- feature-music
categories:
- Demo
---
Story uses the [abcjs](https://github.com/paulrosen/abcjs) library to transform
[abc](https://www.abcnotation.com) music notation into "sheet music" dynamically.
This works well for displaying a wide variety of music notation in a web
browser conveniently, without embedding images or PDFs or the like.
To generate sheet music within a page, enter it in a code listing with the language `abc`, like this:
```abc
[ABC music notation goes here]
```
If you enable music notation rendering with the `feature-[no]music` flag, then Story's
JavaScript, which runs when the page loads, will search for every `abc` code listing and transform it.
Here's an example:
```abc
X: 76
T:Mazurka
C:F. Chopin
T: Op.33 No.1
M:3/4
L:1/4
Q:"Mesto"
K:B
%%staves {(RH1 RH2) (LH1 LH2)}
V: RH1 clef=treble name="Piano"
V: RH2 clef=treble
V: LH1 clef=bass
V: LH2 clef=bass
%
[V: RH1] (!p!LD | E/>D/ [^^CGB][^C^^FA] | G2-) (G/A/ | B/c/ d {/f}e | (d/g//)) z// (Ld2 |
[V: RH2] x | x x x | z [B,D] z | x x x | x z [G-B-]|
[V: LH1] x | x x x | z [D,G,] x | x3 | x3 |
[V: LH2] z | z z (D,, | G,,2) z | z3 | z z [G,-D-]|
%
[V: RH1] d/>c/ e d) | {/c}(B/>A/ [EGc][DGB]) | (E/>D/ [^^CGB][^C^^FA] | G2 B | d/>c/e d) |
[V: RH2] [GB] [GA] [GB] | x3 | x3 | z [B,D][B,D] | z [GA] [GB] |
[V: LH1] x3 | x3 | x3 | z [D,G,] [D,G,] | x3 |
[V: LH2] [G,D] ([C,C] [G,,G,]) | z ([C,C,,] [G,,,G,,]) | z z (D,, | G,,2) x | z ([C,C] [G,,G,])
```
Story also has a `music` shortcode, which simply takes the name of an abc file as an argument, e.g. the following example code and the resulting music notation. This enables you to store your music files separately from your content and include them easily.
{{< music "/cooleys.abc" >}}
{{< music "/cooleys.abc" >}}
Read next: [Story's beautiful typography](/typography/).
================================================
FILE: exampleSite/content/other-features.md
================================================
---
title: Story's Theme Features
url: /theme-features
date: "2018-09-01"
description: "This page is a tour of Story's features, so you can take full advantage of its power."
image: "img/unsplash-photos-nehfi_SfqtU.jpg"
credit: "https://unsplash.com/photos/nehfi_SfqtU"
thumbnail: "img/unsplash-photos-nehfi_SfqtU.tn-500x500.jpg"
categories:
- Demo
---
Story has a lot of features, but most are optional and have smart defaults!
This page is an introduction to Story, with links to further pages that go into
more details. There's also a listing of features that either don't need
a separate documentation page, or just don't have full documentation yet.
- [Gorgeous, responsive typography on all devices and in print](/typography)
- [Beautiful featured images and thumbnails](/images/) (optional)
- [Multiple layouts](/images/)
- [Flexibility via feature toggles](/features)
- [Author profile pages](/author-profiles)
- [Remark browser-based presentation support](/slides/), including CSS themes and multiple aspect ratios
- [Automatic table and image enhancements](/figures)
- [Advanced image styling features](/images)
- [Mathematical equation typesetting](/math)
- [Formatting ABC music notation as sheet music](/music)
- [Built-in search](/search-page)
- [MailChimp subscribe forms and RSS feeds](/mailchimp-features)
Story also has support for the following, which aren't extensively documented:
- Code syntax highlighting
- Google Analytics
- Categories
- All types of blogs; Story isn't opinionated about what you call them (you
can put your content under `/posts/`, `/blog/`, `/articles/`, or whatever)
- A section for "talks," which is different from slideshows; a talks page is a
place to put information about your presentations, including links to videos,
the location, slides, and so on. `/talks/` and `/slides/` are the only two
content types for which Story has special formatting and archetypes.
- An archive listing page, which uses the `archives` layout analogously to the [search](/search-page) feature
- 404 error page
- Social-media meta tags to make your content look great when shared on social
media sites
- Using `skip` to hide content from default lists, but generating HTML pages for it
- Meta keywords
- Font Awesome icon fonts
- Custom header meta tags with any content you want
- Custom footer content with any HTML, JS, or CSS you want; useful for adding
custom features from third-parties that provide script blocks to paste into
your site
- Custom CSS classes in the `` tag
- Custom content and social link menus with any content you want (not limited to predefined)
Read next: [Story's feature flags](/features/).
================================================
FILE: exampleSite/content/search/_index.md
================================================
---
layout: search
url: /search/
title: Search
classes:
- feature-nosubtitle
- feature-nohdr
- feature-depth
---
================================================
FILE: exampleSite/content/search-page.md
================================================
---
title: Story's JavaScript Search
date: "2018-08-21"
url: "/search-page"
description: "With Story, your site will have built-in search with no external dependencies."
image: "img/unsplash-photos-4zxSWESyZio.jpg"
credit: "https://unsplash.com/photos/4zxSWESyZio"
thumbnail: "img/unsplash-photos-4zxSWESyZio.tn-500x500.jpg"
categories:
- Demo
---
This article documents Story's built-in search features, which don't rely on external search engines.
Story uses the [LunrJS](https://lunrjs.com/) library to provide fast browser-based search.
This page first explains how search setup works, and then provides copy-paste
ready code samples for you to use.
To get Story's search to work, you need to take a couple of steps:
1. Create a piece of content with the URL you want. Story assumes you want
`/search/` and adds an icon for that in the top menu automatically. So you
can simply create `content/search/_index.md` and that should work.
2. Give this content the `search` layout, and a title.
There doesn't need to be any Markdown content; the `search` layout ignores it.
This will create the search page, but you also need to tell Hugo that it should
build the JSON index of the content in the site, which LunrJS uses. To do this,
configure the `home` output type to include JSON, which isn't included by
default. This will override the default output settings, so you'll need to
explicitly specify the defaults in addition. Here's a YAML config file section
for your `config.yaml` file to enable this:
```
outputs:
home:
- HTML
- JSON
- RSS
page:
- HTML
section:
- HTML
- RSS
taxonomy:
- HTML
- RSS
taxonomyTerm:
- HTML
- RSS
```
If you use TOML, use this:
```
[outputs]
home = ["HTML", "JSON", "RSS"]
page = ["HTML"]
section = ["HTML", "RSS"]
taxonomy = ["HTML", "RSS"]
taxonomyTerm = ["HTML", "RSS"]
```
There's more you can do. If you want to create a full-featured search page easily, just paste the following code into `content/search/_index.md`
```
---
layout: search
url: /search/
title: Search
classes:
- feature-nosubtitle
- feature-nohdr
---
```
This illustrates an additional layout feature in Story:
displaying it without a header image.
Read next: [Story's mathematical equation typesetting features](/math/).
================================================
FILE: exampleSite/content/slides/adirondack/index.md
================================================
---
title: 'Creating Beautiful Presentations with Story'
date: "2018-04-25T09:50:00-07:00"
url: "slides/adirondack/"
image: "slides/adirondack/leo-serrat-533922-unsplash.jpg"
thumbnail: slides/adirondack/thumbnail.jpg
description: "Story's Remark frameworks help you create sophisticated slides with simple, clean Markdown. There are predefined layouts for most presentation needs, beautiful typography and colors, precise image control, and a simple modular way to create custom layouts."
ratio: "16:9"
themes:
- apron
- descartes
- adirondack
classes:
- feature-math
- feature-qrcode
- feature-nohighlight
- feature-music
---
class: title, smokescreen, shelf, no-footer
background-image: url(leo-serrat-533922-unsplash.jpg)
# Creating Beautiful Presentations
### With Remark, Apron, Adirondack, and Descartes
---
# The Story Remark Themes
[Story](https://github.com/xaprb/story) offers helper themes for creating
beautiful presentations with [Remark](https://remarkjs.com/), using simple
Markdown to create slide layouts.
- Apron defines the layouts' structure and size.
- Adirondack adds typography, theme colors, and helpful features.
- Descartes provides element and image positioning and colors.
Story has a design goal of clean, simple Markdown content. Avoiding "raw" HTML
and Remark's Markdown extensions makes things easier.
View the source of this page to see the Markdown that creates it.
These characteristics make it easy to build gorgeous slideshows. They're also
a great foundation for creating your own themes.
---
# What is Remark?
Remark (sometimes called RemarkJS) is a browser-based slideshow system. It's
simple but surprisingly powerful:
- You write slides in simple Markdown
- It supports a presenter mode, slide notes, and dual monitors
- It supports slide layouts, templates, and incremental slides
- It's easy to extend and customize with simple CSS
Story integrates Remark into Hugo, creating a live-reload editing experience,
and a permanent home for your slides on your own website!
View this page's source to see how easily you can compose slideshows
with Remark.
---
name: getting-started
# Getting Started
To get started, use `hugo new slides/my-presentation.md` and ensure that the
following `themes` are in the front matter, for example:
```yaml
---
title: 'Creating Beautiful Presentations with Story'
date: "2018-04-25T09:50:00-07:00"
url: "/slides/adirondack/"
ratio: "16:9"
themes:
- apron
- descartes
- adirondack
```
---
class: compact
# Apron's Slide Layouts
It's easy to create common slide layouts with Remark's slide classes.

---
class: img-right
# Heading, Content, and Image

This is the `img-right` slide class. The content consists simply of a
header, an image, and this text.
* The image's aspect ratio and cropping are not altered.
* All content after the image goes in the lefthand column.
Although this text is in the lefthand column, the image comes _first_ in the
markdown source.
---
class: img-left
# Heading, Image, and Content

This is the `img-left` slide class. The content is structured in just the same
way as the `img-right` slide class.
- All content after the image goes in the right-hand column.
--
- These columns require no wrapper ``,
[link](https://www.wikipedia.org/).
---
class: col-2
# Bulleted Lists Demo
This column illustrates bulleted lists.
* A bulleted list.
* Another bullet.
* Nested bullets.
* Another.
* Deeply nested.
* Back to the top-level again.
This column has numbered lists.
2. Another bullet.
3. The last bullet.
1. Nested numbered lists.
2. Another.
3. Deeper.
1. Top-level again.
---
# Code Typography Demo
Remark offers [HighlightJS](https://highlightjs.org/) code syntax highlighting.
Story enables/disables this with [feature flags](/features/).
```javascript
function $initHighlight(block, cls) {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) + ` class="${cls}"`;
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
}
```
---
class: col-2
# Math Typesetting
Story supports math equation typesetting using the KaTeX library,
if [`feature-math`](/math/) is enabled.
\\[
\left( \beta mc^2 + c \left ( \sum_{n=1}^3 \alpha_n p\_n \right ) \right) \psi(x,t) = i \hbar \frac{\partial \psi(x,t) }{\partial t}
\\]
The coherence is the \\(\kappa\\) coefficient of \\(n^2\\),
which is \\(e^{i\pi}-1=0\\).
\\[
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
\\]

You can also display equations inline, such as the quadratic equation, which is
\\(x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}\\)
---
class: compact
# Music Notation and Sheet Music
Story supports [formatting sheet music from ABC](/music).
```abc
X: 1
T: Cooley's
M: 4/4
L: 1/8
K: Emin
|:D2|EB{c}BA B2 EB|~B2 AB dBAG|FDAD BDAD|FDAD dAFD|
EBBA B2 EB|B2 AB defg|afe^c dBAF|DEFD E2:|
```
---
class: fit-h1, roomy
# This Slide Has A Very Long Multi-Line Heading That Has Been Shrunk
The `fit-h1` slide class will automatically shrink the first H1 heading until it
fits on a single line.
This doesn't work on title slides.
Story also applies 6'2" tall "smartypants" processing to replace 'straight
quotes,' en- and em-dashes (boil for 12--15 minutes---longer if needed),
and ellipses with their nicer typographical equivalents... isn't that nice?
---
# Share Your Slides With QR Codes
.qrcode.db.fr.w-40pct.ml-4[]
Adirondack has built-in support for QR codes to share your slides easily. No
more emailing links or files! Your audience can simply snap a picture of the
screen.
Just enable the `feature-qrcode` [flag](/features/) and add markup like the
following to your slide:
```
.qrcode.db.fr.w-40pct.ml-4[]
```
The `qrcode` class is important but the rest is up to you.
---
# Export Your Slides To PDFs
Remark has support for printing slides to a PDF, using Google Chrome's print
dialog (not the native system dialog).
There are some bugs in it... but Story implements workarounds so you don't even
need to think about it.
Just print with Chrome and save to a PDF file.
This works for both 16:9 and 4:3 ratio slides. Speaking of which, you select
that with the `ratio` in the front matter, as shown on the [getting
started](#getting-started) slide.
---
layout: true
.footer[
- @exampletwittername
- 
]
---
class: compact
# Footer Content
This slide builds on content from the previous (hidden, layout) slide, whose
content is:
```
---
layout: true
.footer[
- @exampletwittername
- 
]
```
This content uses Adirondack's built-in `footer` css styling to define footer
elements. You can see them at the bottom of this slide. In the next section,
you'll learn Descartes classes you can add
to the div to style it, e.g. `.footer.bt.bc-cornflower[...]`.
You can hide both the Remark and custom footer on any slide with `class: no-footer`.
---
layout: false
# Adirondack’s Slide Classes
Here are Adirondack's slide classes:
| Class | Notes |
|---------------|----------------------------------------------------------------------|
| `smokescreen` | Creates a dark shaded semi-transparent background on `title` slides. |
| `fogscreen` | Similar to `smokescreen`, but uses a white shading. |
| `fit-h1` | Shrinks the H1 heading's font-size to fit on a single line. |
---
class: title, smokescreen, shelf
background-image: url(will-turner-508747-unsplash.jpg)
# Positioning Images And Elements
## Using Descartes To Create Intricate Layouts
---
# Descartes' Styling Functionality
Descartes is an add-on that gives lots of power over image and element formatting with
Markdown. It uses composable, functional pseudo-classes in the image's URL
fragment (the part after the `#` character). For example, this image will be 33% width,
display as block, 2rem right margin, and float left:
```

```

That URL has four "words" in the fragment, delimited by whitespace. The
whitespace is important!
Image classes are also available for ``s.
---
class: center
This image collage has no "raw" markup or Remark `` extensions. The next
slide illustrates Descartes's grid of 12ths.



---
class: fullbleed
background-color: black








.absolute.w-7-12th.pa-3.l-1-12th.t-20pct.ba.bw-4.br-4.bg-white-60pct[
This slide is composed only of simple Markdown markup, no raw HTML.
]
---
# Using Descartes' Coordinate Grids
Descartes offers several length scales for element sizes and positions. For
each, a class naming convention selects the value:
- rems, from 1 rem (-1) to 96rem (-9)
- tenths, in 10% increments from -10pct to -100pct, plus -33pct, -34pct, and -75pct
- twelfths, in 1/12th increments from -1-12th to -11-12th
- thirds, as -third and -two-thirds
There's always a prefix that specifies what the item is, and a suffix that
selects the units. So for example, if you want an element to have a width of
50%, you can give it a class of `w-50pct`, and if you want it to be 25% width
you can use `w-3-12th`.
---
class: col-2
# Descartes' Coordinate Selectors
You can apply the length scales from the previous slide to a variety of element
properties (see right). The X can be any of the suffixes discussed on the
previous slide.
These can be applied as classes to a DIV, or image pseudo-classes:
```
.w-50pct.h-1-12th.t-0.l-50pct[....]

```
- w-X: width
- maxw-X: max-width
- minw-X: min-width
- h-X: height
- maxh-X: max-height
- minh-X: min-height
- t-X: top
- r-X: right
- b-X: bottom
- l-X: left
---
# Descartes' Other Features
Descartes also has classes to control color (text, border, background,
transparency), opacity, borders (sides, width, radius), spacing (padding,
margin), centering, display types, floats, clearfix, position types, background
image fitting and positioning, and box shadows.
For many of these, there's a set of units and sizing scales.
These cannot be documented fully in this slideshow, but hopefully it gives you a
sense of what's possible. You should read the `.less` files; they are short and
easy to understand.
---
# Where Did The Names Come From?
For some reason, I named my Remark slideshow layouts after iconic chair designs
(Monobloc, Adirondack, etc).

The apron is the part of the chair upon which everything rests, so I gave the
underlying "supporting" set of CSS that name. I named Descartes after the famous
inventor of the Cartesian coordinate system.
Credit: http://www.props.eric-hart.com/
================================================
FILE: exampleSite/content/talks/a-future-talk.md
================================================
---
title: "A Future Talk"
date: 2025-01-01
event: "FutureConf 2025"
credit: "https://unsplash.com/photos/ZGKqdnfbOWo"
image: "/talks/tim-van-der-kuip-769737-unsplash.jpg"
slides: "/talks/pdf-slides.pdf"
description: "Story's talks pages can highlight upcoming appearances, promoting your talks before you present."
---
Story's talks pages can highlight upcoming appearances, promoting your talks
before you present. This is a dummy page illustrating this capability.
You'll have to add `buildFuture: true` to your site's `config.yaml` to enable
this setting. Talks pages that are in the future won't appear on the homepage
or in your RSS feeds; they'll only appear in the `/talks/` list page of your
site.
This page also illustrates that you can use PDF slides. Story uses PDF.js to embed a slide viewer.
So you don't have to build slides in RemarkJS, you can host them yourself, like Slideshare (but better).
================================================
FILE: exampleSite/content/talks/adirondack.md
================================================
---
title: "Creating Beautiful Presentations with Story"
date: 2018-05-08T16:00:00-05:00
event: "RemarkConf 2018"
location: "Mount Remarkable, 6346+F7 Wilmington, South Australia, Australia"
site: "https://www.environment.sa.gov.au/parks/find-a-park/Browse_by_region/flinders-ranges-outback/mount-remarkable-national-park"
slides: slides/adirondack/
video: "https://www.youtube.com/watch?v=aVS4W7GZSq0"
image: "slides/adirondack/leo-serrat-533922-unsplash.jpg"
description: "Story's Remark frameworks help you create sophisticated slides with simple, clean Markdown. There are predefined layouts for most presentation needs, beautiful typography and colors, precise image control, and a simple modular way to create custom layouts."
thumbnail: slides/adirondack/thumbnail.jpg
---
This is a "talk" page in Story, which is the permanent homepage for a talk
you've given at a specific event. It's designed to showcase your appearance by
bringing together information about the event, along with your slides and extra
information like a video of your talk. In this way you can build a portfolio of
your speaking history.
Talks are designed to go together with slides. I (the author of Story)
create a talk page for every speaking appearance.
You can reuse slides between talks, so multiple talks pages link to the same
slides. You also can feature the cover image from the slides as the talks page's
featured image.
I normally put the speaking proposal / abstract into the body of the talks
page's content, where this text you're reading right now is stored.
> In case you missed that, this page normally wouldn't have an article.
> It'd have a talk abstract.
Talks are included in RSS feeds and in the homepage listing of the site, but
slides aren't. This way people find out about your speaking, but they see no
duplicate content.
You can create a screenshot of the first slide (title and all) and store it
in the slides directory, and use it as the `thumbnail` of the talks page. That's
what I've done on this page; its preview image on the [talks listing
page](/talks/) is different from the banner at the top of this page.
Front-matter content for a talks page can have quite a few items. Here's a
rundown, assuming YAML front matter:
```yaml
---
title: "Creating Beautiful Presentations with Story"
date: "Date of the presentation"
event: "name of the event, such as RemarkConf 2018"
location: ""
site: ""
slides: ""
image: ""
description: "A description that will appear in social media shares"
thumbnail: " "
video: "a youtube or other video link"
---
```
Because talks and slides are designed to link so tightly together, their
archetypes (Hugo template files) work in lockstep, so you can create a pair of
talks and slides content items by running the `hugo new` command once, then
editing it and running again:
```sh
$ hugo new talks/my-exciting-talk.md
$ hugo new slides/my-exciting-talk/index.md
```
If you look at the content that results from those commands, most of the
defaults are basically prepopulated for you, such as links between them.
Story supports "future talks," meaning that you can post a talk with a future
date, and it'll appear only in the right places at the right times. Story also
supports PDF slides; you can host your own PDFs embedded with PDF.js. See [future
talks](/talks/a-future-talk/) for more on these topics.
Read next: [Story's amazing Markdown-based presentation engine](/slides/adirondack/).
================================================
FILE: exampleSite/content/typography.md
================================================
---
title: Story's Typography
date: "2018-08-19"
url: "/typography"
description: "Story uses gorgeous typefaces and is optimized for a pleasant reading experience on any device."
credit: "https://unsplash.com/photos/h-M3O25tyvI"
image: "img/unsplash-photos-h-M3O25tyvI.jpg"
thumbnail: img/unsplash-photos-h-M3O25tyvI.tn-500x500.jpg
classes:
- feature-hyphenate
- feature-justify
- feature-highlight
- feature-tweetquote
categories:
- Demo
---
This article is a demo of Story's beautiful typography.
Story is designed to showcase long-form content such as essays and technical
blog posts. It is built for readability and grace in both screen and print
media at all sizes.
Try opening your print dialog and saving this page as a
PDF. Now try viewing this page on a cellphone.
Story supports text justification and hyphenation. Click here to toggle hyphenation and justification. These features can
be enabled or disabled with the `feature-[no]hyphenate` and
`feature-[no]justify` feature flags.
### Moby-Dick; Or, The Whale: Heading Level 3
Story reserves H1 and H2 for its own use, and assumes you'll use H3 in your content.
To hide subtitles, use the `feature-nosubtitle` feature.
Floated images occasionally interfere with content, usually headings.
Story provides [feature flags](/features) to add clears (left, right, and both) to `` elements.
Call me Ishmael. Some years ago---never mind how long precisely---having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people’s hats off---then, I account it high time to get to sea as soon as I can.
#### Fleuron and Dinkus: Heading Level 4
An `
` tag can be rendered as a fleuron, with the `feature-hrfleuron` flag. It
can also be a dinkus if you like; use the `feature-hrdinkus` flag. Both are
negatable and implemented in CSS. Here's a demo. You can toggle these features
with feature-hrfleuron and feature-hrdinkus.
----
Call me Ishmael. Some years ago---never mind how long precisely---having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.
Story has support for syntax highlighting inside of code blocks. It uses
[highlight.js](https://highlightjs.org/) for this. This feature is controlled with the `feature-[no]highlight` flag.
```javascript
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
}
export $initHighlight;
```
Here is text with _emphasis_ and **boldness**; ~~strikethrough~~.^[A footnote]
> This is a blockquote. I thought I would sail about the unimaginative incomprehensibilities of the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. (This quote is a demo of justification and hyphenation.)
>
>> Blockquotes can nest.
Here is an unordered list:
- Item one
- Item two
- Item three is longer. I thought I would sail about a little and see the unimaginative incomprehensibilities of the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. (This is a justification and hyphenation demo.)
And an ordered list:
1. Item one
1. Item two
1. Item three is longer. I thought I would sail about a little and see the unimaginative incomprehensibilities of the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. (This is a justification and hyphenation demo.)
### Quotes That Link To Tweets
If you don't like embedding tweets, Story has a cleaner way to quote and link to a tweet. Just blockquote the content and begin it with a link containing the author's name and the tweet's permalink, and enable the `feature-tweetquote` flag. Story will transform the quote to resemble a simplistic tweet styling. If the flag isn't enabled, normal blockquote styling applies.
> [Jane Smmith](https://twitter.com/username/status/0123456789)
>
> Text of quoted tweet goes here.
Read next: [Story's MailChimp subscribe forms and RSS feeds](/mailchimp-features).
================================================
FILE: layouts/404.html
================================================
{{ define "title" }}Error 404 Not Found{{ end }}
{{ define "main" }}
What is the sound of one page missing?
That page doesn't exist. Perhaps you'd like to search this site or start at the homepage.
{{ end }}
================================================
FILE: layouts/_default/archives.html
================================================
{{ define "title" }}Archives • {{ .Site.Title }}{{ end }}
{{ define "main" }}
{{- range $i, $p := .Site.RegularPages -}}
{{- $thisYear := $p.Date.Format "2006" }}
{{- $lastPage := $i | add -1 | index .Site.RegularPages }}
{{- if or (eq $i 0) ( ne ($lastPage.Date.Format "2006") $thisYear ) }}
{{ $thisYear }}
{{- end }}
{{ $p.Date.Format "01-02" }}
{{- cond (eq .Site.Params.titlecase true) (.Title | title | markdownify) (.Title | markdownify) -}}
{{- end -}}
{{ end }}
{{ define "pagination" }}
{{ end }}
================================================
FILE: layouts/_default/baseof.html
================================================
{{ block "title" . }}{{ .Site.Title }}{{ end }}
{{ with .Description }}{{ end }}
{{ with .Keywords }}{{ end }}
{{ .Hugo.Generator }}
{{ block "social" . }}
{{ end }}
{{ block "layout" . }}
{{- if .Site.Params.less -}}
{{ else }}
{{ end }}
{{ end }}
{{ if or (in .Site.Params.classes "feature-highlight") (in .Params.classes "feature-highlight") -}}
{{- if not (or (in .Site.Params.classes "feature-nohighlight") (in .Params.classes "feature-nohighlight") ) -}}
{{- end -}}
{{- end -}}
{{ if or (in .Site.Params.classes "feature-math") (in .Params.classes "feature-math") -}}
{{- if not (or (in .Site.Params.classes "feature-nomath") (in .Params.classes "feature-nomath") ) -}}
{{- end -}}
{{- end -}}
{{ if or (in .Site.Params.classes "feature-music") (in .Params.classes "feature-music") -}}
{{- if not (or (in .Site.Params.classes "feature-nomusic") (in .Params.classes "feature-nomusic") ) -}}
{{- end -}}
{{- end -}}
{{ with .Site.Params.head }}{{ range . }}
{{ . | safeHTML }}{{ end }}{{ end }}
{{ block "header" . }}
{{- $hdr := cond (or (in .Site.Params.classes "feature-nohdr") (in .Params.classes "feature-nohdr")) false true -}}
{{ cond (eq .Site.Params.titlecase true) (.Title | title | markdownify) (.Title | markdownify) }}
{{ if .IsPage }}
{{ if eq .Section "talks" }}
Presented
at {{ .Params.event }}
{{ else }}
Published
by {{ .Params.author | default .Site.Params.author }}
{{ range $idx, $cat := .Params.categories }}{{ if gt $idx 0 }}, {{ end }}{{ if eq $idx 0 }} in {{ end }}{{ . | title }}{{ end }}
at {{ .Permalink }}
{{ end }}
{{ else }}
{{ with .Params.subtitle }}{{ . | markdownify }}{{ end }}
{{ end }}
{{ if $hdr }}
{{ with .Params.credit }}
{{ end }}
{{ end }}
{{ end }}
{{ block "main" . }}
{{ end }}
{{ block "about" . }}
{{ partial "about.html" . }}
{{ end }}
{{ block "pagination" . }}{{ end }}
{{ block "footer" . }}
{{ end }}
{{ template "_internal/google_analytics_async.html" . }}
{{ with .Site.Params.foot }}{{ range . }}
{{ . | safeHTML }}{{ end }}{{ end }}
================================================
FILE: layouts/_default/index.xml
================================================
{{ .Site.Title }}
{{ .Permalink }}
Hugo -- gohugo.io
en-us
{{ .Site.Params.Author }}
Copyright (c) {{ .Site.LastChange.Year }}
{{ .Date }}
{{ range where (where (where .Data.Pages "Section" "ne" "slides") ".Params.skip" "ne" "true") ".Date.Unix" "<" now.Unix }}
-
{{ cond (eq .Site.Params.titlecase true) (.Title | title) (.Title) }}
{{ .Permalink }}
{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 MST" }}
{{ .Site.Params.Author }}
{{ .Permalink }}
{{ .Content | html }}
{{ end }}
================================================
FILE: layouts/_default/list.html
================================================
{{ define "title" }}{{ .Section | title }} • {{ .Site.Title }}{{ end }}
{{ define "main" }}
{{ $pages := where .Paginator.Pages ".Params.skip" "ne" "true" }}
{{ if eq .Section "talks" }}
{{ range $pages }}
{{ partial "li.html" . }}
{{ end }}
{{ else if eq .Section "slides" }}
{{ range where $pages ".Date.Unix" "<" now.Unix }}
{{ partial "li.html" . }}
{{ end }}
{{ else }}
{{ range where (where $pages ".Date.Unix" "<" now.Unix) "Section" "ne" "slides" }}
{{ partial "li.html" . }}
{{ end }}
{{ end }}
{{ end }}
{{ define "pagination" }}
{{ end }}
================================================
FILE: layouts/_default/mailchimp.html
================================================
{{ define "title" }}{{ .Section | title }} • {{ .Site.Title }}{{ end }}
{{ define "main" }}
{{- $hdr := cond (or (in .Site.Params.classes "feature-nohdr") (in .Params.classes "feature-nohdr")) false true -}}
{{ range first 20 (where (where (where .Site.RegularPages "Section" "ne" "slides") ".Params.skip" "ne" "true") ".Date.Unix" "<" now.Unix) }}
{{ if $hdr }}
{{ end }}
{{- cond (eq .Site.Params.titlecase true) (.Title | title | markdownify) (.Title | markdownify) -}}
{{ with .Params.tldr }}{{ . | markdownify }}{{ else }}{{ (printf "%s
%s" (.Params.description | markdownify) .Summary) }}{{ end }}
{{ end }}
{{ end }}
{{ define "pagination" }}
{{ end }}
================================================
FILE: layouts/_default/mailchimp.xml
================================================
{{ .Site.Title }}
{{ .Permalink }}
Hugo -- gohugo.io
en-us
{{ .Site.Params.Author }}
Copyright (c) {{ .Site.LastChange.Year }}
{{ .Date }}
{{ range first 20 (where (where (where .Site.RegularPages "Section" "ne" "slides") ".Params.skip" "ne" "true") ".Date.Unix" "<" now.Unix) }}
-
{{ cond (eq .Site.Params.titlecase true) (.Title | title) (.Title) }}
{{ .Permalink }}
{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 MST" }}
{{ .Site.Params.Author }}
{{ .Permalink }}
{{ with .Params.tldr }}{{ . | markdownify | html }}{{ else }}{{ (printf "%s
%s" .Params.description .Summary) | markdownify | html }}{{ end }}
{{ end }}
================================================
FILE: layouts/_default/search.html
================================================
{{ define "title" }}Search{{ end }}
{{ define "main" }}
{{ .Content }}
Type a search above to see results below:
{{ end }}
================================================
FILE: layouts/_default/single.html
================================================
{{ define "title" }}{{ cond (eq .Site.Params.titlecase true) (.Title | title | markdownify) (.Title | markdownify) }}{{ end }}
{{ define "main" }}
{{ .Content }}
{{ end }}
{{ define "social" }}
{{ end }}
================================================
FILE: layouts/index.html
================================================
{{ define "main" }}
{{ $pages := where .Paginator.Pages ".Params.skip" "ne" "true" }}
{{ range where (where $pages ".Date.Unix" "<" now.Unix) "Section" "ne" "slides" }}
{{ partial "li.html" . }}
{{ end }}
{{ end }}
{{ define "pagination" }}
{{ end }}
================================================
FILE: layouts/index.json
================================================
{{- $.Scratch.Add "index" slice -}}
{{- range where .Site.Pages ".Params.skip" "ne" "true" -}}
{{- $.Scratch.Add "index" (dict "uri" .Permalink "title" (cond (eq .Site.Params.titlecase true) (.Title | title | markdownify | htmlUnescape) (.Title | markdownify | htmlUnescape)) "categories" .Params.categories "keywords" .Params.keywords "content" (.Summary | plainify | htmlUnescape )) -}}
{{- end -}}
{{- $.Scratch.Get "index" | jsonify -}}
================================================
FILE: layouts/partials/about.html
================================================
================================================
FILE: layouts/partials/li.html
================================================
{{- $hdr := cond (or (in .Site.Params.classes "feature-nohdr") (in .Params.classes "feature-nohdr")) false true -}}
{{ if $hdr }}
{{ end }}
{{- if eq .Section "talks" }}{{ .Params.event }}: {{ end -}}
{{- cond (eq .Site.Params.titlecase true) (.Title | title | markdownify) (.Title | markdownify) -}}
{{ if eq .Section "slides" }}
{{ .Description | markdownify }}
{{ else if eq .Section "talks" }}
{{ .Summary }}
{{ else }}
{{ .Summary }}
{{ end }}
================================================
FILE: layouts/shortcodes/math.html
================================================
{{ if or (hasPrefix .Inner "\n") (hasPrefix .Inner "
") }}
\[
{{- $inner := replace .Inner "\\
\n" "\\\\" -}}
{{- $inner := replace $inner "" "
\\[" -}}
{{- $inner := replace $inner "
" "\\]" -}}
{{ trim $inner "\n" }}
\]
{{- else -}}\( {{ trim .Inner "\n" }} \){{- end -}}
================================================
FILE: layouts/shortcodes/music.html
================================================
{{ .Get 0 | readFile}}
================================================
FILE: layouts/slides/single.html
================================================
{{ define "title" }}{{ cond (eq .Site.Params.titlecase true) (.Title | title | markdownify) (.Title | markdownify) }}{{ end }}
{{ define "layout" }}
{{- if .Site.Params.less -}}
{{- with .Params.themes -}}
{{- range . }}
{{- end -}}
{{- end }}
{{ else }}
{{- with .Params.themes -}}
{{- range . }}
{{- end -}}
{{- else }}
{{- end }}
{{- end -}}
{{ end }}
{{ define "header" }}
{{ end }}
{{ define "main" }}
{{ end }}
{{ define "social" }}
{{ end }}
{{ define "about" }}
{{ end }}
{{ define "footer" }}
{{ end }}
================================================
FILE: layouts/talks/single.html
================================================
{{ define "title" }}{{ cond (eq .Site.Params.titlecase true) (.Title | title | markdownify) (.Title | markdownify) }} • {{ .Params.event }}{{ end }}
{{ define "main" }}
{{ with .Params.slides }}
Slides
{{ end }}
{{ with .Params.video }}
Video
{{ end }}
{{ with .Params.site }}
Website
{{ end }}
{{ with .Params.location }}
Venue
{{ end }}
{{ .Content }}
{{ end }}
{{ define "social" }}
{{ end }}
================================================
FILE: netlify.toml
================================================
[context.production.environment]
HUGO_VERSION = "0.47.1"
================================================
FILE: start
================================================
#!/bin/sh
set -e
set -x
hugo -c exampleSite/content --config exampleSite/config.toml server
================================================
FILE: static/_headers
================================================
/*
X-Frame-Options: SAMEORIGIN
X-XSS-Protection: 1; mode=block
Referrer-Policy: no-referrer
X-Content-Type-Options: nosniff
================================================
FILE: static/css/adirondack.css
================================================
.remark-slide-content {
font-family: 'Quattrocento Sans', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, arial, sans-serif;
}
.remark-slide-content pre,
.remark-slide-content code,
.remark-slide-content kbd,
.remark-slide-content tt,
.remark-slide-content samp {
font-family: Monaco, "Lucida Sans Typewriter", "Lucida Console", "Andale Mono", "Consolas", monospace;
}
.remark-slide-content h1,
.remark-slide-content h2,
.remark-slide-content h3 {
font-family: Quattrocento, "Goudy Old Style", "Big Caslon", Palatino, serif;
font-weight: bold;
}
.remark-slide-content table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: 100%;
overflow: auto;
}
.remark-slide-content table tr:nth-child(2n) {
background-color: #f6f8fa;
}
.remark-slide-content table th,
.remark-slide-content table td {
display: table-cell;
vertical-align: inherit;
padding: 0.15em 0.3em;
border: 1px solid #dfe2e5;
}
.remark-slide-content table th {
font-weight: bold;
}
.remark-slide-content pre {
overflow: auto;
}
.remark-slide-content pre > code {
border-radius: 0.4em;
padding: 0.5em;
background-color: #f6f8fa;
}
.remark-slide-content p > code,
.remark-slide-content li > code,
.remark-slide-content a > code {
background-color: #f6f8fa;
margin: 0;
border-radius: 0.2em;
padding: 0.15em 0.25em;
}
.remark-slide-content blockquote {
margin: 0;
padding: 0 0.5em;
color: #6a737d;
border-left: 0.125em solid #dfe2e5;
}
.remark-slide-content .remark-slide-number,
.remark-slide-content .footer li {
background-color: rgba(255, 255, 255, 0.5);
opacity: 0.5;
}
.remark-slide-content.smokescreen > h1,
.remark-slide-content img[src~=smokescreen] {
background-color: rgba(0, 0, 0, 0.7);
}
.remark-slide-content.smokescreen > h1,
.remark-slide-content.smokescreen > h2,
.remark-slide-content.smokescreen > h3 {
color: white;
text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.8), 8px 8px 20px rgba(0, 0, 0, 0.9);
}
@media print {
.remark-slide-content.smokescreen {
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1);
}
}
.remark-slide-content.fogscreen > h1 {
background-color: rgba(255, 255, 255, 0.7);
}
.remark-slide-content.fogscreen > h1,
.remark-slide-content.fogscreen > h2,
.remark-slide-content.fogscreen > h3 {
color: black;
text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5), 8px 8px 20px rgba(0, 0, 0, 0.2);
}
@media print {
.remark-slide-content.fogscreen {
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1);
}
}
.remark-slide-content.fit-h1 h1 {
height: 1.25em;
overflow: hidden;
}
================================================
FILE: static/css/adirondack.less
================================================
@adirondack-colors: {
muted-text: #6a737d;
shaded-bg: #f6f8fa;
border: #dfe2e5;
}
.remark-slide-content {
font-family: 'Quattrocento Sans',-apple-system, BlinkMacSystemFont,
'avenir next', avenir, 'helvetica neue', helvetica,
arial, sans-serif;
pre, code, kbd, tt, samp {
font-family: Monaco, "Lucida Sans Typewriter", "Lucida Console",
"Andale Mono", "Consolas", monospace;
}
h1, h2, h3 {
font-family: Quattrocento, "Goudy Old Style", "Big Caslon", Palatino, serif;
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: 100%;
overflow: auto;
}
table tr:nth-child(2n) {
background-color: @adirondack-colors[shaded-bg];
}
table th, table td {
display: table-cell;
vertical-align: inherit;
padding: 0.15em 0.30em;
border: 1px solid @adirondack-colors[border];
}
table th {
font-weight: bold;
}
pre {
overflow: auto;
}
pre > code {
border-radius: 0.4em;
padding: 0.5em;
background-color: @adirondack-colors[shaded-bg];
}
p>code, li>code, a>code {
background-color: @adirondack-colors[shaded-bg];
margin: 0;
border-radius: 0.2em;
padding: 0.15em 0.25em;
}
blockquote {
margin: 0;
padding: 0 0.5em;
color: @adirondack-colors[muted-text];
border-left: 0.125em solid @adirondack-colors[border];
}
.remark-slide-number, .footer li {
background-color: rgba(255, 255, 255, .5);
opacity: .5;
}
// Smokescreen and fogscreen for the title layout
&.smokescreen>h1, img[src~=smokescreen] {
background-color: rgba(0, 0, 0, 0.7);
}
&.smokescreen {
>h1, >h2, >h3 {
color: white;
text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.8),
8px 8px 20px rgba(0, 0, 0, 0.9);
}
@media print {
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1);
}
}
&.fogscreen {
>h1 {
background-color: rgba(255, 255, 255, 0.7);
}
>h1, >h2, >h3 {
color: black;
text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.5),
8px 8px 20px rgba(0, 0, 0, 0.2);
}
@media print {
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1);
}
}
&.fit-h1 h1 {
height: 1.25em;
overflow: hidden;
}
}
================================================
FILE: static/css/apron.css
================================================
html {
font-size: 16px;
}
.remark-slide {
display: block;
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
@media print {
.remark-slide-scaler {
width: 100% !important;
height: 100% !important;
transform: scale(1) !important;
top: 0 !important;
left: 0 !important;
}
}
.remark-slide-content {
display: block;
box-sizing: border-box;
height: 100%;
line-height: 1.25;
padding: 20px 80px 0 80px;
font-size: 2rem;
}
.remark-slide-content * {
box-sizing: border-box;
}
.remark-slide-content.debug * {
outline: 1px solid gold;
}
.remark-slide-content.debug-white * {
outline: 1px solid white;
}
.remark-slide-content.debug-black * {
outline: 1px solid black;
}
.remark-slide-content.debug-grid {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left;
}
.remark-slide-content.debug-grid-16 {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left;
}
.remark-slide-content.debug-grid-8-solid {
background: white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left;
}
.remark-slide-content.debug-grid-16-solid {
background: white url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left;
}
.remark-slide-content h1 {
font-size: 3rem;
}
.remark-slide-content h2 {
font-size: 2.75rem;
}
.remark-slide-content h3 {
font-size: 2.5rem;
}
.remark-slide-content pre,
.remark-slide-content code,
.remark-slide-content kbd,
.remark-slide-content tt,
.remark-slide-content samp {
font-size: 1.5rem;
line-height: 1.5;
}
.remark-slide-content.compact {
padding: 20px 40px 0 40px;
font-size: 1.75rem;
}
.remark-slide-content.compact h1 {
font-size: 2.75rem;
}
.remark-slide-content.compact h2 {
font-size: 2.5rem;
}
.remark-slide-content.compact h3 {
font-size: 2.25rem;
}
.remark-slide-content.compact pre,
.remark-slide-content.compact code,
.remark-slide-content.compact kbd,
.remark-slide-content.compact tt,
.remark-slide-content.compact samp {
font-size: 1.25rem;
}
.remark-slide-content.roomy {
padding: 20px 80px 0 80px;
font-size: 2.25rem;
}
.remark-slide-content.roomy h1 {
font-size: 4rem;
}
.remark-slide-content.roomy h2 {
font-size: 3rem;
}
.remark-slide-content.roomy h3 {
font-size: 2.75rem;
}
.remark-slide-content.roomy pre,
.remark-slide-content.roomy code,
.remark-slide-content.roomy kbd,
.remark-slide-content.roomy tt,
.remark-slide-content.roomy samp {
font-size: 1.75rem;
}
.remark-slide-content.title h1 {
font-size: 4rem;
}
.remark-slide-content.title h2 {
font-size: 3rem;
}
.remark-slide-content.title h3 {
font-size: 2.25rem;
}
.remark-slide-content img {
max-width: 100%;
}
.remark-slide-content h1,
.remark-slide-content h2,
.remark-slide-content h3 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.remark-slide-content table,
.remark-slide-content .katex {
font-size: 85%;
}
.remark-slide-content.fullbleed,
.remark-slide-content.fullbleed > p {
margin: 0;
padding: 0;
}
.remark-slide-content.title {
text-align: center;
background-size: cover;
}
.remark-slide-content.title h1,
.remark-slide-content.title h2,
.remark-slide-content.title h3 {
position: absolute;
width: 100%;
left: 0;
margin: 0;
padding: 1em 0;
font-weight: normal;
}
.remark-slide-content.title h1 {
top: calc(50% - 2.5em);
}
.remark-slide-content.title h2 {
top: calc(50% - 1em);
}
.remark-slide-content.title h3 {
top: calc(50% - 0.5em);
}
.remark-slide-content.title.top h1 {
top: calc(681px * 0.3 - 2.5em);
}
.remark-slide-content.title.top h2 {
top: calc(681px * 0.3 - 1em);
}
.remark-slide-content.title.top h3 {
top: calc(681px * 0.3 - 0.5em);
}
.remark-slide-content.title.bottom h1 {
top: calc(681px * 3/4 - 2.5em);
}
.remark-slide-content.title.bottom h2 {
top: calc(681px * 3/4 - 1em);
}
.remark-slide-content.title.bottom h3 {
top: calc(681px * 3/4 - 0.5em);
}
.remark-slide-content.title.shelf > h1 {
padding-bottom: 2.25em;
margin-bottom: -1.75em;
}
.remark-slide-content.img-caption {
text-align: center;
padding-top: 544.8px;
}
.remark-slide-content.img-caption > p:first-of-type {
padding: 0px;
margin: 0px;
}
.remark-slide-content.img-caption > p:first-of-type > img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 80%;
object-fit: cover;
}
.remark-slide-content.img-right > p:first-of-type {
height: 100%;
float: right;
width: calc(50% - 1rem);
margin-left: 2rem;
margin-top: 0px;
padding: 0px;
}
.remark-slide-content.img-left > p:first-of-type {
height: 100%;
float: left;
width: calc(50% - 1rem);
margin-right: 2rem;
margin-top: 0px;
padding: 0px;
}
.remark-slide-content.img-left > ul,
.remark-slide-content.img-left > ol,
.remark-slide-content.img-left > blockquote {
overflow: auto;
}
.remark-slide-content.img-right-full {
padding-right: calc(40% + 2rem);
}
.remark-slide-content.img-right-full > p:first-of-type {
margin: 0px;
padding: 0px;
}
.remark-slide-content.img-right-full > p:first-of-type > img {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 40%;
object-fit: cover;
object-position: left;
}
.remark-slide-content.img-left-full {
padding-left: calc(40% + 2rem);
}
.remark-slide-content.img-left-full > p:first-of-type {
margin: 0px;
padding: 0px;
}
.remark-slide-content.img-left-full > p:first-of-type > img {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 40%;
object-fit: cover;
object-position: right;
}
.remark-slide-content.col-2 {
columns: 2;
padding-top: 136px;
column-gap: 1.5em;
}
.remark-slide-content.col-2 > h1:first-of-type {
position: absolute;
margin-top: 0px;
top: 44px;
left: 80px;
}
.remark-slide-content.col-2.compact {
padding-top: 136px;
}
.remark-slide-content.col-2.compact > h1:first-of-type {
top: 42px;
left: 40px;
}
.remark-slide-content.col-2.roomy {
padding-top: 168px;
}
.remark-slide-content.col-2.roomy > h1:first-of-type {
top: 52px;
left: 80px;
}
.remark-slide-content.col-2 *:nth-child(2) {
margin-top: 0px;
}
.remark-slide-content.col-2 > ul,
.remark-slide-content.col-2 > ol {
break-inside: avoid;
page-break-inside: avoid;
}
.remark-slide-content.col-3 {
columns: 3;
padding-top: 136px;
column-gap: 1.5em;
}
.remark-slide-content.col-3 > h1:first-of-type {
position: absolute;
margin-top: 0px;
top: 44px;
left: 80px;
}
.remark-slide-content.col-3.compact {
padding-top: 136px;
}
.remark-slide-content.col-3.compact > h1:first-of-type {
top: 42px;
left: 40px;
}
.remark-slide-content.col-3.roomy {
padding-top: 168px;
}
.remark-slide-content.col-3.roomy > h1:first-of-type {
top: 52px;
left: 80px;
}
.remark-slide-content.col-3 *:nth-child(2) {
margin-top: 0px;
}
.remark-slide-content.col-3 > ul,
.remark-slide-content.col-3 > ol {
break-inside: avoid;
page-break-inside: avoid;
}
.remark-slide-content .remark-slide-number,
.remark-slide-content .footer li {
font-size: 1.25rem;
display: block;
list-style: none;
position: absolute;
bottom: 12px;
height: 30px;
margin: 0px;
padding: 2px 5px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0);
}
.remark-slide-content .footer,
.remark-slide-content .footer ul {
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
height: 50px;
margin: 0px;
padding: 0px;
}
.remark-slide-content .footer li:nth-child(1) {
left: 20px;
}
.remark-slide-content .footer li:nth-child(2) {
left: 50%;
margin-left: -50px;
}
.remark-slide-content .footer li img {
display: block;
max-height: 100%;
margin-left: auto;
margin-right: auto;
}
.remark-slide-content.no-footer .remark-slide-number,
.remark-slide-content.no-footer .footer {
display: none;
}
================================================
FILE: static/css/apron.less
================================================
// Global variables.
@slide-height: 681px;
@abs-offsets: {
@default: {
left: 80px;
top: 20px;
header-top: 44px;
content-top: 136px;
}
@compact: {
left: 40px;
top: 20px;
header-top: 42px;
content-top: 136px;
}
@roomy: {
left: 80px;
top: 20px;
header-top: 52px;
content-top: 168px;
}
}
@type-scale: {
@default: {
h1: 3rem;
h2: 2.75rem;
h3: 2.5rem;
default: 2rem;
code: 1.5rem;
}
@compact: {
h1: 2.75rem;
h2: 2.5rem;
h3: 2.25rem;
default: 1.75rem;
code: 1.25rem;
}
@roomy: {
h1: 4rem;
h2: 3rem;
h3: 2.75rem;
default: 2.25rem;
code: 1.75rem;
}
@title: {
h1: 4rem;
h2: 3rem;
h3: 2.25rem;
}
}
// Counters the user's possible changes to default font sizes.
html {
font-size: 16px;
}
// Globals, resets, and fixes. Remark sets display:table and display:table-cell,
// apparently to make things like vertical-align:middle work. But those
// mess with a bunch of other things, and make them hard/impossible. An example
// is using column-count, which won't work except inside a display:block
// element. So I reset these things to undo what I consider Remark's hacks.
.remark-slide {
display: block;
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
// This fixes a RemarkJS print-to-pdf bug
@media print {
.remark-slide-scaler {
width: 100% !important;
height: 100% !important;
transform: scale(1) !important;
top: 0 !important;
left: 0 !important;
}
}
.remark-slide-content {
display: block;
box-sizing: border-box;
height: 100%;
* {
box-sizing: border-box;
}
// Debug and debug grid, for help figuring out layouts and bugs.
&.debug * {
outline: 1px solid gold;
}
&.debug-white * {
outline: 1px solid white;
}
&.debug-black * {
outline: 1px solid black;
}
&.debug-grid {
background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left;
}
&.debug-grid-16 {
background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left;
}
&.debug-grid-8-solid {
background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left;
}
&.debug-grid-16-solid {
background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left;
}
// Type scale (font-size, line-height, etc) and slide sizing.
line-height: 1.25;
padding: @abs-offsets[@default][top] @abs-offsets[@default][left] 0 @abs-offsets[@default][left];
font-size: @type-scale[@default][default];
h1 { font-size: @type-scale[@default][h1]; }
h2 { font-size: @type-scale[@default][h2]; }
h3 { font-size: @type-scale[@default][h3]; }
pre, code, kbd, tt, samp {
font-size: @type-scale[@default][code];
line-height: 1.5;
}
&.compact {
padding: @abs-offsets[@compact][top] @abs-offsets[@compact][left] 0 @abs-offsets[@compact][left];
font-size: @type-scale[@compact][default];
h1 { font-size: @type-scale[@compact][h1]; }
h2 { font-size: @type-scale[@compact][h2]; }
h3 { font-size: @type-scale[@compact][h3]; }
pre, code, kbd, tt, samp {
font-size: @type-scale[@compact][code];
}
}
&.roomy {
padding: @abs-offsets[@roomy][top] @abs-offsets[@roomy][left] 0 @abs-offsets[@roomy][left];
font-size: @type-scale[@roomy][default];
h1 { font-size: @type-scale[@roomy][h1]; }
h2 { font-size: @type-scale[@roomy][h2]; }
h3 { font-size: @type-scale[@roomy][h3]; }
pre, code, kbd, tt, samp {
font-size: @type-scale[@roomy][code];
}
}
&.title {
h1 { font-size: @type-scale[@title][h1]; }
h2 { font-size: @type-scale[@title][h2]; }
h3 { font-size: @type-scale[@title][h3]; }
}
// Element styling
img {
max-width: 100%; // Images should never be bigger than their container.
}
h1, h2, h3 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
table, .katex {
font-size: 85%;
}
// Layout Classes
// Layout: fullbleed. Simply removes Remark's built-in padding and margins.
&.fullbleed, &.fullbleed>p {
margin: 0;
padding: 0;
}
// Layout: title, plus top/bottom variations, and shelf sizing.
// Designed for H1, plus optional H2 or H3 (but not both).
&.title {
text-align: center;
background-size: cover;
h1, h2, h3 {
position: absolute;
width: 100%;
left: 0;
margin: 0;
padding: 1em 0;
font-weight: normal;
}
h1 { top: calc(50% - 2.5em); }
h2 { top: calc(50% - 1.0em); }
h3 { top: calc(50% - 0.5em); }
&.top {
h1 { top: calc(@slide-height * 0.3 - 2.5em); }
h2 { top: calc(@slide-height * 0.3 - 1.0em); }
h3 { top: calc(@slide-height * 0.3 - 0.5em); }
}
&.bottom {
h1 { top: calc(@slide-height * 3/4 - 2.5em); }
h2 { top: calc(@slide-height * 3/4 - 1.0em); }
h3 { top: calc(@slide-height * 3/4 - 0.5em); }
}
&.shelf>h1 {
// The "shelf" class makes the H1 extend down far enough to form the background for
// the H2 or H3, with a negative bottom margin to extend beneath the H2/H3. This is
// better than giving each element a background color and placing them next to each
// other; that will let a thin slice of the slide background show through.
padding-bottom: 2.25em;
margin-bottom: -1.75em;
}
}
// Layout: img-caption. Content must begin with an image.
&.img-caption {
text-align: center;
padding-top: @slide-height * 0.8;
&>p:first-of-type {
padding: 0px;
margin: 0px;
&>img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 80%;
object-fit: cover;
}
}
}
// Layout: img-right. The first image begins "columns."
&.img-right>p:first-of-type {
height: 100%;
float: right;
width: calc(50% - 1rem);
margin-left: 2rem;
margin-top: 0px;
padding: 0px;
}
// Layout: img-left. The first image begins "columns."
&.img-left {
&>p:first-of-type {
height: 100%;
float: left;
width: calc(50% - 1rem);
margin-right: 2rem;
margin-top: 0px;
padding: 0px;
}
&>ul, &>ol, &>blockquote {
// Ensures bullets are indented.
overflow: auto;
}
}
// Layout: img-right-full. The first p>img fills the side of the slide.
// If you have "layout" content, ensure it has no elements.
&.img-right-full {
padding-right: calc(40% + 2rem);
&>p:first-of-type {
margin: 0px;
padding: 0px;
&>img {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 40%;
object-fit: cover;
object-position: left;
}
}
}
// Layout: img-left-full. The first p>img fills the side of the slide.
// If you have "layout" content, ensure it has no
elements.
&.img-left-full {
padding-left: calc(40% + 2rem);
&>p:first-of-type {
margin: 0px;
padding: 0px;
&>img {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 40%;
object-fit: cover;
object-position: right;
}
}
}
// Layout: col-2 and col-3. Designed for use with an H1 heading.
.col() {
// If Firefox supported column-span: all I'd use that for the heading H1.
// I use a workaround instead: push the content down and put the H1 above it.
padding-top: @abs-offsets[@default][content-top];
&>h1:first-of-type {
position: absolute;
margin-top: 0px;
top: @abs-offsets[@default][header-top];
left: @abs-offsets[@default][left];
}
&.compact {
padding-top: @abs-offsets[@compact][content-top];
}
&.compact>h1:first-of-type {
top: @abs-offsets[@compact][header-top];
left: @abs-offsets[@compact][left];
}
&.roomy {
padding-top: @abs-offsets[@roomy][content-top];
}
&.roomy>h1:first-of-type {
top: @abs-offsets[@roomy][header-top];
left: @abs-offsets[@roomy][left];
}
// If the first columnized content has margin-top, vertical alignment is messy.
*:nth-child(2) {
margin-top: 0px;
}
&>ul, &>ol {
break-inside: avoid;
page-break-inside: avoid;
}
column-gap: 1.5em; // Deliberately a relative measure
}
&.col-2 {
columns: 2;
.col();
}
&.col-3 {
columns: 3;
.col();
}
// Footer layout and positioning. TODO make the UL full width so it can have border.
// TODO make the UL possible to place at the top of the slide.
.remark-slide-number, .footer li {
font-size: 1.25rem;
display: block;
list-style: none;
position: absolute;
bottom: 12px;
height: 30px;
margin: 0px;
padding: 2px 5px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0);
}
.footer {
&, & ul {
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
height: 50px;
margin: 0px;
padding: 0px;
}
li:nth-child(1) {
left: 20px;
}
li:nth-child(2) {
left: 50%;
margin-left: -50px; // assume the logo/content is about 100px
}
li img {
display: block;
max-height: 100%;
margin-left: auto;
margin-right: auto;
}
}
&.no-footer {
.remark-slide-number, .footer {
display: none;
}
}
}
================================================
FILE: static/css/descartes.css
================================================
.color-transparent,
img[src~=color-transparent] {
color: transparent;
}
.bg-transparent,
img[src~=bg-transparent] {
background-color: transparent;
}
.bc-transparent,
img[src~=bc-transparent] {
border-color: transparent;
}
.color-aliceblue,
img[src~="color-aliceblue"] {
color: #F0F8FF;
}
.color-aliceblue-20pct,
img[src~="color-aliceblue"] {
color: rgba(240, 248, 255, 0.2);
}
.color-aliceblue-40pct,
img[src~="color-aliceblue"] {
color: rgba(240, 248, 255, 0.4);
}
.color-aliceblue-60pct,
img[src~="color-aliceblue"] {
color: rgba(240, 248, 255, 0.6);
}
.color-aliceblue-80pct,
img[src~="color-aliceblue"] {
color: rgba(240, 248, 255, 0.8);
}
.bg-aliceblue,
img[src~="bg-aliceblue"] {
background-color: #F0F8FF;
}
.bg-aliceblue-20pct,
img[src~="bg-aliceblue"] {
background-color: rgba(240, 248, 255, 0.2);
}
.bg-aliceblue-40pct,
img[src~="bg-aliceblue"] {
background-color: rgba(240, 248, 255, 0.4);
}
.bg-aliceblue-60pct,
img[src~="bg-aliceblue"] {
background-color: rgba(240, 248, 255, 0.6);
}
.bg-aliceblue-80pct,
img[src~="bg-aliceblue"] {
background-color: rgba(240, 248, 255, 0.8);
}
.bc-aliceblue,
img[src~="bc-aliceblue"] {
border-color: #F0F8FF;
}
.bc-aliceblue-20pct,
img[src~="bc-aliceblue"] {
border-color: rgba(240, 248, 255, 0.2);
}
.bc-aliceblue-40pct,
img[src~="bc-aliceblue"] {
border-color: rgba(240, 248, 255, 0.4);
}
.bc-aliceblue-60pct,
img[src~="bc-aliceblue"] {
border-color: rgba(240, 248, 255, 0.6);
}
.bc-aliceblue-80pct,
img[src~="bc-aliceblue"] {
border-color: rgba(240, 248, 255, 0.8);
}
.color-antiquewhite,
img[src~="color-antiquewhite"] {
color: #FAEBD7;
}
.color-antiquewhite-20pct,
img[src~="color-antiquewhite"] {
color: rgba(250, 235, 215, 0.2);
}
.color-antiquewhite-40pct,
img[src~="color-antiquewhite"] {
color: rgba(250, 235, 215, 0.4);
}
.color-antiquewhite-60pct,
img[src~="color-antiquewhite"] {
color: rgba(250, 235, 215, 0.6);
}
.color-antiquewhite-80pct,
img[src~="color-antiquewhite"] {
color: rgba(250, 235, 215, 0.8);
}
.bg-antiquewhite,
img[src~="bg-antiquewhite"] {
background-color: #FAEBD7;
}
.bg-antiquewhite-20pct,
img[src~="bg-antiquewhite"] {
background-color: rgba(250, 235, 215, 0.2);
}
.bg-antiquewhite-40pct,
img[src~="bg-antiquewhite"] {
background-color: rgba(250, 235, 215, 0.4);
}
.bg-antiquewhite-60pct,
img[src~="bg-antiquewhite"] {
background-color: rgba(250, 235, 215, 0.6);
}
.bg-antiquewhite-80pct,
img[src~="bg-antiquewhite"] {
background-color: rgba(250, 235, 215, 0.8);
}
.bc-antiquewhite,
img[src~="bc-antiquewhite"] {
border-color: #FAEBD7;
}
.bc-antiquewhite-20pct,
img[src~="bc-antiquewhite"] {
border-color: rgba(250, 235, 215, 0.2);
}
.bc-antiquewhite-40pct,
img[src~="bc-antiquewhite"] {
border-color: rgba(250, 235, 215, 0.4);
}
.bc-antiquewhite-60pct,
img[src~="bc-antiquewhite"] {
border-color: rgba(250, 235, 215, 0.6);
}
.bc-antiquewhite-80pct,
img[src~="bc-antiquewhite"] {
border-color: rgba(250, 235, 215, 0.8);
}
.color-aqua,
img[src~="color-aqua"] {
color: #00FFFF;
}
.color-aqua-20pct,
img[src~="color-aqua"] {
color: rgba(0, 255, 255, 0.2);
}
.color-aqua-40pct,
img[src~="color-aqua"] {
color: rgba(0, 255, 255, 0.4);
}
.color-aqua-60pct,
img[src~="color-aqua"] {
color: rgba(0, 255, 255, 0.6);
}
.color-aqua-80pct,
img[src~="color-aqua"] {
color: rgba(0, 255, 255, 0.8);
}
.bg-aqua,
img[src~="bg-aqua"] {
background-color: #00FFFF;
}
.bg-aqua-20pct,
img[src~="bg-aqua"] {
background-color: rgba(0, 255, 255, 0.2);
}
.bg-aqua-40pct,
img[src~="bg-aqua"] {
background-color: rgba(0, 255, 255, 0.4);
}
.bg-aqua-60pct,
img[src~="bg-aqua"] {
background-color: rgba(0, 255, 255, 0.6);
}
.bg-aqua-80pct,
img[src~="bg-aqua"] {
background-color: rgba(0, 255, 255, 0.8);
}
.bc-aqua,
img[src~="bc-aqua"] {
border-color: #00FFFF;
}
.bc-aqua-20pct,
img[src~="bc-aqua"] {
border-color: rgba(0, 255, 255, 0.2);
}
.bc-aqua-40pct,
img[src~="bc-aqua"] {
border-color: rgba(0, 255, 255, 0.4);
}
.bc-aqua-60pct,
img[src~="bc-aqua"] {
border-color: rgba(0, 255, 255, 0.6);
}
.bc-aqua-80pct,
img[src~="bc-aqua"] {
border-color: rgba(0, 255, 255, 0.8);
}
.color-aquamarine,
img[src~="color-aquamarine"] {
color: #7FFFD4;
}
.color-aquamarine-20pct,
img[src~="color-aquamarine"] {
color: rgba(127, 255, 212, 0.2);
}
.color-aquamarine-40pct,
img[src~="color-aquamarine"] {
color: rgba(127, 255, 212, 0.4);
}
.color-aquamarine-60pct,
img[src~="color-aquamarine"] {
color: rgba(127, 255, 212, 0.6);
}
.color-aquamarine-80pct,
img[src~="color-aquamarine"] {
color: rgba(127, 255, 212, 0.8);
}
.bg-aquamarine,
img[src~="bg-aquamarine"] {
background-color: #7FFFD4;
}
.bg-aquamarine-20pct,
img[src~="bg-aquamarine"] {
background-color: rgba(127, 255, 212, 0.2);
}
.bg-aquamarine-40pct,
img[src~="bg-aquamarine"] {
background-color: rgba(127, 255, 212, 0.4);
}
.bg-aquamarine-60pct,
img[src~="bg-aquamarine"] {
background-color: rgba(127, 255, 212, 0.6);
}
.bg-aquamarine-80pct,
img[src~="bg-aquamarine"] {
background-color: rgba(127, 255, 212, 0.8);
}
.bc-aquamarine,
img[src~="bc-aquamarine"] {
border-color: #7FFFD4;
}
.bc-aquamarine-20pct,
img[src~="bc-aquamarine"] {
border-color: rgba(127, 255, 212, 0.2);
}
.bc-aquamarine-40pct,
img[src~="bc-aquamarine"] {
border-color: rgba(127, 255, 212, 0.4);
}
.bc-aquamarine-60pct,
img[src~="bc-aquamarine"] {
border-color: rgba(127, 255, 212, 0.6);
}
.bc-aquamarine-80pct,
img[src~="bc-aquamarine"] {
border-color: rgba(127, 255, 212, 0.8);
}
.color-azure,
img[src~="color-azure"] {
color: #F0FFFF;
}
.color-azure-20pct,
img[src~="color-azure"] {
color: rgba(240, 255, 255, 0.2);
}
.color-azure-40pct,
img[src~="color-azure"] {
color: rgba(240, 255, 255, 0.4);
}
.color-azure-60pct,
img[src~="color-azure"] {
color: rgba(240, 255, 255, 0.6);
}
.color-azure-80pct,
img[src~="color-azure"] {
color: rgba(240, 255, 255, 0.8);
}
.bg-azure,
img[src~="bg-azure"] {
background-color: #F0FFFF;
}
.bg-azure-20pct,
img[src~="bg-azure"] {
background-color: rgba(240, 255, 255, 0.2);
}
.bg-azure-40pct,
img[src~="bg-azure"] {
background-color: rgba(240, 255, 255, 0.4);
}
.bg-azure-60pct,
img[src~="bg-azure"] {
background-color: rgba(240, 255, 255, 0.6);
}
.bg-azure-80pct,
img[src~="bg-azure"] {
background-color: rgba(240, 255, 255, 0.8);
}
.bc-azure,
img[src~="bc-azure"] {
border-color: #F0FFFF;
}
.bc-azure-20pct,
img[src~="bc-azure"] {
border-color: rgba(240, 255, 255, 0.2);
}
.bc-azure-40pct,
img[src~="bc-azure"] {
border-color: rgba(240, 255, 255, 0.4);
}
.bc-azure-60pct,
img[src~="bc-azure"] {
border-color: rgba(240, 255, 255, 0.6);
}
.bc-azure-80pct,
img[src~="bc-azure"] {
border-color: rgba(240, 255, 255, 0.8);
}
.color-beige,
img[src~="color-beige"] {
color: #F5F5DC;
}
.color-beige-20pct,
img[src~="color-beige"] {
color: rgba(245, 245, 220, 0.2);
}
.color-beige-40pct,
img[src~="color-beige"] {
color: rgba(245, 245, 220, 0.4);
}
.color-beige-60pct,
img[src~="color-beige"] {
color: rgba(245, 245, 220, 0.6);
}
.color-beige-80pct,
img[src~="color-beige"] {
color: rgba(245, 245, 220, 0.8);
}
.bg-beige,
img[src~="bg-beige"] {
background-color: #F5F5DC;
}
.bg-beige-20pct,
img[src~="bg-beige"] {
background-color: rgba(245, 245, 220, 0.2);
}
.bg-beige-40pct,
img[src~="bg-beige"] {
background-color: rgba(245, 245, 220, 0.4);
}
.bg-beige-60pct,
img[src~="bg-beige"] {
background-color: rgba(245, 245, 220, 0.6);
}
.bg-beige-80pct,
img[src~="bg-beige"] {
background-color: rgba(245, 245, 220, 0.8);
}
.bc-beige,
img[src~="bc-beige"] {
border-color: #F5F5DC;
}
.bc-beige-20pct,
img[src~="bc-beige"] {
border-color: rgba(245, 245, 220, 0.2);
}
.bc-beige-40pct,
img[src~="bc-beige"] {
border-color: rgba(245, 245, 220, 0.4);
}
.bc-beige-60pct,
img[src~="bc-beige"] {
border-color: rgba(245, 245, 220, 0.6);
}
.bc-beige-80pct,
img[src~="bc-beige"] {
border-color: rgba(245, 245, 220, 0.8);
}
.color-bisque,
img[src~="color-bisque"] {
color: #FFE4C4;
}
.color-bisque-20pct,
img[src~="color-bisque"] {
color: rgba(255, 228, 196, 0.2);
}
.color-bisque-40pct,
img[src~="color-bisque"] {
color: rgba(255, 228, 196, 0.4);
}
.color-bisque-60pct,
img[src~="color-bisque"] {
color: rgba(255, 228, 196, 0.6);
}
.color-bisque-80pct,
img[src~="color-bisque"] {
color: rgba(255, 228, 196, 0.8);
}
.bg-bisque,
img[src~="bg-bisque"] {
background-color: #FFE4C4;
}
.bg-bisque-20pct,
img[src~="bg-bisque"] {
background-color: rgba(255, 228, 196, 0.2);
}
.bg-bisque-40pct,
img[src~="bg-bisque"] {
background-color: rgba(255, 228, 196, 0.4);
}
.bg-bisque-60pct,
img[src~="bg-bisque"] {
background-color: rgba(255, 228, 196, 0.6);
}
.bg-bisque-80pct,
img[src~="bg-bisque"] {
background-color: rgba(255, 228, 196, 0.8);
}
.bc-bisque,
img[src~="bc-bisque"] {
border-color: #FFE4C4;
}
.bc-bisque-20pct,
img[src~="bc-bisque"] {
border-color: rgba(255, 228, 196, 0.2);
}
.bc-bisque-40pct,
img[src~="bc-bisque"] {
border-color: rgba(255, 228, 196, 0.4);
}
.bc-bisque-60pct,
img[src~="bc-bisque"] {
border-color: rgba(255, 228, 196, 0.6);
}
.bc-bisque-80pct,
img[src~="bc-bisque"] {
border-color: rgba(255, 228, 196, 0.8);
}
.color-black,
img[src~="color-black"] {
color: #000000;
}
.color-black-20pct,
img[src~="color-black"] {
color: rgba(0, 0, 0, 0.2);
}
.color-black-40pct,
img[src~="color-black"] {
color: rgba(0, 0, 0, 0.4);
}
.color-black-60pct,
img[src~="color-black"] {
color: rgba(0, 0, 0, 0.6);
}
.color-black-80pct,
img[src~="color-black"] {
color: rgba(0, 0, 0, 0.8);
}
.bg-black,
img[src~="bg-black"] {
background-color: #000000;
}
.bg-black-20pct,
img[src~="bg-black"] {
background-color: rgba(0, 0, 0, 0.2);
}
.bg-black-40pct,
img[src~="bg-black"] {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-black-60pct,
img[src~="bg-black"] {
background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-80pct,
img[src~="bg-black"] {
background-color: rgba(0, 0, 0, 0.8);
}
.bc-black,
img[src~="bc-black"] {
border-color: #000000;
}
.bc-black-20pct,
img[src~="bc-black"] {
border-color: rgba(0, 0, 0, 0.2);
}
.bc-black-40pct,
img[src~="bc-black"] {
border-color: rgba(0, 0, 0, 0.4);
}
.bc-black-60pct,
img[src~="bc-black"] {
border-color: rgba(0, 0, 0, 0.6);
}
.bc-black-80pct,
img[src~="bc-black"] {
border-color: rgba(0, 0, 0, 0.8);
}
.color-blanchedalmond,
img[src~="color-blanchedalmond"] {
color: #FFEBCD;
}
.color-blanchedalmond-20pct,
img[src~="color-blanchedalmond"] {
color: rgba(255, 235, 205, 0.2);
}
.color-blanchedalmond-40pct,
img[src~="color-blanchedalmond"] {
color: rgba(255, 235, 205, 0.4);
}
.color-blanchedalmond-60pct,
img[src~="color-blanchedalmond"] {
color: rgba(255, 235, 205, 0.6);
}
.color-blanchedalmond-80pct,
img[src~="color-blanchedalmond"] {
color: rgba(255, 235, 205, 0.8);
}
.bg-blanchedalmond,
img[src~="bg-blanchedalmond"] {
background-color: #FFEBCD;
}
.bg-blanchedalmond-20pct,
img[src~="bg-blanchedalmond"] {
background-color: rgba(255, 235, 205, 0.2);
}
.bg-blanchedalmond-40pct,
img[src~="bg-blanchedalmond"] {
background-color: rgba(255, 235, 205, 0.4);
}
.bg-blanchedalmond-60pct,
img[src~="bg-blanchedalmond"] {
background-color: rgba(255, 235, 205, 0.6);
}
.bg-blanchedalmond-80pct,
img[src~="bg-blanchedalmond"] {
background-color: rgba(255, 235, 205, 0.8);
}
.bc-blanchedalmond,
img[src~="bc-blanchedalmond"] {
border-color: #FFEBCD;
}
.bc-blanchedalmond-20pct,
img[src~="bc-blanchedalmond"] {
border-color: rgba(255, 235, 205, 0.2);
}
.bc-blanchedalmond-40pct,
img[src~="bc-blanchedalmond"] {
border-color: rgba(255, 235, 205, 0.4);
}
.bc-blanchedalmond-60pct,
img[src~="bc-blanchedalmond"] {
border-color: rgba(255, 235, 205, 0.6);
}
.bc-blanchedalmond-80pct,
img[src~="bc-blanchedalmond"] {
border-color: rgba(255, 235, 205, 0.8);
}
.color-blue,
img[src~="color-blue"] {
color: #0000FF;
}
.color-blue-20pct,
img[src~="color-blue"] {
color: rgba(0, 0, 255, 0.2);
}
.color-blue-40pct,
img[src~="color-blue"] {
color: rgba(0, 0, 255, 0.4);
}
.color-blue-60pct,
img[src~="color-blue"] {
color: rgba(0, 0, 255, 0.6);
}
.color-blue-80pct,
img[src~="color-blue"] {
color: rgba(0, 0, 255, 0.8);
}
.bg-blue,
img[src~="bg-blue"] {
background-color: #0000FF;
}
.bg-blue-20pct,
img[src~="bg-blue"] {
background-color: rgba(0, 0, 255, 0.2);
}
.bg-blue-40pct,
img[src~="bg-blue"] {
background-color: rgba(0, 0, 255, 0.4);
}
.bg-blue-60pct,
img[src~="bg-blue"] {
background-color: rgba(0, 0, 255, 0.6);
}
.bg-blue-80pct,
img[src~="bg-blue"] {
background-color: rgba(0, 0, 255, 0.8);
}
.bc-blue,
img[src~="bc-blue"] {
border-color: #0000FF;
}
.bc-blue-20pct,
img[src~="bc-blue"] {
border-color: rgba(0, 0, 255, 0.2);
}
.bc-blue-40pct,
img[src~="bc-blue"] {
border-color: rgba(0, 0, 255, 0.4);
}
.bc-blue-60pct,
img[src~="bc-blue"] {
border-color: rgba(0, 0, 255, 0.6);
}
.bc-blue-80pct,
img[src~="bc-blue"] {
border-color: rgba(0, 0, 255, 0.8);
}
.color-blueviolet,
img[src~="color-blueviolet"] {
color: #8A2BE2;
}
.color-blueviolet-20pct,
img[src~="color-blueviolet"] {
color: rgba(138, 43, 226, 0.2);
}
.color-blueviolet-40pct,
img[src~="color-blueviolet"] {
color: rgba(138, 43, 226, 0.4);
}
.color-blueviolet-60pct,
img[src~="color-blueviolet"] {
color: rgba(138, 43, 226, 0.6);
}
.color-blueviolet-80pct,
img[src~="color-blueviolet"] {
color: rgba(138, 43, 226, 0.8);
}
.bg-blueviolet,
img[src~="bg-blueviolet"] {
background-color: #8A2BE2;
}
.bg-blueviolet-20pct,
img[src~="bg-blueviolet"] {
background-color: rgba(138, 43, 226, 0.2);
}
.bg-blueviolet-40pct,
img[src~="bg-blueviolet"] {
background-color: rgba(138, 43, 226, 0.4);
}
.bg-blueviolet-60pct,
img[src~="bg-blueviolet"] {
background-color: rgba(138, 43, 226, 0.6);
}
.bg-blueviolet-80pct,
img[src~="bg-blueviolet"] {
background-color: rgba(138, 43, 226, 0.8);
}
.bc-blueviolet,
img[src~="bc-blueviolet"] {
border-color: #8A2BE2;
}
.bc-blueviolet-20pct,
img[src~="bc-blueviolet"] {
border-color: rgba(138, 43, 226, 0.2);
}
.bc-blueviolet-40pct,
img[src~="bc-blueviolet"] {
border-color: rgba(138, 43, 226, 0.4);
}
.bc-blueviolet-60pct,
img[src~="bc-blueviolet"] {
border-color: rgba(138, 43, 226, 0.6);
}
.bc-blueviolet-80pct,
img[src~="bc-blueviolet"] {
border-color: rgba(138, 43, 226, 0.8);
}
.color-brown,
img[src~="color-brown"] {
color: #A52A2A;
}
.color-brown-20pct,
img[src~="color-brown"] {
color: rgba(165, 42, 42, 0.2);
}
.color-brown-40pct,
img[src~="color-brown"] {
color: rgba(165, 42, 42, 0.4);
}
.color-brown-60pct,
img[src~="color-brown"] {
color: rgba(165, 42, 42, 0.6);
}
.color-brown-80pct,
img[src~="color-brown"] {
color: rgba(165, 42, 42, 0.8);
}
.bg-brown,
img[src~="bg-brown"] {
background-color: #A52A2A;
}
.bg-brown-20pct,
img[src~="bg-brown"] {
background-color: rgba(165, 42, 42, 0.2);
}
.bg-brown-40pct,
img[src~="bg-brown"] {
background-color: rgba(165, 42, 42, 0.4);
}
.bg-brown-60pct,
img[src~="bg-brown"] {
background-color: rgba(165, 42, 42, 0.6);
}
.bg-brown-80pct,
img[src~="bg-brown"] {
background-color: rgba(165, 42, 42, 0.8);
}
.bc-brown,
img[src~="bc-brown"] {
border-color: #A52A2A;
}
.bc-brown-20pct,
img[src~="bc-brown"] {
border-color: rgba(165, 42, 42, 0.2);
}
.bc-brown-40pct,
img[src~="bc-brown"] {
border-color: rgba(165, 42, 42, 0.4);
}
.bc-brown-60pct,
img[src~="bc-brown"] {
border-color: rgba(165, 42, 42, 0.6);
}
.bc-brown-80pct,
img[src~="bc-brown"] {
border-color: rgba(165, 42, 42, 0.8);
}
.color-burlywood,
img[src~="color-burlywood"] {
color: #DEB887;
}
.color-burlywood-20pct,
img[src~="color-burlywood"] {
color: rgba(222, 184, 135, 0.2);
}
.color-burlywood-40pct,
img[src~="color-burlywood"] {
color: rgba(222, 184, 135, 0.4);
}
.color-burlywood-60pct,
img[src~="color-burlywood"] {
color: rgba(222, 184, 135, 0.6);
}
.color-burlywood-80pct,
img[src~="color-burlywood"] {
color: rgba(222, 184, 135, 0.8);
}
.bg-burlywood,
img[src~="bg-burlywood"] {
background-color: #DEB887;
}
.bg-burlywood-20pct,
img[src~="bg-burlywood"] {
background-color: rgba(222, 184, 135, 0.2);
}
.bg-burlywood-40pct,
img[src~="bg-burlywood"] {
background-color: rgba(222, 184, 135, 0.4);
}
.bg-burlywood-60pct,
img[src~="bg-burlywood"] {
background-color: rgba(222, 184, 135, 0.6);
}
.bg-burlywood-80pct,
img[src~="bg-burlywood"] {
background-color: rgba(222, 184, 135, 0.8);
}
.bc-burlywood,
img[src~="bc-burlywood"] {
border-color: #DEB887;
}
.bc-burlywood-20pct,
img[src~="bc-burlywood"] {
border-color: rgba(222, 184, 135, 0.2);
}
.bc-burlywood-40pct,
img[src~="bc-burlywood"] {
border-color: rgba(222, 184, 135, 0.4);
}
.bc-burlywood-60pct,
img[src~="bc-burlywood"] {
border-color: rgba(222, 184, 135, 0.6);
}
.bc-burlywood-80pct,
img[src~="bc-burlywood"] {
border-color: rgba(222, 184, 135, 0.8);
}
.color-cadetblue,
img[src~="color-cadetblue"] {
color: #5F9EA0;
}
.color-cadetblue-20pct,
img[src~="color-cadetblue"] {
color: rgba(95, 158, 160, 0.2);
}
.color-cadetblue-40pct,
img[src~="color-cadetblue"] {
color: rgba(95, 158, 160, 0.4);
}
.color-cadetblue-60pct,
img[src~="color-cadetblue"] {
color: rgba(95, 158, 160, 0.6);
}
.color-cadetblue-80pct,
img[src~="color-cadetblue"] {
color: rgba(95, 158, 160, 0.8);
}
.bg-cadetblue,
img[src~="bg-cadetblue"] {
background-color: #5F9EA0;
}
.bg-cadetblue-20pct,
img[src~="bg-cadetblue"] {
background-color: rgba(95, 158, 160, 0.2);
}
.bg-cadetblue-40pct,
img[src~="bg-cadetblue"] {
background-color: rgba(95, 158, 160, 0.4);
}
.bg-cadetblue-60pct,
img[src~="bg-cadetblue"] {
background-color: rgba(95, 158, 160, 0.6);
}
.bg-cadetblue-80pct,
img[src~="bg-cadetblue"] {
background-color: rgba(95, 158, 160, 0.8);
}
.bc-cadetblue,
img[src~="bc-cadetblue"] {
border-color: #5F9EA0;
}
.bc-cadetblue-20pct,
img[src~="bc-cadetblue"] {
border-color: rgba(95, 158, 160, 0.2);
}
.bc-cadetblue-40pct,
img[src~="bc-cadetblue"] {
border-color: rgba(95, 158, 160, 0.4);
}
.bc-cadetblue-60pct,
img[src~="bc-cadetblue"] {
border-color: rgba(95, 158, 160, 0.6);
}
.bc-cadetblue-80pct,
img[src~="bc-cadetblue"] {
border-color: rgba(95, 158, 160, 0.8);
}
.color-chartreuse,
img[src~="color-chartreuse"] {
color: #7FFF00;
}
.color-chartreuse-20pct,
img[src~="color-chartreuse"] {
color: rgba(127, 255, 0, 0.2);
}
.color-chartreuse-40pct,
img[src~="color-chartreuse"] {
color: rgba(127, 255, 0, 0.4);
}
.color-chartreuse-60pct,
img[src~="color-chartreuse"] {
color: rgba(127, 255, 0, 0.6);
}
.color-chartreuse-80pct,
img[src~="color-chartreuse"] {
color: rgba(127, 255, 0, 0.8);
}
.bg-chartreuse,
img[src~="bg-chartreuse"] {
background-color: #7FFF00;
}
.bg-chartreuse-20pct,
img[src~="bg-chartreuse"] {
background-color: rgba(127, 255, 0, 0.2);
}
.bg-chartreuse-40pct,
img[src~="bg-chartreuse"] {
background-color: rgba(127, 255, 0, 0.4);
}
.bg-chartreuse-60pct,
img[src~="bg-chartreuse"] {
background-color: rgba(127, 255, 0, 0.6);
}
.bg-chartreuse-80pct,
img[src~="bg-chartreuse"] {
background-color: rgba(127, 255, 0, 0.8);
}
.bc-chartreuse,
img[src~="bc-chartreuse"] {
border-color: #7FFF00;
}
.bc-chartreuse-20pct,
img[src~="bc-chartreuse"] {
border-color: rgba(127, 255, 0, 0.2);
}
.bc-chartreuse-40pct,
img[src~="bc-chartreuse"] {
border-color: rgba(127, 255, 0, 0.4);
}
.bc-chartreuse-60pct,
img[src~="bc-chartreuse"] {
border-color: rgba(127, 255, 0, 0.6);
}
.bc-chartreuse-80pct,
img[src~="bc-chartreuse"] {
border-color: rgba(127, 255, 0, 0.8);
}
.color-chocolate,
img[src~="color-chocolate"] {
color: #D2691E;
}
.color-chocolate-20pct,
img[src~="color-chocolate"] {
color: rgba(210, 105, 30, 0.2);
}
.color-chocolate-40pct,
img[src~="color-chocolate"] {
color: rgba(210, 105, 30, 0.4);
}
.color-chocolate-60pct,
img[src~="color-chocolate"] {
color: rgba(210, 105, 30, 0.6);
}
.color-chocolate-80pct,
img[src~="color-chocolate"] {
color: rgba(210, 105, 30, 0.8);
}
.bg-chocolate,
img[src~="bg-chocolate"] {
background-color: #D2691E;
}
.bg-chocolate-20pct,
img[src~="bg-chocolate"] {
background-color: rgba(210, 105, 30, 0.2);
}
.bg-chocolate-40pct,
img[src~="bg-chocolate"] {
background-color: rgba(210, 105, 30, 0.4);
}
.bg-chocolate-60pct,
img[src~="bg-chocolate"] {
background-color: rgba(210, 105, 30, 0.6);
}
.bg-chocolate-80pct,
img[src~="bg-chocolate"] {
background-color: rgba(210, 105, 30, 0.8);
}
.bc-chocolate,
img[src~="bc-chocolate"] {
border-color: #D2691E;
}
.bc-chocolate-20pct,
img[src~="bc-chocolate"] {
border-color: rgba(210, 105, 30, 0.2);
}
.bc-chocolate-40pct,
img[src~="bc-chocolate"] {
border-color: rgba(210, 105, 30, 0.4);
}
.bc-chocolate-60pct,
img[src~="bc-chocolate"] {
border-color: rgba(210, 105, 30, 0.6);
}
.bc-chocolate-80pct,
img[src~="bc-chocolate"] {
border-color: rgba(210, 105, 30, 0.8);
}
.color-coral,
img[src~="color-coral"] {
color: #FF7F50;
}
.color-coral-20pct,
img[src~="color-coral"] {
color: rgba(255, 127, 80, 0.2);
}
.color-coral-40pct,
img[src~="color-coral"] {
color: rgba(255, 127, 80, 0.4);
}
.color-coral-60pct,
img[src~="color-coral"] {
color: rgba(255, 127, 80, 0.6);
}
.color-coral-80pct,
img[src~="color-coral"] {
color: rgba(255, 127, 80, 0.8);
}
.bg-coral,
img[src~="bg-coral"] {
background-color: #FF7F50;
}
.bg-coral-20pct,
img[src~="bg-coral"] {
background-color: rgba(255, 127, 80, 0.2);
}
.bg-coral-40pct,
img[src~="bg-coral"] {
background-color: rgba(255, 127, 80, 0.4);
}
.bg-coral-60pct,
img[src~="bg-coral"] {
background-color: rgba(255, 127, 80, 0.6);
}
.bg-coral-80pct,
img[src~="bg-coral"] {
background-color: rgba(255, 127, 80, 0.8);
}
.bc-coral,
img[src~="bc-coral"] {
border-color: #FF7F50;
}
.bc-coral-20pct,
img[src~="bc-coral"] {
border-color: rgba(255, 127, 80, 0.2);
}
.bc-coral-40pct,
img[src~="bc-coral"] {
border-color: rgba(255, 127, 80, 0.4);
}
.bc-coral-60pct,
img[src~="bc-coral"] {
border-color: rgba(255, 127, 80, 0.6);
}
.bc-coral-80pct,
img[src~="bc-coral"] {
border-color: rgba(255, 127, 80, 0.8);
}
.color-cornflowerblue,
img[src~="color-cornflowerblue"] {
color: #6495ED;
}
.color-cornflowerblue-20pct,
img[src~="color-cornflowerblue"] {
color: rgba(100, 149, 237, 0.2);
}
.color-cornflowerblue-40pct,
img[src~="color-cornflowerblue"] {
color: rgba(100, 149, 237, 0.4);
}
.color-cornflowerblue-60pct,
img[src~="color-cornflowerblue"] {
color: rgba(100, 149, 237, 0.6);
}
.color-cornflowerblue-80pct,
img[src~="color-cornflowerblue"] {
color: rgba(100, 149, 237, 0.8);
}
.bg-cornflowerblue,
img[src~="bg-cornflowerblue"] {
background-color: #6495ED;
}
.bg-cornflowerblue-20pct,
img[src~="bg-cornflowerblue"] {
background-color: rgba(100, 149, 237, 0.2);
}
.bg-cornflowerblue-40pct,
img[src~="bg-cornflowerblue"] {
background-color: rgba(100, 149, 237, 0.4);
}
.bg-cornflowerblue-60pct,
img[src~="bg-cornflowerblue"] {
background-color: rgba(100, 149, 237, 0.6);
}
.bg-cornflowerblue-80pct,
img[src~="bg-cornflowerblue"] {
background-color: rgba(100, 149, 237, 0.8);
}
.bc-cornflowerblue,
img[src~="bc-cornflowerblue"] {
border-color: #6495ED;
}
.bc-cornflowerblue-20pct,
img[src~="bc-cornflowerblue"] {
border-color: rgba(100, 149, 237, 0.2);
}
.bc-cornflowerblue-40pct,
img[src~="bc-cornflowerblue"] {
border-color: rgba(100, 149, 237, 0.4);
}
.bc-cornflowerblue-60pct,
img[src~="bc-cornflowerblue"] {
border-color: rgba(100, 149, 237, 0.6);
}
.bc-cornflowerblue-80pct,
img[src~="bc-cornflowerblue"] {
border-color: rgba(100, 149, 237, 0.8);
}
.color-cornsilk,
img[src~="color-cornsilk"] {
color: #FFF8DC;
}
.color-cornsilk-20pct,
img[src~="color-cornsilk"] {
color: rgba(255, 248, 220, 0.2);
}
.color-cornsilk-40pct,
img[src~="color-cornsilk"] {
color: rgba(255, 248, 220, 0.4);
}
.color-cornsilk-60pct,
img[src~="color-cornsilk"] {
color: rgba(255, 248, 220, 0.6);
}
.color-cornsilk-80pct,
img[src~="color-cornsilk"] {
color: rgba(255, 248, 220, 0.8);
}
.bg-cornsilk,
img[src~="bg-cornsilk"] {
background-color: #FFF8DC;
}
.bg-cornsilk-20pct,
img[src~="bg-cornsilk"] {
background-color: rgba(255, 248, 220, 0.2);
}
.bg-cornsilk-40pct,
img[src~="bg-cornsilk"] {
background-color: rgba(255, 248, 220, 0.4);
}
.bg-cornsilk-60pct,
img[src~="bg-cornsilk"] {
background-color: rgba(255, 248, 220, 0.6);
}
.bg-cornsilk-80pct,
img[src~="bg-cornsilk"] {
background-color: rgba(255, 248, 220, 0.8);
}
.bc-cornsilk,
img[src~="bc-cornsilk"] {
border-color: #FFF8DC;
}
.bc-cornsilk-20pct,
img[src~="bc-cornsilk"] {
border-color: rgba(255, 248, 220, 0.2);
}
.bc-cornsilk-40pct,
img[src~="bc-cornsilk"] {
border-color: rgba(255, 248, 220, 0.4);
}
.bc-cornsilk-60pct,
img[src~="bc-cornsilk"] {
border-color: rgba(255, 248, 220, 0.6);
}
.bc-cornsilk-80pct,
img[src~="bc-cornsilk"] {
border-color: rgba(255, 248, 220, 0.8);
}
.color-crimson,
img[src~="color-crimson"] {
color: #DC143C;
}
.color-crimson-20pct,
img[src~="color-crimson"] {
color: rgba(220, 20, 60, 0.2);
}
.color-crimson-40pct,
img[src~="color-crimson"] {
color: rgba(220, 20, 60, 0.4);
}
.color-crimson-60pct,
img[src~="color-crimson"] {
color: rgba(220, 20, 60, 0.6);
}
.color-crimson-80pct,
img[src~="color-crimson"] {
color: rgba(220, 20, 60, 0.8);
}
.bg-crimson,
img[src~="bg-crimson"] {
background-color: #DC143C;
}
.bg-crimson-20pct,
img[src~="bg-crimson"] {
background-color: rgba(220, 20, 60, 0.2);
}
.bg-crimson-40pct,
img[src~="bg-crimson"] {
background-color: rgba(220, 20, 60, 0.4);
}
.bg-crimson-60pct,
img[src~="bg-crimson"] {
background-color: rgba(220, 20, 60, 0.6);
}
.bg-crimson-80pct,
img[src~="bg-crimson"] {
background-color: rgba(220, 20, 60, 0.8);
}
.bc-crimson,
img[src~="bc-crimson"] {
border-color: #DC143C;
}
.bc-crimson-20pct,
img[src~="bc-crimson"] {
border-color: rgba(220, 20, 60, 0.2);
}
.bc-crimson-40pct,
img[src~="bc-crimson"] {
border-color: rgba(220, 20, 60, 0.4);
}
.bc-crimson-60pct,
img[src~="bc-crimson"] {
border-color: rgba(220, 20, 60, 0.6);
}
.bc-crimson-80pct,
img[src~="bc-crimson"] {
border-color: rgba(220, 20, 60, 0.8);
}
.color-cyan,
img[src~="color-cyan"] {
color: #00FFFF;
}
.color-cyan-20pct,
img[src~="color-cyan"] {
color: rgba(0, 255, 255, 0.2);
}
.color-cyan-40pct,
img[src~="color-cyan"] {
color: rgba(0, 255, 255, 0.4);
}
.color-cyan-60pct,
img[src~="color-cyan"] {
color: rgba(0, 255, 255, 0.6);
}
.color-cyan-80pct,
img[src~="color-cyan"] {
color: rgba(0, 255, 255, 0.8);
}
.bg-cyan,
img[src~="bg-cyan"] {
background-color: #00FFFF;
}
.bg-cyan-20pct,
img[src~="bg-cyan"] {
background-color: rgba(0, 255, 255, 0.2);
}
.bg-cyan-40pct,
img[src~="bg-cyan"] {
background-color: rgba(0, 255, 255, 0.4);
}
.bg-cyan-60pct,
img[src~="bg-cyan"] {
background-color: rgba(0, 255, 255, 0.6);
}
.bg-cyan-80pct,
img[src~="bg-cyan"] {
background-color: rgba(0, 255, 255, 0.8);
}
.bc-cyan,
img[src~="bc-cyan"] {
border-color: #00FFFF;
}
.bc-cyan-20pct,
img[src~="bc-cyan"] {
border-color: rgba(0, 255, 255, 0.2);
}
.bc-cyan-40pct,
img[src~="bc-cyan"] {
border-color: rgba(0, 255, 255, 0.4);
}
.bc-cyan-60pct,
img[src~="bc-cyan"] {
border-color: rgba(0, 255, 255, 0.6);
}
.bc-cyan-80pct,
img[src~="bc-cyan"] {
border-color: rgba(0, 255, 255, 0.8);
}
.color-darkblue,
img[src~="color-darkblue"] {
color: #00008B;
}
.color-darkblue-20pct,
img[src~="color-darkblue"] {
color: rgba(0, 0, 139, 0.2);
}
.color-darkblue-40pct,
img[src~="color-darkblue"] {
color: rgba(0, 0, 139, 0.4);
}
.color-darkblue-60pct,
img[src~="color-darkblue"] {
color: rgba(0, 0, 139, 0.6);
}
.color-darkblue-80pct,
img[src~="color-darkblue"] {
color: rgba(0, 0, 139, 0.8);
}
.bg-darkblue,
img[src~="bg-darkblue"] {
background-color: #00008B;
}
.bg-darkblue-20pct,
img[src~="bg-darkblue"] {
background-color: rgba(0, 0, 139, 0.2);
}
.bg-darkblue-40pct,
img[src~="bg-darkblue"] {
background-color: rgba(0, 0, 139, 0.4);
}
.bg-darkblue-60pct,
img[src~="bg-darkblue"] {
background-color: rgba(0, 0, 139, 0.6);
}
.bg-darkblue-80pct,
img[src~="bg-darkblue"] {
background-color: rgba(0, 0, 139, 0.8);
}
.bc-darkblue,
img[src~="bc-darkblue"] {
border-color: #00008B;
}
.bc-darkblue-20pct,
img[src~="bc-darkblue"] {
border-color: rgba(0, 0, 139, 0.2);
}
.bc-darkblue-40pct,
img[src~="bc-darkblue"] {
border-color: rgba(0, 0, 139, 0.4);
}
.bc-darkblue-60pct,
img[src~="bc-darkblue"] {
border-color: rgba(0, 0, 139, 0.6);
}
.bc-darkblue-80pct,
img[src~="bc-darkblue"] {
border-color: rgba(0, 0, 139, 0.8);
}
.color-darkcyan,
img[src~="color-darkcyan"] {
color: #008B8B;
}
.color-darkcyan-20pct,
img[src~="color-darkcyan"] {
color: rgba(0, 139, 139, 0.2);
}
.color-darkcyan-40pct,
img[src~="color-darkcyan"] {
color: rgba(0, 139, 139, 0.4);
}
.color-darkcyan-60pct,
img[src~="color-darkcyan"] {
color: rgba(0, 139, 139, 0.6);
}
.color-darkcyan-80pct,
img[src~="color-darkcyan"] {
color: rgba(0, 139, 139, 0.8);
}
.bg-darkcyan,
img[src~="bg-darkcyan"] {
background-color: #008B8B;
}
.bg-darkcyan-20pct,
img[src~="bg-darkcyan"] {
background-color: rgba(0, 139, 139, 0.2);
}
.bg-darkcyan-40pct,
img[src~="bg-darkcyan"] {
background-color: rgba(0, 139, 139, 0.4);
}
.bg-darkcyan-60pct,
img[src~="bg-darkcyan"] {
background-color: rgba(0, 139, 139, 0.6);
}
.bg-darkcyan-80pct,
img[src~="bg-darkcyan"] {
background-color: rgba(0, 139, 139, 0.8);
}
.bc-darkcyan,
img[src~="bc-darkcyan"] {
border-color: #008B8B;
}
.bc-darkcyan-20pct,
img[src~="bc-darkcyan"] {
border-color: rgba(0, 139, 139, 0.2);
}
.bc-darkcyan-40pct,
img[src~="bc-darkcyan"] {
border-color: rgba(0, 139, 139, 0.4);
}
.bc-darkcyan-60pct,
img[src~="bc-darkcyan"] {
border-color: rgba(0, 139, 139, 0.6);
}
.bc-darkcyan-80pct,
img[src~="bc-darkcyan"] {
border-color: rgba(0, 139, 139, 0.8);
}
.color-darkgoldenrod,
img[src~="color-darkgoldenrod"] {
color: #B8860B;
}
.color-darkgoldenrod-20pct,
img[src~="color-darkgoldenrod"] {
color: rgba(184, 134, 11, 0.2);
}
.color-darkgoldenrod-40pct,
img[src~="color-darkgoldenrod"] {
color: rgba(184, 134, 11, 0.4);
}
.color-darkgoldenrod-60pct,
img[src~="color-darkgoldenrod"] {
color: rgba(184, 134, 11, 0.6);
}
.color-darkgoldenrod-80pct,
img[src~="color-darkgoldenrod"] {
color: rgba(184, 134, 11, 0.8);
}
.bg-darkgoldenrod,
img[src~="bg-darkgoldenrod"] {
background-color: #B8860B;
}
.bg-darkgoldenrod-20pct,
img[src~="bg-darkgoldenrod"] {
background-color: rgba(184, 134, 11, 0.2);
}
.bg-darkgoldenrod-40pct,
img[src~="bg-darkgoldenrod"] {
background-color: rgba(184, 134, 11, 0.4);
}
.bg-darkgoldenrod-60pct,
img[src~="bg-darkgoldenrod"] {
background-color: rgba(184, 134, 11, 0.6);
}
.bg-darkgoldenrod-80pct,
img[src~="bg-darkgoldenrod"] {
background-color: rgba(184, 134, 11, 0.8);
}
.bc-darkgoldenrod,
img[src~="bc-darkgoldenrod"] {
border-color: #B8860B;
}
.bc-darkgoldenrod-20pct,
img[src~="bc-darkgoldenrod"] {
border-color: rgba(184, 134, 11, 0.2);
}
.bc-darkgoldenrod-40pct,
img[src~="bc-darkgoldenrod"] {
border-color: rgba(184, 134, 11, 0.4);
}
.bc-darkgoldenrod-60pct,
img[src~="bc-darkgoldenrod"] {
border-color: rgba(184, 134, 11, 0.6);
}
.bc-darkgoldenrod-80pct,
img[src~="bc-darkgoldenrod"] {
border-color: rgba(184, 134, 11, 0.8);
}
.color-darkgray,
img[src~="color-darkgray"] {
color: #A9A9A9;
}
.color-darkgray-20pct,
img[src~="color-darkgray"] {
color: rgba(169, 169, 169, 0.2);
}
.color-darkgray-40pct,
img[src~="color-darkgray"] {
color: rgba(169, 169, 169, 0.4);
}
.color-darkgray-60pct,
img[src~="color-darkgray"] {
color: rgba(169, 169, 169, 0.6);
}
.color-darkgray-80pct,
img[src~="color-darkgray"] {
color: rgba(169, 169, 169, 0.8);
}
.bg-darkgray,
img[src~="bg-darkgray"] {
background-color: #A9A9A9;
}
.bg-darkgray-20pct,
img[src~="bg-darkgray"] {
background-color: rgba(169, 169, 169, 0.2);
}
.bg-darkgray-40pct,
img[src~="bg-darkgray"] {
background-color: rgba(169, 169, 169, 0.4);
}
.bg-darkgray-60pct,
img[src~="bg-darkgray"] {
background-color: rgba(169, 169, 169, 0.6);
}
.bg-darkgray-80pct,
img[src~="bg-darkgray"] {
background-color: rgba(169, 169, 169, 0.8);
}
.bc-darkgray,
img[src~="bc-darkgray"] {
border-color: #A9A9A9;
}
.bc-darkgray-20pct,
img[src~="bc-darkgray"] {
border-color: rgba(169, 169, 169, 0.2);
}
.bc-darkgray-40pct,
img[src~="bc-darkgray"] {
border-color: rgba(169, 169, 169, 0.4);
}
.bc-darkgray-60pct,
img[src~="bc-darkgray"] {
border-color: rgba(169, 169, 169, 0.6);
}
.bc-darkgray-80pct,
img[src~="bc-darkgray"] {
border-color: rgba(169, 169, 169, 0.8);
}
.color-darkgreen,
img[src~="color-darkgreen"] {
color: #006400;
}
.color-darkgreen-20pct,
img[src~="color-darkgreen"] {
color: rgba(0, 100, 0, 0.2);
}
.color-darkgreen-40pct,
img[src~="color-darkgreen"] {
color: rgba(0, 100, 0, 0.4);
}
.color-darkgreen-60pct,
img[src~="color-darkgreen"] {
color: rgba(0, 100, 0, 0.6);
}
.color-darkgreen-80pct,
img[src~="color-darkgreen"] {
color: rgba(0, 100, 0, 0.8);
}
.bg-darkgreen,
img[src~="bg-darkgreen"] {
background-color: #006400;
}
.bg-darkgreen-20pct,
img[src~="bg-darkgreen"] {
background-color: rgba(0, 100, 0, 0.2);
}
.bg-darkgreen-40pct,
img[src~="bg-darkgreen"] {
background-color: rgba(0, 100, 0, 0.4);
}
.bg-darkgreen-60pct,
img[src~="bg-darkgreen"] {
background-color: rgba(0, 100, 0, 0.6);
}
.bg-darkgreen-80pct,
img[src~="bg-darkgreen"] {
background-color: rgba(0, 100, 0, 0.8);
}
.bc-darkgreen,
img[src~="bc-darkgreen"] {
border-color: #006400;
}
.bc-darkgreen-20pct,
img[src~="bc-darkgreen"] {
border-color: rgba(0, 100, 0, 0.2);
}
.bc-darkgreen-40pct,
img[src~="bc-darkgreen"] {
border-color: rgba(0, 100, 0, 0.4);
}
.bc-darkgreen-60pct,
img[src~="bc-darkgreen"] {
border-color: rgba(0, 100, 0, 0.6);
}
.bc-darkgreen-80pct,
img[src~="bc-darkgreen"] {
border-color: rgba(0, 100, 0, 0.8);
}
.color-darkgrey,
img[src~="color-darkgrey"] {
color: #A9A9A9;
}
.color-darkgrey-20pct,
img[src~="color-darkgrey"] {
color: rgba(169, 169, 169, 0.2);
}
.color-darkgrey-40pct,
img[src~="color-darkgrey"] {
color: rgba(169, 169, 169, 0.4);
}
.color-darkgrey-60pct,
img[src~="color-darkgrey"] {
color: rgba(169, 169, 169, 0.6);
}
.color-darkgrey-80pct,
img[src~="color-darkgrey"] {
color: rgba(169, 169, 169, 0.8);
}
.bg-darkgrey,
img[src~="bg-darkgrey"] {
background-color: #A9A9A9;
}
.bg-darkgrey-20pct,
img[src~="bg-darkgrey"] {
background-color: rgba(169, 169, 169, 0.2);
}
.bg-darkgrey-40pct,
img[src~="bg-darkgrey"] {
background-color: rgba(169, 169, 169, 0.4);
}
.bg-darkgrey-60pct,
img[src~="bg-darkgrey"] {
background-color: rgba(169, 169, 169, 0.6);
}
.bg-darkgrey-80pct,
img[src~="bg-darkgrey"] {
background-color: rgba(169, 169, 169, 0.8);
}
.bc-darkgrey,
img[src~="bc-darkgrey"] {
border-color: #A9A9A9;
}
.bc-darkgrey-20pct,
img[src~="bc-darkgrey"] {
border-color: rgba(169, 169, 169, 0.2);
}
.bc-darkgrey-40pct,
img[src~="bc-darkgrey"] {
border-color: rgba(169, 169, 169, 0.4);
}
.bc-darkgrey-60pct,
img[src~="bc-darkgrey"] {
border-color: rgba(169, 169, 169, 0.6);
}
.bc-darkgrey-80pct,
img[src~="bc-darkgrey"] {
border-color: rgba(169, 169, 169, 0.8);
}
.color-darkkhaki,
img[src~="color-darkkhaki"] {
color: #BDB76B;
}
.color-darkkhaki-20pct,
img[src~="color-darkkhaki"] {
color: rgba(189, 183, 107, 0.2);
}
.color-darkkhaki-40pct,
img[src~="color-darkkhaki"] {
color: rgba(189, 183, 107, 0.4);
}
.color-darkkhaki-60pct,
img[src~="color-darkkhaki"] {
color: rgba(189, 183, 107, 0.6);
}
.color-darkkhaki-80pct,
img[src~="color-darkkhaki"] {
color: rgba(189, 183, 107, 0.8);
}
.bg-darkkhaki,
img[src~="bg-darkkhaki"] {
background-color: #BDB76B;
}
.bg-darkkhaki-20pct,
img[src~="bg-darkkhaki"] {
background-color: rgba(189, 183, 107, 0.2);
}
.bg-darkkhaki-40pct,
img[src~="bg-darkkhaki"] {
background-color: rgba(189, 183, 107, 0.4);
}
.bg-darkkhaki-60pct,
img[src~="bg-darkkhaki"] {
background-color: rgba(189, 183, 107, 0.6);
}
.bg-darkkhaki-80pct,
img[src~="bg-darkkhaki"] {
background-color: rgba(189, 183, 107, 0.8);
}
.bc-darkkhaki,
img[src~="bc-darkkhaki"] {
border-color: #BDB76B;
}
.bc-darkkhaki-20pct,
img[src~="bc-darkkhaki"] {
border-color: rgba(189, 183, 107, 0.2);
}
.bc-darkkhaki-40pct,
img[src~="bc-darkkhaki"] {
border-color: rgba(189, 183, 107, 0.4);
}
.bc-darkkhaki-60pct,
img[src~="bc-darkkhaki"] {
border-color: rgba(189, 183, 107, 0.6);
}
.bc-darkkhaki-80pct,
img[src~="bc-darkkhaki"] {
border-color: rgba(189, 183, 107, 0.8);
}
.color-darkmagenta,
img[src~="color-darkmagenta"] {
color: #8B008B;
}
.color-darkmagenta-20pct,
img[src~="color-darkmagenta"] {
color: rgba(139, 0, 139, 0.2);
}
.color-darkmagenta-40pct,
img[src~="color-darkmagenta"] {
color: rgba(139, 0, 139, 0.4);
}
.color-darkmagenta-60pct,
img[src~="color-darkmagenta"] {
color: rgba(139, 0, 139, 0.6);
}
.color-darkmagenta-80pct,
img[src~="color-darkmagenta"] {
color: rgba(139, 0, 139, 0.8);
}
.bg-darkmagenta,
img[src~="bg-darkmagenta"] {
background-color: #8B008B;
}
.bg-darkmagenta-20pct,
img[src~="bg-darkmagenta"] {
background-color: rgba(139, 0, 139, 0.2);
}
.bg-darkmagenta-40pct,
img[src~="bg-darkmagenta"] {
background-color: rgba(139, 0, 139, 0.4);
}
.bg-darkmagenta-60pct,
img[src~="bg-darkmagenta"] {
background-color: rgba(139, 0, 139, 0.6);
}
.bg-darkmagenta-80pct,
img[src~="bg-darkmagenta"] {
background-color: rgba(139, 0, 139, 0.8);
}
.bc-darkmagenta,
img[src~="bc-darkmagenta"] {
border-color: #8B008B;
}
.bc-darkmagenta-20pct,
img[src~="bc-darkmagenta"] {
border-color: rgba(139, 0, 139, 0.2);
}
.bc-darkmagenta-40pct,
img[src~="bc-darkmagenta"] {
border-color: rgba(139, 0, 139, 0.4);
}
.bc-darkmagenta-60pct,
img[src~="bc-darkmagenta"] {
border-color: rgba(139, 0, 139, 0.6);
}
.bc-darkmagenta-80pct,
img[src~="bc-darkmagenta"] {
border-color: rgba(139, 0, 139, 0.8);
}
.color-darkolivegreen,
img[src~="color-darkolivegreen"] {
color: #556B2F;
}
.color-darkolivegreen-20pct,
img[src~="color-darkolivegreen"] {
color: rgba(85, 107, 47, 0.2);
}
.color-darkolivegreen-40pct,
img[src~="color-darkolivegreen"] {
color: rgba(85, 107, 47, 0.4);
}
.color-darkolivegreen-60pct,
img[src~="color-darkolivegreen"] {
color: rgba(85, 107, 47, 0.6);
}
.color-darkolivegreen-80pct,
img[src~="color-darkolivegreen"] {
color: rgba(85, 107, 47, 0.8);
}
.bg-darkolivegreen,
img[src~="bg-darkolivegreen"] {
background-color: #556B2F;
}
.bg-darkolivegreen-20pct,
img[src~="bg-darkolivegreen"] {
background-color: rgba(85, 107, 47, 0.2);
}
.bg-darkolivegreen-40pct,
img[src~="bg-darkolivegreen"] {
background-color: rgba(85, 107, 47, 0.4);
}
.bg-darkolivegreen-60pct,
img[src~="bg-darkolivegreen"] {
background-color: rgba(85, 107, 47, 0.6);
}
.bg-darkolivegreen-80pct,
img[src~="bg-darkolivegreen"] {
background-color: rgba(85, 107, 47, 0.8);
}
.bc-darkolivegreen,
img[src~="bc-darkolivegreen"] {
border-color: #556B2F;
}
.bc-darkolivegreen-20pct,
img[src~="bc-darkolivegreen"] {
border-color: rgba(85, 107, 47, 0.2);
}
.bc-darkolivegreen-40pct,
img[src~="bc-darkolivegreen"] {
border-color: rgba(85, 107, 47, 0.4);
}
.bc-darkolivegreen-60pct,
img[src~="bc-darkolivegreen"] {
border-color: rgba(85, 107, 47, 0.6);
}
.bc-darkolivegreen-80pct,
img[src~="bc-darkolivegreen"] {
border-color: rgba(85, 107, 47, 0.8);
}
.color-darkorange,
img[src~="color-darkorange"] {
color: #FF8C00;
}
.color-darkorange-20pct,
img[src~="color-darkorange"] {
color: rgba(255, 140, 0, 0.2);
}
.color-darkorange-40pct,
img[src~="color-darkorange"] {
color: rgba(255, 140, 0, 0.4);
}
.color-darkorange-60pct,
img[src~="color-darkorange"] {
color: rgba(255, 140, 0, 0.6);
}
.color-darkorange-80pct,
img[src~="color-darkorange"] {
color: rgba(255, 140, 0, 0.8);
}
.bg-darkorange,
img[src~="bg-darkorange"] {
background-color: #FF8C00;
}
.bg-darkorange-20pct,
img[src~="bg-darkorange"] {
background-color: rgba(255, 140, 0, 0.2);
}
.bg-darkorange-40pct,
img[src~="bg-darkorange"] {
background-color: rgba(255, 140, 0, 0.4);
}
.bg-darkorange-60pct,
img[src~="bg-darkorange"] {
background-color: rgba(255, 140, 0, 0.6);
}
.bg-darkorange-80pct,
img[src~="bg-darkorange"] {
background-color: rgba(255, 140, 0, 0.8);
}
.bc-darkorange,
img[src~="bc-darkorange"] {
border-color: #FF8C00;
}
.bc-darkorange-20pct,
img[src~="bc-darkorange"] {
border-color: rgba(255, 140, 0, 0.2);
}
.bc-darkorange-40pct,
img[src~="bc-darkorange"] {
border-color: rgba(255, 140, 0, 0.4);
}
.bc-darkorange-60pct,
img[src~="bc-darkorange"] {
border-color: rgba(255, 140, 0, 0.6);
}
.bc-darkorange-80pct,
img[src~="bc-darkorange"] {
border-color: rgba(255, 140, 0, 0.8);
}
.color-darkorchid,
img[src~="color-darkorchid"] {
color: #9932CC;
}
.color-darkorchid-20pct,
img[src~="color-darkorchid"] {
color: rgba(153, 50, 204, 0.2);
}
.color-darkorchid-40pct,
img[src~="color-darkorchid"] {
color: rgba(153, 50, 204, 0.4);
}
.color-darkorchid-60pct,
img[src~="color-darkorchid"] {
color: rgba(153, 50, 204, 0.6);
}
.color-darkorchid-80pct,
img[src~="color-darkorchid"] {
color: rgba(153, 50, 204, 0.8);
}
.bg-darkorchid,
img[src~="bg-darkorchid"] {
background-color: #9932CC;
}
.bg-darkorchid-20pct,
img[src~="bg-darkorchid"] {
background-color: rgba(153, 50, 204, 0.2);
}
.bg-darkorchid-40pct,
img[src~="bg-darkorchid"] {
background-color: rgba(153, 50, 204, 0.4);
}
.bg-darkorchid-60pct,
img[src~="bg-darkorchid"] {
background-color: rgba(153, 50, 204, 0.6);
}
.bg-darkorchid-80pct,
img[src~="bg-darkorchid"] {
background-color: rgba(153, 50, 204, 0.8);
}
.bc-darkorchid,
img[src~="bc-darkorchid"] {
border-color: #9932CC;
}
.bc-darkorchid-20pct,
img[src~="bc-darkorchid"] {
border-color: rgba(153, 50, 204, 0.2);
}
.bc-darkorchid-40pct,
img[src~="bc-darkorchid"] {
border-color: rgba(153, 50, 204, 0.4);
}
.bc-darkorchid-60pct,
img[src~="bc-darkorchid"] {
border-color: rgba(153, 50, 204, 0.6);
}
.bc-darkorchid-80pct,
img[src~="bc-darkorchid"] {
border-color: rgba(153, 50, 204, 0.8);
}
.color-darkred,
img[src~="color-darkred"] {
color: #8B0000;
}
.color-darkred-20pct,
img[src~="color-darkred"] {
color: rgba(139, 0, 0, 0.2);
}
.color-darkred-40pct,
img[src~="color-darkred"] {
color: rgba(139, 0, 0, 0.4);
}
.color-darkred-60pct,
img[src~="color-darkred"] {
color: rgba(139, 0, 0, 0.6);
}
.color-darkred-80pct,
img[src~="color-darkred"] {
color: rgba(139, 0, 0, 0.8);
}
.bg-darkred,
img[src~="bg-darkred"] {
background-color: #8B0000;
}
.bg-darkred-20pct,
img[src~="bg-darkred"] {
background-color: rgba(139, 0, 0, 0.2);
}
.bg-darkred-40pct,
img[src~="bg-darkred"] {
background-color: rgba(139, 0, 0, 0.4);
}
.bg-darkred-60pct,
img[src~="bg-darkred"] {
background-color: rgba(139, 0, 0, 0.6);
}
.bg-darkred-80pct,
img[src~="bg-darkred"] {
background-color: rgba(139, 0, 0, 0.8);
}
.bc-darkred,
img[src~="bc-darkred"] {
border-color: #8B0000;
}
.bc-darkred-20pct,
img[src~="bc-darkred"] {
border-color: rgba(139, 0, 0, 0.2);
}
.bc-darkred-40pct,
img[src~="bc-darkred"] {
border-color: rgba(139, 0, 0, 0.4);
}
.bc-darkred-60pct,
img[src~="bc-darkred"] {
border-color: rgba(139, 0, 0, 0.6);
}
.bc-darkred-80pct,
img[src~="bc-darkred"] {
border-color: rgba(139, 0, 0, 0.8);
}
.color-darksalmon,
img[src~="color-darksalmon"] {
color: #E9967A;
}
.color-darksalmon-20pct,
img[src~="color-darksalmon"] {
color: rgba(233, 150, 122, 0.2);
}
.color-darksalmon-40pct,
img[src~="color-darksalmon"] {
color: rgba(233, 150, 122, 0.4);
}
.color-darksalmon-60pct,
img[src~="color-darksalmon"] {
color: rgba(233, 150, 122, 0.6);
}
.color-darksalmon-80pct,
img[src~="color-darksalmon"] {
color: rgba(233, 150, 122, 0.8);
}
.bg-darksalmon,
img[src~="bg-darksalmon"] {
background-color: #E9967A;
}
.bg-darksalmon-20pct,
img[src~="bg-darksalmon"] {
background-color: rgba(233, 150, 122, 0.2);
}
.bg-darksalmon-40pct,
img[src~="bg-darksalmon"] {
background-color: rgba(233, 150, 122, 0.4);
}
.bg-darksalmon-60pct,
img[src~="bg-darksalmon"] {
background-color: rgba(233, 150, 122, 0.6);
}
.bg-darksalmon-80pct,
img[src~="bg-darksalmon"] {
background-color: rgba(233, 150, 122, 0.8);
}
.bc-darksalmon,
img[src~="bc-darksalmon"] {
border-color: #E9967A;
}
.bc-darksalmon-20pct,
img[src~="bc-darksalmon"] {
border-color: rgba(233, 150, 122, 0.2);
}
.bc-darksalmon-40pct,
img[src~="bc-darksalmon"] {
border-color: rgba(233, 150, 122, 0.4);
}
.bc-darksalmon-60pct,
img[src~="bc-darksalmon"] {
border-color: rgba(233, 150, 122, 0.6);
}
.bc-darksalmon-80pct,
img[src~="bc-darksalmon"] {
border-color: rgba(233, 150, 122, 0.8);
}
.color-darkseagreen,
img[src~="color-darkseagreen"] {
color: #8FBC8F;
}
.color-darkseagreen-20pct,
img[src~="color-darkseagreen"] {
color: rgba(143, 188, 143, 0.2);
}
.color-darkseagreen-40pct,
img[src~="color-darkseagreen"] {
color: rgba(143, 188, 143, 0.4);
}
.color-darkseagreen-60pct,
img[src~="color-darkseagreen"] {
color: rgba(143, 188, 143, 0.6);
}
.color-darkseagreen-80pct,
img[src~="color-darkseagreen"] {
color: rgba(143, 188, 143, 0.8);
}
.bg-darkseagreen,
img[src~="bg-darkseagreen"] {
background-color: #8FBC8F;
}
.bg-darkseagreen-20pct,
img[src~="bg-darkseagreen"] {
background-color: rgba(143, 188, 143, 0.2);
}
.bg-darkseagreen-40pct,
img[src~="bg-darkseagreen"] {
background-color: rgba(143, 188, 143, 0.4);
}
.bg-darkseagreen-60pct,
img[src~="bg-darkseagreen"] {
background-color: rgba(143, 188, 143, 0.6);
}
.bg-darkseagreen-80pct,
img[src~="bg-darkseagreen"] {
background-color: rgba(143, 188, 143, 0.8);
}
.bc-darkseagreen,
img[src~="bc-darkseagreen"] {
border-color: #8FBC8F;
}
.bc-darkseagreen-20pct,
img[src~="bc-darkseagreen"] {
border-color: rgba(143, 188, 143, 0.2);
}
.bc-darkseagreen-40pct,
img[src~="bc-darkseagreen"] {
border-color: rgba(143, 188, 143, 0.4);
}
.bc-darkseagreen-60pct,
img[src~="bc-darkseagreen"] {
border-color: rgba(143, 188, 143, 0.6);
}
.bc-darkseagreen-80pct,
img[src~="bc-darkseagreen"] {
border-color: rgba(143, 188, 143, 0.8);
}
.color-darkslateblue,
img[src~="color-darkslateblue"] {
color: #483D8B;
}
.color-darkslateblue-20pct,
img[src~="color-darkslateblue"] {
color: rgba(72, 61, 139, 0.2);
}
.color-darkslateblue-40pct,
img[src~="color-darkslateblue"] {
color: rgba(72, 61, 139, 0.4);
}
.color-darkslateblue-60pct,
img[src~="color-darkslateblue"] {
color: rgba(72, 61, 139, 0.6);
}
.color-darkslateblue-80pct,
img[src~="color-darkslateblue"] {
color: rgba(72, 61, 139, 0.8);
}
.bg-darkslateblue,
img[src~="bg-darkslateblue"] {
background-color: #483D8B;
}
.bg-darkslateblue-20pct,
img[src~="bg-darkslateblue"] {
background-color: rgba(72, 61, 139, 0.2);
}
.bg-darkslateblue-40pct,
img[src~="bg-darkslateblue"] {
background-color: rgba(72, 61, 139, 0.4);
}
.bg-darkslateblue-60pct,
img[src~="bg-darkslateblue"] {
background-color: rgba(72, 61, 139, 0.6);
}
.bg-darkslateblue-80pct,
img[src~="bg-darkslateblue"] {
background-color: rgba(72, 61, 139, 0.8);
}
.bc-darkslateblue,
img[src~="bc-darkslateblue"] {
border-color: #483D8B;
}
.bc-darkslateblue-20pct,
img[src~="bc-darkslateblue"] {
border-color: rgba(72, 61, 139, 0.2);
}
.bc-darkslateblue-40pct,
img[src~="bc-darkslateblue"] {
border-color: rgba(72, 61, 139, 0.4);
}
.bc-darkslateblue-60pct,
img[src~="bc-darkslateblue"] {
border-color: rgba(72, 61, 139, 0.6);
}
.bc-darkslateblue-80pct,
img[src~="bc-darkslateblue"] {
border-color: rgba(72, 61, 139, 0.8);
}
.color-darkslategray,
img[src~="color-darkslategray"] {
color: #2F4F4F;
}
.color-darkslategray-20pct,
img[src~="color-darkslategray"] {
color: rgba(47, 79, 79, 0.2);
}
.color-darkslategray-40pct,
img[src~="color-darkslategray"] {
color: rgba(47, 79, 79, 0.4);
}
.color-darkslategray-60pct,
img[src~="color-darkslategray"] {
color: rgba(47, 79, 79, 0.6);
}
.color-darkslategray-80pct,
img[src~="color-darkslategray"] {
color: rgba(47, 79, 79, 0.8);
}
.bg-darkslategray,
img[src~="bg-darkslategray"] {
background-color: #2F4F4F;
}
.bg-darkslategray-20pct,
img[src~="bg-darkslategray"] {
background-color: rgba(47, 79, 79, 0.2);
}
.bg-darkslategray-40pct,
img[src~="bg-darkslategray"] {
background-color: rgba(47, 79, 79, 0.4);
}
.bg-darkslategray-60pct,
img[src~="bg-darkslategray"] {
background-color: rgba(47, 79, 79, 0.6);
}
.bg-darkslategray-80pct,
img[src~="bg-darkslategray"] {
background-color: rgba(47, 79, 79, 0.8);
}
.bc-darkslategray,
img[src~="bc-darkslategray"] {
border-color: #2F4F4F;
}
.bc-darkslategray-20pct,
img[src~="bc-darkslategray"] {
border-color: rgba(47, 79, 79, 0.2);
}
.bc-darkslategray-40pct,
img[src~="bc-darkslategray"] {
border-color: rgba(47, 79, 79, 0.4);
}
.bc-darkslategray-60pct,
img[src~="bc-darkslategray"] {
border-color: rgba(47, 79, 79, 0.6);
}
.bc-darkslategray-80pct,
img[src~="bc-darkslategray"] {
border-color: rgba(47, 79, 79, 0.8);
}
.color-darkslategrey,
img[src~="color-darkslategrey"] {
color: #2F4F4F;
}
.color-darkslategrey-20pct,
img[src~="color-darkslategrey"] {
color: rgba(47, 79, 79, 0.2);
}
.color-darkslategrey-40pct,
img[src~="color-darkslategrey"] {
color: rgba(47, 79, 79, 0.4);
}
.color-darkslategrey-60pct,
img[src~="color-darkslategrey"] {
color: rgba(47, 79, 79, 0.6);
}
.color-darkslategrey-80pct,
img[src~="color-darkslategrey"] {
color: rgba(47, 79, 79, 0.8);
}
.bg-darkslategrey,
img[src~="bg-darkslategrey"] {
background-color: #2F4F4F;
}
.bg-darkslategrey-20pct,
img[src~="bg-darkslategrey"] {
background-color: rgba(47, 79, 79, 0.2);
}
.bg-darkslategrey-40pct,
img[src~="bg-darkslategrey"] {
background-color: rgba(47, 79, 79, 0.4);
}
.bg-darkslategrey-60pct,
img[src~="bg-darkslategrey"] {
background-color: rgba(47, 79, 79, 0.6);
}
.bg-darkslategrey-80pct,
img[src~="bg-darkslategrey"] {
background-color: rgba(47, 79, 79, 0.8);
}
.bc-darkslategrey,
img[src~="bc-darkslategrey"] {
border-color: #2F4F4F;
}
.bc-darkslategrey-20pct,
img[src~="bc-darkslategrey"] {
border-color: rgba(47, 79, 79, 0.2);
}
.bc-darkslategrey-40pct,
img[src~="bc-darkslategrey"] {
border-color: rgba(47, 79, 79, 0.4);
}
.bc-darkslategrey-60pct,
img[src~="bc-darkslategrey"] {
border-color: rgba(47, 79, 79, 0.6);
}
.bc-darkslategrey-80pct,
img[src~="bc-darkslategrey"] {
border-color: rgba(47, 79, 79, 0.8);
}
.color-darkturquoise,
img[src~="color-darkturquoise"] {
color: #00CED1;
}
.color-darkturquoise-20pct,
img[src~="color-darkturquoise"] {
color: rgba(0, 206, 209, 0.2);
}
.color-darkturquoise-40pct,
img[src~="color-darkturquoise"] {
color: rgba(0, 206, 209, 0.4);
}
.color-darkturquoise-60pct,
img[src~="color-darkturquoise"] {
color: rgba(0, 206, 209, 0.6);
}
.color-darkturquoise-80pct,
img[src~="color-darkturquoise"] {
color: rgba(0, 206, 209, 0.8);
}
.bg-darkturquoise,
img[src~="bg-darkturquoise"] {
background-color: #00CED1;
}
.bg-darkturquoise-20pct,
img[src~="bg-darkturquoise"] {
background-color: rgba(0, 206, 209, 0.2);
}
.bg-darkturquoise-40pct,
img[src~="bg-darkturquoise"] {
background-color: rgba(0, 206, 209, 0.4);
}
.bg-darkturquoise-60pct,
img[src~="bg-darkturquoise"] {
background-color: rgba(0, 206, 209, 0.6);
}
.bg-darkturquoise-80pct,
img[src~="bg-darkturquoise"] {
background-color: rgba(0, 206, 209, 0.8);
}
.bc-darkturquoise,
img[src~="bc-darkturquoise"] {
border-color: #00CED1;
}
.bc-darkturquoise-20pct,
img[src~="bc-darkturquoise"] {
border-color: rgba(0, 206, 209, 0.2);
}
.bc-darkturquoise-40pct,
img[src~="bc-darkturquoise"] {
border-color: rgba(0, 206, 209, 0.4);
}
.bc-darkturquoise-60pct,
img[src~="bc-darkturquoise"] {
border-color: rgba(0, 206, 209, 0.6);
}
.bc-darkturquoise-80pct,
img[src~="bc-darkturquoise"] {
border-color: rgba(0, 206, 209, 0.8);
}
.color-darkviolet,
img[src~="color-darkviolet"] {
color: #9400D3;
}
.color-darkviolet-20pct,
img[src~="color-darkviolet"] {
color: rgba(148, 0, 211, 0.2);
}
.color-darkviolet-40pct,
img[src~="color-darkviolet"] {
color: rgba(148, 0, 211, 0.4);
}
.color-darkviolet-60pct,
img[src~="color-darkviolet"] {
color: rgba(148, 0, 211, 0.6);
}
.color-darkviolet-80pct,
img[src~="color-darkviolet"] {
color: rgba(148, 0, 211, 0.8);
}
.bg-darkviolet,
img[src~="bg-darkviolet"] {
background-color: #9400D3;
}
.bg-darkviolet-20pct,
img[src~="bg-darkviolet"] {
background-color: rgba(148, 0, 211, 0.2);
}
.bg-darkviolet-40pct,
img[src~="bg-darkviolet"] {
background-color: rgba(148, 0, 211, 0.4);
}
.bg-darkviolet-60pct,
img[src~="bg-darkviolet"] {
background-color: rgba(148, 0, 211, 0.6);
}
.bg-darkviolet-80pct,
img[src~="bg-darkviolet"] {
background-color: rgba(148, 0, 211, 0.8);
}
.bc-darkviolet,
img[src~="bc-darkviolet"] {
border-color: #9400D3;
}
.bc-darkviolet-20pct,
img[src~="bc-darkviolet"] {
border-color: rgba(148, 0, 211, 0.2);
}
.bc-darkviolet-40pct,
img[src~="bc-darkviolet"] {
border-color: rgba(148, 0, 211, 0.4);
}
.bc-darkviolet-60pct,
img[src~="bc-darkviolet"] {
border-color: rgba(148, 0, 211, 0.6);
}
.bc-darkviolet-80pct,
img[src~="bc-darkviolet"] {
border-color: rgba(148, 0, 211, 0.8);
}
.color-deeppink,
img[src~="color-deeppink"] {
color: #FF1493;
}
.color-deeppink-20pct,
img[src~="color-deeppink"] {
color: rgba(255, 20, 147, 0.2);
}
.color-deeppink-40pct,
img[src~="color-deeppink"] {
color: rgba(255, 20, 147, 0.4);
}
.color-deeppink-60pct,
img[src~="color-deeppink"] {
color: rgba(255, 20, 147, 0.6);
}
.color-deeppink-80pct,
img[src~="color-deeppink"] {
color: rgba(255, 20, 147, 0.8);
}
.bg-deeppink,
img[src~="bg-deeppink"] {
background-color: #FF1493;
}
.bg-deeppink-20pct,
img[src~="bg-deeppink"] {
background-color: rgba(255, 20, 147, 0.2);
}
.bg-deeppink-40pct,
img[src~="bg-deeppink"] {
background-color: rgba(255, 20, 147, 0.4);
}
.bg-deeppink-60pct,
img[src~="bg-deeppink"] {
background-color: rgba(255, 20, 147, 0.6);
}
.bg-deeppink-80pct,
img[src~="bg-deeppink"] {
background-color: rgba(255, 20, 147, 0.8);
}
.bc-deeppink,
img[src~="bc-deeppink"] {
border-color: #FF1493;
}
.bc-deeppink-20pct,
img[src~="bc-deeppink"] {
border-color: rgba(255, 20, 147, 0.2);
}
.bc-deeppink-40pct,
img[src~="bc-deeppink"] {
border-color: rgba(255, 20, 147, 0.4);
}
.bc-deeppink-60pct,
img[src~="bc-deeppink"] {
border-color: rgba(255, 20, 147, 0.6);
}
.bc-deeppink-80pct,
img[src~="bc-deeppink"] {
border-color: rgba(255, 20, 147, 0.8);
}
.color-deepskyblue,
img[src~="color-deepskyblue"] {
color: #00BFFF;
}
.color-deepskyblue-20pct,
img[src~="color-deepskyblue"] {
color: rgba(0, 191, 255, 0.2);
}
.color-deepskyblue-40pct,
img[src~="color-deepskyblue"] {
color: rgba(0, 191, 255, 0.4);
}
.color-deepskyblue-60pct,
img[src~="color-deepskyblue"] {
color: rgba(0, 191, 255, 0.6);
}
.color-deepskyblue-80pct,
img[src~="color-deepskyblue"] {
color: rgba(0, 191, 255, 0.8);
}
.bg-deepskyblue,
img[src~="bg-deepskyblue"] {
background-color: #00BFFF;
}
.bg-deepskyblue-20pct,
img[src~="bg-deepskyblue"] {
background-color: rgba(0, 191, 255, 0.2);
}
.bg-deepskyblue-40pct,
img[src~="bg-deepskyblue"] {
background-color: rgba(0, 191, 255, 0.4);
}
.bg-deepskyblue-60pct,
img[src~="bg-deepskyblue"] {
background-color: rgba(0, 191, 255, 0.6);
}
.bg-deepskyblue-80pct,
img[src~="bg-deepskyblue"] {
background-color: rgba(0, 191, 255, 0.8);
}
.bc-deepskyblue,
img[src~="bc-deepskyblue"] {
border-color: #00BFFF;
}
.bc-deepskyblue-20pct,
img[src~="bc-deepskyblue"] {
border-color: rgba(0, 191, 255, 0.2);
}
.bc-deepskyblue-40pct,
img[src~="bc-deepskyblue"] {
border-color: rgba(0, 191, 255, 0.4);
}
.bc-deepskyblue-60pct,
img[src~="bc-deepskyblue"] {
border-color: rgba(0, 191, 255, 0.6);
}
.bc-deepskyblue-80pct,
img[src~="bc-deepskyblue"] {
border-color: rgba(0, 191, 255, 0.8);
}
.color-dimgray,
img[src~="color-dimgray"] {
color: #696969;
}
.color-dimgray-20pct,
img[src~="color-dimgray"] {
color: rgba(105, 105, 105, 0.2);
}
.color-dimgray-40pct,
img[src~="color-dimgray"] {
color: rgba(105, 105, 105, 0.4);
}
.color-dimgray-60pct,
img[src~="color-dimgray"] {
color: rgba(105, 105, 105, 0.6);
}
.color-dimgray-80pct,
img[src~="color-dimgray"] {
color: rgba(105, 105, 105, 0.8);
}
.bg-dimgray,
img[src~="bg-dimgray"] {
background-color: #696969;
}
.bg-dimgray-20pct,
img[src~="bg-dimgray"] {
background-color: rgba(105, 105, 105, 0.2);
}
.bg-dimgray-40pct,
img[src~="bg-dimgray"] {
background-color: rgba(105, 105, 105, 0.4);
}
.bg-dimgray-60pct,
img[src~="bg-dimgray"] {
background-color: rgba(105, 105, 105, 0.6);
}
.bg-dimgray-80pct,
img[src~="bg-dimgray"] {
background-color: rgba(105, 105, 105, 0.8);
}
.bc-dimgray,
img[src~="bc-dimgray"] {
border-color: #696969;
}
.bc-dimgray-20pct,
img[src~="bc-dimgray"] {
border-color: rgba(105, 105, 105, 0.2);
}
.bc-dimgray-40pct,
img[src~="bc-dimgray"] {
border-color: rgba(105, 105, 105, 0.4);
}
.bc-dimgray-60pct,
img[src~="bc-dimgray"] {
border-color: rgba(105, 105, 105, 0.6);
}
.bc-dimgray-80pct,
img[src~="bc-dimgray"] {
border-color: rgba(105, 105, 105, 0.8);
}
.color-dimgrey,
img[src~="color-dimgrey"] {
color: #696969;
}
.color-dimgrey-20pct,
img[src~="color-dimgrey"] {
color: rgba(105, 105, 105, 0.2);
}
.color-dimgrey-40pct,
img[src~="color-dimgrey"] {
color: rgba(105, 105, 105, 0.4);
}
.color-dimgrey-60pct,
img[src~="color-dimgrey"] {
color: rgba(105, 105, 105, 0.6);
}
.color-dimgrey-80pct,
img[src~="color-dimgrey"] {
color: rgba(105, 105, 105, 0.8);
}
.bg-dimgrey,
img[src~="bg-dimgrey"] {
background-color: #696969;
}
.bg-dimgrey-20pct,
img[src~="bg-dimgrey"] {
background-color: rgba(105, 105, 105, 0.2);
}
.bg-dimgrey-40pct,
img[src~="bg-dimgrey"] {
background-color: rgba(105, 105, 105, 0.4);
}
.bg-dimgrey-60pct,
img[src~="bg-dimgrey"] {
background-color: rgba(105, 105, 105, 0.6);
}
.bg-dimgrey-80pct,
img[src~="bg-dimgrey"] {
background-color: rgba(105, 105, 105, 0.8);
}
.bc-dimgrey,
img[src~="bc-dimgrey"] {
border-color: #696969;
}
.bc-dimgrey-20pct,
img[src~="bc-dimgrey"] {
border-color: rgba(105, 105, 105, 0.2);
}
.bc-dimgrey-40pct,
img[src~="bc-dimgrey"] {
border-color: rgba(105, 105, 105, 0.4);
}
.bc-dimgrey-60pct,
img[src~="bc-dimgrey"] {
border-color: rgba(105, 105, 105, 0.6);
}
.bc-dimgrey-80pct,
img[src~="bc-dimgrey"] {
border-color: rgba(105, 105, 105, 0.8);
}
.color-dodgerblue,
img[src~="color-dodgerblue"] {
color: #1E90FF;
}
.color-dodgerblue-20pct,
img[src~="color-dodgerblue"] {
color: rgba(30, 144, 255, 0.2);
}
.color-dodgerblue-40pct,
img[src~="color-dodgerblue"] {
color: rgba(30, 144, 255, 0.4);
}
.color-dodgerblue-60pct,
img[src~="color-dodgerblue"] {
color: rgba(30, 144, 255, 0.6);
}
.color-dodgerblue-80pct,
img[src~="color-dodgerblue"] {
color: rgba(30, 144, 255, 0.8);
}
.bg-dodgerblue,
img[src~="bg-dodgerblue"] {
background-color: #1E90FF;
}
.bg-dodgerblue-20pct,
img[src~="bg-dodgerblue"] {
background-color: rgba(30, 144, 255, 0.2);
}
.bg-dodgerblue-40pct,
img[src~="bg-dodgerblue"] {
background-color: rgba(30, 144, 255, 0.4);
}
.bg-dodgerblue-60pct,
img[src~="bg-dodgerblue"] {
background-color: rgba(30, 144, 255, 0.6);
}
.bg-dodgerblue-80pct,
img[src~="bg-dodgerblue"] {
background-color: rgba(30, 144, 255, 0.8);
}
.bc-dodgerblue,
img[src~="bc-dodgerblue"] {
border-color: #1E90FF;
}
.bc-dodgerblue-20pct,
img[src~="bc-dodgerblue"] {
border-color: rgba(30, 144, 255, 0.2);
}
.bc-dodgerblue-40pct,
img[src~="bc-dodgerblue"] {
border-color: rgba(30, 144, 255, 0.4);
}
.bc-dodgerblue-60pct,
img[src~="bc-dodgerblue"] {
border-color: rgba(30, 144, 255, 0.6);
}
.bc-dodgerblue-80pct,
img[src~="bc-dodgerblue"] {
border-color: rgba(30, 144, 255, 0.8);
}
.color-firebrick,
img[src~="color-firebrick"] {
color: #B22222;
}
.color-firebrick-20pct,
img[src~="color-firebrick"] {
color: rgba(178, 34, 34, 0.2);
}
.color-firebrick-40pct,
img[src~="color-firebrick"] {
color: rgba(178, 34, 34, 0.4);
}
.color-firebrick-60pct,
img[src~="color-firebrick"] {
color: rgba(178, 34, 34, 0.6);
}
.color-firebrick-80pct,
img[src~="color-firebrick"] {
color: rgba(178, 34, 34, 0.8);
}
.bg-firebrick,
img[src~="bg-firebrick"] {
background-color: #B22222;
}
.bg-firebrick-20pct,
img[src~="bg-firebrick"] {
background-color: rgba(178, 34, 34, 0.2);
}
.bg-firebrick-40pct,
img[src~="bg-firebrick"] {
background-color: rgba(178, 34, 34, 0.4);
}
.bg-firebrick-60pct,
img[src~="bg-firebrick"] {
background-color: rgba(178, 34, 34, 0.6);
}
.bg-firebrick-80pct,
img[src~="bg-firebrick"] {
background-color: rgba(178, 34, 34, 0.8);
}
.bc-firebrick,
img[src~="bc-firebrick"] {
border-color: #B22222;
}
.bc-firebrick-20pct,
img[src~="bc-firebrick"] {
border-color: rgba(178, 34, 34, 0.2);
}
.bc-firebrick-40pct,
img[src~="bc-firebrick"] {
border-color: rgba(178, 34, 34, 0.4);
}
.bc-firebrick-60pct,
img[src~="bc-firebrick"] {
border-color: rgba(178, 34, 34, 0.6);
}
.bc-firebrick-80pct,
img[src~="bc-firebrick"] {
border-color: rgba(178, 34, 34, 0.8);
}
.color-floralwhite,
img[src~="color-floralwhite"] {
color: #FFFAF0;
}
.color-floralwhite-20pct,
img[src~="color-floralwhite"] {
color: rgba(255, 250, 240, 0.2);
}
.color-floralwhite-40pct,
img[src~="color-floralwhite"] {
color: rgba(255, 250, 240, 0.4);
}
.color-floralwhite-60pct,
img[src~="color-floralwhite"] {
color: rgba(255, 250, 240, 0.6);
}
.color-floralwhite-80pct,
img[src~="color-floralwhite"] {
color: rgba(255, 250, 240, 0.8);
}
.bg-floralwhite,
img[src~="bg-floralwhite"] {
background-color: #FFFAF0;
}
.bg-floralwhite-20pct,
img[src~="bg-floralwhite"] {
background-color: rgba(255, 250, 240, 0.2);
}
.bg-floralwhite-40pct,
img[src~="bg-floralwhite"] {
background-color: rgba(255, 250, 240, 0.4);
}
.bg-floralwhite-60pct,
img[src~="bg-floralwhite"] {
background-color: rgba(255, 250, 240, 0.6);
}
.bg-floralwhite-80pct,
img[src~="bg-floralwhite"] {
background-color: rgba(255, 250, 240, 0.8);
}
.bc-floralwhite,
img[src~="bc-floralwhite"] {
border-color: #FFFAF0;
}
.bc-floralwhite-20pct,
img[src~="bc-floralwhite"] {
border-color: rgba(255, 250, 240, 0.2);
}
.bc-floralwhite-40pct,
img[src~="bc-floralwhite"] {
border-color: rgba(255, 250, 240, 0.4);
}
.bc-floralwhite-60pct,
img[src~="bc-floralwhite"] {
border-color: rgba(255, 250, 240, 0.6);
}
.bc-floralwhite-80pct,
img[src~="bc-floralwhite"] {
border-color: rgba(255, 250, 240, 0.8);
}
.color-forestgreen,
img[src~="color-forestgreen"] {
color: #228B22;
}
.color-forestgreen-20pct,
img[src~="color-forestgreen"] {
color: rgba(34, 139, 34, 0.2);
}
.color-forestgreen-40pct,
img[src~="color-forestgreen"] {
color: rgba(34, 139, 34, 0.4);
}
.color-forestgreen-60pct,
img[src~="color-forestgreen"] {
color: rgba(34, 139, 34, 0.6);
}
.color-forestgreen-80pct,
img[src~="color-forestgreen"] {
color: rgba(34, 139, 34, 0.8);
}
.bg-forestgreen,
img[src~="bg-forestgreen"] {
background-color: #228B22;
}
.bg-forestgreen-20pct,
img[src~="bg-forestgreen"] {
background-color: rgba(34, 139, 34, 0.2);
}
.bg-forestgreen-40pct,
img[src~="bg-forestgreen"] {
background-color: rgba(34, 139, 34, 0.4);
}
.bg-forestgreen-60pct,
img[src~="bg-forestgreen"] {
background-color: rgba(34, 139, 34, 0.6);
}
.bg-forestgreen-80pct,
img[src~="bg-forestgreen"] {
background-color: rgba(34, 139, 34, 0.8);
}
.bc-forestgreen,
img[src~="bc-forestgreen"] {
border-color: #228B22;
}
.bc-forestgreen-20pct,
img[src~="bc-forestgreen"] {
border-color: rgba(34, 139, 34, 0.2);
}
.bc-forestgreen-40pct,
img[src~="bc-forestgreen"] {
border-color: rgba(34, 139, 34, 0.4);
}
.bc-forestgreen-60pct,
img[src~="bc-forestgreen"] {
border-color: rgba(34, 139, 34, 0.6);
}
.bc-forestgreen-80pct,
img[src~="bc-forestgreen"] {
border-color: rgba(34, 139, 34, 0.8);
}
.color-fuchsia,
img[src~="color-fuchsia"] {
color: #FF00FF;
}
.color-fuchsia-20pct,
img[src~="color-fuchsia"] {
color: rgba(255, 0, 255, 0.2);
}
.color-fuchsia-40pct,
img[src~="color-fuchsia"] {
color: rgba(255, 0, 255, 0.4);
}
.color-fuchsia-60pct,
img[src~="color-fuchsia"] {
color: rgba(255, 0, 255, 0.6);
}
.color-fuchsia-80pct,
img[src~="color-fuchsia"] {
color: rgba(255, 0, 255, 0.8);
}
.bg-fuchsia,
img[src~="bg-fuchsia"] {
background-color: #FF00FF;
}
.bg-fuchsia-20pct,
img[src~="bg-fuchsia"] {
background-color: rgba(255, 0, 255, 0.2);
}
.bg-fuchsia-40pct,
img[src~="bg-fuchsia"] {
background-color: rgba(255, 0, 255, 0.4);
}
.bg-fuchsia-60pct,
img[src~="bg-fuchsia"] {
background-color: rgba(255, 0, 255, 0.6);
}
.bg-fuchsia-80pct,
img[src~="bg-fuchsia"] {
background-color: rgba(255, 0, 255, 0.8);
}
.bc-fuchsia,
img[src~="bc-fuchsia"] {
border-color: #FF00FF;
}
.bc-fuchsia-20pct,
img[src~="bc-fuchsia"] {
border-color: rgba(255, 0, 255, 0.2);
}
.bc-fuchsia-40pct,
img[src~="bc-fuchsia"] {
border-color: rgba(255, 0, 255, 0.4);
}
.bc-fuchsia-60pct,
img[src~="bc-fuchsia"] {
border-color: rgba(255, 0, 255, 0.6);
}
.bc-fuchsia-80pct,
img[src~="bc-fuchsia"] {
border-color: rgba(255, 0, 255, 0.8);
}
.color-gainsboro,
img[src~="color-gainsboro"] {
color: #DCDCDC;
}
.color-gainsboro-20pct,
img[src~="color-gainsboro"] {
color: rgba(220, 220, 220, 0.2);
}
.color-gainsboro-40pct,
img[src~="color-gainsboro"] {
color: rgba(220, 220, 220, 0.4);
}
.color-gainsboro-60pct,
img[src~="color-gainsboro"] {
color: rgba(220, 220, 220, 0.6);
}
.color-gainsboro-80pct,
img[src~="color-gainsboro"] {
color: rgba(220, 220, 220, 0.8);
}
.bg-gainsboro,
img[src~="bg-gainsboro"] {
background-color: #DCDCDC;
}
.bg-gainsboro-20pct,
img[src~="bg-gainsboro"] {
background-color: rgba(220, 220, 220, 0.2);
}
.bg-gainsboro-40pct,
img[src~="bg-gainsboro"] {
background-color: rgba(220, 220, 220, 0.4);
}
.bg-gainsboro-60pct,
img[src~="bg-gainsboro"] {
background-color: rgba(220, 220, 220, 0.6);
}
.bg-gainsboro-80pct,
img[src~="bg-gainsboro"] {
background-color: rgba(220, 220, 220, 0.8);
}
.bc-gainsboro,
img[src~="bc-gainsboro"] {
border-color: #DCDCDC;
}
.bc-gainsboro-20pct,
img[src~="bc-gainsboro"] {
border-color: rgba(220, 220, 220, 0.2);
}
.bc-gainsboro-40pct,
img[src~="bc-gainsboro"] {
border-color: rgba(220, 220, 220, 0.4);
}
.bc-gainsboro-60pct,
img[src~="bc-gainsboro"] {
border-color: rgba(220, 220, 220, 0.6);
}
.bc-gainsboro-80pct,
img[src~="bc-gainsboro"] {
border-color: rgba(220, 220, 220, 0.8);
}
.color-ghostwhite,
img[src~="color-ghostwhite"] {
color: #F8F8FF;
}
.color-ghostwhite-20pct,
img[src~="color-ghostwhite"] {
color: rgba(248, 248, 255, 0.2);
}
.color-ghostwhite-40pct,
img[src~="color-ghostwhite"] {
color: rgba(248, 248, 255, 0.4);
}
.color-ghostwhite-60pct,
img[src~="color-ghostwhite"] {
color: rgba(248, 248, 255, 0.6);
}
.color-ghostwhite-80pct,
img[src~="color-ghostwhite"] {
color: rgba(248, 248, 255, 0.8);
}
.bg-ghostwhite,
img[src~="bg-ghostwhite"] {
background-color: #F8F8FF;
}
.bg-ghostwhite-20pct,
img[src~="bg-ghostwhite"] {
background-color: rgba(248, 248, 255, 0.2);
}
.bg-ghostwhite-40pct,
img[src~="bg-ghostwhite"] {
background-color: rgba(248, 248, 255, 0.4);
}
.bg-ghostwhite-60pct,
img[src~="bg-ghostwhite"] {
background-color: rgba(248, 248, 255, 0.6);
}
.bg-ghostwhite-80pct,
img[src~="bg-ghostwhite"] {
background-color: rgba(248, 248, 255, 0.8);
}
.bc-ghostwhite,
img[src~="bc-ghostwhite"] {
border-color: #F8F8FF;
}
.bc-ghostwhite-20pct,
img[src~="bc-ghostwhite"] {
border-color: rgba(248, 248, 255, 0.2);
}
.bc-ghostwhite-40pct,
img[src~="bc-ghostwhite"] {
border-color: rgba(248, 248, 255, 0.4);
}
.bc-ghostwhite-60pct,
img[src~="bc-ghostwhite"] {
border-color: rgba(248, 248, 255, 0.6);
}
.bc-ghostwhite-80pct,
img[src~="bc-ghostwhite"] {
border-color: rgba(248, 248, 255, 0.8);
}
.color-gold,
img[src~="color-gold"] {
color: #FFD700;
}
.color-gold-20pct,
img[src~="color-gold"] {
color: rgba(255, 215, 0, 0.2);
}
.color-gold-40pct,
img[src~="color-gold"] {
color: rgba(255, 215, 0, 0.4);
}
.color-gold-60pct,
img[src~="color-gold"] {
color: rgba(255, 215, 0, 0.6);
}
.color-gold-80pct,
img[src~="color-gold"] {
color: rgba(255, 215, 0, 0.8);
}
.bg-gold,
img[src~="bg-gold"] {
background-color: #FFD700;
}
.bg-gold-20pct,
img[src~="bg-gold"] {
background-color: rgba(255, 215, 0, 0.2);
}
.bg-gold-40pct,
img[src~="bg-gold"] {
background-color: rgba(255, 215, 0, 0.4);
}
.bg-gold-60pct,
img[src~="bg-gold"] {
background-color: rgba(255, 215, 0, 0.6);
}
.bg-gold-80pct,
img[src~="bg-gold"] {
background-color: rgba(255, 215, 0, 0.8);
}
.bc-gold,
img[src~="bc-gold"] {
border-color: #FFD700;
}
.bc-gold-20pct,
img[src~="bc-gold"] {
border-color: rgba(255, 215, 0, 0.2);
}
.bc-gold-40pct,
img[src~="bc-gold"] {
border-color: rgba(255, 215, 0, 0.4);
}
.bc-gold-60pct,
img[src~="bc-gold"] {
border-color: rgba(255, 215, 0, 0.6);
}
.bc-gold-80pct,
img[src~="bc-gold"] {
border-color: rgba(255, 215, 0, 0.8);
}
.color-goldenrod,
img[src~="color-goldenrod"] {
color: #DAA520;
}
.color-goldenrod-20pct,
img[src~="color-goldenrod"] {
color: rgba(218, 165, 32, 0.2);
}
.color-goldenrod-40pct,
img[src~="color-goldenrod"] {
color: rgba(218, 165, 32, 0.4);
}
.color-goldenrod-60pct,
img[src~="color-goldenrod"] {
color: rgba(218, 165, 32, 0.6);
}
.color-goldenrod-80pct,
img[src~="color-goldenrod"] {
color: rgba(218, 165, 32, 0.8);
}
.bg-goldenrod,
img[src~="bg-goldenrod"] {
background-color: #DAA520;
}
.bg-goldenrod-20pct,
img[src~="bg-goldenrod"] {
background-color: rgba(218, 165, 32, 0.2);
}
.bg-goldenrod-40pct,
img[src~="bg-goldenrod"] {
background-color: rgba(218, 165, 32, 0.4);
}
.bg-goldenrod-60pct,
img[src~="bg-goldenrod"] {
background-color: rgba(218, 165, 32, 0.6);
}
.bg-goldenrod-80pct,
img[src~="bg-goldenrod"] {
background-color: rgba(218, 165, 32, 0.8);
}
.bc-goldenrod,
img[src~="bc-goldenrod"] {
border-color: #DAA520;
}
.bc-goldenrod-20pct,
img[src~="bc-goldenrod"] {
border-color: rgba(218, 165, 32, 0.2);
}
.bc-goldenrod-40pct,
img[src~="bc-goldenrod"] {
border-color: rgba(218, 165, 32, 0.4);
}
.bc-goldenrod-60pct,
img[src~="bc-goldenrod"] {
border-color: rgba(218, 165, 32, 0.6);
}
.bc-goldenrod-80pct,
img[src~="bc-goldenrod"] {
border-color: rgba(218, 165, 32, 0.8);
}
.color-gray,
img[src~="color-gray"] {
color: #808080;
}
.color-gray-20pct,
img[src~="color-gray"] {
color: rgba(128, 128, 128, 0.2);
}
.color-gray-40pct,
img[src~="color-gray"] {
color: rgba(128, 128, 128, 0.4);
}
.color-gray-60pct,
img[src~="color-gray"] {
color: rgba(128, 128, 128, 0.6);
}
.color-gray-80pct,
img[src~="color-gray"] {
color: rgba(128, 128, 128, 0.8);
}
.bg-gray,
img[src~="bg-gray"] {
background-color: #808080;
}
.bg-gray-20pct,
img[src~="bg-gray"] {
background-color: rgba(128, 128, 128, 0.2);
}
.bg-gray-40pct,
img[src~="bg-gray"] {
background-color: rgba(128, 128, 128, 0.4);
}
.bg-gray-60pct,
img[src~="bg-gray"] {
background-color: rgba(128, 128, 128, 0.6);
}
.bg-gray-80pct,
img[src~="bg-gray"] {
background-color: rgba(128, 128, 128, 0.8);
}
.bc-gray,
img[src~="bc-gray"] {
border-color: #808080;
}
.bc-gray-20pct,
img[src~="bc-gray"] {
border-color: rgba(128, 128, 128, 0.2);
}
.bc-gray-40pct,
img[src~="bc-gray"] {
border-color: rgba(128, 128, 128, 0.4);
}
.bc-gray-60pct,
img[src~="bc-gray"] {
border-color: rgba(128, 128, 128, 0.6);
}
.bc-gray-80pct,
img[src~="bc-gray"] {
border-color: rgba(128, 128, 128, 0.8);
}
.color-green,
img[src~="color-green"] {
color: #008000;
}
.color-green-20pct,
img[src~="color-green"] {
color: rgba(0, 128, 0, 0.2);
}
.color-green-40pct,
img[src~="color-green"] {
color: rgba(0, 128, 0, 0.4);
}
.color-green-60pct,
img[src~="color-green"] {
color: rgba(0, 128, 0, 0.6);
}
.color-green-80pct,
img[src~="color-green"] {
color: rgba(0, 128, 0, 0.8);
}
.bg-green,
img[src~="bg-green"] {
background-color: #008000;
}
.bg-green-20pct,
img[src~="bg-green"] {
background-color: rgba(0, 128, 0, 0.2);
}
.bg-green-40pct,
img[src~="bg-green"] {
background-color: rgba(0, 128, 0, 0.4);
}
.bg-green-60pct,
img[src~="bg-green"] {
background-color: rgba(0, 128, 0, 0.6);
}
.bg-green-80pct,
img[src~="bg-green"] {
background-color: rgba(0, 128, 0, 0.8);
}
.bc-green,
img[src~="bc-green"] {
border-color: #008000;
}
.bc-green-20pct,
img[src~="bc-green"] {
border-color: rgba(0, 128, 0, 0.2);
}
.bc-green-40pct,
img[src~="bc-green"] {
border-color: rgba(0, 128, 0, 0.4);
}
.bc-green-60pct,
img[src~="bc-green"] {
border-color: rgba(0, 128, 0, 0.6);
}
.bc-green-80pct,
img[src~="bc-green"] {
border-color: rgba(0, 128, 0, 0.8);
}
.color-greenyellow,
img[src~="color-greenyellow"] {
color: #ADFF2F;
}
.color-greenyellow-20pct,
img[src~="color-greenyellow"] {
color: rgba(173, 255, 47, 0.2);
}
.color-greenyellow-40pct,
img[src~="color-greenyellow"] {
color: rgba(173, 255, 47, 0.4);
}
.color-greenyellow-60pct,
img[src~="color-greenyellow"] {
color: rgba(173, 255, 47, 0.6);
}
.color-greenyellow-80pct,
img[src~="color-greenyellow"] {
color: rgba(173, 255, 47, 0.8);
}
.bg-greenyellow,
img[src~="bg-greenyellow"] {
background-color: #ADFF2F;
}
.bg-greenyellow-20pct,
img[src~="bg-greenyellow"] {
background-color: rgba(173, 255, 47, 0.2);
}
.bg-greenyellow-40pct,
img[src~="bg-greenyellow"] {
background-color: rgba(173, 255, 47, 0.4);
}
.bg-greenyellow-60pct,
img[src~="bg-greenyellow"] {
background-color: rgba(173, 255, 47, 0.6);
}
.bg-greenyellow-80pct,
img[src~="bg-greenyellow"] {
background-color: rgba(173, 255, 47, 0.8);
}
.bc-greenyellow,
img[src~="bc-greenyellow"] {
border-color: #ADFF2F;
}
.bc-greenyellow-20pct,
img[src~="bc-greenyellow"] {
border-color: rgba(173, 255, 47, 0.2);
}
.bc-greenyellow-40pct,
img[src~="bc-greenyellow"] {
border-color: rgba(173, 255, 47, 0.4);
}
.bc-greenyellow-60pct,
img[src~="bc-greenyellow"] {
border-color: rgba(173, 255, 47, 0.6);
}
.bc-greenyellow-80pct,
img[src~="bc-greenyellow"] {
border-color: rgba(173, 255, 47, 0.8);
}
.color-grey,
img[src~="color-grey"] {
color: #808080;
}
.color-grey-20pct,
img[src~="color-grey"] {
color: rgba(128, 128, 128, 0.2);
}
.color-grey-40pct,
img[src~="color-grey"] {
color: rgba(128, 128, 128, 0.4);
}
.color-grey-60pct,
img[src~="color-grey"] {
color: rgba(128, 128, 128, 0.6);
}
.color-grey-80pct,
img[src~="color-grey"] {
color: rgba(128, 128, 128, 0.8);
}
.bg-grey,
img[src~="bg-grey"] {
background-color: #808080;
}
.bg-grey-20pct,
img[src~="bg-grey"] {
background-color: rgba(128, 128, 128, 0.2);
}
.bg-grey-40pct,
img[src~="bg-grey"] {
background-color: rgba(128, 128, 128, 0.4);
}
.bg-grey-60pct,
img[src~="bg-grey"] {
background-color: rgba(128, 128, 128, 0.6);
}
.bg-grey-80pct,
img[src~="bg-grey"] {
background-color: rgba(128, 128, 128, 0.8);
}
.bc-grey,
img[src~="bc-grey"] {
border-color: #808080;
}
.bc-grey-20pct,
img[src~="bc-grey"] {
border-color: rgba(128, 128, 128, 0.2);
}
.bc-grey-40pct,
img[src~="bc-grey"] {
border-color: rgba(128, 128, 128, 0.4);
}
.bc-grey-60pct,
img[src~="bc-grey"] {
border-color: rgba(128, 128, 128, 0.6);
}
.bc-grey-80pct,
img[src~="bc-grey"] {
border-color: rgba(128, 128, 128, 0.8);
}
.color-honeydew,
img[src~="color-honeydew"] {
color: #F0FFF0;
}
.color-honeydew-20pct,
img[src~="color-honeydew"] {
color: rgba(240, 255, 240, 0.2);
}
.color-honeydew-40pct,
img[src~="color-honeydew"] {
color: rgba(240, 255, 240, 0.4);
}
.color-honeydew-60pct,
img[src~="color-honeydew"] {
color: rgba(240, 255, 240, 0.6);
}
.color-honeydew-80pct,
img[src~="color-honeydew"] {
color: rgba(240, 255, 240, 0.8);
}
.bg-honeydew,
img[src~="bg-honeydew"] {
background-color: #F0FFF0;
}
.bg-honeydew-20pct,
img[src~="bg-honeydew"] {
background-color: rgba(240, 255, 240, 0.2);
}
.bg-honeydew-40pct,
img[src~="bg-honeydew"] {
background-color: rgba(240, 255, 240, 0.4);
}
.bg-honeydew-60pct,
img[src~="bg-honeydew"] {
background-color: rgba(240, 255, 240, 0.6);
}
.bg-honeydew-80pct,
img[src~="bg-honeydew"] {
background-color: rgba(240, 255, 240, 0.8);
}
.bc-honeydew,
img[src~="bc-honeydew"] {
border-color: #F0FFF0;
}
.bc-honeydew-20pct,
img[src~="bc-honeydew"] {
border-color: rgba(240, 255, 240, 0.2);
}
.bc-honeydew-40pct,
img[src~="bc-honeydew"] {
border-color: rgba(240, 255, 240, 0.4);
}
.bc-honeydew-60pct,
img[src~="bc-honeydew"] {
border-color: rgba(240, 255, 240, 0.6);
}
.bc-honeydew-80pct,
img[src~="bc-honeydew"] {
border-color: rgba(240, 255, 240, 0.8);
}
.color-hotpink,
img[src~="color-hotpink"] {
color: #FF69B4;
}
.color-hotpink-20pct,
img[src~="color-hotpink"] {
color: rgba(255, 105, 180, 0.2);
}
.color-hotpink-40pct,
img[src~="color-hotpink"] {
color: rgba(255, 105, 180, 0.4);
}
.color-hotpink-60pct,
img[src~="color-hotpink"] {
color: rgba(255, 105, 180, 0.6);
}
.color-hotpink-80pct,
img[src~="color-hotpink"] {
color: rgba(255, 105, 180, 0.8);
}
.bg-hotpink,
img[src~="bg-hotpink"] {
background-color: #FF69B4;
}
.bg-hotpink-20pct,
img[src~="bg-hotpink"] {
background-color: rgba(255, 105, 180, 0.2);
}
.bg-hotpink-40pct,
img[src~="bg-hotpink"] {
background-color: rgba(255, 105, 180, 0.4);
}
.bg-hotpink-60pct,
img[src~="bg-hotpink"] {
background-color: rgba(255, 105, 180, 0.6);
}
.bg-hotpink-80pct,
img[src~="bg-hotpink"] {
background-color: rgba(255, 105, 180, 0.8);
}
.bc-hotpink,
img[src~="bc-hotpink"] {
border-color: #FF69B4;
}
.bc-hotpink-20pct,
img[src~="bc-hotpink"] {
border-color: rgba(255, 105, 180, 0.2);
}
.bc-hotpink-40pct,
img[src~="bc-hotpink"] {
border-color: rgba(255, 105, 180, 0.4);
}
.bc-hotpink-60pct,
img[src~="bc-hotpink"] {
border-color: rgba(255, 105, 180, 0.6);
}
.bc-hotpink-80pct,
img[src~="bc-hotpink"] {
border-color: rgba(255, 105, 180, 0.8);
}
.color-indianred,
img[src~="color-indianred"] {
color: #CD5C5C;
}
.color-indianred-20pct,
img[src~="color-indianred"] {
color: rgba(205, 92, 92, 0.2);
}
.color-indianred-40pct,
img[src~="color-indianred"] {
color: rgba(205, 92, 92, 0.4);
}
.color-indianred-60pct,
img[src~="color-indianred"] {
color: rgba(205, 92, 92, 0.6);
}
.color-indianred-80pct,
img[src~="color-indianred"] {
color: rgba(205, 92, 92, 0.8);
}
.bg-indianred,
img[src~="bg-indianred"] {
background-color: #CD5C5C;
}
.bg-indianred-20pct,
img[src~="bg-indianred"] {
background-color: rgba(205, 92, 92, 0.2);
}
.bg-indianred-40pct,
img[src~="bg-indianred"] {
background-color: rgba(205, 92, 92, 0.4);
}
.bg-indianred-60pct,
img[src~="bg-indianred"] {
background-color: rgba(205, 92, 92, 0.6);
}
.bg-indianred-80pct,
img[src~="bg-indianred"] {
background-color: rgba(205, 92, 92, 0.8);
}
.bc-indianred,
img[src~="bc-indianred"] {
border-color: #CD5C5C;
}
.bc-indianred-20pct,
img[src~="bc-indianred"] {
border-color: rgba(205, 92, 92, 0.2);
}
.bc-indianred-40pct,
img[src~="bc-indianred"] {
border-color: rgba(205, 92, 92, 0.4);
}
.bc-indianred-60pct,
img[src~="bc-indianred"] {
border-color: rgba(205, 92, 92, 0.6);
}
.bc-indianred-80pct,
img[src~="bc-indianred"] {
border-color: rgba(205, 92, 92, 0.8);
}
.color-indigo,
img[src~="color-indigo"] {
color: #4B0082;
}
.color-indigo-20pct,
img[src~="color-indigo"] {
color: rgba(75, 0, 130, 0.2);
}
.color-indigo-40pct,
img[src~="color-indigo"] {
color: rgba(75, 0, 130, 0.4);
}
.color-indigo-60pct,
img[src~="color-indigo"] {
color: rgba(75, 0, 130, 0.6);
}
.color-indigo-80pct,
img[src~="color-indigo"] {
color: rgba(75, 0, 130, 0.8);
}
.bg-indigo,
img[src~="bg-indigo"] {
background-color: #4B0082;
}
.bg-indigo-20pct,
img[src~="bg-indigo"] {
background-color: rgba(75, 0, 130, 0.2);
}
.bg-indigo-40pct,
img[src~="bg-indigo"] {
background-color: rgba(75, 0, 130, 0.4);
}
.bg-indigo-60pct,
img[src~="bg-indigo"] {
background-color: rgba(75, 0, 130, 0.6);
}
.bg-indigo-80pct,
img[src~="bg-indigo"] {
background-color: rgba(75, 0, 130, 0.8);
}
.bc-indigo,
img[src~="bc-indigo"] {
border-color: #4B0082;
}
.bc-indigo-20pct,
img[src~="bc-indigo"] {
border-color: rgba(75, 0, 130, 0.2);
}
.bc-indigo-40pct,
img[src~="bc-indigo"] {
border-color: rgba(75, 0, 130, 0.4);
}
.bc-indigo-60pct,
img[src~="bc-indigo"] {
border-color: rgba(75, 0, 130, 0.6);
}
.bc-indigo-80pct,
img[src~="bc-indigo"] {
border-color: rgba(75, 0, 130, 0.8);
}
.color-ivory,
img[src~="color-ivory"] {
color: #FFFFF0;
}
.color-ivory-20pct,
img[src~="color-ivory"] {
color: rgba(255, 255, 240, 0.2);
}
.color-ivory-40pct,
img[src~="color-ivory"] {
color: rgba(255, 255, 240, 0.4);
}
.color-ivory-60pct,
img[src~="color-ivory"] {
color: rgba(255, 255, 240, 0.6);
}
.color-ivory-80pct,
img[src~="color-ivory"] {
color: rgba(255, 255, 240, 0.8);
}
.bg-ivory,
img[src~="bg-ivory"] {
background-color: #FFFFF0;
}
.bg-ivory-20pct,
img[src~="bg-ivory"] {
background-color: rgba(255, 255, 240, 0.2);
}
.bg-ivory-40pct,
img[src~="bg-ivory"] {
background-color: rgba(255, 255, 240, 0.4);
}
.bg-ivory-60pct,
img[src~="bg-ivory"] {
background-color: rgba(255, 255, 240, 0.6);
}
.bg-ivory-80pct,
img[src~="bg-ivory"] {
background-color: rgba(255, 255, 240, 0.8);
}
.bc-ivory,
img[src~="bc-ivory"] {
border-color: #FFFFF0;
}
.bc-ivory-20pct,
img[src~="bc-ivory"] {
border-color: rgba(255, 255, 240, 0.2);
}
.bc-ivory-40pct,
img[src~="bc-ivory"] {
border-color: rgba(255, 255, 240, 0.4);
}
.bc-ivory-60pct,
img[src~="bc-ivory"] {
border-color: rgba(255, 255, 240, 0.6);
}
.bc-ivory-80pct,
img[src~="bc-ivory"] {
border-color: rgba(255, 255, 240, 0.8);
}
.color-khaki,
img[src~="color-khaki"] {
color: #F0E68C;
}
.color-khaki-20pct,
img[src~="color-khaki"] {
color: rgba(240, 230, 140, 0.2);
}
.color-khaki-40pct,
img[src~="color-khaki"] {
color: rgba(240, 230, 140, 0.4);
}
.color-khaki-60pct,
img[src~="color-khaki"] {
color: rgba(240, 230, 140, 0.6);
}
.color-khaki-80pct,
img[src~="color-khaki"] {
color: rgba(240, 230, 140, 0.8);
}
.bg-khaki,
img[src~="bg-khaki"] {
background-color: #F0E68C;
}
.bg-khaki-20pct,
img[src~="bg-khaki"] {
background-color: rgba(240, 230, 140, 0.2);
}
.bg-khaki-40pct,
img[src~="bg-khaki"] {
background-color: rgba(240, 230, 140, 0.4);
}
.bg-khaki-60pct,
img[src~="bg-khaki"] {
background-color: rgba(240, 230, 140, 0.6);
}
.bg-khaki-80pct,
img[src~="bg-khaki"] {
background-color: rgba(240, 230, 140, 0.8);
}
.bc-khaki,
img[src~="bc-khaki"] {
border-color: #F0E68C;
}
.bc-khaki-20pct,
img[src~="bc-khaki"] {
border-color: rgba(240, 230, 140, 0.2);
}
.bc-khaki-40pct,
img[src~="bc-khaki"] {
border-color: rgba(240, 230, 140, 0.4);
}
.bc-khaki-60pct,
img[src~="bc-khaki"] {
border-color: rgba(240, 230, 140, 0.6);
}
.bc-khaki-80pct,
img[src~="bc-khaki"] {
border-color: rgba(240, 230, 140, 0.8);
}
.color-lavender,
img[src~="color-lavender"] {
color: #E6E6FA;
}
.color-lavender-20pct,
img[src~="color-lavender"] {
color: rgba(230, 230, 250, 0.2);
}
.color-lavender-40pct,
img[src~="color-lavender"] {
color: rgba(230, 230, 250, 0.4);
}
.color-lavender-60pct,
img[src~="color-lavender"] {
color: rgba(230, 230, 250, 0.6);
}
.color-lavender-80pct,
img[src~="color-lavender"] {
color: rgba(230, 230, 250, 0.8);
}
.bg-lavender,
img[src~="bg-lavender"] {
background-color: #E6E6FA;
}
.bg-lavender-20pct,
img[src~="bg-lavender"] {
background-color: rgba(230, 230, 250, 0.2);
}
.bg-lavender-40pct,
img[src~="bg-lavender"] {
background-color: rgba(230, 230, 250, 0.4);
}
.bg-lavender-60pct,
img[src~="bg-lavender"] {
background-color: rgba(230, 230, 250, 0.6);
}
.bg-lavender-80pct,
img[src~="bg-lavender"] {
background-color: rgba(230, 230, 250, 0.8);
}
.bc-lavender,
img[src~="bc-lavender"] {
border-color: #E6E6FA;
}
.bc-lavender-20pct,
img[src~="bc-lavender"] {
border-color: rgba(230, 230, 250, 0.2);
}
.bc-lavender-40pct,
img[src~="bc-lavender"] {
border-color: rgba(230, 230, 250, 0.4);
}
.bc-lavender-60pct,
img[src~="bc-lavender"] {
border-color: rgba(230, 230, 250, 0.6);
}
.bc-lavender-80pct,
img[src~="bc-lavender"] {
border-color: rgba(230, 230, 250, 0.8);
}
.color-lavenderblush,
img[src~="color-lavenderblush"] {
color: #FFF0F5;
}
.color-lavenderblush-20pct,
img[src~="color-lavenderblush"] {
color: rgba(255, 240, 245, 0.2);
}
.color-lavenderblush-40pct,
img[src~="color-lavenderblush"] {
color: rgba(255, 240, 245, 0.4);
}
.color-lavenderblush-60pct,
img[src~="color-lavenderblush"] {
color: rgba(255, 240, 245, 0.6);
}
.color-lavenderblush-80pct,
img[src~="color-lavenderblush"] {
color: rgba(255, 240, 245, 0.8);
}
.bg-lavenderblush,
img[src~="bg-lavenderblush"] {
background-color: #FFF0F5;
}
.bg-lavenderblush-20pct,
img[src~="bg-lavenderblush"] {
background-color: rgba(255, 240, 245, 0.2);
}
.bg-lavenderblush-40pct,
img[src~="bg-lavenderblush"] {
background-color: rgba(255, 240, 245, 0.4);
}
.bg-lavenderblush-60pct,
img[src~="bg-lavenderblush"] {
background-color: rgba(255, 240, 245, 0.6);
}
.bg-lavenderblush-80pct,
img[src~="bg-lavenderblush"] {
background-color: rgba(255, 240, 245, 0.8);
}
.bc-lavenderblush,
img[src~="bc-lavenderblush"] {
border-color: #FFF0F5;
}
.bc-lavenderblush-20pct,
img[src~="bc-lavenderblush"] {
border-color: rgba(255, 240, 245, 0.2);
}
.bc-lavenderblush-40pct,
img[src~="bc-lavenderblush"] {
border-color: rgba(255, 240, 245, 0.4);
}
.bc-lavenderblush-60pct,
img[src~="bc-lavenderblush"] {
border-color: rgba(255, 240, 245, 0.6);
}
.bc-lavenderblush-80pct,
img[src~="bc-lavenderblush"] {
border-color: rgba(255, 240, 245, 0.8);
}
.color-lawngreen,
img[src~="color-lawngreen"] {
color: #7CFC00;
}
.color-lawngreen-20pct,
img[src~="color-lawngreen"] {
color: rgba(124, 252, 0, 0.2);
}
.color-lawngreen-40pct,
img[src~="color-lawngreen"] {
color: rgba(124, 252, 0, 0.4);
}
.color-lawngreen-60pct,
img[src~="color-lawngreen"] {
color: rgba(124, 252, 0, 0.6);
}
.color-lawngreen-80pct,
img[src~="color-lawngreen"] {
color: rgba(124, 252, 0, 0.8);
}
.bg-lawngreen,
img[src~="bg-lawngreen"] {
background-color: #7CFC00;
}
.bg-lawngreen-20pct,
img[src~="bg-lawngreen"] {
background-color: rgba(124, 252, 0, 0.2);
}
.bg-lawngreen-40pct,
img[src~="bg-lawngreen"] {
background-color: rgba(124, 252, 0, 0.4);
}
.bg-lawngreen-60pct,
img[src~="bg-lawngreen"] {
background-color: rgba(124, 252, 0, 0.6);
}
.bg-lawngreen-80pct,
img[src~="bg-lawngreen"] {
background-color: rgba(124, 252, 0, 0.8);
}
.bc-lawngreen,
img[src~="bc-lawngreen"] {
border-color: #7CFC00;
}
.bc-lawngreen-20pct,
img[src~="bc-lawngreen"] {
border-color: rgba(124, 252, 0, 0.2);
}
.bc-lawngreen-40pct,
img[src~="bc-lawngreen"] {
border-color: rgba(124, 252, 0, 0.4);
}
.bc-lawngreen-60pct,
img[src~="bc-lawngreen"] {
border-color: rgba(124, 252, 0, 0.6);
}
.bc-lawngreen-80pct,
img[src~="bc-lawngreen"] {
border-color: rgba(124, 252, 0, 0.8);
}
.color-lemonchiffon,
img[src~="color-lemonchiffon"] {
color: #FFFACD;
}
.color-lemonchiffon-20pct,
img[src~="color-lemonchiffon"] {
color: rgba(255, 250, 205, 0.2);
}
.color-lemonchiffon-40pct,
img[src~="color-lemonchiffon"] {
color: rgba(255, 250, 205, 0.4);
}
.color-lemonchiffon-60pct,
img[src~="color-lemonchiffon"] {
color: rgba(255, 250, 205, 0.6);
}
.color-lemonchiffon-80pct,
img[src~="color-lemonchiffon"] {
color: rgba(255, 250, 205, 0.8);
}
.bg-lemonchiffon,
img[src~="bg-lemonchiffon"] {
background-color: #FFFACD;
}
.bg-lemonchiffon-20pct,
img[src~="bg-lemonchiffon"] {
background-color: rgba(255, 250, 205, 0.2);
}
.bg-lemonchiffon-40pct,
img[src~="bg-lemonchiffon"] {
background-color: rgba(255, 250, 205, 0.4);
}
.bg-lemonchiffon-60pct,
img[src~="bg-lemonchiffon"] {
background-color: rgba(255, 250, 205, 0.6);
}
.bg-lemonchiffon-80pct,
img[src~="bg-lemonchiffon"] {
background-color: rgba(255, 250, 205, 0.8);
}
.bc-lemonchiffon,
img[src~="bc-lemonchiffon"] {
border-color: #FFFACD;
}
.bc-lemonchiffon-20pct,
img[src~="bc-lemonchiffon"] {
border-color: rgba(255, 250, 205, 0.2);
}
.bc-lemonchiffon-40pct,
img[src~="bc-lemonchiffon"] {
border-color: rgba(255, 250, 205, 0.4);
}
.bc-lemonchiffon-60pct,
img[src~="bc-lemonchiffon"] {
border-color: rgba(255, 250, 205, 0.6);
}
.bc-lemonchiffon-80pct,
img[src~="bc-lemonchiffon"] {
border-color: rgba(255, 250, 205, 0.8);
}
.color-lightblue,
img[src~="color-lightblue"] {
color: #ADD8E6;
}
.color-lightblue-20pct,
img[src~="color-lightblue"] {
color: rgba(173, 216, 230, 0.2);
}
.color-lightblue-40pct,
img[src~="color-lightblue"] {
color: rgba(173, 216, 230, 0.4);
}
.color-lightblue-60pct,
img[src~="color-lightblue"] {
color: rgba(173, 216, 230, 0.6);
}
.color-lightblue-80pct,
img[src~="color-lightblue"] {
color: rgba(173, 216, 230, 0.8);
}
.bg-lightblue,
img[src~="bg-lightblue"] {
background-color: #ADD8E6;
}
.bg-lightblue-20pct,
img[src~="bg-lightblue"] {
background-color: rgba(173, 216, 230, 0.2);
}
.bg-lightblue-40pct,
img[src~="bg-lightblue"] {
background-color: rgba(173, 216, 230, 0.4);
}
.bg-lightblue-60pct,
img[src~="bg-lightblue"] {
background-color: rgba(173, 216, 230, 0.6);
}
.bg-lightblue-80pct,
img[src~="bg-lightblue"] {
background-color: rgba(173, 216, 230, 0.8);
}
.bc-lightblue,
img[src~="bc-lightblue"] {
border-color: #ADD8E6;
}
.bc-lightblue-20pct,
img[src~="bc-lightblue"] {
border-color: rgba(173, 216, 230, 0.2);
}
.bc-lightblue-40pct,
img[src~="bc-lightblue"] {
border-color: rgba(173, 216, 230, 0.4);
}
.bc-lightblue-60pct,
img[src~="bc-lightblue"] {
border-color: rgba(173, 216, 230, 0.6);
}
.bc-lightblue-80pct,
img[src~="bc-lightblue"] {
border-color: rgba(173, 216, 230, 0.8);
}
.color-lightcoral,
img[src~="color-lightcoral"] {
color: #F08080;
}
.color-lightcoral-20pct,
img[src~="color-lightcoral"] {
color: rgba(240, 128, 128, 0.2);
}
.color-lightcoral-40pct,
img[src~="color-lightcoral"] {
color: rgba(240, 128, 128, 0.4);
}
.color-lightcoral-60pct,
img[src~="color-lightcoral"] {
color: rgba(240, 128, 128, 0.6);
}
.color-lightcoral-80pct,
img[src~="color-lightcoral"] {
color: rgba(240, 128, 128, 0.8);
}
.bg-lightcoral,
img[src~="bg-lightcoral"] {
background-color: #F08080;
}
.bg-lightcoral-20pct,
img[src~="bg-lightcoral"] {
background-color: rgba(240, 128, 128, 0.2);
}
.bg-lightcoral-40pct,
img[src~="bg-lightcoral"] {
background-color: rgba(240, 128, 128, 0.4);
}
.bg-lightcoral-60pct,
img[src~="bg-lightcoral"] {
background-color: rgba(240, 128, 128, 0.6);
}
.bg-lightcoral-80pct,
img[src~="bg-lightcoral"] {
background-color: rgba(240, 128, 128, 0.8);
}
.bc-lightcoral,
img[src~="bc-lightcoral"] {
border-color: #F08080;
}
.bc-lightcoral-20pct,
img[src~="bc-lightcoral"] {
border-color: rgba(240, 128, 128, 0.2);
}
.bc-lightcoral-40pct,
img[src~="bc-lightcoral"] {
border-color: rgba(240, 128, 128, 0.4);
}
.bc-lightcoral-60pct,
img[src~="bc-lightcoral"] {
border-color: rgba(240, 128, 128, 0.6);
}
.bc-lightcoral-80pct,
img[src~="bc-lightcoral"] {
border-color: rgba(240, 128, 128, 0.8);
}
.color-lightcyan,
img[src~="color-lightcyan"] {
color: #E0FFFF;
}
.color-lightcyan-20pct,
img[src~="color-lightcyan"] {
color: rgba(224, 255, 255, 0.2);
}
.color-lightcyan-40pct,
img[src~="color-lightcyan"] {
color: rgba(224, 255, 255, 0.4);
}
.color-lightcyan-60pct,
img[src~="color-lightcyan"] {
color: rgba(224, 255, 255, 0.6);
}
.color-lightcyan-80pct,
img[src~="color-lightcyan"] {
color: rgba(224, 255, 255, 0.8);
}
.bg-lightcyan,
img[src~="bg-lightcyan"] {
background-color: #E0FFFF;
}
.bg-lightcyan-20pct,
img[src~="bg-lightcyan"] {
background-color: rgba(224, 255, 255, 0.2);
}
.bg-lightcyan-40pct,
img[src~="bg-lightcyan"] {
background-color: rgba(224, 255, 255, 0.4);
}
.bg-lightcyan-60pct,
img[src~="bg-lightcyan"] {
background-color: rgba(224, 255, 255, 0.6);
}
.bg-lightcyan-80pct,
img[src~="bg-lightcyan"] {
background-color: rgba(224, 255, 255, 0.8);
}
.bc-lightcyan,
img[src~="bc-lightcyan"] {
border-color: #E0FFFF;
}
.bc-lightcyan-20pct,
img[src~="bc-lightcyan"] {
border-color: rgba(224, 255, 255, 0.2);
}
.bc-lightcyan-40pct,
img[src~="bc-lightcyan"] {
border-color: rgba(224, 255, 255, 0.4);
}
.bc-lightcyan-60pct,
img[src~="bc-lightcyan"] {
border-color: rgba(224, 255, 255, 0.6);
}
.bc-lightcyan-80pct,
img[src~="bc-lightcyan"] {
border-color: rgba(224, 255, 255, 0.8);
}
.color-lightgoldenrodyellow,
img[src~="color-lightgoldenrodyellow"] {
color: #FAFAD2;
}
.color-lightgoldenrodyellow-20pct,
img[src~="color-lightgoldenrodyellow"] {
color: rgba(250, 250, 210, 0.2);
}
.color-lightgoldenrodyellow-40pct,
img[src~="color-lightgoldenrodyellow"] {
color: rgba(250, 250, 210, 0.4);
}
.color-lightgoldenrodyellow-60pct,
img[src~="color-lightgoldenrodyellow"] {
color: rgba(250, 250, 210, 0.6);
}
.color-lightgoldenrodyellow-80pct,
img[src~="color-lightgoldenrodyellow"] {
color: rgba(250, 250, 210, 0.8);
}
.bg-lightgoldenrodyellow,
img[src~="bg-lightgoldenrodyellow"] {
background-color: #FAFAD2;
}
.bg-lightgoldenrodyellow-20pct,
img[src~="bg-lightgoldenrodyellow"] {
background-color: rgba(250, 250, 210, 0.2);
}
.bg-lightgoldenrodyellow-40pct,
img[src~="bg-lightgoldenrodyellow"] {
background-color: rgba(250, 250, 210, 0.4);
}
.bg-lightgoldenrodyellow-60pct,
img[src~="bg-lightgoldenrodyellow"] {
background-color: rgba(250, 250, 210, 0.6);
}
.bg-lightgoldenrodyellow-80pct,
img[src~="bg-lightgoldenrodyellow"] {
background-color: rgba(250, 250, 210, 0.8);
}
.bc-lightgoldenrodyellow,
img[src~="bc-lightgoldenrodyellow"] {
border-color: #FAFAD2;
}
.bc-lightgoldenrodyellow-20pct,
img[src~="bc-lightgoldenrodyellow"] {
border-color: rgba(250, 250, 210, 0.2);
}
.bc-lightgoldenrodyellow-40pct,
img[src~="bc-lightgoldenrodyellow"] {
border-color: rgba(250, 250, 210, 0.4);
}
.bc-lightgoldenrodyellow-60pct,
img[src~="bc-lightgoldenrodyellow"] {
border-color: rgba(250, 250, 210, 0.6);
}
.bc-lightgoldenrodyellow-80pct,
img[src~="bc-lightgoldenrodyellow"] {
border-color: rgba(250, 250, 210, 0.8);
}
.color-lightgray,
img[src~="color-lightgray"] {
color: #D3D3D3;
}
.color-lightgray-20pct,
img[src~="color-lightgray"] {
color: rgba(211, 211, 211, 0.2);
}
.color-lightgray-40pct,
img[src~="color-lightgray"] {
color: rgba(211, 211, 211, 0.4);
}
.color-lightgray-60pct,
img[src~="color-lightgray"] {
color: rgba(211, 211, 211, 0.6);
}
.color-lightgray-80pct,
img[src~="color-lightgray"] {
color: rgba(211, 211, 211, 0.8);
}
.bg-lightgray,
img[src~="bg-lightgray"] {
background-color: #D3D3D3;
}
.bg-lightgray-20pct,
img[src~="bg-lightgray"] {
background-color: rgba(211, 211, 211, 0.2);
}
.bg-lightgray-40pct,
img[src~="bg-lightgray"] {
background-color: rgba(211, 211, 211, 0.4);
}
.bg-lightgray-60pct,
img[src~="bg-lightgray"] {
background-color: rgba(211, 211, 211, 0.6);
}
.bg-lightgray-80pct,
img[src~="bg-lightgray"] {
background-color: rgba(211, 211, 211, 0.8);
}
.bc-lightgray,
img[src~="bc-lightgray"] {
border-color: #D3D3D3;
}
.bc-lightgray-20pct,
img[src~="bc-lightgray"] {
border-color: rgba(211, 211, 211, 0.2);
}
.bc-lightgray-40pct,
img[src~="bc-lightgray"] {
border-color: rgba(211, 211, 211, 0.4);
}
.bc-lightgray-60pct,
img[src~="bc-lightgray"] {
border-color: rgba(211, 211, 211, 0.6);
}
.bc-lightgray-80pct,
img[src~="bc-lightgray"] {
border-color: rgba(211, 211, 211, 0.8);
}
.color-lightgreen,
img[src~="color-lightgreen"] {
color: #90EE90;
}
.color-lightgreen-20pct,
img[src~="color-lightgreen"] {
color: rgba(144, 238, 144, 0.2);
}
.color-lightgreen-40pct,
img[src~="color-lightgreen"] {
color: rgba(144, 238, 144, 0.4);
}
.color-lightgreen-60pct,
img[src~="color-lightgreen"] {
color: rgba(144, 238, 144, 0.6);
}
.color-lightgreen-80pct,
img[src~="color-lightgreen"] {
color: rgba(144, 238, 144, 0.8);
}
.bg-lightgreen,
img[src~="bg-lightgreen"] {
background-color: #90EE90;
}
.bg-lightgreen-20pct,
img[src~="bg-lightgreen"] {
background-color: rgba(144, 238, 144, 0.2);
}
.bg-lightgreen-40pct,
img[src~="bg-lightgreen"] {
background-color: rgba(144, 238, 144, 0.4);
}
.bg-lightgreen-60pct,
img[src~="bg-lightgreen"] {
background-color: rgba(144, 238, 144, 0.6);
}
.bg-lightgreen-80pct,
img[src~="bg-lightgreen"] {
background-color: rgba(144, 238, 144, 0.8);
}
.bc-lightgreen,
img[src~="bc-lightgreen"] {
border-color: #90EE90;
}
.bc-lightgreen-20pct,
img[src~="bc-lightgreen"] {
border-color: rgba(144, 238, 144, 0.2);
}
.bc-lightgreen-40pct,
img[src~="bc-lightgreen"] {
border-color: rgba(144, 238, 144, 0.4);
}
.bc-lightgreen-60pct,
img[src~="bc-lightgreen"] {
border-color: rgba(144, 238, 144, 0.6);
}
.bc-lightgreen-80pct,
img[src~="bc-lightgreen"] {
border-color: rgba(144, 238, 144, 0.8);
}
.color-lightgrey,
img[src~="color-lightgrey"] {
color: #D3D3D3;
}
.color-lightgrey-20pct,
img[src~="color-lightgrey"] {
color: rgba(211, 211, 211, 0.2);
}
.color-lightgrey-40pct,
img[src~="color-lightgrey"] {
color: rgba(211, 211, 211, 0.4);
}
.color-lightgrey-60pct,
img[src~="color-lightgrey"] {
color: rgba(211, 211, 211, 0.6);
}
.color-lightgrey-80pct,
img[src~="color-lightgrey"] {
color: rgba(211, 211, 211, 0.8);
}
.bg-lightgrey,
img[src~="bg-lightgrey"] {
background-color: #D3D3D3;
}
.bg-lightgrey-20pct,
img[src~="bg-lightgrey"] {
background-color: rgba(211, 211, 211, 0.2);
}
.bg-lightgrey-40pct,
img[src~="bg-lightgrey"] {
background-color: rgba(211, 211, 211, 0.4);
}
.bg-lightgrey-60pct,
img[src~="bg-lightgrey"] {
background-color: rgba(211, 211, 211, 0.6);
}
.bg-lightgrey-80pct,
img[src~="bg-lightgrey"] {
background-color: rgba(211, 211, 211, 0.8);
}
.bc-lightgrey,
img[src~="bc-lightgrey"] {
border-color: #D3D3D3;
}
.bc-lightgrey-20pct,
img[src~="bc-lightgrey"] {
border-color: rgba(211, 211, 211, 0.2);
}
.bc-lightgrey-40pct,
img[src~="bc-lightgrey"] {
border-color: rgba(211, 211, 211, 0.4);
}
.bc-lightgrey-60pct,
img[src~="bc-lightgrey"] {
border-color: rgba(211, 211, 211, 0.6);
}
.bc-lightgrey-80pct,
img[src~="bc-lightgrey"] {
border-color: rgba(211, 211, 211, 0.8);
}
.color-lightpink,
img[src~="color-lightpink"] {
color: #FFB6C1;
}
.color-lightpink-20pct,
img[src~="color-lightpink"] {
color: rgba(255, 182, 193, 0.2);
}
.color-lightpink-40pct,
img[src~="color-lightpink"] {
color: rgba(255, 182, 193, 0.4);
}
.color-lightpink-60pct,
img[src~="color-lightpink"] {
color: rgba(255, 182, 193, 0.6);
}
.color-lightpink-80pct,
img[src~="color-lightpink"] {
color: rgba(255, 182, 193, 0.8);
}
.bg-lightpink,
img[src~="bg-lightpink"] {
background-color: #FFB6C1;
}
.bg-lightpink-20pct,
img[src~="bg-lightpink"] {
background-color: rgba(255, 182, 193, 0.2);
}
.bg-lightpink-40pct,
img[src~="bg-lightpink"] {
background-color: rgba(255, 182, 193, 0.4);
}
.bg-lightpink-60pct,
img[src~="bg-lightpink"] {
background-color: rgba(255, 182, 193, 0.6);
}
.bg-lightpink-80pct,
img[src~="bg-lightpink"] {
background-color: rgba(255, 182, 193, 0.8);
}
.bc-lightpink,
img[src~="bc-lightpink"] {
border-color: #FFB6C1;
}
.bc-lightpink-20pct,
img[src~="bc-lightpink"] {
border-color: rgba(255, 182, 193, 0.2);
}
.bc-lightpink-40pct,
img[src~="bc-lightpink"] {
border-color: rgba(255, 182, 193, 0.4);
}
.bc-lightpink-60pct,
img[src~="bc-lightpink"] {
border-color: rgba(255, 182, 193, 0.6);
}
.bc-lightpink-80pct,
img[src~="bc-lightpink"] {
border-color: rgba(255, 182, 193, 0.8);
}
.color-lightsalmon,
img[src~="color-lightsalmon"] {
color: #FFA07A;
}
.color-lightsalmon-20pct,
img[src~="color-lightsalmon"] {
color: rgba(255, 160, 122, 0.2);
}
.color-lightsalmon-40pct,
img[src~="color-lightsalmon"] {
color: rgba(255, 160, 122, 0.4);
}
.color-lightsalmon-60pct,
img[src~="color-lightsalmon"] {
color: rgba(255, 160, 122, 0.6);
}
.color-lightsalmon-80pct,
img[src~="color-lightsalmon"] {
color: rgba(255, 160, 122, 0.8);
}
.bg-lightsalmon,
img[src~="bg-lightsalmon"] {
background-color: #FFA07A;
}
.bg-lightsalmon-20pct,
img[src~="bg-lightsalmon"] {
background-color: rgba(255, 160, 122, 0.2);
}
.bg-lightsalmon-40pct,
img[src~="bg-lightsalmon"] {
background-color: rgba(255, 160, 122, 0.4);
}
.bg-lightsalmon-60pct,
img[src~="bg-lightsalmon"] {
background-color: rgba(255, 160, 122, 0.6);
}
.bg-lightsalmon-80pct,
img[src~="bg-lightsalmon"] {
background-color: rgba(255, 160, 122, 0.8);
}
.bc-lightsalmon,
img[src~="bc-lightsalmon"] {
border-color: #FFA07A;
}
.bc-lightsalmon-20pct,
img[src~="bc-lightsalmon"] {
border-color: rgba(255, 160, 122, 0.2);
}
.bc-lightsalmon-40pct,
img[src~="bc-lightsalmon"] {
border-color: rgba(255, 160, 122, 0.4);
}
.bc-lightsalmon-60pct,
img[src~="bc-lightsalmon"] {
border-color: rgba(255, 160, 122, 0.6);
}
.bc-lightsalmon-80pct,
img[src~="bc-lightsalmon"] {
border-color: rgba(255, 160, 122, 0.8);
}
.color-lightseagreen,
img[src~="color-lightseagreen"] {
color: #20B2AA;
}
.color-lightseagreen-20pct,
img[src~="color-lightseagreen"] {
color: rgba(32, 178, 170, 0.2);
}
.color-lightseagreen-40pct,
img[src~="color-lightseagreen"] {
color: rgba(32, 178, 170, 0.4);
}
.color-lightseagreen-60pct,
img[src~="color-lightseagreen"] {
color: rgba(32, 178, 170, 0.6);
}
.color-lightseagreen-80pct,
img[src~="color-lightseagreen"] {
color: rgba(32, 178, 170, 0.8);
}
.bg-lightseagreen,
img[src~="bg-lightseagreen"] {
background-color: #20B2AA;
}
.bg-lightseagreen-20pct,
img[src~="bg-lightseagreen"] {
background-color: rgba(32, 178, 170, 0.2);
}
.bg-lightseagreen-40pct,
img[src~="bg-lightseagreen"] {
background-color: rgba(32, 178, 170, 0.4);
}
.bg-lightseagreen-60pct,
img[src~="bg-lightseagreen"] {
background-color: rgba(32, 178, 170, 0.6);
}
.bg-lightseagreen-80pct,
img[src~="bg-lightseagreen"] {
background-color: rgba(32, 178, 170, 0.8);
}
.bc-lightseagreen,
img[src~="bc-lightseagreen"] {
border-color: #20B2AA;
}
.bc-lightseagreen-20pct,
img[src~="bc-lightseagreen"] {
border-color: rgba(32, 178, 170, 0.2);
}
.bc-lightseagreen-40pct,
img[src~="bc-lightseagreen"] {
border-color: rgba(32, 178, 170, 0.4);
}
.bc-lightseagreen-60pct,
img[src~="bc-lightseagreen"] {
border-color: rgba(32, 178, 170, 0.6);
}
.bc-lightseagreen-80pct,
img[src~="bc-lightseagreen"] {
border-color: rgba(32, 178, 170, 0.8);
}
.color-lightskyblue,
img[src~="color-lightskyblue"] {
color: #87CEFA;
}
.color-lightskyblue-20pct,
img[src~="color-lightskyblue"] {
color: rgba(135, 206, 250, 0.2);
}
.color-lightskyblue-40pct,
img[src~="color-lightskyblue"] {
color: rgba(135, 206, 250, 0.4);
}
.color-lightskyblue-60pct,
img[src~="color-lightskyblue"] {
color: rgba(135, 206, 250, 0.6);
}
.color-lightskyblue-80pct,
img[src~="color-lightskyblue"] {
color: rgba(135, 206, 250, 0.8);
}
.bg-lightskyblue,
img[src~="bg-lightskyblue"] {
background-color: #87CEFA;
}
.bg-lightskyblue-20pct,
img[src~="bg-lightskyblue"] {
background-color: rgba(135, 206, 250, 0.2);
}
.bg-lightskyblue-40pct,
img[src~="bg-lightskyblue"] {
background-color: rgba(135, 206, 250, 0.4);
}
.bg-lightskyblue-60pct,
img[src~="bg-lightskyblue"] {
background-color: rgba(135, 206, 250, 0.6);
}
.bg-lightskyblue-80pct,
img[src~="bg-lightskyblue"] {
background-color: rgba(135, 206, 250, 0.8);
}
.bc-lightskyblue,
img[src~="bc-lightskyblue"] {
border-color: #87CEFA;
}
.bc-lightskyblue-20pct,
img[src~="bc-lightskyblue"] {
border-color: rgba(135, 206, 250, 0.2);
}
.bc-lightskyblue-40pct,
img[src~="bc-lightskyblue"] {
border-color: rgba(135, 206, 250, 0.4);
}
.bc-lightskyblue-60pct,
img[src~="bc-lightskyblue"] {
border-color: rgba(135, 206, 250, 0.6);
}
.bc-lightskyblue-80pct,
img[src~="bc-lightskyblue"] {
border-color: rgba(135, 206, 250, 0.8);
}
.color-lightslategray,
img[src~="color-lightslategray"] {
color: #778899;
}
.color-lightslategray-20pct,
img[src~="color-lightslategray"] {
color: rgba(119, 136, 153, 0.2);
}
.color-lightslategray-40pct,
img[src~="color-lightslategray"] {
color: rgba(119, 136, 153, 0.4);
}
.color-lightslategray-60pct,
img[src~="color-lightslategray"] {
color: rgba(119, 136, 153, 0.6);
}
.color-lightslategray-80pct,
img[src~="color-lightslategray"] {
color: rgba(119, 136, 153, 0.8);
}
.bg-lightslategray,
img[src~="bg-lightslategray"] {
background-color: #778899;
}
.bg-lightslategray-20pct,
img[src~="bg-lightslategray"] {
background-color: rgba(119, 136, 153, 0.2);
}
.bg-lightslategray-40pct,
img[src~="bg-lightslategray"] {
background-color: rgba(119, 136, 153, 0.4);
}
.bg-lightslategray-60pct,
img[src~="bg-lightslategray"] {
background-color: rgba(119, 136, 153, 0.6);
}
.bg-lightslategray-80pct,
img[src~="bg-lightslategray"] {
background-color: rgba(119, 136, 153, 0.8);
}
.bc-lightslategray,
img[src~="bc-lightslategray"] {
border-color: #778899;
}
.bc-lightslategray-20pct,
img[src~="bc-lightslategray"] {
border-color: rgba(119, 136, 153, 0.2);
}
.bc-lightslategray-40pct,
img[src~="bc-lightslategray"] {
border-color: rgba(119, 136, 153, 0.4);
}
.bc-lightslategray-60pct,
img[src~="bc-lightslategray"] {
border-color: rgba(119, 136, 153, 0.6);
}
.bc-lightslategray-80pct,
img[src~="bc-lightslategray"] {
border-color: rgba(119, 136, 153, 0.8);
}
.color-lightslategrey,
img[src~="color-lightslategrey"] {
color: #778899;
}
.color-lightslategrey-20pct,
img[src~="color-lightslategrey"] {
color: rgba(119, 136, 153, 0.2);
}
.color-lightslategrey-40pct,
img[src~="color-lightslategrey"] {
color: rgba(119, 136, 153, 0.4);
}
.color-lightslategrey-60pct,
img[src~="color-lightslategrey"] {
color: rgba(119, 136, 153, 0.6);
}
.color-lightslategrey-80pct,
img[src~="color-lightslategrey"] {
color: rgba(119, 136, 153, 0.8);
}
.bg-lightslategrey,
img[src~="bg-lightslategrey"] {
background-color: #778899;
}
.bg-lightslategrey-20pct,
img[src~="bg-lightslategrey"] {
background-color: rgba(119, 136, 153, 0.2);
}
.bg-lightslategrey-40pct,
img[src~="bg-lightslategrey"] {
background-color: rgba(119, 136, 153, 0.4);
}
.bg-lightslategrey-60pct,
img[src~="bg-lightslategrey"] {
background-color: rgba(119, 136, 153, 0.6);
}
.bg-lightslategrey-80pct,
img[src~="bg-lightslategrey"] {
background-color: rgba(119, 136, 153, 0.8);
}
.bc-lightslategrey,
img[src~="bc-lightslategrey"] {
border-color: #778899;
}
.bc-lightslategrey-20pct,
img[src~="bc-lightslategrey"] {
border-color: rgba(119, 136, 153, 0.2);
}
.bc-lightslategrey-40pct,
img[src~="bc-lightslategrey"] {
border-color: rgba(119, 136, 153, 0.4);
}
.bc-lightslategrey-60pct,
img[src~="bc-lightslategrey"] {
border-color: rgba(119, 136, 153, 0.6);
}
.bc-lightslategrey-80pct,
img[src~="bc-lightslategrey"] {
border-color: rgba(119, 136, 153, 0.8);
}
.color-lightsteelblue,
img[src~="color-lightsteelblue"] {
color: #B0C4DE;
}
.color-lightsteelblue-20pct,
img[src~="color-lightsteelblue"] {
color: rgba(176, 196, 222, 0.2);
}
.color-lightsteelblue-40pct,
img[src~="color-lightsteelblue"] {
color: rgba(176, 196, 222, 0.4);
}
.color-lightsteelblue-60pct,
img[src~="color-lightsteelblue"] {
color: rgba(176, 196, 222, 0.6);
}
.color-lightsteelblue-80pct,
img[src~="color-lightsteelblue"] {
color: rgba(176, 196, 222, 0.8);
}
.bg-lightsteelblue,
img[src~="bg-lightsteelblue"] {
background-color: #B0C4DE;
}
.bg-lightsteelblue-20pct,
img[src~="bg-lightsteelblue"] {
background-color: rgba(176, 196, 222, 0.2);
}
.bg-lightsteelblue-40pct,
img[src~="bg-lightsteelblue"] {
background-color: rgba(176, 196, 222, 0.4);
}
.bg-lightsteelblue-60pct,
img[src~="bg-lightsteelblue"] {
background-color: rgba(176, 196, 222, 0.6);
}
.bg-lightsteelblue-80pct,
img[src~="bg-lightsteelblue"] {
background-color: rgba(176, 196, 222, 0.8);
}
.bc-lightsteelblue,
img[src~="bc-lightsteelblue"] {
border-color: #B0C4DE;
}
.bc-lightsteelblue-20pct,
img[src~="bc-lightsteelblue"] {
border-color: rgba(176, 196, 222, 0.2);
}
.bc-lightsteelblue-40pct,
img[src~="bc-lightsteelblue"] {
border-color: rgba(176, 196, 222, 0.4);
}
.bc-lightsteelblue-60pct,
img[src~="bc-lightsteelblue"] {
border-color: rgba(176, 196, 222, 0.6);
}
.bc-lightsteelblue-80pct,
img[src~="bc-lightsteelblue"] {
border-color: rgba(176, 196, 222, 0.8);
}
.color-lightyellow,
img[src~="color-lightyellow"] {
color: #FFFFE0;
}
.color-lightyellow-20pct,
img[src~="color-lightyellow"] {
color: rgba(255, 255, 224, 0.2);
}
.color-lightyellow-40pct,
img[src~="color-lightyellow"] {
color: rgba(255, 255, 224, 0.4);
}
.color-lightyellow-60pct,
img[src~="color-lightyellow"] {
color: rgba(255, 255, 224, 0.6);
}
.color-lightyellow-80pct,
img[src~="color-lightyellow"] {
color: rgba(255, 255, 224, 0.8);
}
.bg-lightyellow,
img[src~="bg-lightyellow"] {
background-color: #FFFFE0;
}
.bg-lightyellow-20pct,
img[src~="bg-lightyellow"] {
background-color: rgba(255, 255, 224, 0.2);
}
.bg-lightyellow-40pct,
img[src~="bg-lightyellow"] {
background-color: rgba(255, 255, 224, 0.4);
}
.bg-lightyellow-60pct,
img[src~="bg-lightyellow"] {
background-color: rgba(255, 255, 224, 0.6);
}
.bg-lightyellow-80pct,
img[src~="bg-lightyellow"] {
background-color: rgba(255, 255, 224, 0.8);
}
.bc-lightyellow,
img[src~="bc-lightyellow"] {
border-color: #FFFFE0;
}
.bc-lightyellow-20pct,
img[src~="bc-lightyellow"] {
border-color: rgba(255, 255, 224, 0.2);
}
.bc-lightyellow-40pct,
img[src~="bc-lightyellow"] {
border-color: rgba(255, 255, 224, 0.4);
}
.bc-lightyellow-60pct,
img[src~="bc-lightyellow"] {
border-color: rgba(255, 255, 224, 0.6);
}
.bc-lightyellow-80pct,
img[src~="bc-lightyellow"] {
border-color: rgba(255, 255, 224, 0.8);
}
.color-lime,
img[src~="color-lime"] {
color: #00FF00;
}
.color-lime-20pct,
img[src~="color-lime"] {
color: rgba(0, 255, 0, 0.2);
}
.color-lime-40pct,
img[src~="color-lime"] {
color: rgba(0, 255, 0, 0.4);
}
.color-lime-60pct,
img[src~="color-lime"] {
color: rgba(0, 255, 0, 0.6);
}
.color-lime-80pct,
img[src~="color-lime"] {
color: rgba(0, 255, 0, 0.8);
}
.bg-lime,
img[src~="bg-lime"] {
background-color: #00FF00;
}
.bg-lime-20pct,
img[src~="bg-lime"] {
background-color: rgba(0, 255, 0, 0.2);
}
.bg-lime-40pct,
img[src~="bg-lime"] {
background-color: rgba(0, 255, 0, 0.4);
}
.bg-lime-60pct,
img[src~="bg-lime"] {
background-color: rgba(0, 255, 0, 0.6);
}
.bg-lime-80pct,
img[src~="bg-lime"] {
background-color: rgba(0, 255, 0, 0.8);
}
.bc-lime,
img[src~="bc-lime"] {
border-color: #00FF00;
}
.bc-lime-20pct,
img[src~="bc-lime"] {
border-color: rgba(0, 255, 0, 0.2);
}
.bc-lime-40pct,
img[src~="bc-lime"] {
border-color: rgba(0, 255, 0, 0.4);
}
.bc-lime-60pct,
img[src~="bc-lime"] {
border-color: rgba(0, 255, 0, 0.6);
}
.bc-lime-80pct,
img[src~="bc-lime"] {
border-color: rgba(0, 255, 0, 0.8);
}
.color-limegreen,
img[src~="color-limegreen"] {
color: #32CD32;
}
.color-limegreen-20pct,
img[src~="color-limegreen"] {
color: rgba(50, 205, 50, 0.2);
}
.color-limegreen-40pct,
img[src~="color-limegreen"] {
color: rgba(50, 205, 50, 0.4);
}
.color-limegreen-60pct,
img[src~="color-limegreen"] {
color: rgba(50, 205, 50, 0.6);
}
.color-limegreen-80pct,
img[src~="color-limegreen"] {
color: rgba(50, 205, 50, 0.8);
}
.bg-limegreen,
img[src~="bg-limegreen"] {
background-color: #32CD32;
}
.bg-limegreen-20pct,
img[src~="bg-limegreen"] {
background-color: rgba(50, 205, 50, 0.2);
}
.bg-limegreen-40pct,
img[src~="bg-limegreen"] {
background-color: rgba(50, 205, 50, 0.4);
}
.bg-limegreen-60pct,
img[src~="bg-limegreen"] {
background-color: rgba(50, 205, 50, 0.6);
}
.bg-limegreen-80pct,
img[src~="bg-limegreen"] {
background-color: rgba(50, 205, 50, 0.8);
}
.bc-limegreen,
img[src~="bc-limegreen"] {
border-color: #32CD32;
}
.bc-limegreen-20pct,
img[src~="bc-limegreen"] {
border-color: rgba(50, 205, 50, 0.2);
}
.bc-limegreen-40pct,
img[src~="bc-limegreen"] {
border-color: rgba(50, 205, 50, 0.4);
}
.bc-limegreen-60pct,
img[src~="bc-limegreen"] {
border-color: rgba(50, 205, 50, 0.6);
}
.bc-limegreen-80pct,
img[src~="bc-limegreen"] {
border-color: rgba(50, 205, 50, 0.8);
}
.color-linen,
img[src~="color-linen"] {
color: #FAF0E6;
}
.color-linen-20pct,
img[src~="color-linen"] {
color: rgba(250, 240, 230, 0.2);
}
.color-linen-40pct,
img[src~="color-linen"] {
color: rgba(250, 240, 230, 0.4);
}
.color-linen-60pct,
img[src~="color-linen"] {
color: rgba(250, 240, 230, 0.6);
}
.color-linen-80pct,
img[src~="color-linen"] {
color: rgba(250, 240, 230, 0.8);
}
.bg-linen,
img[src~="bg-linen"] {
background-color: #FAF0E6;
}
.bg-linen-20pct,
img[src~="bg-linen"] {
background-color: rgba(250, 240, 230, 0.2);
}
.bg-linen-40pct,
img[src~="bg-linen"] {
background-color: rgba(250, 240, 230, 0.4);
}
.bg-linen-60pct,
img[src~="bg-linen"] {
background-color: rgba(250, 240, 230, 0.6);
}
.bg-linen-80pct,
img[src~="bg-linen"] {
background-color: rgba(250, 240, 230, 0.8);
}
.bc-linen,
img[src~="bc-linen"] {
border-color: #FAF0E6;
}
.bc-linen-20pct,
img[src~="bc-linen"] {
border-color: rgba(250, 240, 230, 0.2);
}
.bc-linen-40pct,
img[src~="bc-linen"] {
border-color: rgba(250, 240, 230, 0.4);
}
.bc-linen-60pct,
img[src~="bc-linen"] {
border-color: rgba(250, 240, 230, 0.6);
}
.bc-linen-80pct,
img[src~="bc-linen"] {
border-color: rgba(250, 240, 230, 0.8);
}
.color-magenta,
img[src~="color-magenta"] {
color: #FF00FF;
}
.color-magenta-20pct,
img[src~="color-magenta"] {
color: rgba(255, 0, 255, 0.2);
}
.color-magenta-40pct,
img[src~="color-magenta"] {
color: rgba(255, 0, 255, 0.4);
}
.color-magenta-60pct,
img[src~="color-magenta"] {
color: rgba(255, 0, 255, 0.6);
}
.color-magenta-80pct,
img[src~="color-magenta"] {
color: rgba(255, 0, 255, 0.8);
}
.bg-magenta,
img[src~="bg-magenta"] {
background-color: #FF00FF;
}
.bg-magenta-20pct,
img[src~="bg-magenta"] {
background-color: rgba(255, 0, 255, 0.2);
}
.bg-magenta-40pct,
img[src~="bg-magenta"] {
background-color: rgba(255, 0, 255, 0.4);
}
.bg-magenta-60pct,
img[src~="bg-magenta"] {
background-color: rgba(255, 0, 255, 0.6);
}
.bg-magenta-80pct,
img[src~="bg-magenta"] {
background-color: rgba(255, 0, 255, 0.8);
}
.bc-magenta,
img[src~="bc-magenta"] {
border-color: #FF00FF;
}
.bc-magenta-20pct,
img[src~="bc-magenta"] {
border-color: rgba(255, 0, 255, 0.2);
}
.bc-magenta-40pct,
img[src~="bc-magenta"] {
border-color: rgba(255, 0, 255, 0.4);
}
.bc-magenta-60pct,
img[src~="bc-magenta"] {
border-color: rgba(255, 0, 255, 0.6);
}
.bc-magenta-80pct,
img[src~="bc-magenta"] {
border-color: rgba(255, 0, 255, 0.8);
}
.color-maroon,
img[src~="color-maroon"] {
color: #800000;
}
.color-maroon-20pct,
img[src~="color-maroon"] {
color: rgba(128, 0, 0, 0.2);
}
.color-maroon-40pct,
img[src~="color-maroon"] {
color: rgba(128, 0, 0, 0.4);
}
.color-maroon-60pct,
img[src~="color-maroon"] {
color: rgba(128, 0, 0, 0.6);
}
.color-maroon-80pct,
img[src~="color-maroon"] {
color: rgba(128, 0, 0, 0.8);
}
.bg-maroon,
img[src~="bg-maroon"] {
background-color: #800000;
}
.bg-maroon-20pct,
img[src~="bg-maroon"] {
background-color: rgba(128, 0, 0, 0.2);
}
.bg-maroon-40pct,
img[src~="bg-maroon"] {
background-color: rgba(128, 0, 0, 0.4);
}
.bg-maroon-60pct,
img[src~="bg-maroon"] {
background-color: rgba(128, 0, 0, 0.6);
}
.bg-maroon-80pct,
img[src~="bg-maroon"] {
background-color: rgba(128, 0, 0, 0.8);
}
.bc-maroon,
img[src~="bc-maroon"] {
border-color: #800000;
}
.bc-maroon-20pct,
img[src~="bc-maroon"] {
border-color: rgba(128, 0, 0, 0.2);
}
.bc-maroon-40pct,
img[src~="bc-maroon"] {
border-color: rgba(128, 0, 0, 0.4);
}
.bc-maroon-60pct,
img[src~="bc-maroon"] {
border-color: rgba(128, 0, 0, 0.6);
}
.bc-maroon-80pct,
img[src~="bc-maroon"] {
border-color: rgba(128, 0, 0, 0.8);
}
.color-mediumaquamarine,
img[src~="color-mediumaquamarine"] {
color: #66CDAA;
}
.color-mediumaquamarine-20pct,
img[src~="color-mediumaquamarine"] {
color: rgba(102, 205, 170, 0.2);
}
.color-mediumaquamarine-40pct,
img[src~="color-mediumaquamarine"] {
color: rgba(102, 205, 170, 0.4);
}
.color-mediumaquamarine-60pct,
img[src~="color-mediumaquamarine"] {
color: rgba(102, 205, 170, 0.6);
}
.color-mediumaquamarine-80pct,
img[src~="color-mediumaquamarine"] {
color: rgba(102, 205, 170, 0.8);
}
.bg-mediumaquamarine,
img[src~="bg-mediumaquamarine"] {
background-color: #66CDAA;
}
.bg-mediumaquamarine-20pct,
img[src~="bg-mediumaquamarine"] {
background-color: rgba(102, 205, 170, 0.2);
}
.bg-mediumaquamarine-40pct,
img[src~="bg-mediumaquamarine"] {
background-color: rgba(102, 205, 170, 0.4);
}
.bg-mediumaquamarine-60pct,
img[src~="bg-mediumaquamarine"] {
background-color: rgba(102, 205, 170, 0.6);
}
.bg-mediumaquamarine-80pct,
img[src~="bg-mediumaquamarine"] {
background-color: rgba(102, 205, 170, 0.8);
}
.bc-mediumaquamarine,
img[src~="bc-mediumaquamarine"] {
border-color: #66CDAA;
}
.bc-mediumaquamarine-20pct,
img[src~="bc-mediumaquamarine"] {
border-color: rgba(102, 205, 170, 0.2);
}
.bc-mediumaquamarine-40pct,
img[src~="bc-mediumaquamarine"] {
border-color: rgba(102, 205, 170, 0.4);
}
.bc-mediumaquamarine-60pct,
img[src~="bc-mediumaquamarine"] {
border-color: rgba(102, 205, 170, 0.6);
}
.bc-mediumaquamarine-80pct,
img[src~="bc-mediumaquamarine"] {
border-color: rgba(102, 205, 170, 0.8);
}
.color-mediumblue,
img[src~="color-mediumblue"] {
color: #0000CD;
}
.color-mediumblue-20pct,
img[src~="color-mediumblue"] {
color: rgba(0, 0, 205, 0.2);
}
.color-mediumblue-40pct,
img[src~="color-mediumblue"] {
color: rgba(0, 0, 205, 0.4);
}
.color-mediumblue-60pct,
img[src~="color-mediumblue"] {
color: rgba(0, 0, 205, 0.6);
}
.color-mediumblue-80pct,
img[src~="color-mediumblue"] {
color: rgba(0, 0, 205, 0.8);
}
.bg-mediumblue,
img[src~="bg-mediumblue"] {
background-color: #0000CD;
}
.bg-mediumblue-20pct,
img[src~="bg-mediumblue"] {
background-color: rgba(0, 0, 205, 0.2);
}
.bg-mediumblue-40pct,
img[src~="bg-mediumblue"] {
background-color: rgba(0, 0, 205, 0.4);
}
.bg-mediumblue-60pct,
img[src~="bg-mediumblue"] {
background-color: rgba(0, 0, 205, 0.6);
}
.bg-mediumblue-80pct,
img[src~="bg-mediumblue"] {
background-color: rgba(0, 0, 205, 0.8);
}
.bc-mediumblue,
img[src~="bc-mediumblue"] {
border-color: #0000CD;
}
.bc-mediumblue-20pct,
img[src~="bc-mediumblue"] {
border-color: rgba(0, 0, 205, 0.2);
}
.bc-mediumblue-40pct,
img[src~="bc-mediumblue"] {
border-color: rgba(0, 0, 205, 0.4);
}
.bc-mediumblue-60pct,
img[src~="bc-mediumblue"] {
border-color: rgba(0, 0, 205, 0.6);
}
.bc-mediumblue-80pct,
img[src~="bc-mediumblue"] {
border-color: rgba(0, 0, 205, 0.8);
}
.color-mediumorchid,
img[src~="color-mediumorchid"] {
color: #BA55D3;
}
.color-mediumorchid-20pct,
img[src~="color-mediumorchid"] {
color: rgba(186, 85, 211, 0.2);
}
.color-mediumorchid-40pct,
img[src~="color-mediumorchid"] {
color: rgba(186, 85, 211, 0.4);
}
.color-mediumorchid-60pct,
img[src~="color-mediumorchid"] {
color: rgba(186, 85, 211, 0.6);
}
.color-mediumorchid-80pct,
img[src~="color-mediumorchid"] {
color: rgba(186, 85, 211, 0.8);
}
.bg-mediumorchid,
img[src~="bg-mediumorchid"] {
background-color: #BA55D3;
}
.bg-mediumorchid-20pct,
img[src~="bg-mediumorchid"] {
background-color: rgba(186, 85, 211, 0.2);
}
.bg-mediumorchid-40pct,
img[src~="bg-mediumorchid"] {
background-color: rgba(186, 85, 211, 0.4);
}
.bg-mediumorchid-60pct,
img[src~="bg-mediumorchid"] {
background-color: rgba(186, 85, 211, 0.6);
}
.bg-mediumorchid-80pct,
img[src~="bg-mediumorchid"] {
background-color: rgba(186, 85, 211, 0.8);
}
.bc-mediumorchid,
img[src~="bc-mediumorchid"] {
border-color: #BA55D3;
}
.bc-mediumorchid-20pct,
img[src~="bc-mediumorchid"] {
border-color: rgba(186, 85, 211, 0.2);
}
.bc-mediumorchid-40pct,
img[src~="bc-mediumorchid"] {
border-color: rgba(186, 85, 211, 0.4);
}
.bc-mediumorchid-60pct,
img[src~="bc-mediumorchid"] {
border-color: rgba(186, 85, 211, 0.6);
}
.bc-mediumorchid-80pct,
img[src~="bc-mediumorchid"] {
border-color: rgba(186, 85, 211, 0.8);
}
.color-mediumpurple,
img[src~="color-mediumpurple"] {
color: #9370DB;
}
.color-mediumpurple-20pct,
img[src~="color-mediumpurple"] {
color: rgba(147, 112, 219, 0.2);
}
.color-mediumpurple-40pct,
img[src~="color-mediumpurple"] {
color: rgba(147, 112, 219, 0.4);
}
.color-mediumpurple-60pct,
img[src~="color-mediumpurple"] {
color: rgba(147, 112, 219, 0.6);
}
.color-mediumpurple-80pct,
img[src~="color-mediumpurple"] {
color: rgba(147, 112, 219, 0.8);
}
.bg-mediumpurple,
img[src~="bg-mediumpurple"] {
background-color: #9370DB;
}
.bg-mediumpurple-20pct,
img[src~="bg-mediumpurple"] {
background-color: rgba(147, 112, 219, 0.2);
}
.bg-mediumpurple-40pct,
img[src~="bg-mediumpurple"] {
background-color: rgba(147, 112, 219, 0.4);
}
.bg-mediumpurple-60pct,
img[src~="bg-mediumpurple"] {
background-color: rgba(147, 112, 219, 0.6);
}
.bg-mediumpurple-80pct,
img[src~="bg-mediumpurple"] {
background-color: rgba(147, 112, 219, 0.8);
}
.bc-mediumpurple,
img[src~="bc-mediumpurple"] {
border-color: #9370DB;
}
.bc-mediumpurple-20pct,
img[src~="bc-mediumpurple"] {
border-color: rgba(147, 112, 219, 0.2);
}
.bc-mediumpurple-40pct,
img[src~="bc-mediumpurple"] {
border-color: rgba(147, 112, 219, 0.4);
}
.bc-mediumpurple-60pct,
img[src~="bc-mediumpurple"] {
border-color: rgba(147, 112, 219, 0.6);
}
.bc-mediumpurple-80pct,
img[src~="bc-mediumpurple"] {
border-color: rgba(147, 112, 219, 0.8);
}
.color-mediumseagreen,
img[src~="color-mediumseagreen"] {
color: #3CB371;
}
.color-mediumseagreen-20pct,
img[src~="color-mediumseagreen"] {
color: rgba(60, 179, 113, 0.2);
}
.color-mediumseagreen-40pct,
img[src~="color-mediumseagreen"] {
color: rgba(60, 179, 113, 0.4);
}
.color-mediumseagreen-60pct,
img[src~="color-mediumseagreen"] {
color: rgba(60, 179, 113, 0.6);
}
.color-mediumseagreen-80pct,
img[src~="color-mediumseagreen"] {
color: rgba(60, 179, 113, 0.8);
}
.bg-mediumseagreen,
img[src~="bg-mediumseagreen"] {
background-color: #3CB371;
}
.bg-mediumseagreen-20pct,
img[src~="bg-mediumseagreen"] {
background-color: rgba(60, 179, 113, 0.2);
}
.bg-mediumseagreen-40pct,
img[src~="bg-mediumseagreen"] {
background-color: rgba(60, 179, 113, 0.4);
}
.bg-mediumseagreen-60pct,
img[src~="bg-mediumseagreen"] {
background-color: rgba(60, 179, 113, 0.6);
}
.bg-mediumseagreen-80pct,
img[src~="bg-mediumseagreen"] {
background-color: rgba(60, 179, 113, 0.8);
}
.bc-mediumseagreen,
img[src~="bc-mediumseagreen"] {
border-color: #3CB371;
}
.bc-mediumseagreen-20pct,
img[src~="bc-mediumseagreen"] {
border-color: rgba(60, 179, 113, 0.2);
}
.bc-mediumseagreen-40pct,
img[src~="bc-mediumseagreen"] {
border-color: rgba(60, 179, 113, 0.4);
}
.bc-mediumseagreen-60pct,
img[src~="bc-mediumseagreen"] {
border-color: rgba(60, 179, 113, 0.6);
}
.bc-mediumseagreen-80pct,
img[src~="bc-mediumseagreen"] {
border-color: rgba(60, 179, 113, 0.8);
}
.color-mediumslateblue,
img[src~="color-mediumslateblue"] {
color: #7B68EE;
}
.color-mediumslateblue-20pct,
img[src~="color-mediumslateblue"] {
color: rgba(123, 104, 238, 0.2);
}
.color-mediumslateblue-40pct,
img[src~="color-mediumslateblue"] {
color: rgba(123, 104, 238, 0.4);
}
.color-mediumslateblue-60pct,
img[src~="color-mediumslateblue"] {
color: rgba(123, 104, 238, 0.6);
}
.color-mediumslateblue-80pct,
img[src~="color-mediumslateblue"] {
color: rgba(123, 104, 238, 0.8);
}
.bg-mediumslateblue,
img[src~="bg-mediumslateblue"] {
background-color: #7B68EE;
}
.bg-mediumslateblue-20pct,
img[src~="bg-mediumslateblue"] {
background-color: rgba(123, 104, 238, 0.2);
}
.bg-mediumslateblue-40pct,
img[src~="bg-mediumslateblue"] {
background-color: rgba(123, 104, 238, 0.4);
}
.bg-mediumslateblue-60pct,
img[src~="bg-mediumslateblue"] {
background-color: rgba(123, 104, 238, 0.6);
}
.bg-mediumslateblue-80pct,
img[src~="bg-mediumslateblue"] {
background-color: rgba(123, 104, 238, 0.8);
}
.bc-mediumslateblue,
img[src~="bc-mediumslateblue"] {
border-color: #7B68EE;
}
.bc-mediumslateblue-20pct,
img[src~="bc-mediumslateblue"] {
border-color: rgba(123, 104, 238, 0.2);
}
.bc-mediumslateblue-40pct,
img[src~="bc-mediumslateblue"] {
border-color: rgba(123, 104, 238, 0.4);
}
.bc-mediumslateblue-60pct,
img[src~="bc-mediumslateblue"] {
border-color: rgba(123, 104, 238, 0.6);
}
.bc-mediumslateblue-80pct,
img[src~="bc-mediumslateblue"] {
border-color: rgba(123, 104, 238, 0.8);
}
.color-mediumspringgreen,
img[src~="color-mediumspringgreen"] {
color: #00FA9A;
}
.color-mediumspringgreen-20pct,
img[src~="color-mediumspringgreen"] {
color: rgba(0, 250, 154, 0.2);
}
.color-mediumspringgreen-40pct,
img[src~="color-mediumspringgreen"] {
color: rgba(0, 250, 154, 0.4);
}
.color-mediumspringgreen-60pct,
img[src~="color-mediumspringgreen"] {
color: rgba(0, 250, 154, 0.6);
}
.color-mediumspringgreen-80pct,
img[src~="color-mediumspringgreen"] {
color: rgba(0, 250, 154, 0.8);
}
.bg-mediumspringgreen,
img[src~="bg-mediumspringgreen"] {
background-color: #00FA9A;
}
.bg-mediumspringgreen-20pct,
img[src~="bg-mediumspringgreen"] {
background-color: rgba(0, 250, 154, 0.2);
}
.bg-mediumspringgreen-40pct,
img[src~="bg-mediumspringgreen"] {
background-color: rgba(0, 250, 154, 0.4);
}
.bg-mediumspringgreen-60pct,
img[src~="bg-mediumspringgreen"] {
background-color: rgba(0, 250, 154, 0.6);
}
.bg-mediumspringgreen-80pct,
img[src~="bg-mediumspringgreen"] {
background-color: rgba(0, 250, 154, 0.8);
}
.bc-mediumspringgreen,
img[src~="bc-mediumspringgreen"] {
border-color: #00FA9A;
}
.bc-mediumspringgreen-20pct,
img[src~="bc-mediumspringgreen"] {
border-color: rgba(0, 250, 154, 0.2);
}
.bc-mediumspringgreen-40pct,
img[src~="bc-mediumspringgreen"] {
border-color: rgba(0, 250, 154, 0.4);
}
.bc-mediumspringgreen-60pct,
img[src~="bc-mediumspringgreen"] {
border-color: rgba(0, 250, 154, 0.6);
}
.bc-mediumspringgreen-80pct,
img[src~="bc-mediumspringgreen"] {
border-color: rgba(0, 250, 154, 0.8);
}
.color-mediumturquoise,
img[src~="color-mediumturquoise"] {
color: #48D1CC;
}
.color-mediumturquoise-20pct,
img[src~="color-mediumturquoise"] {
color: rgba(72, 209, 204, 0.2);
}
.color-mediumturquoise-40pct,
img[src~="color-mediumturquoise"] {
color: rgba(72, 209, 204, 0.4);
}
.color-mediumturquoise-60pct,
img[src~="color-mediumturquoise"] {
color: rgba(72, 209, 204, 0.6);
}
.color-mediumturquoise-80pct,
img[src~="color-mediumturquoise"] {
color: rgba(72, 209, 204, 0.8);
}
.bg-mediumturquoise,
img[src~="bg-mediumturquoise"] {
background-color: #48D1CC;
}
.bg-mediumturquoise-20pct,
img[src~="bg-mediumturquoise"] {
background-color: rgba(72, 209, 204, 0.2);
}
.bg-mediumturquoise-40pct,
img[src~="bg-mediumturquoise"] {
background-color: rgba(72, 209, 204, 0.4);
}
.bg-mediumturquoise-60pct,
img[src~="bg-mediumturquoise"] {
background-color: rgba(72, 209, 204, 0.6);
}
.bg-mediumturquoise-80pct,
img[src~="bg-mediumturquoise"] {
background-color: rgba(72, 209, 204, 0.8);
}
.bc-mediumturquoise,
img[src~="bc-mediumturquoise"] {
border-color: #48D1CC;
}
.bc-mediumturquoise-20pct,
img[src~="bc-mediumturquoise"] {
border-color: rgba(72, 209, 204, 0.2);
}
.bc-mediumturquoise-40pct,
img[src~="bc-mediumturquoise"] {
border-color: rgba(72, 209, 204, 0.4);
}
.bc-mediumturquoise-60pct,
img[src~="bc-mediumturquoise"] {
border-color: rgba(72, 209, 204, 0.6);
}
.bc-mediumturquoise-80pct,
img[src~="bc-mediumturquoise"] {
border-color: rgba(72, 209, 204, 0.8);
}
.color-mediumvioletred,
img[src~="color-mediumvioletred"] {
color: #C71585;
}
.color-mediumvioletred-20pct,
img[src~="color-mediumvioletred"] {
color: rgba(199, 21, 133, 0.2);
}
.color-mediumvioletred-40pct,
img[src~="color-mediumvioletred"] {
color: rgba(199, 21, 133, 0.4);
}
.color-mediumvioletred-60pct,
img[src~="color-mediumvioletred"] {
color: rgba(199, 21, 133, 0.6);
}
.color-mediumvioletred-80pct,
img[src~="color-mediumvioletred"] {
color: rgba(199, 21, 133, 0.8);
}
.bg-mediumvioletred,
img[src~="bg-mediumvioletred"] {
background-color: #C71585;
}
.bg-mediumvioletred-20pct,
img[src~="bg-mediumvioletred"] {
background-color: rgba(199, 21, 133, 0.2);
}
.bg-mediumvioletred-40pct,
img[src~="bg-mediumvioletred"] {
background-color: rgba(199, 21, 133, 0.4);
}
.bg-mediumvioletred-60pct,
img[src~="bg-mediumvioletred"] {
background-color: rgba(199, 21, 133, 0.6);
}
.bg-mediumvioletred-80pct,
img[src~="bg-mediumvioletred"] {
background-color: rgba(199, 21, 133, 0.8);
}
.bc-mediumvioletred,
img[src~="bc-mediumvioletred"] {
border-color: #C71585;
}
.bc-mediumvioletred-20pct,
img[src~="bc-mediumvioletred"] {
border-color: rgba(199, 21, 133, 0.2);
}
.bc-mediumvioletred-40pct,
img[src~="bc-mediumvioletred"] {
border-color: rgba(199, 21, 133, 0.4);
}
.bc-mediumvioletred-60pct,
img[src~="bc-mediumvioletred"] {
border-color: rgba(199, 21, 133, 0.6);
}
.bc-mediumvioletred-80pct,
img[src~="bc-mediumvioletred"] {
border-color: rgba(199, 21, 133, 0.8);
}
.color-midnightblue,
img[src~="color-midnightblue"] {
color: #191970;
}
.color-midnightblue-20pct,
img[src~="color-midnightblue"] {
color: rgba(25, 25, 112, 0.2);
}
.color-midnightblue-40pct,
img[src~="color-midnightblue"] {
color: rgba(25, 25, 112, 0.4);
}
.color-midnightblue-60pct,
img[src~="color-midnightblue"] {
color: rgba(25, 25, 112, 0.6);
}
.color-midnightblue-80pct,
img[src~="color-midnightblue"] {
color: rgba(25, 25, 112, 0.8);
}
.bg-midnightblue,
img[src~="bg-midnightblue"] {
background-color: #191970;
}
.bg-midnightblue-20pct,
img[src~="bg-midnightblue"] {
background-color: rgba(25, 25, 112, 0.2);
}
.bg-midnightblue-40pct,
img[src~="bg-midnightblue"] {
background-color: rgba(25, 25, 112, 0.4);
}
.bg-midnightblue-60pct,
img[src~="bg-midnightblue"] {
background-color: rgba(25, 25, 112, 0.6);
}
.bg-midnightblue-80pct,
img[src~="bg-midnightblue"] {
background-color: rgba(25, 25, 112, 0.8);
}
.bc-midnightblue,
img[src~="bc-midnightblue"] {
border-color: #191970;
}
.bc-midnightblue-20pct,
img[src~="bc-midnightblue"] {
border-color: rgba(25, 25, 112, 0.2);
}
.bc-midnightblue-40pct,
img[src~="bc-midnightblue"] {
border-color: rgba(25, 25, 112, 0.4);
}
.bc-midnightblue-60pct,
img[src~="bc-midnightblue"] {
border-color: rgba(25, 25, 112, 0.6);
}
.bc-midnightblue-80pct,
img[src~="bc-midnightblue"] {
border-color: rgba(25, 25, 112, 0.8);
}
.color-mintcream,
img[src~="color-mintcream"] {
color: #F5FFFA;
}
.color-mintcream-20pct,
img[src~="color-mintcream"] {
color: rgba(245, 255, 250, 0.2);
}
.color-mintcream-40pct,
img[src~="color-mintcream"] {
color: rgba(245, 255, 250, 0.4);
}
.color-mintcream-60pct,
img[src~="color-mintcream"] {
color: rgba(245, 255, 250, 0.6);
}
.color-mintcream-80pct,
img[src~="color-mintcream"] {
color: rgba(245, 255, 250, 0.8);
}
.bg-mintcream,
img[src~="bg-mintcream"] {
background-color: #F5FFFA;
}
.bg-mintcream-20pct,
img[src~="bg-mintcream"] {
background-color: rgba(245, 255, 250, 0.2);
}
.bg-mintcream-40pct,
img[src~="bg-mintcream"] {
background-color: rgba(245, 255, 250, 0.4);
}
.bg-mintcream-60pct,
img[src~="bg-mintcream"] {
background-color: rgba(245, 255, 250, 0.6);
}
.bg-mintcream-80pct,
img[src~="bg-mintcream"] {
background-color: rgba(245, 255, 250, 0.8);
}
.bc-mintcream,
img[src~="bc-mintcream"] {
border-color: #F5FFFA;
}
.bc-mintcream-20pct,
img[src~="bc-mintcream"] {
border-color: rgba(245, 255, 250, 0.2);
}
.bc-mintcream-40pct,
img[src~="bc-mintcream"] {
border-color: rgba(245, 255, 250, 0.4);
}
.bc-mintcream-60pct,
img[src~="bc-mintcream"] {
border-color: rgba(245, 255, 250, 0.6);
}
.bc-mintcream-80pct,
img[src~="bc-mintcream"] {
border-color: rgba(245, 255, 250, 0.8);
}
.color-mistyrose,
img[src~="color-mistyrose"] {
color: #FFE4E1;
}
.color-mistyrose-20pct,
img[src~="color-mistyrose"] {
color: rgba(255, 228, 225, 0.2);
}
.color-mistyrose-40pct,
img[src~="color-mistyrose"] {
color: rgba(255, 228, 225, 0.4);
}
.color-mistyrose-60pct,
img[src~="color-mistyrose"] {
color: rgba(255, 228, 225, 0.6);
}
.color-mistyrose-80pct,
img[src~="color-mistyrose"] {
color: rgba(255, 228, 225, 0.8);
}
.bg-mistyrose,
img[src~="bg-mistyrose"] {
background-color: #FFE4E1;
}
.bg-mistyrose-20pct,
img[src~="bg-mistyrose"] {
background-color: rgba(255, 228, 225, 0.2);
}
.bg-mistyrose-40pct,
img[src~="bg-mistyrose"] {
background-color: rgba(255, 228, 225, 0.4);
}
.bg-mistyrose-60pct,
img[src~="bg-mistyrose"] {
background-color: rgba(255, 228, 225, 0.6);
}
.bg-mistyrose-80pct,
img[src~="bg-mistyrose"] {
background-color: rgba(255, 228, 225, 0.8);
}
.bc-mistyrose,
img[src~="bc-mistyrose"] {
border-color: #FFE4E1;
}
.bc-mistyrose-20pct,
img[src~="bc-mistyrose"] {
border-color: rgba(255, 228, 225, 0.2);
}
.bc-mistyrose-40pct,
img[src~="bc-mistyrose"] {
border-color: rgba(255, 228, 225, 0.4);
}
.bc-mistyrose-60pct,
img[src~="bc-mistyrose"] {
border-color: rgba(255, 228, 225, 0.6);
}
.bc-mistyrose-80pct,
img[src~="bc-mistyrose"] {
border-color: rgba(255, 228, 225, 0.8);
}
.color-moccasin,
img[src~="color-moccasin"] {
color: #FFE4B5;
}
.color-moccasin-20pct,
img[src~="color-moccasin"] {
color: rgba(255, 228, 181, 0.2);
}
.color-moccasin-40pct,
img[src~="color-moccasin"] {
color: rgba(255, 228, 181, 0.4);
}
.color-moccasin-60pct,
img[src~="color-moccasin"] {
color: rgba(255, 228, 181, 0.6);
}
.color-moccasin-80pct,
img[src~="color-moccasin"] {
color: rgba(255, 228, 181, 0.8);
}
.bg-moccasin,
img[src~="bg-moccasin"] {
background-color: #FFE4B5;
}
.bg-moccasin-20pct,
img[src~="bg-moccasin"] {
background-color: rgba(255, 228, 181, 0.2);
}
.bg-moccasin-40pct,
img[src~="bg-moccasin"] {
background-color: rgba(255, 228, 181, 0.4);
}
.bg-moccasin-60pct,
img[src~="bg-moccasin"] {
background-color: rgba(255, 228, 181, 0.6);
}
.bg-moccasin-80pct,
img[src~="bg-moccasin"] {
background-color: rgba(255, 228, 181, 0.8);
}
.bc-moccasin,
img[src~="bc-moccasin"] {
border-color: #FFE4B5;
}
.bc-moccasin-20pct,
img[src~="bc-moccasin"] {
border-color: rgba(255, 228, 181, 0.2);
}
.bc-moccasin-40pct,
img[src~="bc-moccasin"] {
border-color: rgba(255, 228, 181, 0.4);
}
.bc-moccasin-60pct,
img[src~="bc-moccasin"] {
border-color: rgba(255, 228, 181, 0.6);
}
.bc-moccasin-80pct,
img[src~="bc-moccasin"] {
border-color: rgba(255, 228, 181, 0.8);
}
.color-navajowhite,
img[src~="color-navajowhite"] {
color: #FFDEAD;
}
.color-navajowhite-20pct,
img[src~="color-navajowhite"] {
color: rgba(255, 222, 173, 0.2);
}
.color-navajowhite-40pct,
img[src~="color-navajowhite"] {
color: rgba(255, 222, 173, 0.4);
}
.color-navajowhite-60pct,
img[src~="color-navajowhite"] {
color: rgba(255, 222, 173, 0.6);
}
.color-navajowhite-80pct,
img[src~="color-navajowhite"] {
color: rgba(255, 222, 173, 0.8);
}
.bg-navajowhite,
img[src~="bg-navajowhite"] {
background-color: #FFDEAD;
}
.bg-navajowhite-20pct,
img[src~="bg-navajowhite"] {
background-color: rgba(255, 222, 173, 0.2);
}
.bg-navajowhite-40pct,
img[src~="bg-navajowhite"] {
background-color: rgba(255, 222, 173, 0.4);
}
.bg-navajowhite-60pct,
img[src~="bg-navajowhite"] {
background-color: rgba(255, 222, 173, 0.6);
}
.bg-navajowhite-80pct,
img[src~="bg-navajowhite"] {
background-color: rgba(255, 222, 173, 0.8);
}
.bc-navajowhite,
img[src~="bc-navajowhite"] {
border-color: #FFDEAD;
}
.bc-navajowhite-20pct,
img[src~="bc-navajowhite"] {
border-color: rgba(255, 222, 173, 0.2);
}
.bc-navajowhite-40pct,
img[src~="bc-navajowhite"] {
border-color: rgba(255, 222, 173, 0.4);
}
.bc-navajowhite-60pct,
img[src~="bc-navajowhite"] {
border-color: rgba(255, 222, 173, 0.6);
}
.bc-navajowhite-80pct,
img[src~="bc-navajowhite"] {
border-color: rgba(255, 222, 173, 0.8);
}
.color-navy,
img[src~="color-navy"] {
color: #000080;
}
.color-navy-20pct,
img[src~="color-navy"] {
color: rgba(0, 0, 128, 0.2);
}
.color-navy-40pct,
img[src~="color-navy"] {
color: rgba(0, 0, 128, 0.4);
}
.color-navy-60pct,
img[src~="color-navy"] {
color: rgba(0, 0, 128, 0.6);
}
.color-navy-80pct,
img[src~="color-navy"] {
color: rgba(0, 0, 128, 0.8);
}
.bg-navy,
img[src~="bg-navy"] {
background-color: #000080;
}
.bg-navy-20pct,
img[src~="bg-navy"] {
background-color: rgba(0, 0, 128, 0.2);
}
.bg-navy-40pct,
img[src~="bg-navy"] {
background-color: rgba(0, 0, 128, 0.4);
}
.bg-navy-60pct,
img[src~="bg-navy"] {
background-color: rgba(0, 0, 128, 0.6);
}
.bg-navy-80pct,
img[src~="bg-navy"] {
background-color: rgba(0, 0, 128, 0.8);
}
.bc-navy,
img[src~="bc-navy"] {
border-color: #000080;
}
.bc-navy-20pct,
img[src~="bc-navy"] {
border-color: rgba(0, 0, 128, 0.2);
}
.bc-navy-40pct,
img[src~="bc-navy"] {
border-color: rgba(0, 0, 128, 0.4);
}
.bc-navy-60pct,
img[src~="bc-navy"] {
border-color: rgba(0, 0, 128, 0.6);
}
.bc-navy-80pct,
img[src~="bc-navy"] {
border-color: rgba(0, 0, 128, 0.8);
}
.color-oldlace,
img[src~="color-oldlace"] {
color: #FDF5E6;
}
.color-oldlace-20pct,
img[src~="color-oldlace"] {
color: rgba(253, 245, 230, 0.2);
}
.color-oldlace-40pct,
img[src~="color-oldlace"] {
color: rgba(253, 245, 230, 0.4);
}
.color-oldlace-60pct,
img[src~="color-oldlace"] {
color: rgba(253, 245, 230, 0.6);
}
.color-oldlace-80pct,
img[src~="color-oldlace"] {
color: rgba(253, 245, 230, 0.8);
}
.bg-oldlace,
img[src~="bg-oldlace"] {
background-color: #FDF5E6;
}
.bg-oldlace-20pct,
img[src~="bg-oldlace"] {
background-color: rgba(253, 245, 230, 0.2);
}
.bg-oldlace-40pct,
img[src~="bg-oldlace"] {
background-color: rgba(253, 245, 230, 0.4);
}
.bg-oldlace-60pct,
img[src~="bg-oldlace"] {
background-color: rgba(253, 245, 230, 0.6);
}
.bg-oldlace-80pct,
img[src~="bg-oldlace"] {
background-color: rgba(253, 245, 230, 0.8);
}
.bc-oldlace,
img[src~="bc-oldlace"] {
border-color: #FDF5E6;
}
.bc-oldlace-20pct,
img[src~="bc-oldlace"] {
border-color: rgba(253, 245, 230, 0.2);
}
.bc-oldlace-40pct,
img[src~="bc-oldlace"] {
border-color: rgba(253, 245, 230, 0.4);
}
.bc-oldlace-60pct,
img[src~="bc-oldlace"] {
border-color: rgba(253, 245, 230, 0.6);
}
.bc-oldlace-80pct,
img[src~="bc-oldlace"] {
border-color: rgba(253, 245, 230, 0.8);
}
.color-olive,
img[src~="color-olive"] {
color: #808000;
}
.color-olive-20pct,
img[src~="color-olive"] {
color: rgba(128, 128, 0, 0.2);
}
.color-olive-40pct,
img[src~="color-olive"] {
color: rgba(128, 128, 0, 0.4);
}
.color-olive-60pct,
img[src~="color-olive"] {
color: rgba(128, 128, 0, 0.6);
}
.color-olive-80pct,
img[src~="color-olive"] {
color: rgba(128, 128, 0, 0.8);
}
.bg-olive,
img[src~="bg-olive"] {
background-color: #808000;
}
.bg-olive-20pct,
img[src~="bg-olive"] {
background-color: rgba(128, 128, 0, 0.2);
}
.bg-olive-40pct,
img[src~="bg-olive"] {
background-color: rgba(128, 128, 0, 0.4);
}
.bg-olive-60pct,
img[src~="bg-olive"] {
background-color: rgba(128, 128, 0, 0.6);
}
.bg-olive-80pct,
img[src~="bg-olive"] {
background-color: rgba(128, 128, 0, 0.8);
}
.bc-olive,
img[src~="bc-olive"] {
border-color: #808000;
}
.bc-olive-20pct,
img[src~="bc-olive"] {
border-color: rgba(128, 128, 0, 0.2);
}
.bc-olive-40pct,
img[src~="bc-olive"] {
border-color: rgba(128, 128, 0, 0.4);
}
.bc-olive-60pct,
img[src~="bc-olive"] {
border-color: rgba(128, 128, 0, 0.6);
}
.bc-olive-80pct,
img[src~="bc-olive"] {
border-color: rgba(128, 128, 0, 0.8);
}
.color-olivedrab,
img[src~="color-olivedrab"] {
color: #6B8E23;
}
.color-olivedrab-20pct,
img[src~="color-olivedrab"] {
color: rgba(107, 142, 35, 0.2);
}
.color-olivedrab-40pct,
img[src~="color-olivedrab"] {
color: rgba(107, 142, 35, 0.4);
}
.color-olivedrab-60pct,
img[src~="color-olivedrab"] {
color: rgba(107, 142, 35, 0.6);
}
.color-olivedrab-80pct,
img[src~="color-olivedrab"] {
color: rgba(107, 142, 35, 0.8);
}
.bg-olivedrab,
img[src~="bg-olivedrab"] {
background-color: #6B8E23;
}
.bg-olivedrab-20pct,
img[src~="bg-olivedrab"] {
background-color: rgba(107, 142, 35, 0.2);
}
.bg-olivedrab-40pct,
img[src~="bg-olivedrab"] {
background-color: rgba(107, 142, 35, 0.4);
}
.bg-olivedrab-60pct,
img[src~="bg-olivedrab"] {
background-color: rgba(107, 142, 35, 0.6);
}
.bg-olivedrab-80pct,
img[src~="bg-olivedrab"] {
background-color: rgba(107, 142, 35, 0.8);
}
.bc-olivedrab,
img[src~="bc-olivedrab"] {
border-color: #6B8E23;
}
.bc-olivedrab-20pct,
img[src~="bc-olivedrab"] {
border-color: rgba(107, 142, 35, 0.2);
}
.bc-olivedrab-40pct,
img[src~="bc-olivedrab"] {
border-color: rgba(107, 142, 35, 0.4);
}
.bc-olivedrab-60pct,
img[src~="bc-olivedrab"] {
border-color: rgba(107, 142, 35, 0.6);
}
.bc-olivedrab-80pct,
img[src~="bc-olivedrab"] {
border-color: rgba(107, 142, 35, 0.8);
}
.color-orange,
img[src~="color-orange"] {
color: #FFA500;
}
.color-orange-20pct,
img[src~="color-orange"] {
color: rgba(255, 165, 0, 0.2);
}
.color-orange-40pct,
img[src~="color-orange"] {
color: rgba(255, 165, 0, 0.4);
}
.color-orange-60pct,
img[src~="color-orange"] {
color: rgba(255, 165, 0, 0.6);
}
.color-orange-80pct,
img[src~="color-orange"] {
color: rgba(255, 165, 0, 0.8);
}
.bg-orange,
img[src~="bg-orange"] {
background-color: #FFA500;
}
.bg-orange-20pct,
img[src~="bg-orange"] {
background-color: rgba(255, 165, 0, 0.2);
}
.bg-orange-40pct,
img[src~="bg-orange"] {
background-color: rgba(255, 165, 0, 0.4);
}
.bg-orange-60pct,
img[src~="bg-orange"] {
background-color: rgba(255, 165, 0, 0.6);
}
.bg-orange-80pct,
img[src~="bg-orange"] {
background-color: rgba(255, 165, 0, 0.8);
}
.bc-orange,
img[src~="bc-orange"] {
border-color: #FFA500;
}
.bc-orange-20pct,
img[src~="bc-orange"] {
border-color: rgba(255, 165, 0, 0.2);
}
.bc-orange-40pct,
img[src~="bc-orange"] {
border-color: rgba(255, 165, 0, 0.4);
}
.bc-orange-60pct,
img[src~="bc-orange"] {
border-color: rgba(255, 165, 0, 0.6);
}
.bc-orange-80pct,
img[src~="bc-orange"] {
border-color: rgba(255, 165, 0, 0.8);
}
.color-orangered,
img[src~="color-orangered"] {
color: #FF4500;
}
.color-orangered-20pct,
img[src~="color-orangered"] {
color: rgba(255, 69, 0, 0.2);
}
.color-orangered-40pct,
img[src~="color-orangered"] {
color: rgba(255, 69, 0, 0.4);
}
.color-orangered-60pct,
img[src~="color-orangered"] {
color: rgba(255, 69, 0, 0.6);
}
.color-orangered-80pct,
img[src~="color-orangered"] {
color: rgba(255, 69, 0, 0.8);
}
.bg-orangered,
img[src~="bg-orangered"] {
background-color: #FF4500;
}
.bg-orangered-20pct,
img[src~="bg-orangered"] {
background-color: rgba(255, 69, 0, 0.2);
}
.bg-orangered-40pct,
img[src~="bg-orangered"] {
background-color: rgba(255, 69, 0, 0.4);
}
.bg-orangered-60pct,
img[src~="bg-orangered"] {
background-color: rgba(255, 69, 0, 0.6);
}
.bg-orangered-80pct,
img[src~="bg-orangered"] {
background-color: rgba(255, 69, 0, 0.8);
}
.bc-orangered,
img[src~="bc-orangered"] {
border-color: #FF4500;
}
.bc-orangered-20pct,
img[src~="bc-orangered"] {
border-color: rgba(255, 69, 0, 0.2);
}
.bc-orangered-40pct,
img[src~="bc-orangered"] {
border-color: rgba(255, 69, 0, 0.4);
}
.bc-orangered-60pct,
img[src~="bc-orangered"] {
border-color: rgba(255, 69, 0, 0.6);
}
.bc-orangered-80pct,
img[src~="bc-orangered"] {
border-color: rgba(255, 69, 0, 0.8);
}
.color-orchid,
img[src~="color-orchid"] {
color: #DA70D6;
}
.color-orchid-20pct,
img[src~="color-orchid"] {
color: rgba(218, 112, 214, 0.2);
}
.color-orchid-40pct,
img[src~="color-orchid"] {
color: rgba(218, 112, 214, 0.4);
}
.color-orchid-60pct,
img[src~="color-orchid"] {
color: rgba(218, 112, 214, 0.6);
}
.color-orchid-80pct,
img[src~="color-orchid"] {
color: rgba(218, 112, 214, 0.8);
}
.bg-orchid,
img[src~="bg-orchid"] {
background-color: #DA70D6;
}
.bg-orchid-20pct,
img[src~="bg-orchid"] {
background-color: rgba(218, 112, 214, 0.2);
}
.bg-orchid-40pct,
img[src~="bg-orchid"] {
background-color: rgba(218, 112, 214, 0.4);
}
.bg-orchid-60pct,
img[src~="bg-orchid"] {
background-color: rgba(218, 112, 214, 0.6);
}
.bg-orchid-80pct,
img[src~="bg-orchid"] {
background-color: rgba(218, 112, 214, 0.8);
}
.bc-orchid,
img[src~="bc-orchid"] {
border-color: #DA70D6;
}
.bc-orchid-20pct,
img[src~="bc-orchid"] {
border-color: rgba(218, 112, 214, 0.2);
}
.bc-orchid-40pct,
img[src~="bc-orchid"] {
border-color: rgba(218, 112, 214, 0.4);
}
.bc-orchid-60pct,
img[src~="bc-orchid"] {
border-color: rgba(218, 112, 214, 0.6);
}
.bc-orchid-80pct,
img[src~="bc-orchid"] {
border-color: rgba(218, 112, 214, 0.8);
}
.color-palegoldenrod,
img[src~="color-palegoldenrod"] {
color: #EEE8AA;
}
.color-palegoldenrod-20pct,
img[src~="color-palegoldenrod"] {
color: rgba(238, 232, 170, 0.2);
}
.color-palegoldenrod-40pct,
img[src~="color-palegoldenrod"] {
color: rgba(238, 232, 170, 0.4);
}
.color-palegoldenrod-60pct,
img[src~="color-palegoldenrod"] {
color: rgba(238, 232, 170, 0.6);
}
.color-palegoldenrod-80pct,
img[src~="color-palegoldenrod"] {
color: rgba(238, 232, 170, 0.8);
}
.bg-palegoldenrod,
img[src~="bg-palegoldenrod"] {
background-color: #EEE8AA;
}
.bg-palegoldenrod-20pct,
img[src~="bg-palegoldenrod"] {
background-color: rgba(238, 232, 170, 0.2);
}
.bg-palegoldenrod-40pct,
img[src~="bg-palegoldenrod"] {
background-color: rgba(238, 232, 170, 0.4);
}
.bg-palegoldenrod-60pct,
img[src~="bg-palegoldenrod"] {
background-color: rgba(238, 232, 170, 0.6);
}
.bg-palegoldenrod-80pct,
img[src~="bg-palegoldenrod"] {
background-color: rgba(238, 232, 170, 0.8);
}
.bc-palegoldenrod,
img[src~="bc-palegoldenrod"] {
border-color: #EEE8AA;
}
.bc-palegoldenrod-20pct,
img[src~="bc-palegoldenrod"] {
border-color: rgba(238, 232, 170, 0.2);
}
.bc-palegoldenrod-40pct,
img[src~="bc-palegoldenrod"] {
border-color: rgba(238, 232, 170, 0.4);
}
.bc-palegoldenrod-60pct,
img[src~="bc-palegoldenrod"] {
border-color: rgba(238, 232, 170, 0.6);
}
.bc-palegoldenrod-80pct,
img[src~="bc-palegoldenrod"] {
border-color: rgba(238, 232, 170, 0.8);
}
.color-palegreen,
img[src~="color-palegreen"] {
color: #98FB98;
}
.color-palegreen-20pct,
img[src~="color-palegreen"] {
color: rgba(152, 251, 152, 0.2);
}
.color-palegreen-40pct,
img[src~="color-palegreen"] {
color: rgba(152, 251, 152, 0.4);
}
.color-palegreen-60pct,
img[src~="color-palegreen"] {
color: rgba(152, 251, 152, 0.6);
}
.color-palegreen-80pct,
img[src~="color-palegreen"] {
color: rgba(152, 251, 152, 0.8);
}
.bg-palegreen,
img[src~="bg-palegreen"] {
background-color: #98FB98;
}
.bg-palegreen-20pct,
img[src~="bg-palegreen"] {
background-color: rgba(152, 251, 152, 0.2);
}
.bg-palegreen-40pct,
img[src~="bg-palegreen"] {
background-color: rgba(152, 251, 152, 0.4);
}
.bg-palegreen-60pct,
img[src~="bg-palegreen"] {
background-color: rgba(152, 251, 152, 0.6);
}
.bg-palegreen-80pct,
img[src~="bg-palegreen"] {
background-color: rgba(152, 251, 152, 0.8);
}
.bc-palegreen,
img[src~="bc-palegreen"] {
border-color: #98FB98;
}
.bc-palegreen-20pct,
img[src~="bc-palegreen"] {
border-color: rgba(152, 251, 152, 0.2);
}
.bc-palegreen-40pct,
img[src~="bc-palegreen"] {
border-color: rgba(152, 251, 152, 0.4);
}
.bc-palegreen-60pct,
img[src~="bc-palegreen"] {
border-color: rgba(152, 251, 152, 0.6);
}
.bc-palegreen-80pct,
img[src~="bc-palegreen"] {
border-color: rgba(152, 251, 152, 0.8);
}
.color-paleturquoise,
img[src~="color-paleturquoise"] {
color: #AFEEEE;
}
.color-paleturquoise-20pct,
img[src~="color-paleturquoise"] {
color: rgba(175, 238, 238, 0.2);
}
.color-paleturquoise-40pct,
img[src~="color-paleturquoise"] {
color: rgba(175, 238, 238, 0.4);
}
.color-paleturquoise-60pct,
img[src~="color-paleturquoise"] {
color: rgba(175, 238, 238, 0.6);
}
.color-paleturquoise-80pct,
img[src~="color-paleturquoise"] {
color: rgba(175, 238, 238, 0.8);
}
.bg-paleturquoise,
img[src~="bg-paleturquoise"] {
background-color: #AFEEEE;
}
.bg-paleturquoise-20pct,
img[src~="bg-paleturquoise"] {
background-color: rgba(175, 238, 238, 0.2);
}
.bg-paleturquoise-40pct,
img[src~="bg-paleturquoise"] {
background-color: rgba(175, 238, 238, 0.4);
}
.bg-paleturquoise-60pct,
img[src~="bg-paleturquoise"] {
background-color: rgba(175, 238, 238, 0.6);
}
.bg-paleturquoise-80pct,
img[src~="bg-paleturquoise"] {
background-color: rgba(175, 238, 238, 0.8);
}
.bc-paleturquoise,
img[src~="bc-paleturquoise"] {
border-color: #AFEEEE;
}
.bc-paleturquoise-20pct,
img[src~="bc-paleturquoise"] {
border-color: rgba(175, 238, 238, 0.2);
}
.bc-paleturquoise-40pct,
img[src~="bc-paleturquoise"] {
border-color: rgba(175, 238, 238, 0.4);
}
.bc-paleturquoise-60pct,
img[src~="bc-paleturquoise"] {
border-color: rgba(175, 238, 238, 0.6);
}
.bc-paleturquoise-80pct,
img[src~="bc-paleturquoise"] {
border-color: rgba(175, 238, 238, 0.8);
}
.color-palevioletred,
img[src~="color-palevioletred"] {
color: #DB7093;
}
.color-palevioletred-20pct,
img[src~="color-palevioletred"] {
color: rgba(219, 112, 147, 0.2);
}
.color-palevioletred-40pct,
img[src~="color-palevioletred"] {
color: rgba(219, 112, 147, 0.4);
}
.color-palevioletred-60pct,
img[src~="color-palevioletred"] {
color: rgba(219, 112, 147, 0.6);
}
.color-palevioletred-80pct,
img[src~="color-palevioletred"] {
color: rgba(219, 112, 147, 0.8);
}
.bg-palevioletred,
img[src~="bg-palevioletred"] {
background-color: #DB7093;
}
.bg-palevioletred-20pct,
img[src~="bg-palevioletred"] {
background-color: rgba(219, 112, 147, 0.2);
}
.bg-palevioletred-40pct,
img[src~="bg-palevioletred"] {
background-color: rgba(219, 112, 147, 0.4);
}
.bg-palevioletred-60pct,
img[src~="bg-palevioletred"] {
background-color: rgba(219, 112, 147, 0.6);
}
.bg-palevioletred-80pct,
img[src~="bg-palevioletred"] {
background-color: rgba(219, 112, 147, 0.8);
}
.bc-palevioletred,
img[src~="bc-palevioletred"] {
border-color: #DB7093;
}
.bc-palevioletred-20pct,
img[src~="bc-palevioletred"] {
border-color: rgba(219, 112, 147, 0.2);
}
.bc-palevioletred-40pct,
img[src~="bc-palevioletred"] {
border-color: rgba(219, 112, 147, 0.4);
}
.bc-palevioletred-60pct,
img[src~="bc-palevioletred"] {
border-color: rgba(219, 112, 147, 0.6);
}
.bc-palevioletred-80pct,
img[src~="bc-palevioletred"] {
border-color: rgba(219, 112, 147, 0.8);
}
.color-papayawhip,
img[src~="color-papayawhip"] {
color: #FFEFD5;
}
.color-papayawhip-20pct,
img[src~="color-papayawhip"] {
color: rgba(255, 239, 213, 0.2);
}
.color-papayawhip-40pct,
img[src~="color-papayawhip"] {
color: rgba(255, 239, 213, 0.4);
}
.color-papayawhip-60pct,
img[src~="color-papayawhip"] {
color: rgba(255, 239, 213, 0.6);
}
.color-papayawhip-80pct,
img[src~="color-papayawhip"] {
color: rgba(255, 239, 213, 0.8);
}
.bg-papayawhip,
img[src~="bg-papayawhip"] {
background-color: #FFEFD5;
}
.bg-papayawhip-20pct,
img[src~="bg-papayawhip"] {
background-color: rgba(255, 239, 213, 0.2);
}
.bg-papayawhip-40pct,
img[src~="bg-papayawhip"] {
background-color: rgba(255, 239, 213, 0.4);
}
.bg-papayawhip-60pct,
img[src~="bg-papayawhip"] {
background-color: rgba(255, 239, 213, 0.6);
}
.bg-papayawhip-80pct,
img[src~="bg-papayawhip"] {
background-color: rgba(255, 239, 213, 0.8);
}
.bc-papayawhip,
img[src~="bc-papayawhip"] {
border-color: #FFEFD5;
}
.bc-papayawhip-20pct,
img[src~="bc-papayawhip"] {
border-color: rgba(255, 239, 213, 0.2);
}
.bc-papayawhip-40pct,
img[src~="bc-papayawhip"] {
border-color: rgba(255, 239, 213, 0.4);
}
.bc-papayawhip-60pct,
img[src~="bc-papayawhip"] {
border-color: rgba(255, 239, 213, 0.6);
}
.bc-papayawhip-80pct,
img[src~="bc-papayawhip"] {
border-color: rgba(255, 239, 213, 0.8);
}
.color-peachpuff,
img[src~="color-peachpuff"] {
color: #FFDAB9;
}
.color-peachpuff-20pct,
img[src~="color-peachpuff"] {
color: rgba(255, 218, 185, 0.2);
}
.color-peachpuff-40pct,
img[src~="color-peachpuff"] {
color: rgba(255, 218, 185, 0.4);
}
.color-peachpuff-60pct,
img[src~="color-peachpuff"] {
color: rgba(255, 218, 185, 0.6);
}
.color-peachpuff-80pct,
img[src~="color-peachpuff"] {
color: rgba(255, 218, 185, 0.8);
}
.bg-peachpuff,
img[src~="bg-peachpuff"] {
background-color: #FFDAB9;
}
.bg-peachpuff-20pct,
img[src~="bg-peachpuff"] {
background-color: rgba(255, 218, 185, 0.2);
}
.bg-peachpuff-40pct,
img[src~="bg-peachpuff"] {
background-color: rgba(255, 218, 185, 0.4);
}
.bg-peachpuff-60pct,
img[src~="bg-peachpuff"] {
background-color: rgba(255, 218, 185, 0.6);
}
.bg-peachpuff-80pct,
img[src~="bg-peachpuff"] {
background-color: rgba(255, 218, 185, 0.8);
}
.bc-peachpuff,
img[src~="bc-peachpuff"] {
border-color: #FFDAB9;
}
.bc-peachpuff-20pct,
img[src~="bc-peachpuff"] {
border-color: rgba(255, 218, 185, 0.2);
}
.bc-peachpuff-40pct,
img[src~="bc-peachpuff"] {
border-color: rgba(255, 218, 185, 0.4);
}
.bc-peachpuff-60pct,
img[src~="bc-peachpuff"] {
border-color: rgba(255, 218, 185, 0.6);
}
.bc-peachpuff-80pct,
img[src~="bc-peachpuff"] {
border-color: rgba(255, 218, 185, 0.8);
}
.color-peru,
img[src~="color-peru"] {
color: #CD853F;
}
.color-peru-20pct,
img[src~="color-peru"] {
color: rgba(205, 133, 63, 0.2);
}
.color-peru-40pct,
img[src~="color-peru"] {
color: rgba(205, 133, 63, 0.4);
}
.color-peru-60pct,
img[src~="color-peru"] {
color: rgba(205, 133, 63, 0.6);
}
.color-peru-80pct,
img[src~="color-peru"] {
color: rgba(205, 133, 63, 0.8);
}
.bg-peru,
img[src~="bg-peru"] {
background-color: #CD853F;
}
.bg-peru-20pct,
img[src~="bg-peru"] {
background-color: rgba(205, 133, 63, 0.2);
}
.bg-peru-40pct,
img[src~="bg-peru"] {
background-color: rgba(205, 133, 63, 0.4);
}
.bg-peru-60pct,
img[src~="bg-peru"] {
background-color: rgba(205, 133, 63, 0.6);
}
.bg-peru-80pct,
img[src~="bg-peru"] {
background-color: rgba(205, 133, 63, 0.8);
}
.bc-peru,
img[src~="bc-peru"] {
border-color: #CD853F;
}
.bc-peru-20pct,
img[src~="bc-peru"] {
border-color: rgba(205, 133, 63, 0.2);
}
.bc-peru-40pct,
img[src~="bc-peru"] {
border-color: rgba(205, 133, 63, 0.4);
}
.bc-peru-60pct,
img[src~="bc-peru"] {
border-color: rgba(205, 133, 63, 0.6);
}
.bc-peru-80pct,
img[src~="bc-peru"] {
border-color: rgba(205, 133, 63, 0.8);
}
.color-pink,
img[src~="color-pink"] {
color: #FFC0CB;
}
.color-pink-20pct,
img[src~="color-pink"] {
color: rgba(255, 192, 203, 0.2);
}
.color-pink-40pct,
img[src~="color-pink"] {
color: rgba(255, 192, 203, 0.4);
}
.color-pink-60pct,
img[src~="color-pink"] {
color: rgba(255, 192, 203, 0.6);
}
.color-pink-80pct,
img[src~="color-pink"] {
color: rgba(255, 192, 203, 0.8);
}
.bg-pink,
img[src~="bg-pink"] {
background-color: #FFC0CB;
}
.bg-pink-20pct,
img[src~="bg-pink"] {
background-color: rgba(255, 192, 203, 0.2);
}
.bg-pink-40pct,
img[src~="bg-pink"] {
background-color: rgba(255, 192, 203, 0.4);
}
.bg-pink-60pct,
img[src~="bg-pink"] {
background-color: rgba(255, 192, 203, 0.6);
}
.bg-pink-80pct,
img[src~="bg-pink"] {
background-color: rgba(255, 192, 203, 0.8);
}
.bc-pink,
img[src~="bc-pink"] {
border-color: #FFC0CB;
}
.bc-pink-20pct,
img[src~="bc-pink"] {
border-color: rgba(255, 192, 203, 0.2);
}
.bc-pink-40pct,
img[src~="bc-pink"] {
border-color: rgba(255, 192, 203, 0.4);
}
.bc-pink-60pct,
img[src~="bc-pink"] {
border-color: rgba(255, 192, 203, 0.6);
}
.bc-pink-80pct,
img[src~="bc-pink"] {
border-color: rgba(255, 192, 203, 0.8);
}
.color-plum,
img[src~="color-plum"] {
color: #DDA0DD;
}
.color-plum-20pct,
img[src~="color-plum"] {
color: rgba(221, 160, 221, 0.2);
}
.color-plum-40pct,
img[src~="color-plum"] {
color: rgba(221, 160, 221, 0.4);
}
.color-plum-60pct,
img[src~="color-plum"] {
color: rgba(221, 160, 221, 0.6);
}
.color-plum-80pct,
img[src~="color-plum"] {
color: rgba(221, 160, 221, 0.8);
}
.bg-plum,
img[src~="bg-plum"] {
background-color: #DDA0DD;
}
.bg-plum-20pct,
img[src~="bg-plum"] {
background-color: rgba(221, 160, 221, 0.2);
}
.bg-plum-40pct,
img[src~="bg-plum"] {
background-color: rgba(221, 160, 221, 0.4);
}
.bg-plum-60pct,
img[src~="bg-plum"] {
background-color: rgba(221, 160, 221, 0.6);
}
.bg-plum-80pct,
img[src~="bg-plum"] {
background-color: rgba(221, 160, 221, 0.8);
}
.bc-plum,
img[src~="bc-plum"] {
border-color: #DDA0DD;
}
.bc-plum-20pct,
img[src~="bc-plum"] {
border-color: rgba(221, 160, 221, 0.2);
}
.bc-plum-40pct,
img[src~="bc-plum"] {
border-color: rgba(221, 160, 221, 0.4);
}
.bc-plum-60pct,
img[src~="bc-plum"] {
border-color: rgba(221, 160, 221, 0.6);
}
.bc-plum-80pct,
img[src~="bc-plum"] {
border-color: rgba(221, 160, 221, 0.8);
}
.color-powderblue,
img[src~="color-powderblue"] {
color: #B0E0E6;
}
.color-powderblue-20pct,
img[src~="color-powderblue"] {
color: rgba(176, 224, 230, 0.2);
}
.color-powderblue-40pct,
img[src~="color-powderblue"] {
color: rgba(176, 224, 230, 0.4);
}
.color-powderblue-60pct,
img[src~="color-powderblue"] {
color: rgba(176, 224, 230, 0.6);
}
.color-powderblue-80pct,
img[src~="color-powderblue"] {
color: rgba(176, 224, 230, 0.8);
}
.bg-powderblue,
img[src~="bg-powderblue"] {
background-color: #B0E0E6;
}
.bg-powderblue-20pct,
img[src~="bg-powderblue"] {
background-color: rgba(176, 224, 230, 0.2);
}
.bg-powderblue-40pct,
img[src~="bg-powderblue"] {
background-color: rgba(176, 224, 230, 0.4);
}
.bg-powderblue-60pct,
img[src~="bg-powderblue"] {
background-color: rgba(176, 224, 230, 0.6);
}
.bg-powderblue-80pct,
img[src~="bg-powderblue"] {
background-color: rgba(176, 224, 230, 0.8);
}
.bc-powderblue,
img[src~="bc-powderblue"] {
border-color: #B0E0E6;
}
.bc-powderblue-20pct,
img[src~="bc-powderblue"] {
border-color: rgba(176, 224, 230, 0.2);
}
.bc-powderblue-40pct,
img[src~="bc-powderblue"] {
border-color: rgba(176, 224, 230, 0.4);
}
.bc-powderblue-60pct,
img[src~="bc-powderblue"] {
border-color: rgba(176, 224, 230, 0.6);
}
.bc-powderblue-80pct,
img[src~="bc-powderblue"] {
border-color: rgba(176, 224, 230, 0.8);
}
.color-purple,
img[src~="color-purple"] {
color: #800080;
}
.color-purple-20pct,
img[src~="color-purple"] {
color: rgba(128, 0, 128, 0.2);
}
.color-purple-40pct,
img[src~="color-purple"] {
color: rgba(128, 0, 128, 0.4);
}
.color-purple-60pct,
img[src~="color-purple"] {
color: rgba(128, 0, 128, 0.6);
}
.color-purple-80pct,
img[src~="color-purple"] {
color: rgba(128, 0, 128, 0.8);
}
.bg-purple,
img[src~="bg-purple"] {
background-color: #800080;
}
.bg-purple-20pct,
img[src~="bg-purple"] {
background-color: rgba(128, 0, 128, 0.2);
}
.bg-purple-40pct,
img[src~="bg-purple"] {
background-color: rgba(128, 0, 128, 0.4);
}
.bg-purple-60pct,
img[src~="bg-purple"] {
background-color: rgba(128, 0, 128, 0.6);
}
.bg-purple-80pct,
img[src~="bg-purple"] {
background-color: rgba(128, 0, 128, 0.8);
}
.bc-purple,
img[src~="bc-purple"] {
border-color: #800080;
}
.bc-purple-20pct,
img[src~="bc-purple"] {
border-color: rgba(128, 0, 128, 0.2);
}
.bc-purple-40pct,
img[src~="bc-purple"] {
border-color: rgba(128, 0, 128, 0.4);
}
.bc-purple-60pct,
img[src~="bc-purple"] {
border-color: rgba(128, 0, 128, 0.6);
}
.bc-purple-80pct,
img[src~="bc-purple"] {
border-color: rgba(128, 0, 128, 0.8);
}
.color-rebeccapurple,
img[src~="color-rebeccapurple"] {
color: #663399;
}
.color-rebeccapurple-20pct,
img[src~="color-rebeccapurple"] {
color: rgba(102, 51, 153, 0.2);
}
.color-rebeccapurple-40pct,
img[src~="color-rebeccapurple"] {
color: rgba(102, 51, 153, 0.4);
}
.color-rebeccapurple-60pct,
img[src~="color-rebeccapurple"] {
color: rgba(102, 51, 153, 0.6);
}
.color-rebeccapurple-80pct,
img[src~="color-rebeccapurple"] {
color: rgba(102, 51, 153, 0.8);
}
.bg-rebeccapurple,
img[src~="bg-rebeccapurple"] {
background-color: #663399;
}
.bg-rebeccapurple-20pct,
img[src~="bg-rebeccapurple"] {
background-color: rgba(102, 51, 153, 0.2);
}
.bg-rebeccapurple-40pct,
img[src~="bg-rebeccapurple"] {
background-color: rgba(102, 51, 153, 0.4);
}
.bg-rebeccapurple-60pct,
img[src~="bg-rebeccapurple"] {
background-color: rgba(102, 51, 153, 0.6);
}
.bg-rebeccapurple-80pct,
img[src~="bg-rebeccapurple"] {
background-color: rgba(102, 51, 153, 0.8);
}
.bc-rebeccapurple,
img[src~="bc-rebeccapurple"] {
border-color: #663399;
}
.bc-rebeccapurple-20pct,
img[src~="bc-rebeccapurple"] {
border-color: rgba(102, 51, 153, 0.2);
}
.bc-rebeccapurple-40pct,
img[src~="bc-rebeccapurple"] {
border-color: rgba(102, 51, 153, 0.4);
}
.bc-rebeccapurple-60pct,
img[src~="bc-rebeccapurple"] {
border-color: rgba(102, 51, 153, 0.6);
}
.bc-rebeccapurple-80pct,
img[src~="bc-rebeccapurple"] {
border-color: rgba(102, 51, 153, 0.8);
}
.color-red,
img[src~="color-red"] {
color: #FF0000;
}
.color-red-20pct,
img[src~="color-red"] {
color: rgba(255, 0, 0, 0.2);
}
.color-red-40pct,
img[src~="color-red"] {
color: rgba(255, 0, 0, 0.4);
}
.color-red-60pct,
img[src~="color-red"] {
color: rgba(255, 0, 0, 0.6);
}
.color-red-80pct,
img[src~="color-red"] {
color: rgba(255, 0, 0, 0.8);
}
.bg-red,
img[src~="bg-red"] {
background-color: #FF0000;
}
.bg-red-20pct,
img[src~="bg-red"] {
background-color: rgba(255, 0, 0, 0.2);
}
.bg-red-40pct,
img[src~="bg-red"] {
background-color: rgba(255, 0, 0, 0.4);
}
.bg-red-60pct,
img[src~="bg-red"] {
background-color: rgba(255, 0, 0, 0.6);
}
.bg-red-80pct,
img[src~="bg-red"] {
background-color: rgba(255, 0, 0, 0.8);
}
.bc-red,
img[src~="bc-red"] {
border-color: #FF0000;
}
.bc-red-20pct,
img[src~="bc-red"] {
border-color: rgba(255, 0, 0, 0.2);
}
.bc-red-40pct,
img[src~="bc-red"] {
border-color: rgba(255, 0, 0, 0.4);
}
.bc-red-60pct,
img[src~="bc-red"] {
border-color: rgba(255, 0, 0, 0.6);
}
.bc-red-80pct,
img[src~="bc-red"] {
border-color: rgba(255, 0, 0, 0.8);
}
.color-rosybrown,
img[src~="color-rosybrown"] {
color: #BC8F8F;
}
.color-rosybrown-20pct,
img[src~="color-rosybrown"] {
color: rgba(188, 143, 143, 0.2);
}
.color-rosybrown-40pct,
img[src~="color-rosybrown"] {
color: rgba(188, 143, 143, 0.4);
}
.color-rosybrown-60pct,
img[src~="color-rosybrown"] {
color: rgba(188, 143, 143, 0.6);
}
.color-rosybrown-80pct,
img[src~="color-rosybrown"] {
color: rgba(188, 143, 143, 0.8);
}
.bg-rosybrown,
img[src~="bg-rosybrown"] {
background-color: #BC8F8F;
}
.bg-rosybrown-20pct,
img[src~="bg-rosybrown"] {
background-color: rgba(188, 143, 143, 0.2);
}
.bg-rosybrown-40pct,
img[src~="bg-rosybrown"] {
background-color: rgba(188, 143, 143, 0.4);
}
.bg-rosybrown-60pct,
img[src~="bg-rosybrown"] {
background-color: rgba(188, 143, 143, 0.6);
}
.bg-rosybrown-80pct,
img[src~="bg-rosybrown"] {
background-color: rgba(188, 143, 143, 0.8);
}
.bc-rosybrown,
img[src~="bc-rosybrown"] {
border-color: #BC8F8F;
}
.bc-rosybrown-20pct,
img[src~="bc-rosybrown"] {
border-color: rgba(188, 143, 143, 0.2);
}
.bc-rosybrown-40pct,
img[src~="bc-rosybrown"] {
border-color: rgba(188, 143, 143, 0.4);
}
.bc-rosybrown-60pct,
img[src~="bc-rosybrown"] {
border-color: rgba(188, 143, 143, 0.6);
}
.bc-rosybrown-80pct,
img[src~="bc-rosybrown"] {
border-color: rgba(188, 143, 143, 0.8);
}
.color-royalblue,
img[src~="color-royalblue"] {
color: #4169E1;
}
.color-royalblue-20pct,
img[src~="color-royalblue"] {
color: rgba(65, 105, 225, 0.2);
}
.color-royalblue-40pct,
img[src~="color-royalblue"] {
color: rgba(65, 105, 225, 0.4);
}
.color-royalblue-60pct,
img[src~="color-royalblue"] {
color: rgba(65, 105, 225, 0.6);
}
.color-royalblue-80pct,
img[src~="color-royalblue"] {
color: rgba(65, 105, 225, 0.8);
}
.bg-royalblue,
img[src~="bg-royalblue"] {
background-color: #4169E1;
}
.bg-royalblue-20pct,
img[src~="bg-royalblue"] {
background-color: rgba(65, 105, 225, 0.2);
}
.bg-royalblue-40pct,
img[src~="bg-royalblue"] {
background-color: rgba(65, 105, 225, 0.4);
}
.bg-royalblue-60pct,
img[src~="bg-royalblue"] {
background-color: rgba(65, 105, 225, 0.6);
}
.bg-royalblue-80pct,
img[src~="bg-royalblue"] {
background-color: rgba(65, 105, 225, 0.8);
}
.bc-royalblue,
img[src~="bc-royalblue"] {
border-color: #4169E1;
}
.bc-royalblue-20pct,
img[src~="bc-royalblue"] {
border-color: rgba(65, 105, 225, 0.2);
}
.bc-royalblue-40pct,
img[src~="bc-royalblue"] {
border-color: rgba(65, 105, 225, 0.4);
}
.bc-royalblue-60pct,
img[src~="bc-royalblue"] {
border-color: rgba(65, 105, 225, 0.6);
}
.bc-royalblue-80pct,
img[src~="bc-royalblue"] {
border-color: rgba(65, 105, 225, 0.8);
}
.color-saddlebrown,
img[src~="color-saddlebrown"] {
color: #8B4513;
}
.color-saddlebrown-20pct,
img[src~="color-saddlebrown"] {
color: rgba(139, 69, 19, 0.2);
}
.color-saddlebrown-40pct,
img[src~="color-saddlebrown"] {
color: rgba(139, 69, 19, 0.4);
}
.color-saddlebrown-60pct,
img[src~="color-saddlebrown"] {
color: rgba(139, 69, 19, 0.6);
}
.color-saddlebrown-80pct,
img[src~="color-saddlebrown"] {
color: rgba(139, 69, 19, 0.8);
}
.bg-saddlebrown,
img[src~="bg-saddlebrown"] {
background-color: #8B4513;
}
.bg-saddlebrown-20pct,
img[src~="bg-saddlebrown"] {
background-color: rgba(139, 69, 19, 0.2);
}
.bg-saddlebrown-40pct,
img[src~="bg-saddlebrown"] {
background-color: rgba(139, 69, 19, 0.4);
}
.bg-saddlebrown-60pct,
img[src~="bg-saddlebrown"] {
background-color: rgba(139, 69, 19, 0.6);
}
.bg-saddlebrown-80pct,
img[src~="bg-saddlebrown"] {
background-color: rgba(139, 69, 19, 0.8);
}
.bc-saddlebrown,
img[src~="bc-saddlebrown"] {
border-color: #8B4513;
}
.bc-saddlebrown-20pct,
img[src~="bc-saddlebrown"] {
border-color: rgba(139, 69, 19, 0.2);
}
.bc-saddlebrown-40pct,
img[src~="bc-saddlebrown"] {
border-color: rgba(139, 69, 19, 0.4);
}
.bc-saddlebrown-60pct,
img[src~="bc-saddlebrown"] {
border-color: rgba(139, 69, 19, 0.6);
}
.bc-saddlebrown-80pct,
img[src~="bc-saddlebrown"] {
border-color: rgba(139, 69, 19, 0.8);
}
.color-salmon,
img[src~="color-salmon"] {
color: #FA8072;
}
.color-salmon-20pct,
img[src~="color-salmon"] {
color: rgba(250, 128, 114, 0.2);
}
.color-salmon-40pct,
img[src~="color-salmon"] {
color: rgba(250, 128, 114, 0.4);
}
.color-salmon-60pct,
img[src~="color-salmon"] {
color: rgba(250, 128, 114, 0.6);
}
.color-salmon-80pct,
img[src~="color-salmon"] {
color: rgba(250, 128, 114, 0.8);
}
.bg-salmon,
img[src~="bg-salmon"] {
background-color: #FA8072;
}
.bg-salmon-20pct,
img[src~="bg-salmon"] {
background-color: rgba(250, 128, 114, 0.2);
}
.bg-salmon-40pct,
img[src~="bg-salmon"] {
background-color: rgba(250, 128, 114, 0.4);
}
.bg-salmon-60pct,
img[src~="bg-salmon"] {
background-color: rgba(250, 128, 114, 0.6);
}
.bg-salmon-80pct,
img[src~="bg-salmon"] {
background-color: rgba(250, 128, 114, 0.8);
}
.bc-salmon,
img[src~="bc-salmon"] {
border-color: #FA8072;
}
.bc-salmon-20pct,
img[src~="bc-salmon"] {
border-color: rgba(250, 128, 114, 0.2);
}
.bc-salmon-40pct,
img[src~="bc-salmon"] {
border-color: rgba(250, 128, 114, 0.4);
}
.bc-salmon-60pct,
img[src~="bc-salmon"] {
border-color: rgba(250, 128, 114, 0.6);
}
.bc-salmon-80pct,
img[src~="bc-salmon"] {
border-color: rgba(250, 128, 114, 0.8);
}
.color-sandybrown,
img[src~="color-sandybrown"] {
color: #F4A460;
}
.color-sandybrown-20pct,
img[src~="color-sandybrown"] {
color: rgba(244, 164, 96, 0.2);
}
.color-sandybrown-40pct,
img[src~="color-sandybrown"] {
color: rgba(244, 164, 96, 0.4);
}
.color-sandybrown-60pct,
img[src~="color-sandybrown"] {
color: rgba(244, 164, 96, 0.6);
}
.color-sandybrown-80pct,
img[src~="color-sandybrown"] {
color: rgba(244, 164, 96, 0.8);
}
.bg-sandybrown,
img[src~="bg-sandybrown"] {
background-color: #F4A460;
}
.bg-sandybrown-20pct,
img[src~="bg-sandybrown"] {
background-color: rgba(244, 164, 96, 0.2);
}
.bg-sandybrown-40pct,
img[src~="bg-sandybrown"] {
background-color: rgba(244, 164, 96, 0.4);
}
.bg-sandybrown-60pct,
img[src~="bg-sandybrown"] {
background-color: rgba(244, 164, 96, 0.6);
}
.bg-sandybrown-80pct,
img[src~="bg-sandybrown"] {
background-color: rgba(244, 164, 96, 0.8);
}
.bc-sandybrown,
img[src~="bc-sandybrown"] {
border-color: #F4A460;
}
.bc-sandybrown-20pct,
img[src~="bc-sandybrown"] {
border-color: rgba(244, 164, 96, 0.2);
}
.bc-sandybrown-40pct,
img[src~="bc-sandybrown"] {
border-color: rgba(244, 164, 96, 0.4);
}
.bc-sandybrown-60pct,
img[src~="bc-sandybrown"] {
border-color: rgba(244, 164, 96, 0.6);
}
.bc-sandybrown-80pct,
img[src~="bc-sandybrown"] {
border-color: rgba(244, 164, 96, 0.8);
}
.color-seagreen,
img[src~="color-seagreen"] {
color: #2E8B57;
}
.color-seagreen-20pct,
img[src~="color-seagreen"] {
color: rgba(46, 139, 87, 0.2);
}
.color-seagreen-40pct,
img[src~="color-seagreen"] {
color: rgba(46, 139, 87, 0.4);
}
.color-seagreen-60pct,
img[src~="color-seagreen"] {
color: rgba(46, 139, 87, 0.6);
}
.color-seagreen-80pct,
img[src~="color-seagreen"] {
color: rgba(46, 139, 87, 0.8);
}
.bg-seagreen,
img[src~="bg-seagreen"] {
background-color: #2E8B57;
}
.bg-seagreen-20pct,
img[src~="bg-seagreen"] {
background-color: rgba(46, 139, 87, 0.2);
}
.bg-seagreen-40pct,
img[src~="bg-seagreen"] {
background-color: rgba(46, 139, 87, 0.4);
}
.bg-seagreen-60pct,
img[src~="bg-seagreen"] {
background-color: rgba(46, 139, 87, 0.6);
}
.bg-seagreen-80pct,
img[src~="bg-seagreen"] {
background-color: rgba(46, 139, 87, 0.8);
}
.bc-seagreen,
img[src~="bc-seagreen"] {
border-color: #2E8B57;
}
.bc-seagreen-20pct,
img[src~="bc-seagreen"] {
border-color: rgba(46, 139, 87, 0.2);
}
.bc-seagreen-40pct,
img[src~="bc-seagreen"] {
border-color: rgba(46, 139, 87, 0.4);
}
.bc-seagreen-60pct,
img[src~="bc-seagreen"] {
border-color: rgba(46, 139, 87, 0.6);
}
.bc-seagreen-80pct,
img[src~="bc-seagreen"] {
border-color: rgba(46, 139, 87, 0.8);
}
.color-seashell,
img[src~="color-seashell"] {
color: #FFF5EE;
}
.color-seashell-20pct,
img[src~="color-seashell"] {
color: rgba(255, 245, 238, 0.2);
}
.color-seashell-40pct,
img[src~="color-seashell"] {
color: rgba(255, 245, 238, 0.4);
}
.color-seashell-60pct,
img[src~="color-seashell"] {
color: rgba(255, 245, 238, 0.6);
}
.color-seashell-80pct,
img[src~="color-seashell"] {
color: rgba(255, 245, 238, 0.8);
}
.bg-seashell,
img[src~="bg-seashell"] {
background-color: #FFF5EE;
}
.bg-seashell-20pct,
img[src~="bg-seashell"] {
background-color: rgba(255, 245, 238, 0.2);
}
.bg-seashell-40pct,
img[src~="bg-seashell"] {
background-color: rgba(255, 245, 238, 0.4);
}
.bg-seashell-60pct,
img[src~="bg-seashell"] {
background-color: rgba(255, 245, 238, 0.6);
}
.bg-seashell-80pct,
img[src~="bg-seashell"] {
background-color: rgba(255, 245, 238, 0.8);
}
.bc-seashell,
img[src~="bc-seashell"] {
border-color: #FFF5EE;
}
.bc-seashell-20pct,
img[src~="bc-seashell"] {
border-color: rgba(255, 245, 238, 0.2);
}
.bc-seashell-40pct,
img[src~="bc-seashell"] {
border-color: rgba(255, 245, 238, 0.4);
}
.bc-seashell-60pct,
img[src~="bc-seashell"] {
border-color: rgba(255, 245, 238, 0.6);
}
.bc-seashell-80pct,
img[src~="bc-seashell"] {
border-color: rgba(255, 245, 238, 0.8);
}
.color-sienna,
img[src~="color-sienna"] {
color: #A0522D;
}
.color-sienna-20pct,
img[src~="color-sienna"] {
color: rgba(160, 82, 45, 0.2);
}
.color-sienna-40pct,
img[src~="color-sienna"] {
color: rgba(160, 82, 45, 0.4);
}
.color-sienna-60pct,
img[src~="color-sienna"] {
color: rgba(160, 82, 45, 0.6);
}
.color-sienna-80pct,
img[src~="color-sienna"] {
color: rgba(160, 82, 45, 0.8);
}
.bg-sienna,
img[src~="bg-sienna"] {
background-color: #A0522D;
}
.bg-sienna-20pct,
img[src~="bg-sienna"] {
background-color: rgba(160, 82, 45, 0.2);
}
.bg-sienna-40pct,
img[src~="bg-sienna"] {
background-color: rgba(160, 82, 45, 0.4);
}
.bg-sienna-60pct,
img[src~="bg-sienna"] {
background-color: rgba(160, 82, 45, 0.6);
}
.bg-sienna-80pct,
img[src~="bg-sienna"] {
background-color: rgba(160, 82, 45, 0.8);
}
.bc-sienna,
img[src~="bc-sienna"] {
border-color: #A0522D;
}
.bc-sienna-20pct,
img[src~="bc-sienna"] {
border-color: rgba(160, 82, 45, 0.2);
}
.bc-sienna-40pct,
img[src~="bc-sienna"] {
border-color: rgba(160, 82, 45, 0.4);
}
.bc-sienna-60pct,
img[src~="bc-sienna"] {
border-color: rgba(160, 82, 45, 0.6);
}
.bc-sienna-80pct,
img[src~="bc-sienna"] {
border-color: rgba(160, 82, 45, 0.8);
}
.color-silver,
img[src~="color-silver"] {
color: #C0C0C0;
}
.color-silver-20pct,
img[src~="color-silver"] {
color: rgba(192, 192, 192, 0.2);
}
.color-silver-40pct,
img[src~="color-silver"] {
color: rgba(192, 192, 192, 0.4);
}
.color-silver-60pct,
img[src~="color-silver"] {
color: rgba(192, 192, 192, 0.6);
}
.color-silver-80pct,
img[src~="color-silver"] {
color: rgba(192, 192, 192, 0.8);
}
.bg-silver,
img[src~="bg-silver"] {
background-color: #C0C0C0;
}
.bg-silver-20pct,
img[src~="bg-silver"] {
background-color: rgba(192, 192, 192, 0.2);
}
.bg-silver-40pct,
img[src~="bg-silver"] {
background-color: rgba(192, 192, 192, 0.4);
}
.bg-silver-60pct,
img[src~="bg-silver"] {
background-color: rgba(192, 192, 192, 0.6);
}
.bg-silver-80pct,
img[src~="bg-silver"] {
background-color: rgba(192, 192, 192, 0.8);
}
.bc-silver,
img[src~="bc-silver"] {
border-color: #C0C0C0;
}
.bc-silver-20pct,
img[src~="bc-silver"] {
border-color: rgba(192, 192, 192, 0.2);
}
.bc-silver-40pct,
img[src~="bc-silver"] {
border-color: rgba(192, 192, 192, 0.4);
}
.bc-silver-60pct,
img[src~="bc-silver"] {
border-color: rgba(192, 192, 192, 0.6);
}
.bc-silver-80pct,
img[src~="bc-silver"] {
border-color: rgba(192, 192, 192, 0.8);
}
.color-skyblue,
img[src~="color-skyblue"] {
color: #87CEEB;
}
.color-skyblue-20pct,
img[src~="color-skyblue"] {
color: rgba(135, 206, 235, 0.2);
}
.color-skyblue-40pct,
img[src~="color-skyblue"] {
color: rgba(135, 206, 235, 0.4);
}
.color-skyblue-60pct,
img[src~="color-skyblue"] {
color: rgba(135, 206, 235, 0.6);
}
.color-skyblue-80pct,
img[src~="color-skyblue"] {
color: rgba(135, 206, 235, 0.8);
}
.bg-skyblue,
img[src~="bg-skyblue"] {
background-color: #87CEEB;
}
.bg-skyblue-20pct,
img[src~="bg-skyblue"] {
background-color: rgba(135, 206, 235, 0.2);
}
.bg-skyblue-40pct,
img[src~="bg-skyblue"] {
background-color: rgba(135, 206, 235, 0.4);
}
.bg-skyblue-60pct,
img[src~="bg-skyblue"] {
background-color: rgba(135, 206, 235, 0.6);
}
.bg-skyblue-80pct,
img[src~="bg-skyblue"] {
background-color: rgba(135, 206, 235, 0.8);
}
.bc-skyblue,
img[src~="bc-skyblue"] {
border-color: #87CEEB;
}
.bc-skyblue-20pct,
img[src~="bc-skyblue"] {
border-color: rgba(135, 206, 235, 0.2);
}
.bc-skyblue-40pct,
img[src~="bc-skyblue"] {
border-color: rgba(135, 206, 235, 0.4);
}
.bc-skyblue-60pct,
img[src~="bc-skyblue"] {
border-color: rgba(135, 206, 235, 0.6);
}
.bc-skyblue-80pct,
img[src~="bc-skyblue"] {
border-color: rgba(135, 206, 235, 0.8);
}
.color-slateblue,
img[src~="color-slateblue"] {
color: #6A5ACD;
}
.color-slateblue-20pct,
img[src~="color-slateblue"] {
color: rgba(106, 90, 205, 0.2);
}
.color-slateblue-40pct,
img[src~="color-slateblue"] {
color: rgba(106, 90, 205, 0.4);
}
.color-slateblue-60pct,
img[src~="color-slateblue"] {
color: rgba(106, 90, 205, 0.6);
}
.color-slateblue-80pct,
img[src~="color-slateblue"] {
color: rgba(106, 90, 205, 0.8);
}
.bg-slateblue,
img[src~="bg-slateblue"] {
background-color: #6A5ACD;
}
.bg-slateblue-20pct,
img[src~="bg-slateblue"] {
background-color: rgba(106, 90, 205, 0.2);
}
.bg-slateblue-40pct,
img[src~="bg-slateblue"] {
background-color: rgba(106, 90, 205, 0.4);
}
.bg-slateblue-60pct,
img[src~="bg-slateblue"] {
background-color: rgba(106, 90, 205, 0.6);
}
.bg-slateblue-80pct,
img[src~="bg-slateblue"] {
background-color: rgba(106, 90, 205, 0.8);
}
.bc-slateblue,
img[src~="bc-slateblue"] {
border-color: #6A5ACD;
}
.bc-slateblue-20pct,
img[src~="bc-slateblue"] {
border-color: rgba(106, 90, 205, 0.2);
}
.bc-slateblue-40pct,
img[src~="bc-slateblue"] {
border-color: rgba(106, 90, 205, 0.4);
}
.bc-slateblue-60pct,
img[src~="bc-slateblue"] {
border-color: rgba(106, 90, 205, 0.6);
}
.bc-slateblue-80pct,
img[src~="bc-slateblue"] {
border-color: rgba(106, 90, 205, 0.8);
}
.color-slategray,
img[src~="color-slategray"] {
color: #708090;
}
.color-slategray-20pct,
img[src~="color-slategray"] {
color: rgba(112, 128, 144, 0.2);
}
.color-slategray-40pct,
img[src~="color-slategray"] {
color: rgba(112, 128, 144, 0.4);
}
.color-slategray-60pct,
img[src~="color-slategray"] {
color: rgba(112, 128, 144, 0.6);
}
.color-slategray-80pct,
img[src~="color-slategray"] {
color: rgba(112, 128, 144, 0.8);
}
.bg-slategray,
img[src~="bg-slategray"] {
background-color: #708090;
}
.bg-slategray-20pct,
img[src~="bg-slategray"] {
background-color: rgba(112, 128, 144, 0.2);
}
.bg-slategray-40pct,
img[src~="bg-slategray"] {
background-color: rgba(112, 128, 144, 0.4);
}
.bg-slategray-60pct,
img[src~="bg-slategray"] {
background-color: rgba(112, 128, 144, 0.6);
}
.bg-slategray-80pct,
img[src~="bg-slategray"] {
background-color: rgba(112, 128, 144, 0.8);
}
.bc-slategray,
img[src~="bc-slategray"] {
border-color: #708090;
}
.bc-slategray-20pct,
img[src~="bc-slategray"] {
border-color: rgba(112, 128, 144, 0.2);
}
.bc-slategray-40pct,
img[src~="bc-slategray"] {
border-color: rgba(112, 128, 144, 0.4);
}
.bc-slategray-60pct,
img[src~="bc-slategray"] {
border-color: rgba(112, 128, 144, 0.6);
}
.bc-slategray-80pct,
img[src~="bc-slategray"] {
border-color: rgba(112, 128, 144, 0.8);
}
.color-slategrey,
img[src~="color-slategrey"] {
color: #708090;
}
.color-slategrey-20pct,
img[src~="color-slategrey"] {
color: rgba(112, 128, 144, 0.2);
}
.color-slategrey-40pct,
img[src~="color-slategrey"] {
color: rgba(112, 128, 144, 0.4);
}
.color-slategrey-60pct,
img[src~="color-slategrey"] {
color: rgba(112, 128, 144, 0.6);
}
.color-slategrey-80pct,
img[src~="color-slategrey"] {
color: rgba(112, 128, 144, 0.8);
}
.bg-slategrey,
img[src~="bg-slategrey"] {
background-color: #708090;
}
.bg-slategrey-20pct,
img[src~="bg-slategrey"] {
background-color: rgba(112, 128, 144, 0.2);
}
.bg-slategrey-40pct,
img[src~="bg-slategrey"] {
background-color: rgba(112, 128, 144, 0.4);
}
.bg-slategrey-60pct,
img[src~="bg-slategrey"] {
background-color: rgba(112, 128, 144, 0.6);
}
.bg-slategrey-80pct,
img[src~="bg-slategrey"] {
background-color: rgba(112, 128, 144, 0.8);
}
.bc-slategrey,
img[src~="bc-slategrey"] {
border-color: #708090;
}
.bc-slategrey-20pct,
img[src~="bc-slategrey"] {
border-color: rgba(112, 128, 144, 0.2);
}
.bc-slategrey-40pct,
img[src~="bc-slategrey"] {
border-color: rgba(112, 128, 144, 0.4);
}
.bc-slategrey-60pct,
img[src~="bc-slategrey"] {
border-color: rgba(112, 128, 144, 0.6);
}
.bc-slategrey-80pct,
img[src~="bc-slategrey"] {
border-color: rgba(112, 128, 144, 0.8);
}
.color-snow,
img[src~="color-snow"] {
color: #FFFAFA;
}
.color-snow-20pct,
img[src~="color-snow"] {
color: rgba(255, 250, 250, 0.2);
}
.color-snow-40pct,
img[src~="color-snow"] {
color: rgba(255, 250, 250, 0.4);
}
.color-snow-60pct,
img[src~="color-snow"] {
color: rgba(255, 250, 250, 0.6);
}
.color-snow-80pct,
img[src~="color-snow"] {
color: rgba(255, 250, 250, 0.8);
}
.bg-snow,
img[src~="bg-snow"] {
background-color: #FFFAFA;
}
.bg-snow-20pct,
img[src~="bg-snow"] {
background-color: rgba(255, 250, 250, 0.2);
}
.bg-snow-40pct,
img[src~="bg-snow"] {
background-color: rgba(255, 250, 250, 0.4);
}
.bg-snow-60pct,
img[src~="bg-snow"] {
background-color: rgba(255, 250, 250, 0.6);
}
.bg-snow-80pct,
img[src~="bg-snow"] {
background-color: rgba(255, 250, 250, 0.8);
}
.bc-snow,
img[src~="bc-snow"] {
border-color: #FFFAFA;
}
.bc-snow-20pct,
img[src~="bc-snow"] {
border-color: rgba(255, 250, 250, 0.2);
}
.bc-snow-40pct,
img[src~="bc-snow"] {
border-color: rgba(255, 250, 250, 0.4);
}
.bc-snow-60pct,
img[src~="bc-snow"] {
border-color: rgba(255, 250, 250, 0.6);
}
.bc-snow-80pct,
img[src~="bc-snow"] {
border-color: rgba(255, 250, 250, 0.8);
}
.color-springgreen,
img[src~="color-springgreen"] {
color: #00FF7F;
}
.color-springgreen-20pct,
img[src~="color-springgreen"] {
color: rgba(0, 255, 127, 0.2);
}
.color-springgreen-40pct,
img[src~="color-springgreen"] {
color: rgba(0, 255, 127, 0.4);
}
.color-springgreen-60pct,
img[src~="color-springgreen"] {
color: rgba(0, 255, 127, 0.6);
}
.color-springgreen-80pct,
img[src~="color-springgreen"] {
color: rgba(0, 255, 127, 0.8);
}
.bg-springgreen,
img[src~="bg-springgreen"] {
background-color: #00FF7F;
}
.bg-springgreen-20pct,
img[src~="bg-springgreen"] {
background-color: rgba(0, 255, 127, 0.2);
}
.bg-springgreen-40pct,
img[src~="bg-springgreen"] {
background-color: rgba(0, 255, 127, 0.4);
}
.bg-springgreen-60pct,
img[src~="bg-springgreen"] {
background-color: rgba(0, 255, 127, 0.6);
}
.bg-springgreen-80pct,
img[src~="bg-springgreen"] {
background-color: rgba(0, 255, 127, 0.8);
}
.bc-springgreen,
img[src~="bc-springgreen"] {
border-color: #00FF7F;
}
.bc-springgreen-20pct,
img[src~="bc-springgreen"] {
border-color: rgba(0, 255, 127, 0.2);
}
.bc-springgreen-40pct,
img[src~="bc-springgreen"] {
border-color: rgba(0, 255, 127, 0.4);
}
.bc-springgreen-60pct,
img[src~="bc-springgreen"] {
border-color: rgba(0, 255, 127, 0.6);
}
.bc-springgreen-80pct,
img[src~="bc-springgreen"] {
border-color: rgba(0, 255, 127, 0.8);
}
.color-steelblue,
img[src~="color-steelblue"] {
color: #4682B4;
}
.color-steelblue-20pct,
img[src~="color-steelblue"] {
color: rgba(70, 130, 180, 0.2);
}
.color-steelblue-40pct,
img[src~="color-steelblue"] {
color: rgba(70, 130, 180, 0.4);
}
.color-steelblue-60pct,
img[src~="color-steelblue"] {
color: rgba(70, 130, 180, 0.6);
}
.color-steelblue-80pct,
img[src~="color-steelblue"] {
color: rgba(70, 130, 180, 0.8);
}
.bg-steelblue,
img[src~="bg-steelblue"] {
background-color: #4682B4;
}
.bg-steelblue-20pct,
img[src~="bg-steelblue"] {
background-color: rgba(70, 130, 180, 0.2);
}
.bg-steelblue-40pct,
img[src~="bg-steelblue"] {
background-color: rgba(70, 130, 180, 0.4);
}
.bg-steelblue-60pct,
img[src~="bg-steelblue"] {
background-color: rgba(70, 130, 180, 0.6);
}
.bg-steelblue-80pct,
img[src~="bg-steelblue"] {
background-color: rgba(70, 130, 180, 0.8);
}
.bc-steelblue,
img[src~="bc-steelblue"] {
border-color: #4682B4;
}
.bc-steelblue-20pct,
img[src~="bc-steelblue"] {
border-color: rgba(70, 130, 180, 0.2);
}
.bc-steelblue-40pct,
img[src~="bc-steelblue"] {
border-color: rgba(70, 130, 180, 0.4);
}
.bc-steelblue-60pct,
img[src~="bc-steelblue"] {
border-color: rgba(70, 130, 180, 0.6);
}
.bc-steelblue-80pct,
img[src~="bc-steelblue"] {
border-color: rgba(70, 130, 180, 0.8);
}
.color-tan,
img[src~="color-tan"] {
color: #D2B48C;
}
.color-tan-20pct,
img[src~="color-tan"] {
color: rgba(210, 180, 140, 0.2);
}
.color-tan-40pct,
img[src~="color-tan"] {
color: rgba(210, 180, 140, 0.4);
}
.color-tan-60pct,
img[src~="color-tan"] {
color: rgba(210, 180, 140, 0.6);
}
.color-tan-80pct,
img[src~="color-tan"] {
color: rgba(210, 180, 140, 0.8);
}
.bg-tan,
img[src~="bg-tan"] {
background-color: #D2B48C;
}
.bg-tan-20pct,
img[src~="bg-tan"] {
background-color: rgba(210, 180, 140, 0.2);
}
.bg-tan-40pct,
img[src~="bg-tan"] {
background-color: rgba(210, 180, 140, 0.4);
}
.bg-tan-60pct,
img[src~="bg-tan"] {
background-color: rgba(210, 180, 140, 0.6);
}
.bg-tan-80pct,
img[src~="bg-tan"] {
background-color: rgba(210, 180, 140, 0.8);
}
.bc-tan,
img[src~="bc-tan"] {
border-color: #D2B48C;
}
.bc-tan-20pct,
img[src~="bc-tan"] {
border-color: rgba(210, 180, 140, 0.2);
}
.bc-tan-40pct,
img[src~="bc-tan"] {
border-color: rgba(210, 180, 140, 0.4);
}
.bc-tan-60pct,
img[src~="bc-tan"] {
border-color: rgba(210, 180, 140, 0.6);
}
.bc-tan-80pct,
img[src~="bc-tan"] {
border-color: rgba(210, 180, 140, 0.8);
}
.color-teal,
img[src~="color-teal"] {
color: #008080;
}
.color-teal-20pct,
img[src~="color-teal"] {
color: rgba(0, 128, 128, 0.2);
}
.color-teal-40pct,
img[src~="color-teal"] {
color: rgba(0, 128, 128, 0.4);
}
.color-teal-60pct,
img[src~="color-teal"] {
color: rgba(0, 128, 128, 0.6);
}
.color-teal-80pct,
img[src~="color-teal"] {
color: rgba(0, 128, 128, 0.8);
}
.bg-teal,
img[src~="bg-teal"] {
background-color: #008080;
}
.bg-teal-20pct,
img[src~="bg-teal"] {
background-color: rgba(0, 128, 128, 0.2);
}
.bg-teal-40pct,
img[src~="bg-teal"] {
background-color: rgba(0, 128, 128, 0.4);
}
.bg-teal-60pct,
img[src~="bg-teal"] {
background-color: rgba(0, 128, 128, 0.6);
}
.bg-teal-80pct,
img[src~="bg-teal"] {
background-color: rgba(0, 128, 128, 0.8);
}
.bc-teal,
img[src~="bc-teal"] {
border-color: #008080;
}
.bc-teal-20pct,
img[src~="bc-teal"] {
border-color: rgba(0, 128, 128, 0.2);
}
.bc-teal-40pct,
img[src~="bc-teal"] {
border-color: rgba(0, 128, 128, 0.4);
}
.bc-teal-60pct,
img[src~="bc-teal"] {
border-color: rgba(0, 128, 128, 0.6);
}
.bc-teal-80pct,
img[src~="bc-teal"] {
border-color: rgba(0, 128, 128, 0.8);
}
.color-thistle,
img[src~="color-thistle"] {
color: #D8BFD8;
}
.color-thistle-20pct,
img[src~="color-thistle"] {
color: rgba(216, 191, 216, 0.2);
}
.color-thistle-40pct,
img[src~="color-thistle"] {
color: rgba(216, 191, 216, 0.4);
}
.color-thistle-60pct,
img[src~="color-thistle"] {
color: rgba(216, 191, 216, 0.6);
}
.color-thistle-80pct,
img[src~="color-thistle"] {
color: rgba(216, 191, 216, 0.8);
}
.bg-thistle,
img[src~="bg-thistle"] {
background-color: #D8BFD8;
}
.bg-thistle-20pct,
img[src~="bg-thistle"] {
background-color: rgba(216, 191, 216, 0.2);
}
.bg-thistle-40pct,
img[src~="bg-thistle"] {
background-color: rgba(216, 191, 216, 0.4);
}
.bg-thistle-60pct,
img[src~="bg-thistle"] {
background-color: rgba(216, 191, 216, 0.6);
}
.bg-thistle-80pct,
img[src~="bg-thistle"] {
background-color: rgba(216, 191, 216, 0.8);
}
.bc-thistle,
img[src~="bc-thistle"] {
border-color: #D8BFD8;
}
.bc-thistle-20pct,
img[src~="bc-thistle"] {
border-color: rgba(216, 191, 216, 0.2);
}
.bc-thistle-40pct,
img[src~="bc-thistle"] {
border-color: rgba(216, 191, 216, 0.4);
}
.bc-thistle-60pct,
img[src~="bc-thistle"] {
border-color: rgba(216, 191, 216, 0.6);
}
.bc-thistle-80pct,
img[src~="bc-thistle"] {
border-color: rgba(216, 191, 216, 0.8);
}
.color-tomato,
img[src~="color-tomato"] {
color: #FF6347;
}
.color-tomato-20pct,
img[src~="color-tomato"] {
color: rgba(255, 99, 71, 0.2);
}
.color-tomato-40pct,
img[src~="color-tomato"] {
color: rgba(255, 99, 71, 0.4);
}
.color-tomato-60pct,
img[src~="color-tomato"] {
color: rgba(255, 99, 71, 0.6);
}
.color-tomato-80pct,
img[src~="color-tomato"] {
color: rgba(255, 99, 71, 0.8);
}
.bg-tomato,
img[src~="bg-tomato"] {
background-color: #FF6347;
}
.bg-tomato-20pct,
img[src~="bg-tomato"] {
background-color: rgba(255, 99, 71, 0.2);
}
.bg-tomato-40pct,
img[src~="bg-tomato"] {
background-color: rgba(255, 99, 71, 0.4);
}
.bg-tomato-60pct,
img[src~="bg-tomato"] {
background-color: rgba(255, 99, 71, 0.6);
}
.bg-tomato-80pct,
img[src~="bg-tomato"] {
background-color: rgba(255, 99, 71, 0.8);
}
.bc-tomato,
img[src~="bc-tomato"] {
border-color: #FF6347;
}
.bc-tomato-20pct,
img[src~="bc-tomato"] {
border-color: rgba(255, 99, 71, 0.2);
}
.bc-tomato-40pct,
img[src~="bc-tomato"] {
border-color: rgba(255, 99, 71, 0.4);
}
.bc-tomato-60pct,
img[src~="bc-tomato"] {
border-color: rgba(255, 99, 71, 0.6);
}
.bc-tomato-80pct,
img[src~="bc-tomato"] {
border-color: rgba(255, 99, 71, 0.8);
}
.color-turquoise,
img[src~="color-turquoise"] {
color: #40E0D0;
}
.color-turquoise-20pct,
img[src~="color-turquoise"] {
color: rgba(64, 224, 208, 0.2);
}
.color-turquoise-40pct,
img[src~="color-turquoise"] {
color: rgba(64, 224, 208, 0.4);
}
.color-turquoise-60pct,
img[src~="color-turquoise"] {
color: rgba(64, 224, 208, 0.6);
}
.color-turquoise-80pct,
img[src~="color-turquoise"] {
color: rgba(64, 224, 208, 0.8);
}
.bg-turquoise,
img[src~="bg-turquoise"] {
background-color: #40E0D0;
}
.bg-turquoise-20pct,
img[src~="bg-turquoise"] {
background-color: rgba(64, 224, 208, 0.2);
}
.bg-turquoise-40pct,
img[src~="bg-turquoise"] {
background-color: rgba(64, 224, 208, 0.4);
}
.bg-turquoise-60pct,
img[src~="bg-turquoise"] {
background-color: rgba(64, 224, 208, 0.6);
}
.bg-turquoise-80pct,
img[src~="bg-turquoise"] {
background-color: rgba(64, 224, 208, 0.8);
}
.bc-turquoise,
img[src~="bc-turquoise"] {
border-color: #40E0D0;
}
.bc-turquoise-20pct,
img[src~="bc-turquoise"] {
border-color: rgba(64, 224, 208, 0.2);
}
.bc-turquoise-40pct,
img[src~="bc-turquoise"] {
border-color: rgba(64, 224, 208, 0.4);
}
.bc-turquoise-60pct,
img[src~="bc-turquoise"] {
border-color: rgba(64, 224, 208, 0.6);
}
.bc-turquoise-80pct,
img[src~="bc-turquoise"] {
border-color: rgba(64, 224, 208, 0.8);
}
.color-violet,
img[src~="color-violet"] {
color: #EE82EE;
}
.color-violet-20pct,
img[src~="color-violet"] {
color: rgba(238, 130, 238, 0.2);
}
.color-violet-40pct,
img[src~="color-violet"] {
color: rgba(238, 130, 238, 0.4);
}
.color-violet-60pct,
img[src~="color-violet"] {
color: rgba(238, 130, 238, 0.6);
}
.color-violet-80pct,
img[src~="color-violet"] {
color: rgba(238, 130, 238, 0.8);
}
.bg-violet,
img[src~="bg-violet"] {
background-color: #EE82EE;
}
.bg-violet-20pct,
img[src~="bg-violet"] {
background-color: rgba(238, 130, 238, 0.2);
}
.bg-violet-40pct,
img[src~="bg-violet"] {
background-color: rgba(238, 130, 238, 0.4);
}
.bg-violet-60pct,
img[src~="bg-violet"] {
background-color: rgba(238, 130, 238, 0.6);
}
.bg-violet-80pct,
img[src~="bg-violet"] {
background-color: rgba(238, 130, 238, 0.8);
}
.bc-violet,
img[src~="bc-violet"] {
border-color: #EE82EE;
}
.bc-violet-20pct,
img[src~="bc-violet"] {
border-color: rgba(238, 130, 238, 0.2);
}
.bc-violet-40pct,
img[src~="bc-violet"] {
border-color: rgba(238, 130, 238, 0.4);
}
.bc-violet-60pct,
img[src~="bc-violet"] {
border-color: rgba(238, 130, 238, 0.6);
}
.bc-violet-80pct,
img[src~="bc-violet"] {
border-color: rgba(238, 130, 238, 0.8);
}
.color-wheat,
img[src~="color-wheat"] {
color: #F5DEB3;
}
.color-wheat-20pct,
img[src~="color-wheat"] {
color: rgba(245, 222, 179, 0.2);
}
.color-wheat-40pct,
img[src~="color-wheat"] {
color: rgba(245, 222, 179, 0.4);
}
.color-wheat-60pct,
img[src~="color-wheat"] {
color: rgba(245, 222, 179, 0.6);
}
.color-wheat-80pct,
img[src~="color-wheat"] {
color: rgba(245, 222, 179, 0.8);
}
.bg-wheat,
img[src~="bg-wheat"] {
background-color: #F5DEB3;
}
.bg-wheat-20pct,
img[src~="bg-wheat"] {
background-color: rgba(245, 222, 179, 0.2);
}
.bg-wheat-40pct,
img[src~="bg-wheat"] {
background-color: rgba(245, 222, 179, 0.4);
}
.bg-wheat-60pct,
img[src~="bg-wheat"] {
background-color: rgba(245, 222, 179, 0.6);
}
.bg-wheat-80pct,
img[src~="bg-wheat"] {
background-color: rgba(245, 222, 179, 0.8);
}
.bc-wheat,
img[src~="bc-wheat"] {
border-color: #F5DEB3;
}
.bc-wheat-20pct,
img[src~="bc-wheat"] {
border-color: rgba(245, 222, 179, 0.2);
}
.bc-wheat-40pct,
img[src~="bc-wheat"] {
border-color: rgba(245, 222, 179, 0.4);
}
.bc-wheat-60pct,
img[src~="bc-wheat"] {
border-color: rgba(245, 222, 179, 0.6);
}
.bc-wheat-80pct,
img[src~="bc-wheat"] {
border-color: rgba(245, 222, 179, 0.8);
}
.color-white,
img[src~="color-white"] {
color: #FFFFFF;
}
.color-white-20pct,
img[src~="color-white"] {
color: rgba(255, 255, 255, 0.2);
}
.color-white-40pct,
img[src~="color-white"] {
color: rgba(255, 255, 255, 0.4);
}
.color-white-60pct,
img[src~="color-white"] {
color: rgba(255, 255, 255, 0.6);
}
.color-white-80pct,
img[src~="color-white"] {
color: rgba(255, 255, 255, 0.8);
}
.bg-white,
img[src~="bg-white"] {
background-color: #FFFFFF;
}
.bg-white-20pct,
img[src~="bg-white"] {
background-color: rgba(255, 255, 255, 0.2);
}
.bg-white-40pct,
img[src~="bg-white"] {
background-color: rgba(255, 255, 255, 0.4);
}
.bg-white-60pct,
img[src~="bg-white"] {
background-color: rgba(255, 255, 255, 0.6);
}
.bg-white-80pct,
img[src~="bg-white"] {
background-color: rgba(255, 255, 255, 0.8);
}
.bc-white,
img[src~="bc-white"] {
border-color: #FFFFFF;
}
.bc-white-20pct,
img[src~="bc-white"] {
border-color: rgba(255, 255, 255, 0.2);
}
.bc-white-40pct,
img[src~="bc-white"] {
border-color: rgba(255, 255, 255, 0.4);
}
.bc-white-60pct,
img[src~="bc-white"] {
border-color: rgba(255, 255, 255, 0.6);
}
.bc-white-80pct,
img[src~="bc-white"] {
border-color: rgba(255, 255, 255, 0.8);
}
.color-whitesmoke,
img[src~="color-whitesmoke"] {
color: #F5F5F5;
}
.color-whitesmoke-20pct,
img[src~="color-whitesmoke"] {
color: rgba(245, 245, 245, 0.2);
}
.color-whitesmoke-40pct,
img[src~="color-whitesmoke"] {
color: rgba(245, 245, 245, 0.4);
}
.color-whitesmoke-60pct,
img[src~="color-whitesmoke"] {
color: rgba(245, 245, 245, 0.6);
}
.color-whitesmoke-80pct,
img[src~="color-whitesmoke"] {
color: rgba(245, 245, 245, 0.8);
}
.bg-whitesmoke,
img[src~="bg-whitesmoke"] {
background-color: #F5F5F5;
}
.bg-whitesmoke-20pct,
img[src~="bg-whitesmoke"] {
background-color: rgba(245, 245, 245, 0.2);
}
.bg-whitesmoke-40pct,
img[src~="bg-whitesmoke"] {
background-color: rgba(245, 245, 245, 0.4);
}
.bg-whitesmoke-60pct,
img[src~="bg-whitesmoke"] {
background-color: rgba(245, 245, 245, 0.6);
}
.bg-whitesmoke-80pct,
img[src~="bg-whitesmoke"] {
background-color: rgba(245, 245, 245, 0.8);
}
.bc-whitesmoke,
img[src~="bc-whitesmoke"] {
border-color: #F5F5F5;
}
.bc-whitesmoke-20pct,
img[src~="bc-whitesmoke"] {
border-color: rgba(245, 245, 245, 0.2);
}
.bc-whitesmoke-40pct,
img[src~="bc-whitesmoke"] {
border-color: rgba(245, 245, 245, 0.4);
}
.bc-whitesmoke-60pct,
img[src~="bc-whitesmoke"] {
border-color: rgba(245, 245, 245, 0.6);
}
.bc-whitesmoke-80pct,
img[src~="bc-whitesmoke"] {
border-color: rgba(245, 245, 245, 0.8);
}
.color-yellow,
img[src~="color-yellow"] {
color: #FFFF00;
}
.color-yellow-20pct,
img[src~="color-yellow"] {
color: rgba(255, 255, 0, 0.2);
}
.color-yellow-40pct,
img[src~="color-yellow"] {
color: rgba(255, 255, 0, 0.4);
}
.color-yellow-60pct,
img[src~="color-yellow"] {
color: rgba(255, 255, 0, 0.6);
}
.color-yellow-80pct,
img[src~="color-yellow"] {
color: rgba(255, 255, 0, 0.8);
}
.bg-yellow,
img[src~="bg-yellow"] {
background-color: #FFFF00;
}
.bg-yellow-20pct,
img[src~="bg-yellow"] {
background-color: rgba(255, 255, 0, 0.2);
}
.bg-yellow-40pct,
img[src~="bg-yellow"] {
background-color: rgba(255, 255, 0, 0.4);
}
.bg-yellow-60pct,
img[src~="bg-yellow"] {
background-color: rgba(255, 255, 0, 0.6);
}
.bg-yellow-80pct,
img[src~="bg-yellow"] {
background-color: rgba(255, 255, 0, 0.8);
}
.bc-yellow,
img[src~="bc-yellow"] {
border-color: #FFFF00;
}
.bc-yellow-20pct,
img[src~="bc-yellow"] {
border-color: rgba(255, 255, 0, 0.2);
}
.bc-yellow-40pct,
img[src~="bc-yellow"] {
border-color: rgba(255, 255, 0, 0.4);
}
.bc-yellow-60pct,
img[src~="bc-yellow"] {
border-color: rgba(255, 255, 0, 0.6);
}
.bc-yellow-80pct,
img[src~="bc-yellow"] {
border-color: rgba(255, 255, 0, 0.8);
}
.color-yellowgreen,
img[src~="color-yellowgreen"] {
color: #9ACD32;
}
.color-yellowgreen-20pct,
img[src~="color-yellowgreen"] {
color: rgba(154, 205, 50, 0.2);
}
.color-yellowgreen-40pct,
img[src~="color-yellowgreen"] {
color: rgba(154, 205, 50, 0.4);
}
.color-yellowgreen-60pct,
img[src~="color-yellowgreen"] {
color: rgba(154, 205, 50, 0.6);
}
.color-yellowgreen-80pct,
img[src~="color-yellowgreen"] {
color: rgba(154, 205, 50, 0.8);
}
.bg-yellowgreen,
img[src~="bg-yellowgreen"] {
background-color: #9ACD32;
}
.bg-yellowgreen-20pct,
img[src~="bg-yellowgreen"] {
background-color: rgba(154, 205, 50, 0.2);
}
.bg-yellowgreen-40pct,
img[src~="bg-yellowgreen"] {
background-color: rgba(154, 205, 50, 0.4);
}
.bg-yellowgreen-60pct,
img[src~="bg-yellowgreen"] {
background-color: rgba(154, 205, 50, 0.6);
}
.bg-yellowgreen-80pct,
img[src~="bg-yellowgreen"] {
background-color: rgba(154, 205, 50, 0.8);
}
.bc-yellowgreen,
img[src~="bc-yellowgreen"] {
border-color: #9ACD32;
}
.bc-yellowgreen-20pct,
img[src~="bc-yellowgreen"] {
border-color: rgba(154, 205, 50, 0.2);
}
.bc-yellowgreen-40pct,
img[src~="bc-yellowgreen"] {
border-color: rgba(154, 205, 50, 0.4);
}
.bc-yellowgreen-60pct,
img[src~="bc-yellowgreen"] {
border-color: rgba(154, 205, 50, 0.6);
}
.bc-yellowgreen-80pct,
img[src~="bc-yellowgreen"] {
border-color: rgba(154, 205, 50, 0.8);
}
.opacity-20pct,
img[src~="opacity--20pct"] {
opacity: 20%;
}
.opacity-40pct,
img[src~="opacity--40pct"] {
opacity: 40%;
}
.opacity-60pct,
img[src~="opacity--60pct"] {
opacity: 60%;
}
.opacity-80pct,
img[src~="opacity--80pct"] {
opacity: 80%;
}
.ba,
img[src~=ba] {
border: 1px solid;
}
.bn,
img[src~=bn] {
border: 0px none;
}
.bt,
img[src~="bt"] {
border-top: 1px solid;
}
.br,
img[src~="br"] {
border-right: 1px solid;
}
.bb,
img[src~="bb"] {
border-bottom: 1px solid;
}
.bl,
img[src~="bl"] {
border-left: 1px solid;
}
.br-0,
img[src~="br-0"] {
border-radius: 0;
}
.bw-0,
img[src~="bw-0"] {
border-width: 0;
}
.br-1,
img[src~="br-1"] {
border-radius: 0.125rem;
}
.bw-1,
img[src~="bw-1"] {
border-width: 0.125rem;
}
.br-2,
img[src~="br-2"] {
border-radius: 0.25rem;
}
.bw-2,
img[src~="bw-2"] {
border-width: 0.25rem;
}
.br-3,
img[src~="br-3"] {
border-radius: 0.5rem;
}
.bw-3,
img[src~="bw-3"] {
border-width: 0.5rem;
}
.br-4,
img[src~="br-4"] {
border-radius: 1rem;
}
.bw-4,
img[src~="bw-4"] {
border-width: 1rem;
}
.br-5,
img[src~="br-5"] {
border-radius: 2rem;
}
.bw-5,
img[src~="bw-5"] {
border-width: 2rem;
}
.br-100pct,
img[src~="br-100pct"] {
border-radius: 100%;
}
.bw-100pct,
img[src~="bw-100pct"] {
border-width: 100%;
}
.pa-0,
img[src~="pa-0"] {
padding: 0;
}
.pv-0,
img[src~="pv-0"] {
padding-top: 0;
padding-bottom: 0;
}
.ph-0,
img[src~="ph-0"] {
padding-left: 0;
padding-right: 0;
}
.ma-0,
img[src~="ma-0"] {
margin: 0;
}
.mv-0,
img[src~="mv-0"] {
margin-top: 0;
margin-bottom: 0;
}
.mh-0,
img[src~="mh-0"] {
margin-left: 0;
margin-right: 0;
}
.pa-1,
img[src~="pa-1"] {
padding: 0.25rem;
}
.pv-1,
img[src~="pv-1"] {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.ph-1,
img[src~="ph-1"] {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.ma-1,
img[src~="ma-1"] {
margin: 0.25rem;
}
.mv-1,
img[src~="mv-1"] {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
.mh-1,
img[src~="mh-1"] {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.pa-2,
img[src~="pa-2"] {
padding: 0.5rem;
}
.pv-2,
img[src~="pv-2"] {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.ph-2,
img[src~="ph-2"] {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.ma-2,
img[src~="ma-2"] {
margin: 0.5rem;
}
.mv-2,
img[src~="mv-2"] {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mh-2,
img[src~="mh-2"] {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.pa-3,
img[src~="pa-3"] {
padding: 1rem;
}
.pv-3,
img[src~="pv-3"] {
padding-top: 1rem;
padding-bottom: 1rem;
}
.ph-3,
img[src~="ph-3"] {
padding-left: 1rem;
padding-right: 1rem;
}
.ma-3,
img[src~="ma-3"] {
margin: 1rem;
}
.mv-3,
img[src~="mv-3"] {
margin-top: 1rem;
margin-bottom: 1rem;
}
.mh-3,
img[src~="mh-3"] {
margin-left: 1rem;
margin-right: 1rem;
}
.pa-4,
img[src~="pa-4"] {
padding: 2rem;
}
.pv-4,
img[src~="pv-4"] {
padding-top: 2rem;
padding-bottom: 2rem;
}
.ph-4,
img[src~="ph-4"] {
padding-left: 2rem;
padding-right: 2rem;
}
.ma-4,
img[src~="ma-4"] {
margin: 2rem;
}
.mv-4,
img[src~="mv-4"] {
margin-top: 2rem;
margin-bottom: 2rem;
}
.mh-4,
img[src~="mh-4"] {
margin-left: 2rem;
margin-right: 2rem;
}
.pa-5,
img[src~="pa-5"] {
padding: 4rem;
}
.pv-5,
img[src~="pv-5"] {
padding-top: 4rem;
padding-bottom: 4rem;
}
.ph-5,
img[src~="ph-5"] {
padding-left: 4rem;
padding-right: 4rem;
}
.ma-5,
img[src~="ma-5"] {
margin: 4rem;
}
.mv-5,
img[src~="mv-5"] {
margin-top: 4rem;
margin-bottom: 4rem;
}
.mh-5,
img[src~="mh-5"] {
margin-left: 4rem;
margin-right: 4rem;
}
.pa-6,
img[src~="pa-6"] {
padding: 8rem;
}
.pv-6,
img[src~="pv-6"] {
padding-top: 8rem;
padding-bottom: 8rem;
}
.ph-6,
img[src~="ph-6"] {
padding-left: 8rem;
padding-right: 8rem;
}
.ma-6,
img[src~="ma-6"] {
margin: 8rem;
}
.mv-6,
img[src~="mv-6"] {
margin-top: 8rem;
margin-bottom: 8rem;
}
.mh-6,
img[src~="mh-6"] {
margin-left: 8rem;
margin-right: 8rem;
}
.pa-7,
img[src~="pa-7"] {
padding: 16rem;
}
.pv-7,
img[src~="pv-7"] {
padding-top: 16rem;
padding-bottom: 16rem;
}
.ph-7,
img[src~="ph-7"] {
padding-left: 16rem;
padding-right: 16rem;
}
.ma-7,
img[src~="ma-7"] {
margin: 16rem;
}
.mv-7,
img[src~="mv-7"] {
margin-top: 16rem;
margin-bottom: 16rem;
}
.mh-7,
img[src~="mh-7"] {
margin-left: 16rem;
margin-right: 16rem;
}
.pa-8,
img[src~="pa-8"] {
padding: 32rem;
}
.pv-8,
img[src~="pv-8"] {
padding-top: 32rem;
padding-bottom: 32rem;
}
.ph-8,
img[src~="ph-8"] {
padding-left: 32rem;
padding-right: 32rem;
}
.ma-8,
img[src~="ma-8"] {
margin: 32rem;
}
.mv-8,
img[src~="mv-8"] {
margin-top: 32rem;
margin-bottom: 32rem;
}
.mh-8,
img[src~="mh-8"] {
margin-left: 32rem;
margin-right: 32rem;
}
.pa-9,
img[src~="pa-9"] {
padding: 64rem;
}
.pv-9,
img[src~="pv-9"] {
padding-top: 64rem;
padding-bottom: 64rem;
}
.ph-9,
img[src~="ph-9"] {
padding-left: 64rem;
padding-right: 64rem;
}
.ma-9,
img[src~="ma-9"] {
margin: 64rem;
}
.mv-9,
img[src~="mv-9"] {
margin-top: 64rem;
margin-bottom: 64rem;
}
.mh-9,
img[src~="mh-9"] {
margin-left: 64rem;
margin-right: 64rem;
}
.pt-0,
img[src~="pt-0"] {
padding-top: 0;
}
.mt-0,
img[src~="mt-0"] {
margin-top: 0;
}
.pt-1,
img[src~="pt-1"] {
padding-top: 0.25rem;
}
.mt-1,
img[src~="mt-1"] {
margin-top: 0.25rem;
}
.pt-2,
img[src~="pt-2"] {
padding-top: 0.5rem;
}
.mt-2,
img[src~="mt-2"] {
margin-top: 0.5rem;
}
.pt-3,
img[src~="pt-3"] {
padding-top: 1rem;
}
.mt-3,
img[src~="mt-3"] {
margin-top: 1rem;
}
.pt-4,
img[src~="pt-4"] {
padding-top: 2rem;
}
.mt-4,
img[src~="mt-4"] {
margin-top: 2rem;
}
.pt-5,
img[src~="pt-5"] {
padding-top: 4rem;
}
.mt-5,
img[src~="mt-5"] {
margin-top: 4rem;
}
.pt-6,
img[src~="pt-6"] {
padding-top: 8rem;
}
.mt-6,
img[src~="mt-6"] {
margin-top: 8rem;
}
.pt-7,
img[src~="pt-7"] {
padding-top: 16rem;
}
.mt-7,
img[src~="mt-7"] {
margin-top: 16rem;
}
.pt-8,
img[src~="pt-8"] {
padding-top: 32rem;
}
.mt-8,
img[src~="mt-8"] {
margin-top: 32rem;
}
.pt-9,
img[src~="pt-9"] {
padding-top: 64rem;
}
.mt-9,
img[src~="mt-9"] {
margin-top: 64rem;
}
.pr-0,
img[src~="pr-0"] {
padding-right: 0;
}
.mr-0,
img[src~="mr-0"] {
margin-right: 0;
}
.pr-1,
img[src~="pr-1"] {
padding-right: 0.25rem;
}
.mr-1,
img[src~="mr-1"] {
margin-right: 0.25rem;
}
.pr-2,
img[src~="pr-2"] {
padding-right: 0.5rem;
}
.mr-2,
img[src~="mr-2"] {
margin-right: 0.5rem;
}
.pr-3,
img[src~="pr-3"] {
padding-right: 1rem;
}
.mr-3,
img[src~="mr-3"] {
margin-right: 1rem;
}
.pr-4,
img[src~="pr-4"] {
padding-right: 2rem;
}
.mr-4,
img[src~="mr-4"] {
margin-right: 2rem;
}
.pr-5,
img[src~="pr-5"] {
padding-right: 4rem;
}
.mr-5,
img[src~="mr-5"] {
margin-right: 4rem;
}
.pr-6,
img[src~="pr-6"] {
padding-right: 8rem;
}
.mr-6,
img[src~="mr-6"] {
margin-right: 8rem;
}
.pr-7,
img[src~="pr-7"] {
padding-right: 16rem;
}
.mr-7,
img[src~="mr-7"] {
margin-right: 16rem;
}
.pr-8,
img[src~="pr-8"] {
padding-right: 32rem;
}
.mr-8,
img[src~="mr-8"] {
margin-right: 32rem;
}
.pr-9,
img[src~="pr-9"] {
padding-right: 64rem;
}
.mr-9,
img[src~="mr-9"] {
margin-right: 64rem;
}
.pb-0,
img[src~="pb-0"] {
padding-bottom: 0;
}
.mb-0,
img[src~="mb-0"] {
margin-bottom: 0;
}
.pb-1,
img[src~="pb-1"] {
padding-bottom: 0.25rem;
}
.mb-1,
img[src~="mb-1"] {
margin-bottom: 0.25rem;
}
.pb-2,
img[src~="pb-2"] {
padding-bottom: 0.5rem;
}
.mb-2,
img[src~="mb-2"] {
margin-bottom: 0.5rem;
}
.pb-3,
img[src~="pb-3"] {
padding-bottom: 1rem;
}
.mb-3,
img[src~="mb-3"] {
margin-bottom: 1rem;
}
.pb-4,
img[src~="pb-4"] {
padding-bottom: 2rem;
}
.mb-4,
img[src~="mb-4"] {
margin-bottom: 2rem;
}
.pb-5,
img[src~="pb-5"] {
padding-bottom: 4rem;
}
.mb-5,
img[src~="mb-5"] {
margin-bottom: 4rem;
}
.pb-6,
img[src~="pb-6"] {
padding-bottom: 8rem;
}
.mb-6,
img[src~="mb-6"] {
margin-bottom: 8rem;
}
.pb-7,
img[src~="pb-7"] {
padding-bottom: 16rem;
}
.mb-7,
img[src~="mb-7"] {
margin-bottom: 16rem;
}
.pb-8,
img[src~="pb-8"] {
padding-bottom: 32rem;
}
.mb-8,
img[src~="mb-8"] {
margin-bottom: 32rem;
}
.pb-9,
img[src~="pb-9"] {
padding-bottom: 64rem;
}
.mb-9,
img[src~="mb-9"] {
margin-bottom: 64rem;
}
.pl-0,
img[src~="pl-0"] {
padding-left: 0;
}
.ml-0,
img[src~="ml-0"] {
margin-left: 0;
}
.pl-1,
img[src~="pl-1"] {
padding-left: 0.25rem;
}
.ml-1,
img[src~="ml-1"] {
margin-left: 0.25rem;
}
.pl-2,
img[src~="pl-2"] {
padding-left: 0.5rem;
}
.ml-2,
img[src~="ml-2"] {
margin-left: 0.5rem;
}
.pl-3,
img[src~="pl-3"] {
padding-left: 1rem;
}
.ml-3,
img[src~="ml-3"] {
margin-left: 1rem;
}
.pl-4,
img[src~="pl-4"] {
padding-left: 2rem;
}
.ml-4,
img[src~="ml-4"] {
margin-left: 2rem;
}
.pl-5,
img[src~="pl-5"] {
padding-left: 4rem;
}
.ml-5,
img[src~="ml-5"] {
margin-left: 4rem;
}
.pl-6,
img[src~="pl-6"] {
padding-left: 8rem;
}
.ml-6,
img[src~="ml-6"] {
margin-left: 8rem;
}
.pl-7,
img[src~="pl-7"] {
padding-left: 16rem;
}
.ml-7,
img[src~="ml-7"] {
margin-left: 16rem;
}
.pl-8,
img[src~="pl-8"] {
padding-left: 32rem;
}
.ml-8,
img[src~="ml-8"] {
margin-left: 32rem;
}
.pl-9,
img[src~="pl-9"] {
padding-left: 64rem;
}
.ml-9,
img[src~="ml-9"] {
margin-left: 64rem;
}
.w-0,
img[src~="w-0"] {
width: 0;
}
.maxw-0,
img[src~="maxw-0"] {
max-width: 0;
}
.minw-0,
img[src~="minw-0"] {
min-width: 0;
}
.h-0,
img[src~="h-0"] {
height: 0;
}
.maxh-0,
img[src~="maxh-0"] {
max-height: 0;
}
.minh-0,
img[src~="minh-0"] {
min-height: 0;
}
.t-0,
img[src~="t-0"] {
top: 0;
}
.r-0,
img[src~="r-0"] {
right: 0;
}
.b-0,
img[src~="b-0"] {
bottom: 0;
}
.l-0,
img[src~="l-0"] {
left: 0;
}
.w-0.center,
img[src~="w-0"][src~=center] {
left: 50%;
margin-left: 0;
}
.w-1,
img[src~="w-1"] {
width: 1rem;
}
.maxw-1,
img[src~="maxw-1"] {
max-width: 1rem;
}
.minw-1,
img[src~="minw-1"] {
min-width: 1rem;
}
.h-1,
img[src~="h-1"] {
height: 1rem;
}
.maxh-1,
img[src~="maxh-1"] {
max-height: 1rem;
}
.minh-1,
img[src~="minh-1"] {
min-height: 1rem;
}
.t-1,
img[src~="t-1"] {
top: 1rem;
}
.r-1,
img[src~="r-1"] {
right: 1rem;
}
.b-1,
img[src~="b-1"] {
bottom: 1rem;
}
.l-1,
img[src~="l-1"] {
left: 1rem;
}
.w-1.center,
img[src~="w-1"][src~=center] {
left: 50%;
margin-left: -0.5rem;
}
.w-2,
img[src~="w-2"] {
width: 2rem;
}
.maxw-2,
img[src~="maxw-2"] {
max-width: 2rem;
}
.minw-2,
img[src~="minw-2"] {
min-width: 2rem;
}
.h-2,
img[src~="h-2"] {
height: 2rem;
}
.maxh-2,
img[src~="maxh-2"] {
max-height: 2rem;
}
.minh-2,
img[src~="minh-2"] {
min-height: 2rem;
}
.t-2,
img[src~="t-2"] {
top: 2rem;
}
.r-2,
img[src~="r-2"] {
right: 2rem;
}
.b-2,
img[src~="b-2"] {
bottom: 2rem;
}
.l-2,
img[src~="l-2"] {
left: 2rem;
}
.w-2.center,
img[src~="w-2"][src~=center] {
left: 50%;
margin-left: -1rem;
}
.w-3,
img[src~="w-3"] {
width: 4rem;
}
.maxw-3,
img[src~="maxw-3"] {
max-width: 4rem;
}
.minw-3,
img[src~="minw-3"] {
min-width: 4rem;
}
.h-3,
img[src~="h-3"] {
height: 4rem;
}
.maxh-3,
img[src~="maxh-3"] {
max-height: 4rem;
}
.minh-3,
img[src~="minh-3"] {
min-height: 4rem;
}
.t-3,
img[src~="t-3"] {
top: 4rem;
}
.r-3,
img[src~="r-3"] {
right: 4rem;
}
.b-3,
img[src~="b-3"] {
bottom: 4rem;
}
.l-3,
img[src~="l-3"] {
left: 4rem;
}
.w-3.center,
img[src~="w-3"][src~=center] {
left: 50%;
margin-left: -2rem;
}
.w-4,
img[src~="w-4"] {
width: 8rem;
}
.maxw-4,
img[src~="maxw-4"] {
max-width: 8rem;
}
.minw-4,
img[src~="minw-4"] {
min-width: 8rem;
}
.h-4,
img[src~="h-4"] {
height: 8rem;
}
.maxh-4,
img[src~="maxh-4"] {
max-height: 8rem;
}
.minh-4,
img[src~="minh-4"] {
min-height: 8rem;
}
.t-4,
img[src~="t-4"] {
top: 8rem;
}
.r-4,
img[src~="r-4"] {
right: 8rem;
}
.b-4,
img[src~="b-4"] {
bottom: 8rem;
}
.l-4,
img[src~="l-4"] {
left: 8rem;
}
.w-4.center,
img[src~="w-4"][src~=center] {
left: 50%;
margin-left: -4rem;
}
.w-5,
img[src~="w-5"] {
width: 16rem;
}
.maxw-5,
img[src~="maxw-5"] {
max-width: 16rem;
}
.minw-5,
img[src~="minw-5"] {
min-width: 16rem;
}
.h-5,
img[src~="h-5"] {
height: 16rem;
}
.maxh-5,
img[src~="maxh-5"] {
max-height: 16rem;
}
.minh-5,
img[src~="minh-5"] {
min-height: 16rem;
}
.t-5,
img[src~="t-5"] {
top: 16rem;
}
.r-5,
img[src~="r-5"] {
right: 16rem;
}
.b-5,
img[src~="b-5"] {
bottom: 16rem;
}
.l-5,
img[src~="l-5"] {
left: 16rem;
}
.w-5.center,
img[src~="w-5"][src~=center] {
left: 50%;
margin-left: -8rem;
}
.w-6,
img[src~="w-6"] {
width: 32rem;
}
.maxw-6,
img[src~="maxw-6"] {
max-width: 32rem;
}
.minw-6,
img[src~="minw-6"] {
min-width: 32rem;
}
.h-6,
img[src~="h-6"] {
height: 32rem;
}
.maxh-6,
img[src~="maxh-6"] {
max-height: 32rem;
}
.minh-6,
img[src~="minh-6"] {
min-height: 32rem;
}
.t-6,
img[src~="t-6"] {
top: 32rem;
}
.r-6,
img[src~="r-6"] {
right: 32rem;
}
.b-6,
img[src~="b-6"] {
bottom: 32rem;
}
.l-6,
img[src~="l-6"] {
left: 32rem;
}
.w-6.center,
img[src~="w-6"][src~=center] {
left: 50%;
margin-left: -16rem;
}
.w-7,
img[src~="w-7"] {
width: 48rem;
}
.maxw-7,
img[src~="maxw-7"] {
max-width: 48rem;
}
.minw-7,
img[src~="minw-7"] {
min-width: 48rem;
}
.h-7,
img[src~="h-7"] {
height: 48rem;
}
.maxh-7,
img[src~="maxh-7"] {
max-height: 48rem;
}
.minh-7,
img[src~="minh-7"] {
min-height: 48rem;
}
.t-7,
img[src~="t-7"] {
top: 48rem;
}
.r-7,
img[src~="r-7"] {
right: 48rem;
}
.b-7,
img[src~="b-7"] {
bottom: 48rem;
}
.l-7,
img[src~="l-7"] {
left: 48rem;
}
.w-7.center,
img[src~="w-7"][src~=center] {
left: 50%;
margin-left: -24rem;
}
.w-8,
img[src~="w-8"] {
width: 64rem;
}
.maxw-8,
img[src~="maxw-8"] {
max-width: 64rem;
}
.minw-8,
img[src~="minw-8"] {
min-width: 64rem;
}
.h-8,
img[src~="h-8"] {
height: 64rem;
}
.maxh-8,
img[src~="maxh-8"] {
max-height: 64rem;
}
.minh-8,
img[src~="minh-8"] {
min-height: 64rem;
}
.t-8,
img[src~="t-8"] {
top: 64rem;
}
.r-8,
img[src~="r-8"] {
right: 64rem;
}
.b-8,
img[src~="b-8"] {
bottom: 64rem;
}
.l-8,
img[src~="l-8"] {
left: 64rem;
}
.w-8.center,
img[src~="w-8"][src~=center] {
left: 50%;
margin-left: -32rem;
}
.w-9,
img[src~="w-9"] {
width: 96rem;
}
.maxw-9,
img[src~="maxw-9"] {
max-width: 96rem;
}
.minw-9,
img[src~="minw-9"] {
min-width: 96rem;
}
.h-9,
img[src~="h-9"] {
height: 96rem;
}
.maxh-9,
img[src~="maxh-9"] {
max-height: 96rem;
}
.minh-9,
img[src~="minh-9"] {
min-height: 96rem;
}
.t-9,
img[src~="t-9"] {
top: 96rem;
}
.r-9,
img[src~="r-9"] {
right: 96rem;
}
.b-9,
img[src~="b-9"] {
bottom: 96rem;
}
.l-9,
img[src~="l-9"] {
left: 96rem;
}
.w-9.center,
img[src~="w-9"][src~=center] {
left: 50%;
margin-left: -48rem;
}
.w-10pct,
img[src~="w-10pct"] {
width: 10%;
}
.maxw-10pct,
img[src~="maxw-10pct"] {
max-width: 10%;
}
.minw-10pct,
img[src~="minw-10pct"] {
min-width: 10%;
}
.h-10pct,
img[src~="h-10pct"] {
height: 10%;
}
.maxh-10pct,
img[src~="maxh-10pct"] {
max-height: 10%;
}
.minh-10pct,
img[src~="minh-10pct"] {
min-height: 10%;
}
.t-10pct,
img[src~="t-10pct"] {
top: 10%;
}
.r-10pct,
img[src~="r-10pct"] {
right: 10%;
}
.b-10pct,
img[src~="b-10pct"] {
bottom: 10%;
}
.l-10pct,
img[src~="l-10pct"] {
left: 10%;
}
.w-10pct.center,
img[src~="w-10pct"][src~=center] {
left: 50%;
margin-left: -5%;
}
.w-20pct,
img[src~="w-20pct"] {
width: 20%;
}
.maxw-20pct,
img[src~="maxw-20pct"] {
max-width: 20%;
}
.minw-20pct,
img[src~="minw-20pct"] {
min-width: 20%;
}
.h-20pct,
img[src~="h-20pct"] {
height: 20%;
}
.maxh-20pct,
img[src~="maxh-20pct"] {
max-height: 20%;
}
.minh-20pct,
img[src~="minh-20pct"] {
min-height: 20%;
}
.t-20pct,
img[src~="t-20pct"] {
top: 20%;
}
.r-20pct,
img[src~="r-20pct"] {
right: 20%;
}
.b-20pct,
img[src~="b-20pct"] {
bottom: 20%;
}
.l-20pct,
img[src~="l-20pct"] {
left: 20%;
}
.w-20pct.center,
img[src~="w-20pct"][src~=center] {
left: 50%;
margin-left: -10%;
}
.w-30pct,
img[src~="w-30pct"] {
width: 30%;
}
.maxw-30pct,
img[src~="maxw-30pct"] {
max-width: 30%;
}
.minw-30pct,
img[src~="minw-30pct"] {
min-width: 30%;
}
.h-30pct,
img[src~="h-30pct"] {
height: 30%;
}
.maxh-30pct,
img[src~="maxh-30pct"] {
max-height: 30%;
}
.minh-30pct,
img[src~="minh-30pct"] {
min-height: 30%;
}
.t-30pct,
img[src~="t-30pct"] {
top: 30%;
}
.r-30pct,
img[src~="r-30pct"] {
right: 30%;
}
.b-30pct,
img[src~="b-30pct"] {
bottom: 30%;
}
.l-30pct,
img[src~="l-30pct"] {
left: 30%;
}
.w-30pct.center,
img[src~="w-30pct"][src~=center] {
left: 50%;
margin-left: -15%;
}
.w-33pct,
img[src~="w-33pct"] {
width: 33%;
}
.maxw-33pct,
img[src~="maxw-33pct"] {
max-width: 33%;
}
.minw-33pct,
img[src~="minw-33pct"] {
min-width: 33%;
}
.h-33pct,
img[src~="h-33pct"] {
height: 33%;
}
.maxh-33pct,
img[src~="maxh-33pct"] {
max-height: 33%;
}
.minh-33pct,
img[src~="minh-33pct"] {
min-height: 33%;
}
.t-33pct,
img[src~="t-33pct"] {
top: 33%;
}
.r-33pct,
img[src~="r-33pct"] {
right: 33%;
}
.b-33pct,
img[src~="b-33pct"] {
bottom: 33%;
}
.l-33pct,
img[src~="l-33pct"] {
left: 33%;
}
.w-33pct.center,
img[src~="w-33pct"][src~=center] {
left: 50%;
margin-left: -16.5%;
}
.w-34pct,
img[src~="w-34pct"] {
width: 34%;
}
.maxw-34pct,
img[src~="maxw-34pct"] {
max-width: 34%;
}
.minw-34pct,
img[src~="minw-34pct"] {
min-width: 34%;
}
.h-34pct,
img[src~="h-34pct"] {
height: 34%;
}
.maxh-34pct,
img[src~="maxh-34pct"] {
max-height: 34%;
}
.minh-34pct,
img[src~="minh-34pct"] {
min-height: 34%;
}
.t-34pct,
img[src~="t-34pct"] {
top: 34%;
}
.r-34pct,
img[src~="r-34pct"] {
right: 34%;
}
.b-34pct,
img[src~="b-34pct"] {
bottom: 34%;
}
.l-34pct,
img[src~="l-34pct"] {
left: 34%;
}
.w-34pct.center,
img[src~="w-34pct"][src~=center] {
left: 50%;
margin-left: -17%;
}
.w-40pct,
img[src~="w-40pct"] {
width: 40%;
}
.maxw-40pct,
img[src~="maxw-40pct"] {
max-width: 40%;
}
.minw-40pct,
img[src~="minw-40pct"] {
min-width: 40%;
}
.h-40pct,
img[src~="h-40pct"] {
height: 40%;
}
.maxh-40pct,
img[src~="maxh-40pct"] {
max-height: 40%;
}
.minh-40pct,
img[src~="minh-40pct"] {
min-height: 40%;
}
.t-40pct,
img[src~="t-40pct"] {
top: 40%;
}
.r-40pct,
img[src~="r-40pct"] {
right: 40%;
}
.b-40pct,
img[src~="b-40pct"] {
bottom: 40%;
}
.l-40pct,
img[src~="l-40pct"] {
left: 40%;
}
.w-40pct.center,
img[src~="w-40pct"][src~=center] {
left: 50%;
margin-left: -20%;
}
.w-50pct,
img[src~="w-50pct"] {
width: 50%;
}
.maxw-50pct,
img[src~="maxw-50pct"] {
max-width: 50%;
}
.minw-50pct,
img[src~="minw-50pct"] {
min-width: 50%;
}
.h-50pct,
img[src~="h-50pct"] {
height: 50%;
}
.maxh-50pct,
img[src~="maxh-50pct"] {
max-height: 50%;
}
.minh-50pct,
img[src~="minh-50pct"] {
min-height: 50%;
}
.t-50pct,
img[src~="t-50pct"] {
top: 50%;
}
.r-50pct,
img[src~="r-50pct"] {
right: 50%;
}
.b-50pct,
img[src~="b-50pct"] {
bottom: 50%;
}
.l-50pct,
img[src~="l-50pct"] {
left: 50%;
}
.w-50pct.center,
img[src~="w-50pct"][src~=center] {
left: 50%;
margin-left: -25%;
}
.w-60pct,
img[src~="w-60pct"] {
width: 60%;
}
.maxw-60pct,
img[src~="maxw-60pct"] {
max-width: 60%;
}
.minw-60pct,
img[src~="minw-60pct"] {
min-width: 60%;
}
.h-60pct,
img[src~="h-60pct"] {
height: 60%;
}
.maxh-60pct,
img[src~="maxh-60pct"] {
max-height: 60%;
}
.minh-60pct,
img[src~="minh-60pct"] {
min-height: 60%;
}
.t-60pct,
img[src~="t-60pct"] {
top: 60%;
}
.r-60pct,
img[src~="r-60pct"] {
right: 60%;
}
.b-60pct,
img[src~="b-60pct"] {
bottom: 60%;
}
.l-60pct,
img[src~="l-60pct"] {
left: 60%;
}
.w-60pct.center,
img[src~="w-60pct"][src~=center] {
left: 50%;
margin-left: -30%;
}
.w-70pct,
img[src~="w-70pct"] {
width: 70%;
}
.maxw-70pct,
img[src~="maxw-70pct"] {
max-width: 70%;
}
.minw-70pct,
img[src~="minw-70pct"] {
min-width: 70%;
}
.h-70pct,
img[src~="h-70pct"] {
height: 70%;
}
.maxh-70pct,
img[src~="maxh-70pct"] {
max-height: 70%;
}
.minh-70pct,
img[src~="minh-70pct"] {
min-height: 70%;
}
.t-70pct,
img[src~="t-70pct"] {
top: 70%;
}
.r-70pct,
img[src~="r-70pct"] {
right: 70%;
}
.b-70pct,
img[src~="b-70pct"] {
bottom: 70%;
}
.l-70pct,
img[src~="l-70pct"] {
left: 70%;
}
.w-70pct.center,
img[src~="w-70pct"][src~=center] {
left: 50%;
margin-left: -35%;
}
.w-75pct,
img[src~="w-75pct"] {
width: 75%;
}
.maxw-75pct,
img[src~="maxw-75pct"] {
max-width: 75%;
}
.minw-75pct,
img[src~="minw-75pct"] {
min-width: 75%;
}
.h-75pct,
img[src~="h-75pct"] {
height: 75%;
}
.maxh-75pct,
img[src~="maxh-75pct"] {
max-height: 75%;
}
.minh-75pct,
img[src~="minh-75pct"] {
min-height: 75%;
}
.t-75pct,
img[src~="t-75pct"] {
top: 75%;
}
.r-75pct,
img[src~="r-75pct"] {
right: 75%;
}
.b-75pct,
img[src~="b-75pct"] {
bottom: 75%;
}
.l-75pct,
img[src~="l-75pct"] {
left: 75%;
}
.w-75pct.center,
img[src~="w-75pct"][src~=center] {
left: 50%;
margin-left: -37.5%;
}
.w-80pct,
img[src~="w-80pct"] {
width: 80%;
}
.maxw-80pct,
img[src~="maxw-80pct"] {
max-width: 80%;
}
.minw-80pct,
img[src~="minw-80pct"] {
min-width: 80%;
}
.h-80pct,
img[src~="h-80pct"] {
height: 80%;
}
.maxh-80pct,
img[src~="maxh-80pct"] {
max-height: 80%;
}
.minh-80pct,
img[src~="minh-80pct"] {
min-height: 80%;
}
.t-80pct,
img[src~="t-80pct"] {
top: 80%;
}
.r-80pct,
img[src~="r-80pct"] {
right: 80%;
}
.b-80pct,
img[src~="b-80pct"] {
bottom: 80%;
}
.l-80pct,
img[src~="l-80pct"] {
left: 80%;
}
.w-80pct.center,
img[src~="w-80pct"][src~=center] {
left: 50%;
margin-left: -40%;
}
.w-90pct,
img[src~="w-90pct"] {
width: 90%;
}
.maxw-90pct,
img[src~="maxw-90pct"] {
max-width: 90%;
}
.minw-90pct,
img[src~="minw-90pct"] {
min-width: 90%;
}
.h-90pct,
img[src~="h-90pct"] {
height: 90%;
}
.maxh-90pct,
img[src~="maxh-90pct"] {
max-height: 90%;
}
.minh-90pct,
img[src~="minh-90pct"] {
min-height: 90%;
}
.t-90pct,
img[src~="t-90pct"] {
top: 90%;
}
.r-90pct,
img[src~="r-90pct"] {
right: 90%;
}
.b-90pct,
img[src~="b-90pct"] {
bottom: 90%;
}
.l-90pct,
img[src~="l-90pct"] {
left: 90%;
}
.w-90pct.center,
img[src~="w-90pct"][src~=center] {
left: 50%;
margin-left: -45%;
}
.w-100pct,
img[src~="w-100pct"] {
width: 100%;
}
.maxw-100pct,
img[src~="maxw-100pct"] {
max-width: 100%;
}
.minw-100pct,
img[src~="minw-100pct"] {
min-width: 100%;
}
.h-100pct,
img[src~="h-100pct"] {
height: 100%;
}
.maxh-100pct,
img[src~="maxh-100pct"] {
max-height: 100%;
}
.minh-100pct,
img[src~="minh-100pct"] {
min-height: 100%;
}
.t-100pct,
img[src~="t-100pct"] {
top: 100%;
}
.r-100pct,
img[src~="r-100pct"] {
right: 100%;
}
.b-100pct,
img[src~="b-100pct"] {
bottom: 100%;
}
.l-100pct,
img[src~="l-100pct"] {
left: 100%;
}
.w-100pct.center,
img[src~="w-100pct"][src~=center] {
left: 50%;
margin-left: -50%;
}
.w-1-12th,
img[src~="w-1-12th"] {
width: 8.33333333%;
}
.maxw-1-12th,
img[src~="maxw-1-12th"] {
max-width: 8.33333333%;
}
.minw-1-12th,
img[src~="minw-1-12th"] {
min-width: 8.33333333%;
}
.h-1-12th,
img[src~="h-1-12th"] {
height: 8.33333333%;
}
.maxh-1-12th,
img[src~="maxh-1-12th"] {
max-height: 8.33333333%;
}
.minh-1-12th,
img[src~="minh-1-12th"] {
min-height: 8.33333333%;
}
.t-1-12th,
img[src~="t-1-12th"] {
top: 8.33333333%;
}
.r-1-12th,
img[src~="r-1-12th"] {
right: 8.33333333%;
}
.b-1-12th,
img[src~="b-1-12th"] {
bottom: 8.33333333%;
}
.l-1-12th,
img[src~="l-1-12th"] {
left: 8.33333333%;
}
.w-1-12th.center,
img[src~="w-1-12th"][src~=center] {
left: 50%;
margin-left: -4.16666667%;
}
.w-2-12th,
img[src~="w-2-12th"] {
width: 16.66666667%;
}
.maxw-2-12th,
img[src~="maxw-2-12th"] {
max-width: 16.66666667%;
}
.minw-2-12th,
img[src~="minw-2-12th"] {
min-width: 16.66666667%;
}
.h-2-12th,
img[src~="h-2-12th"] {
height: 16.66666667%;
}
.maxh-2-12th,
img[src~="maxh-2-12th"] {
max-height: 16.66666667%;
}
.minh-2-12th,
img[src~="minh-2-12th"] {
min-height: 16.66666667%;
}
.t-2-12th,
img[src~="t-2-12th"] {
top: 16.66666667%;
}
.r-2-12th,
img[src~="r-2-12th"] {
right: 16.66666667%;
}
.b-2-12th,
img[src~="b-2-12th"] {
bottom: 16.66666667%;
}
.l-2-12th,
img[src~="l-2-12th"] {
left: 16.66666667%;
}
.w-2-12th.center,
img[src~="w-2-12th"][src~=center] {
left: 50%;
margin-left: -8.33333333%;
}
.w-3-12th,
img[src~="w-3-12th"] {
width: 25%;
}
.maxw-3-12th,
img[src~="maxw-3-12th"] {
max-width: 25%;
}
.minw-3-12th,
img[src~="minw-3-12th"] {
min-width: 25%;
}
.h-3-12th,
img[src~="h-3-12th"] {
height: 25%;
}
.maxh-3-12th,
img[src~="maxh-3-12th"] {
max-height: 25%;
}
.minh-3-12th,
img[src~="minh-3-12th"] {
min-height: 25%;
}
.t-3-12th,
img[src~="t-3-12th"] {
top: 25%;
}
.r-3-12th,
img[src~="r-3-12th"] {
right: 25%;
}
.b-3-12th,
img[src~="b-3-12th"] {
bottom: 25%;
}
.l-3-12th,
img[src~="l-3-12th"] {
left: 25%;
}
.w-3-12th.center,
img[src~="w-3-12th"][src~=center] {
left: 50%;
margin-left: -12.5%;
}
.w-4-12th,
img[src~="w-4-12th"] {
width: 33.33333333%;
}
.maxw-4-12th,
img[src~="maxw-4-12th"] {
max-width: 33.33333333%;
}
.minw-4-12th,
img[src~="minw-4-12th"] {
min-width: 33.33333333%;
}
.h-4-12th,
img[src~="h-4-12th"] {
height: 33.33333333%;
}
.maxh-4-12th,
img[src~="maxh-4-12th"] {
max-height: 33.33333333%;
}
.minh-4-12th,
img[src~="minh-4-12th"] {
min-height: 33.33333333%;
}
.t-4-12th,
img[src~="t-4-12th"] {
top: 33.33333333%;
}
.r-4-12th,
img[src~="r-4-12th"] {
right: 33.33333333%;
}
.b-4-12th,
img[src~="b-4-12th"] {
bottom: 33.33333333%;
}
.l-4-12th,
img[src~="l-4-12th"] {
left: 33.33333333%;
}
.w-4-12th.center,
img[src~="w-4-12th"][src~=center] {
left: 50%;
margin-left: -16.66666667%;
}
.w-5-12th,
img[src~="w-5-12th"] {
width: 41.66666667%;
}
.maxw-5-12th,
img[src~="maxw-5-12th"] {
max-width: 41.66666667%;
}
.minw-5-12th,
img[src~="minw-5-12th"] {
min-width: 41.66666667%;
}
.h-5-12th,
img[src~="h-5-12th"] {
height: 41.66666667%;
}
.maxh-5-12th,
img[src~="maxh-5-12th"] {
max-height: 41.66666667%;
}
.minh-5-12th,
img[src~="minh-5-12th"] {
min-height: 41.66666667%;
}
.t-5-12th,
img[src~="t-5-12th"] {
top: 41.66666667%;
}
.r-5-12th,
img[src~="r-5-12th"] {
right: 41.66666667%;
}
.b-5-12th,
img[src~="b-5-12th"] {
bottom: 41.66666667%;
}
.l-5-12th,
img[src~="l-5-12th"] {
left: 41.66666667%;
}
.w-5-12th.center,
img[src~="w-5-12th"][src~=center] {
left: 50%;
margin-left: -20.83333333%;
}
.w-6-12th,
img[src~="w-6-12th"] {
width: 50%;
}
.maxw-6-12th,
img[src~="maxw-6-12th"] {
max-width: 50%;
}
.minw-6-12th,
img[src~="minw-6-12th"] {
min-width: 50%;
}
.h-6-12th,
img[src~="h-6-12th"] {
height: 50%;
}
.maxh-6-12th,
img[src~="maxh-6-12th"] {
max-height: 50%;
}
.minh-6-12th,
img[src~="minh-6-12th"] {
min-height: 50%;
}
.t-6-12th,
img[src~="t-6-12th"] {
top: 50%;
}
.r-6-12th,
img[src~="r-6-12th"] {
right: 50%;
}
.b-6-12th,
img[src~="b-6-12th"] {
bottom: 50%;
}
.l-6-12th,
img[src~="l-6-12th"] {
left: 50%;
}
.w-6-12th.center,
img[src~="w-6-12th"][src~=center] {
left: 50%;
margin-left: -25%;
}
.w-7-12th,
img[src~="w-7-12th"] {
width: 58.33333333%;
}
.maxw-7-12th,
img[src~="maxw-7-12th"] {
max-width: 58.33333333%;
}
.minw-7-12th,
img[src~="minw-7-12th"] {
min-width: 58.33333333%;
}
.h-7-12th,
img[src~="h-7-12th"] {
height: 58.33333333%;
}
.maxh-7-12th,
img[src~="maxh-7-12th"] {
max-height: 58.33333333%;
}
.minh-7-12th,
img[src~="minh-7-12th"] {
min-height: 58.33333333%;
}
.t-7-12th,
img[src~="t-7-12th"] {
top: 58.33333333%;
}
.r-7-12th,
img[src~="r-7-12th"] {
right: 58.33333333%;
}
.b-7-12th,
img[src~="b-7-12th"] {
bottom: 58.33333333%;
}
.l-7-12th,
img[src~="l-7-12th"] {
left: 58.33333333%;
}
.w-7-12th.center,
img[src~="w-7-12th"][src~=center] {
left: 50%;
margin-left: -29.16666667%;
}
.w-8-12th,
img[src~="w-8-12th"] {
width: 66.66666667%;
}
.maxw-8-12th,
img[src~="maxw-8-12th"] {
max-width: 66.66666667%;
}
.minw-8-12th,
img[src~="minw-8-12th"] {
min-width: 66.66666667%;
}
.h-8-12th,
img[src~="h-8-12th"] {
height: 66.66666667%;
}
.maxh-8-12th,
img[src~="maxh-8-12th"] {
max-height: 66.66666667%;
}
.minh-8-12th,
img[src~="minh-8-12th"] {
min-height: 66.66666667%;
}
.t-8-12th,
img[src~="t-8-12th"] {
top: 66.66666667%;
}
.r-8-12th,
img[src~="r-8-12th"] {
right: 66.66666667%;
}
.b-8-12th,
img[src~="b-8-12th"] {
bottom: 66.66666667%;
}
.l-8-12th,
img[src~="l-8-12th"] {
left: 66.66666667%;
}
.w-8-12th.center,
img[src~="w-8-12th"][src~=center] {
left: 50%;
margin-left: -33.33333333%;
}
.w-9-12th,
img[src~="w-9-12th"] {
width: 75%;
}
.maxw-9-12th,
img[src~="maxw-9-12th"] {
max-width: 75%;
}
.minw-9-12th,
img[src~="minw-9-12th"] {
min-width: 75%;
}
.h-9-12th,
img[src~="h-9-12th"] {
height: 75%;
}
.maxh-9-12th,
img[src~="maxh-9-12th"] {
max-height: 75%;
}
.minh-9-12th,
img[src~="minh-9-12th"] {
min-height: 75%;
}
.t-9-12th,
img[src~="t-9-12th"] {
top: 75%;
}
.r-9-12th,
img[src~="r-9-12th"] {
right: 75%;
}
.b-9-12th,
img[src~="b-9-12th"] {
bottom: 75%;
}
.l-9-12th,
img[src~="l-9-12th"] {
left: 75%;
}
.w-9-12th.center,
img[src~="w-9-12th"][src~=center] {
left: 50%;
margin-left: -37.5%;
}
.w-10-12th,
img[src~="w-10-12th"] {
width: 83.33333333%;
}
.maxw-10-12th,
img[src~="maxw-10-12th"] {
max-width: 83.33333333%;
}
.minw-10-12th,
img[src~="minw-10-12th"] {
min-width: 83.33333333%;
}
.h-10-12th,
img[src~="h-10-12th"] {
height: 83.33333333%;
}
.maxh-10-12th,
img[src~="maxh-10-12th"] {
max-height: 83.33333333%;
}
.minh-10-12th,
img[src~="minh-10-12th"] {
min-height: 83.33333333%;
}
.t-10-12th,
img[src~="t-10-12th"] {
top: 83.33333333%;
}
.r-10-12th,
img[src~="r-10-12th"] {
right: 83.33333333%;
}
.b-10-12th,
img[src~="b-10-12th"] {
bottom: 83.33333333%;
}
.l-10-12th,
img[src~="l-10-12th"] {
left: 83.33333333%;
}
.w-10-12th.center,
img[src~="w-10-12th"][src~=center] {
left: 50%;
margin-left: -41.66666667%;
}
.w-11-12th,
img[src~="w-11-12th"] {
width: 91.66666667%;
}
.maxw-11-12th,
img[src~="maxw-11-12th"] {
max-width: 91.66666667%;
}
.minw-11-12th,
img[src~="minw-11-12th"] {
min-width: 91.66666667%;
}
.h-11-12th,
img[src~="h-11-12th"] {
height: 91.66666667%;
}
.maxh-11-12th,
img[src~="maxh-11-12th"] {
max-height: 91.66666667%;
}
.minh-11-12th,
img[src~="minh-11-12th"] {
min-height: 91.66666667%;
}
.t-11-12th,
img[src~="t-11-12th"] {
top: 91.66666667%;
}
.r-11-12th,
img[src~="r-11-12th"] {
right: 91.66666667%;
}
.b-11-12th,
img[src~="b-11-12th"] {
bottom: 91.66666667%;
}
.l-11-12th,
img[src~="l-11-12th"] {
left: 91.66666667%;
}
.w-11-12th.center,
img[src~="w-11-12th"][src~=center] {
left: 50%;
margin-left: -45.83333333%;
}
.w-third,
img[src~="w-third"] {
width: 33.33333333%;
}
.maxw-third,
img[src~="maxw-third"] {
max-width: 33.33333333%;
}
.minw-third,
img[src~="minw-third"] {
min-width: 33.33333333%;
}
.h-third,
img[src~="h-third"] {
height: 33.33333333%;
}
.maxh-third,
img[src~="maxh-third"] {
max-height: 33.33333333%;
}
.minh-third,
img[src~="minh-third"] {
min-height: 33.33333333%;
}
.t-third,
img[src~="t-third"] {
top: 33.33333333%;
}
.r-third,
img[src~="r-third"] {
right: 33.33333333%;
}
.b-third,
img[src~="b-third"] {
bottom: 33.33333333%;
}
.l-third,
img[src~="l-third"] {
left: 33.33333333%;
}
.w-third.center,
img[src~="w-third"][src~=center] {
left: 50%;
margin-left: -16.66666667%;
}
.w-two-thirds,
img[src~="w-two-thirds"] {
width: 66.66666667%;
}
.maxw-two-thirds,
img[src~="maxw-two-thirds"] {
max-width: 66.66666667%;
}
.minw-two-thirds,
img[src~="minw-two-thirds"] {
min-width: 66.66666667%;
}
.h-two-thirds,
img[src~="h-two-thirds"] {
height: 66.66666667%;
}
.maxh-two-thirds,
img[src~="maxh-two-thirds"] {
max-height: 66.66666667%;
}
.minh-two-thirds,
img[src~="minh-two-thirds"] {
min-height: 66.66666667%;
}
.t-two-thirds,
img[src~="t-two-thirds"] {
top: 66.66666667%;
}
.r-two-thirds,
img[src~="r-two-thirds"] {
right: 66.66666667%;
}
.b-two-thirds,
img[src~="b-two-thirds"] {
bottom: 66.66666667%;
}
.l-two-thirds,
img[src~="l-two-thirds"] {
left: 66.66666667%;
}
.w-two-thirds.center,
img[src~="w-two-thirds"][src~=center] {
left: 50%;
margin-left: -33.33333333%;
}
.dn,
img[src~=dn] {
display: none;
}
.di,
img[src~=di] {
display: inline;
}
.db,
img[src~=db] {
display: block;
}
.dib,
img[src~=dib] {
display: inline-block;
}
.fl,
img[src~=fl] {
float: left;
}
.fr,
img[src~=fr] {
float: right;
}
.fn,
img[src~=fn] {
float: none;
}
img[src~=cf]:before,
img[src~=cf]:after {
content: " ";
display: table;
}
img[src~=cf]:after {
clear: both;
}
.cf,
img[src~=cf] {
*zoom: 1;
}
.static,
img[src~=static] {
position: static;
}
.relative,
img[src~=relative] {
position: relative;
}
.absolute,
img[src~=absolute] {
position: absolute;
}
.fixed,
img[src~=fixed] {
position: fixed;
}
.center,
img[src~=center] {
display: block;
margin-left: auto;
margin-right: auto;
}
.ofc,
img[src~=ofc] {
object-fit: contain;
}
.ofv,
img[src~=ofv] {
object-fit: cover;
}
.opl,
img[src~=opl] {
object-position: left !important;
}
.opc,
img[src~=opc] {
object-position: center !important;
}
.opr,
img[src~=opr] {
object-position: right !important;
}
.opt,
img[src~=opt] {
object-position: top !important;
}
.opb,
img[src~=opb] {
object-position: bottom !important;
}
.oplt,
img[src~=oplt] {
object-position: left top !important;
}
.oplc,
img[src~=oplc] {
object-position: left center !important;
}
.oplb,
img[src~=oplb] {
object-position: left bottom !important;
}
.opct,
img[src~=opct] {
object-position: center top !important;
}
.opcc,
img[src~=opcc] {
object-position: center center !important;
}
.opcb,
img[src~=opcb] {
object-position: center bottom !important;
}
.oprt,
img[src~=oprt] {
object-position: right top !important;
}
.oprc,
img[src~=oprc] {
object-position: right center !important;
}
.oprb,
img[src~=oprb] {
object-position: right bottom !important;
}
.shadow-1,
img[src~=shadow-1] {
box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-2,
img[src~=shadow-2] {
box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.shadow-3,
img[src~=shadow-3] {
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}
.shadow-4,
img[src~=shadow-4] {
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.shadow-5,
img[src~=shadow-5] {
box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
}
================================================
FILE: static/css/descartes.less
================================================
@sides: {
t: -top;
r: -right;
b: -bottom;
l: -left;
}
@border-lengths: {
-0: 0;
-1: .125rem;
-2: .25rem;
-3: .5rem;
-4: 1rem;
-5: 2rem;
-100pct: 100%;
}
@box-lengths: {
-0: 0;
-1: 1rem;
-2: 2rem;
-3: 4rem;
-4: 8rem;
-5: 16rem;
-6: 32rem;
-7: 48rem;
-8: 64rem;
-9: 96rem;
-10pct: 10%;
-20pct: 20%;
-30pct: 30%;
-33pct: 33%;
-34pct: 34%;
-40pct: 40%;
-50pct: 50%;
-60pct: 60%;
-70pct: 70%;
-75pct: 75%;
-80pct: 80%;
-90pct: 90%;
-100pct: 100%;
-1-12th: 100%/12;
-2-12th: 200%/12;
-3-12th: 300%/12;
-4-12th: 400%/12;
-5-12th: 500%/12;
-6-12th: 600%/12;
-7-12th: 700%/12;
-8-12th: 800%/12;
-9-12th: 900%/12;
-10-12th: 1000%/12;
-11-12th: 1100%/12;
-third: 100%/3;
-two-thirds: 200%/3;
}
@spacing-lengths: {
-0: 0;
-1: .25rem;
-2: .5rem;
-3: 1rem;
-4: 2rem;
-5: 4rem;
-6: 8rem;
-7: 16rem;
-8: 32rem;
-9: 64rem;
}
// https://drafts.csswg.org/css-color/#named-colors
@named-colors: {
aliceblue: #F0F8FF;
antiquewhite: #FAEBD7;
aqua: #00FFFF;
aquamarine: #7FFFD4;
azure: #F0FFFF;
beige: #F5F5DC;
bisque: #FFE4C4;
black: #000000;
blanchedalmond: #FFEBCD;
blue: #0000FF;
blueviolet: #8A2BE2;
brown: #A52A2A;
burlywood: #DEB887;
cadetblue: #5F9EA0;
chartreuse: #7FFF00;
chocolate: #D2691E;
coral: #FF7F50;
cornflowerblue: #6495ED;
cornsilk: #FFF8DC;
crimson: #DC143C;
cyan: #00FFFF;
darkblue: #00008B;
darkcyan: #008B8B;
darkgoldenrod: #B8860B;
darkgray: #A9A9A9;
darkgreen: #006400;
darkgrey: #A9A9A9;
darkkhaki: #BDB76B;
darkmagenta: #8B008B;
darkolivegreen: #556B2F;
darkorange: #FF8C00;
darkorchid: #9932CC;
darkred: #8B0000;
darksalmon: #E9967A;
darkseagreen: #8FBC8F;
darkslateblue: #483D8B;
darkslategray: #2F4F4F;
darkslategrey: #2F4F4F;
darkturquoise: #00CED1;
darkviolet: #9400D3;
deeppink: #FF1493;
deepskyblue: #00BFFF;
dimgray: #696969;
dimgrey: #696969;
dodgerblue: #1E90FF;
firebrick: #B22222;
floralwhite: #FFFAF0;
forestgreen: #228B22;
fuchsia: #FF00FF;
gainsboro: #DCDCDC;
ghostwhite: #F8F8FF;
gold: #FFD700;
goldenrod: #DAA520;
gray: #808080;
green: #008000;
greenyellow: #ADFF2F;
grey: #808080;
honeydew: #F0FFF0;
hotpink: #FF69B4;
indianred: #CD5C5C;
indigo: #4B0082;
ivory: #FFFFF0;
khaki: #F0E68C;
lavender: #E6E6FA;
lavenderblush: #FFF0F5;
lawngreen: #7CFC00;
lemonchiffon: #FFFACD;
lightblue: #ADD8E6;
lightcoral: #F08080;
lightcyan: #E0FFFF;
lightgoldenrodyellow: #FAFAD2;
lightgray: #D3D3D3;
lightgreen: #90EE90;
lightgrey: #D3D3D3;
lightpink: #FFB6C1;
lightsalmon: #FFA07A;
lightseagreen: #20B2AA;
lightskyblue: #87CEFA;
lightslategray: #778899;
lightslategrey: #778899;
lightsteelblue: #B0C4DE;
lightyellow: #FFFFE0;
lime: #00FF00;
limegreen: #32CD32;
linen: #FAF0E6;
magenta: #FF00FF;
maroon: #800000;
mediumaquamarine: #66CDAA;
mediumblue: #0000CD;
mediumorchid: #BA55D3;
mediumpurple: #9370DB;
mediumseagreen: #3CB371;
mediumslateblue: #7B68EE;
mediumspringgreen: #00FA9A;
mediumturquoise: #48D1CC;
mediumvioletred: #C71585;
midnightblue: #191970;
mintcream: #F5FFFA;
mistyrose: #FFE4E1;
moccasin: #FFE4B5;
navajowhite: #FFDEAD;
navy: #000080;
oldlace: #FDF5E6;
olive: #808000;
olivedrab: #6B8E23;
orange: #FFA500;
orangered: #FF4500;
orchid: #DA70D6;
palegoldenrod: #EEE8AA;
palegreen: #98FB98;
paleturquoise: #AFEEEE;
palevioletred: #DB7093;
papayawhip: #FFEFD5;
peachpuff: #FFDAB9;
peru: #CD853F;
pink: #FFC0CB;
plum: #DDA0DD;
powderblue: #B0E0E6;
purple: #800080;
rebeccapurple: #663399;
red: #FF0000;
rosybrown: #BC8F8F;
royalblue: #4169E1;
saddlebrown: #8B4513;
salmon: #FA8072;
sandybrown: #F4A460;
seagreen: #2E8B57;
seashell: #FFF5EE;
sienna: #A0522D;
silver: #C0C0C0;
skyblue: #87CEEB;
slateblue: #6A5ACD;
slategray: #708090;
slategrey: #708090;
snow: #FFFAFA;
springgreen: #00FF7F;
steelblue: #4682B4;
tan: #D2B48C;
teal: #008080;
thistle: #D8BFD8;
tomato: #FF6347;
turquoise: #40E0D0;
violet: #EE82EE;
wheat: #F5DEB3;
white: #FFFFFF;
whitesmoke: #F5F5F5;
yellow: #FFFF00;
yellowgreen: #9ACD32;
}
@fifths: {
-20pct: 80%;
-40pct: 60%;
-60pct: 40%;
-80pct: 20%;
}
// Text color, border color, background color, opacity
.color-transparent, img[src~=color-transparent] { color: transparent; }
.bg-transparent, img[src~=bg-transparent] { background-color: transparent; }
.bc-transparent, img[src~=bc-transparent] { border-color: transparent; }
.color(@name, @color) {
.color-@{name}, img[src~="color-@{name}"] { color: @value; }
each(@fifths, {
.color-@{name}@{key}, img[src~="color-@{name}"] { color: fadeout(@color, @value); }
});
}
.background-color(@name, @color) {
.bg-@{name}, img[src~="bg-@{name}"] { background-color: @value; }
each(@fifths, {
.bg-@{name}@{key}, img[src~="bg-@{name}"] { background-color: fadeout(@color, @value); }
});
}
.border-color(@name, @color) {
.bc-@{name}, img[src~="bc-@{name}"] { border-color: @value; }
each(@fifths, {
.bc-@{name}@{key}, img[src~="bc-@{name}"] { border-color: fadeout(@color, @value); }
});
}
each(@named-colors, {
.color(@key, @value);
.background-color(@key, @value);
.border-color(@key, @value);
});
each(@fifths, {
.opacity@{key}, img[src~="opacity-@{key}"] { opacity: 100%-@value; }
});
// Border styles, widths, and radiuses
.ba, img[src~=ba] { border: 1px solid; }
.bn, img[src~=bn] { border: 0px none; }
each(@sides, {
.b@{key}, img[src~="b@{key}"] { border@{value}: 1px solid; }
});
each(@border-lengths, {
.br@{key}, img[src~="br@{key}"] { border-radius: @value; }
.bw@{key}, img[src~="bw@{key}"] { border-width: @value; }
});
// Padding and margins
each(@spacing-lengths, {
.pa@{key}, img[src~="pa@{key}"] { padding: @value; }
.pv@{key}, img[src~="pv@{key}"] { padding-top: @value; padding-bottom: @value; }
.ph@{key}, img[src~="ph@{key}"] { padding-left: @value; padding-right: @value; }
.ma@{key}, img[src~="ma@{key}"] { margin: @value; }
.mv@{key}, img[src~="mv@{key}"] { margin-top: @value; margin-bottom: @value; }
.mh@{key}, img[src~="mh@{key}"] { margin-left: @value; margin-right: @value; }
});
.spacing(@name, @side) {
each(@spacing-lengths, {
.p@{name}@{key}, img[src~="p@{name}@{key}"] { padding@{side}: @value; }
.m@{name}@{key}, img[src~="m@{name}@{key}"] { margin@{side}: @value; }
});
}
each(@sides, {
.spacing(@key, @value);
});
// Element widths, heights, and coordinates
// Idle thought: combine with the inverse golden ratio, 2/(1+sqrt(5))
each(@box-lengths, {
.w@{key}, img[src~="w@{key}"] { width: @value; }
.maxw@{key}, img[src~="maxw@{key}"] { max-width: @value; }
.minw@{key}, img[src~="minw@{key}"] { min-width: @value; }
.h@{key}, img[src~="h@{key}"] { height: @value; }
.maxh@{key}, img[src~="maxh@{key}"] { max-height: @value; }
.minh@{key}, img[src~="minh@{key}"] { min-height: @value; }
.t@{key}, img[src~="t@{key}"] { top: @value; }
.r@{key}, img[src~="r@{key}"] { right: @value; }
.b@{key}, img[src~="b@{key}"] { bottom: @value; }
.l@{key}, img[src~="l@{key}"] { left: @value; }
// https://www.sitepoint.com/css-center-position-absolute-div/
.w@{key}.center, img[src~="w@{key}"][src~=center] {
left: 50%;
margin-left: @value/-2;
}
});
// Element display styles, positioning, floating, etc
.dn, img[src~=dn] { display: none; }
.di, img[src~=di] { display: inline; }
.db, img[src~=db] { display: block; }
.dib, img[src~=dib] { display: inline-block; }
.fl, img[src~=fl] { float: left; }
.fr, img[src~=fr] { float: right; }
.fn, img[src~=fn] { float: none; }
img[src~=cf]:before,
img[src~=cf]:after { content: " "; display: table; }
img[src~=cf]:after { clear: both; }
.cf, img[src~=cf] { *zoom: 1; }
.static, img[src~=static] { position: static; }
.relative, img[src~=relative] { position: relative; }
.absolute, img[src~=absolute] { position: absolute; }
.fixed, img[src~=fixed] { position: fixed; }
.center, img[src~=center] { display: block; margin-left: auto; margin-right: auto; }
// Object-fitting and covering
.ofc, img[src~=ofc] { object-fit: contain; }
.ofv, img[src~=ofv] { object-fit: cover; }
.opl, img[src~=opl] { object-position: left !important; }
.opc, img[src~=opc] { object-position: center !important; }
.opr, img[src~=opr] { object-position: right !important; }
.opt, img[src~=opt] { object-position: top !important; }
.opb, img[src~=opb] { object-position: bottom !important; }
.oplt, img[src~=oplt] { object-position: left top !important; }
.oplc, img[src~=oplc] { object-position: left center !important; }
.oplb, img[src~=oplb] { object-position: left bottom !important; }
.opct, img[src~=opct] { object-position: center top !important; }
.opcc, img[src~=opcc] { object-position: center center !important; }
.opcb, img[src~=opcb] { object-position: center bottom !important; }
.oprt, img[src~=oprt] { object-position: right top !important; }
.oprc, img[src~=oprc] { object-position: right center !important; }
.oprb, img[src~=oprb] { object-position: right bottom !important; }
// Box shadows
.shadow-1, img[src~=shadow-1] { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-2, img[src~=shadow-2] { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
.shadow-3, img[src~=shadow-3] { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
.shadow-4, img[src~=shadow-4] { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
.shadow-5, img[src~=shadow-5] { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
================================================
FILE: static/css/monobloc.css
================================================
@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700|Inconsolata');
/* Global Styles */
body {
font-family: Heebo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.remark-slide-content h1, .remark-slide-content h2 {
font-weight: 500;
}
.remark-slide-content p, .remark-slide-content li, .remark-slide-content td, .remark-slide-content th {
font-size: 24pt;
line-height: 1.6;
}
.remark-code, .remark-inline-code {
font-family: Inconsolata, monospace;
}
th {
border-bottom: 1px solid black;
}
td, th {
padding: 8px;
}
img {
display: block;
max-width:100%;
max-height:100%;
width: auto;
height: auto;
}
.center img {
margin-right: auto;
margin-left: auto;
}
.smaller p, .smaller div, .smaller li, .smaller th, .smaller td {
font-size: 18pt;
}
.footnote p {
position: absolute;
bottom: 3em;
font-size: 8pt !important;
}
.remark-slide-number {
background-color: white;
padding: 0 5px;
border-radius: 5px;
font-size: 20px !important;
}
.no-number .remark-slide-number {
display: none;
}
#qrcode {
width: 384px;
height: 384px;
}
/* Title Slide Layout. Use .smokescreen[...] to contain the h1/h2. */
.remark-slide-content.title h1, .remark-slide-content.title h2, .remark-slide-content.title h3 {
color: white;
font-size: 50pt;
margin: 30pt;
font-weight: 300;
}
.remark-slide-content.title h2 {
font-size: 30pt;
}
.remark-slide-content.title h3 {
font-size: 22pt;
}
.smokescreen {
width: 100%;
position: absolute;
left: 0px;
top: 33%;
background-color: rgba(0,0,0,.7);
vertical-align: middle;
text-align: center;
}
/* Columnar Layouts. Two- and three-column layouts use .col classnames and float
* next to each other. The img-right uses .col and .rc (for right-column) and
* they're not equal-width or height. For convenience, two-column layouts also
* allow you to name the right column with .rc classname, so you can switch
* between layouts without changing the markup, just the slide's class.
*/
/* Two-Column Layout */
.two-column .rc, .two-column .col {
width: 48%;
float: left;
margin-right: 1%;
}
.two-column .rc img, .two-column .col img, .three-column .col img, .three-column .rc img {
display: block;
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
/* Two-Column Layout, Text Left, Image Right */
.img-right .col {
width: 62.5%;
padding-right: 1em;
}
.img-right .rc {
position: absolute;
top: 0;
left: 62.5%;
width: 37.5%;
height: 100%;
margin: 0;
padding: 0;
}
.img-right .rc p { /* Remove empty line above image wrapped in
*/
padding: 0;
margin: 0;
}
/* Three-Column Layout */
.three-column .col, .three-column .rc {
width: 32%;
float: left;
}
/* Shrink Images To Fit In A Vertical Space */
.img-450h img {
display: block;
max-height: 450px !important;
width: auto;
margin: 0;
padding: 0;
}
.img-300h img {
display: block;
max-height: 300px !important;
width: auto;
margin: 0;
padding: 0;
}
.center img, .img-center img {
display: block;
margin-left: auto;
margin-right: auto;
}
================================================
FILE: static/css/story.css
================================================
h1,
h2,
h3,
h4,
.sans-serif {
font-family: 'Quattrocento Sans', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
}
body article {
font-family: 'Spectral', Georgia, Times, serif;
}
@media only screen and (max-width: 30em) {
body article p,
body article li {
font-family: 'Quattrocento Sans', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
}
}
@media only screen and (min-width: 50em) {
body.is-page-true.feature-depth:not(.feature-nodepth):not(.feature-nohdr) article {
margin-top: -2em;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.5em 0.125em;
}
}
@media screen only {
header h1,
header h2 {
text-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.3);
}
}
blockquote {
margin: 0;
padding: 0 1rem;
color: #6a737d;
border-left: 0.25rem solid #dfe2e5;
}
pre {
border: 1px solid #dfe2e5;
border-radius: 3px;
font-size: 75%;
line-height: 1.4;
padding: 1em;
background: #f6f8fa;
overflow: auto;
}
p > code,
li > code,
a > code,
td > code {
font-size: 80%;
background: #f6f8fa;
margin: 0;
border-radius: 3px;
padding: 0.15em 0.25em;
}
article img {
max-width: 100%;
}
hr {
height: 0px;
border-style: none none solid none;
border-bottom-color: #dfe2e5;
}
table caption {
text-align: left;
font-family: 'Spectral', Georgia, Times, serif;
font-style: italic;
padding: 0px 0.5rem;
}
body.feature-hyphenate:not(.feature-nohyphenate) article p,
body.feature-hyphenate:not(.feature-nohyphenate) article li,
body.feature-hyphenate:not(.feature-nohyphenate) article td,
body.feature-hyphenate:not(.feature-nohyphenate) article caption,
body.feature-hyphenate:not(.feature-nohyphenate) article figcaption,
body.feature-hyphenate:not(.feature-nohyphenate) article th {
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
body.feature-hyphenate:not(.feature-nohyphenate) article pre,
body.feature-hyphenate:not(.feature-nohyphenate) article code {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
body.feature-justify:not(.feature-nojustify) article p,
body.feature-justify:not(.feature-nojustify) article li {
text-align: justify;
}
body.feature-hrfleuron:not(.feature-nohrfleuron) article > hr {
border-style: none;
width: 0px;
text-align: center;
margin-top: 0px;
margin-bottom: 3rem;
}
body.feature-hrfleuron:not(.feature-nohrfleuron) article > hr:before {
content: "\002766";
}
body.feature-hrdinkus:not(.feature-nohrdinkus) article > hr {
border-style: none;
width: 0px;
text-align: center;
margin-top: 0px;
margin-bottom: 3rem;
}
body.feature-hrdinkus:not(.feature-nohrdinkus) article > hr:before {
content: "*\000A0\000A0*\000A0\000A0*";
}
figure {
margin: 0px;
padding: 0px;
}
figure img {
display: block;
}
@media screen {
body.feature-figcaption-hidden:not(.feature-figcaption-visible) figure {
position: relative;
}
body.feature-figcaption-hidden:not(.feature-figcaption-visible) figcaption {
position: absolute;
bottom: 0px;
display: block;
width: 100%;
color: white;
background-color: rgba(0, 0, 0, 0.75);
padding: 1rem;
visibility: hidden;
}
body.feature-figcaption-hidden figure:hover figcaption {
visibility: visible;
}
}
body:not(.feature-tablefig) table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: 100%;
overflow: auto;
font-size: 85%;
font-family: 'Quattrocento Sans', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
}
body:not(.feature-tablefig) table tr:nth-child(2n) {
background-color: #f6f8fa;
}
body:not(.feature-tablefig) table th,
body:not(.feature-tablefig) table td {
display: table-cell;
vertical-align: inherit;
padding: 0.25rem 0.5rem;
border: 1px solid #dfe2e5;
}
body:not(.feature-tablefig) table th {
font-weight: 600;
}
body.feature-tablefw:not(.feature-tablefig) td {
font-family: arial;
}
body.feature-tablefig:not(.feature-notablefig) table {
border-spacing: 0;
border-collapse: collapse;
overflow: auto;
font-size: 85%;
font-family: inherit;
border-top: 2px solid black;
}
body.feature-tablefig:not(.feature-notablefig) table thead,
body.feature-tablefig:not(.feature-notablefig) table tbody {
border-bottom: 1px solid black;
}
body.feature-tablefig:not(.feature-notablefig) table th,
body.feature-tablefig:not(.feature-notablefig) table td {
display: table-cell;
vertical-align: bottom;
padding: 0 0.5rem;
}
body.feature-tablefig:not(.feature-notablefig) table th {
font-weight: 600;
padding-top: 0.5rem;
}
body {
counter-reset: figure-counter table-counter;
}
body.feature-fignum figure figcaption::before {
counter-increment: figure-counter;
content: "Figure " counter(figure-counter) ". ";
}
body.feature-fignum table caption::before {
counter-increment: table-counter;
content: "Table " counter(table-counter) ". ";
}
.feature-h3-cl h3 {
clear: left;
}
.feature-h3-cr h3 {
clear: right;
}
.feature-h3-cb h3 {
clear: both;
}
.feature-nosubtitle h2 {
display: none;
}
.footnotes {
font-size: 80%;
}
.math {
font-size: 1rem;
}
.about-the-author img {
float: left;
max-width: 100px;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 100%;
margin: 0 1rem 1rem 0;
}
blockquote.tweet {
border: 1px solid #dfe2e5;
border-radius: 5px;
padding: 4px 20px;
color: black;
}
.pagination li {
display: inline-block;
}
.pagination li a {
padding: 0.5rem 0.625rem;
background-color: white;
color: #333;
border: 1px solid #ddd;
border-radius: 3px;
text-decoration: none;
}
.pagination li.disabled {
display: none;
}
.pagination li.active a:link,
.pagination li.active a:active,
.pagination li.active a:visited {
background-color: #ddd;
}
img[src~="3dbook"] {
max-width: 120px;
}
@media screen {
.book {
display: inline-block;
box-shadow: 5px 5px 20px #333;
margin: 1rem;
}
.book img {
vertical-align: middle;
}
.books {
-moz-perspective: 100px;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
display: inline-block;
float: right;
margin: 0px 0px 1rem 1rem;
}
.book {
position: relative;
-moz-perspective: 100px;
-moz-transform: rotateY(-3deg);
-webkit-transform: perspective(100) rotateY(-3deg);
outline: 1px solid transparent;
box-shadow: none;
margin: 0;
}
.book img {
position: relative !important;
}
.book:before,
.book:after {
position: absolute;
top: 2%;
height: 96%;
content: ' ';
z-index: -1;
}
.book:before {
width: 100%;
left: 6.5%;
background-color: #484848;
box-shadow: 0px 3px 20px 2px #333;
}
.book:after {
width: 5%;
left: 100%;
background-color: #EFEFEF;
box-shadow: inset 0px 0px 5px #aaa;
-moz-transform: rotateY(20deg);
-webkit-transform: perspective(100) rotateY(20deg);
}
}
.display-print {
display: none;
}
@media print {
* {
color: black !important;
}
pre,
code {
font-size: 0.85rem;
background: white !important;
padding: 3px !important;
}
img[src~="3dbook"] {
border: 1px solid black;
float: right;
margin: 0px 0px 1rem 1rem;
}
.footnote-return {
display: none;
}
a,
a:link,
a:visited,
a:hover {
text-decoration: underline black;
}
.footnote-ref a,
.category a {
text-decoration: none !important;
}
#hdr {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
h2 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
font-style: italic;
}
h3 a:link,
h3 a:visited {
text-decoration: none;
}
.hide-print {
display: none !important;
}
.display-print {
display: inline !important;
}
.f4 {
font-size: 1rem !important;
}
.measure-wide {
max-width: 45em !important;
}
main {
padding-bottom: 0 !important;
}
.math {
font-size: 0.85rem !important;
}
article {
border-bottom-style: none !important;
}
}
.hljs {
display: block;
color: #333333;
overflow-x: auto;
}
.hljs-comment,
.hljs-meta {
color: #969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote {
color: #df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type {
color: #a71d5d;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute {
color: #0086b3;
}
.hljs-section,
.hljs-name {
color: #63a35c;
}
.hljs-tag {
color: #333333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo {
color: #795da3;
}
.hljs-addition {
color: #55a532;
background-color: #eaffea;
}
.hljs-deletion {
color: #bd2c00;
background-color: #ffecec;
}
.hljs-link {
text-decoration: underline;
}
================================================
FILE: static/css/story.less
================================================
@font-sans: 'Quattrocento Sans',-apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
@font-serif: 'Spectral', Georgia, Times, serif;
@shaded-bg: #f6f8fa;
@border: #dfe2e5;
@muted-text: #6a737d;
// Typography designed for clarity and elegance on a large, modern (hi-res)
// display. But when reading on an cellphone, a sans-serif font family is much
// nicer, so apply serif fonts to the article only at larger sizes or in print.
h1, h2, h3, h4, .sans-serif {
font-family: @font-sans;
}
body {
article {
font-family: @font-serif;
@media only screen and (max-width: 30em) {
p, li {
font-family: @font-sans;
}
}
}
@media only screen and (min-width: 50em) {
&.is-page-true.feature-depth:not(.feature-nodepth):not(.feature-nohdr) article {
margin-top: -2em;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0.5em 0.125em;
}
}
}
header {
h1, h2 {
@media screen only {
text-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.3);
}
}
}
// General element styling
blockquote {
margin: 0;
padding: 0 1rem;
color: @muted-text;
border-left: 0.25rem solid @border;
}
pre {
border: 1px solid @border;
border-radius: 3px;
font-size: 75%;
line-height: 1.4;
padding: 1em;
background: @shaded-bg;
overflow: auto;
}
p>code, li>code, a>code, td>code {
font-size: 80%;
background: @shaded-bg;
margin: 0;
border-radius: 3px;
padding: 0.15em 0.25em;
}
article img {
max-width: 100%;
}
hr {
height: 0px;
border-style: none none solid none;
border-bottom-color: @border;
}
table caption {
text-align: left;
font-family: @font-serif;
font-style: italic;
padding: 0px 0.5rem;
}
// Story uses feature-X and feature-noX classes to enable/disable a lot of
// typography and other features.
body.feature-hyphenate:not(.feature-nohyphenate) article {
p, li, td, caption, figcaption, th {
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
pre, code {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
}
body.feature-justify:not(.feature-nojustify) article {
p, li {
text-align: justify;
}
}
body.feature-hrfleuron:not(.feature-nohrfleuron) article > hr {
border-style: none;
width: 0px;
text-align: center;
margin-top: 0px;
margin-bottom: 3rem;
&:before {
content: "\002766";
}
}
body.feature-hrdinkus:not(.feature-nohrdinkus) article > hr {
border-style: none;
width: 0px;
text-align: center;
margin-top: 0px;
margin-bottom: 3rem;
&:before {
content: "*\000A0\000A0*\000A0\000A0*";
}
}
figure {
margin: 0px;
padding: 0px;
img {
display: block;
}
}
@media screen {
// Image captions should only be "hidden" overlays on the images in screen
// mode. Even if feature-figcaption-hidden is defined, if
// feature-figcaption-visible is set, this all should be disabled.
body.feature-figcaption-hidden:not(.feature-figcaption-visible) figure {
position: relative;
}
body.feature-figcaption-hidden:not(.feature-figcaption-visible) figcaption {
position: absolute;
bottom: 0px;
display: block;
width: 100%;
color: white;
background-color: rgba(0, 0, 0, 0.75);
padding: 1rem;
visibility: hidden;
}
body.feature-figcaption-hidden figure:hover figcaption {
visibility: visible;
}
}
// Default table styling is GitHub-inspired. It's overridden by
// .feature-tablefig below, so it applies only if that class isn't active.
body:not(.feature-tablefig) table {
border-spacing: 0;
border-collapse: collapse;
display: block;
width: 100%;
overflow: auto;
font-size: 85%;
font-family: @font-sans;
tr:nth-child(2n) {
background-color: @shaded-bg;
}
th, td {
display: table-cell;
vertical-align: inherit;
padding: .25rem .5rem;
border: 1px solid @border;
}
th {
font-weight: 600;
}
}
// A typeface with fixed-width numerals is nice if there are many cells filled
// with numbers.
body.feature-tablefw:not(.feature-tablefig) td {
font-family: arial;
}
// This table style is more of an academic paper look.
body.feature-tablefig:not(.feature-notablefig) table {
border-spacing: 0;
border-collapse: collapse;
overflow: auto;
font-size: 85%;
font-family: inherit;
border-top: 2px solid black;
thead, tbody {
border-bottom: 1px solid black;
}
th, td {
display: table-cell;
vertical-align: bottom;
padding: 0 .5rem;
}
th {
font-weight: 600;
padding-top: .5rem;
}
}
// Add labels and counters to table and figure captions.
body {
counter-reset: figure-counter table-counter;
&.feature-fignum {
figure figcaption::before {
counter-increment: figure-counter;
content: "Figure " counter(figure-counter) ". ";
}
table caption::before {
counter-increment: table-counter;
content: "Table " counter(table-counter) ". ";
}
}
}
// Use front matter in the blog post to add CSS class names to the
tag.
.feature-h3-cl h3 { clear: left; }
.feature-h3-cr h3 { clear: right; }
.feature-h3-cb h3 { clear: both; }
.feature-nosubtitle h2 {
display: none;
}
// Hugo creates a div.footnotes around an