@charset "UTF-8";
.page_header {
height: 6em;
background-image: url("/data/467a5161-dbf3-42e6-be08-b43249b5453d");
background-size: 240em 6em;
background-position: calc(50% - 320px) 50%;
}
.page_header > div {
overflow: hidden;
}
.page_header > div > .color-bars {
height: 0.5em;
overflow: hidden;
}
.page_header > div > .color-bars > span {
display: block;
float: left;
width: 33.33%;
height: inherit;
}
.page_header > div > a {
float: left;
width: 18em;
height: 5.5em;
background-color: #928;
}
.page_header > div > a > img {
width: inherit;
height: inherit;
vertical-align: top;
}
.page_header > div > img {
float: left;
margin-top: 1.5em;
width: 4em;
height: 4em;
background-color: #928;
}
.page_header > div > a + div {
width: calc(100% - 18em);
}
.page_header > div > a + img + div {
width: calc(100% - 22em);
}
.page_header > div > div:not(:first-child) {
float: left;
height: 5.5em;
}
.page_header > div > div:not(:first-child) .dbok {
float: right;
margin: calc(0.875em - 1px) 1em calc(0.875em - 1px) 0;
width: 5.75em;
height: 2.25em;
border: 1px solid #fff;
transition: background-color 0.2s;
}
.page_header > div > div:not(:first-child) .dbok > svg {
width: inherit;
height: inherit;
}
.page_header > div > div:not(:first-child) .dbok > svg path {
fill: #fff;
transition: fill 0.2s;
}
.page_header > div > div:not(:first-child) .dbok:hover {
background-color: #fff;
}
.page_header > div > div:not(:first-child) .dbok:hover > svg path {
fill: #928;
}
.page_header > div > div:not(:first-child) .nn-2006,
.page_header > div > div:not(:first-child) .about {
float: right;
margin: calc(0.875em - 1px) 1em calc(0.875em - 1px) 0;
width: 5.75em;
height: 2.25em;
line-height: 2.25em;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
border: 1px solid #fff;
transition: color 0.2s, background-color 0.2s;
}
.page_header > div > div:not(:first-child) .nn-2006:hover,
.page_header > div > div:not(:first-child) .about:hover {
color: #928;
background-color: #fff;
}
.page_header > div > div:not(:first-child) .about {
width: 8.75em;
}
.page_header > div > div:not(:first-child) nav {
clear: both;
height: 1.6em;
background-image: url("/data/48d401a6-8d85-4406-80af-459984f0b25e");
background-repeat: no-repeat;
background-position: bottom left;
top: -.1em;
position: relative;
}
.page_header > div > div:not(:first-child) nav > ul {
list-style-type: none;
margin: 0;
padding: 0;
height: inherit;
padding-left: 2.5em;
}
.page_header > div > div:not(:first-child) nav > ul > li {
float: left;
margin: 0;
padding: 0;
height: inherit;
}
.page_header > div > div:not(:first-child) nav > ul > li > a,
.page_header > div > div:not(:first-child) nav > ul > li > span,
.page_header > div > div:not(:first-child) nav > ul > li > div {
display: inline-block;
padding: 0.25em 0.5em 0 0.5em;
height: 1.25em;
line-height: 1.25em;
color: #000;
text-decoration: none;
font-weight: 700;
}
.page_header > div > div:not(:first-child) nav > ul > li > a > span,
.page_header > div > div:not(:first-child) nav > ul > li > span > span,
.page_header > div > div:not(:first-child) nav > ul > li > div > span {
font-size: 0.8em;
}
.page_header > div > div:not(:first-child) nav > ul > li > div {
cursor: default;
}
.page_header > div > div:not(:first-child) nav > ul > li:not(:first-child):after {
content: '/';
float: left;
display: block;
padding-top: 0.375em;
height: 1.125em;
line-height: 1.125em;
}
.page_header > div > div:not(:first-child) nav > ul > li > a:hover {
color: #928;
}
.page_header > div > div:not(:first-child) nav > ul > li > span {
font-weight: 900;
}
.view_color_default .page_header .color-bars > span:nth-child(1) {
background-color: #5a3;
}
.view_color_default .page_header .color-bars > span:nth-child(2) {
background-color: #08d;
}
.view_color_default .page_header .color-bars > span:nth-child(3) {
background-color: #d72;
}
.view_color_green .page_header .color-bars > span {
background-color: #5a3;
}
.view_color_blue .page_header .color-bars > span {
background-color: #08d;
}
#menuwrapper {
z-index: 100;
position: absolute;
left: 0;
top: 0;
background: #ff0;
}
.view_homepage section ul {
list-style-type: none;
overflow: hidden;
}
.view_homepage section ul li {
display: inline-block;
width: 30%;
margin: 0 1%;
border-bottom-style: solid;
border-bottom-width: 0.8em;
}
.view_homepage section ul li > span.inactive {
pointer-events: none;
opacity: 0.5;
}
.view_homepage section ul li a, .view_homepage section ul li > span {
height: 25em;
display: block;
text-decoration: none;
}
.view_homepage section ul li a > div, .view_homepage section ul li > span > div {
height: 100%;
position: relative;
}
.view_homepage section ul li a > div > span, .view_homepage section ul li > span > div > span {
margin: 0 auto;
width: 5em;
position: relative;
top: 5em;
border: 2px solid white;
text-align: center;
padding: 0.5em 1em;
text-decoration: none;
color: white;
font-size: 1.2em;
display: block;
visibility: hidden;
}
.view_homepage section ul li a > div > img, .view_homepage section ul li > span > div > img {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -2em;
}
.view_homepage section ul li a > div:hover > span, .view_homepage section ul li > span > div:hover > span {
visibility: visible;
}
.view_homepage section ul li:nth-child(1) {
border-color: #5a3;
}
.view_homepage section ul li:nth-child(1) > a {
background-image: url("/data/41504f5a-8ec5-4915-a6ab-354cd3922d98");
background-size: cover;
}
.view_homepage section ul li:nth-child(2) {
border-color: #08d;
}
.view_homepage section ul li:nth-child(2) > a {
background-image: url("/data/0fb08fb9-9648-4778-96b5-abf019d0f984");
background-size: cover;
}
.view_homepage section ul li:nth-child(3) {
border-color: #d72;
}
.view_homepage section ul li:nth-child(3) > a {
background-image: url("/data/4b0cb3ae-a9b3-47a0-a276-aaf1fc871478");
background-size: cover;
}
#document_title {
display: none;
}
figure {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
}
.view_homepage section ul li:nth-child(1) a > div:hover {
background-color: rgba(85, 170, 51, 0.5);
}
.view_homepage section ul li:nth-child(2) a > div:hover {
background-color: rgba(0, 136, 221, 0.5);
}
.view_homepage section ul li:nth-child(3) a > div:hover {
background-color: rgba(221, 119, 34, 0.5);
}
/**
* first level property in $images is a view_class custom_init.
* landing_page view can be used many times, each of them uses different set of images.
*/
.view_landing_page section > ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.view_landing_page section > ul > li {
display: block;
float: left;
padding: 0.5em 1em;
width: calc(33.33% - 2em);
}
.view_landing_page section > ul > li .view-button-box {
display: block;
text-decoration: none;
/*
&:hover > div > div:after {
transform: translateY(10%) translateX(-175px) rotate(-45deg);
}
*/
}
.view_landing_page section > ul > li .view-button-box > div:first-child {
height: 10em;
background-size: cover;
background-position: center center;
}
.view_landing_page section > ul > li .view-button-box > div:first-child > div {
height: inherit;
transition: background-color 0.3s;
/*
position: relative;
overflow: hidden;
&:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 500%;
height: 1000%;
background: #479a2a;
z-index: 1;
transform-origin: 0% 0%;
transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg);
transition: transform .3s;
opacity: 0.8;
}
*/
}
.view_landing_page section > ul > li .view-button-box > div:first-child > div > span {
position: relative;
z-index: 2;
display: none;
margin: 3.5em 0 0 calc(50% - 3em);
padding: 0.75em 1em;
width: 4em;
color: #fff;
font-weight: bold;
text-align: center;
border: 1px solid #fff;
text-transform: uppercase;
}
.view_landing_page section > ul > li .view-button-box > div:last-child {
overflow: hidden;
}
.view_landing_page section > ul > li .view-button-box > div:last-child > .view-button-box-number {
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
color: #fff;
text-align: center;
font-size: 1.1em;
}
.view_landing_page section > ul > li .view-button-box > div:last-child > span:last-child {
display: inline-flex;
padding: 0.125em 0 0 0.5em;
line-height: 1.25em;
color: #000;
font-size: 1.1em;
text-transform: uppercase;
width: 85%;
}
.view_landing_page section > ul > li .view-button-box:hover > div:first-child span {
display: inline-block;
}
.view_landing_page.view_class_default section > ul > li:nth-child(1) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_default section > ul > li:nth-child(2) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_default section > ul > li:nth-child(3) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_default section > ul > li:nth-child(4) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_default section > ul > li:nth-child(5) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_default section > ul > li:nth-child(6) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(1) .view-button-box > div:first-child {
background-image: url("/data/f64ca24d-0e9a-49d9-b86d-cc6a05444ea5");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(2) .view-button-box > div:first-child {
background-image: url("/data/ba2808e9-9fc8-4253-a866-dff40cb0678c");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(3) .view-button-box > div:first-child {
background-image: url("/data/f035b962-d483-4c6f-8c4f-481ed5dc1ad9");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(4) .view-button-box > div:first-child {
background-image: url("/data/bf40fad7-8713-4953-a5a6-e96cdb1b2fe0");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(5) .view-button-box > div:first-child {
background-image: url("/data/c4904b86-a567-403c-b419-ebe97decc632");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(6) .view-button-box > div:first-child {
background-image: url("/data/420d47cf-4cef-4519-a0bf-b0ef67b08684");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(7) .view-button-box > div:first-child {
background-image: url("/data/a40f4e94-a68e-4063-b071-d937cf388300");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(8) .view-button-box > div:first-child {
background-image: url("/data/14d0b5ba-42ac-43a0-8ddb-cc17c30cff56");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(9) .view-button-box > div:first-child {
background-image: url("/data/178ac031-4779-4e22-8581-f8614f483783");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(10) .view-button-box > div:first-child {
background-image: url("/data/8152a62b-478a-4c00-87c8-7da93737997f");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(11) .view-button-box > div:first-child {
background-image: url("/data/77487d09-013d-47f9-920d-4d2367891401");
}
.view_landing_page.view_class_a1 section > ul > li:nth-child(12) .view-button-box > div:first-child {
background-image: url("/data/e56b0164-5c3b-4502-8d5b-9a14501f6849");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(1) .view-button-box > div:first-child {
background-image: url("/data/e70c40ac-dd60-46ec-ace3-ed61ff95aaad");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(2) .view-button-box > div:first-child {
background-image: url("/data/2684e191-119a-4c8f-8f46-8e2c34fc75fa");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(3) .view-button-box > div:first-child {
background-image: url("/data/0022688f-8224-4950-9baf-2acd622347e0");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(4) .view-button-box > div:first-child {
background-image: url("/data/3e21e63e-922f-416d-8ae8-e49417ebf06a");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(5) .view-button-box > div:first-child {
background-image: url("/data/d027f1b2-4493-4532-bc14-9cf5a9922967");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(6) .view-button-box > div:first-child {
background-image: url("/data/eab1ce20-84c5-48ca-8889-26a435c296e6");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(7) .view-button-box > div:first-child {
background-image: url("/data/a436af44-a74a-4e8c-89d7-b86e3cd65563");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(8) .view-button-box > div:first-child {
background-image: url("/data/2d064e98-3bc5-4bb4-92c4-5fdf5eb8e0af");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(9) .view-button-box > div:first-child {
background-image: url("/data/5b5cd78e-c3f8-4df4-9cc4-c1cc65d63e36");
}
.view_landing_page.view_class_a2 section > ul > li:nth-child(10) .view-button-box > div:first-child {
background-image: url("/data/bf5122a4-aacf-4001-bbfb-b6786fd65f67");
}
.view_landing_page.view_class_laerer section > ul > li:nth-child(1) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_laerer section > ul > li:nth-child(2) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_laerer section > ul > li:nth-child(3) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_laerer section > ul > li:nth-child(4) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_laerer section > ul > li:nth-child(5) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_class_laerer section > ul > li:nth-child(6) .view-button-box > div:first-child {
background-image: url("/data/9d4b62dd-f74d-4ae7-b088-12fe07649c38");
}
.view_landing_page.view_color_default .view-button-box:hover > div > div {
background-color: rgba(153, 34, 136, 0.7);
}
.view_landing_page.view_color_green .view-button-box:hover > div > div {
background-color: rgba(85, 170, 51, 0.7);
}
.view_landing_page.view_color_blue .view-button-box:hover > div > div {
background-color: rgba(0, 136, 221, 0.7);
}
.view_landing_page.view_color_orange .view-button-box:hover > div > div {
background-color: rgba(221, 119, 34, 0.7);
}
.view_landing_page.view_color_default .view-button-box-number {
background-color: #928;
}
.view_landing_page.view_color_green .view-button-box-number {
background-color: #5a3;
}
.view_landing_page.view_color_blue .view-button-box-number {
background-color: #08d;
}
.view_landing_page.view_color_orange .view-button-box-number {
background-color: #d72;
}
/*.view_color_default .view-button-box:hover > div:first-child > div {
background-color: rgba(color('purple'), 0.85);
}
.view_color_green .view-button-box:hover > div:first-child > div {
background-color: rgba(color('green'), 0.85);
}
.view_color_blue .view-button-box:hover > div:first-child > div {
background-color: rgba(color('blue'), 0.85);
}
.view_color_orange .view-button-box:hover > div:first-child > div {
background-color: rgba(color('orange'), 0.85);
}
*/
@media screen and (max-width: 799px) {
.view_landing_page section > ul > li {
width: calc(100% - 2em);
}
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
.view_landing_page section > ul > li {
width: calc(50% - 2em);
}
}
@media screen and (min-width: 1366px) {
.view_landing_page section > ul > li {
width: calc(33.33% - 2em);
}
}
/**
* first level property in $images is a view_class custom_init.
* landing_page view can be used many times, each of them uses different set of images.
*/
/* hiding icons for teacher section 29.11.2016 mc */
.view_landing_page_accordion.view_class_teacher section > ul > li {
display: inline-block;
float: left;
}
.view_landing_page_accordion.view_class_teacher section > ul > li:nth-child(3n + 1) {
clear: inherit;
}
.view_landing_page_accordion.view_class_teacher section > ul > li > div,
.view_landing_page_accordion.view_class_teacher section > ul > li > a {
background: #928;
}
.view_landing_page_accordion.view_class_teacher section > ul > li > div > span,
.view_landing_page_accordion.view_class_teacher section > ul > li > a > span {
color: white;
}
.view_landing_page_accordion.view_class_teacher section > ul > li > div > img,
.view_landing_page_accordion.view_class_teacher section > ul > li > a > img {
display: none;
}
.view_landing_page_accordion section > ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.view_landing_page_accordion section > ul > li {
display: block;
float: left;
padding: 0.5em 1em 1.5em 1em;
width: calc(47% - 2em);
/*
> a:hover {
background-color: color('purple');
> span {
color: color('white');
}
}
*/
}
.view_landing_page_accordion section > ul > li:nth-child(3n + 1) {
clear: both;
}
.view_landing_page_accordion section > ul > li > div,
.view_landing_page_accordion section > ul > li > a {
position: relative;
display: block;
margin-bottom: 0.5em;
padding: 0.75em 2.5em 0.75em 0.5em;
width: calc(100% - 3.25em);
height: 1.5em;
line-height: 1.5em;
text-decoration: none;
border: 0.125em solid #928;
transition: background-color 0.2s;
}
.view_landing_page_accordion section > ul > li > div > span,
.view_landing_page_accordion section > ul > li > a > span {
font-weight: 900;
color: #928;
text-transform: uppercase;
transition: color 0.2s;
}
.view_landing_page_accordion section > ul > li > div > span.locker:after,
.view_landing_page_accordion section > ul > li > a > span.locker:after {
content: '';
display: inline-block;
width: 1.25em;
height: 1.25em;
background-image: url("/data/ec694e1d-4462-4d59-8124-e79071e96b28");
background-size: 1.25em 1.25em;
}
.view_landing_page_accordion section > ul > li > div > img,
.view_landing_page_accordion section > ul > li > a > img {
position: absolute;
right: 0.25em;
bottom: -0.8em;
width: 3.5em;
height: 3.5em;
}
.view_landing_page_accordion section > ul > li > ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.view_landing_page_accordion section > ul > li > ul > li {
margin: 0;
padding: 0;
}
.view_landing_page_accordion section > ul > li > ul > li > a {
display: block;
padding: 0.45em 0.75em;
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
transition: all 0.2s;
}
.view_landing_page_accordion section > ul > li > ul > li > a:hover {
color: #fff;
background-color: #928;
border-color: #928;
}
@media screen and (max-width: 799px) {
.view_landing_page section > ul > li {
width: calc(100% - 2em);
}
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
.view_landing_page section > ul > li {
width: calc(50% - 2em);
}
}
@media screen and (min-width: 1366px) {
.view_landing_page section > ul > li {
width: calc(33.33% - 2em);
}
}
/**
* colors
*/
.view_landing_page_accordion #request_read_container_folder .title {
font-size: 1.5em;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 0.5em;
display: block;
}
.view_landing_page_accordion.view_color_green #request_read_container_folder .title {
color: #5a3;
}
.view_landing_page_accordion.view_color_blue #request_read_container_folder .title {
color: #08d;
}
.view_landing_page_accordion.view_color_orange #request_read_container_folder .title {
color: #d72;
}
.view_landing_page_accordion.view_color_green section > ul > li > ul > li > a:hover {
color: #fff;
background-color: #5a3;
border-color: #5a3;
}
.view_landing_page_accordion.view_color_blue section > ul > li > ul > li > a:hover {
color: #fff;
background-color: #08d;
border-color: #08d;
}
.view_landing_page_accordion.view_color_orange section > ul > li > ul > li > a:hover {
color: #fff;
background-color: #d72;
border-color: #d72;
}
.view_exercises {
overflow: hidden;
}
.view_exercises aside {
float: left;
width: 17%;
}
.view_exercises aside > h1 {
margin: 0 0 0.75em 0;
font-size: 138.5%;
text-transform: uppercase;
}
.view_exercises aside > div {
position: relative;
margin-bottom: 1em;
padding: 0.75em 2.5em 0.75em 0.5em;
width: calc(100% - 3.25em);
height: 1.5em;
line-height: 1.5em;
border: 0.125em solid #928;
}
.view_exercises aside > div > img {
position: absolute;
right: 0.25em;
bottom: -0.5em;
width: 3em;
height: 3em;
}
.view_exercises aside ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.view_exercises aside ul > li {
margin: 0;
padding: 0;
}
.view_exercises aside ul > li:not(.open) > ul {
height: 0;
}
.view_exercises aside ul > li > ul {
height: auto;
transition: height 0.4s;
overflow: hidden;
}
.view_exercises aside ul > li > a,
.view_exercises aside ul > li > div {
display: block;
padding: 0.5em;
line-height: 1.25em;
color: #000;
font-size: 0.75em;
text-decoration: none;
border-bottom: 1px solid #928;
transition: color 0.2s, background-color 0.2s;
}
.view_exercises aside ul > li > a:hover {
color: #fff;
background-color: #928;
}
.view_exercises aside ul > li > a.active {
background-color: rgba(153, 34, 136, 0.35);
}
.view_exercises aside ul > li.open > div {
color: #fff;
background-color: #928;
}
.view_exercises aside ul > li.open > a {
color: #fff;
background-color: #928;
}
.view_exercises aside ul > li:only-child {
display: none;
}
.view_exercises aside ul ul a {
padding: 0.5em 0.5em 0.5em 1.5em;
background-color: rgba(153, 34, 136, 0.15);
}
.view_exercises aside > a {
display: block;
margin-top: 1em;
padding: 0.5em 0.25em;
color: #fff;
text-align: center;
text-decoration: none;
}
.view_exercises section {
float: right;
width: 80%;
}
.view_exercises.view_color_green aside > h1 {
color: #5a3;
}
.view_exercises.view_color_green aside ul > li > div:hover {
color: #fff;
background-color: #5a3;
cursor: pointer;
}
.view_exercises.view_color_green aside ul > li > a:hover {
color: #fff;
background-color: #5a3;
}
.view_exercises.view_color_green aside > a {
background-color: #5a3;
}
.view_exercises.view_color_blue aside > h1 {
color: #08d;
}
.view_exercises.view_color_blue aside ul > li > div:hover {
color: #fff;
background-color: #08d;
cursor: pointer;
}
.view_exercises.view_color_blue aside ul > li > a:hover {
color: #fff;
background-color: #08d;
}
.view_exercises.view_color_blue aside > a {
background-color: #08d;
}
.view_exercises.view_color_orange aside > h1 {
color: #d72;
}
.view_exercises.view_color_orange aside ul > li > div:hover {
color: #fff;
background-color: #d72;
cursor: pointer;
}
.view_exercises.view_color_orange aside ul > li > a:hover {
color: #fff;
background-color: #d72;
}
.view_exercises.view_color_orange aside > a {
background-color: #d72;
}
.quiz_type_matchbox .audio_mpeg .label {
display: none;
}
/**
* ! - old styles
*/
.exercises #iframe {
border: none;
}
.exercises aside {
background: #ff0;
}
.exercises .bx-viewport figure {
height: 500px;
}
.exercises .bx-viewport > * {
background: #eee;
}
.exercises .bx-viewport .title {
padding: 10px 20px;
color: #fff;
background: #07f;
}
.exercises .bx-pager .bx-pager-link.active > * {
background-color: #07f;
}
.view_exercises .audio_mpeg {
border: none !important;
border-radius: 0 !important;
background: c("purple") !important;
}
.view_exercises .audio_mpeg > button {
margin-top: 0;
margin-right: 6px;
width: 24px;
height: 20px;
border: none !important;
background: url("/data/f50d4115-9bc9-4774-a213-19822dc01db8") no-repeat;
}
.view_exercises .audio_mpeg > button.play_button {
background-position: 0 0 !important;
}
.view_exercises .audio_mpeg > button.pause_button {
background-position: 0 -20px !important;
}
.view_exercises .audio_mpeg > button.stop_button {
background-position: 0 -40px !important;
}
.view_exercises .audio_mpeg > button:focus {
outline: none !important;
}
.view_exercises .audio_mpeg > button > img {
display: none;
}
.view_exercises .audio_mpeg > span:first-of-type {
display: block;
float: right;
padding-top: 3px;
color: #aaa;
font-size: 13px;
}
.view_exercises .audio_mpeg .ui-slider {
border: none !important;
border-radius: 0;
background: #ddd !important;
}
.view_exercises .audio_mpeg .ui-slider-handle {
height: 1.4em !important;
border: none !important;
border-radius: 0;
}
.view_exercises .audio_mpeg .ui-slider-handle:focus {
outline: none;
}
.view_exercises .active .track_page > span,
.view_exercises .active .track_page > p,
.view_exercises .active .file_desc {
color: #fff;
}
.view_exercises .audio_mpeg > span:first-of-type {
color: #fff !important;
}
.view_teacher section > article {
padding-bottom: 2em;
}
.view_teacher section > article > h1 {
font-size: 1.5em;
margin: 0 0 1em 0;
text-transform: uppercase;
font-weight: 900;
color: #d72;
}
.view_teacher section > article ul {
margin-left: 0;
}
.view_teacher section > article ul:nth-of-type(1) {
margin-bottom: 2em;
}
.view_teacher section > article ul:nth-of-type(1) > li {
display: inline-block;
}
.view_teacher section > article ul:nth-of-type(1) > li > a {
padding: 1em;
margin-right: 1em;
background: #d72;
color: white;
}
.view_teacher section > article ul:nth-of-type(2) {
display: inline-block;
background: #eeeeee;
padding: 1.5em;
}
.view_teacher section > article ul:nth-of-type(2) > li {
display: inline-block;
margin-right: 2em;
width: 200px;
}
.view_teacher section > article ul:nth-of-type(2) > li span {
margin-top: 1em;
display: inline-block;
}
.view_teacher section > article ul:nth-of-type(2) > li > a {
display: block;
width: inherit;
height: inherit;
transition: background-color 0.3s;
}
.view_teacher section > article ul:nth-of-type(2) > li > a:hover {
background-color: #d72;
}
.view_teacher section > article ul:nth-of-type(2) > li > a:hover > img {
opacity: 0.5;
}
.view_teacher section > article ul:nth-of-type(2) > li > a > img {
width: 200px;
height: auto;
box-shadow: 5px 5px 10px 0px rgba(128, 128, 128, 0.3);
margin-bottom: -0.25em;
}
.view_teacher section > article ul li {
margin-bottom: 0.5em;
list-style: none;
}
.view_teacher section > article a {
color: #d72;
text-decoration: none;
}
.view_teacher section > article a:hover {
text-decoration: underline;
}
.view_teacher section > article a.external:after {
content: '';
color: white;
display: inline-block;
margin: 0 0 0 1em;
width: 2em;
height: 2em;
text-decoration: none;
background: url(/data/f7c622ce-b6b2-432e-95df-0fe979946e90) no-repeat;
background-size: 2em 2em;
position: relative;
top: 0.3em;
}
.view_teacher section > ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.view_teacher section > ul > li {
display: block;
float: left;
padding: 0.5em 1em;
width: calc(33.33% - 2em);
}
.view_teacher section > ul > li .view-button-box {
display: block;
text-decoration: none;
}
.view_teacher section > ul > li .view-button-box > div:first-child {
padding-top: 0.75em;
height: 4em;
background-color: #928;
border-bottom: 0.75em solid #d72;
overflow: hidden;
}
.view_teacher section > ul > li .view-button-box > div:first-child > img {
float: left;
margin: 0 1em 0 2em;
width: 4em;
height: 4em;
vertical-align: top;
}
.view_teacher section > ul > li .view-button-box > div:first-child > span {
float: left;
margin-top: 0.625em;
font-size: 1.5em;
color: #fff;
font-weight: bold;
}
.view_teacher section > ul > li .view-button-box > div:last-child {
height: 17em;
background-size: cover;
background-position: center bottom;
}
.view_teacher section > ul > li .view-button-box > div:last-child > div {
width: 100%;
height: 100%;
transition: background-color 0.3s;
}
.view_teacher section > ul > li .view-button-box > div:last-child > div > span {
position: relative;
z-index: 2;
display: none;
margin: 3.5em 0 0 calc(50% - 3em);
padding: 0.75em 1em;
width: 4em;
color: #fff;
font-weight: bold;
text-align: center;
border: 1px solid #fff;
text-transform: uppercase;
}
.view_teacher section > ul > li .view-button-box:hover > div:last-child > div {
background-color: rgba(221, 119, 34, 0.7);
}
.view_teacher section > ul > li div.view-button-box > div:first-child {
background-color: #ccc;
border-color: #aaa;
}
.view_teacher section > ul > li div.view-button-box > div:last-child > div, .view_teacher section > ul > li div.view-button-box:hover > div:last-child > div {
background-color: rgba(204, 204, 204, 0.7);
}
.view_teacher section > ul > li:nth-child(1) .view-button-box > div:last-child {
background-image: url("/data/41504f5a-8ec5-4915-a6ab-354cd3922d98");
}
.view_teacher section > ul > li:nth-child(2) .view-button-box > div:last-child {
background-image: url("/data/0fb08fb9-9648-4778-96b5-abf019d0f984");
}
.view_teacher section > ul > li:nth-child(3) .view-button-box > div:last-child {
background-image: url("/data/4b0cb3ae-a9b3-47a0-a276-aaf1fc871478");
}
.view_teacher section:nth-child(2) {
background: red;
}
.view_teacher.view_class_default section > ul > li:nth-child(1) .view-button-box > div:first-child {
/*background-image: url('/data/7ebbaaa2-c2e2-4183-8863-701636fc5924');*/
}
.view_teacher.view_class_default section > ul > li:nth-child(2) .view-button-box > div:first-child {
/*background-image: url('/data/8740581a-776a-412b-8c8d-828cc62b57c7');*/
}
.view_teacher.view_class_default section > ul > li:nth-child(3) .view-button-box > div:first-child {
/*background-image: url('/data/03ef07c9-10e9-468e-8619-4c25d8ffd09c');*/
}
.view_teacher.view_class_default section > ul > li:nth-child(4) .view-button-box > div:first-child {
/*background-image: url('/data/24a7bb14-a3a9-47af-8980-ab68336e800f');*/
}
.view_teacher.view_class_default section > ul > li:nth-child(5) .view-button-box > div:first-child {
/*background-image: url('/data/eff2f967-3463-4f5e-b7e6-85e440b59b00');*/
}
.view_landing_page.view_color_default .view-button-box:hover > div > div {
background-color: rgba(153, 34, 136, 0.7);
}
.view_landing_page.view_color_green .view-button-box:hover > div > div {
background-color: rgba(85, 170, 51, 0.7);
}
.view_landing_page.view_color_blue .view-button-box:hover > div > div {
background-color: rgba(0, 136, 221, 0.7);
}
.view_landing_page.view_color_orange .view-button-box:hover > div > div {
background-color: rgba(221, 119, 34, 0.7);
}
.view_landing_page.view_color_default .view-button-box-number {
background-color: #928;
}
.view_landing_page.view_color_green .view-button-box-number {
background-color: #5a3;
}
.view_landing_page.view_color_blue .view-button-box-number {
background-color: #08d;
}
.view_landing_page.view_color_orange .view-button-box-number {
background-color: #d72;
}
.d-books {
max-width: 100vw;
}
.d-books > ul {
display: flex;
justify-content: center;
margin: 0;
padding: 0 2em;
}
.d-books > ul > li {
width: 202px;
list-style: none;
box-sizing: border-box;
margin: auto;
}
.d-books > ul > li > a {
display: block;
height: 250px;
width: 168px;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 1em;
text-decoration: none;
}
.d-books > ul > li > a:hover:before {
content: '';
position: absolute;
width: inherit;
height: inherit;
}
.d-books > ul > li > a:hover:after {
content: 'åpne';
position: relative;
display: block;
width: 75px;
color: white;
text-transform: uppercase;
padding: .5em 1.5em;
text-decoration: none;
text-align: center;
border: 2px solid white;
left: 1.2em;
top: 6em;
}
.d-books > ul > li:nth-of-type(1) > a {
background-image: url(/data/65c5d023-cd7d-4046-808b-656eff11d946);
}
.d-books > ul > li:nth-of-type(2) > a {
background-image: url(/data/148b45d6-a90c-4797-88c4-8b462476ef46);
}
.d-books > ul > li:nth-of-type(3) > a {
background-image: url(/data/527eed02-90c9-4a89-98cd-3ce4500d2de4);
}
.d-books > ul > li:nth-of-type(1) > a:hover:before {
background: rgba(221, 119, 34, 0.6);
}
.d-books > ul > li:nth-of-type(2) > a:hover:before {
background: rgba(85, 170, 51, 0.6);
}
.d-books > ul > li:nth-of-type(3) > a:hover:before {
background: rgba(0, 136, 221, 0.6);
}
@media screen and (max-width: 799px) {
.view_teacher section > ul > li {
width: calc(100% - 2em);
}
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
.view_teacher > ul > li {
width: calc(50% - 2em);
}
}
@media screen and (min-width: 1366px) {
.view_teacher > ul > li {
width: calc(33.33% - 2em);
}
}
.view_teacher section > ul.folder-list {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.view_teacher section > ul.folder-list > li {
display: block;
float: left;
padding: 0.5em 1em 1.5em 1em;
width: calc(33.33% - 2em);
/*
> a:hover {
background-color: color('purple');
> span {
color: color('white');
}
}
*/
}
.view_teacher section > ul.folder-list > li > div,
.view_teacher section > ul.folder-list > li > a {
position: relative;
display: block;
margin-bottom: 0.5em;
padding: 0.75em 2.5em 0.75em 0.5em;
width: calc(100% - 3.25em);
/*height: 1.5em;
line-height: 1.5em;*/
text-decoration: none;
border: 0.125em solid #928;
transition: background-color 0.2s;
}
.view_teacher section > ul.folder-list > li > div > span,
.view_teacher section > ul.folder-list > li > a > span {
font-weight: 900;
color: #928;
text-transform: uppercase;
transition: color 0.2s;
}
.view_teacher section > ul.folder-list > li > div > span.locker:after,
.view_teacher section > ul.folder-list > li > a > span.locker:after {
content: '';
display: inline-block;
width: 1.25em;
height: 1.25em;
background-image: url("/data/ec694e1d-4462-4d59-8124-e79071e96b28");
background-size: 1.25em 1.25em;
}
.view_teacher section > ul.folder-list > li > div > img,
.view_teacher section > ul.folder-list > li > a > img {
position: absolute;
right: 0.25em;
bottom: -0.8em;
width: 3.5em;
height: 3.5em;
}
.view_teacher section > ul.folder-list > li > ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.view_teacher section > ul.folder-list > li > ul > li {
margin: 0;
padding: 0;
}
.view_teacher section > ul.folder-list > li > ul > li > a {
display: block;
padding: 0.45em 0.75em;
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
transition: all 0.2s;
}
.view_teacher section > ul.folder-list > li > ul > li > a:hover {
color: #fff;
background-color: #928;
border-color: #928;
}
@media screen and (max-width: 799px) {
.view_landing_page section > ul > li {
width: calc(100% - 2em);
}
}
@media screen and (min-width: 800px) and (max-width: 1023px) {
.view_landing_page section > ul > li {
width: calc(50% - 2em);
}
}
@media screen and (min-width: 1366px) {
.view_landing_page section > ul > li {
width: calc(33.33% - 2em);
}
}
/**
* colors
*/
.view_landing_page_accordion #request_read_container_folder .title {
font-size: 1.5em;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 0.5em;
display: block;
}
.view_landing_page_accordion.view_color_green #request_read_container_folder .title {
color: #5a3;
}
.view_landing_page_accordion.view_color_blue #request_read_container_folder .title {
color: #08d;
}
.view_landing_page_accordion.view_color_orange #request_read_container_folder .title {
color: #d72;
}
.view_landing_page_accordion.view_color_green section > ul > li > ul > li > a:hover {
color: #fff;
background-color: #5a3;
border-color: #5a3;
}
.view_landing_page_accordion.view_color_blue section > ul > li > ul > li > a:hover {
color: #fff;
background-color: #08d;
border-color: #08d;
}
.view_landing_page_accordion.view_color_orange section > ul > li > ul > li > a:hover {
color: #fff;
background-color: #d72;
border-color: #d72;
}
.locked_message,
.locked_message_2 {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
display: none;
height: 100%;
left: 0;
line-height: 50px;
margin: 0 auto;
opacity: 1;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 30100;
background: rgba(0, 0, 0, 0.85);
}
.locked_message_2 {
line-height: 25px;
}
.locked_close {
background-image: url("/data/78f8c2c9-92ab-4689-9d01-ba8e8208a365");
background-size: cover;
display: block;
height: 50px;
margin: 0 auto;
position: absolute;
right: 5px;
top: 5px;
width: 50px;
}
.locked_close > a {
display: block;
height: 100%;
width: 100%;
}
.locked_message a,
.locked_message_2 a {
color: #9f238e;
font-size: 1.2em;
text-decoration: none;
cursor: pointer;
}
.locked_message a:hover,
.locked_message_2 a:hover {
text-decoration: underline;
}
.locked_mark {
position: relative;
display: block;
margin: 13em auto 0 auto;
width: 5em;
height: 5em;
background-image: url("/data/f44cc531-8f80-4a64-a0dd-6fbd4a463d3e");
background-size: cover;
}
.locked-text-embedded {
margin-top: 3em;
}
.locked_message p.information-text,
.locked_message_2 p.information-text {
max-width: initial;
}
.locked-d-bok {
font-size: 1.2em;
margin: 0.35rem;
position: absolute;
width: 15%;
}
.locked-d-bok svg {
width: 100%;
height: auto;
}
.locked_content {
width: 100%;
margin: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.view_audio_files .players {
padding: 20px 0;
margin: 0;
list-style-type: none;
overflow: hidden;
}
.view_audio_files .players > li {
padding: 10px 20px 15px 0;
float: left;
width: calc(33% - 20px);
}
.view_audio_files .players > li:nth-child(3n) {
padding-right: 0;
}
.view_audio_files .players > li > div {
background: #eee;
}
/*
.view_audio_files .players > li > div > p {
padding: 10px 0 0 10px;
margin-bottom: 0;
color: #025;
font-size: 18px;
}
*/
/* .audio_mpeg */
.view_audio_files .track_page {
padding: 10px 10px 0 10px;
overflow: hidden;
}
.view_audio_files .track_page > span {
float: left;
color: #000;
font-size: 18px;
}
.view_audio_files .track_page > a {
float: right;
display: block;
margin: 0 0 0 5px;
width: 24px;
height: 20px;
background: #025;
}
.view_audio_files .track_page > p {
float: right;
padding-top: 4px;
margin-bottom: 0;
font-size: 12px;
color: #777;
}
.view_audio_files .file_desc {
padding: 7px 10px 0 10px;
margin-bottom: 0;
height: 24px;
line-height: 12px;
font-size: 12px;
color: #777;
}
.view_audio_files .audio_mpeg {
padding: 10px 10px 7px 10px !important;
width: calc(100% - 20px);
border: none !important;
border-radius: 0 !important;
background: none !important;
}
.view_audio_files .audio_mpeg > button {
margin-top: 0;
margin-right: 6px;
width: 24px;
height: 20px;
border: none !important;
background: url("/data/f50d4115-9bc9-4774-a213-19822dc01db8") no-repeat;
}
.view_audio_files .audio_mpeg > button.play_button {
background-position: 0 0 !important;
}
.view_audio_files .audio_mpeg > button.pause_button {
background-position: 0 -20px !important;
}
.view_audio_files .audio_mpeg > button.stop_button {
background-position: 0 -40px !important;
}
.view_audio_files .audio_mpeg > button:focus {
outline: none !important;
}
.view_audio_files .audio_mpeg > button > img {
display: none;
}
.view_audio_files .audio_mpeg > span:first-of-type {
display: block;
float: right;
padding-top: 3px;
color: #aaa;
font-size: 13px;
}
.view_audio_files .audio_mpeg .ui-slider {
border: none !important;
border-radius: 0;
background: #ddd !important;
}
.view_audio_files .audio_mpeg .ui-slider-handle {
height: 1.4em !important;
border: none !important;
border-radius: 0;
}
.view_audio_files .audio_mpeg .ui-slider-handle:focus {
outline: none;
}
.view_audio_files .players .active > div {
background: #928;
}
.view_audio_files .active .track_page > span,
.view_audio_files .active .track_page > p,
.view_audio_files .active .file_desc {
color: #fff;
}
/*
.view_audio_files .players .active > div > p {
color: #fff;
}
*/
.view_audio_files .players .active .audio_mpeg > span:first-of-type {
color: #fff !important;
}
.view_audio_files .players .active .audio_mpeg .ui-slider {
background: #fff !important;
}
@media screen and (min-width: 761px) and (max-width: 1000px) {
.view_audio_files .flags {
padding-right: 20px;
}
.view_audio_files .players {
padding: 0 10px;
width: calc(100% - 20px);
}
.view_audio_files .players > li {
padding: 10px 10px 15px 10px;
float: left;
width: calc(33.33% - 20px);
}
.view_audio_files .players > li:nth-child(4n) {
padding-right: 10px;
}
}
@media screen and (min-width: 521px) and (max-width: 760px) {
.view_audio_files .flags {
padding-right: 20px;
}
.view_audio_files .players {
padding: 0 10px;
width: calc(100% - 20px);
}
.view_audio_files .players > li {
padding: 10px 10px 15px 10px;
float: left;
width: calc(50% - 20px);
}
.view_audio_files .players > li:nth-child(4n) {
padding-right: 10px;
}
}
@media screen and (max-width: 520px) {
.view_audio_files .flags {
padding-right: 20px;
}
.view_audio_files .players {
padding: 0 10px;
width: calc(100% - 20px);
}
.view_audio_files .players > li {
padding: 10px 10px 15px 10px;
float: left;
width: calc(100% - 20px);
}
.view_audio_files .players > li:nth-child(4n) {
padding-right: 10px;
}
}
.javascript div.audio_mpeg .play_button {
margin-left: 0;
}
.view_audio_files .audio_mpeg > button {
background-color: #928;
}
.view_audio_files .audio_mpeg .ui-slider-handle {
background: #928 !important;
}
.view_audio_files.view_color_green .active .audio_mpeg > button {
background-color: #5a3;
}
.view_audio_files.view_color_blue .active .audio_mpeg > button {
background-color: #08d;
}
.view_audio_files.view_color_orange .active .audio_mpeg > button {
background-color: #d72;
}
.view_audio_files.view_color_green .players .active .audio_mpeg .ui-slider-handle {
background: #5a3 !important;
}
.view_audio_files.view_color_blue .players .active .audio_mpeg .ui-slider-handle {
background: #08d !important;
}
.view_audio_files.view_color_orange .players .active .audio_mpeg .ui-slider-handle {
background: #d72 !important;
}
.view_token section {
overflow: hidden;
}
.view_token form:first-of-type {
float: left;
width: 45%;
}
.view_token form:last-of-type {
float: right;
width: 45%;
}
#wrapper_object_content .instruction {
font-weight: bold;
}
#wrapper_object_content .xlarge {
font-size: 1.5em;
}
#wrapper_object_content .xlarge a {
color: #07f;
}
#wrapper_object_content .xlarge a:hover {
color: #4af;
}
table[border="0"] th,
table[border="0"] td {
border: 0;
}
#wrapper_object_content .progress > img {
height: 10px;
}
#wrapper_object_content .quiz.img.right {
float: right;
}
#wrapper_object_content input[size] {
width: auto;
}
#wrapper_object_content .quiz_block ul {
margin-left: 0;
list-style-type: none;
}
#wrapper_object_content .quiz_block ul li {
line-height: 1.5em;
}
#wrapper_object_content .quiz_block ul li > label > input {
margin-right: 1em;
}
#wrapper_object_content .matchbox .cell_content {
text-align: center;
}
/**
* columns
*/
/* 3 columns */
.columns_3 ~ .mc_image {
float: left;
width: 31%;
}
.columns_3 ~ .mc_image img {
width: 100%;
height: auto;
margin-bottom: 0.5em;
}
.columns_3 ~ .mc_image:nth-of-type(3n+1) {
clear: left;
}
.columns_3 ~ .mc_image:nth-of-type(n+4) {
padding-top: 2em;
}
.columns_3 ~ .mc_image:nth-of-type(3n-1) {
padding-left: 3.5%;
padding-right: 3.5%;
}
/* 8 columns */
.columns_8 ~ .mc_image {
float: left;
width: 11%;
padding-right: 1.5%;
padding-bottom: 1em;
}
.columns_8 ~ .mc_image:nth-of-type(8n) {
padding-right: 0;
}
.columns_8 ~ .mc_image img {
width: 100%;
height: auto;
}
.columns_8 ~ .mc_image:nth-of-type(8n+1) {
clear: left;
}
.columns_8 ~ .mc_image:nth-of-type(n+9) {
padding-top: 2em;
}
/* 5 columns */
.columns_5 ~ .mc_image {
float: left;
width: 17%;
padding-right: 2%;
padding-bottom: 1em;
}
.columns_5 ~ .mc_image:nth-of-type(5n) {
padding-right: 0;
}
.columns_5 ~ .mc_image img {
width: 100%;
height: auto;
}
.columns_5 ~ .mc_image:nth-of-type(5n+1) {
clear: left;
}
.columns_5 ~ .mc_image:nth-of-type(n+6) {
padding-top: 2em;
}
/* 4 columns */
.columns_4 ~ .mc_image {
float: left;
width: 23%;
padding-right: 2%;
padding-bottom: 1em;
}
.columns_4 ~ .mc_image:nth-of-type(4n) {
padding-right: 0;
}
.columns_4 ~ .mc_image img {
width: 100%;
height: auto;
}
.columns_4 ~ .mc_image:nth-of-type(4n+1) {
clear: left;
}
.columns_4 ~ .mc_image:nth-of-type(n+5) {
padding-top: 2em;
}
/**
* columns - clearing the float
*/
.quiz_submission {
clear: left;
}
#pf_quiz ol li {
padding-bottom: 1em;
}
.increase-interline {
line-height: 2.5em;
}
/**
* col_3
*/
.col_3 {
overflow: hidden;
}
.col_3 > p {
float: left;
padding-right: 2%;
width: 32%;
}
.col_3 > p:nth-child(3n) {
padding-right: 0;
}
.questions {
padding-top: 1em;
clear: both;
}
html, body {
height: 100%;
font-size: 1em;
font-family: 'Lato', sans-serif;
}
a:not(:visited):focus, button:focus, input:focus {
outline-style: solid;
outline-offset: -0.15rem;
outline-color: #fff;
outline-width: 0.15rem;
position: relative;
}
a:not(:visited):focus:before, button:focus:before, input:focus:before {
content: '';
border: 0.15rem dotted #000;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.main {
padding: 3em 0 2.5em 0;
width: 1200px;
/* min-height: calc(100% - 360px); */
margin: auto;
}
.page_header > div {
margin: auto;
width: 1200px;
}
/*
.view_homepage,
.view_landing_page,
.view_landing_page_accordion,
.view_exercises {
min-height: calc(100% - 355px);
}
*/
#document_title {
display: none;
}
#iframe {
border: none;
}
figure {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
}
select, input, button, textarea {
margin: 0 0.5em;
}
button {
display: block;
margin-top: 1em;
padding: 0.5em 0.25em;
color: #fff;
text-align: center;
text-decoration: none;
border-style: none;
background-color: #928;
cursor: pointer;
}
[class^='skype_pnh_container'] {
display: none !important;
}
[class^='skype_pnh_print_container'] {
display: inline !important;
}
[class^='view_'] {
min-height: calc(100% - 345px);
}
#tooltip {
padding: 0.5em 0.75em;
border: 1px solid #000;
border-radius: 0.25em;
background-color: #f7f7f7;
}
.audio_mpeg button {
display: inline-block;
background: transparent;
}
#wrapper_object_content li {
font-weight: normal;
padding-bottom: 1em;
}
.cell_content .audio_mpeg.normal {
/*
.play_button:not(.disabled) ~ button {
display: none;
}
.play_button.disabled,
.play_button.disabled + .pause_button {
display: none;
}
.play_button.disabled ~ .stop_button {
display: block;
}
.label {
display: block;
}
*/
}
.cell_content .audio_mpeg.normal button {
margin: auto;
display: none;
}
.cell_content .audio_mpeg.normal.playing .stop_button {
display: block;
}
.cell_content .audio_mpeg.normal:not(.playing) .play_button {
display: block;
}
th {
text-align: left !important;
}
Norsk nå!
colour
_audio_files.scss
Privacy policy