/********************************************* * * framework * */ .framework body { border:0; margin:0; padding:0; min-height:100%; } html.framework { height:auto; background-color:#000; } .framework #wrapper_object_content table, .framework #wrapper_object_content td, .framework #wrapper_object_content th { border: 0 none; } #fbf_logo { background-image: url('/data/a23a6338-a68c-46ff-ad52-b8e24f08b143'); width: 180px; height: 108px; float: left; clear: none; } #kfn_logo_big { width: 700px; background-image: url('/data/485faabb-1d48-41fc-92f1-a8fa6d72b57d'); background-repeat: no-repeat; height: 70px; position:absolute; top: 230px; left: 150px; } .lesson_folder { padding-top: 20px; padding-bottom: 20px; } .framework #wrapper_page { width:900px; } #frame { width:900px; position:relative; background-image:url('/data/b581f6de-40ac-4d8e-ac28-b8533b7faf8e'); background-repeat:no-repeat; background-color: #679ecc; background-position: 0px 20px; } #element_nav { margin-left: 610px; height: 35px; margin-top: 30px; max-width: 300px; } #element_nav > a { color:#fff; margin-left:4px; float:left !important; } #topline { height:35px; background-color:#ed1b24; } #topline > *:first-child { margin-left: 30px; } #heading { height:77px; background-image:url('/data/a615faea-1757-4aa0-afd1-fa6c23e199e8'); background-repeat:no-repeat; top: 45px; position: absolute; width: 450px; left: 180px; } #main { width: 100%; position: relative; text-align:center; min-height:387px; height:auto !important; // min-height issue in ie6 taken care of } .category_div { display:inline; } #document_title { display: none; } #folder_name { margin-top: 5px; float: left; } IFRAME { width:100%; height:32em; visibility: visible; } a:hover { background-color:transparent !important; border-color:transparent !important; } #page_orientation { visibility:hidden; position:absolute; z-index:9; top: 9px; left: 635px; } #page_orientation * { float:left; } #element_nav .folder_name { /*display: inline; position: absolute; margin-top: 5px; font-size: 15px; font-weight: bold;*/ float: left; } #content_actions,.hovedfelt > a,.hovedfelt > div > h1,#element_comments, .framework #wrapper_object_content p { display:none; } .udir { color: #ffffff; display: block; float: right; font-size: 11px; margin: 5px 0 0; } .bottom_info_link { color: #ffffff; } /*************************************** * * login related * */ #login_page { background-image:url('/data/73db6217-730a-478c-b606-13375b2f1070'); width:900px; height:528px; } #login_field { float:left; position:relative; width:429px; height:202px; margin-top: 40px; left: 180px; padding-top: 20px; background-image:url('/data/302ede09-b6e1-44f9-ac63-d1016fe10b60'); background-repeat:no-repeat; background-position:12px 0 0 0; } .loginbutton { background-color: #fee929; border-radius: 7px; color: #000000; display: block; font-size: 16px; margin: 0 auto; padding: 10px; text-align: center; width: 70%; } .loginbutton:hover { background-color: #cdcee6 !important; color: #000000; } .information-text { display: block; font-size: 16px; color: #ffffff; padding: 10px 20px 0; } .information-text a { color: #fee929; } .information-text a:hover { color: #ffffff; } /*************************************** * * misc * */ #home_img { background-image:url('/data/8fe8f1ee-48e9-4e47-b001-31f194736157'); height:30px; width:30px; display:inline; float:left; position:relative; background-repeat:no-repeat; background-position:0 5px; } #home_img:hover { background-image:url('/data/ae1209fb-56ba-4773-b327-9a65a9e21859'); cursor: pointer; } .info_img { background-image:url('/data/6b7e56e6-ccdb-4a8e-b956-6ca046265761'); height:30px; width:30px; display:inline; float:left; position:relative; background-repeat:no-repeat; background-position:0 5px; } .info_img:hover { background-image:url('/data/2bcc412c-dd02-4ddd-94c9-a258e838a371'); cursor: pointer; } /**************************************** * * navigation buttons * */ #prev_folder_button { display:block; position:relative; z-index:9; margin-top: -7em; margin-left: 2.2em; float: left; min-width: 66px; min-height: 65px; background-image: url('/data/a9e906eb-37aa-422b-a5fb-d81e8793fc53'); } #next_folder_button { display:block; position:relative; z-index:9; margin-top: -7em; margin-right: 2.2em; float: right; min-width: 66px; min-height: 65px; background-image: url('/data/16fa3d86-918b-4e50-8216-3f911fab54a6'); } #prev_page_button { display:block; position:relative; z-index:9; margin-top: -7em; margin-left: 2.2em; float: left; visibility: hidden; min-width: 66px; min-height: 65px; background-image: url('/data/3e9aaa54-0874-4159-b1f2-3e0bc25c3b62'); } #next_page_button { display:block; position:relative; z-index:9; margin-top: -7em; margin-right: 2.2em; float: right; visibility: hidden; min-width: 66px; min-height: 65px; background-image: url('/data/d7b3a4f0-5f72-40cf-a83b-6e139ab28a30'); } #prev_page_button:hover { background-image: url('/data/3e9aaa54-0874-4159-b1f2-3e0bc25c3b62'); background-position: 66px 0px; cursor: pointer; } #next_folder_button:hover { background-image: url('/data/16fa3d86-918b-4e50-8216-3f911fab54a6'); background-position: 65px 0px; cursor: pointer; } #prev_folder_button:hover { background-image: url('/data/a9e906eb-37aa-422b-a5fb-d81e8793fc53'); background-position: 65px 0px; cursor: pointer; } #next_page_button:hover { background-image: url('/data/d7b3a4f0-5f72-40cf-a83b-6e139ab28a30'); background-position: 66px 0px; cursor: pointer; } #info_login { position:absolute; width:270px !important; height:202px !important; margin-top:40px !important; margin-left:115px !important; background-image:url('/data/302ede09-b6e1-44f9-ac63-d1016fe10b60'); background-repeat:no-repeat; } #kfn-logout { position:absolute; top: 3px; right: 3px; width:96px !important; height:30px !important; margin: 0; padding: 0; } #kfn-logout a { display: block; width: 100%; height: 100%; background-image:url('/data/f4dcd0a8-708b-4153-928e-985f64fa135f'); background-repeat:no-repeat; } #kfn-logout a:hover { background-position: -97px 0; } /* White background when not logged in and typing in pin code */ #main #request_register_account, #main #request_forgotten_pw { margin: 3em; padding: 1em; background-color: #ffffff; text-align: left; }