From 6f1997969b2308498bc16462815d13e2212e5e81 Mon Sep 17 00:00:00 2001 From: David Croft Date: Fri, 12 Feb 2021 14:02:56 +0000 Subject: [PATCH] removed custom css --- .guides/styles.css | 1293 -------------------------------------------- 1 file changed, 1293 deletions(-) delete mode 100644 .guides/styles.css diff --git a/.guides/styles.css b/.guides/styles.css deleted file mode 100644 index 3a5eaa7..0000000 --- a/.guides/styles.css +++ /dev/null @@ -1,1293 +0,0 @@ -@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,700,700i&subset=latin-ext,vietnamese'); - -.body { - height: 100%; - padding-bottom: 1px; -} - -.codio-assessment-name { - font-size: 150%; -} - -.codio-assessment-guidance-container { - padding: 0.5em; - margin-bottom: 1em; - background-color: #e4efe4; - border: 1px #d6ded6 solid; - border-radius: 3px; -} - -.codio-assessment-guidance-title { - margin: 0; -} - -.codio-assessment-guidance-text { - font-size: 90%; -} - -.codio-button-result.hide { - display: none; -} - -.codio-button-result { - font-size: 100%; -} - -.codio-assessment-last-run { - font-size: 70%; -} - -.codio-assessment-last-run span { - color: #888; -} - -.codio-button.codio-button-type-assessment { - text-shadow: none; - border-radius: 2px; - text-transform: none; -} - -.codio-button.codio-button-type-assessment-reset, -.codio-button.codio-button-type-assessment-modify { - margin-left: 10px; - text-transform: none; -} - -.codio-button.codio-button-type-assessment-validate { - margin-right: 10px; - text-transform: none; -} - -.codio-math-progress { - margin-left: 10px; - display: inline-block; - position: relative; - top: 5px; -} - -/* Radio buttons*/ - -.codio-button-type-assessment-multiple-radio { - padding-top: 0px; - margin: 1em 0; - clear: both; -} -.codio-button-type-assessment-multiple-radio:first-of-type { - margin-top: 1em; -} - -.codio-button-type-assessment-multiple-radio:last-of-type { - margin-bottom: 1em; -} - -.codio-button-type-assessment-multiple-radio input { - display: none; -} - -.codio-button-type-assessment-multiple-radio label { - display: block; -} - -.codio-button-type-assessment-multiple-radio label i { - background-color: rgba(204, 0, 102, 0); - border: 2px solid #aaadbd; - height: 14px; - width: 14px; - border-radius: 12px; - content: ''; - display: inline-block; - position: absolute; - transition: border 0.3s ease-in-out; - margin-top: 2px; -} - -.codio-button-type-assessment-multiple-radio:hover label i { - border: 2px solid #797d92; - cursor: pointer; -} - -.codio-button-type-assessment-multiple-radio label i::before { - height: 10px; - width: 10px; - border-radius: 10px; - content: ''; - display: inline-block; - margin-left: 2px; - margin-top: 2px; -} - -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-done:hover label i { - border: 2px solid #848db3; -} - -.codio-button-type-assessment-multiple-radio input:checked + label i { - border: 2px solid #797d92; -} - -.codio-button-type-assessment-multiple-radio input:checked + label i::before { - background-color: #797d92; -} - -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-ok:hover input:checked + label i, -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-ok input:checked + label i, -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-ok:hover label i, -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-ok label i { - border: 2px solid #71b380; -} - -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-ok input:checked + label i::before, -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-ok label i::before { - background-color: #71b380; -} - -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-wrong:hover input:checked + label i, -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-wrong input:checked + label i { - border: 2px solid #da8181; -} - -.codio-button-type-assessment-multiple-radio.codio-assessment-multiple-wrong input:checked + label i::before { - background-color: #da8181; -} - -.codio-challenge a.codio-assessment-disabled { - cursor: not-allowed; -} - -/* Checkboxes*/ - -.codio-button-type-assessment-multiple-checkbox { - padding-top: 0px; - margin: 1em 0; - clear: both; -} - -.codio-button-type-assessment-multiple-checkbox:first-of-type { - margin-top: 1em; -} - -.codio-button-type-assessment-multiple-checkbox:last-of-type { - margin-bottom: 1em; -} - -.codio-button-type-assessment-multiple-checkbox input { - display: none; -} - -.codio-button-type-assessment-multiple-checkbox label i { - background-color: #aaadbd; - border-radius: 2px; - height: 14px; - width: 14px; - padding: 4px; - content: ''; - display: inline-block; - margin-right: 10px; - position: absolute; - margin-top: 1px; -} - -.codio-button-type-assessment-multiple-checkbox label { - display: block; -} - -.codio-button-type-assessment-multiple-checkbox label i { - transition: background-color 0.3s ease-in-out; -} - -.codio-button-type-assessment-multiple-checkbox:hover label i { - background-color: #797d92; -} - -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-done:hover label i { - background-color: #797d92; -} - -.codio-button-type-assessment-multiple-checkbox input:checked + label i { - background-image: url("/assets/images/guides/checkmark-6db2a12b.svg"); - background-size: contain; - background-color: #797d92; -} - -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-ok:hover input:checked + label i, -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-ok input:checked + label i, -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-ok:hover label i, -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-ok label i { - background-color: #71b380; -} - -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-ok input:checked + label i::before, -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-ok label i::before { - background-color: #71b380; -} - -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-wrong:hover input:checked + label i, -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-wrong input:checked + label i { - background-color: #da8181; -} - -.codio-button-type-assessment-multiple-checkbox.codio-assessment-multiple-wrong input:checked + label i::before { - background-color: #da8181; -} - -.codio-button-type-assessment-multiple-answer { - margin: 0; - padding-left: 30px; - clear: both; -} - -.codio-button-type-assessment-multiple-answer .p-tag { - margin: 0; -} - -/* Fill in the blanks */ - -/* simple */ - -.codio-fill-in-the-blanks { - margin-bottom: 2em; -} - -.codio-fib-simple-input { - font-family: 'Nunito Sans'; - font-weight: 300; - font-size: 1em; - display: inline-block; - padding: 0 .2em; - background-color: #eceff6; - border-radius: 2px; - line-height: 1.3em; - border: none; -} - -.codio-fib-simple-input:focus { - outline: none; -} - -.codio-fill-in-the-blanks .codio-md-line { - margin: 0; - line-height: 1.4em; -} - -.codio-assessment-fib-ok, -.codio-assessment-fib-wrong { - border-radius: 2px; -} -.codio-assessment-fib-ok { - background-color: #cfecd6; - border: 1px solid #cfecd6; -} - -.codio-assessment-fib-wrong { - background-color: #ff9999; - border: 1px solid #ff9999; - text-decoration: line-through; -} - -table th { - text-align: left; -} - -/* Tree text */ -.codio-assessment-free-text .codio-assessment-textarea { - width: 100%; - min-height: 100px; -} - -.codio-assessment-free-text .codio-assessment-content { - margin-bottom: 20px; -} - -.codio-assessment-free-text .codio-helpBlock { - padding: 20px; - background-color: #e4edef; - margin-right: 0; -} - -textarea { - font-family: inherit; - font-size: inherit; -} - -.codio-assessment-math-stack input { - font-size: 0.9em; -} - -.codio-assessment-math-stack .MathJax { - font-size: 1.5em; -} - -.stackpartmark { - font-weight: bold; -} - -.toggle { - position: relative; - display: inline-block; - vertical-align: top; - width: 30px; - height: 15px; - padding: 0; - background-color: #d5dae6; - border-radius: 10px; - cursor: pointer; - margin: 4px 5px 0 0; -} - -.toggle input[type=checkbox] { - float: none; - position: absolute; - top: 0; - left: 0; - opacity: 0; -} - -.toggle .toggle-label { - position: relative; - display: block; - height: inherit; - font-size: 14px; - text-transform: uppercase; - background: #A8B2C4; - border-radius: inherit; -} - -.toggle .toggle-label:before, -.toggle .toggle-label:after { - position: absolute; - top: 50%; - margin-top: -5px; - line-height: 1; - color: white; -} - -.toggle input[type=checkbox]:checked ~ .toggle-label { - background: #4294f0; -} - -.toggle input[type=checkbox]:checked ~ .toggle-label:before { - opacity: 0; -} - -.toggle input[type=checkbox]:checked ~ .toggle-label:after { - opacity: 1; -} - -.toggle input[type=checkbox]:disabled ~ .toggle-label { - background: #ffffff; -} - -.toggle input[type=checkbox]:checked ~ .toggle-handle { - left: 16px; -} - -.toggle .toggle-handle { - position: absolute; - top: 2px; - left: 2px; - width: 11px; - height: 11px; - background: #ffffff; - border-radius: 10px; -} - -.codio-assessment-free-text-preview { - margin-bottom: 5px; -} -/* Codio Blocks */ - -.codio-warning::before, -.codio-definition::before, -.codio-important::before, -.codio-topic::before, -.codio-challenge::before, -.codio-info::before, -.codio-curiculum::before, -.codio-guidance::before, -.codio-meetups::before, -.codio-headline::before, -.codio-hackathon::before, -.codio-create::before, -.codio-calendar::before, -.codio-growthhack::before, -.codio-debugging::before, -.codio-xdiscipline::before { - background-image: url("/assets/images/guides/blocks/quote-098d633e.svg"); - position: relative; - content: ' '; - margin-left: -112px; - padding: 20px 61px 60px 16px; - top: 52px; - background-repeat: no-repeat; - width: 0; -} - -.codio-important::before { - background-image: url("/assets/images/guides/blocks/important-fb10dc56.svg"); - top: 28px; -} - -.codio-warning, -.codio-definition, -.codio-important, -.codio-topic, -.codio-challenge, -.codio-info, -.codio-curiculum, -.codio-guidance, -.codio-meetups, -.codio-headline, -.codio-hackathon, -.codio-create, -.codio-calendar, -.codio-growthhack, -.codio-debugging, -.codio-xdiscipline { - padding: 0px 40px 12px 65px; - margin: 1em 36px 2em 29px; - font-size: 0.9em; - color: #484040; - background-color: #f5f9f5; - border-radius: 4px; - box-shadow: 2px 2px 4px #DDD; -} - -.codio-warning h1, -.codio-definition h1, -.codio-important h1, -.codio-topic h1, -.codio-challenge h1, -.codio-info h1, -.codio-curiculum h1, -.codio-guidance h1, -.codio-meetups h1, -.codio-headline h1, -.codio-hackathon h1, -.codio-create h1, -.codio-calendar h1, -.codio-growthhack h1, -.codio-debugging h1, -.codio-xdiscipline h1, -.codio-warning h2, -.codio-definition h2, -.codio-important h2, -.codio-topic h2, -.codio-challenge h2, -.codio-info h2, -.codio-curiculum h2, -.codio-guidance h2, -.codio-meetups h2, -.codio-headline h2, -.codio-hackathon h2, -.codio-create h2, -.codio-calendar h2, -.codio-growthhack h2, -.codio-debugging h2, -.codio-xdiscipline h2, -.codio-warning h3, -.codio-definition h3, -.codio-important h3, -.codio-topic h3, -.codio-challenge h3, -.codio-info h3, -.codio-curiculum h3, -.codio-guidance h3, -.codio-meetups h3, -.codio-headline h3, -.codio-hackathon h3, -.codio-create h3, -.codio-calendar h3, -.codio-growthhack h3, -.codio-debugging h3, -.codio-xdiscipline h3 { - font-size: 120%; - font-style: normal; - margin-bottom: 0; - margin-top: 0; - border: none; - padding-bottom: 0; -} - -.codio-warning > p:first-of-type, -.codio-definition > p:first-of-type, -.codio-important > p:first-of-type, -.codio-topic > p:first-of-type, -.codio-challenge > p:first-of-type, -.codio-info > p:first-of-type, -.codio-curiculum > p:first-of-type, -.codio-guidance > p:first-of-type, -.codio-meetups > p:first-of-type, -.codio-headline > p:first-of-type, -.codio-hackathon > p:first-of-type, -.codio-create > p:first-of-type, -.codio-calendar > p:first-of-type, -.codio-growthhack > p:first-of-type, -.codio-debugging > p:first-of-type, -.codio-xdiscipline > p:first-of-type { - margin-top: 0; -} - -.codio-info::before { - background-image: url("/assets/images/guides/blocks/info-2a0e4bb9.svg"); -} - -.codio-definition::before { - background-image: url("/assets/images/guides/blocks/definition-19aed70a.svg"); -} - -.codio-warning::before { - background-image: url("/assets/images/guides/blocks/warning-82cd4065.svg"); -} -.codio-curiculum::before, -.codio-topic::before { - background-image: url("/assets/images/guides/blocks/topic-dd027892.svg"); -} - -.codio-challenge::before { - background-image: url("/assets/images/guides/blocks/challenge-d389cf7e.svg"); - margin-left: -109px; -} - -.codio-guidance::before { - background-image: url("/assets/images/guides/blocks/guidance-f1fce2c9.svg"); -} - -.codio-meetups::before { - background-image: url("/assets/images/guides/blocks/meetups-93b3131b.svg"); -} - -.codio-headline::before { - background-image: url("/assets/images/guides/blocks/headlines-541035ae.svg"); -} - -.codio-hackathon::before { - background-image: url("/assets/images/guides/blocks/hackathon-7aea02c5.svg"); -} - -.codio-create::before { - background-image: url("/assets/images/guides/blocks/creatorspaceLab-37281861.svg"); -} - -.codio-calendar::before { - background-image: url("/assets/images/guides/blocks/aDayInTheLifeOf-d409a146.svg"); -} - -.codio-growthhack::before { - background-image: url("/assets/images/guides/blocks/growthHacks-69529db6.svg"); -} - -.codio-debugging::before { - background-image: url("/assets/images/guides/blocks/debugging-ca4d5323.svg"); -} - -.codio-xdiscipline::before { - background-image: url("/assets/images/guides/blocks/acrossTheDisciplines-20a5af40.svg"); -} - -/* image-table */ - -.codio-image-table { - -} - -.codio-image-table h3 { - - font-family: 'Open Sans', sans-serif; - color: #ffffff; - font-size: 100%; - font-weight: normal; - text-align: center; - padding-top: 21px; - padding-bottom: 21px; - background-color: #222324; - margin: 33px 0 13px 0; -} - -/* image */ - -.codio-image { - max-width: 500px; - margin: 1em auto; -} - -.codio-image img { - border: 1px solid #c7d5f6; - border-radius: 2px; -} - -.codio-image p { - margin: 0; -} - -.codio-image p + p { - font-size: 1em; - text-align: center; - margin: 1em 0; -} - -/* interactive table */ -.codio-interactive-table { -} - -/* codio button */ -.codio-button { - text-shadow: none; - font-style: normal; - display: inline-block; - padding: 4px 18px 2px; - font-weight: normal; - font-size: 75%; - text-align: center; - vertical-align: middle; - cursor: pointer; - background: #5988e1; - border-radius: 2px; - color: #fff; - text-transform: uppercase; - text-decoration: none; - margin-left: auto; - margin-right: auto; - font-family: 'Nunito Sans'; -} - -.codio-button-result { - background: #fff; - border: 1px solid #ddd; - border-radius: 2px; - line-height: 25px; - position: relative; - padding: 1em 65px; - font-weight: normal; - margin: 1em 0; - min-height: 30px; -} - -.codio-button-result:after { - position: absolute; - display: inline-block; - left: 21px; - bottom: 100%; - content: ''; - border-left: 8px solid transparent; - border-bottom: 9px solid #fff; - border-right: 9px solid transparent; -} - - -.codio-button-result:before { - position: absolute; - display: inline-block; - left: 19px; - bottom: 100%; - content: ''; - border-left: 10px solid transparent; - border-bottom: 11px solid #ddd; - border-right: 10px solid transparent; -} - -.codio-button-result-out:before { - position: absolute; - display: inline-block; - left: 20px; - top: 26px; - content: ''; -} - -.codio-button-result-out-pass:before { - content: url("/assets/images/guides/checkmark_green-d5d11211.svg"); - height: 26px; - width: 26px; -} - -.codio-button-result-out-fail:before { - content: url("/assets/images/guides/remove_red-a4a21ffa.svg"); - height: 26px; - width: 26px; -} - -.codio-button-result-out-invalid:before { - content: url("/assets/images/guides/remove_red-a4a21ffa.svg"); - height: 26px; - width: 26px; -} - -.codio-button-result-out-progress:before { - content: url("/assets/images/guides/spinner-black-3136a085.gif"); - top: 23px; - left: 24px; -} - -.codio-button-result .codio-button-result-out { - overflow: auto; - font-style: italic; - font-family: 'Nunito Sans'; - margin: 0; - white-space: pre-wrap; -} - -.codio-button.codio-assessment-disabled { - /* ios iframe hack, opacity rerenders whole iframe and scrolls up*/ - background-color: #8bacea; -} - -.codio-button-result .codio-button-result-error-text { - color: #b94a48; -} - -.codio-button-result .codio-button-result-success-text { - color: #468847; -} - -.codio-challenge.codio-assessment-compare .codio-button-result.fail .codio-button-result-out, -.codio-challenge.codio-assessment-compare .codio-button-result.pass .codio-button-result-out -{ - font-style: normal; - font-size: 16px; -} - -.codio-challenge.codio-assessment-compare .codio-button-result-out > div { - font-weight: 600; -} - -.codio-challenge.codio-assessment-compare .codio-button-result-out > div > pre { - font-weight: 500; - font-size: 14px; - margin: 0; -} - -.codio-challenge.codio-assessment-compare .codio-button-result-out .codio-output-text, -.codio-challenge.codio-assessment-compare .codio-button-result-out .codio-expected-output-text { - max-height: 250px; - overflow: auto -} - -.codio-challenge.codio-assessment-compare .codio-button-result-out .codio-output-text { - background-color: #fff0ec; -} - -.codio-challenge.codio-assessment-compare .codio-button-result-out .codio-expected-output-text { - background-color: #e9fff2; -} - -/* HelpBlock Component*/ -/* By default, the arrow is to the top left of the block. */ -.codio-helpBlock, .stackinputfeedback { - border-radius: 2px; - border: 1px solid #d3d5dc; - color: #33393d; - margin: 10px 36px 10px 0; - padding: 10px; - line-height: 16px; - position: relative; - max-width: 570px; -} - -.codio-helpBlock--fullWidth { - max-width: none; - margin-left: 0; - margin-right: 0; -} - -.stackinputfeedback:empty { - display: none; -} - -.stackinputfeedback { - background-color: #fbfbfb; -} - -/* Positions arrow to the bottom left. */ -.codio-helpBlock--topLeftArrow:before { - position: absolute; - display: inline-block; - content: ''; - border-bottom: 7px solid #eee; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - left: 10px; - top: -8px; -} - -.codio-helpBlock--topLeftArrow:after { - position: absolute; - display: inline-block; - content: ''; - border-bottom: 6px solid #FFFFFF; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - left: 11px; - top: -6px; -} - -/* Positions arrow to the bottom left. */ -.codio-helpBlock--bottomLeftArrow:before { - position: absolute; - display: inline-block; - content: ''; - border-top: 7px solid #eaecf2; - border-right: 7px solid transparent; - border-left: 7px solid transparent; - left: 10px; - bottom: -8px; -} - -.codio-helpBlock--bottomLeftArrow:after { - position: absolute; - display: inline-block; - content: ''; - border-top: 6px solid #FFFFFF; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - left: 11px; - bottom: -6px; -} - -/* Positions arrow to the left. */ -.codio-helpBlock--leftArrow:before { - position: absolute; - display: inline-block; - content: ''; - border-bottom: 7px solid transparent; - border-right: 7px solid #eee; - border-top: 7px solid transparent; - left: -7px; - top: 10px; -} - -.codio-helpBlock--leftArrow:after { - position: absolute; - display: inline-block; - content: ''; - border-bottom: 6px solid transparent; - border-right: 6px solid #fff; - border-top: 6px solid transparent; - left: -6px; - top: 11px; -} - -/* highilight css */ -/* - -github.com style (c) Vasily Polovnyov - -*/ - -.hljs { - display: block; - overflow-x: auto; - padding: 0.5em; - color: #333; - background: #f8f8f8; - -webkit-text-size-adjust: none; -} - -.hljs-comment, -.hljs-template_comment, -.diff .hljs-header, -.hljs-javadoc { - color: #998; - font-style: italic; -} - -.hljs-keyword, -.css .rule .hljs-keyword, -.hljs-winutils, -.javascript .hljs-title, -.nginx .hljs-title, -.hljs-subst, -.hljs-request, -.hljs-status { - color: #333; - font-weight: bold; -} - -.hljs-number, -.hljs-hexcolor, -.ruby .hljs-constant { - color: #008080; -} - -.hljs-string, -.hljs-tag .hljs-value, -.hljs-phpdoc, -.hljs-dartdoc, -.tex .hljs-formula { - color: #d14; -} - -.hljs-title, -.hljs-id, -.scss .hljs-preprocessor { - color: #900; - font-weight: bold; -} - -.javascript .hljs-title, -.hljs-list .hljs-keyword, -.hljs-subst { - font-weight: normal; -} - -.hljs-class .hljs-title, -.hljs-type, -.vhdl .hljs-literal, -.tex .hljs-command { - color: #458; - font-weight: bold; -} - -.hljs-tag, -.hljs-tag .hljs-title, -.hljs-rules .hljs-property, -.django .hljs-tag .hljs-keyword { - color: #000080; - font-weight: normal; -} - -.hljs-attribute, -.hljs-variable, -.lisp .hljs-body { - color: #008080; -} - -.hljs-regexp { - color: #009926; -} - -.hljs-symbol, -.ruby .hljs-symbol .hljs-string, -.lisp .hljs-keyword, -.clojure .hljs-keyword, -.scheme .hljs-keyword, -.tex .hljs-special, -.hljs-prompt { - color: #990073; -} - -.hljs-built_in { - color: #0086b3; -} - -.hljs-preprocessor, -.hljs-pragma, -.hljs-pi, -.hljs-doctype, -.hljs-shebang, -.hljs-cdata { - color: #999; - font-weight: bold; -} - -.hljs-deletion { - background: #fdd; -} - -.hljs-addition { - background: #dfd; -} - -.diff .hljs-change { - background: #0086b3; -} - -.hljs-chunk { - color: #aaa; -} - -footer { - text-align: center; - margin-top: 80px; - font-family: 'Nunito Sans'; -} - -footer a { - text-decoration: none; - background-image: none; - line-height: 2em; - border-radius: 2em; - padding: 0px 8px; - background-color: transparent; - border: 1px solid; - text-transform: none; - min-width: 1em; - font-size: 0.9em; - color: #8c97b2; - margin-right: 20px; -} - -footer a span::after { - background-image: url('/assets/images/guides/footer-next-69f65caf.png'); - background-size: 1em 1em; - width: 1em; - height: 1em; - content: " "; - display: inline-block; - font-size: 1em; - vertical-align: middle; - margin-bottom: .25em; - margin-left: 0.1em; -} - -footer a.plain span::after { - display: none; -} - -html { - font-size: 18px; -} - -body { - margin: 0 60px 30px; - font-size: 18px; - line-height: 1.5; -} - -.rendered-markdown { - font-family: 'Nunito Sans'; - max-width: 660px; - margin: 0 auto; - font-weight: 150; - color: #212c3f; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: 'Nunito Sans'; - font-weight: 700; - margin-bottom: 0; -} - -h1 { - font-size: 1.7em; - font-weight: 900; - padding-bottom: 2px; -} - -h2 { - border-bottom: 1px solid #212c3f; - margin-bottom: 0.5em; - font-size: 1.3em; -} - -h3 { - font-size: 1.1em; -} - -h2 { - border-bottom: 1px solid #212c3f; -} - -.page-title { - margin-top: 10px; - line-height: 1.1em; - color: #8e8e8e; - -webkit-transition: all 0.6s ease-in-out; - -moz-transition: all 0.6s ease-in-out; - transition: all 0.6s ease-in-out; -} - -.page-title.shrink { - position: fixed; - top: 0; - z-index: 9; - background: #FFF; - max-width: 90%; - width: 90%; - font-size: 1.2em; - font-style: italic; - font-weight: 500; - padding: 10px 5% 10px 5%; - margin-top: 0; - margin-left: -60px; - - box-shadow: 1px 0 20px #FFF; - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; - white-space: nowrap; -} - -h2 { - font-size: 1.6em; -} - -h3 { - font-size: 1.1em; -} - -h4, -h5, -h6 { - font-size: 1em; - margin: 1.33em 0; -} - -a { - color: #212c3f; - text-decoration: none; - text-shadow: 0.03em 0 white, -0.03em 0 white, 0 0.03em white, 0 -0.03em white, 0.06em 0 white, -0.06em 0 white, 0.09em 0 white, -0.09em 0 white, 0.12em 0 white, -0.12em 0 white, 0.15em 0 white, -0.15em 0 white; - background-image: -webkit-linear-gradient(#ffffff, #ffffff), -webkit-linear-gradient(#ffffff, #ffffff), -webkit-linear-gradient(#212c3f, #212c3f); - background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), linear-gradient(#212c3f, #212c3f); - background-size: .05em 1px, .05em 1px, 1px 1px; - background-repeat: no-repeat, no-repeat, repeat-x; - background-position: 0% 90%, 100% 90%, 0% 90%; - cursor: pointer; -} - -a::-moz-selection { - text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe; - background: #b4d5fe; -} -a::selection { - text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe; - background: #b4d5fe; -} - -a::-moz-selection { - text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe; - background: #b4d5fe; -} - -a:before, -a:after, -a *, -a *:before, -a *:after { - text-shadow: none; -} - -.docs-body a:visited { - color: #212c3f; -} - -code { - font-family: 'Eco Coding W01'; -} - -code { - font-size: 77%; - font-weight: 400; - font-style: normal; - padding: 0 .5em; - background-color: #f7f9fc; - border: 1px solid #c7d5f6; - border-radius: 2px; -} - -.p-tag, -blockquote, -ul, -ol, -dl, -table { - margin: 0em 0 24px 0; -} - -li { - margin-bottom: .5em; -} - -li:last-of-type { - margin-bottom: 0; -} - -h1 + .p-tag, -h3 + .p-tag, -h4 + .p-tag, -h5 + .p-tag, -h6 + .p-tag { - margin-top: 0; -} - -dt { - font-weight: 700; -} - -pre { - margin: 1em 0; -} - -pre code { - padding: 20px 24px; - display: block; - overflow: auto; -} - -pre code b, -pre code strong { - font-weight: 700; -} - -ul { - padding-left: 1.3em; -} - -ul ul { - padding-left: 1.5em; - margin: 0; -} - -table { - border-collapse: collapse; - width: 100%; - font-size: inherit; -} - -table th, -table td { - padding: 14px; -} - -table thead tr { - border-top: 1px solid #c7d5f6; -} - -table tbody tr:first-child { - border-top: 1px solid #c7d5f6; -} - -table tbody tr:nth-child(2n) { - background-color: #f7f9fc; -} - -table tbody tr:last-child { - border-bottom: 1px solid #c7d5f6; -} - -abbr { - border-bottom: 1px dashed #c7d5f6; - cursor: help; -} - -hr { - border: none; - border-top: 1px solid #c7d5f6; - height: 1px; - padding: 0; -} - -img { - margin: 0 auto; - display: block; - max-width: 100%; -} - -blockquote { - padding-left: 20px; - border-left: 2px solid #212c3f; - font-style: italic; -} - -mark { - background-color: #ffff9d; - padding: .05em .2em; - border-radius: 2px; -} - -.codio-button-type-assessment, -.codio-assessment-last-run { - font-family: 'Nunito Sans'; -}