/* Live in Style -- Bare Bones Browser Launch */ /* Document */ main >section h2 { color: darkorange; } main >section >figure >img { border: 5px solid silver; } main >section >figure >p { color: saddlebrown; font-size: 0.9rem; font-weight: bold; text-align: center; padding-top: 5px; } main >section >pre.terminal-commands { color: saddlebrown; margin: 0px 0px 0px -3.5em; overflow: scroll; } main >section >nav { font-weight: bold; background-color: white; border: 1px solid saddlebrown; padding: 5px 10px; margin-bottom: 20px; } main >section >nav span { white-space: nowrap; } main >section >nav span:not(:last-child)::after { content: "\2192"; /* right arrow */ font-weight: normal; padding: 0px 6px; } main >section blockquote { font-style: italic; margin: 0px 0px 15px 0px; } main >section blockquote >cite { display: block; font-size: 0.9rem; font-weight: lighter; font-style: normal; text-transform: uppercase; letter-spacing: 0.1em; } main >section blockquote >cite::before { content: "\2014"; /* mdash */ padding-right: 0.4em; margin-left: 25px; } body >footer { flex-direction: column; padding: 0px; } body >footer p { text-align: center; } /* Color Slide layout -- customize colors */ html {background: linear-gradient(to bottom, darkorange, saddlebrown); } /* Link color */ a { border-color: darkorange; } a:hover { background-color: darkorange; outline-color: darkorange; } /* hljs-enhance frame colors */ figure.hljs-enhance figcaption { color: white; } /* title */ figure.hljs-enhance figcaption:first-child { background-color: saddlebrown; } /* trim */ pre.hljs-enhance, figure.hljs-enhance >div { border-color: saddlebrown; } /* trim */ pre.hljs-enhance code { background-color: white; } /* background */ /* Reveal action color */ .reveal-button { color: saddlebrown; } .reveal-button:hover:not(:disabled) { background-color: saddlebrown; }