diff --git a/elements/haxcms-elements/lib/base.css b/elements/haxcms-elements/lib/base.css index 654254787c..72a9719574 100644 --- a/elements/haxcms-elements/lib/base.css +++ b/elements/haxcms-elements/lib/base.css @@ -354,4 +354,109 @@ haxcms-site-builder[disable-features*="right-col"] .haxcms-theme-element::part(r haxcms-site-builder[disable-features*="left-col"] .haxcms-theme-element::part(left-col) { display: none !important; +} + + +/** + * @deprecated ELMS:LN textbook styles + * https://github.com/elmsln/issues/issues/1658 + */ +/* Required list template */ +.textbook_box { + display: block; + margin: 1em 0px 2em 0px; + padding: .5em; + border-radius: 4px 4px 0px 0px; +} +.textbook_box h3 { + font-size: 24px; + font-weight: bold; + display: block; + float: right; + margin-top: -25px !important; + margin-bottom: 0px; + margin-left: 5px; + margin-right:0px; + background-color: var(--simple-colors-default-theme-grey-2); + border:2px solid; + padding:4px 6px; + letter-spacing:.06em; + border-radius: 4px; +} +.textbook_box_required { + border: var(--simple-colors-default-theme-pink-8) 2px solid; +} +.textbook_box_required h3{ + color: var(--simple-colors-default-theme-pink-8); +} +.textbook_box_required li:before{ + color: var(--simple-colors-default-theme-grey-1); + background: var(--simple-colors-default-theme-pink-8); +} +.textbook_box_required li:hover:before{ + font-weight:bold; + color: var(--simple-colors-default-theme-pink-8); + border: .3em solid var(--simple-colors-default-theme-pink-8); + background: var(--simple-colors-default-theme-grey-1); +} +/* Optional list color shift */ +.textbook_box_optional { + border:var(--simple-colors-default-theme-cyan-8) 2px solid; +} +.textbook_box_optional h3{ + color: var(--simple-colors-default-theme-cyan-8); +} +.textbook_box_optional li:before{ + color: var(--simple-colors-default-theme-grey-1); + background: var(--simple-colors-default-theme-cyan-8); +} +.textbook_box_optional li:hover:before{ + font-weight:bold; + color: var(--simple-colors-default-theme-cyan-8); + border: .3em solid var(--simple-colors-default-theme-cyan-8); + background: var(--simple-colors-default-theme-grey-1); +} + +.textbook_box ol, div.textbook_box ul{ + counter-reset: li; /* Initiate a counter */ + list-style: none; /* Remove default numbering */ + font: 15px 'trebuchet MS', 'lucida sans'; + padding: 0px 0px 0px 14px; + margin: 30px 20px 20px; + text-shadow: 0 1px 0 rgba(255,255,255,.5); +} + +.textbook_box li{ + position: relative; + display: block; + padding: .4em .4em .4em 2em; + margin: .7em 0 !important; + background: var(--simple-colors-default-theme-grey-1); + color: var(--simple-colors-default-theme-grey-9); + text-decoration: none; + border-radius: .3em; + transition: all .3s ease-out; + font-size: 14px; + line-height: 24px; +} + +.textbook_box li:hover{ + background: var(--simple-colors-default-theme-grey-2); +} + +.textbook_box li:before{ + content: counter(li); + counter-increment: li; + position: absolute; + left: -1.3em; + top: 50%; + margin-top: -1.3em; + height: 2em; + width: 2em; + line-height: 2em; + border: .3em solid var(--simple-colors-default-theme-grey-1); + text-align: center; + font-weight: bold; + border-radius: 2em; + transition: all .3s ease-out; } \ No newline at end of file diff --git a/elements/haxcms-elements/lib/core/utils/HAXCMSUserStylesMenu.js b/elements/haxcms-elements/lib/core/utils/HAXCMSUserStylesMenu.js index 4065213ccd..2725ac9eff 100644 --- a/elements/haxcms-elements/lib/core/utils/HAXCMSUserStylesMenu.js +++ b/elements/haxcms-elements/lib/core/utils/HAXCMSUserStylesMenu.js @@ -159,11 +159,11 @@ const HAXCMSUserStylesMenuMixin = function (SuperClass) { --haxcms-user-styles-color-theme-color-3: #252737; --haxcms-user-styles-color-theme-color-4: #f4f4f5; --hax-base-styles-a-color-visited: var( - --simple-colors-default-theme-light-blue-2, + --simple-colors-default-theme-light-blue-10, #3eb1d0 ); --hax-base-styles-a-color: var( - --simple-colors-default-theme-light-blue-2, + --simple-colors-default-theme-light-blue-10, #3eb1d0 ); --hax-base-styles-a-color-active: #ffffff;