diff options
author | vjeantet <valere.jeantet@gmail.com> | 2020-09-23 23:39:42 +0300 |
---|---|---|
committer | vjeantet <valere.jeantet@gmail.com> | 2020-09-23 23:39:42 +0300 |
commit | d1f32ddaf9f51b037f8221460cfba10bdcd2e141 (patch) | |
tree | 03e27aedc0caedccb2b679d49fb4d5ab92da5fd4 /exampleSite/resources | |
parent | ee1a0501f9841ea3719dbde8dd542f25982cc826 (diff) |
add checklist kind of pages
Diffstat (limited to 'exampleSite/resources')
5 files changed, 70 insertions, 11 deletions
diff --git a/exampleSite/resources/_gen/assets/scss/sass/checklist.scss_830e2c6732622c34cf9ed8a208896bac.content b/exampleSite/resources/_gen/assets/scss/sass/checklist.scss_830e2c6732622c34cf9ed8a208896bac.content new file mode 100644 index 0000000..3e1b0f4 --- /dev/null +++ b/exampleSite/resources/_gen/assets/scss/sass/checklist.scss_830e2c6732622c34cf9ed8a208896bac.content @@ -0,0 +1,42 @@ +body article section.page div.content div.checklist-header .form-control-file { + position: relative; + width: 100%; + height: 100%; + min-height: 6em; + outline: none; + visibility: hidden; + cursor: pointer; + background-color: #c61c23; + box-shadow: 0 0 5px solid currentColor; } + body article section.page div.content div.checklist-header .form-control-file:before { + content: attr(data-title); + position: absolute; + top: 0.5em; + left: 0; + width: 100%; + min-height: 4em; + line-height: 0.5em; + padding-top: 1.5em; + opacity: 1; + visibility: visible; + text-align: center; + border: 0.25em dashed currentColor; + transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); + overflow: hidden; } + body article section.page div.content div.checklist-header .form-control-file:hover:before { + border-style: solid; + box-shadow: inset 0px 0px 0px 0.25em currentColor; } + +body article section.page div.content div.checklist-footer { + margin-top: 2em; + margin-bottom: 2em; + text-align: center; } + +body #TableOfContents > ul li input { + margin-right: 0.3em; } + +body #TableOfContents > ul li:not(.cl-ready):not(.cl-done):not(.cl-doing) input { + visibility: hidden; } + +body #TableOfContents > ul li.cl-ready input, body #TableOfContents > ul li.cl-doing input, body #TableOfContents > ul li.cl-done input { + visibility: visible; } diff --git a/exampleSite/resources/_gen/assets/scss/sass/checklist.scss_830e2c6732622c34cf9ed8a208896bac.json b/exampleSite/resources/_gen/assets/scss/sass/checklist.scss_830e2c6732622c34cf9ed8a208896bac.json new file mode 100644 index 0000000..39a473f --- /dev/null +++ b/exampleSite/resources/_gen/assets/scss/sass/checklist.scss_830e2c6732622c34cf9ed8a208896bac.json @@ -0,0 +1 @@ +{"Target":"css/checklist.main.css","MediaType":"text/css","Data":{}}
\ No newline at end of file diff --git a/exampleSite/resources/_gen/assets/scss/sass/layout.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/exampleSite/resources/_gen/assets/scss/sass/layout.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 70945cc..1fb45dc 100644 --- a/exampleSite/resources/_gen/assets/scss/sass/layout.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/exampleSite/resources/_gen/assets/scss/sass/layout.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -81,13 +81,13 @@ body:not(.render_raw) { margin-top: 0.5em; margin-left: 0.2em; } body:not(.render_raw) article section.page .jump-to-section ul { - padding-left: 20px; } + padding-left: 10px; } body:not(.render_raw) article section.page .jump-to-section nav { display: none; position: absolute; z-index: 5; border: 1px solid; - padding: 3px 30px; + padding: 1em 30px; border-radius: 3px; min-width: 25%; max-width: 50%; diff --git a/exampleSite/resources/_gen/assets/scss/sass/main.scss_97a9b8e6852415b29a37632934745b8b.content b/exampleSite/resources/_gen/assets/scss/sass/main.scss_97a9b8e6852415b29a37632934745b8b.content index fa46bc4..6534a4c 100644 --- a/exampleSite/resources/_gen/assets/scss/sass/main.scss_97a9b8e6852415b29a37632934745b8b.content +++ b/exampleSite/resources/_gen/assets/scss/sass/main.scss_97a9b8e6852415b29a37632934745b8b.content @@ -167,10 +167,14 @@ article section.page { article section.page div.jump-to-section { font-size: smaller; color: #333333; } - article section.page div.jump-to-section ul li a { - color: #a14545; } + article section.page div.jump-to-section ul { + padding-left-left: 0px; + list-style-type: none; } + article section.page div.jump-to-section ul li a { + color: #a14545; } article section.page div.jump-to-section nav { - background-color: white; } + background-color: white; + opacity: 0.95; } article section.page div.chevrons { margin-top: 3rem; border-top: 1px solid #e6e6e6; @@ -234,6 +238,9 @@ article section.page div.content { color: #db0c0c; font-weight: 500; text-decoration: underline; } + article section.page div.content p { + margin-top: 1rem; + margin-bottom: 1rem; } article section.page div.content h1 { color: #4d4d4d; font-variant-ligatures: none; @@ -244,6 +251,8 @@ article section.page div.content { margin-top: 0.5em; font-weight: 700; letter-spacing: -0.95px; } + article section.page div.content h3, article section.page div.content h4 { + margin-top: 0.5em; } article section.page div.content table { width: 100%; margin-bottom: 2em; diff --git a/exampleSite/resources/_gen/assets/scss/sass/shortcodes/notice.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/exampleSite/resources/_gen/assets/scss/sass/shortcodes/notice.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 8afa11a..e8ecd85 100644 --- a/exampleSite/resources/_gen/assets/scss/sass/shortcodes/notice.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/exampleSite/resources/_gen/assets/scss/sass/shortcodes/notice.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -1,14 +1,21 @@ -div.notices p { - /*box-shadow: inset 4px 0 0 black;*/ - /*border-radius: .2rem;*/ +div.notices { + margin-top: 1rem; + margin-bottom: 1rem; } + +div.notices > * { background: white; - padding: .5rem 1rem .5rem 1rem; - margin-top: 0px; + margin-top: 0px !important; + margin-bottom: 0px !important; box-sizing: border-box; box-shadow: inset 4px 0 0 black; background-color: #e6e6e6; font-size: smaller; } +div.notices > *:not(ul) { + /*box-shadow: inset 4px 0 0 black;*/ + /*border-radius: .2rem;*/ + padding: .5rem 1rem .5rem 1rem; } + div.notices label { font-size: 0.5em; position: absolute; @@ -58,7 +65,7 @@ div.notices.danger p { div.notices.danger label { color: #dc3545; } -div.notices.warning p { +div.notices.warning > * { box-shadow: inset 4px 0 0 #ffc107; background: rgba(255, 193, 7, 0.05); color: #a07800 !important; } |