diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/sass/checklist.scss | 70 | ||||
| -rw-r--r-- | assets/sass/layout.scss | 4 | ||||
| -rw-r--r-- | assets/sass/main.scss | 16 | ||||
| -rw-r--r-- | assets/sass/shortcodes/notice.scss | 66 |
4 files changed, 125 insertions, 31 deletions
diff --git a/assets/sass/checklist.scss b/assets/sass/checklist.scss new file mode 100644 index 0000000..a2eb688 --- /dev/null +++ b/assets/sass/checklist.scss @@ -0,0 +1,70 @@ +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; + + &: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(.25, .8, .25, 1); + overflow: hidden; + } + + &:hover { + &:before { + border-style: solid; + box-shadow: inset 0px 0px 0px 0.25em currentColor; + } + } + } + } + + + + div.checklist-footer { + margin-top: 2em; + margin-bottom: 2em; + text-align: center; + } + } + + + + #TableOfContents > ul li { + input { + margin-right: 0.3em; + } + + &:not(.cl-ready):not(.cl-done):not(.cl-doing) { + input{ + visibility: hidden; + } + } + + &.cl-ready,&.cl-doing,&.cl-done { + input { + visibility: visible; + } + } + } + +}
\ No newline at end of file diff --git a/assets/sass/layout.scss b/assets/sass/layout.scss index 20d01ba..eb1c611 100644 --- a/assets/sass/layout.scss +++ b/assets/sass/layout.scss @@ -108,7 +108,7 @@ body:not(.render_raw) { margin-top: 0.5em;
margin-left: 0.2em;
ul{
- padding-left: 20px;
+ padding-left: 10px;
}
nav{
@@ -116,7 +116,7 @@ body:not(.render_raw) { 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/assets/sass/main.scss b/assets/sass/main.scss index e237708..40b2b75 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -299,6 +299,8 @@ article section.page { font-size: smaller; color:$c_dark2; ul{ + padding-left-left: 0px; + list-style-type: none; li a{ color:$c_saturate3; } @@ -306,6 +308,7 @@ article section.page { nav{ background-color: white; + opacity: 0.95; } } @@ -399,6 +402,11 @@ article section.page div.content{ text-decoration: underline; } + p { + margin-top: 1rem; + margin-bottom: 1rem; + } + h1 { color:$c_dark1; @@ -414,7 +422,13 @@ article section.page div.content{ font-weight:700; letter-spacing:-0.95px; - } // TABLE + } + + h3,h4 { + margin-top: 0.5em; + } + + // TABLE table { width: 100%; margin-bottom: 2em; diff --git a/assets/sass/shortcodes/notice.scss b/assets/sass/shortcodes/notice.scss index e6291c5..eb2dff9 100644 --- a/assets/sass/shortcodes/notice.scss +++ b/assets/sass/shortcodes/notice.scss @@ -9,38 +9,48 @@ $color_dark : #343a40 ; $color_white : #fff ;
$color_transparent : transparent ;
+div.notices {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
- div.notices p {
- /*box-shadow: inset 4px 0 0 black;*/
- /*border-radius: .2rem;*/
- background: white;
- padding: .5rem 1rem .5rem 1rem;
- margin-top: 0px;
- box-sizing: border-box;
- box-shadow: inset 4px 0 0 black;
- background-color: lighten(black,90%);
- font-size: smaller;
- }
+div.notices > * {
+ background: white;
+ margin-top: 0px!important;
+ margin-bottom: 0px!important;
+ box-sizing: border-box;
+ box-shadow: inset 4px 0 0 black;
+ background-color: lighten(black,90%);
+ font-size: smaller;
+}
+div.notices > *:not(ul) {
+ /*box-shadow: inset 4px 0 0 black;*/
+ /*border-radius: .2rem;*/
+ padding: .5rem 1rem .5rem 1rem;
+}
+div.notices > ul {
+
+}
- div.notices label{
- font-size: 0.5em;
- position: absolute;
- margin-left: 0em;
- margin-top: -1.8em;
- font-weight: bold;
- font-variant: small-caps;
- letter-spacing: 0.6em;
- }
+div.notices label{
+ font-size: 0.5em;
+ position: absolute;
+ margin-left: 0em;
+ margin-top: -1.8em;
+ font-weight: bold;
+ font-variant: small-caps;
+ letter-spacing: 0.6em;
+}
- div.notices.note {
- p {
- box-shadow: inset 4px 0 0 $color_primary;
- background: transparentize($color_primary, 0.95);
- color: darken($color_primary,20%) !important;
- }
- label{color: $color_primary;}
+div.notices.note {
+ p {
+ box-shadow: inset 4px 0 0 $color_primary;
+ background: transparentize($color_primary, 0.95);
+ color: darken($color_primary,20%) !important;
}
+ label{color: $color_primary;}
+}
div.notices.primary {
p {
@@ -79,7 +89,7 @@ div.notices.danger { }
div.notices.warning {
- p {
+ >* {
box-shadow: inset 4px 0 0 $color_warning;
background: transparentize($color_warning, 0.95);
color: darken($color_warning,20%) !important;
|