@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { border: 0 none; margin: 0; padding: 0; min-height: 100% } body { font-family: Ariel, Tahoma, Geneva, sans-serif; font-size: 1em; color: #000; margin: 0 0 0.01em; padding: 0; } /* create page layout */ #header { height: 120px; padding-top: 15px; margin: 0 auto; display: block; text-align: center; } #container { margin: 0 auto; width: 65em !important; min-height: 100%; position: relative; padding-top: 0.1em; } #container1 { margin: 0 auto; width: 65em !important; position: relative; padding-top: 0.1em; } #footer { height: 100px; width: 100%; text-align: center; position: inherit; margin-top: 150px; } .hidden{ display:none; } #ui-id-1,#ui-id-2{ display:none; } /* table Styles*/ table { border: #005596 solid 1px; height: 100%; font-size: 0.8em; } th { height: 30px; background-color: #005596; color: #fff; vertical-align: middle; } td { font-size: 1em; height: 25px; padding: 5px 5px 0 5px; vertical-align: top; border: #005596 solid 1px; } .relevancemaroontd { font-size: 1em; height: 25px; padding: 5px 5px 0 5px; vertical-align: top; border: #860038 solid 1px; } .tdleft { padding-left: 30px; vertical-align: middle; } .tall { height: 260px; } .ex_tall { height: 455px; } #title_div { margin: 0 auto; width: 100%; } .smallcell { height: 115px; } .alignmiddle { vertical-align:middle; } .darkbluebk { color: #fff; background-color: #005596; font-size: 1.2em; } .nilborder { padding: none; margin: 0; font-size: 1em; border-spacing: 0; } .nilborderlte { padding: none; margin: 0; font-size: .9em; border-spacing: 0; vertical-align: middle; align-content:center; height: auto; border: none; } /* main page styles */ #menu { width: 20%; border: #55C5ED solid 1px; position: relative; float: left; padding-bottom: 2em; } #ribbon { margin: 0 auto; text-align: center; height: 113px; width: 64.5em; margin-bottom: 10px; background-image: url(../images/ribbon_bg.png); border: #bcbcbc solid; border-top: 0; border-bottom: 0; } .left { float: left; position: relative; width: 143px; text-align: center; } .leftwide { float: left; position: relative; width: 100px; text-align: center; } .leftribbonsm { float: left; position: relative; width: 30px; text-align: center; } .menuleft { float: left; position: relative; width: 250px; text-align: center; } .menuleftsm { float: left; position: relative; width: 110px; text-align: center; } .right { color: #4D4B4B; font-size: .8em; float: right; position: relative; padding: 23px 0 0 0; margin-right: 25px; /* IE8 and below */ *margin-right: 20px; /* IE7 and below */ _margin-right : 20px; /* IE6 */ } a:active, a:visited, a:hover, a:link { text-decoration: none; color:4D4B4B; } #mainmenu, #teachermenu { text-align: center; width: 100%; padding-left: 20px; height: 100%; } #adminmenu { margin: 0 auto; text-align: center; width: 100%; padding-left: 20px; text-align:center; padding-bottom: 50px; } /* floating divs */ #float { flex: 1; /*grow*/ width: 100%; } .floatleft{ float:left; padding: 10px 32px 10px 10px; width: 30%; } .floatleftlg { float:left; width: 75%; } .floatleftsm { float:left; width: 12%; } .floatright{ float:right; padding: 10px; width: 30%; } .floatrightsm{ float:right; width: 12%; } /*Search form*/ #search-form,#compare-search-form{ border:solid 2px silver; padding: 10px; } /* Browse Tree view */ .ui-state-active{ background:#005596; color:#fff !important; } .tree { min-height:20px; margin-bottom:20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05) } .tree li { list-style-type:none; margin:0; padding:10px 5px 0 5px; position:relative } .tree li::before, .tree li::after { content:''; left:-20px; position:absolute; right:auto } .tree li::before { border-left:1px solid #999; bottom:50px; height:100%; top:0; width:1px } .tree li::after { border-top:1px solid #999; height:20px; top:25px; width:25px } .tree li span { -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999; border-radius:5px; display:inline-block; padding:3px 8px; text-decoration:none } .tree li.parent_li>span { cursor:pointer } .tree>ul>li::before, .tree>ul>li::after { border:0 } .tree li:last-child::before { height:30px } .tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span { background:#eee; border:1px solid #94a0b4; color:#000 } /* login screen */ #bluebar { width: 65em; background-color: #005596; height: 2em; color: #fff; font-weight: bold; text-align: center; padding: 5px 0 0 0 } #passwordbox { height: 15em; padding: 20px 10px; border: #005596 double 3px; } #login { text-align: center; margin: 5em 0 0 0; font-weight: bold; } #login input[type="text"], input[type="password"] { width: 15em; height: 2em; border: #ccc inset 2px; } #login .password { margin-left: 30px; } #login input[type="submit"] { width: 8em; height: 2em; border: #000 outset 2px; background-color: #005596; color: #fff; font-weight: bold; margin: 30px 0 0 0; } /* end login screen */ /*Learning Areas Modal*/ #learningAreas table,#learningAreasPage table{width: 100%; margin-top:20px;} #learningAreas input[type="text"] { height:auto; } #learningAreas .list-group-item{ text-align: center; } #learningAreas .custom-select{ width:100%; } /*Content Descriptions Modal*/ #contentDescriptors table,#contentDescriptors table{width: 100%; margin-top:20px;} #contentDescriptors input[type="text"] { height:auto; } #contentDescriptors .list-group-item{ text-align: center; } #contentDescriptors .custom-select{ width:100%; } /* modal styling */ .ui-widget.ui-widget-content{ z-index: 9999; } .modal-xl { max-width: 95%; } .modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(108,134,154,0.8); z-index: 10; opacity: 0; display: none; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity: 1; pointer-events: auto; display: block; } .modalDialog > div { width: 600px; height: 500px; position: relative; margin: 10% auto; padding: 5px 20px 13px 20px; border-radius: 2px; overflow-y: scroll; overflow-x: hidden; background: #fff; background: -moz-linear-gradient(#fff, #dcdcdc); background: -webkit-linear-gradient(#fff, #dcdcdc); background-color: #ffff; } /* end Modal styling */ /*Form styling */ input, select, textarea { margin: 0; padding: 0; outline: none; font-family: inherit; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 0; } .textarea_con { width: 100%; /* height: 100%; */ line-height:16px !important; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } textarea_docinfo { width: 100%; height: 100% !important; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } input[type="text"] { width: 100%; /* height: 100%; */ position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #editor .selectboxit-container .selectboxit.longtext, .selectboxit-container .longtext .selectboxit-options { width: 34em !important; border-radius:0; max-height:240px; } #editor .selectboxit-options .selectboxit-option .selectboxit-option-anchor { white-space: normal; min-height: 30px; height: auto; } table .btn{ margin:1px !important; padding:4px !important; } #title { height: 25px; background-color: #005596 !important; color: #fff; font-weight: bold; padding-left: 10px; } #title:focus { background-color: #0091ff !important; } .textarea_lg { border: none; width: 100%; height: 60em; -webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */ -moz-box-sizing: border-box; /* FF1+ */ box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/ } .textarea_sm { border: none; width: 100%; height: 10em; -webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */ -moz-box-sizing: border-box; /* FF1+ */ box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/ } #upbutton { background-color: #DDDDDD; width: 60px; color: #000; height: 25px; border: #807E7E solid 1px; } /* CSS Tree menu styles */ ol.tree { padding: 0 0 0 30px; width: 300px; } li { position: relative; margin-left: -15px; list-style: none; } li.file { margin-left: -1px !important; } li.file a { background: url(../images/document.png) 0 0 no-repeat; padding-left: 21px; text-decoration: none; display: block; } li.file a[href *= '.pdf'] { background: url(../images/document.png) 0 0 no-repeat; } li.file a[href *= '.html'] { background: url(../images/document.png) 0 0 no-repeat; } li.file a[href $= '.css'] { background: url(../images/document.png) 0 0 no-repeat; } li.file a[href $= '.js'] { background: url(../images/document.png) 0 0 no-repeat; } li input { position: absolute; left: 0; margin-left: 0; opacity: 0; z-index: 2; cursor: pointer; height: 1em; width: 1em; top: 0; } li input + ol { background: url(../images/toggle-small-expand.png) 40px 0 no-repeat; margin: -0.938em 0 0 -44px; /* 15px */ height: 1em; } li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; } li label { background: url(../images/department.png) 15px 1px no-repeat; cursor: pointer; display: block; padding-left: 37px; } li input:checked + ol { background: url(../images/toggle-small.png) 40px 5px no-repeat; margin: -1.25em 0 0 -44px; /* 20px */ padding: 1.563em 0 0 80px; height: auto; } li input:checked + ol > li { display: block; margin: 0 0 0.125em; /* 2px */ } li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ } /* New Menu */ .tabs { max-width: 100%; float: none; list-style: none; padding: 0; margin: 75px auto; border-bottom: 4px solid #ccc; padding-bottom: 50px; } .tabs:after { content: ''; display: table; clear: both; } .tabs input[type=radio] { display: none; } .tabs .header-tab { display: block; float: left; width: 33.3333%; color: #ccc; font-size: 30px; font-weight: normal; text-decoration: none; text-align: center; line-height: 2; cursor: pointer; box-shadow: inset 0 4px #ccc; border-bottom: 4px solid #ccc; -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */ transition: all 0.5s; } .tabs label span { display: none; } .tabs label i { padding: 5px; margin-right: 0; } #container label.header-tab :hover { color: #860037; } .search-results-loading{ text-align: center; } /* #compare-search-form .selectboxit-container .selectboxit{ height:38px !important; } #compare-search-form .selectboxit-container .selectboxit .selectboxit-text{ line-height: 38px !important; font-size: 16px; } #compare-search-form .selectboxit-container .dropdown-menu li:hover{ background-color: #005596; color: #fff; } */ .tab-content { display: none; width: 100%; float: left; /*padding: 15px;*/ box-sizing: border-box; background-color: #ffffff; } .tab-content { -webkit-animation: scale 0.7s ease-in-out; -moz-animation: scale 0.7s ease-in-out; animation: scale 0.7s ease-in-out; } @keyframes scale { 0% { transform: scale(0.9); opacity: 0; } 50% { transform: scale(1.01); opacity: 0.5; } 100% { transform: scale(1); opacity: 1; } } .tabs [id^="tab"]:checked + label { background: #FFF; box-shadow: inset 0 4px #3498db; border-bottom: 4px solid #3498db; color: #3498db; } #tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3 { display: block; } #tab1:checked ~ #tab-content1 { padding: 0 10px 0 10px; } #tab1:checked ~ #tab-content1 h1, #tab1:checked ~ #tab-content1 h2 { color: #880037; } h1,h2,h3{ text-align: center; } #tab1:checked ~ #tab-content1 LI { line-height: 1.5; } @media (min-width: 768px) { .tabs i { margin-right: 10px; } .tabs label span { display: inline-block; } .tabs { margin: 50px auto; } } #dknowledge_ifr, #pknowledge_ifr { height: 200px !important; } /*Editor*/ .mce-btn{ width:30px !important; } .mce-colorbutton{ width:80px !important; } /*Text and fill colours and other bits and pieces */ .darkblue { color: #005596; } .darkbluesmtext { color: #fff; background-color: #005596; font-size: .8em; padding-left: 30px; } .lightblue { background-color: #d7e3e9; font-weight: bold; border: none; } .lightbluectr { background-color: #d7e3e9; font-weight: bold; vertical-align:middle; padding: 0px 0px 0px 5px; border-left-color: #005596; border-bottom-color: #fff; border-right-color: #005596; border-top-color: #d7e3e9; } .textwhite { color: #fff; } .lightgrey { color: #646363; } .relevancemaroon { height: 30px; background-image: linear-gradient(to right, white, #860038 ); color: #fff; vertical-align: middle; } .relevancelightmaroon { background-color: #e9d7de; font-weight: bold; vertical-align:middle; padding: 0px 0px 0px 5px; border-left-color: #005596; border-bottom-color: #fff; border-right-color: #005596; border-top-color: #d7e3e9; } .arblue { height: 30px; background-image: linear-gradient(to right, white, #57b4e5 ); color: #fff; vertical-align: middle; } .arlightblue { background-color: #ccd8df; font-weight: bold; vertical-align:middle; padding: 0px 0px 0px 5px; border-left-color: #005596; border-bottom-color: #fff; border-right-color: #005596; border-top-color: #d7e3e9; } .cleblue { height: 30px; background-image: linear-gradient(to right, white, #005596 ); color: #fff; vertical-align: middle; } .top { vertical-align: top; } .center { text-align: center; } .noborder { border-top: none; border-bottom: none; } p { margin: 0 0 10px; padding: 0 0 10px; } h1 { font-size: 120%; margin: 5px 0 10px; } h2 { font-size: 110%; margin: 10px 0; } h2.maroon { color: #880037; } .boldredcenter { color: #ff0000; text-align: center; font-weight: bold; } .centred { text-align: center; } hr { border: #940122 1.5px solid; } .back-btn{ display: inline-block; text-align: center;} #mli_div,#sc_div{ padding-left: 15px; } #departmentSelectBoxIt{width:175px;} #mli_div li:hover,#sc_div li:hover{ cursor: url("https://www.google.com/intl/en_ALL/mapfiles/openhand.cur"), all-scroll; cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightborder { border: 1px solid #CDC9C9; padding: 5px; overflow-x: auto; margin-top: 5px; /*height: 200px !important; */ } .lightborderpub { border: 1px solid #CDC9C9; padding: 5px; overflow-x: auto; margin: 0px 5px 0px 5px; /*height: 200px !important; */ } h3.menu { color: #4D4D4D; font-size: 18px; } /*#mceu_111 { height: 300px; }*/ #achievementstandard_ifr { height: 450px !important; } .autoinc { font-size: 8pt !important; } .yellow { background-color:#EBF541; }