:root { --custom-css-version:2.3; --base-font: "Circular Std Book"; /* Used ast the template fonts for all objects that not done in lectora, buttons, menu chapters*/ --base-body-font: "Circular Std Book"; /* Used ast the template fonts in body text for all objects that not done in lectora, pages in menu, ordinary text*/ --base-color: #00A65C; /* Used for elements that need same color scheme as buttons*/ --h1-text-transform: none; /* Makes page headings (H1) that have set H-tags as uppercase, if changing "none" to "uppercase"*/ --h2-text-transform: none; /* Makes H2 headings (pop-ups) that have set H-tags as uppercase, if changing "none" to "uppercase"*/ --link-to-content-textcolor: #000000; /* Color of text in 'link to content'*/ --input-bgcolor: #000000; /*background color for selected radio buttons and checkboxes, also outline for radio buttons*/ --input-outline-color: #000000; /*outline color for checkboxes*/ --button-bgcolor: var(--base-color); /* Used for elements that need same bgcolor as buttons*/ --button-hover-bgcolor: #314F38; /* Used for elements that need same bgcolor as hovered buttons*/ --button-down-bgcolor: #314F38; /* Used for elements that need same bgcolor as down buttons*/ --button-visited-bgcolor: #314F38; /* Used for elements that need same bgcolor as visited buttons*/ --button-selected-bgcolor: #314F38 ; /* Used for elements that need same bgcolor as selected buttons*/ --button-color: #ffffff; /* Used for elements that need same text color as buttons*/ --list-item-color:#ffffff; /* Designed list checkboxes and numbers color*/ --list-item-bgcolor: var(--base-color); /* var(--pop-up-bg); Designed list circles bgcolor*/ --list-item-in-pop-up-color:var(--base-color); /* Designed list checkboxes and numbers in pop-ups color*/ --list-item-in-pop-up-bgcolor:#ffffff; /* Designed list in pop-ups circles bgcolor*/ --list-item-bg-opacity:1; /* For bullets points (not number list), set to 0 if page- and pop-up background should be used instead*/ --bullet-list-image:url("included_files/template_icons/bullet_point.svg"); --bullet-list-image-inverted:url("included_files/template_icons/bullet_point_inverted.svg"); --pop-up-bg:#DBE8D2; /*background color for pop-ups*/ --pop-up-border-radius:4px; --pop-up-text-color:#454745; /*text color for pop-ups. Use "auto" to use the Lectora settings */ --info-box-bg:var(--pop-up-bg); /* color for info textboxes, use same as pop-up but can be different */ --info-box-2-bg:var(--pop-up-bg); /* color for info 2 textboxes, use same as pop-up but can be different */ --embedded-info-box-bg:var(--info-box-bg); /* color for embeded info textboxes, use same as info-box but can be different */ --embedded-info-box-2-bg:var(--info-box-2-bg); /* color for embeded info 2 textboxes, use same as info-box-2 but can be different */ --embedded-info-box-border-radius:var(--pop-up-border-radius); /* border radius for embeded info boxes, use same as pop-ups but can be different */ --test-bg:var(--pop-up-bg); /* color for info textboxes, use same as pop-up but can be different */ --hotspot-label-bg:rgba(0, 0, 0, 0.3); /* color for lable background and opacity*/ --hotspot-label-border-radius:3px; /* border radius for label background*/ --hotspot-label-dropshadow: 3px 3px 4px rgb(0, 0, 0, 0.7); /*drop-shadow for the label boxes*/ --button-border-radius:3px; --button-font-family: var(--base-font); --inverted-text-mobile: #000000; /*used for text that is white on photos and need to be dark on portrait views sinceit is placed on white/light background*/ --text-on-slide-image-color:#ffffff; --text-on-image-btn-bg: rgba(0,0,0,0.6); /* Dark */ /*--text-on-image-btn-bg: rgba(255,255,255,0.8);*/ /* Light */ --slider-dot-bg:transparent; --slider-dot-bg-active:#ffffff; --icon-slider-scroll-arrow:var(--icon-default-color); /* color for sliders scoll arrows (not image sliders) */ --icon-slider-btn-bg:rgb(247,247,250, 0.8); /* background color for sliders scoll buttons (not image sliders) */ --focus-highlight-color:#9FC5F8;/* highlight color for elements when focus by keyboard */ --focus-highlight-width:3px;/* highlight outline width*/ --focus-highlight-style:solid;/* highlight outline style (dashed, dotted)*/ --icon-focus-highlight-color-rgb:159 197 248;/* highlight color for icons when focus by keyboard same as above but in RGB*/ /****************************** ICONS ******************************/ /*******************************************************************/ /* This is default styles for icons */ --icon-default-color:#FFFFFF; /* color for default icons */ --icon-deactivated-color:#dedede; /* color for deactivated icons*/ --icon-deactivated-opacity:0.4; /* opacity for deactivated icons*/ /* This is styles for global header icons */ --global-icon-default-color:var(--icon-default-color);/* background color for all GLOBAL icons, if they shouild have different color*/ --global-icon-inverted-color:var(--icon-inverted-color);/*background color for all inverted GLOBAL icons, if they shouild have different color*/ --global-icon-deactivated-color:var(--icon-deactivated-color); /*background color for all deactivated GLOBAL icons, if they shouild have different color*/ --global-icon-deactivated-opacity:var(--icon-deactivated-opacity);/* opacity for deactivated global icons*/ /* This is styles for Global mobile icons on the side */ --mobile-anchor-icon-color:#454749; /* color for all mobile anchor icons(speaker and nav) */ --mobile-anchor-icon-inverted-color:var(--icon-primary-btn-color); /* color for all invertedmobile anchor icons (speaker and nav) */ --mobile-anchor-icon-deactivated-color:var(--icon-deactivated-color); /* color for all deactivated mobile anchor icons (speaker and nav) */ --mobile-anchor-icon-deactivated-opacity:var(--global-icon-deactivated-opacity); /*opacity deactivated mobile anchor icons (speaker and nav) */ --mobile-anchor-icon-bgcolor:rgba(255, 255, 255, 0.6); /* Background color and transparancy for mobile anchor icons(speaker and nav) */ /* This is default styles for icon on primary buttons */ --icon-primary-btn-color: #ffffff; /* #000000 color for primary button icons */ --icon-primary-btn-deactivated-color:var(--icon-deactivated-color); /* color for deactivated primary button icons*/ --icon-primary-btn-deactivated-opacity:var(--global-icon-deactivated-opacity); /* opacity for deactivated primary button icons*/ /* This is default styles for icon on inverted buttons */ --icon-inverted-color:var(--icon-default-color); /* #000000 background color for inverted icons */ --icon-inverted-deactivated-color:var(--icon-deactivated-color); /* background color for inverted deactivated icons*/ --icon-inverted-deactivated-opacity:var(--global-icon-deactivated-opacity); /* opacity for inverted deactivated global icons*/ /* This is default styles for icon on secondary buttons */ --icon-secondary-btn-color:var(--icon-default-color); /* color for secondary button icons */ --icon-secondary-btn-deactivated-color:var(--icon-deactivated-color); /* color for deactivated secondary button icons*/ --icon-secondary-btn-deactivated-opacity:var(--global-icon-deactivated-opacity); /* opacity for deactivated secondary button icons*/ /* This is default styles for icon on inverted secondary buttons */ --icon-secondary-inverted-btn-color:red; /* var(--icon-primary-btn-color)color for secondary button icons */ --icon-secondary-inverted-btn-deactivated-color:var(--icon-deactivated-color); /* color for deactivated secondary button icons*/ --icon-secondary-inverted-btn-deactivated-opacity:var(--global-icon-deactivated-opacity); /* opacity for deactivated secondary button icons*/ --icon-in-pop-up-color:#454749; /* color for icons in pop-up, if they should have different color*/ --icon-on-video-color:#ffffff; /* color for icons (often close) on top of videos, if they should have different color*/ --icon-on-video-bgcolor:rgba(0, 0, 0, 0.4);/* backgroundcolor for icons (often close) on top of videos, if they should have different color*/ --icon-image-slider-arrow-color: #ffffff; /* color for arrow icons in image slider*/ --icon-on-image:#ffffff; /* var(--icon-primary-btn-color) color for icon on top of image, image buttons. Such as in the menue page */ --icon-on-image-inverted:#ffffff; /* var(--icon-default-color) color for icon on top of image, image buttons. Such as in the menue page */ --icon-red-color:#CC2950; /* color for wrong icon */ --icon-green-color:#41935A; /*#43945a color for correct icon */ --icon-done-color:var(--icon-primary-btn-color); /* color for done check icon */ /* This is default styles for icon in hotspots */ --icon-hotspot-color:var(--base-color); /* base color for hotspot icons */ --icon-hotspot-hover-color:var(--button-hover-bgcolor); /* color for hovered hotspot icons */ --icon-hotspot-clicked-color:var(--button-down-bgcolor); /* color for down hotspot icons */ --icon-hotspot-selected-color:var(--button-selected-bgcolor); /* color for selected hotspot icons */ --icon-hotspot-visited-color:var(--button-visited-bgcolor); /* color for visited hotspot icons */ --icon-circle-bgcolor:#000000; /* background color for global icons if circle icon is used*/ --icon-circle-color:#ffffff ; /* color for global icons if circle icon is used*/ --icon-circle-deactivated-bgcolor:grey; /* background color for deactivated global icons if circle icon is used*/ --icon-circle-deactivated-color:#ebe7e7; /* color for deactivated global icons if circle icon is used*/ --menu-title-bg: var(--pop-up-bg); /*rgba(0,0,0,0.6);/* /* Dark */ --subtitles-bgcolor:rgba(0,0,0,0.5); /* subtitle background color and transparency*/ --subtitles-text-color:#ffffff;/* subtitle text color*/ /*-----------MENU CSS-----------*/ /*------------------------------*/ --menu-font:var(--base-font); --menu-alternative-font: sans-serif; --menu-font-size:18px; --menu-text-shadow:0 0px 0px #000; --menu-phone-font-size:20px; --menu-bgcolor:#ffffff; /*---------- CHAPTERS ----------*/ --menu-chapter-font:var(--base-font); /*chapter font in menu and dictionary*/ --menu-colapsed-chapter-bgcolor:var(--menu-bgcolor); /*background color of colapsed chapters*/ --menu-colapsed-chapter-font-color:#3f3f3f; /*font color of colapsed chapters*/ --menu-chapter-line-color:var(--menu-bgcolor); /*Line that separate chapters*/ --menu-expanded-chapter-bgcolor:#eeecec; /*background color of expanded chapters*/ --menu-expanded-chapter-font-color:#000000; /*font color of expanded chapters*/ --menu-chapter-completed-bgcolor:#000000; /*background color for chapter that is completed*/ --menu-chapter-in-progress-font-color:/*#000000*/; /*font color for chapter that is in progress*/ --menu-arrow-chapter-color:#000000; /*color of expaned/colapsed arrow beside chapters*/ --menu-arrow-active-chapter-color:red ; /*color of expaned/colapsed arrow beside active chapters (if displayed page is in this chapter)*/ /*---------- PAGES ----------*/ --menu-page-font:var(--base-body-font); /*pages font in menu and dictionary*/ --menu-section-font:var(--base-font); /*section font in menu*/ --menu-page-bgcolor:var(--menu-bgcolor); /*background for page rows*/ --menu-odd-page-bgcolor:#e5e5e5; /*background for odd page rows if in use (need change in script)*/ --menu-page-font-color:#767676; /*font color for page rows*/ --menu-page-line-color:var(--menu-bgcolor); /*line that separate pages*/ --menu-page-completed-font-color:#000000; /*font color for page that is completed*/ --menu-page-in-progress-font-color:/*#000000*/; /*font color for page that is in progress*/ --menu-active-page-bgcolor:#dddddd;/*background color for page that is displayed/active*/ --menu-last-line-color:var(--menu-bgcolor); /*The last page line*/ /*---------- MEDIA PLAYERS ----------*/ --audio-player-bg:rgb(255, 255, 255, 1.0); /*default background for the audio player */ --audio-player-bg-phone:rgb(255, 255, 255, 0.7); /*background for the audio player in phones portrait*/ --audio-player-bg-tablet:rgb(255, 255, 255, 0.3); /*background for the audio player in tablet portrait*/ } /* TYPSNITTSHANTERING */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) */ @font-face { font-family: 'Circular Std Bold'; src: url('included_files/webfonts/Circular-Bold.eot'); src: url('included_files/webfonts/Circular-Bold.eot?#iefix') format('embedded-opentype'), url('included_files/webfonts/Circular-Bold.woff2') format('woff2'), url('included_files/webfonts/Circular-Bold.woff') format('woff'), url('included_files/webfonts/Circular-Bold.ttf') format('truetype'), url('included_files/webfonts/Circular-Bold.svg#cantarellbold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Circular Std Medium'; src: url('included_files/webfonts/CircularStd-Medium.eot'); src: url('included_files/webfonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), url('included_files/webfonts/CircularStd-Medium.woff2') format('woff2'), url('included_files/webfonts/CircularStd-Medium.woff') format('woff'), url('included_files/webfonts/circular-std-medium-500.ttf') format('truetype'), url('included_files/webfonts/CircularStd-Medium.svg#cantarelloblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circular Std Book'; src: url('included_files/webfonts/CircularStd-Book.eot'); src: url('included_files/webfonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'), url('included_files/webfonts/CircularStd-Book.woff2') format('woff2'), url('included_files/webfonts/CircularStd-Book.woff') format('woff'), url('included_files/webfonts/CircularStd-Book.ttf') format('truetype'), url('included_files/webfonts/CircularStd-Book.svg#cantarellregular') format('svg'); font-weight: normal; font-style: normal; }