Systemet vil bli oppdatert tirsdag 28. mai 2024 fra kl. 13 og vil være helt utilgjengelig i opptil 6 timer.
Vi beklager ulempene dette kan forårsake. Se detaljert informasjon etter oppdateringen på blog.portfolio.no.

stylesheet

@import 'page_header';
@import 'menu';
@import 'breadcrumbs';

@import 'homepage';
@import 'landing_page';
@import 'landing_page_accordion';
@import 'laerer';
@import 'signatur_3_tekst';
@import 'filmer';
@import 'dbok';
@import 'timeline-list';

@import 'prettyPhoto';

@import 'overall_styling';





html, body {
	height: 100%;
background: #fcfbfa;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

/*
* {
        box-sizing: border-box;
}
*/

.main:not(.view_homepage) {
	min-height: calc(100% - 395px);
}
.main:not(.view_homepage) > div {
	max-width: calc(1000px - 10em);
	padding: 1em 5em;
/*	min-height: calc(100% - 544px); */       /*Radek's original value*/
	margin: auto;
        }
#iframe {
	border: none;
}
figure {
	margin: 0;
	padding: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
}

.flash-messages {
	display: none;
}

h2 {
    font-size: 130%;
    margin: 1.25em 0 0.5em;
}

.locked_message,
.locked_dbok {
   display:none;
}

.link_exc {
   display:none;
}

#wrapper_object_content,
#document_title {
max-width: 800px;
padding: 1.5rem 3em 0 3rem;
margin: auto;
}

.system_form table { width: 100%; }
.system_form th { width: 10%; padding:0 1em 0.5em 0; }
.system_form td { padding: 0 1em 0.5em 0; }
.system_form input[type="text"] { width: 98%; }
.system_form select { width: 99%; }
.system_form textarea { width: 99%; }

.quiz_solution {
  border: 0.185em solid #d4d0c8;
  background-color: #fee;
  margin-top: 1em;
  margin-bottom: 1em;
}

.glossary_playback {
margin-right:0.4em;
}

.filter_info {
  background-color: #ececec;
  border-top: 0.125em solid #ccc;
  padding: 0.25em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: right;
}

fieldset.border {
  border: 1px solid #ccc;
  padding: 0.25em;
  margin-bottom: 0.5em;
}
#request_course_result .average-score { margin: 1em auto; }
#request_course_result .average-score .meter { width: 200px; }
#request_course_result a.button { margin-top: .5em; display: inline-block; }
#request_course_result ul { list-style-type: none; }
#request_course_result ul.hover { margin: 0 0 0 1.25em; list-style-type: disc; }
#request_course_result .col-date { text-align: right; }

    .inline_feed a,
    .w3cbutton,
    .quiz_message,
    .quiz_answer,
    .quiz_question,
    #element_top_row,
    #element_usermenu label
    { font-weight: bold; }
        /* Block elements */
    .quiz_submission,
    #element_search,
    .element_actions_toolbar
    { display: block; }

    .element_actions table td,
    .icon,
    .quiz input,
    .quiz label,
    #element_menu .icon,
    #element_usermenu .icon,
    #element_contacts .icon
    { cursor: pointer; }

    .hairline,
    .internal_error,
    .quiz_not_implemented,
    #element_status
    { color: white; }

    .w3c:link,
    .w3c:visited,
    .w3c:hover
    { color: #0c479d; }

    .quiz_message
    { color: #00f; }

     .access_denied,
    .template_error,
    .quiz_not_implemented
    { background-color: red; }


/* Generic errors should use this style */
    .internal_error {
     border: solid medium black;
     padding: 0.2em;
    }

    .quiz_block .quiz_answer_correct {
     margin-top: 0.5em;
     padding-left: 1.5em;
     padding-bottom: 0.1em;
     background-image: url('/get_icon/quiz/answer/correct');
     background-repeat: no-repeat;
     background-position: top left;
     display: block;
    }

    .quiz_block .quiz_answer_wrong {
     margin-top: 0.5em;
     padding-left: 1.5em;
     padding-bottom: 0.1em;
     background-image: url('/get_icon/quiz/answer/wrong');
     background-repeat: no-repeat;
     background-position: top left;
     display: block;
    }

    .quiz_block label {
        display: block;
        padding-left: 20px;
    }
    .quiz_block.quiz_type_radio input[type="radio"] {
        margin-left: -20px;
        margin-right: 7px;
    }
    .quiz_block.quiz_type_check input[type="checkbox"] {
        margin-left: -20px;
        margin-right: 3px;
    }
    .quiz_block.quiz_type_check .quiz_answer_correct,
    .quiz_block.quiz_type_check .quiz_answer_wrong,
    .quiz_block.quiz_type_check .quiz_answer {
        padding-left: 39px;
    }

    .quiz_inline .quiz,
    .quiz_inline .quiz_answer_wrong {
        display: inline-block;
        vertical-align: middle;
    }

    .quiz_inline .quiz_answer_correct {
        color: green;
        font-weight: normal;
    }

    .quiz_inline .quiz_answer_wrong {
        color: red;
        font-weight: normal;
    }

    .quiz_inline .quiz_answer_wrong input, .quiz_inline .quiz_answer_wrong select {
        border: 1px solid red;
    }

    .quiz li,
    .quiz_answer_wrong li {
     list-style-type: none !important;
    }

    .quiz ul,
    .quiz_answer_wrong ul {
     margin: 0;
    }

    .quiz_feedback {
     margin-left: 1em;
     font-style: italic;
    }

    .quiz_feedback_block {
      margin-left: 2em;
      display: block;
      margin-top: 0.25em;
      margin-bottom: 0.5em;
    }

    .quiz input {
      margin-right: 0.13em;
    }

    .quiz_inline label { margin-right: .5em; }

    .quiz_not_implemented { padding: 0.2em; }
    .quiz_submission { padding: 1em; text-align: center; }

    .list_object h2
    { font-size: 1.15em; }

    .notification {
      background-color:red;
      color:white;
    }


.link_exc ~ ol > li {
  padding-bottom: 1em;
}




.main.view_timeline > div {
  max-width: calc(100% - 4em);
}
.main.view_timeline .breadcrumbs,
.main.view_timeline #document_title,
.main.view_timeline .timeline-list {
  margin: auto;
  max-width: 1000px;
}
.main.view_timeline .breadcrumbs {
	margin-top: -2em;
}



a[rel="prettyPhoto"] + ul {
	display: none;
}
#chapterList {
float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
width: calc(100% - 150px);
}
#chapterList > li {
	float: left;
	margin: 0;
	padding: 0;
}
#chapterList > li > a {
	font-size: 0.75em;
	margin: 1px 2px;
	padding: 0.5em;
	color: #000;
	display: inline-block;
	text-decoration: none;
	border-radius: 0.25em;
	background-color: #efd860;
	transition: all 0.2s;
}
#chapterList > li > a:hover {
	color: #fff;
	background-color: #a3222a;
}
#chapterList > li > a > span {
	display: none;
}
div.pp_default .pp_content {
height: auto !important;
overflow: hidden;
}
div.pp_default .pp_close + div {
float: right;
margin-right: 40px;
}
.pp_details {
min-height: 30px;
}




/* video text popup */

.ui-dialog { z-index : 100001 !important;}

.btn {
 -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    background-color: #bd2e57;
    color: #fff;
    white-space: normal;
}

/*
.ui-dialog {
  padding: 5px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
}
.ui-dialog.ui-widget {
  font-size: 14px;
}

.ui-dialog .ui-dialog-titlebar {
  margin-bottom: 4px;
  padding: 0;
}

.ui-dialog .ui-widget-header {
  background: #efd860;
  border: 0;
  border-radius: 2px;
}

.ui-dialog .ui-dialog-title + button {
  background: url('/data/6606518c-c1b9-42c2-8469-2296c9d1d23c') transparent;
  background-size: cover;
  border: 0;
}
.ui-dialog .ui-dialog-title + button,
.ui-dialog .ui-dialog-title + button:active,
.ui-dialog .ui-dialog-title + button:focus,
.ui-dialog .ui-dialog-title + button:target {
  outline: none;
}
.ui-dialog option {
  font-size: 14px;
}
*/
/*
form #language {
  border: 4px solid #bd2e57;
  border-radius: 4px;
}
.ui-dialog .ui-dialog-title + button,
.ui-dialog .ui-dialog-title + button:active,
.ui-dialog .ui-dialog-title + button:focus,
.ui-dialog .ui-dialog-title + button:target,
form #language,
form #language:active,
form #language:focus,
form #language:target {
  outline: none;
}
*/


.ui-dialog.video-text-dailog {
  /**
		*	modals
		*/
	z-index: 100001 !important;
	padding: 0;
	border: 4px solid #598cba;
}

.ui-dialog.video-text-dailog > .ui-dialog-titlebar {
	padding: 4px;
	background: #598cba;
	border-radius: 0;
}

.ui-dialog.video-text-dailog .exercise-text-popup > p {
	margin: 0 0 3px;
}

.ui-dialog.video-text-dailog .exercise-text-popup > h4 {
	margin-bottom: 18px;
}

.ui-dialog.video-text-dailog .options-container {
	text-align: center;
}

.ui-dialog.video-text-dailog .options-container form.options, .ui-dialog.video-text-dailog .options-container .play_options {
	display: inline-block;
}

.ui-dialog.video-text-dailog .options-container .audio {
	display: inline-block;
	width: 35px;
	height: 35px;
	background-image: url("/data/9c0e9fb7-efc2-4509-8c29-b89552ec9581");
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	position: relative;
	top: 13px;
}

.ui-dialog.video-text-dailog .options-container .audio_play {
	background-image: url("/data/0d21056d-5ff4-4570-af81-2e5012eeddd7");
	background-color: #bd2e57;
}

.ui-dialog.video-text-dailog .options-container .audio_pause {
	background-image: url("/data/2f2a7a51-5f97-49f8-bc3f-0f67face5744");
	background-color: #bd2e57;
}

.ui-dialog.video-text-dailog .ui-dialog-title {
	display: none;
}

.ui-dialog.video-text-dailog .ui-widget-header {
	border: none;
    /*background: none;*/;
}

.ui-dialog.video-text-dailog .ui-dialog-titlebar {
	cursor: default;
}

.ui-dialog.video-text-dailog .ui-dialog-titlebar-close {
	background: transparent none repeat scroll 0 0 !important;
	border: medium none;
	height: 30px;
	outline: medium none;
	width: 30px;
	background-image: url("/data/538bac26-39e5-446a-997f-5b0c0d85096f") !important;
	background-color: none !important;
	background-position: center;
	background-size: contain;
	top: 42%;
}

.ui-dialog.video-text-dailog .ui-button-text {
	display: none;
}

.ui-dialog.video-text-dailog .move {
	display: inline-block;
	background-image: url("/data/42d358c8-eca9-4fa5-a2c5-34f3eac88a9c") !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 37px;
	height: 37px;
}
Spinner

Login