@import 'images'; /*svg { height: 100%; width: 100%; }*/ .main_preload{ position:absolute; width:100%; height:100%; top:0px; left:0px; background-color:#fff; z-index:30000; } #preload_img { display:none; width:400px; height:100px; position: absolute; top:50%; left:50%; margin:-50px 0px 0px -200px; } #preload_img svg{ width:100%; height:auto; } header{ border-bottom:3px solid #444; height: auto; margin: 0 auto; width: 100%; position:relative; z-index:2; } .header_body{ width:33%; height:100%; margin: 0 } .header_img{ height:auto; margin:0 auto; width:90%; padding:10px; } .header_img svg{ width:100%; height:1; } footer { background-color:/* #f9f9f9;*/ #fff; margin: 0 auto; padding: 0; position: relative; width: 100%; z-index: 2; } .footer_content { margin: 0 auto; width: 1024px; } .footer_content_text { height: auto; margin: 0; position: relative; text-align: start; width: auto; } .footer_content_text p { color: #333; /* font-size: 0.8em; */ line-height: 60px; text-align: center; } <!--.content { width:1020px; height:auto; margin:10px auto; }--> .content { overflow: hidden; margin: 0; padding: 2em 0 0 0; width: 100%; /*max-width: 1920px;*/ list-style: none; text-align: center; position:relative; height:75%; } /* Common style */ .content figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: -0.135em; width: 33.333%; height: 100%; text-align: center; cursor: pointer; vertical-align:top; } .vg2{ background: #c74441;} .vg1{ background: #3bb0d1;} .vg3{ background: #76aa47;} .content figure img { position: relative; display: block; /*min-height: 100%;*/ width:100%; opacity: 0.45; height:auto; } .content figure figcaption { padding: 2em; color: #fff; /*text-transform: uppercase;*/ font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .content figure figcaption::before, .content figure figcaption::after { pointer-events: none; } .content figure figcaption, .content figure a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .content figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .content figure h2 { word-spacing: -0.15em; font-weight: 300; } .content figure h2 span { font-weight: 800; } .content figure h2, .content figure p { margin: 0; } .content figure p { letter-spacing: 1px; font-size: 68.5%; } /*---------------*/ /***** Chico *****/ /*---------------*/ figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); } figure.effect-chico:hover img { opacity: 0.9; -webkit-transform: scale(1); transform: scale(1); } figure.effect-chico figcaption { padding: 3em; } /*figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 5px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); }*/ figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-chico h2 { position:relative; top:70%; font-size:3em; text-shadow: 0px 0px 5px #222; } figure.vg3 h3 { color: #000; font-size: 1.5em; font-weight: bold; position: absolute; text-align: left; top: 5%; } /* figure.vg3 h2 { position:relative; top:65%; font-size:3em; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } */ figure.effect-chico p { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5); } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(0.9); transform: scale(0.9); } /*** PORTFOLIO SHIT ******/ .framework #wrapper_object_content table, .framework #wrapper_object_content td, .framework #wrapper_object_content th { border: 0 none; } .page-intertekst #wrapper_page { height: 100%; max-width: 100%; overflow: hidden; width: 100%; } .intertext_exercise span { display: inline !important; } @media screen and (max-width: 69.5em) { .grid figure { width: 50%; } .grid figure figcaption { font-size: 90%; } } @media screen and (max-width: 41.5em) { .grid figure { width: 100%; } } @media screen and (max-width: 1280px){ .content figure img { position: relative; display: block; height: 100%; /*width:auto;*/ opacity: 0.45; } } @media screen and (max-height: 900px){ figure.effect-chico h2 { position:relative; top:60%; font-size:3em; text-shadow: 0px 0px 5px #222; } } @media screen and (max-height: 770px){ figure.effect-chico h2 { position:relative; top:50%; font-size:3em; text-shadow: 0px 0px 5px #222; } } @media screen and (max-height: 680px){ figure.effect-chico h2 { position:relative; top:40%; font-size:3em; text-shadow: 0px 0px 5px #222; } } @media screen and (max-height: 590px){ figure.effect-chico h2 { position:relative; top:30%; font-size:3em; text-shadow: 0px 0px 5px #222; } } @font-face { font-family: 'eurostileregular'; src: url('/data/af978523-9567-4b31-bc8f-7db0a0e0d957'); src: url('/data/af978523-9567-4b31-bc8f-7db0a0e0d957') format('embedded-opentype'), url('/data/4a6c3a87-aa3f-47bf-996f-0b192534f638') format('woff'), url('/data/6b3c5453-c2bc-4f81-890c-0459b1b7fbc7') format('truetype'); font-weight: normal; font-style: normal; } body { height: 100%; overflow: visible; } #container { margin: 0 auto -100px; width: 100%; min-height: 100%; } #container:after { content: ""; display: block; } #container:after { height: 100px; } footer { height: 100px; margin: 0 auto; /*padding: 10px 0;*/ width: 100%; } .page-intertekst{ height:100%; } .framework #wrapper_page { /*max-width: 100%; height: auto;*/ height: 100%; max-width: 100%; overflow: visible; width: 100%; } .framework #wrapper_top_row { background-color: #FFFFFF; background-image: none; width: 100%; height: auto; position: relative; white-space:initial; background-position: right top; background-repeat: no-repeat; border-left:0 none; border-right:0 none; } .framework #wrapper_object_content { margin-top: 0.1em; } /*.page-intertekst_vg1 #element_adjacent_objects, .page-intertekst_vg2 #element_adjacent_objects { display: none; }*/ .page-show_index_vg2 iframe.inline, .page-show_index_vg2 .inline .inline, .page-show_index_vg2 p.inline_open_link, .page-show_index_vg3 iframe.inline, .page-show_index_vg3 .inline .inline, .page-intertekst_laerer .inline p.inline_open_link /*.page-show_index_vg3 p.inline_open_link*/{ width:100%; margin:0 auto; } .page-intertekst_vg1 #wrapper_object_content .inline, .page-intertekst_vg2 #wrapper_object_content .inline, .page-intertekst_vg3 #wrapper_object_content .inline, .page-intertekst_grammar .inline, .page-intertekst_laerer .inline, .page-show_index .inline, .page-show_index p.inline_open_link, p.inline_open_link, .page-intertekst_vg1 .introduction, .page-intertekst_vg2 .introduction , .page-intertekst_vg3 .introduction , .page-show_index .introduction, .page-intertekst-list .introduction { font-size: 1.2em; margin: 0.5em 0 0 9.375%; width: 76.25%; } .intertext_exercise h2 { font-size: 1.5em; margin: 0 0 1em; } .intertext_exercise h3 { font-size: 1.1em; font-weight: bold; margin: 0 0 0.5em; } .intertext_exercise p { margin: 0 0 1em 0; } .framework #wrapper_object_content img { padding: 0; } #document_title { display: none; } .framework #element_middle_row { height: auto !important; min-height: 35em; } .framework #wrapper_element_content { overflow: hidden; } #em_folders { position: relative; } #request_read_container_folder { min-height: 20em; position: relative; }/* p { max-width: 32em; } */ #em_folders .child-layout-invisible, #em_folders .child-layout-intertekst_vg1, #em_folders .child-layout-intertekst_vg2, #em_folders .child-layout-intertekst_vg3, #em_folders .child-layout-intertekst_grammar, #em_folders .child-layout-intertekst_laerer, #em_folders .child-layout-show_index_vg3 , #em_folders .child-layout-show_index_vg2, #em_folders .child-layout-show_index_vg1{ display: none; } .page-show_index_vg2 #em_folders, .page-show_index_vg3 #em_folders, .page-show_index_vg1 #em_folders, .page-intertekst_grammar #em_folders { display:none; } .page-intertekst_vg1 #intertekst-banner, .page-intertekst_vg2 #intertekst-banner, .page-intertekst_vg3 #intertekst-banner, .page-intertekst_grammar #intertekst-banner, .page-show_index_vg3 #intertekst-banner, .page-show_index_vg2 #intertekst-banner, .page-show_index_vg1 #intertekst-banner { width: 23.3333%; } #intertekst-laerer-title { display: inline-block; margin: 0 0 0 0.5%; width: 15%; } #intertekst-grammar-title { display: inline-block; margin: 0 0 0.8em 0.5%; width: 8%; } #intertekst-vg1-title, #intertekst-vg2-title { display: inline-block; margin: 0 0 1.4em 0; width: 6%; } #em_folders .child-layout-vg2_skjonnlitteratur { margin: 120px 0 0 0; } #intertekst-banner { margin: 1em 0 0 9.375%; position: relative; width: 35%; display: inline-block; } .laerer-button { background-color: #bb792b; display: block; height: auto; margin: 1em 11.7% 0 0; position: relative; width: 100%; padding: 0 0 1em; } .intertekst_laerer_b { background-color: #d09247; border-left: 0; border-top: 0; display: block; border-right: 1px solid #9b5f26; border-bottom: 1px solid #9b5f26; width: 94%; } .laererbutton { padding: 0.15em 0 0.15em 5% !important; } .intertekst_fp-info { background-color: #CCCCCC; display: inline-block; float: right; margin: 2.2em 1% 0 0; padding: 0.5em 1%; width: 23%; } .intertekst_fp-info p { font-size: 1.1em; } .svg-wrapper { height: 100%; padding-bottom: 27%; position: relative; width: 100%; } .svg-holder { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .svg-holder svg{ height:100%; width:100%; } #intertekst-nav { display: block; width: 100%; min-height: 25px; background-color: #88bd57; } .intertekst-nav_1 { background-color: #76aa47; border-right: 2px solid #ffffff; display: inline-block; float: left; height: 100%; min-height: 25px; width: 9.80392156862745%; } .intertekst-nav_2 { background-color: #76aa47; border-left: 2px solid #ffffff; display: inline-block; float: right; height: 100%; min-height: 25px; width: 11.80392156862745%; } .intertekst_boxes { width: 100%; background-color: #a6dbe9; padding: 30px 0; } .intertekst_trinn { display: inline-block; } .intertekst_trinn img { width: 100%; height: auto; margin: 0; padding: 0 !important; display: block; } .trinn_1_bilde { width: 84.25531914893617%; margin: 6.5% 8.51063829787234% 0 5.531914893617021%; outline: 2px solid #188eac; } .trinn_2_bilde { width: 84.25531914893617%; margin: 6.5% 8.51063829787234% 0 5.531914893617021%; outline: 2px solid #791418; } .trinn_3_bilde { width: 84.25531914893617%; margin: 6.5% 8.51063829787234% 0 5.531914893617021%; outline: 2px solid #59872e; } .intertekst_1a, .intertekst_2a, .intertekst_3a { padding: 0 0 1em 0; display: inline-block; height: auto; width: 23.03921568627451%; position: relative; } .intertekst_1a { margin: 0 2.156862745098039% 0 9.803921568627452%; background-color: #47bfe1; } .intertekst_2a { margin: 0 2.156862745098039%; background-color: #ed5754; } .intertekst_3a { margin: 0 2.156862745098039%; background-color: #96cc63; } .intertekst_3a a { cursor: default; } .intertekst_4a { background-color: #94759F; display: block; height: auto; margin: 1em 0px 0px 0px ; padding: 0 0 1em; position: relative; width: 100%; } .intertekst_frontlink { display: block; position: absolute; width: 100%; height: 100%; } .intertekst_1b, .intertekst_2b, .intertekst_3b { display: block; height: auto; width: 96.31147540983606%; } .intertekst_1b { background-color: #3bb0d1; border-left: 0; border-top: 0; border-right: 1px solid #188eac; border-bottom: 1px solid #188eac; } .intertekst_2b { background-color: #c74441; border-left: 0; border-top: 0; border-right: 1px solid #791418; border-bottom: 1px solid #791418; } .intertekst_3b { background-color: #76aa47; border-left: 0; border-top: 0; border-right: 1px solid #59872e; border-bottom: 1px solid #59872e; } .intertekst_4b { background-color: #745a7d; border-left: 0; border-top: 0; display: block; border-right: 1px solid #573861; border-bottom: 1px solid #573861; width: 98.90243902439024%; } .intertekst_1b:hover { width: 100%; } .center_trinn { margin: 0 2.156862745098039%; } .intertekst_trinn_title p { color: #FFFFFF; font-size: 1.9em; font-weight: lighter; margin: 0; padding: 0.1em 0 0.1em 5.53191%; } .grammarbutton { padding: 0.15em 0 0.15em 1.9% !important; } .intertekst_trinn_title:hover { background-color: transparent; color: #ffffff; } .intertekst_trinn p, .intertekst_trinn_b p { font-size: 1.3em; margin: 0; padding: 0.5em 1em; } .trinn_title_2 { border-top: 1px solid #fbcb0c; background-color: #fdf394; } .trinn_title_3 { border-top: 1px solid #258c2d; background-color: #66d16f; } .trinn_title_4 { border-top: 1px solid #475893; background-color: #9facdc; } .framework #element_bottom_info { bottom: 0; float: left; height: 3.2em; overflow: hidden; position: relative; width: 100%; } #fbf-contact { background-color: #FFFFFF; color: #999999; font-family: verdana,arial,sans-serif; font-size: 1em; line-height: 3.2em; margin: 0 auto; position: relative; text-align: center; line-height:100px; width: 90%; z-index: 1; } #element_footer { font-size: 0.75em; margin: 0; padding: 0; text-align: center; } .sorting { margin: 0 0 20px 9.375%; width: 45%; } .sorting img { width: 100%; height: auto; } #em_folders .child-layout-vg2_skjonnlitteratur { margin: 120px 0 0; } #intertekst_listbox { display: inline-block; float: left; margin: 0 0 0 9.375%; width: 68%; } .intertekst_list { display: block; margin: 0 0 1.5em; text-indent: 20px; width: 100%; float: left; } .intertekst_list a { background-color: #C74441; color: #FFFFFF; display: block; font-size: 1.5em; height: 100%; padding: 0.5em 0; width: 100%; } .level_2 { background-color: #f48031 !important; text-indent: 3em; } .level_3 { background-color: #f9bb5f !important; text-indent: 6em; color: #333333; float: left; } .level_3 img { float: right; height: auto; margin: 0 1% 0 0; padding: 0; vertical-align: text-top; width: 25%; } .intertekst_list a:hover { background-color: #ed5754; } #intertekst_d-books { display: inline-block; float: right; margin: 0 9.375% 0 0; width: 12%; } .d-bok img { height: auto; margin: 0 0 1em; width: 100%; } .intertekst_dropdown, .intertekst_dropdown_2 { display: none; } .oppgave { margin: 30px 0 30px 9.80392%; width: 80%; } .oppgave img { height: auto; width: 100%; } /********** Breadcrumbs **********/ .navigasjon { width: 100%; display: block; } #element_nav { font-size: 1.2em; list-style: none outside none; margin: 2em 0 1em; overflow: hidden; padding: 0; background-color: #c84440; } #element_nav .icon { display: none; } #element_nav ul.horizontal { margin: 0 0 0 9.375%; } #element_nav li { float: left; } #element_nav a, #element_nav a:link, #element_nav .object { border: 0 none !important; color: #ffffff !important; text-decoration: none; padding: 5px 0 5px 45px; position: relative; display: block; float: left; } #element_nav .object { padding: 0; height: 26px; position: relative; left: auto; top: auto; width: auto; } #element_nav .object a { background-image: none; height: auto; text-indent: 0; width: auto; } #element_nav li a:before { border-bottom: 3.4em solid rgba(0, 0, 0, 0); border-left: 1.95em solid #FFFFFF; border-top: 3.85em solid rgba(0, 0, 0, 0); content: " "; display: block; height: 0; left: 100%; margin-left: 0.3em; margin-top: -3.85em; position: absolute; top: 50%; width: 0; z-index: 1; } #element_nav li a:after { border-bottom: 3.4em solid rgba(0, 0, 0, 0); border-radius: 5px; border-top: 3.85em solid rgba(0, 0, 0, 0); content: " "; display: block; height: 0; left: 100%; margin-top: -3.85em; position: absolute; top: 50%; width: 0; z-index: 2; } #element_nav li a:after { border-left: 1.95em solid #c84440; } ul.horizontal { margin: 0; } #element_nav a:hover { color: #f9bb5f; background-color: transparent; } #element_nav li:first-child a { padding-left: 15px; } #element_nav li:first-child a:hover { padding-left: 15px; } /********** sorter **********/ .intertekst-sorter { /* float: left;*/ margin: 0 0 0 9.375%; width: 60.2%; } .intertekst-sorter form, .intertekst-sorter form div.media, .intertekst-sorter form div.levels, .intertekst-sorter form div.sorting-parameter, .intertekst-sorter form div.keywords-array { /* display: inline-block; float: left;*/ display:inline-block; vertical-align:top; } #index-view-form { float: left; /* margin: 0 0 0 0.3%;*/ margin:0; width: 100%; } .media, .levels { margin: 0 1em 0 2px; } .intertekst-sorter ul.ul-container li { list-style: none; /*font-weight : bold;*/ color: #FFFFFF; } .intertekst-sorter ul.ul-container { padding: 0 !important; margin: 0 !important; } .intertekst-sorter li.li-container { cursor: pointer; } .intertekst-sorter .li-container div.label { padding: 10px; margin: 0.5em 0; background-color: #FF6600; transition:0.5s all ease; -webkit-transition:0.5s all ease; -moz-transition:0.5s all ease; text-indent:10px; } .intertekst-sorter div.exercise { padding: 1em 2%; margin: 0.5em 0; } .intertekst-sorter div.exercise .exercise-container .info-container, .intertekst-sorter div.exercise .exercise-container .thumbnail-container { display: inline-block; } .intertekst-sorter div.exercise .exercise-container .info-container { width: 88%; vertical-align: middle; position:relative; z-index:0; } .intertekst-sorter div.exercise .exercise-container .thumbnail-container { width: 8%; text-align: center; margin-left : 10px; } .intertekst-sorter div.exercise .exercise-container .thumbnail-container img { width: 100%; max-width: 350px; vertical-align: middle; } .intertekst-sorter div.exercise .exercise-container .info-container .ex-keywords { font-weight: bold; font-style: italic; } .intertekst-sorter div.exercise .exercise-container .info-container .ex-keywords span { display: inline-block; margin-right: 5px; } .intertekst-sorter div.exercise div.label-level-container, .intertekst-sorter div.exercise div.about-ex-div, .intertekst-sorter div.exercise div.ex-desc, .intertekst-sorter div.exercise div.ex-keywords { margin: 10px 0; } .intertekst-sorter div.exercise div.label-level-container dib.label { display : inline-block; } .intertekst-sorter div.exercise div.label-level-container div.levels-indicator { display : inline-block; float : right; } .intertekst-sorter div.exercise div.label-level-container div.levels-indicator span.level{ display : inline-block; width : 10px; height : 10px; border-radius : 5px ; background : #FFFFFF; margin-right : 4px; } .intertekst-sorter div.exercise div.about-ex-div { font-weight: bold; } .intertekst-sorter .li-container > ul { display: none; } .intertekst-sorter .label { line-height: 20px; font-size: 18px; position:relative; /*z-index:-2;*/ } .intertekst-sorter div.exercise a { color: #000000; display: block; } .intertekst-sorter .li-container.li-level-1 div.label { background-color: #C84440; } .intertekst-sorter .li-container.li-level-2 div.label { background-color: #F48131; } .intertekst-sorter .li-container.li-level-3 div.label { background-color: #F49C32; } .intertekst-sorter div.exercise { background-color: #FABA60; } .intertekst-sorter dd { margin-left: 40px; } .intertekst-sorter .wrapper-dropdown { /* Size and position */ position: relative; /* Enable absolute positioning for children and pseudo elements */ width: 300%; padding: 10px; margin: 0 auto; border: 1px solid #a41e24; /* Styles */ background: #ffffff; color: #000000; outline: none; cursor: pointer; /* Font settings */ font-weight: bold; /* background offset */ background-image: linear-gradient(left, transparent 87%, #c84440 80%, #c84440 100%); background-image: -webkit-linear-gradient(left, transparent 80%, #c84440 80%, #c84440 100%); background-image: -moz-linear-gradient(left, transparent 87%, #c84440 80%, #c84440 100%); background-image: -ms-linear-gradient(left, transparent 87%, #c84440 80%, #c84440 100%); background-image: -o-linear-gradient(left, transparent 87%, #c84440 80%, #c84440 100%); } .intertekst-sorter .wrapper-dropdown:after { content: ""; width: 0; height: 0; position: absolute; right: 16px; top: 50%; margin-top: -6px; border-width: 6px 0 6px 6px; border-style: solid; border-color: transparent #640a0e; } .intertekst-sorter .wrapper-dropdown ul { /* Size & position */ position: absolute; top: 100%; left: 0; /* Size */ right: 0; /* Size */ /* Styles */ background: #fff; font-weight: normal; /* Overwrites previous font-weight: bold; */ /* Hiding */ opacity: 0; pointer-events: none; background-color: #FABA60; padding: 5px; margin: 0 0 0 -2px; width: 97%; -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3); box-shadow:5px 5px 5px rgba(0,0,0,0.3); } .intertekst-sorter .wrapper-dropdown.active ul { opacity: 1; pointer-events: auto; z-index: 1; } .intertekst-sorter .wrapper-dropdown.active:after { border-color: #000000 transparent; border-width: 6px 6px 0 6px ; margin-top: -3px; } .intertekst-sorter .wrapper-dropdown.active { background: none; border: none; border: 2px solid #a41e24; } .intertekst-sorter li.li-dropdown { list-style: outside none none; margin: 0; padding: 5px; } .intertekst-sorter li.li-dropdown div.text { background-color: #ffffff; height: 2em; overflow: hidden; padding: 0.1em 0 0.1em 1em; white-space: nowrap; } .index-view-header-wrapper { display: block; position: relative; width: 100%; overflow: hidden; } .keyword-view-header-form { min-width: 45%; min-height:100px; } #index-view-form-keywords { width: auto; } .intertekst-sorter div.keyword-view-header-form, .intertekst-sorter div.index-view-header-form { display: inline-block; } .intertekst-sorter div.keyword-view-header-form, .intertekst-sorter div.index-view-header-form, { float: left; } .index-view-header-buttons { width:45%; float:right; } .change-sort { float: right; margin: 0 0 0 5px; position: relative; z-index: 1000; } .intertekst-sorter .button { background-color: #c84440; border: 1px solid #a11d21; color: #ffffff; cursor: pointer; font-size: 1em; font-weight:bold; /*height: 2.22em;*/ line-height:40px; padding: 0 1em; } .intertekst-sorter .disabled-div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.4; /*filter: alpha(opacity = 50);*/ } .sorted-results-container { position: relative; } /********** Checkboxes & dropdown **********/ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; } [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { cursor: pointer; display: block; line-height: 2em; margin: 0 0 -1.3em; padding-left: 2.1em; position: relative; } /* checkbox aspect */ [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { background: none repeat scroll 0 0 #f8f8f8; border: 1px solid #aaa; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset; content: ""; height: 1.3em; left: -0.1em; position: absolute; top: 0.3em; width: 1.3em; } /* checked mark aspect */ [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { color: #09ad7e; content: "✔"; font-size: 1.2em; left: 0.2em; position: absolute; top: 0; transition: all 0.2s ease 0s; } /* checked mark aspect changes */ [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled:checked + label:after { color: #999; } [type="checkbox"]:disabled + label { color: #aaa; } /* accessibility */ [type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before { border: 1px dotted #c84440; } .index-view-header-form { width: 55%; } .sorting-parameter { background: url("/data/cfbe26bf-e572-4f4c-a926-e7dd478575b3") no-repeat scroll right center / auto 100% #fff; border: 1px solid #a11d21; height: 2.5em; overflow: hidden; position: relative; width: 50%; } .sorting-parameter select { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0; font-size: 1.2em; height: 100%; line-height: 1; padding: 5px; width: 120%; -webkit-appearance: none; -moz-appearance: none; } .sorting-parameter select::-ms-expand { display: none; } .sorting-parameter option { margin: 0 0 0 -2px; padding: 2px 0 2px 10px; position: relative; width: 230px; } .sorting-parameter option:hover { background-color: #c84440; } /* WOJTEK ADDITIONS !! */ h1, h2, h3, h4 { margin:0; padding:0; } #element_menu ul ul ul ul li #ul_564df52d-7371-48a2-9def-a80cccc620f4 { display:block; } /********** Video **********/ .video_wrapper { margin: 2em auto; position: relative; width: 900px; } .mejs-container { background: none repeat scroll 0 0 #000; font-family: Helvetica,Arial; position: relative; text-align: left; text-indent: 0; vertical-align: top; overflow:hidden; border-radius:0px 10px 10px 0px; } #video_box { background-color: rgba(0, 0, 0, 0.5); border-radius: 0 0 10px; bottom: 0; height: auto; margin: 0 auto; position: absolute; width: 100%; z-index: 2; } .video_inner_box { border-top: 2px dotted #f49d1c; display: inline-block; height: auto; margin: 15px 0; text-align: center; width: 94%; } #box_right h4 { text-align:left; color: #f9f9f9; font-family: 'eurostileregular'; font-size: 2em; padding:5px; } .mejs-overlay{ z-index:3; } .mejs-overlay-button { opacity:0.6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .mejs-overlay:hover .mejs-overlay-button { background-position:0px 0px; opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .mejs-container .mejs-controls { background: transparent no-repeat scroll 0 0 ; bottom: 19px; height: 30px; list-style-type: none; margin: 0; max-width: 600px; padding: 0; position: absolute; left:auto; right:30px; z-index: 2; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: linear-gradient(rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); width: 0; } span.mejs-time-float, span.mejs-time-float-current, span.mejs-time-float-corner { display: none !important; } span.mejs-time-total span.mejs-time-slider { width: auto !important; } span.mejs-time-handle { width: auto !important; } .mejs-controls .mejs-playpause-button button , .mejs-overlay-loading{ display:none; } .mejs-controls .mejs-fullscreen-button button { position: absolute; right: 0; top: 0; } ***************************************** .main { width:80%; height:auto; margin:20px auto; padding:5px; position:relative; } .main .interteskt_siblings{ width:25%; display:inline-block; margin:0; padding:0; height:auto; border-right:1px dotted #333; vertical-align:top; } .link_box { width:70%; display:inline-block; height:auto; margin:0.5em 10px; } .link_box .inline{ width:100%; height:auto; border-right:none; font-family: 'eurostileregular'; font-size:1.5em; color:#333; white-space:initial; } ul.interteskt_siblings li:first-child{ display:none; } .interteskt_siblings li{ list-style-type:none; margin:10px 5px; position:relative; } .interteskt_siblings li a{ color:#333; font-size:1.5em; text-align:left; font-family: 'eurostileregular'; white-space:initial; } .interteskt_siblings li a:before{ content:"\2192"; color: blue; left:-45px; top:-7px; font-size:1.5em; font-weight:bold; position:absolute; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .interteskt_siblings li a:hover:before{ left:-40px; color:green; } .interteskt_siblings li a:hover{ border-bottom:2px dotted #333; } .active{ border-bottom:2px dotted #333;} .interteskt_siblings li .wt.active:before{ left:-40px; color:green; } .framework #wrapper_object_content ul li{ list-style-type:none; } .box_test { background-color:#d4b2c0; color: #333333; font-family: 'eurostileregular'; font-size: 1em; height: auto; left: 100%; margin-left: -150px; margin-top: 50px; padding: 30px 10px; position: relative; text-align: left; width: 130px; font-style:italic; white-space:initial; } #element_comments{ display:none; } .box_test:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-right-color: #d4b2c0; border-width: 15px; margin-top: -35px; } .intertekst_options { float: right; height: auto; margin-right: 13%; margin-top: 4.8em; width: 13%; } .intertekst_options_image { height: auto; width: 100%; } .intertekst_button { width:100%; height:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; position:relative; margin:0px auto 0.5em auto; } #dbok, #teacher_stuff, #grammar_stuff, #homeVG1{ background-image:url('/data/b5e4e3a2-f15c-469d-aac2-9f877a532ff8'); background-size:cover; backround-position:center; height:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #dbokVG2, #teacher_stuffVG2, #grammar_stuffVG2, #homeVG2{ background-image:url('/data/f7041fbd-0bff-41bd-a3fe-7422c92ce9e3'); background-size:cover; backround-position:center; height:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #dbokVG3, #teacher_stuffVG3, #grammar_stuffVG3, #homeVG3, #pupilspagesVG3, #contactVG3 { background-image:url('/data/942d76b5-6da5-419d-b414-ead48232423b'); background-size:cover; backround-position:center; height:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #drillpro{ background-image:url('/data/68b7f1d1-9fe7-4bf5-8721-364a8872f7af'); background-size:cover; backround-position:center; height:100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .intertekst_small { font-size: 0.7em; } .intertekst_button a { color:#fff; font-size:1.35em; border:0 medium; padding:10px 0px; display:block; text-align:center; position:relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; text-indent:0px; } #homeVG1 a , #homeVG2 a , #homeVG3 a {padding:5px 0px;} #homeVG1:hover a , #homeVG2:hover a , #homeVG3:hover a {padding:10px 0px;} .intertekst_button img{ /*position:absolute;*/ width:35px; /*left:50%; top:0px; margin:0px 0px 0px -15px; opacity:0;*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .intertekst_button:hover img{ width:40px; } .icon{width:100%;height:100%;position:relative;} #dbok:hover , #teacher_stuff:hover , #dbokVG2:hover , #teacherVG2_stuff:hover, #drillpro:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } #teacher_stuff:hover a, #dbok:hover a, #teacher_stuffVG2:hover a, #dbokVG2:hover a, #teacher_stuffVG3:hover a, #dbokVG3:hover a, #pupilspagesVG3:hover a, #contactVG3:hover a { font-size: 1.5em; padding:20px 0px 20px 0px; } #grammar_stuff a, #grammar_stuffVG2 a, #grammar_stuffVG3 a { font-size: 1.4em; text-align: center; transition: all 0.5s ease 0s; width: 100%; padding:10px 0px } #grammar_stuff a:hover, #grammar_stuffVG2 a:hover, #grammar_stuffVG3 a:hover, #drillpro:hover a{ padding: 20px 0 20px 0px; } .intertekst_book-covers, .intertekst_book-covers2 { float: right; margin-right: 15%; margin-top: -8.3em; width: 12%; } .intertekst_book-covers2 { margin-top: -23.6em; } .page-intertekst page-intertekst_vg2.inline_introduction img { width:100%; height:auto; } .interteskt_siblings li a { color: #333; font-family: 'eurostileregular'; font-size: 15px; text-align: left; white-space:initial; } /******** LINKS FOR EXERCISE ! ************/ .link_exc{ display:block; width:auto; margin:0; transition:0.3s all ease; } .link_exc img{ margin-right:10px; opacity:0.8; vertical-align:text-bottom; transition:0.3s all ease; } .link_exc a , .inline_open_link a , .link_exc p{ font-size:1em; color:#888; transition:0.3s all ease; text-transform:uppercase; } .link_exc:hover img{ opacity:1; } .link_exc:hover a , .inline_open_link a:hover , , .link_exc:hover p{ color:#333; } /********** VG 1 **********/ .page-intertekst_vg1 .intertekst-sorter .li-container.li-level-1 div.label { background-color: #41569c; } .page-intertekst_vg1 .sorting-parameter { background: url("/data/ce3b6337-98f2-49b5-9d1c-ce0869a25f52") no-repeat scroll right center / auto 100% #fff; border: 1px solid #1b2f73; } .page-intertekst_vg1 .intertekst-sorter .wrapper-dropdown { background: -moz-linear-gradient(left center , transparent 87%, #41569c 80%, #41569c 100%) repeat scroll 0 0 #ffffff; border: 1px solid #1b2f73; } .page-intertekst_vg1 .intertekst-sorter .wrapper-dropdown:after { border-color: transparent #1b2f73; } .page-intertekst_vg1 .intertekst-sorter .button { background-color: #41569c; border: 1px solid #1b2f73; } .page-intertekst_vg1 .intertekst-sorter .li-container.li-level-2 div.label { background-color: rgba(65, 86, 156, 0.7); } .page-intertekst_vg1 .intertekst-sorter .exercise { background-color: rgba(65, 86, 156, 0.4); } /********** VG 3 **********/ .page-intertekst_vg3 .intertekst-sorter .li-container.li-level-1 div.label { background-color: #008541; } .page-intertekst_vg3 .sorting-parameter { background: url("/data/4a315d53-6911-4d2b-a3dc-9ebb627947ac") no-repeat scroll right center / auto 100% #fff; border: 1px solid #014e26; } .page-intertekst_vg3 .intertekst-sorter .wrapper-dropdown { background: -moz-linear-gradient(left center , transparent 87%, #008541 80%, #008541 100%) repeat scroll 0 0 #ffffff; border: 1px solid #014e26; } .page-intertekst_vg3 .intertekst-sorter .wrapper-dropdown:after { border-color: transparent #014e26; } .page-intertekst_vg3 .intertekst-sorter .button { background-color: #008541; border: 1px solid #014e26; } .page-intertekst_vg3 .intertekst-sorter .li-container.li-level-2 div.label { background-color: #9ad4b6; color: #000000; } .page-intertekst_vg3 .intertekst-sorter .li-container div.label:hover { background-color: #005a2c; } .page-intertekst_vg3 .intertekst-sorter .li-container.li-level-2 div.label:hover { background-color: #005a2c; color: #FFFFFF; } .page-intertekst_vg3 .intertekst-sorter .exercise { background-color: #d4eee1; } /***************************** NEW -SHOW _INDEX ~TECHERS STUFF***********/ .page-show_index .intertekst-sorter .li-container.li-level-1 div.label { background-color: #ac702a; } .page-show_index .sorting-parameter { background: url("/data/6e641abb-a48f-4c1a-961e-ecad5d8537cf") no-repeat scroll right center / auto 100% #fff; border: 1px solid #8f5d22; } .page-show_index .intertekst-sorter .wrapper-dropdown { background: -moz-linear-gradient(left center , transparent 87%, #41569c 80%, #41569c 100%) repeat scroll 0 0 #ffffff; border: 1px solid #8f5d22; } .page-show_index .intertekst-sorter .wrapper-dropdown:after { border-color: transparent #2aaecd; } .page-show_index .intertekst-sorter .button { background-color: #bb792b; border: 1px solid #8f5d22; } .page-show_index .intertekst-sorter .li-container.li-level-2 div.label { background-color: #d4954b; } /********** Lærerressurs og grammatikk **********/ .child-layout-intertekst-list, .child-layout-intertekst-list_2, .child-layout-intertekst-list_3, .child-layout-intertekst-list_4 { background-color: #cccccc; height: 3.2em; line-height: 3.2em; margin: 0.5em 0 0 9.375%; padding: 0; text-indent: 2em; width: 60.2%; } .index-view li.li-container div{ font-size:1.35em; color:#fff; background-color: rgba(29, 46, 71, 0.75); margin: 0.5em 0 0 0; line-height:40px; text-indent:10px; transition:0.4s all ease; -webkit-transition:0.4s all ease; -moz-transition:0.4s all ease; } .index-view li.li-container div:hover{ background-color:#152234; } /*.index-view li.li-container div:before { content: url("/data/628698c0-ec42-4812-bfad-eecf01c211f9"); float: left; left: -10px; opacity: 0; position: relative; top: 1px; transition: all 0.4s ease 0s; } .index-view li.li-container div:hover:before { opacity: 1; }*/ .page-intertekst_grammar .index-view li.li-container div{ background-color:rgba(116, 90, 125, 1); } .index-view li.li-level-2 div{ background-color:rgba(29, 46, 71, 0.45); } .index-view li.li-level-3 div{ background-color:rgba(29, 46, 71, 0.15); } .index-view li.li-level-3 div a{ color:#333; display:block; } .index-view li.li-level-3 div:hover a{ color:#fff; } .page-intertekst_grammar .index-view li.li-container div{ background-color:rgba(116, 90, 125, 1); } .page-intertekst_grammar .index-view li.li-level-2 div{ background-color:rgba(116, 90, 125, 0.85); } .page-intertekst_grammar .index-view li.li-level-3 div{ background-color:rgba(116, 90, 125, 0.55); } .page-intertekst_grammar .index-view li.li-container div:hover{ background-color:#593964; } .page-intertekst_grammar .introduction img{ padding:0px 0px; width:auto; height:auto; } .page-intertekst_grammar .intertekst_button a{ padding:29px 0px; font-size:1.85em;} .page-intertekst_grammar #drillpro{ background-position:top; background-size:160% auto; } .page-intertekst_grammar #drillpro:hover{ background-position:center; background-size:100% auto; } .page-intertekst_grammar #drillpro:hover a{ padding:29px 0px; } .index-view a{ color:#fff; display:block; } .tree{ margin-left:9.375%; width:60%; } /* ul.container-1 li.li-level-1:last-child{ display:none; } */ .child-layout-intertekst-list a, .child-layout-intertekst-list_2 a, .child-layout-intertekst-list_3 a, .child-layout-intertekst-list_4 a { width: 100%; height: 100%; display: block; font-size: 1.2em; color: #FFFFFF; } .page-intertekst_laerer li.object, .page-intertekst_grammar li.object { background-color: #faba60; border: 1px solid #f48131; display: block; height: 3.2em; line-height: 3.2em; margin: 0.5em 0 0 9.375%; text-indent: 2em; width: 76.25%; } .page-intertekst_laerer li.object:hover, .page-intertekst_grammar li.object:hover { background-color: #f48131; } .page-intertekst_laerer li.object a, .page-intertekst_grammar li.object a { color: #333333; width: 100%; height: 100%; display: block; font-size: 1.2em; } .page-intertekst_laerer .child-layout-intertekst-list { background-color: #8e8e8e; border: 1px solid #666666; } .page-intertekst_laerer .child-layout-intertekst-list:hover { background-color: #acacac; } .page-intertekst_laerer .child-layout-intertekst-list_2 { background-color: #acacac; border: 1px solid #8e8e8e; } .page-intertekst_laerer .child-layout-intertekst-list_2:hover { background-color: #cccccc; } .page-intertekst_laerer .child-layout-intertekst-list_3, .page-intertekst_laerer .child-layout-intertekst-list_4 { background-color: #cccccc; border: 1px solid #acacac; } .page-intertekst_laerer .child-layout-intertekst-list_3:hover, .page-intertekst_laerer .child-layout-intertekst-list_4:hover { background-color: #e4e4e4; } .page-intertekst_grammar .child-layout-intertekst-list { background-color: #745a7d; border: 1px solid #573861; } .page-intertekst_grammar .child-layout-intertekst-list:hover { background-color: #94759f; } .page-intertekst_grammar .child-layout-intertekst-list_2 { background-color: #94759f; border: 1px solid #573861; } .page-intertekst_grammar .child-layout-intertekst-list_2:hover { background-color: #af93b9; } /****** menus :hover thing ******/ .page-intertekst_vg2 .intertekst-sorter .li-container div.label:hover{ background-color:#A31E24; } .page-intertekst_vg1 .intertekst-sorter .li-container div.label:hover{ background-color:#1C2F72; } /*.intertekst-sorter .li-container div.label:hover:before { opacity: 1; } .intertekst-sorter .li-container div.label:before { content: url("/data/628698c0-ec42-4812-bfad-eecf01c211f9"); float: left; left: -5px; opacity: 0; position: relative; top: 1px; transition: all 0.4s ease 0s; }*/ /**** EXTRAS ****/ #li-1-i-0-level-1 .ex-desc , #li-2-i-1-level-1 .ex-desc , #li-3-i-2-level-1 .ex-desc , #li-4-i-3-level-1 .ex-desc , #li-5-i-4-level-1 .ex-desc , #li-6-i-5-level-1 .ex-desc { display: none; } .about-ex-div{ display:none; } /******* ADDITIONAL IMPROVEMNTS : 01.2015*********************/ .page-intertekst #wrapper_object_content li, .page-intertekst #wrapper_object_content p, .page-intertekst #wrapper_object_content span { width:45em; white-space:initial; text-overflow:elipsis; } .page-intertekst #wrapper_object_content table li, .page-intertekst #wrapper_object_content table p, .page-intertekst #wrapper_object_content table span { width:auto; } .page-intertekst_vg1 #wrapper_object_content ul li, .page-intertekst_vg2 #wrapper_object_content ul li, .page-intertekst_vg3 #wrapper_object_content ul li, .page-show_index #wrapper_object_content ul li, .page-intertekst-list #wrapper_object_content ul li { list-style-type:square; } .page-intertekst #wrapper_object_content span { display:block; } .page-intertekst #wrapper_object_content table span { display:inline; } .page-intertekst #wrapper_object_content .effect-chico span { display:inline; } /** PDFs***/ .pdf_file { width:auto !important; } .page-show_index #wrapper_object_content iframe.inline { left: 50%; margin-left: -40%; position: relative; width: 80%; } .framework #wrapper_object_content .pdf_file iframe.inline{ width:100%; left: 0%; margin-left: 0%; } .quiz li { position:relative; padding: 0px 20px; text-indent:-20px; } .quiz li input{ width:20px; } div.quiz input[type="radio"] { margin: 0; } .sorted-results-container .link_exc{ display:none; } .matchbox { margin: 0; } #element_adjacent_objects svg{ width:100%;} .index-view-header-buttons:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .index-view-header-buttons { display: inline-block; } /* DOWLOAD LIST ! */ .intertekst_download { border: 3px solid ; border-radius: 10px; display: block; height: auto; margin: 100px 0px 50px; width: 70%; box-sizing:unset; padding:50px 0px 40px 0px; } .icon_svg { display: block; height: 50px; margin: 0 auto; width: 50px; } .icon_svg svg { height: 100%; width: 100%; } .icon_stroke { background-color: #fff; border: 3px solid ; border-radius: 50%; height: 50px; margin: -95px auto 0; padding: 15px; width: 50px; } .intertekst_download > h3 { display: block; font-size: 1.2em; margin: 20px auto; text-align: center; width: 80%; } .intertekst_download_item { margin: 20px auto; text-align: center; width: 80%; } .intertekst_download_item a { color: rgba(231, 78, 27, 0.75); font-size: 1.5em; font-weight: bold; } .intertekst_download_item a:hover{ color: rgba(231, 78, 27, 1); } .vg_1{ border-color:#41569C; } .vg_2{ border-color:#C84440; } .intertekst_textwrapper{ display:none; } /* further improvments - 01.2015 - text stlying */ #pf_quiz ol li { font-weight: bold; } #pf_quiz ol li ul li { font-weight: normal; } @media screen and (min-width: 1000px) and (max-width: 1279px) { .oppgave { margin: 30px 0 30px 5%; width: 90%; } } @media screen and (min-width: 768px) and (max-width: 1025px) { .mejs-container .mejs-controls { background: none no-repeat scroll 0 0 transparent; bottom: 19px; height: 30px; left: auto; list-style-type: none; margin: 0; max-width: 430px; padding: 0; position: absolute; right: 30px; z-index: 2; } .intertekst_options { float: right; height: auto; margin-right: 13%; margin-top: 110px; width: 14%; } .intertekst_button { height: 100%; margin: 0 auto 0.5em; position: relative; transition: all 0.5s ease 0s; width: 100%; } .intertekst_button a { color: #fff; display: block; font-size: 18px; padding: 10px 0; position: relative; text-align: center; text-indent: 0; transition: all 0.5s ease 0s; } .media, .levels { margin: 0 2em 1em 2px; } .change-sort { display: inline-block; float: right; margin: 0 0 12px 15px; } .intertekst_button img { transition: all 0.5s ease 0s; width: 26px; } } .header_img svg, x:-moz-any-link{ height:100%; } @media screen and (-webkit-min-device-pixel-ratio:0) { .header_img svg{ height:100%; } }