#ContentArea,.access{position:absolute;overflow:hidden;top:-500px;}
<!----> <!----><!----><!----><!----><!----><!---->a { font-family: "Arial", "Helvetica", "sans-serif"; }* { font-family: "Arial", "Helvetica", "sans-serif"; }a:link { text-decoration: none; }a:active { }a:visited { text-decoration: none; }a:hover { text-decoration: underline; }.td_justify {text-align: justify;}.date { FONT-WEIGHT: normal; FONT-SIZE: 75%; FONT-STYLE: normal; TEXT-DECORATION: none}.content_title h5 { color:#0e3c6d; font-size:30px; font-weight:bold; margin-bottom:20px; font-family: "Arial", "Helvetica", "sans-serif"; }.content_title{ color:#0e3c6d; font-size:30px; font-weight:bold; margin-bottom:20px; font-family: "Arial", "Helvetica", "sans-serif"; }#headContainer .bottom li p A img.homeimg{ margin: 0; padding: 0; right: auto; position: static;}#headContainer .bottom li.homebtn:hover{ background-repeat:no-repeat; background-position: 50% 95%; background-color:transparent; }.div-block-14 a{ word-break: initial; color: blue; } #bodyContainer #inside a{ word-break: initial; color: blue; }ul{ margin-bottom: 0px;}@media only screen and (min-width:737px){ }
<!--
-->
<!--
-->
//20201028 Jack JR00032124document.onclick = function (e) { e = e || window.event; var element = e.target || e.srcElement; if (element.tagName == 'A' && element.getAttribute("href").includes("iibg_event_detail.jsp")) { window.open(element.getAttribute("href").replace("iibg_event_detail.jsp", "ERS_detail.jsp")); return false; // prevent default action and stop event propagation }else if (element.tagName == 'A' && element.getAttribute("href").includes("_event_detail.jsp")) { window.open(element.getAttribute("href").replace("_event_detail.jsp", "ERS_detail.jsp")); return false; // prevent default action and stop event propagation }}; $(function() { var results = new Array(); var myMap1 = new Map(); var myMap2 = new Map(); var myMap3 = new Map(); var d = new Date(); d.setHours(0, 0, 0, 0); $.getJSON("http://www.ouhk.edu.hk/ouhk/ws/wcm/getEventList?lang=eng&unit=URC", function(data) { $.each(data, function(i, bwf) { var s = bwf.start; var a = s.split(/[^0-9]/); bwf.start=new Date (a[0],a[1]-1,a[2] ); var s1 = bwf.end; var a1 = s1.split(/[^0-9]/); bwf.end=new Date (a1[0],a1[1]-1,a1[2] ); //bwf.start = new Date(bwf.start); //bwf.end = new Date(bwf.end); if (bwf.start >= d) { results.push([bwf.eventId,bwf.start]); myMap1.set(bwf.eventId, bwf.title); myMap2.set(bwf.eventId, bwf.url); } }); console.log("BEFORE-------------"); console.log(JSON.stringify(results)); results.sort(function(a,b){ // Turn your strings into dates, and then subtract them // to get a value that is either negative, positive, or zero. return new Date(a[1]) - new Date(b[1]); }); console.log("AFTER-------------"); console.log(JSON.stringify(results)); var index, len; var fulldiv = ""; //var divstart = "
-
"; var divstart = ""; fulldiv = fulldiv + divstart; var curdatestr = ""; for (index = 0, len = results.length; index < len; ++index) { if( index < 1 ) { curdatestr = "" + formatDate(results[0][1]); fulldiv = fulldiv + "
-
" + formatDate(results[0][1]) + " (" + formatDateWK(results[0][1]) + ")
"; } console.log("Items: " + results[index][0] + " " + myMap1.get(results[index][0]) + " " + formatDate(results[index][1])); if (curdatestr == formatDate(results[index][1])) { fulldiv = fulldiv + "
"; } else { fulldiv = fulldiv + "
"; fulldiv = fulldiv + "
-
-
" + formatDate(results[index][1]) + " (" + formatDateWK(results[index][1]) + ")
"; fulldiv = fulldiv + "
"; } curdatestr = "" + formatDate(results[index][1]); //var tblRow = "
" + "" + results[index][0] + "
" + "
" + myMap1.get(results[index][0]) + "
" + "
" + myMap2.get(results[index][0]) + "
" + "
" + results[index][1] + "
" + "
" } fulldiv = fulldiv + "
"; //var divend = "
"; var divend = ""; fulldiv = fulldiv + divend; $(fulldiv).appendTo("#calendar_YSD ul"); //$('.bxslider').bxSlider({ // pager :false, // auto:true // }); var slider; setUpSlider(); var max_e_h = 0; var first_h = 0; var should_increase = 0; var new_first_h = 0; function resize_event_h(){ $('.event_item').each(function(){ $(this).css('height','auto'); var h = $(this).height(); if (h>max_e_h) max_e_h = h; }); $('.event_item').each(function(){ var h = $(this).height(); if(h <max_e_h){ } $(this).height(max_e_h); }); } function setUpSlider(){ slider = $('.bxslider').bxSlider({ pager :false, auto:true, autoHover:true }); } resize_event_h(); $(window).resize(function(){ console.log('resize') setTimeout(function(){ slider.reloadSlider(); }, 10) resize_event_h(); }); }); function formatDate(date) { var d1 = new Date(date), month = '' + (d1.getMonth() + 1), day = '' + d1.getDate(), year = d1.getFullYear(); if (month.length < 2) month = '0' + month; if (day.length < 2) day = '0' + day; return [year, month, day].join('-'); } function formatDateWK(date) { var d1 = new Date(date); var weekday = new Array(7); weekday[0] = "SUN"; weekday[1] = "MON"; weekday[2] = "TUE"; weekday[3] = "WED"; weekday[4] = "THU"; weekday[5] = "FRI"; weekday[6] = "SAT"; var n = weekday[d1.getDay()]; return n; } });.event_title{ background: #FE6100; color: white; padding: 5px;font-size: 155%; width: initial !important;}.event_item{ width: initial !important; background: white; padding-left: 3px; padding-right: 3px; border: 1px solid #FE6100; border-top: none;}.event_date{ padding: 5px; font-size: 15px;}.event_detail{ padding: 5px; font-size: 14px; font-weight: bold; background: #FEEFE8; width: initial !important; margin-bottom: 3px !important; border-bottom: 3px solid white; }.event_detail_box { height: calc(100% - 27px - 3px); background: #FEEFE8;}@media (max-width:980px){ #calendar_YSD img { width: calc(100% - 30px); } #calendar_YSD{ width: calc(100% - 30px) !important; margin: 15px; margin-top: 15px; } .event_detail{ height: auto; }}@media (min-width: 737px) { .cal-behavior { display:none; }}@media (max-width: 737px) { body#adminStyle1 #bodyContainer #Content #landingContainer section#calendar { display:none; }}
$(document).ready(function() { var active1 = false; var active2 = false; var active3 = false; function circleMenu(){ if($("body").hasClass("mask_opened")){ $("body").removeClass("mask_opened"); $("#window_mask").fadeOut(400); }else{ $("body").addClass("mask_opened"); $("#window_mask").fadeIn(400); } if (!active1) $('.menu-item1').css({ 'transform': 'translate(0px,55px)', 'background-color': '#0B2548' }); else $('.menu-item1').css({ 'transform': 'none', 'background-color': 'white' }); if (!active2) $('.menu-item2').css({ 'transform': 'translate(-42.5px,42.5px)', 'background-color': '#0B2548' }); else $('.menu-item2').css({ 'transform': 'none', 'background-color': 'white' }); if (!active3) $('.menu-item3').css({ 'transform': 'translate(-55px,0px)', 'background-color': '#0B2548' }); else $('.menu-item3').css({ 'transform': 'none', 'background-color': 'white' }); active1 = !active1; active2 = !active2; active3 = !active3; } $('.radial-menu').on('mousedown', function() { circleMenu(); }); $("#window_mask").click(function(){ circleMenu(); }); }); function Slider(iPrimary,iPage,iPause) { if($("#Slider").length>0) { $("#Slider").flexslider({ namespace: "flex-", //{NEW} String: Prefix string attached to the class of every element generated by the plugin selector: "ul > li", //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril animation: "fade", //String: Select your animation type, "fade" or "slide" easing: "swing", //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported! direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" reverse: false, //{NEW} Boolean: Reverse the animation direction animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end smoothHeight: false, //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode startAt: 0, //Integer: The slide that the slider should start on. Array notation (0 = first slide) slideshow: true, //Boolean: Animate slider automatically slideshowSpeed: 10000, //Integer: Set the speed of the slideshow cycling, in milliseconds animationSpeed: 600, //Integer: Set the speed of animations, in milliseconds initDelay: 0, //{NEW} Integer: Set an initialization delay, in milliseconds randomize: false, //Boolean: Randomize slide order fadeFirstSlide: true, //Boolean: Fade in the first slide when animation type is "fade" thumbCaptions: false, //Boolean: Whether or not to put captions on thumbnails when using the "thumbnails" controlNav. // Usability features pauseOnAction: true, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. pauseOnHover: false, //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering pauseInvisible: true, //{NEW} Boolean: Pause the slideshow when tab is invisible, resume when visible. Provides better UX, lower CPU usage. useCSS: true, //{NEW} Boolean: Slider will use CSS3 transitions if available touch: true, //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices video: false, //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches // Primary Controls controlNav: iPage, //Boolean: Create navigation for paging control of each slide? Note: Leave true for manualControls usage directionNav: iPrimary, //Boolean: Create navigation for previous/next navigation? (true/false) prevText: "Previous", //String: Set the text for the "previous" directionNav item nextText: "Next", //String: Set the text for the "next" directionNav item // Secondary Navigation keyboard: true, //Boolean: Allow slider navigating via keyboard left/right keys multipleKeyboard: false, //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present. mousewheel: false, //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel pausePlay: iPause, //Boolean: Create pause/play dynamic element pauseText: "Pause", //String: Set the text for the "pause" pausePlay item playText: "Play", //String: Set the text for the "play" pausePlay item // Special properties controlsContainer: "", //{UPDATED} jQuery Object/Selector: Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be $(".flexslider-container"). Property is ignored if given element is not found. manualControls: "", //{UPDATED} jQuery Object/Selector: Declare custom control navigation. Examples would be $(".flex-control-nav li") or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs. sync: "", //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care. asNavFor: "", //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider // Carousel Options itemWidth: 0, //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding. itemMargin: 0, //{NEW} Integer: Margin between carousel items. minItems: 1, //{NEW} Integer: Minimum number of carousel items that should be visible. Items will resize fluidly when below this. maxItems: 0, //{NEW} Integer: Maxmimum number of carousel items that should be visible. Items will resize fluidly when above this limit. move: 0, //{NEW} Integer: Number of carousel items that should move on animation. If 0, slider will move all visible items. allowOneSlide: true, //{NEW} Boolean: Whether or not to allow a slider comprised of a single slide // Callback API start: function() { }, //Callback: function(slider) - Fires when the slider loads the first slide before: function() { }, //Callback: function(slider) - Fires asynchronously with each slider animation after: function() { }, //Callback: function(slider) - Fires after each slider animation completes end: function() { }, //Callback: function(slider) - Fires when the slider reaches the last slide (asynchronous) added: function() { }, //{NEW} Callback: function(slider) - Fires after a slide is added removed: function() { }, //{NEW} Callback: function(slider) - Fires after a slide is removed init: function() { } //{NEW} Callback: function(slider) - Fires after the slider is initially setup }); } } $(function(){ Slider(true,true,false); }) body#adminStyle1 #headContainerMobile #logo img { padding-top: 8px; margin-left: -10px; width: 230px;}@media only screen and (max-width: 567px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 12px; margin-left: -10px; width: 200px; }}@media only screen and (max-width: 510px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 16px; margin-left: -10px; width: 180px; }}@media only screen and (max-width: 479px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 18px; margin-left: -10px; width: 155px; }}@media only screen and (max-width: 410px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 20px; margin-left: -10px; width: 135px; }}@media only screen and (max-width: 374px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 22px; margin-left: -10px; width: 115px; }@media only screen and (max-width: 319px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 24px; margin-left: -10px; width: 90px; }@media only screen and (max-width: 269px) { body#adminStyle1 #headContainerMobile #logo img { padding-top: 30px; margin-left: 0px; width: 50px; }
body#adminStyle1 #menuSlide #menuItem a{ word-break: initial; } #menuSlide{ z-index: 99999999 !important; } .bottom_item{ width: 20% !important; } @media screen and (max-width: 980px) { .b_icon_ig:before{ content: " "; background-size: 100% 100%; width: 30px; height: 30px; display: inline-block; background-image: url(http://www.ouhk.edu.hk/image/ig.svg); } }
The Open University of Hong Kong
<!--
-->
<!--
-->
© 2021 by The Open University of Hong Kong. All Rights Reserved.
<!--
--> <!--
-->
#schoolContainer .title{ /*color:#e65513;*/ color:#E65513;}#schoolContainer .orangeMore{ color:#E65513;}#schoolContainer .orangeMore A{ color:#E65513;}#schoolContainer .orangeMore A:hover{ color:#E65513;}#schoolContainer .eventDiv1{ background-color:#E65513;}#schoolContainer .text div{ background-color:#E65513;}#schoolContainer .gallery div{ background-color:#E65513;}#schoolContainer .highlightsDiv1{ background-color:#E65513; margin-right:12px;}#schoolContainer .highlightsDiv2{ background-color:#E65513; margin-right:0px;}#schoolContainer .highlightsDiv3{ background-color:#E65513; width:236px; margin-left:12px; float:left; color:#FFF; position:relative;}#schoolContainer .highlightsDiv4{ background-color:#E65513; width:236px; margin-left:12px; float:left; color:#FFF; position:relative;}#schoolContainer .highlights1 .title{ width:980px;}#Slider #sliderTitle{ background-image:url(/images/2014_10/slide_bg_URC.png);}#sliderTitle .title{ height:90px; background-image:url(/images/2014_10/slide_title_bg_URC.png); margin-bottom:60px;}hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }#schoolContainer{ width:1000px; float:left; margin-top:12px;}#schoolContainer .event2{ margin-left: 11px; width:485px; float:left; }#schoolContainer .calendar{ margin-left: 9px; width:239px; float:left;}#schoolContainer .highlights1{ margin-left: 0px; width:980px; float:left; }#schoolContainer .highlights2{ margin-left: 0px; margin-top: 12px; width:980px; float:left; }#schoolContainer .text div{ padding:11px 11px 11px 11px; float:left; margin:0 0 0 0; height:auto; min-height:145px; color:#FFF; font-size:12px; position:relative; text-align:left; width:960px; }#schoolContainer .text div div{ padding:0px 0px 0px 0px; width:auto;}#schoolContainer .text { margin-left:0px; margin-top:-60px; }@media only screen and (min-width:375px){ body#adminStyle1 #bodyContainer #Content section#whatsNew {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content section#announcement {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content section#calendar {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content section#staticContent {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary {max-height:auto;height:auto}}@media only screen and (min-width:401px){ body#adminStyle1 #bodyContainer #Content section#whatsNew {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content section#announcement {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content section#calendar {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content section#staticContent {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary {max-height:auto;height:auto}}@media only screen and (min-width:520px){ body#adminStyle1 #bodyContainer #Content section#whatsNew {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content section#announcement {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content section#calendar {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content section#staticContent {max-height:auto;height:auto} body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary {max-height:auto;height:auto}}@media only screen and (min-width:737px){ body#adminStyle1 #bodyContainer #Content section#whatsNew {max-height:383px;height:383px;} body#adminStyle1 #bodyContainer #Content section#announcement {max-height:383px;height:383px;} body#adminStyle1 #bodyContainer #Content section#calendar {max-height:383px;height:383px;} body#adminStyle1 #bodyContainer #Content section#staticContent {max-height:383px;height:383px;} body#adminStyle1 #bodyContainer #Content #landingContainer section#photoLibrary {max-height:383px;height:383px;}}@media only screen and (min-width:737px){ .libsearchlogo2020 { width: 120px; } .libsearchlogotd { padding:0 35px 0 18px; width: 19%; } }@media only screen and (max-width:736px){ .libsearchlogo2020 { width: 60px; } .libsearchlogotd { padding:0 0px 0 18px; width 15%; } }_uacct = "UA-148551-3";urchinTracker();
Research Related Services
Youtube
Instagram
-->
