CINXE.COM
UBC Mailing Lists 17.0 - Subscribe (CHINESE-FILM-CLASSICS) - LISTS.UBC.CA
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="title" content="UBC Mailing Lists 17.0 - Subscribe (CHINESE-FILM-CLASSICS) - LISTS.UBC.CA"> <meta name="theme-color" content="#002145" /> <title>UBC Mailing Lists 17.0 - Subscribe (CHINESE-FILM-CLASSICS) - LISTS.UBC.CA</title> <link rel="manifest" href="/scripts/wa.exe?SHOWTPL=MANIFEST&L=CHINESE-FILM-CLASSICS"> <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> <style type="text/css"> /* LAYOUT COMPONENTS */ body { min-width: 300px; background-color: #eeeeee; font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #000000; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } #background { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #eeeeee; z-index: -1; } #splash { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #F7F7F7; background-image: none; background-size: cover; background-position: right top; background-repeat: no-repeat; opacity: 1.0; z-index: -1; } #header-wrap { width: 100%; min-width: 320px; position: fixed; top: 0px; left: 0px; z-index: 40; } #header { margin: 0px; } #content-wrap { width: 100%; min-width: 300px; height: auto; position: absolute; top: 60px; left: 0px; overflow: visible; z-index: 10; } #content { margin: 10px; } #helpscreen-wrap { width: 100%; min-width: 300px; height: auto; position: absolute; top: 0px; left: 0px; overflow: visible; z-index: 10; } #helpscreen { margin: 10px; } #flexbox-wrap { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: flex; justify-content: center; align-items: center; } #flexbox { width: 340px; height: auto; padding: 20px; background-color: #FFFFFF; box-shadow: 0px 0px 2px #BBBBBB; } @media screen and (max-width: 767px) { body { font-size: 14px; } } /* NAVIGATION BAR */ #navbar { width: 100%; min-width: 320px; height: 60px; position: fixed; margin: 0px; padding: 0px; background-color: #002145; box-shadow: 0px 2px 2px #999999; z-index: 50; } #navbar-left { height: 60px; margin: 0px; padding: 0px; display: table; float: left; } #navbar-left .logo { margin: 0px; padding: 0px; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; } #navbar-left .listserv { margin: 0px; padding: 0px 0px 0px 0px; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; } #navbar-left .listserv img { max-width: 200px; } #navbar-left .subnav { margin: 0px; padding: 0px; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; } #navbar-left .title { margin: 0px; padding: 0px 10px 0px 10px; display: table-cell; vertical-align: middle; position: relative; font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; font-weight: bold; color: #FFFFFF; } #navbar-right { height: 60px; margin: 0px; padding: 0px; display: table; float: right; } #navbar-right .email { margin: 0px; padding: 0px 10px 0px 10px; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #FFFFFF; } #navbar-right .email a { color: #FFFFFF; text-decoration: none; } #navbar-right .toc { margin: 0px; padding: 0px 10px 0px 10px; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #FFFFFF; } #navbar-right .toc a { color: #FFFFFF; text-decoration: none; } #navbar-right .toc a:hover { text-decoration: underline; } #navbar-right .help { margin: 0px; padding: 0px; display: table-cell; vertical-align: middle; position: relative; cursor: pointer; } #navbar-right .profile { margin: 0px; padding: 0px; display: none; vertical-align: middle; position: relative; cursor: pointer; } @media screen and (max-width: 767px) { #navbar-right .email { font-size: 14px; display: none; } #navbar-right .profile { display: table-cell; } } /* SIDE NAVIGATION */ #subnav-wrap { width: auto; min-width: 240px; height: 100%; position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; display: none; background-color: #FFFFFF; box-shadow: 0px 3px 3px #999999; z-index: 30; } #subnav .spacer { width: auto; height: 60px; } #subnav .category { width: 4px; height: 38px; background-color: #36454F; float: left; } #subnav .icon { padding: 8px 12px 8px 6px; float: left; } #subnav .categoryitem { background-color: #EEEEEE; width: auto; height: 38px; overflow: hidden; cursor: pointer; } #subnav .categoryitem:hover { background-color: #EEEEEE; } #subnav .itemlink { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #36454F; line-height: 38px; float: left; } #subnav .itemlink a { color: #36454F; text-decoration: none; } #subnav .subicon { padding: 8px 12px 8px 10px; float: left; } #subnav .subitem { width: auto; height: 38px; overflow: hidden; cursor: pointer; } #subnav .subitem:hover { background-color: #EEEEEE; } #subnav .subitemlink { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #36454F; line-height: 38px; float: left; } #subnav .subitemlink a { color: #36454F; text-decoration: none; } #subnav .border-top { border-top: 1px solid #DEDEDE; } #subnav .border-bottom { border-bottom: 1px solid #DEDEDE; } #subnav #admin-arrow { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 24px; color: #36454F; line-height: 38px; padding: 0px 10px 0px 10px; float: right; } #subnav #owner-arrow { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 24px; color: #36454F; line-height: 38px; padding: 0px 10px 0px 10px; float: right; } #subnav #maestro-arrow { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 24px; color: #36454F; line-height: 38px; padding: 0px 10px 0px 10px; float: right; } #subnav #archive-arrow { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 24px; color: #36454F; line-height: 38px; padding: 0px 10px 0px 10px; float: right; } @media screen and (max-width: 767px) { #subnav .itemlink { font-size: 14px; } #subnav .subitemlink { font-size: 14px; } } /* PERSONAL PROFILE */ #profile { width: 298px; position: absolute; top: 80px; right: 70px; background-color: #FFFFFF; border: 1px solid #CCCCCC; display: none; } #profile .arrow { width: 17px; height: 9px; position: absolute; top: -9px; right: 40px; background-image: url('/archives/images/material_menu_arrow_17x9.png'); background-repeat: no-repeat; } #profile .profile { width: 100%; margin: 0px; padding: 10px; border-spacing: 2px; } #profile .loggedin { width: 273px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #profile .entry { width: 195px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .avatar { width: 64px; height: 64px; border: 1px solid #CCCCCC; } @media screen and (max-width: 767px) { #profile { width: 298px; right: 10px; } } /* BODY COMPONENTS */ #pagetitle { width: 100%; min-width: 300px; clear: both; } .pagetitle { width: 100%; margin: 10px 0px 10px 0px; padding: 0px; border-spacing: 0px; } #listselector { width: 100%; min-width: 300px; clear: both; } .listselector { width: 100%; margin: 0px 0px 20px 0px; padding: 0px; border-spacing: 10px; background-color: F0F0F0; border: 0px solid #ebebeb; border-radius: 8px 8px 8px 8px; } .listaddress { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #status { width: 100%; min-width: 300px; clear: both; } .status { width: 100%; margin: 10px 5px 20px 5px; padding: 0px; border-spacing: 2px; } #options { width: 100%; min-width: 300px; clear: both; } .options { width: 100%; margin: 10px 5px 20px 5px; padding: 0px; border-spacing: 2px; } .options-compact { margin: 10px 5px 20px 5px; padding: 0px; border-spacing: 2px; } #tabs { width: 100%; min-width: 300px; clear: both; } .tabs { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; } .tabs-active { width: auto; min-width: 140px; margin: 0px 4px 20px 0px; padding: 6px 0px 8px 0px; background-color: #2f5d7c; border: 0px solid #ebebeb; border-radius: 8px 8px 8px 8px; text-align: center; white-space: nowrap; float: left; } .tabs-active .text { margin: 0px; padding: 0px; color: #FFFFFF; } .tabs-active .text a { color: #FFFFFF; text-decoration: none; } .tabs-inactive { width: auto; min-width: 140px; margin: 0px 4px 20px 0px; padding: 6px 0px 8px 0px; background-color: #FFFFFF; border: 0px solid #ebebeb; border-radius: 8px 8px 8px 8px; text-align: center; white-space: nowrap; float: left; } .tabs-inactive .text { margin: 0px; padding: 0px; color: #36454F; } .tabs-inactive .text a { color: #36454F; text-decoration: none; } #steps { width: 100%; min-width: 300px; clear: both; } .steps { width: auto; margin: 0px; padding: 0px; border-spacing: 0px; border: 0px solid #ebebeb } .steps-active { width: auto; min-width: 95px; margin: 0px; padding: 6px 0px 8px 0px; background-color: #2f5d7c; text-align: center; white-space: nowrap; float: left; } .steps-active .text { margin: 0px; padding: 0px; color: #FFFFFF; } .steps-active .text a { color: #FFFFFF; text-decoration: none; } .steps-active .disabled { margin: 0px; padding: 0px; color: #999999; cursor: not-allowed; } .steps-inactive { width: auto; min-width: 95px; margin: 0px; padding: 6px 0px 8px 0px; background-color: #FFFFFF; text-align: center; white-space: nowrap; float: left; } .steps-inactive .text { margin: 0px; padding: 0px; color: #36454F; } .steps-inactive .text a { color: #36454F; text-decoration: none; } .steps-inactive .disabled { margin: 0px; padding: 0px; color: #999999; cursor: not-allowed; } #steps-buttons { width: 100%; min-width: 300px; clear: both; } .steps-buttons { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; } #navtrigger { position: relative; float: right; clear: both; z-index: 70; } .navtrigger { margin: 0px; padding: 0px; border-spacing: 0px; background-color: #FFFFFF; border: 1px solid #CCCCCC; } #navopts { width: 275px; position: absolute; display: none; background-color: #FFFFFF; border: 1px solid #CCCCCC; overflow: hidden; z-index: 60; } .navopts { width: 100%; margin: 0px; padding: 10px; border-spacing: 2px; } #output { width: 100%; min-width: 300px; clear: both; } .output { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; background-color: F7F9FE; border: 0px solid #ebebeb; border-radius: 8px 8px 8px 8px; } .output-blank { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; border: 0px; } .output-section-full { width: 100%; margin: 0px; padding: 10px; border-spacing: 0px; background-color: #FFFFFF; border: 0px solid #ebebeb; border-radius: 8px 8px 8px 8px; vertical-align: top; } .output-section-left { width: 50%; margin: 0px; padding: 0px; border-spacing: 0px; background-color: #FFFFFF; border: 0px solid #ebebeb; border-radius: 8px 8px 8px 8px; vertical-align: top; } .output-section-right { width: 50%; margin: 0px; padding: 0px; border-spacing: 0px; background-color: #FFFFFF; border: 0px solid #ebebeb; border-radius: 8px 8px 8px 8px; vertical-align: top; } .output-section-content { padding: 10px; } #box { width: 100%; min-width: 300px; clear: both; } .box { width: 619px; margin: 0px; padding: 0px; border-spacing: 0px; } .boxinner { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; } .boxtop { margin: 0px; padding: 8px; border-spacing: 0px; background-color: #2f5d7c; border: 1px solid #DEDEDE; } .boxback { margin: 0px; padding: 10px; border-spacing: 0px; background-color: F7F9FE; border-right: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; } #output-help { width: 100%; max-width: 1000px; min-width: 340px; margin-left: auto; margin-right: auto; clear: both; } .output-help { width: 100%; margin: 0px; padding: 10px; background-color: #FFFFFF;; box-shadow: 0px 0px 2px #BBBBBB; } #trailer { width: 100%; min-width: 300px; clear: both; } .trailer { width: 100%; margin: 0px; padding: 0px; border-spacing: 0px; } #loading { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: #666666; opacity: 0.5; filter: Alpha(Opacity=50); display: none; overflow: auto; z-index: 80; } #spinner { position: fixed; top: 40%; left: 50%; margin-left: -50px; margin-top: -50px; z-index: 90; } #listdesc { position: absolute; z-index: 20; } #selector ul { width: 100%; height: 300px; margin: 0px; padding: 2px; border-spacing: 0px; background-color: #FFFFFF; border: 1px solid #DEDEDE; overflow-y: scroll; text-align: left; } #selector li { margin: 0px; padding: 1px; background-color: #FFFFFF; cursor: pointer; list-style: none; } @media screen and (max-width: 991px) { .output-section-left { width: 100%; margin-bottom: 10px; } .output-section-right { width: 100%; } } @media screen and (max-width: 767px) { .listaddress { width: 540px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media screen and (max-width: 639px) { .listaddress { width: 380px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .steps-active { width: 100%; } .steps-inactive { width: 100%; } .box { width: 100%; } } @media screen and (max-width: 479px) { .listaddress { width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tabs-active { margin: 0px 1px 20px 0px; width: 49%; } .tabs-inactive { margin: 0px 1px 20px 0px; width: 49%; } } /* CONTENT */ a { color: #36454F; text-decoration: none; } a:hover { text-decoration: underline; } th { font-size: 13px; font-weight: normal; color: #FFFFFF; margin: 0px; text-align: left; } th a { color: #FFFFFF; text-decoration: none; } th a:hover { text-decoration: underline; } h1 { font-size: 17px; font-weight: bold; color: #002145; margin: 0px; } h2 { font-size: 17px; font-weight: bold; color: #002145; margin: 0px; } h3 { font-size: 17px; font-weight: bold; color: #002145; margin: 0px; } h4 { font-size: 13px; font-weight: bold; color: #FFFFFF; margin: 0px; } h4 a { color: #FFFFFF; text-decoration: none; } h4 a:hover { text-decoration: underline; } h5 { font-size: 13px; font-weight: bold; color: #000000; margin: 0px; } h6 { font-size: 13px; font-weight: bold; color: #000000; margin: 0px; } tt { font-size: 13px; font-weight: normal; color: #000000; margin: 0px; } li { color: #000000; list-style: square outside none; } hr { width: 100%; height: 1px; color: #999999; border-style: dotted; border-color: #999999; border-width: 1px 0px 0px 0px; padding-top: 1px; padding-bottom: 1px; } pre { font-size: 13px; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; _white-space: normal; } pre.prop { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; color: #000000; } pre.prop a { color: #36454F; text-decoration: none; } pre.prop a:hover { text-decoration: underline; } pre.prop a:visited { color: #663399; text-decoration: none; } pre.mono { font-family: 'Courier New', Courier, monospace; color: #000000; } pre.mono a { color: #36454F; text-decoration: none; } pre.mono a:hover { text-decoration: underline; } pre.mono a:visited { color: #663399; text-decoration: none; } .archive a:visited { color: #663399; text-decoration: none; } .grey { color: #999999; margin: 0px; } .error, .SPF_red, .SPF_error { color: #CC3333; margin: 0px; } .orange, .SPF_orange { color: #FF9933; margin: 0px; } .green, .SPF_green { color: #009900; margin: 0px; } .message, .SPF_match, .SPF_comment { color: #3333FF; margin: 0px; } .highlight { background-color: #FFFF33; } .subindent { margin-left: 25px; } .superindent { margin-left: 50px; } .colorscheme { width: 27px; height: 27px; border: 1px solid #000000; margin: 3px 1px 0px 1px; cursor: pointer; display: inline-block; } .colorpatch { width: 27px; height: 27px; border: 1px solid #000000; margin: 1px 0px 0px 5px; position: absolute; } .menupos-right { position: relative; top: -5px; right: -5px; } .menupos-left { position: relative; top: -5px; left: -5px; } @media screen and (max-width: 767px) { h1, h2, h3 { font-size: 17px; } h4, h5, h6, pre { font-size: 14px; } } /* FORM COMPONENTS */ input, select, textarea { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #000000; } input[readonly] { background-color: #EEEEEE; cursor: not-allowed; } input[type="submit"] { min-width: 80px; margin: 2px; padding: 4px 10px 4px 10px; background-color: #FEFEFE; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } input[type="submit"]:hover { background-color: #FAFAFA; box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="submit"]:focus { background-color: #FAFAFA; box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="submit"]:disabled { background-color: #EEEEEE; border: 1px solid #DEDEDE; cursor: not-allowed; } #flexbox input[type="submit"] { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; background-color: #002145; color: #FFFFFF; font-weight: bold; padding: 7px 15px 7px 15px; border: none; border-radius: 2px; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); cursor: pointer; text-transform: uppercase; min-width: 125px; } #flexbox input[type="submit"]:hover { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; background-color: #002145; color: #FFFFFF; font-weight: bold; padding: 7px 15px 7px 15px; border: none; border-radius: 2px; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); cursor: pointer; text-transform: uppercase; } #flexbox input[type="submit"]:focus { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; background-color: #002145; color: #FFFFFF; font-weight: bold; padding: 7px 15px 7px 15px; border: none; border-radius: 2px; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); cursor: pointer; text-transform: uppercase; } #flexbox input[type="submit"]:disabled { background-color: #CCCCCC; cursor: not-allowed; } input[type="button"] { min-width: 80px; margin: 2px; padding: 4px 10px 4px 10px; background-color: #FEFEFE; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } input[type="button"]:hover { background-color: #FAFAFA; box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="button"]:focus { background-color: #FAFAFA; box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="button"]:disabled { background-color: #EEEEEE; border: 1px solid #DEDEDE; cursor: not-allowed; } input[type="checkbox"] { background-color: #FFFFFF; border: 1px solid #DEDEDE; padding: 2px 4px 2px 4px; transition: all 0.30s ease-in-out; outline: none; border-box; box-sizing: border-box; } input[type="checkbox"]:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="radio"] { background-color: #FFFFFF; border: 1px solid #DEDEDE; padding: 2px 4px 2px 4px; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } input[type="radio"]:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="text"] { width: 310px; margin: 1px; padding: 4px 4px 4px 4px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } input[type="text"]:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="text"]:disabled { background-color: #EEEEEE; cursor: not-allowed; } input[type="text"].listsel { width: 100%; } input[type="text"].profile { width: 100%; } input[type="text"].quarter { width: 270px; } input[type="text"].format { width: 220px; } input[type="text"].t2 { width: 160px; } input[type="text"].half { width: 152px; } input[type="text"].t2color { width: 125px; } input[type="text"].period { width: 50px; } input[type="text"].filter { width: 100%; background-image: url("/archives/images/material_archive_filter_22x22.png"); background-repeat: no-repeat; background-position: right; padding-right: 25px; } input[type="text"].user { width: 100%; background-image: url("/archives/images/material_archive_user_22x22.png"); background-repeat: no-repeat; background-position: right; padding-right: 25px; } input[type="text"].items { width: 100%; background-image: url("/archives/images/material_archive_items_22x22.png"); background-repeat: no-repeat; background-position: right; padding-right: 25px; } input[type="text"].search { width: 100px; background-image: url("/archives/images/material_archive_search_22x22.png"); background-repeat: no-repeat; background-position: right; padding-right: 25px; } input[type="text"].lists { width: 100px; background-image: url("/archives/images/material_archive_items_22x22.png"); background-repeat: no-repeat; background-position: right; padding-right: 25px; } input[type="text"].blank { background-color: #FFFFFF; background-image: none; padding-right: 25px; } input[type="password"] { width: 310px; margin: 1px; padding: 4px 4px 4px 4px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } input[type="password"]:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="password"]:disabled { background-color: #EEEEEE; cursor: not-allowed; } input[type="file"] { width: 310px; margin: 1px; padding: 4px 4px 4px 4px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } input[type="file"]:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="file"]:disabled { background-color: #EEEEEE; cursor: not-allowed; } input[type="file"].profile { width: 100%; } input[type="search"] { width: 100%; margin: 1px; padding: 4px 4px 4px 4px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } input[type="search"]:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } input[type="search"]:disabled { background-color: #EEEEEE; cursor: not-allowed; } select { width: 310px; margin: 1px; padding: 3px 4px 3px 4px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } select:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } select:disabled { background-color: #EEEEEE; cursor: not-allowed; } select.listsel { width: 100%; } select.profile { width: 100%; } select.period { width: 200px; } select.shortperiod { width: 105px; } select.format { width: 220px; } select.t2 { width: 160px; } select.lists { width: 100px; } select.opt { width: 50px; } select.opts { width: 75px; } textarea { width: 100%; margin: 0px; padding: 4px 4px 4px 4px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } textarea:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } textarea:disabled { background-color: #EEEEEE; cursor: not-allowed; } textarea.short { width: 310px; } ::-webkit-scrollbar { height: 15px; width: 15px; } ::-webkit-scrollbar-track { background-color: #F1F1F1; } ::-webkit-scrollbar-thumb { background-color: #C1C1C1; } @media screen and (max-width: 767px) { input, select, textarea { font-size: 14px } } @media screen and (max-width: 359px) { input[type="text"] { width: 260px; } input[type="text"].quarter { width: 225px; } input[type="text"].format { width: 185px; } input[type="text"].half { width: 127px; } input[type="password"] { width: 260px; } input[type="file"] { width: 260px; } select { width: 260px; } select.format { width: 185px; } textarea.short { width: 260px; } } /* TABLES AND REPORTS */ #table-wrap { width: 100%; min-width: 100%; height: auto; margin: 0px; padding: 0px; overflow-x: scroll; } #canvas-wrap { width: 100%; height: 500px; margin: 0px; padding: 20px 0px 20px 0px; background-color: #FFFFFF; } #canvas { width: 100%; height: 500px; margin: 0px; padding: 0px; background-color: #FFFFFF; } .chartjs-hidden-iframe { background-color: transparent; } tr.emphasizedcell { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #2f5d7c; } th.emphasizedcell { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #2f5d7c; color: #FFFFFF; } td.emphasizedcell { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #2f5d7c; color: #FFFFFF; } .normalgroup { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #FFFFFF; } .emphasizedgroup { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #d7e0e7; } .headergroup { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #C4CDDE; } .nogroup { margin: 0px; padding: 5px; border-spacing: 0px; } .listgroup { margin: 0px; padding: 2px 5px 2px 0px; border-spacing: 0px; } .tablesorter th { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #2f5d7c; } .tablesorter thead td { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #2f5d7c; } .tablesorter .header { background-image: url('/archives/images/material_menu_sort_both_17x11.png'); background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right: 25px; } .tablesorter .tablesorter-header { background-image: url('/archives/images/material_menu_sort_both_17x11.png'); background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right: 25px; } .tablesorter thead .headerSortUp { background-image: url('/archives/images/material_menu_sort_up_17x11.png'); } .tablesorter thead .tablesorter-headerAsc { background-image: url('/archives/images/material_menu_sort_up_17x11.png'); } .tablesorter thead .tablesorter-headerSortUp { background-image: url('/archives/images/material_menu_sort_up_17x11.png'); } .tablesorter thead .headerSortDown { background-image: url('/archives/images/material_menu_sort_down_17x11.png'); } .tablesorter thead .tablesorter-headerDesc { background-image: url('/archives/images/material_menu_sort_down_17x11.png'); } .tablesorter thead .tablesorter-headerSortDown { background-image: url('/archives/images/material_menu_sort_down_17x11.png'); } .tablesorter thead .sorter-false { background-image: none !important; cursor: auto !important; } .tablesorter tr.odd>td { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #FFFFFF; } .tablesorter tr.even>td { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #d7e0e7; } .tablesorter .tablesorter-filter-row td { margin: 0px; padding: 5px; border-spacing: 0px; background-color: #C4CDDE; } .tablesorter input.tablesorter-filter { width: 100%; background-image: url("/archives/images/material_archive_filter_22x22.png"); background-repeat: no-repeat; background-position: left; padding-left: 25px; } .tablesorter .filtered { display: none; } @media screen and (max-width: 767px) { .tablesorter .tablesorter-filter-row td { display: block; } } /* PRINTING */ @media print { body { -webkit-print-color-adjust: exact; } #background { background-color: #FFFFFF !important; } #header-wrap { display: none !important; } #subnav-wrap { display: none !important; } #content-wrap { width: 100% !important; top: 1px !important; left: 1px !important; } #navbar { display: none !important; } #profile { display: none !important; } #navopts { display: none !important; } #listdesc { display: none !important; } #trailer { display: none !important; } .noprint { display: none !important; } } /* MISCELLANEOUS HELPERS */ .nowrap{white-space:nowrap}.forcewrap{width:260px;min-width:100%;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-word;word-break:break-word}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pointer{cursor:pointer}.not-allowed{cursor:not-allowed}.left{text-align:left}.center{text-align:center}.right{text-align:right}.top{vertical-align:top}.middle{vertical-align:middle}.bottom{vertical-align:bottom}.table-center{margin-left:auto;margin-right:auto}.border{border:1px solid #DEDEDE}.border-top{border-top:1px solid #DEDEDE}.border-right{border-right:1px solid #DEDEDE}.border-bottom{border-bottom:1px solid #DEDEDE}.border-left{border-left:1px solid #DEDEDE}.line-height{line-height:22px}.nopadding{margin:0;padding:0;border-spacing:0}.pad-content{width:100%;margin:0;padding:0;border-spacing:8px}.pad-left{padding-left:5px}.pad-right{padding-right:5px}.pad-top{padding-top:3px}.pad-bottom{padding-bottom:10px}.pad-icon{padding:1px 10px 1px 1px}.block{display:block!important}.none{display:none!important}.float-left{float:left}.float-right{float:right}.width-100{width:100%}.width-95{width:95%}.width-90{width:90%}.width-85{width:85%}.width-80{width:80%}.width-75{width:75%}.width-70{width:70%}.width-65{width:65%}.width-60{width:60%}.width-55{width:55%}.width-50{width:50%}.width-45{width:45%}.width-40{width:40%}.width-35{width:35%}.width-30{width:30%}.width-25{width:25%}.width-20{width:20%}.width-15{width:15%}.width-10{width:10%}.width-5{width:5%}.width-1{width:1%} .show-l,.show-m,.show-s,.show-xs{display:none} @media screen and (max-width:991px){.hide-l{display:none}.show-l{display:inline-block}.break-l{display:block}.head-l{width:auto!important;display:block;text-align:left!important}.row-l{width:inherit;display:block;text-align:left!important}.bold-l{font-weight:bold}} @media screen and (max-width:767px){.hide-m{display:none}.show-m{display:inline-block}.break-m{display:block}.head-m{width:auto!important;display:block;text-align:left!important}.row-m{width:inherit;display:block;text-align:left!important}.bold-m{font-weight:bold}} @media screen and (max-width:639px){.hide-s{display:none}.show-s{display:inline-block}.break-s{display:block}.head-s{width:auto!important;display:block;text-align:left!important}.row-s{width:inherit;display:block;text-align:left!important}.bold-s{font-weight:bold}} @media screen and (max-width:479px){.hide-xs{display:none}.show-xs{display:inline-block}.break-xs{display:block}.head-xs{width:auto!important;display:block;text-align:left!important}.row-xs{width:inherit;display:block;text-align:left!important}.bold-xs{font-weight:bold}.reduce{width:48px;height:48px}} </style> <link href="/archives/js/jquery-ui-1.13.2/jquery-ui.custom.css" rel="stylesheet"> <style type="text/css"> /* JQUERY-UI OVERRIDES */ .ui-widget { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #000000; padding: 0px; box-shadow: 0 0 6px rgba(0,0,0,0.5); } .ui-widget-header { background-color: #002145; color: #FFFFFF; border: 0px; } .ui-widget-content a { color: #36454F; } .ui-widget input[type="text"] { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #000000; margin: 1px; padding: 6px 6px 6px 6px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } .ui-widget input[type="text"]:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } .ui-widget select { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #000000; margin: 1px; padding: 6px 6px 6px 6px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } .ui-widget select:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } .ui-widget textarea { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; color: #000000; margin: 1px; padding: 6px 6px 6px 6px; background-color: #FFFFFF; border: 1px solid #DEDEDE; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; } .ui-widget textarea:focus { box-shadow: 0px 0px 2px 0px #36454F; border: 1px solid #36454F; } .ui-widget button, .ui-widget input[type="button"], .ui-widget input[type="submit"], ui-button { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; background-color: #002145; color: #FFFFFF; font-weight: bold; padding: 7px 28px 7px 28px; border: none; border-radius: 2px; transition: all 0.30s ease-in-out; outline: none; box-sizing: border-box; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); cursor: pointer; text-transform: uppercase; } .ui-widget button:hover, .ui-widget input[type="button"]:hover, .ui-widget input[type="submit"]:hover, ui-button:hover{ font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; background-color: #002145; color: #FFFFFF; font-weight: bold; } .ui-widget button:focus, .ui-widget input[type="button"]:focus, .ui-widget input[type="submit"]:focus, ui-button:focus{ font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; background-color: #002145; color: #FFFFFF; font-weight: bold; } .ui-widget button:active, .ui-widget input[type="button"]:active, .ui-widget input[type="submit"]:active, ui-button:active { font-family: 'Open Sans', sans-serif, 'Open Sans Regular'; font-size: 13px; background-color: #002145; color: #FFFFFF; font-weight: bold; } .ui-icon-closethick { background-image: url('/archives/images/material_menu_close_16x16.png') !important; background-position-x: 0px !important; background-position-y: 0px !important; } .ui-dialog-titlebar-close { border: none !important; background: none !important; box-shadow: none !important; } .ui-dialog-titlebar-close:hover { background: none !important; } .ui-dialog-titlebar-close:focus { box-shadow: none !important; } .ui-dialog-titlebar-close:active { background: none !important; } </style> <script type="text/javascript" src="/archives/js/jquery/jquery-3.3.1.min.js"></script> <script type="text/javascript" src="/archives/js/jquery-ui/jquery-ui-1.12.1.custom.min.js"></script> <script type="text/javascript" src="/archives/js/tablesorter/jquery.tablesorter.combined.min.js"></script> <script type="text/javascript" src="/archives/js/tablesorter/widgets/widget-pager.min.js"></script> <script type="text/javascript" src="/archives/js/tablesorter/widgets/widget-output.min.js"></script> <script type="text/javascript"> var change = 0; function entryChanged() { change = 1; } function goTo(url) { location.href=url; } function reloadPage() { location.reload(); } function loadXMLDoc(url, reqfunc) { req = $.get(url, {}, reqfunc); } function postXMLDoc(url, params, reqfunc) { req = $.post(url, params, reqfunc); } function getFirstChild(n) { x=n.firstChild; while (x.nodeType!=1) {x=x.nextSibling} return x; } function getEditorContent(areaid) { var content; if (document.getElementById(areaid)) { try { var oEditor = CKEDITOR.instances[areaid]; content = oEditor.getData(); content = content.replace(/&/g,"&"); return content; } catch (err) { return document.getElementById(areaid).value; } } } function clearField(id) { $("#"+id).val(""); } function clearSessionStorage() { sessionStorage.clear(); } function clearLocalStorage() { localStorage.removeItem('tablesorter-filters'); } function isEmpty(x) { if ($(x).val()) {return 0} else {return 1}; } function inputFocus(id) { $("#"+id).addClass("blank"); } function inputBlur(id) { $("#"+id).removeClass("blank"); } function ck(c) { if (c) { $("."+c+":visible").prop("checked", true); } else { $(".ckbox:visible").prop("checked", true); } } function unck(c) { if (c) { $("."+c).prop("checked", false); } else { $(".ckbox").prop("checked", false); } } function setWidth() { if ($(window).width() < 479) { return 300 } else if ($(window).width() < 639) { return 450 } else { return 600 } } function setMaxHeight() { if ($(window).width() < 479) { return 525 } else if ($(window).width() < 639) { return 650 } else { return 650 } } function showHelp(title,template,section) { var w = setWidth(); var mh = setMaxHeight(); helptext = "/scripts/wa.exe?SHOWTPL=" + template + "&S=" + section + ""; $.ajax({ type: "GET", url: helptext, dataType: "html", cache: false, success: function(html) { $("#help").dialog({ autoOpen:false, width:w, height:"auto", maxHeight:mh, modal:false, title:title }); $("#help").html(html); $("#help").dialog("open"); } }); } function showWarning(title,template,section,button) { var w = setWidth(); var mh = setMaxHeight(); helptext = "/scripts/wa.exe?SHOWTPL=" + template + "&S=" + section + ""; $.ajax({ type: "GET", url: helptext, dataType: "html", cache: false, success: function(html) { $("#help").dialog({ autoOpen:false, width:w, height:"auto", maxHeight:mh, modal:true, title:title, buttons: [ { text:button, click: function() { $(this).dialog("close"); } } ] } ); $("#help").html(html); $("#help").dialog("open"); } }); } function showConfig(title,url) { var w = setWidth(); var mh = setMaxHeight(); $.ajax({ type: "GET", url: url, dataType: "html", cache: false, success: function(html) { $("#prompt").dialog({ autoOpen:false, width:w, height:"auto", maxHeight:mh, modal:true, title:title }); $("#prompt").html("<br />" + html + "<br />"); $("#prompt").dialog("open"); } }); } function showIframe(title,url) { var w = setWidth(); var mh = setMaxHeight(); $("#iframe").dialog({ width:w, height:"auto", maxHeight:mh, modal:true, title:title, close: function(event, ui) { reloadPage() } }); $("#iframe").html("<br /><iframe src=\"" + url + "\" style=\"width:100%; height:400px; border:none; background:none\"></div>"); $("#iframe").dialog("open"); } function showPrompt(title,prompt,button) { var w = setWidth(); $("#prompt").dialog({ autoOpen:false, width:w, height:"auto", modal:true, title:title, buttons: [ { text:button, click: function() { $(this).dialog("close"); } } ] }); $("#prompt").html("<br />" + prompt + "<br />"); $("#prompt").dialog("open"); } function showDialog(title) { var w = setWidth(); $("#dialog").dialog({ width:w, height:"auto", modal:true, title:title }); $("#dialog").dialog("open"); } function showNonModalDialog(title) { var w = setWidth(); $("#nmdialog").dialog({ width:w, height:"auto", modal:false, title:title }); $("#dialog").dialog("open"); } function confirmAction(title,prompt,yes,no,url) { var w = setWidth(); $("#prompt").dialog({ autoOpen:false, width:w, height:"auto", modal:true, title:title, buttons: [ { text:yes, click: function() { self.location.href = url; } }, { text:no, click: function() { $(this).dialog("close"); } } ] }); $("#prompt").html("<br />" + prompt + "<br />"); $("#prompt").dialog("open"); } function confirmChange(title,prompt,yes,no,url) { var w = setWidth(); if (change == 1) { $("#prompt").dialog({ autoOpen:false, width:w, height:"auto", modal:true, title:title, buttons: [ { text:yes, click: function() { self.location.href = url; } }, { text:no, click: function() { $(this).dialog("close"); } } ] }); $("#prompt").html("<br />" + prompt + "<br />"); $("#prompt").dialog("open"); } else { self.location.href = url; } } function confirmOpt(name,title,prompt,yes,no,id) { var w = setWidth(); $("#prompt").dialog({ autoOpen:false, width:w, height:"auto", modal:true, title:title, buttons: [ { text:yes, click: function() { $("#"+name).val(title); document.forms[id].submit(); } }, { text:no, click: function() { $(this).dialog("close"); } } ] }); $("#prompt").html("<br />" + prompt + "<br />"); $("#prompt").dialog("open"); } function loadVariable() { $.ajax({ type: "GET", url: "/scripts/wa.exe?VARED=" + $("#vared").val() + "&name=" + $("#name").val() + "", dataType: "html", cache: false, success: function(html) { html = html.replace(/\n/g,""); fields = $("#name").val().split(','); $("#vname").val(fields[0]); $("#vtemplate").val(fields[1]); $("#data").val(html); if ($("#name").val() == "") { $("#emsave").prop("disabled", true) } else { $("#emsave").prop("disabled", false) } } }); } function saveVariable() { showSpinner(); $.ajax({ type: "GET", url: "/scripts/wa.exe?VARED=" + $("#vared").val() + "&name=" + $("#vname").val() + "&template=" + $("#vtemplate").val() + "&data=" + encodeURIComponent($("#data").val()) + "&U=1", dataType: "html", cache: false, success: function(html) { reloadPage(); } }); } function showDesc(desc,listname,listtitle) { var w = setWidth(); $("#listdesc").css( { "width": w+"px" } ); desc = desc.replace(/border-collapse/g,"x-collapse"); $("#listdesc").html("<table class=\"nopadding\"><tr><td class=\"nopadding\"><img src=\"/archives/images/material_menu_boxcorner1_16x16.png\" alt=\"\" class=\"block\" /></td><td class=\"nopadding\" background=\"/archives/images/material_menu_boxtop_16x16.png\"></td><td class=\"nopadding\"><img src=\"/archives/images/material_menu_boxcorner2_16x16.png\" alt=\"\" class=\"block\" /></td></tr><tr><td class=\"nopadding\" background=\"/archives/images/material_menu_boxleft_16x16.png\"></td><td class=\"width-100\"><table class=\"width-100 nopadding border\"><tr><td class=\"normalgroup\"><b>" + unescape(listname) + "</b><br />" + unescape(listtitle) + "</td></tr><tr><td class=\"normalgroup\">" + unescape(desc) + "</td></tr></table></td><td class=\"nopadding\" background=\"/archives/images/material_menu_boxright_16x16.png\"></td></tr><tr><td class=\"nopadding\"><img src=\"/archives/images/material_menu_boxcorner3_16x16.png\" alt=\"\" class=\"block\" /></td><td class=\"nopadding\" background=\"/archives/images/material_menu_boxbottom_16x16.png\"></td><td class=\"nopadding\"><img src=\"/archives/images/material_menu_boxcorner4_16x16.png\" alt=\"\" class=\"block\" /></td></tr></table>"); $(document).mousemove(function(e){ $("#listdesc").css( { "left": e.pageX+10 + "px", "top": e.pageY+10 + "px" } ); var size = e.pageY+10 + $("#listdesc").height(); var pos = $(window).height() + $(window).scrollTop(); if (size > pos) { if ($("#listdesc").height() < $(window).height()) { $("#listdesc").css( { "left": e.pageX+10 + "px", "top": e.pageY+10 - $("#listdesc").height() + "px" } ); } } }); } function hideDesc() { $("#listdesc").html(""); } function showSpinner() { $("#loading").show(); $("#spinner").show(); $("#spinner").html("<img src=\"/archives/images/material_status_spinner_100x100.gif\" style=\"border:1px solid #999999\" />"); } function hideSpinner() { $("#loading").hide(); $("#spinner").hide(); $("#spinner").html(""); } function toggleProfile() { closeNavOpts(); $("#profile").fadeToggle("fast"); } function editProfile() { showConfig('Edit Profile','/scripts/wa.exe?SHOWTPL=PROFILE-MAIN'); } function editNewsProfile() { showConfig('Edit Newsletter Profile','/scripts/wa.exe?SHOWTPL=PROFILE-NEWS'); } function closeProfile() { if ($("#profile").css("display") == "block") { $("#profile").fadeToggle("fast"); } } function saveProfile() { var data = new FormData($("#editprofile")[0]); $("#prompt").dialog("close"); showSpinner(); $.ajax({ method: "POST", url: "/scripts/wa.exe", data: data, cache: false, contentType: false, processData: false, success: function(result) { reloadPage(); } }); } function toggleNavOpts(event) { closeProfile(); navoptpos = $("#navtrigger").position(); $("#navopts").css( { "top": navoptpos.top + 25 + "px" } ); $("#navopts").css( { "left": navoptpos.left - $("#navopts").width() + 24 + "px" } ); if ($("#navopts").css("display") == "block") { $(".navtrigger").css( { "border-bottom": "1px solid #CCCCCC" } ) } else { $(".navtrigger").css( { "border-bottom": "1px solid #FFFFFF" } ) } $("#navopts").fadeToggle("fast"); event.stopPropagation(); } function closeNavOpts() { if ($("#navopts").css("display") == "block") { $("#navopts").fadeToggle("fast"); $(".navtrigger").css( { "border-bottom": "1px solid #CCCCCC" } ); } } function keepNavOpts(event) { event.stopPropagation(); } function toggleSubnav(x) { closeNavOpts(); closeProfile(); if ($(window).width() < 768) { $("#subnav-wrap").css( { "width": "100%" } ); } if ($("#subnav-wrap").css("display") == "block") { $("#menu-subnav").attr( { "src": "/archives/images/material_menu_caret_closed_white_40x40.png" } ); $("#subnav-wrap").fadeToggle("fast", function() { $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "height": "auto" } ); positionSubnav(); }); } else { $("#menu-subnav").attr( { "src": "/archives/images/material_menu_caret_open_white_40x40.png" } ); if (x != 1) { $("#subnav-wrap").fadeToggle("fast", function() { $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "height": "auto" } ); positionSubnav(); }); } else { if ($(window).width() > 767) { $("#subnav-wrap").css( { "display": "block" } ); $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "height": "auto" } ); positionSubnav(); } } } } function toggleAdmin() { if ($("#admin").css("display") == "none") { $.ajax({ type: "GET", url: "/scripts/wa.exe", data: "PREF&0=GLOBAL_SUBNAV_ADMIN&1=1" }); $("#admin-arrow").html("▾"); $("#owner-trigger").addClass("border-top"); $("#admin").slideToggle("fast", function() { $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "height": "auto" } ); positionSubnav(); }); } else { $.ajax({ type: "GET", url: "/scripts/wa.exe", data: "PREF&0=GLOBAL_SUBNAV_ADMIN&1=0" }); $("#admin-arrow").html("▸"); $("#owner-trigger").removeClass("border-top"); $("#admin").slideToggle("fast", function() { $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "height": "auto" } ); positionSubnav(); }); } } function toggleOwner() { if ($("#owner").css("display") == "none") { $.ajax({ type: "GET", url: "/scripts/wa.exe", data: "PREF&0=GLOBAL_SUBNAV_OWNER&1=1" }); $("#owner-arrow").html("▾"); $("#archive-trigger").addClass("border-top"); $("#owner").slideToggle("fast", function() { $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "height": "auto" } ); positionSubnav(); }); } else { $.ajax({ type: "GET", url: "/scripts/wa.exe", data: "PREF&0=GLOBAL_SUBNAV_OWNER&1=0" }); $("#owner-arrow").html("▸"); $("#archive-trigger").removeClass("border-top"); $("#owner").slideToggle("fast", function() { $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "height": "auto" } ); positionSubnav(); }); } } function toggleArchive() { if ($("#archive").css("display") == "none") { $.ajax({ type: "GET", url: "/scripts/wa.exe", data: "PREF&0=GLOBAL_SUBNAV_ARCHIVE&1=1" }); $("#archive-arrow").html("▾"); $("#archive").slideToggle("fast", function() { $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "height": "auto" } ); positionSubnav(); }); } else { $.ajax({ type: "GET", url: "/scripts/wa.exe", data: "PREF&0=GLOBAL_SUBNAV_ARCHIVE&1=0" }); $("#archive-arrow").html("▸"); $("#archive").slideToggle("fast", function() { $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "height": "auto" } ); positionSubnav(); }); } } function setAdmin() { $("#admin").css( { "display": "block" } ); $("#admin-arrow").html("▾"); $("#owner-trigger").addClass("border-top"); } function setOwner() { $("#owner").css( { "display": "block" } ); $("#owner-arrow").html("▾"); $("#archive-trigger").addClass("border-top"); } function setArchive() { $("#archive").css( { "display": "block" } ); $("#archive-arrow").html("▾"); } function positionSubnav() { $("#subnav-wrap").css( { "height": "auto" } ); if ($("#subnav-wrap").css("display") == "block") { if ($(window).width() > 767) { $("#subnav-wrap").css( { "width": "auto" } ); $("#content-wrap").css( { "width": $(window).width() - $("#subnav-wrap").width() + "px" } ); $("#content-wrap").css( { "left": $("#subnav-wrap").width() + "px" } ); } else { $("#subnav-wrap").css( { "width": "100%" } ); $("#subnav-wrap").css( { "height": "auto" } ); $("#content-wrap").css( { "width": "100%" } ); $("#content-wrap").css( { "left": "0px" } ); } } else { $("#content-wrap").css( { "width": "100%" } ); $("#content-wrap").css( { "left": "0px" } ); } if ($("#subnav-wrap").height() > $(window).height()) { if ($("#subnav-wrap").height() > $("#content-wrap").height()) { $("#subnav-wrap").css( { "position": "absolute" } ); $("#subnav-wrap").css( { "height": $(document).height() } ); } else { $("#subnav-wrap").css( { "position": "absolute" } ); $("#subnav-wrap").css( { "height": $("#content-wrap").height() + $("#content-wrap").position().top } ); } } else { $("#subnav-wrap").css( { "position": "fixed" } ); $("#subnav-wrap").css( { "height": "100%" } ); } adjustTableWrap(); } function adjustTableWrap() { if ($("#subnav-wrap").css("display") == "block") { if ($("body").innerWidth() != $("#subnav-wrap").width()) { $("#table-wrap").css( { "width": $("body").innerWidth()-$("#subnav-wrap").width()-46 } ) } } else { $("#table-wrap").css( { "width": $("body").innerWidth()-46 } ); } } function downloadCSV() { $(".nocsv img").each(function () { $(this).attr("onmouseover",$(this).attr("onmouseover").replace(/</ig,"<")); $(this).attr("onmouseover",$(this).attr("onmouseover").replace(/>/ig,">")); }) var $this = $("#table-wrap"); $table = $this.find("table"); $table.trigger("outputTable"); $(".nocsv img").each(function () { $(this).attr("onmouseover",$(this).attr("onmouseover").replace(/</ig,"<")); $(this).attr("onmouseover",$(this).attr("onmouseover").replace(/>/ig,">")); }) $("#format").val("table"); return false; } function dismissWhatsNew() { $("#whatsnew").css( { "display": "none" } ); $.ajax({ type: "GET", url: "/scripts/wa.exe", data: "PREF&0=GLOBAL_WHATSNEW&1=b" }); } </script> </head> <body> <div id="splash"></div> <div id="flexbox-wrap"> <div id="flexbox"> <div class="float-right menupos-right"> <div id="navtrigger" class="noselect"> <table class="navtrigger" role="presentation"> <tr><td><a href="javascript:" onclick="toggleNavOpts(event)" class="pointer"><img src="/archives/images/material_menu_subnav_small_22x22.png" alt="Menu" title="Menu" class="block" /></a></td></tr> </table> </div> <div id="navopts" class="noselect" onclick="keepNavOpts(event)"> <table class="navopts" role="presentation"> <tr> <td class="width-5 pad-right"><a href="/scripts/wa.exe?INDEX"><img src="/archives/images/material_archive_index_22x22.png" alt="UBC Mailing Lists Archives" title="UBC Mailing Lists Archives" class="block" /></a></td> <td class="width-95 pad-left nowrap"><a href="/scripts/wa.exe?INDEX">UBC Mailing Lists Archives</a></td> </tr> <tr> <td class="width-5 pad-right"><a href="/scripts/wa.exe?A0=CHINESE-FILM-CLASSICS"><img src="/archives/images/material_archive_home_22x22.png" alt="CHINESE-FILM-CLASSICS Home" title="CHINESE-FILM-CLASSICS Home" class="block" /></a></td> <td class="width-95 pad-left nowrap"><a href="/scripts/wa.exe?A0=CHINESE-FILM-CLASSICS">CHINESE-FILM-CLASSICS Home</a></td> </tr> <tr><td colspan="2"><hr /></td></tr> <tr> <td class="width-5 pad-right"><a href="/scripts/wa.exe?LOGON=SUBED1%3DCHINESE-FILM-CLASSICS%26A%3D1&L=CHINESE-FILM-CLASSICS"><img src="/archives/images/material_archive_login_22x22.png" alt="Log In" title="Log In" class="block" /></a></td> <td class="width-95 pad-left nowrap"><a href="/scripts/wa.exe?LOGON=SUBED1%3DCHINESE-FILM-CLASSICS%26A%3D1&L=CHINESE-FILM-CLASSICS">Log In</a></td> </tr> <tr> <td class="width-5 pad-right"><a href="/scripts/wa.exe?GETPW1"><img src="/archives/images/material_archive_password_22x22.png" alt="Register" title="Register" class="block" /></a></td> <td class="width-95 pad-left nowrap"><a href="/scripts/wa.exe?GETPW1">Register</a></td> </tr> <tr><td colspan="2"><hr /></td></tr> <tr> <td class="width-5 pad-right"><a href="/scripts/wa.exe?SUBED1=CHINESE-FILM-CLASSICS&A=1"><img src="/archives/images/material_archive_subscribe_22x22.png" alt="Subscribe or Unsubscribe" title="Subscribe or Unsubscribe" class="block" /></a></td> <td class="width-95 pad-left nowrap"><a href="/scripts/wa.exe?SUBED1=CHINESE-FILM-CLASSICS&A=1">Subscribe or Unsubscribe</a></td> </tr> <tr><td colspan="2"><hr /></td></tr> <tr> <td class="width-5 pad-right"><a href="/scripts/wa.exe?REPORT=CHINESE-FILM-CLASSICS&z=4&L=CHINESE-FILM-CLASSICS&1=CHINESE-FILM-CLASSICS"><img src="/archives/images/material_archive_search_22x22.png" alt="Search Archives" title="Search Archives" class="block" /></a></td> <td class="width-95 pad-left nowrap"><a href="/scripts/wa.exe?REPORT=CHINESE-FILM-CLASSICS&z=4&L=CHINESE-FILM-CLASSICS&1=CHINESE-FILM-CLASSICS">Search Archives</a></td> </tr> </table> </div> </div> <div class="float-left menupos-left"> <a href="/scripts/wa.exe?SHOWTPL=HELP-SUBEDIT&L=CHINESE-FILM-CLASSICS" target="_help"><img src="data:image/svg+xml;utf8,<svg fill="%23002145" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z" /></svg>" id="menu-help" alt="UBC Mailing Lists 17.0 Help - Subscribe (CHINESE-FILM-CLASSICS)" title="UBC Mailing Lists 17.0 Help - Subscribe (CHINESE-FILM-CLASSICS)" style="width: 24px; height: 24px" /></a> </div> <table class="width-100 center"> <tr> <td class="center"> <a href="/scripts/wa.exe?A0=CHINESE-FILM-CLASSICS"><img src="data:image/svg+xml;utf8,<svg fill="%23002145" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m 8.0373733,0.0479 c -2.20914,1.0228 2.2746197,9.7075 2.2746197,9.7075 l -3.7526197,3.3392 1.00341,-0.2378 c -1.45433,1.7737 -3.07302,3.7638 -4.38653,5.5137 -2.40268996,3.2008 -3.81997996,5.673 -2.88649996,5.6291 1.54758996,-0.073 8.73915996,-6.7594 8.73915996,-6.7594 l 2.0288597,2.886 0.0915,-1.0079 c 0,0 6.455,3.8509 7.49338,2.1382 0.67604,-1.115 -2.77125,-5.2965 -2.77125,-5.2965 l 3.21363,-2.6862 -0.87799,0.079 c 0,0 6.81619,-7.7452 5.66114,-8.9305 -1.0285,-1.0554 -7.38321,4.6953 -7.38321,4.6953 l -1.65596,-3.2548 -0.22204,1.0665 c 0,0 -5.0214597,-7.5985 -6.5696197,-6.8817 z m 6.3645297,8.0689 -0.17458,1.1251 1.27799,0.7512 c -1.19614,1.1576 -2.6153,2.5156 -2.6153,2.5156 0,0 -0.72935,-0.8029 -1.64749,-2.7275 l 1.00171,-1.723 -1.28138,1.1113 c 0,0 -2.1836197,-4.5389 -1.1356197,-5.0639 1.0193597,-0.5107 4.5746697,4.0112 4.5746697,4.0112 z m 6.45268,-0.7444 c 0.85573,0.6675 -3.71534,6.1167 -3.71534,6.1167 l -0.99154,0.1327 -0.96782,1.5766 c -0.71527,-0.8353 -1.89325,-2.1607 -1.89325,-2.1607 0,0 1.49789,-1.4741 2.86616,-2.6724 l 1.32883,0.7547 -0.65933,-1.3216 c 0,0 3.45565,-2.8758 4.03229,-2.426 z m -8.5595,5.736 c 0,0 -2.02714,1.9466 -3.1898997,3.0083 l -1.1051,-0.3773 0.58475,0.8598 c 0,0 -4.01872,3.6206 -4.62043,3.16 -0.67676,-0.518 4.6984,-7.1419 4.6984,-7.1419 l 1.06274,-0.2516 1.0474697,-1.754 c 0.72338,1.301 1.52207,2.4967 1.52207,2.4967 z m 2.30683,3.0566 -1.0068,1.6696 1.36104,-1.12 c 0,0 1.28328,2.125 0.83222,2.7431 -0.75167,1.03 -4.51026,-1.4525 -4.51026,-1.4525 l 0.0746,-1.0838 -1.4661297,-0.5307 c 0.9298197,-0.9146 2.7915797,-2.7534 2.7915797,-2.7534 0,0 1.33337,1.6092 1.92377,2.5277 z" /></svg>" alt="UBC Mailing Lists 17.0 - CHINESE-FILM-CLASSICS" title="UBC Mailing Lists 17.0 - CHINESE-FILM-CLASSICS" style="width: 40px; height: 40px"></a> </td> </tr> <tr> <td> <h1 class="forcewrap">CHINESE-FILM-CLASSICS</h1> <p><i>Chris Rea's Chinese Film Classics site newsletter</i></p> <br /> <table class="pad-content" role="presentation"> <tr> <td> <form action="/scripts/wa.exe" method="post" id="subedit"> <input type="hidden" name="SUBED2" value="CHINESE-FILM-CLASSICS" /> <table class="width-100 nopadding" role="presentation"> <tr><td> <input type="hidden" name="A" value="1" /> This screen allows you to subscribe or unsubscribe to the CHINESE-FILM-CLASSICS list. To confirm your identity and prevent third parties from subscribing you to a list against your will, an email message with a confirmation link will be sent to your address. Simply wait for this message to arrive, then follow the instructions to confirm the subscription. Alternatively, you can update your subscription settings interactively by <a href="/scripts/wa.exe?LOGON=SUBED1%3DCHINESE-FILM-CLASSICS">logging in</a> with your UBC Mailing Lists password. </td></tr> </table> <br /> <table class="width-100" role="presentation"> <tr> <td scope="row" class="nowrap left"> <label for="subedit-sellist">List Name:</label> <br /> <select name="L" id="subedit-sellist" class="format"> <option value="BIG-RESEARCH-DAY">BIG-RESEARCH-DAY Mailing list for the student-run B.I.G. Research Day conference (https://www.bigresearchday.com/). <option value="CAUSAL-PATH-LAB">CAUSAL-PATH-LAB Causality Learning and Pathology Laboratory <option value="CCIE-EDUC">CCIE-EDUC ccie-educ <option value="CFA-SHUTTLEBUSDRIVERS">CFA-SHUTTLEBUSDRIVERS CfA Shuttle Bus Drivers communication <option value="CLASS-16-17">CLASS-16-17 Class of 2016/17: <option value="CLASS-17-18">CLASS-17-18 Class of 2017/18 <option value="CLASS-18-19">CLASS-18-19 Class of 2018/19 <option value="CLASS-19-20">CLASS-19-20 Class of 2019-20 <option value="CLASS-20-21">CLASS-20-21 Class of 2020-21 <option value="CLASS-21-22">CLASS-21-22 Science One Class - 21-22 <option value="EMED-HIRINGSOLUTIONS">EMED-HIRINGSOLUTIONS All temporary staff through Hiring Solutions <option value="EMED-RESIDENTS">EMED-RESIDENTS All Residents of the UBC Department of Emergency Medicine <option value="EMED-RESIDENTS-FRASER">EMED-RESIDENTS-FRASER All residents at the Fraser site <option value="EMED-RESIDENTS-INTERIOR">EMED-RESIDENTS-INTERIOR All residents at the Interior site <option value="EMED-RESIDENTS-ISLAND">EMED-RESIDENTS-ISLAND All residents at Island site <option value="EMED-RESIDENTS-PGY1">EMED-RESIDENTS-PGY1 All residents in PGY1 <option value="EMED-RESIDENTS-PGY2">EMED-RESIDENTS-PGY2 All residents in PGY2 <option value="EMED-RESIDENTS-PGY3">EMED-RESIDENTS-PGY3 All residents in PGY3 <option value="EMED-RESIDENTS-PGY4">EMED-RESIDENTS-PGY4 All residents in PGY4 <option value="EMED-RESIDENTS-PGY5">EMED-RESIDENTS-PGY5 All residents in PGY5 <option value="EMED-RESIDENTS-VANCOUVER">EMED-RESIDENTS-VANCOUVER All residents at Vancouver site <option value="FP-PRECEPTORCOMM">FP-PRECEPTORCOMM Preceptor Community <option value="HEMM-MEMBERS">HEMM-MEMBERS Mailing list for the Health Economics Methodology Meeting <option value="ROSSBY-EXTREMES">ROSSBY-EXTREMES Atmospheric jet stream dynamics, Rossby waves, <option value="SCI1TEAM-22-23">SCI1TEAM-22-23 Science One Team 2022-23 <option value="SCI1TEAM-23-24">SCI1TEAM-23-24 Science One Team 2023-24 <option value="SCITAS-23-24">SCITAS-23-24 Science One Teaching Assistants 2023-24 <option value="SDC-ADM-QA">SDC-ADM-QA IRP Student Admissions team needs a generic email address <option value="TBC-NETWORK">TBC-NETWORK TBC@UBC Network <option value="TEAMLEARNING-L">TEAMLEARNING-L Team-Based Learning <option value="UBC-UFOR">UBC-UFOR UBC Urban Forestry Mailing List <option value="UBCO-OKUR-CEREMONIES">UBCO-OKUR-CEREMONIES Ceremonies & Events list serve <option value="UBCO-OKUR-UNIVERSITY-RELATIONS">UBCO-OKUR-UNIVERSITY-RELATIONS University Relation team member list serve. <option value="CHINESE-FILM-CLASSICS" selected>CHINESE-FILM-CLASSICS (unlisted) </select> <input type="button" onclick="document.forms['subedit'].submit()" value="Update" /> </td> </tr> <tr> <td scope="row" class="nowrap left"> <label for="subedit-name">Name:</label><br /> <input type="text" name="p" value="" id="subedit-name" /> <input type="hidden" name="q" value="" /> </td> </tr> <tr> <td scope="row" class="nowrap left"> <label for="subedit-email">Email Address:</label><br /> <input type="text" name="s" value="" id="subedit-email" /> <input type="hidden" name="t" value="" /> </td> </tr> <tr><td colspan="2"><br /></td></tr> <tr><td colspan="2" align="center"> <input type="submit" name="b" value="Subscribe" /> <input type="submit" name="a" value="Unsubscribe" /> <br /> <input type="submit" name="e" value="Unsubscribe (All Lists)" /> </td> </tr> </table> <input type=hidden name=_charset_> </form> </td> </tr> </table> </td> </tr> </table> </div> <script type="text/javascript"> $(document).ready(function() { if ($("#flexbox").height() > $(window).height()) { $("#flexbox-wrap").css("align-items", "flex-start") } else { $("#flexbox-wrap").css("align-items", "center") } const dayOfYear = date => Math.floor((date - new Date(date.getFullYear(), 0, 0)) / 1000 / 60 / 60 / 24); dayOfYear(new Date()); var bg = "/archives/images/background_" + dayOfYear(new Date()) % 12 + ".jpg"; $("#splash").css("background-image", "url(" + bg + ")"); }); $(window).on("resize", function() { if ($("#flexbox").height() > $(window).height()) { $("#flexbox-wrap").css("align-items", "flex-start") } else { $("#flexbox-wrap").css("align-items", "center") } }); </script> </div> <div id="prompt"></div> </body> </html>