/* City University of Hong Kong */ /* Modified from Original */ /* Modified parts are as follows: 1. Deleted: #cityu-content table th {border-bottom: 1px solid #fff; border-right: 1px solid #fff; background-color: #D7E1E1; text-align: left;} #cityu-content table td {border-bottom: 1px solid #e8e8e8;} #cityu-content table th, #cityu-content table td {padding: 3px 6px; vertical-align: top;} Reason: Adapt to Bootstrap original style 2. Fixed hyperlink of image Original: ../ Now: //template.cityu.edu.hk/template/ 3. Edited padding-left of .cityu-style-clean #cityu-content table.cityu-style-clean th, #cityu-content table.cityu-style-clean td {border: 0; padding: 3px 10px 3px 0px; background-color: transparent; vertical-align:top;} Reason: look strange for 0px 4. Deleted: #cityu-content p:last-child, #cityu-content table:last-child, #cityu-content ol:last-child, #cityu-content ul:last-child {margin-bottom: 0;} Reason: Bootstrap 5. Add padding Original: #cityu-content ol > li {padding-left: 5px;} Now: #cityu-content ol > li {padding-left: 5px; padding: 0 0 0.4em 0;} */ /* CSS Core */ /* HTML5 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} /* CSS Reset */ /* blockquote */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;} blockquote {margin-left: 20px; margin-right: 20px;} /*blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}*/ table {border-collapse: collapse; border-spacing: 0;} ol, ul {list-style: none;} sup {vertical-align: super;} sub {vertical-align: sub;} hr {clear: both; display: block;} /* Default */ body {overflow-y: scroll; font-size: 13px; color: #222; font-family: Helvetica, Arial, sans-serif;} body {background: #fff url('//template.cityu.edu.hk/template/img/themes/default/bg_body.jpg') top center repeat-x fixed;} h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5em; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.2em;} h1 {font-size: 185%; line-height: 1.6em; color: #398600;} h2 {font-size: 140%;} h3 {font-size: 125%;} h4 {font-size: 110%;} h5 {font-size: 100%;} h6 {font-size: 90%;} a {color: #0074a3; text-decoration: none;} a:hover {text-decoration: underline;} a:not([href]), a[href=""], a[href="#"] {cursor: default;} .cityu-content-page a {text-decoration: underline;} .cityu-content-page h1 a, .cityu-content-page h2 a, .cityu-content-page h3 a, .cityu-content-page h4 a, .cityu-content-page h5 a, .cityu-content-page h61 a {text-decoration: none;} ::-moz-selection, ::-webkit-selection, ::selection { text-shadow: none; background: #025d8c; color: #fff; } hr {margin: 0;} /* for ie7 and below */ html>/**/body hr {margin: 20px 0 8px 0;} /* for modern browsers */ input::-webkit-input-placeholder {font-weight: normal !important; color: #ccc !important;} input:-moz-placeholder {font-weight: normal !important; color: #ccc !important;} .cityu-outer {clear: both; width: 100%; min-width: 960px;} .cityu-inner {margin: auto; width: 960px;} .cityu-hidden {display: none;} label.cityu-hidden {display: block; position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} .cityu-clear {clear: both;} /* .cityu-skiplink a {position: absolute; left: -10000px;} .cityu-skiplink a:active, .cityu-skiplink a:focus {left: 220px; padding: 6px 10px; height: 20px; line-height: 20px; color: #555;}*/ .cityu-skiplink a { background: #FFFFFF; left: 50%; padding: 8px 20px; position: absolute; transform: translateY(-100%); transition: transform 0.3s; border: 1px solid #009690; border-top: 0px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } .cityu-skiplink a:focus, .cityu-skiplink a:active { transform: translateY(0%); } /* Header */ #cityu-header {font-size: 12px;} #cityu-header .cityu-inner { position: relative; z-index: 1000; background-color: #fff; -moz-box-shadow: 0px -2px 6px #ccc; -webkit-box-shadow: 0px -2px 6px #ccc; box-shadow: 0px -2px 6px #ccc; } #cityu-header.cityu-bg-clear .cityu-inner { background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Header: Global */ #cityu-header-global {clear: both; overflow: auto;} body.cityu-dept #cityu-header-global {padding: 0 0 5px 8px;} #cityu-header-cityulogo {float: left; padding: 6px 0px 4px 0px;} body.cityu #cityu-header-cityulogo {padding: 15px 0 15px 15px;} body.cityu.cityu-layout-home #cityu-header-cityulogo {padding: 15px 0 15px 14px;} body.cityu-dept #cityu-header-cityulogo {padding: 11px 3px 0 8px;} body.cityu-dept #cityu-header-cityulogo img {height: 20px;} #cityu-header-toolbar {float: right; padding: 0; font-family: 'Segoe UI', 'PT Sans', Helvetica, Arial, sans-serif;} #cityu-header-toolbar, #cityu-header-toolbar a {color: #666;} #cityu-header-links, #cityu-header-lang {float: left; padding: 6px 10px; height: 20px; line-height: 20px;} #cityu-header-lang, #cityu-header-lang a {font-family: 'Segoe UI', 'PT Sans', Helvetica, Arial, sans-serif !important;} #cityu-header-links a, #cityu-header-lang a {padding: 3px 2px;} #cityu-header-search {float: left; margin: 0px 1px; padding: 3px 7px 4px 7px; height: 24px; background-image: url(//template.cityu.edu.hk/template/img/themes/default/bg_search.png); line-height: 24px; color: #666;} html>/**/body #cityu-header-search { -moz-box-shadow: 0px 0px 6px #bbb; -webkit-box-shadow: 0px 0px 6px #bbb; box-shadow: 0px 0px 6px #bbb; } #cityu-header-search fieldset {display: inline;} /* Fix ie6 */ #cityu-header-search .cityu-search-type-wrapper {float: left;} #cityu-header-search .cityu-search-type-wrapper select {width: 50px; cursor: pointer;} #cityu-header-search .cityu-search-type-wrapper .select {overflow: hidden; position: absolute; padding: 0 9px 0 1px; width: 40px; height: 24px; background: url('//template.cityu.edu.hk/template/img/themes/default/bg_select.png') no-repeat right; font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 24px; color: #666;} #cityu-header-search .cityu-search-text-wrapper {float: left; border-top: 1px solid #ddd; height: 22px; background-color: #fff;} #cityu-header-search .cityu-search-type-wrapper + .cityu-search-text-wrapper {margin-left: 5px;} #cityu-header-search input[type="text"] {outline: 0; margin: 0; border: 0; padding: 2px 4px; height: 14px; width: 100px; font-size: 12px; font-weight: bold; font-family: Helvetica, Arial, sans-serif;} #cityu-header-search input.cityu-search-button {border: 0; padding: 0; width: 22px; height: 22px; vertical-align: top; background-color: transparent; background-image: url(//template.cityu.edu.hk/template/img/themes/default/btn_search.png); background-repeat: no-repeat; background-position: center; cursor: pointer; font-size: 0px; color: #fff;} #cityu-header-wa {float: left; margin: 0 6px 0 0; padding: 0; height: 31px;} .cityu-wa-fontsize, .cityu-wa-fontsize button {margin: 0; border: 0; padding: 0; height: 31px; background: none; line-height: 29px; font-family: Roboto, Helvetica, Arial, sans-serif; color: #555; transition: color .2s linear;} /*.cityu-wa-fontsize button::-moz-focus-inner {margin-left: -2px;}*/ .cityu-wa-fontsize button:not(.disabled):hover {background-color: #dddde8; color: #444;} .cityu-wa-fontsize button {cursor: pointer;} /*.cityu-wa-fontsize button.selected {color: #d00 !important;}*/ /*.cityu-wa-fontsize button + button {margin-left: 3px;}*/ /*.cityu-wa-fontsize-0 {font-size: 8px; width: 6px;} .cityu-wa-fontsize-1 {font-size: 11px; width: 8px;}*/ .cityu-wa-fontsize-0, .cityu-wa-fontsize-1, .cityu-wa-fontsize-2 {font-size: 10px; width: 15px;} .cityu-wa-fontsize-0.disabled, .cityu-wa-fontsize-2.disabled {color: #ececf2;} /* Header: Local */ body.cityu #cityu-header-local {display: none;} #cityu-header-local {clear: both; overflow:auto; margin-right: 40px; padding:0 0 10px 5px; min-height: 50px;} #cityu-header-deptnames{float: left; padding: 20px 0 10px 0;} #cityu-header-parentname {clear: both; display: block; padding: 0 0 2px 2px; vertical-align: middle; font-size: 15px; font-family: Roboto, Helvetica, Arial, sans-serif; text-shadow: 0px 1px 0px #fafafa;} #cityu-header-parentname, #cityu-header-parentname a {color: #555; text-decoration: none;} #cityu-header-deptname {clear: both; display: block; vertical-align: middle; letter-spacing: 0px; font-size: 24px; font-family: Ubuntu, Helvetica, Arial, sans-serif; text-shadow: 0px 1px 0px #fafafa;} /* 24px */ #cityu-header-deptname, #cityu-header-deptname a {color: #444; text-decoration: none;} #cityu-header-deptname.cityu-fontsize-L {font-size: 30px;} /* 30px */ #cityu-header-deptname.cityu-fontsize-XL {font-size: 36px;} /* 36px */ #cityu-header-subname {padding: 4px 0 0 2px; font-size: 15px; font-family: Roboto, Helvetica, Arial, sans-serif; letter-spacing: 1px;} #cityu-header-subname, #cityu-header-subname a {color: #555; text-decoration: none;} #cityu-header-deptlogos {overflow: hidden; float: left; border-left: 1px solid #ddd; vertical-align: bottom;} #cityu-header-deptlogos a {margin-left: 5px;} #cityu-header-notice {clear: right; float: right; padding: 0; width: 520px;} #cityu-header-icons {clear: right; float: right; padding: 10px 5px 0px 0px; vertical-align: bottom;} #cityu-header-notice div, #cityu-header-icons div {float: left;} body.cityu-dept.content #cityu-header-icons {padding-top: 6px;} #cityu-header-notice a {color: #555;} #cityu-header-notice img + img, #cityu-header-notice img + a, #cityu-header-notice a + img, #cityu-header-notice a + a, #cityu-header-icons img + img, #cityu-header-icons img + a, #cityu-header-icons a + img, #cityu-header-icons a + a {margin-left: 5px;} #cityu-header-notice .cityu-urgent {float: left; padding: 5px 0; max-width: 250px; font-size: 11px; line-height: 1.5em;} #cityu-header-notice .cityu-urgent p, #cityu-header-notice .cityu-urgent a {color: #bf165e;} #cityu-header-notice .cityu-urgent a {font-weight: bold; font-size: 14px;} #cityu-header-notice .cityu-urgent .cityu-post-date {font-size: 9px;} #cityu-header-notice .cityu-weather {float: right; padding-top: 10px; margin-left: 10px; font-size: 11px; line-height: 13px;} #cityu-header-notice .cityu-weather a {color: #000;} #cityu-header-notice .cityu-weather div + div {margin-left: 10px;} #cityu-header-notice .cityu-slogan {float: right; padding-top: 10px; margin-left: 10px; font-size: 11px; line-height: 13px;} #cityu-header-notice .cityu-slogan img {margin-top: 5px; margin-right: 0px; height: 30px;} /* Footer */ #cityu-media + #cityu-footer {margin-top: 30px;} #cityu-footer .cityu-inner {overflow: hidden;} #cityu-footer {background-color: #025d8c; font-size: 11px; text-shadow: 0px 1px 0px #013c5a; border-bottom: 15px solid #84BA5C;} html>/**/body #cityu-footer { -moz-box-shadow: 0px -1px 12px #888; -webkit-box-shadow: 0px -1px 12px #888; box-shadow: 0px -1px 12px #888; } /* for modern browsers */ #cityu-footer, #cityu-footer a {color: #acd5ea;} #cityu-footer a:hover {color: #fff;} #cityu-footer a:not([href]):hover, #cityu-footer a[href=""]:hover, #cityu-footer a[href="#"]:hover {text-decoration: none !important;} #cityu-footer hr {border-top: 1px solid #013c5a; border-right: 1px solid #4e8fc2; border-bottom: 1px solid #4e8fc2; border-left: 1px solid #4e8fc2;} #cityu-footer-nav-list {overflow: hidden; clear: both; padding: 40px 0px 0px 0px; font-family: 'Segoe UI', 'PT Sans', Helvetica, Arial, sans-serif;} #cityu-footer-nav-list .cityu-icon-home {display: none;} #cityu-footer-nav-list .cityu-footer-hidden {display: none;} #cityu-footer-nav-list li {width: 110px;} #cityu-footer-nav-list .cityu-column-7 li {width: 125px;} #cityu-footer-nav-list .cityu-column-6 li, #cityu-footer-nav-list .cityu-itemwidth-L li {width: 150px;} #cityu-footer-nav-list .cityu-column-5 li {width: 180px;} #cityu-footer-nav-list .cityu-column-4 li, #cityu-footer-nav-list .cityu-itemwidth-XL li {width: 230px;} #cityu-footer-nav-list .cityu-column-auto li, #cityu-footer-nav-list .cityu-itemwidth-auto li {width: auto;} #cityu-footer-nav-list .cityu-column-auto > li, #cityu-footer-nav-list .cityu-itemwidth-auto > li {margin-right: 15px;} #cityu-footer-nav-list > ul > li {float: left; margin: 0px 5px; font-size: 13px; line-height: 1.1; color: #fff;} #cityu-footer-nav-list > ul > li + li {margin-left: 5px;} #cityu-footer-nav-list > ul > li > a {display: inline-block; min-height: 30px; margin-bottom: 10px; padding: 0; color: #fff;} #cityu-footer-nav-list > ul > li > a:hover {text-decoration: none;} #cityu-footer-nav-list > ul > li > a:link:hover {text-decoration: underline;} #cityu-footer-nav-list ul li.cityu-multiline-2 p {display: inline;} #cityu-footer-nav-list ul li.cityu-multiline-2 p + p {margin-left: 0.3em;} #cityu-footer-nav-list > ul > li > ul > li {font-size: 11px; line-height: 1;} #cityu-footer-nav-list > ul > li > ul > li + li {margin-top: 10px;} #cityu-footer-nav-list > ul > li > ul > li > a {display: inline-block; padding: 0;} #cityu-footer-nav-list > ul > li > ul > li > ul {display: none;} #cityu-footer-nav-list > ul.cityu-showlevel-3 > li > ul > li > ul, #cityu-footer-nav-list > ul > li > ul.cityu-showlevel-3 > li > ul, #cityu-footer-nav-list > ul > li > ul > li > ul.cityu-showlevel-3 {display: block;} #cityu-footer-nav-list > ul.cityu-showlevel-3 > li > ul > li > ul > li, #cityu-footer-nav-list > ul > li > ul.cityu-showlevel-3 > li > ul > li, #cityu-footer-nav-list > ul > li > ul > li > ul.cityu-showlevel-3 > li {margin-top: 2px; font-size: 10px;} #cityu-footer-nav-list > ul.cityu-showlevel-3 > li > ul > li > ul > li > a, #cityu-footer-nav-list > ul > li > ul.cityu-showlevel-3 > li > ul > li > a, #cityu-footer-nav-list > ul > li > ul > li > ul.cityu-showlevel-3 > li > a {display: inline-block; padding:0 0 0 10px; background:url('//template.cityu.edu.hk/template/img/themes/default/bullet_arrow_7.gif') 2px 4px no-repeat;} #cityu-footer-column {overflow: hidden; clear: both; padding: 12px 0px 15px 5px;} #cityu-footer-notes {float: left;} #cityu-footer-links {padding-bottom: 5px; color: #fff;} #cityu-footer-links a {padding: 0px 5px 0px 0px; color: #fff;} #cityu-footer-links a + a {padding-left: 5px;} #cityu-footer-icons {float: right;} #cityu-footer-icons a + a {padding-left: 10px;} #cityu-footer-credits {margin-top: 5px;} /* Nav */ #cityu-nav .cityu-inner {} html>/**/body #cityu-nav .cityu-inner {position: relative; z-index: 500;} /* for modern browsers */ .cityu-jumplink {font-size: 12px;} .cityu-jumplink a, .cityu-jumplink a:hover, .cityu-jumplink a.selected {color: #888 !important;} .cityu-icon-home a div {height: 20px; width: 20px; background: transparent url('//template.cityu.edu.hk/template/img/themes/default/icon_home.png') center 1px no-repeat;} .cityu-icon-home a.active div {background-image: url('//template.cityu.edu.hk/template/img/themes/default/icon_home_active.png');} .cityu-icon-home a:hover div {background-image: url('//template.cityu.edu.hk/template/img/themes/default/icon_home_hover.png');} /* Media */ #cityu-media .cityu-inner {height: 350px;} #cityu-media.cityu-height-S .cityu-inner {height: 250px;} #cityu-media.cityu-height-L .cityu-inner {height: 450px;} html>/**/body #cityu-media .cityu-inner { position: relative; z-index: 0; -moz-box-shadow: 0px 2px 6px #ccc; -webkit-box-shadow: 0px 2px 6px #ccc; box-shadow: 0px 2px 6px #ccc; } /* for modern browsers */ #cityu-media-slider-wrapper {width: 700px; overflow: hidden; float: left; background-color: #000;} #cityu-media-slider-wrapper, #cityu-media-slider, #cityu-media-slider a, #cityu-media-slider img {line-height: 0;} #cityu-sub-slider-wrapper {width: 260px; float: left; background-color: #000;} /* Media: News */ #cityu-media-news {float: left; width: 230px; height: 320px; padding: 15px 15px 15px 15px; background-color: #fff; line-height:1.6em;} #cityu-media-news.cityu-padding-none {width: 260px; height: 350px; padding: 0;} #cityu-media-news h1 {margin: 0 0 15px 0; line-height: 1em;} #cityu-media-news p {padding:0 0 15px 0; color: #323F41;} #cityu-media-news ul {list-style-image: none;} #cityu-media-news ol {list-style-type: decimal; margin-left: 22px;} #cityu-media-news ul > li {background: transparent url('//template.cityu.edu.hk/template/img/themes/default/bullet_dot_1.png') no-repeat scroll 3px 5px; padding: 0 0 5px 20px; line-height: 1.3;} #cityu-media-news table th {text-align: left;} #cityu-media-news table th, #cityu-media-news table td {padding: 3px 6px; vertical-align: middle;} #cityu-media-news table th.cityu-icon, #cityu-media-news table td.cityu-icon {text-align: center;} #cityu-media-news table td.cityu-icon img {vertical-align: middle;} #cityu-media-news table.cityu-width-full {width: 100%;} #cityu-media-news .cityu-media-item {position:relative;} #cityu-media-news .cityu-media-item .cityu-media-label {position:absolute; top:0; left:0; display:block; width: 250px; height:17px; line-height: 17px; font-size: 11px; color: #fff; background-color: #333; background-color: rgba(50,50,50,0.5); padding:0px 5px 0 5px;} #cityu-media-news .cityu-media-item a:hover {text-decoration: none;} #cityu-media-news .cityu-media-item a:hover .cityu-media-label {color: #fff; background-color: #333; background-color: rgba(50,50,50,0.9);} #cityu-media-news.cityu-imagerow-5 .cityu-media-item {width: 260px; height: 70px; padding: 0;} #cityu-media-news.cityu-imagerow-5 .cityu-media-item img {width:260px; height: 70px;} #cityu-media-news.cityu-imagerow-4 .cityu-media-item {width: 260px; height: 87px; padding: 0;} #cityu-media-news.cityu-imagerow-4 .cityu-media-item img {width:260px; height: 87px;} #cityu-media-news.cityu-imagerow-4 .cityu-media-item:first-child {border-top: 1px solid #666;} #cityu-media-news.cityu-imagerow-4 .cityu-media-item:last-child {border-bottom: 1px solid #ccc;} #cityu-media-news.cityu-imagerow-3 .cityu-media-item {width: 260px; height: 116px; padding: 0;} #cityu-media-news.cityu-imagerow-3 .cityu-media-item img {width:260px; height:116px;} #cityu-media-news.cityu-imagerow-3 .cityu-media-item + .cityu-media-item {border-top: 1px solid #666;} #cityu-media-news.cityu-imagerow-2 .cityu-media-item{width: 260px; height: 175px; padding: 0;} #cityu-media-news.cityu-imagerow-2 .cityu-media-item img{width:260px; height:175px;} #cityu-media-news.cityu-imagerow-1 .cityu-media-item{width: 260px; height: 350px; padding: 0;} #cityu-media-news.cityu-imagerow-1 .cityu-media-item img{width:260px; height:350px;} #cityu-media.cityu-height-S #cityu-media-news {height: 220px;} #cityu-media.cityu-height-S #cityu-media-news.cityu-padding-none {height: 250px;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-5 .cityu-media-item {width: 260px; height: 50px; padding: 0;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-5 .cityu-media-item img {width:260px; height: 50px;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-4 .cityu-media-item {width: 260px; height: 62px; padding: 0;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-4 .cityu-media-item img {width:260px; height: 62px;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-4 .cityu-media-item:first-child {border-top: 1px solid #666;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-4 .cityu-media-item:last-child {border-bottom: 1px solid #ccc;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-3 .cityu-media-item {width: 260px; height: 83px; padding: 0;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-3 .cityu-media-item img {width:260px; height:83px;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-4 .cityu-media-item:last-child {border-bottom: 1px solid #ccc;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-2 .cityu-media-item{width: 260px; height: 125px; padding: 0;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-2 .cityu-media-item img{width:260px; height:125px;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-1 .cityu-media-item{width: 260px; height: 250px; padding: 0;} #cityu-media.cityu-height-S #cityu-media-news.cityu-imagerow-1 .cityu-media-item img{width:260px; height:250px;} #cityu-media.cityu-height-L #cityu-media-news {height: 420px;} #cityu-media.cityu-height-L #cityu-media-news.cityu-padding-none {height: 450px;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-5 .cityu-media-item {width: 260px; height: 90px; padding: 0;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-5 .cityu-media-item img {width:260px; height: 90px;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-4 .cityu-media-item {width: 260px; height: 112px; padding: 0;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-4 .cityu-media-item img {width:260px; height: 112px;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-4 .cityu-media-item:first-child {border-top: 1px solid #666;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-4 .cityu-media-item:last-child {border-bottom: 1px solid #ccc;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-3 .cityu-media-item {width: 260px; height: 150px; padding: 0;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-3 .cityu-media-item img {width:260px; height:150px;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-2 .cityu-media-item{width: 260px; height: 225px; padding: 0;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-2 .cityu-media-item img{width:260px; height:2255px;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-1 .cityu-media-item{width: 260px; height: 450px; padding: 0;} #cityu-media.cityu-height-L #cityu-media-news.cityu-imagerow-1 .cityu-media-item img{width:260px; height:450px;} /* body.cityu #cityu-media-news {float: left; padding: 0px; width: 260px; height: 350px; background-color: transparent; background-image: url('//template.cityu.edu.hk/template/img/themes/default/bg_news.png');} */ body.cityu #cityu-media-news {float: left; padding: 0px; width: 260px; height: 350px; background-color: #555;} body.cityu #cityu-media-news, body.cityu #cityu-media-news a {color: #ddd;} body.cityu #cityu-media-news a:hover {color: #fff;} body.cityu #cityu-media-news .cityu-news-rss {float: right;} body.cityu #cityu-media-news .cityu-news-header {padding: 10px 10px 10px 15px; line-height: 24px; font-size: 16px; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 1px;} body.cityu #cityu-media-news .cityu-news-item {margin-bottom: 1px; background-color: #444;} body.cityu #cityu-media-news .cityu-news-item:hover {background-color: #333;} body.cityu #cityu-media-news .cityu-news-item a {display: block; overflow: hidden; min-height: 48px;} body.cityu #cityu-media-news .cityu-news-item a p {padding: 10px 10px 10px 15px; line-height: 1.3em; color: #ddd;} body.cityu #cityu-media-news .cityu-news-item a:hover p {color: #fff;} body.cityu #cityu-media-news .cityu-news-item img {float: right; margin-left: 5px; margin-right: 1px;} body.cityu #cityu-media-news .cityu-news-footer {line-height: 16px; font-size: 11px;} body.cityu #cityu-media-news .cityu-news-footer a {clear: left; margin: 10px 10px 0px 15px; width: 213px;} body.cityu #cityu-media-news .cityu-news-footer a + a {margin-top: 5px;} /* Main */ /* Sidebar 1 */ #cityu-sidebar-1 {float: left; width: 200px; font-size: 90%;} html>/**/body #cityu-sidebar-1 {position: relative; z-index: 48;} /* for modern browsers */ * html #cityu-sidebar-1 {margin-right: -3px;} /* Fix ie6 3px bug */ body.cityu-layout-home #cityu-sidebar-1, body.cityu-layout-fullcontent #cityu-sidebar-1, #cityu-main.cityu-layout-fullcontent #cityu-sidebar-1 {display: none;} #cityu-main.cityu-layout-twosidebar #cityu-sidebar-1 {display: block;} #cityu-main.cityu-layout-rightsidebar #cityu-sidebar-1 {display: none;} /* Sidebar 2 */ #cityu-sidebar-2 {float: right; width: 260px; font-size: 90%; color: #555;} html>/**/body #cityu-sidebar-2 {position: relative; z-index: 46;} /* for modern browsers */ * html #cityu-sidebar-2 {margin-left: -3px;} /* Fix ie6 3px bug */ body.cityu-layout-content #cityu-sidebar-2, body.cityu-layout-fullcontent #cityu-sidebar-2, #cityu-main.cityu-layout-fullcontent #cityu-sidebar-2 {display: none;} #cityu-main.cityu-layout-twosidebar #cityu-sidebar-2 {display: block;} #cityu-main.cityu-layout-rightsidebar #cityu-sidebar-2 {display: block;} /* Sidebar: Nav */ #cityu-sub-nav-list {margin-bottom: 15px; background-color: #f3f3ed;} html>/**/body #cityu-sub-nav-list { -moz-box-shadow: 0px 2px 6px #ccc; -webkit-box-shadow: 0px 2px 6px #ccc; box-shadow: 0px 2px 6px #ccc; } /* for modern browsers */ #cityu-sub-nav-list, #cityu-sub-nav-list a {font-family: 'Segoe UI', 'PT Sans', Helvetica, Arial, sans-serif; color: #555;} #cityu-sub-nav-list .cityu-box-item {padding: 15px 0px;} #cityu-sub-nav-list .cityu-box-item li a {display: block;} #cityu-sub-nav-list .cityu-box-item li a:hover {color: #367e00; text-decoration: none;} #cityu-sub-nav-list .cityu-box-item li a.active {background-color: #398600; color: #fff;} #cityu-sub-nav-list .cityu-box-item > ul > li {border-bottom: 1px solid rgba(255, 255, 255, .5);} #cityu-sub-nav-list .cityu-box-item > ul > li:last-child {border-bottom: 0;} #cityu-sub-nav-list .cityu-box-item > ul > li > a {padding: 6px 6px 6px 10px;} #cityu-sub-nav-list .cityu-box-item > ul > li > ul > li {font-size: 11px; font-weight: normal;} #cityu-sub-nav-list .cityu-box-item > ul > li > ul > li {background: transparent url('//template.cityu.edu.hk/template/img/themes/default/bullet_arrow_5.gif') no-repeat scroll 11px 11px;} #cityu-sub-nav-list .cityu-box-item > ul > li > ul > li:first-child {margin-top:4px;} #cityu-sub-nav-list .cityu-box-item > ul > li > ul > li:last-child {margin-bottom:4px;} #cityu-sub-nav-list .cityu-box-item > ul > li > ul > li > a {padding: 4px 6px 4px 20px;} #cityu-sub-nav-list .cityu-box-item > ul > li > ul > li > ul > li > a {padding: 1px 6px 1px 20px;} #cityu-sub-nav-list .cityu-box-item ul li + li, #cityu-sub-nav-list .cityu-box-item ol li + li {margin-top: 0;} /* Sidebar: Box */ .cityu-box {margin-bottom: 15px; border-top: 1px solid #e8e8e0; background-color: #f3f3ed;} html>/**/body .cityu-box { -moz-box-shadow: 0px 2px 6px #ccc; -webkit-box-shadow: 0px 2px 6px #ccc; box-shadow: 0px 2px 6px #ccc; } /* for modern browsers */ /*.cityu-transparent{*width:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}*/ .cityu-box-header {border-bottom: 1px solid #d8d8d0; padding: 15px 10px; font-size: 135%; font-family: Roboto, Helvetica, Arial, sans-serif; font-weight: 300; color: #222; text-shadow: 0px 1px 0px #fff;} body.cityu-layout-home .cityu-box:first-child .cityu-box-header {border-top: 0;} .cityu-box-header + .cityu-box-item {border-top: 1px solid #f8f8f0;} .cityu-box-item {overflow: hidden; border-bottom: 1px solid #d8d8d0; padding: 10px;} .cityu-box-item a p {margin-top: 2px;} .cityu-box-item ul li + li, .cityu-box-item ol li + li {margin-top: 0.5em;} .cityu-box-item ul.cityu-showbullet li {background: transparent url('//template.cityu.edu.hk/template/img/themes/default/bullet_arrow_5.gif') no-repeat 2px 4px; padding-left: 12px;} .cityu-box-item ul.cityu-widespace li + li, .cityu-box-item ol.cityu-widespace li + li {margin-top: 0.75em;} .cityu-box-item.cityu-link a {display: block; font-size: 90%; } .cityu-box-item.cityu-link a p {margin-top: 6px; font-size: 90%; color: #667172; text-decoration: none;} .cityu-box-item.cityu-link a:hover p {color: #2094c3; text-decoration: none;} .cityu-box-item.cityu-icons:last-child {padding-bottom: 10px;} .cityu-box-item.cityu-icons a + a img {margin-left: 6px;} .cityu-box-item.cityu-icons a:hover img {opacity: 0.8;} .cityu-box-item.cityu-imgwidth-full img {width: 100%; margin-bottom: 5px;} .cityu-box-footer {overflow: hidden; padding:15px 0 15px 10px; font-size: 90%;} /* Sidebar: Box: CityU tube */ .cityu-tube .cityu-box-header, .cityu-tube .cityu-box-item {border: 0;} .cityu-video {padding: 0; height: 146px;} /* Content */ /*#cityu-main {font-size: 14px;}*/ #cityu-content {overflow: hidden; margin-bottom: 30px; width: 760px; line-height: 1.6; background-color: #fff; /*font-size: 80%;*/} html>/**/body #cityu-content { position: relative; z-index: 50; -moz-box-shadow: 0px 2px 6px #ccc; -webkit-box-shadow: 0px 2px 6px #ccc; box-shadow: 0px 2px 6px #ccc; } /* for modern browsers */ body.cityu-layout-home #cityu-content {width: 700px; float: left;} body.cityu-layout-home #cityu-main.cityu-outer {overflow: hidden;} body.cityu-layout-fullcontent #cityu-content, #cityu-main.cityu-layout-fullcontent #cityu-content {width: 100%;} #cityu-main.cityu-layout-twosidebar #cityu-content {width: 500px;} #cityu-main.cityu-layout-rightsidebar #cityu-content {width: 700px;} #cityu-content h1, #cityu-content h2, #cityu-content h3, #cityu-content h4, #cityu-content h5, #cityu-content h6 {clear: left; margin-bottom: 0.8em;} #cityu-content h1 {border-bottom: 1px solid #84ba5c;} body.cityu.cityu-layout-home #cityu-content h1 {margin-top: 10px;} body.cityu.cityu-layout-home .cityu-thumb {margin-bottom: 0.8em;} body.cityu.cityu-layout-home .cityu-content-column ul+h1:before {content:"\a"; white-space: pre;} #cityu-content p + h1, #cityu-content p + h2, #cityu-content p + h3, #cityu-content p + h4, #cityu-content p + h5, #cityu-content p + h6, #cityu-content ul + h1, #cityu-content ul + h2, #cityu-content ul + h3, #cityu-content ul + h4, #cityu-content ul + h5, #cityu-content ul + h6, #cityu-content ol + h1, #cityu-content ol + h2, #cityu-content ol + h3, #cityu-content ol + h4, #cityu-content ol + h5, #cityu-content ol + h6, #cityu-content ul + h1, #cityu-content ul + h2, #cityu-content ul + h3, #cityu-content ul + h4, #cityu-content ul + h5, #cityu-content ul + h6, #cityu-content hr + h1, #cityu-content hr + h2, #cityu-content hr + h3, #cityu-content hr + h4, #cityu-content hr + h5, #cityu-content hr + h6, #cityu-content table + h1, #cityu-content table + h2, #cityu-content table + h3, #cityu-content table + h4, #cityu-content table + h5, #cityu-content table + h6 {margin-top: 2em;} #cityu-content p, #cityu-content table, #cityu-content ol, #cityu-content ul {margin-bottom: 1.6em;} #cityu-content hr {border-top: 1px solid #84ba5c; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff;} #cityu-content hr + p, #cityu-content hr + table, #cityu-content hr + ul, #cityu-content hr + ol {margin-top: 15px;} #cityu-content ul {clear: left; list-style-type: none !important; list-style-image: none; margin-left: 20px;} #cityu-content ol {clear: left; list-style-type: decimal; margin-left: 40px;} body.cityu.cityu-layout-home #cityu-content ul {margin-left: 0;} body.cityu.cityu-layout-home #cityu-content ul > li {padding-left: 20px;} #cityu-content ul > li {background: transparent url('//template.cityu.edu.hk/template/img/themes/default/bullet_dot_2.png') no-repeat scroll 6px 6px; padding: 0 0 0.4em 25px;} #cityu-content ol > li {padding-left: 5px; padding: 0 0 0.4em 0;} #cityu-content ol ul {margin-left: 10px;} #cityu-content ol ul li {padding-left: 20px;} #cityu-content li > ul, #cityu-content li > ol {margin-top: 0.25em; margin-bottom: 0.25em;} #cityu-content li > ul > li ul, #cityu-content li > ul > li ol, #cityu-content li > ol > li ul, #cityu-content li > ol > li ol {margin-top: 0.25em; margin-bottom: 0.25em;} #cityu-content ul.cityu-widespace li + li, #cityu-content ol.cityu-widespace li + li {margin-top: 1em;} #cityu-content ul.cityu-lineheight-S li {line-height: 1.3em;} #cityu-content ul.cityu-nobullet {margin-left: 0;} #cityu-content ul.cityu-nobullet li {list-style-type: none; background: none; padding-left: 0;} ol.cityu-nested li {clear: both;} ul.cityu-nested li {clear: both; list-style: none; background: none !important; padding-left: 0 !important;} html>/**/body ul.cityu-nested li {clear: none;} /* for modern browsers */ ul.cityu-nested li .cityu-nested-head {float: left;} ul.cityu-nested > li > ul, ul.cityu-nested > li > ol {margin-left: 40px !important;} ul.cityu-nested li p {float: left; padding-left: 20px; margin-bottom: 0px !important;} html>/**/body ul.cityu-nested li p {float: none; padding-left: 40px;} /* for modern browsers */ #cityu-content table {} #cityu-content table th.cityu-icon, #cityu-content table td.cityu-icon {text-align: center;} #cityu-content table td.cityu-icon img {vertical-align: top;} #cityu-content table.cityu-width-full {width: 100%;} #cityu-content table.cityu-style-clean th, #cityu-content table.cityu-style-clean td {border: 0; padding: 3px 10px 3px 5px; background-color: transparent; vertical-align:top;} #divBody table th, #divBody table td {border: 0; padding: 5px 6px;} #cityu-content .cityu-content-page {overflow: hidden; border: 1px solid #ddd; border-top: 0; padding: 30px 29px 30px 29px;} #cityu-header + #cityu-main #cityu-content .cityu-content-page {padding-top: 15px;} #cityu-header + #cityu-main #cityu-content .cityu-content-page > h1 {padding-top: 15px;} html>/**/body #cityu-content .cityu-content-page, html>/**/body #cityu-content .cityu-content-columns {border-color: #fff;} /* for modern browsers */ #cityu-content .cityu-content-columns {overflow: hidden; border: 1px solid #ddd; border-top: 0; padding-bottom: 30px;} #cityu-content .cityu-content-column {overflow: hidden; float: left; padding: 15px 30px 0px 30px; width: 700px; background-color: transparent;} body.cityu-layout-home #cityu-content .cityu-content-column {padding: 15px 0px 15px 30px; width: 300px;} body.cityu-layout-home #cityu-content .cityu-content-column .cityu-squareimg{clear:both; overflow:auto; margin-bottom:14px;} body.cityu-layout-home #cityu-content .cityu-content-column .cityu-squareimg .cityu-thumb{width: 95px; float:left; margin-right:15px;} body.cityu-layout-home #cityu-content .cityu-content-column .cityu-squareimg .cityu-thumb img{width:95px; height:95px; border: 1px solid #ccc;} body.cityu-layout-home #cityu-content .cityu-content-column .cityu-squareimg .cityu-desc{width:190px; float:left;} #cityu-content .cityu-content-page ul > li.cityu-heading {background: none; padding: 0 0 8px 0; line-height: 1.3; font-weight:bold;} #cityu-content .cityu-content-page ul.cityu-pagination {margin-top: 18px; background-image:none;} #cityu-content .cityu-content-page ul.cityu-pagination li {background-image: none; padding: 0 0 5px 0; float:left; margin-right:14px;} #cityu-content .cityu-content-page ul.cityu-pagination li a {color: #666;} #cityu-content .cityu-content-page ul.cityu-pagination li a:hover {color: #0072AA;} #cityu-content .cityu-content-page ul.cityu-pagination li a.selected {color: #0072AA; text-decoration:underline;} #cityu-content .cityu-imgwidth-full img {width: 760px;} #cityu-content .cityu-content-divider {clear: both; display: block; width: 700px; height: 3px;} #cityu-content .cityu-content-divider .cityu-col {float:left; margin-left:30px; width:300px; height:3px; background-color: #9EC990; border-top: 1px solid #7AAF6A;} .cityu-content-control-group {border-top: 1px solid #d7e1e1; border-bottom: 1px solid #d7e1e1; background-color: #e7f2f2; margin: 0 0 1.6em 0; padding: 5px 10px; font-size: smaller;} .cityu-photo.cityu-float-left img {float: left; margin: 0 20px 20px 0px; line-height: 0;} .cityu-photo.cityu-float-right img {float: right; margin: 0 0 20px 20px; line-height: 0;} .cityu-photo.cityu-float-center {width: 100%; text-align: center;} .cityu-photo.cityu-float-center img {margin: 0 0 20px 0; line-height: 0;} .cityu-photo.cityu-margin-none img {margin: 0;} .cityu-photo.cityu-float-left.cityu-margin-S img {margin: 0 10px 10px 0px;} .cityu-photo.cityu-float-right.cityu-margin-S img {margin: 0 0 10px 10px;} .cityu-photo.cityu-float-center.cityu-margin-S img {margin: 0 0 10px 0;} .cityu-table-responsive {overflow: auto;} /* Content: Icons & Links */ .cityu-arrow-white-right{background: url('//template.cityu.edu.hk/template/img/themes/default/icon_arrow_white.png') 0 0 no-repeat; float: left; padding:0 0 3px 22px;} .cityu-lang-zh .cityu-arrow-white-right{padding:2px 0 3px 22px; line-height:1.1;} /* line-height setting for Chinese */ .cityu-link-more{background: url('//template.cityu.edu.hk/template/img/themes/default/icon_arrow_green.png') 0 0 no-repeat; float: left; padding: 1px 0 3px 22px; color: #555;} .cityu-lang-zh .cityu-link-more{padding:2px 0 3px 22px; line-height:1.1;} /* line-height setting for Chinese */ a.cityu-link-more:hover{text-decoration:underline;} .cityu-link-more-2{background: url('//template.cityu.edu.hk/template/img/themes/default/icon_arrow_green.png') right 2px no-repeat; float: right; padding:0 22px 3px 0; color: #555;} #cityu-content .cityu-link-email{padding: 2px 0 3px 26px; background: url('//template.cityu.edu.hk/template/img/icons/web/small/email.png') no-repeat;} #cityu-content .cityu-link-url {padding: 2px 0 3px 26px; background: url('//template.cityu.edu.hk/template/img/icons/web/small/url.png') no-repeat;} #cityu-content .cityu-link-download {padding: 2px 0 3px 26px; background: url('//template.cityu.edu.hk/template/img/icons/web/small/download.png') no-repeat;} #cityu-content .cityu-link-external {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/external.png') right no-repeat;} #cityu-content .cityu-link-lock {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/lock.png') right no-repeat;} #cityu-content .cityu-link-pdf {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/pdf.png') right no-repeat;} #cityu-content .cityu-link-word {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/word.png') right no-repeat;} #cityu-content .cityu-link-excel {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/excel.png') right no-repeat;} #cityu-content .cityu-link-powerpoint {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/powerpoint.png') right no-repeat;} #cityu-content .cityu-link-text {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/text.png') right no-repeat;} #cityu-content .cityu-link-image {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/gallery.png') right no-repeat;} #cityu-content .cityu-link-video {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/video.png') right no-repeat;} #cityu-content .cityu-link-audio {padding: 2px 26px 3px 0; background: url('//template.cityu.edu.hk/template/img/icons/web/small/audio.png') right no-repeat;} /* Content: News*/ #cityu-content-news .cityu-news-item{clear:both; overflow:auto; border-bottom:1px solid #E5E5E5; padding:12px 0 12px 0; margin-bottom:8px;} #cityu-content-news .cityu-news-item .cityu-news-img {float: left; padding-right: 15px;} #cityu-content-news .cityu-news-item .cityu-news-img img {width:120px; height:80px; overflow:hidden; border:1px solid #ccc;} #cityu-content-news .cityu-news-item .cityu-news-excerpt {width: 450px; float: left; padding:0 15px 0 0; line-height:1.4em; color: #333;} /* #cityu-content-news .cityu-news-item .cityu-news-excerpt {width: 450px;float: left; padding:0 15px 0 10px; background:url(//template.cityu.edu.hk/template/img/themes/default/bullet_arrow_6.gif) 0 6px no-repeat; line-height:1.4em; color: #333;} */ #cityu-content-news .cityu-news-item .cityu-news-excerpt .cityu-news-date {font-size: 11px; display:block;} #cityu-content-news .cityu-news-item a {text-decoration: none;} #cityu-content-news .cityu-news-item a:hover {cursor:pointer;} #cityu-content-news .cityu-news-item a:hover .cityu-news-img img{border:1px solid #7DCB53;} /* Content: Staff Profile */ #cityu-content .cityu-staff-link {margin-bottom: 10px; padding: 0 0 0px 20px; background: url("//template.cityu.edu.hk/template/img/themes/default/btn_back.gif") 0 1px no-repeat; font-size: 12px; line-height: 1em;} #cityu-content .cityu-staff-sublink {color: #398600;} #cityu-content .cityu-staff-sublink a {font-size: 11px;} #cityu-content .cityu-staff-info {clear: both; margin-bottom: 20px; border-top: 1px solid #a7cf90; border-bottom: 1px solid #A7CF90; padding: 15px 0 10px 0;} #cityu-content .cityu-staff-info h1 {margin: 0 0 5px 0; border-bottom: 0; padding: 0; line-height: 1em;} #cityu-content .cityu-staff-info .cityu-staff-qualification {margin: 0 0 15px 0; padding: 0; line-height: 1.3em; font-style: italic; color: #666;} #cityu-content .cityu-staff-info h2 {padding: 0; line-height: 1em; font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #666;} #cityu-content .cityu-page-main {width:660px; float:left; padding-right:30px;} #cityu-content .cityu-page-sub {width:200px; float:right;} #cityu-content .cityu-page-sub .cityu-staff-photo img {margin: 5px 0 15px 0;} #cityu-content .cityu-page-sub .cityu-sub-box {margin: 0 0 30px 0; font-size: 12px;} #cityu-content .cityu-page-sub .cityu-sub-box h2 {margin: 0 0 10px 0; border-bottom: 1px solid #A7CF90; padding: 0 0 5px 0; font-size: 16px; color: #398600 ;} #cityu-content .cityu-page-sub .cityu-sub-box table {width: 220px; font-size: 12px;} #cityu-content .cityu-page-sub .cityu-sub-box table th, #cityu-content .cityu-page-sub .cityu-sub-box table td {background: none; padding:0 0 0.2em 0; border-bottom:none; vertical-align: top;} #cityu-content .cityu-page-sub .cityu-sub-box ul {margin:0; padding:0;} #cityu-content .cityu-page-sub .cityu-sub-box ul li{background: transparent url('//template.cityu.edu.hk/template/img/themes/default/bullet_arrow_5.gif') no-repeat 2px 9px; padding-left: 12px;} #cityu-content .cityu-page-sub .cityu-staff-icons {padding: 0; line-height: 0; text-align: center;} #cityu-content .cityu-page-sub .cityu-staff-icons a {width: 24px; height: 24px;} #cityu-content .cityu-page-sub .cityu-staff-icons a img{margin: 0 6px 0 0; padding: 0;} body.cityu-layout-fullcontent #cityu-content .cityu-staff-qualification {padding-left: 2px; font-style: italic;} body.cityu-layout-fullcontent #cityu-form-staffsearch {border-bottom: 1px solid #A8CF90; overflow: auto; clear: both; padding: 0 0 14px 0; margin: 0 0 24px 0;} body.cityu-layout-fullcontent #cityu-form-staffsearch .cityu-col{float:left; overflow:auto; display:block; margin-right:8px;} body.cityu-layout-fullcontent #cityu-form-staffsearch .cityu-fieldlabel {width: 180px; float:left; margin-right:16px; color: #333;} body.cityu-layout-fullcontent #cityu-form-staffsearch .cityu-textfield {width: 180px; height: 21px; border: 1px solid #ccc; background-color: #fff; float:left; margin-right:12px;} body.cityu-layout-fullcontent #cityu-form-staffsearch .cityu-radiobtn {margin:10px 5px 0 0;} body.cityu-layout-fullcontent #cityu-form-staffsearch .cityu-radiobtntext {color: #666; margin:10px 16px 0 0;} body.cityu-layout-fullcontent #cityu-form-staffsearch .cityu-btn_search {float:left;} /* Content: List Style 1 */ #cityu-content .cityu-list-style-1 ul { margin-left: 0; } #cityu-content .cityu-list-style-1>ul>li { padding-left: 0; background: none; font-size: 115%; font-weight: bold; } #cityu-content .cityu-list-style-1>ul>li>a { display: block; padding: 5px 10px; background-color: #f4f4f4; border-radius: 4px; text-decoration: none; } #cityu-content .cityu-list-style-1>ul>li>ul { margin-top: 0.6em; margin-bottom: 0.8em; } #cityu-content .cityu-list-style-1>ul>li>ul>li { margin-left: 0.5em; font-size: 87.5%; font-weight: normal; } /* Content: Video Wrapper (for YouTube embed) */ :lang(en) #cityu-content .videoWrapper, :lang(zh-hk) #cityu-content .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } :lang(en) #cityu-content .videoWrapper iframe, :lang(zh-hk) #cityu-content .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Content video.js styles (for CityU VoD) */ #cityu-content .video-js { width: 100% !important; height: auto !important; cursor: pointer; } #cityu-content .video-js .vjs-tech { position: static !important; } #cityu-content .video-js .vjs-big-play-button { border: 0; width: 2.4em; } #cityu-content .vjs-big-play-centered .vjs-big-play-button { margin-left: -1.2em; } #cityu-content .video-js:hover .vjs-big-play-button, #cityu-content .video-js .vjs-big-play-button:focus { background-color: #cc181e !important; } /* Content Video Language Selector */ #cityu-content .video-lang { margin: 4px 0; text-align: right; } #cityu-content .video-lang ul { margin: 0; } #cityu-content .video-lang ul > li { background-image: none; padding: 0; display: inline-block; border-right: 1px solid #cccccc; } #cityu-content .video-lang ul > li:last-child { border-right: transparent; } #cityu-content .video-lang ul > li a { padding: 0px 4px; display: block; color: #989898; font-size: 12px; text-decoration: none; } #cityu-content .video-lang ul > li.current a { color: #8e6791; } #cityu-content .video-lang ul > li a:hover { color: #aa8dad; } /* Lang */ :lang(zh) #cityu-header-deptname, :lang(zh) #cityu-header-deptname a {font-family: 'Microsoft JhengHei', 'PMingLiU', 'MingLiU', sans-serif; font-size: 28px; line-height: 32px; letter-spacing: 1px;} :lang(zh) #cityu-header-subname {padding-top: 0;} :lang(zh) #cityu-media-news, :lang(zh) #cityu-content-news, :lang(zh) #cityu-sub-nav-list, :lang(zh) #cityu-sub-nav-list a, :lang(zh) #cityu-footer, :lang(zh) #cityu-footer a {font-size: 12px;} :lang(zh) #cityu-footer-nav-list, :lang(zh) #cityu-footer-nav-list a {line-height: 1.3em;} :lang(zh) #cityu-content {line-height: 1.7em;} /* Back to Top */ a.cityu-backtotop { overflow: hidden; z-index: 8000; position: fixed; right: 10px; bottom: 0; margin: 0; padding: 2px 4px; height: 26px; width: 22px; background-color: #013c5a; font-size: 24px; line-height: 24px; cursor: pointer !important; opacity: 0.8; filter: alpha(Opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; } a.cityu-backtotop:hover {opacity: 1; text-decoration: none;} a.cityu-backtotop i {color: #fff; text-shadow: 0 -1px 0 #000;} /* Temp: Sports Hall */ #cityunews .cityu-news-item:first-child { font-weight: bold; }