出版物详细信息据/title> <style type="text/css">/*** * UC Irvine template site-wide styles * @author Todd McGill, Strategic Communications Most of the sytles are in global.min.css. If you want to change any of them, copy from global.min.css to this .css file and then change them. ***/ /*div[role='main'] { background-color: rgb(242, 242, 242); }*/ Links */ header .wordmark { background-repeat: no-repeat; background-size: auto 100%; display: block; font-family: "Times New Roman",Times,serif; /* old height 45, margin-bottom 24 , margin-top 28*/ height: 77px; margin-top: 28px; margin-right: 0; margin-left: 0; margin-bottom: 14px; text-indent: -999em; font-size: 225%; font-variant: small-caps } header .headlines_wordmark { background-repeat: no-repeat; background-size: auto 100%; display: block; height: 94px; margin-top: 28px; margin-right: 0; margin-left: 0; margin-bottom: 6px; text-indent: -999em; font-size: 225%; font-variant: small-caps } header nav+.wordmark {margin-top:4px } header nav+.headlines_wordmark {margin-top:4px } header .wordmark em {font-family:"Times New Roman",Times,serif;font-size:80%;font-variant:normal;padding-right:.25em } header .headlines_wordmark em {font-family:"Times New Roman",Times,serif;font-size:80%;font-variant:normal; } * { color: #333333; /* Font color for entire site, not including links */ } div[role="main"] { /* old color was f2f2f2 */ background-color: transparent; font-size: 14px; padding-bottom: 0px; } /* the rest of 'body' is in the global css file */ body{ line-height:1.3; } /*.main-visual img { border-width: thin; border-color: #000000; }*/ #nav-main,hr.region-divider,hr.region-divider-thin { /*background-color: #2E5596; background-image: url("../images/nav_bkg5.png"); background-repeat: repeat-x; border: 0; border-bottom: 4px solid #ffd100; margin: 0; padding: 0*/ } /* The border causes a vertical line to be drawn between menu options. I've made it not show up #nav-main>ul>li{border-left:1px solid #789;border-right:1px solid #789;display:block;float:left}*/ #nav-main>ul>li { border-right: 0px; border-left: 0px; } a { color: #275799; text-decoration: none; border-bottom: 1px solid currentColor; } a:hover { outline: 0px; color: #999999; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; cursor: pointer; } a:visited { color: #275799; } /*** * HEADER STYLES ***/ .bucket-header { border-radius: 8px 8px 8px 8px; /* this does the rounded top. more styles in global css*/ } header .wordmark { /* old height=45*/ height: 77px; width: 670; } header .headlines_wordmark { height: 94px; width: 950px; } header a.view-controls { display: none; } header { /* old header 8px;*/ margin-top: 4px; } header a { font-size: 12px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; } header nav { text-align: right; } header nav li { display: block; } header nav a { color: rgb(102, 119, 136); line-height: 24px; margin-left: 6px; } header nav a:hover { text-decoration: underline; } h1 { font-size: 155%; margin: .5em 0; color: #275799; } h2 { font-size: 102%; margin: .5em 0; color: #275799; } .small_text { font-size: 12px; margin: .5em 0; color: #275799; } @media screen and (max-width: 640px) { header nav { margin-bottom: 8px; text-align: center; } header nav a { margin: 0 4px; } header .wordmark { background-position: top center; height: 34px; margin: 16px auto 8px auto; width: 286px; } header .headlines_wordmark { background-position: top center; height: 34px; margin: 16px auto 8px auto; width: 546px; } header nav + .wordmark, .headlines_workmark { margin: 0 auto 8px auto; } header form { margin-bottom: 8px; position: static; text-align: center; width: auto; } header form.hidden { display: none; visibility: hidden; } header form input[type="text"] { width: 50%; } header a.view-controls { display: inline-block; width: 24px; height: 22px; text-indent: -999px; background-image: url('../images/view_controls.png'); margin-right: 4px; } } select{ font-size: 100%; margin: 0; vertical-align: baseline; padding-top: 3px; padding-bottom: 3px; } input{font-size:100%;line-height:normal;margin:0;vertical-align:baseline;padding-top: 3px;padding-bottom: 3px;} /*** * MAIN NAV STYLES ***/ #nav-main { z-index:1; border-width: 0px 0px 1px; /* remove yellow from bottom border width was 4px border-style: none none solid; border-color: currentColor currentColor rgb(255, 222, 108); margin: 0px; padding: 0px;*/ background-image: url("../images/nav_bkg5.png"); background-repeat: repeat-x; background-color: #275799; border-bottom-color: #275799; } /* width of main menu items */ /* new from Todd*/ #nav-main .content-container { width: 100%; z-index:99; } /* end new */ /* This changes the width of the items insidce the nav bar */ #nav-main > ul > li { width: 16.55%; } /* change the length of the menu with width either % or px. IF you take background-0color out, it will be transparent*/ #nav-main .nav-main-menu { left: auto; width: 22%; background-color: #fefefe; border: thin solid #999999; } #nav-main .nav-main-menu a:hover { background-color: #FFFAD4; } #nav-main .nav-main-menu a { margin-top: 2px; margin-right: 2px; margin-left: 2px; margin-bottom: 2px; padding: 2px 4px; width: 98%; border-bottom-color: rgb(187, 187, 187); border-bottom-width: 1px; border-bottom-style: solid; float: left; display: block; TEXT-DECORATION: none; } hr.view-controls { display: none; } /* main UCI site has 40% for width #nav-main .nav-main-menu > li { margin: 0px 0.25%; width: 100%; float: left; display: block; }*/ #nav-main .nav-main-menu > li { float: none; width: auto; } /* main UCI site has 100% for width */ /* #nav-main .nav-main-menu { left: 0; padding-top: 0; width: 250px; } */ #nav-main .submenu > li { width: 100%; } #nav-main .submenu li a { text-indent: 8px; } .sub-visual, .sub-visual>img{ float: left; padding-right: 17px; clear: both; } .subbucket { margin: 0px 0px 0px 1%; width: 30%; float: left; position: relative; padding-right: 6px; } .subbucket_image_only { margin: 0px 0px 0px 1%; /*width: 42%;*/ float: right; position: relative; padding-right: 6px; } .subbucket, subbucket_image_only li { margin-top:.5em } .subbucket, subbucket_image_only li:first-child {margin-top:0} .subbucket .subbucket-header, subbucket_image_only .subbucket_header { margin: 0; padding: 3px 12px; background-color: #678; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1px } :first-child.subbucket + .subbucket .subbucket-header { background-color: rgb(79, 119, 62); } .subbucket .subbucket-header { /*padding-left: 24px;*/ background-repeat: repeat-y; border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; /*background-image: url(//www.soil-ph.com/uci/images/header_bar.png);*/ text-align: center; } :first-child.subbucket { margin-left: 0px; } @media screen and (max-width: 840px) { #nav-main .nav-main-menu > li { margin: 0; width: 100%; } #nav-main .nav-main-menu a:hover { background-color: #FFFAD4; } } @media screen and (max-width: 640px) { /* new from Todd*/ #nav-main .content-container { width: 98%; } /* end new */ #nav-main > ul > li { border-bottom: 1px solid #789; border-left: none; border-right: none; border-top: 1px solid #789; display: list-item; float: none; width: 100%; } #nav-main > ul > li > a { text-align: left; } #nav-main .nav-main-menu { left: 0; padding-top: 0; width: 100%; } #nav-main .nav-main-menu a:hover { background-color: #FFFAD4; } #nav-main.hidden { display: none; visibility: hidden; } hr.view-controls { display: block; } } /*** * BODY STYLES - This is for the background image ***/ html, body, #bg { height: 100%; width: 100%; background-color: #f2f2f2; } #bg { position:fixed; left:0; right:0; bottom:0; top:0; overflow:hidden; z-index:0; } #bg img { width:100%; height:100%; min-width:100%; min-height:100%; } #content { z-index:1; } /*** * FOOTER STYLES ***/ footer { background-color:#fff; border-top:1px solid #999;font-size:12px;line-height:18px;padding-top:8px;padding-bottom:32px; } footer img { padding-right: 4px; } @media screen and (max-width: 840px) { footer > .content-container > .legal, footer > .content-container > .address { position: static; } footer > .content-container > div { padding: 12px; width: 49%; } footer > .content-container > div:nth-child(3) { clear: left; } footer > .content-container > div:nth-child(3), footer > .content-container > div:nth-child(4) { border-top: 1px dotted #999; } } @media screen and (max-width: 640px) { footer > .content-container > div { width: 99%; } footer > .content-container > div:nth-child(2) { border-top: 1px dotted #999; } footer > .content-container > .address { padding-top: 3px; padding-bottom: 64px; } } /*** * UTILITY CLASSES ***/ @media screen and (max-width: 840px) { .resources .linklist .linklist-header { float: none; width: 100%; } .resources .linklist ul { width: 100%; } .subbucket { width: 49.5%; margin-top: 1%; } :nth-child(3).subbucket { clear: left; margin-left: 0px; } } @media screen and (max-width: 640px) { /*.resources .linklist ul li { float: none; margin-left: auto; width: 100%; }*/ .subbucket { width: 100%; height: auto; margin-left: 0px; } .subbucket img { display: none; } .faculty_list_table img { display: none; } } @media print { .subbuckets { margin: 0px; } .subbucket .subbucket-header { background:none !important;color:#444 !important;font-weight:bold !important;padding:0 !important } } /* images */ .picture { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: 11px/1.4em Arial, sans-serif; } .picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; } .picture_right { margin: 0.5em 0pt 0.5em 0.8em; float:right; } .picture_left { margin: 0.5em 0.8em 0.5em 0; float:left; } .picture_center { margin: 0.5em 0.8em 0.5em 0; float:center; } /* Table Styles */ /* Generic Styling, for Desktops/Laptops */ /* degree table */ table { width: 100%; border-collapse: collapse; } /* Zebra striping */ tr:nth-of-type(odd) { background: #eee; } th { background: #ccc; color: black; font-weight: bold; } caption { background: #fff; color: black; font-weight: bold; padding: 4px; border: 1px solid #ccc; text-align: center; } td, th { padding: 4px; border: 1px solid #ccc; text-align: left; } @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border: 1px solid #ccc; } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } caption { display:none;} /* Label the data for each responsive table */ .faculty_list_table td:nth-of-type(1):before { content: "Name"; font-weight: bold;} .faculty_list_table td:nth-of-type(2):before { content: "Title/Interest"; font-weight: bold;} .faculty_list_table td:nth-of-type(3):before { content: "Email"; font-weight: bold;} .course_list_table {text-align: justify;} .course_list_table td:nth-of-type(1):before { content: "Course"; font-weight: bold;} .course_list_table td:nth-of-type(2):before { content: "Title"; font-weight: bold;} .course_list_table td:nth-of-type(3):before { content: "Instr"; font-weight: bold;} .pubs_year_table td:nth-of-type(1):before { content: "Cover"; font-weight: bold;} .pubs_year_table td:nth-of-type(2):before { content: "Detail"; font-weight: bold;} .staff_list_table td:nth-of-type(1):before { content: "Name"; font-weight: bold;} .staff_list_table td:nth-of-type(2):before { content: "Department"; font-weight: bold;} .staff_list_table td:nth-of-type(3):before { content: "Title"; font-weight: bold;} .staff_list_table td:nth-of-type(4):before { content: "Phone"; font-weight: bold;} .events_list_table td:nth-of-type(1):before { content: "Date"; font-weight: bold;} .events_list_table td:nth-of-type(2):before { content: "Time"; font-weight: bold;} .events_list_table td:nth-of-type(3):before { content: "Program"; font-weight: bold;} .events_list_table td:nth-of-type(4):before { content: "Title"; font-weight: bold;} .news_list_table td:nth-of-type(1):before { content: "Date"; font-weight: bold;} .news_list_table td:nth-of-type(2):before { content: "Time"; font-weight: bold;} .news_list_table td:nth-of-type(3):before { content: "Program"; font-weight: bold;} .degree_type_table td:nth-of-type(1):before { content: "Degree Type"; font-weight: bold;} .degree_type_table td:nth-of-type(2):before { content: "Total"; font-weight: bold;} .student_type_table td:nth-of-type(1):before { content: "Student Type"; font-weight: bold;} .student_type_table td:nth-of-type(2):before { content: "Total"; font-weight: bold;} /* Transferred to calendar.css .calendar td:nth-of-type(1):before { content: "Sunday"; font-weight: bold;} .calendar td:nth-of-type(2):before { content: "Monday"; font-weight: bold;} .calendar td:nth-of-type(3):before { content: "Tuesday"; font-weight: bold;} .calendar td:nth-of-type(4):before { content: "Wednesday"; font-weight: bold;} .calendar td:nth-of-type(5):before { content: "Thursday"; font-weight: bold;} .calendar td:nth-of-type(6):before { content: "Friday"; font-weight: bold;} .calendar td:nth-of-type(7):before { content: "Saturday"; font-weight: bold;} */ } .line-separator { height:1px; /*background:#717171;*/ border-bottom:1px solid #999999; margin-left: 25%; margin-right: 25%; padding-bottom: 5px; padding-top: 5px; } .line-separator2 { height:1px; /*background:#717171;*/ border-bottom:1px solid #999999; padding-bottom: 5px; padding-top: 5px; } .line-separator3 { height:1px; /*background:#717171;*/ border-bottom:1px solid #999999; margin-left: 0%; margin-right: 5%; margin-bottom: 9px; padding-bottom: 5px; padding-top: 5px; } .contrast_text { color: #990000; } .faculty_image { width: 50%; clear: both; text-align: center; } .td_wrapper { display: table-cell; /*width: 200px; height: 150px;*/ text-align: center; vertical-align: middle; } .td_inner { padding: 10px; } /* Spacer Image */ .spacer_img { width:10px; height:10px; float:left; padding:0px; margin:0px; } .alum_indent { margin-left: 5px; margin-right: 5px; padding: 5px; background-color: #DDE7EC; font-size: 11px; } .button{ color: #3c3c3c; display: inline-block; height: 25px; position: relative; padding-top: 2px; padding-right: 22px; padding-left: 22px; padding-bottom: 0; border-radius: 26px; border: 1px solid #d8d6d6; -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3); box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3); background: url('../images/link.png') repeat-x; text-align: center; font-weight: bold; } .pad_left { padding-left: 40px; } .Notify_box { padding: 8px; border: solid 1px black; width: 50%; background-color: #cccccc; border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; margin-top: 12px; }</style> <style type="text/css">/*** * UCI contentpage-1 styles * @author Todd McGill, Strategic Communications * Modified - 5/15/14 - MH ***/ .nav-local { float: left; margin-right: .5%; /* left right padding used to be 12 */ padding: 4px 0px; width: 24%; } .nav-local ol, .nav-local ul { margin: 0; } .nav-local li { border-top: 1px dotted #999; margin: 0; padding-left: 4px; } .nav-local li:first-child { border-top: none; } .nav-local a { border-bottom: none; display: block; font-size: 14px; padding: .25em 0; } .nav-local a:hover { background-color: #ffffcc; } /* Used for Giving Nav Local */ .content-container-test { margin-top: 0; margin-right: .5%; margin-left: 0%; margin-bottom: 0; position: relative; width: 24%; float: left; padding-right: .23%; padding-bottom: 5px; /*float:left;margin:0 .5%;padding:12px 0;width:24%*/ } .padding5 { margin-bottom: 25px; } .nav-local-giving { padding-top: 4px; padding-right: 4px; padding-left: 4px; padding-bottom: 4px; /*width: 24%;*/ } .nav-local-giving ol, .nav-local-giving ul { margin: 0; } .nav-local-giving li { border-top: 1px dotted #999; margin: 0; padding-left: 0px; } .nav-local-giving li:first-child { border-top: none; } .nav-local-giving a { border-bottom: none; display: block; font-size: 14px; padding: .25em 0; } .nav-local-giving a:hover { background-color: #ffffcc; } /* end nav-local-giving*/ .main-visual { margin-bottom: 16px; } .content { float: left; margin-left: .5%; width: 74.5%; } .content .text { float: left; line-height: 1.8em; width: 65.7719%; } .content .textwide { float: left; line-height: 1.8em; width: 99%; } .content .textshort { float: left; line-height: 1.8em; width: 55%; } .content .bucket { float: left; margin-left: 1.3422%; width: 32.8859%; } .donor_spotlight .bucket { float: left; margin-left: 1.3422%; width: 98%; } #grad1 { /* fallback */ background-color: #ffffff; border-radius: 8px 8px 8px 8px; padding: 8px; border: 1px; border-color:#333333; border-style:solid; /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#8d9fc4)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(bottom, #8d9fc4, #ffffff); /* Firefox 3.6+ */ background: -moz-linear-gradient(bottom, #8d9fc4, #ffffff); /* IE 10 */ background: -ms-linear-gradient(bottom, #8d9fc4, #ffffff); /* Opera 11.10+ */ background: -o-linear-gradient(bottom, #8d9fc4, #ffffff); } .donor-header{ margin: 0; padding: 6px 12px; background-color: #516A9B; color: #fff; font-size: 16px; font-weight: normal; letter-spacing: 1px; border-radius: 8px 8px 8px 8px; } .breadcrumbs { padding-top: 8px; padding-left: 4px; padding-bottom: 4px; padding-right: 4px; font-size: 12px; } #dev_bucket { text-align: center; } #dev_bucket ul { text-align: left; } #dev_bucket img { width: 80%; } #support { padding-top: 20px; padding-bottom: 10px; } #support .support-button { left: 0px; width: 70%; height: 40px; text-align: center; bottom: 10px; position: relative; } /* the , a img and outline: none, text-decoration none, border: ... stuff remove the underline from the linked image The support button is slightly different from the one used on the home page button */ #support .support-button a, a .support-button img { margin: 0px auto; width: 180px; height: 40px; text-decoration: none; text-indent: -9999px; display: block; outline: none; border: 0px none transparent; background-image: url("../images/donate_button.png"); background-repeat: no-repeat; } #support .support-button a:hover { opacity: 0.6; } .sub_image { float: right; /*background: red;*/ overflow: hidden; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; position: relative; border: 1px #666666; } /* publication buckets */ .pub_container1 { float: left; width: 110%; overflow: hidden; text-align: center; } .pub_container1 img { border-top: 1px #161616; border-bottom: 1px #161616; border-right: 1px #161616; border-left: 1px #161616; } .pub_col1 { float: left; width: 44%; /*background: red;*/ overflow: hidden; padding-right: 10px; position:relative; } .pub_col2 { float:left; width:43%; /*background:yellow;*/ overflow:hidden; position:relative; } .pub_text { text-decoration: none; color: #333333; padding-top: 2px; padding-left: 2px; padding-bottom: 2px; padding-right: 2px; background-color: #cccccc; } .pub_container2 { float: left; width: 100%; overflow: hidden; margin-bottom: 40 px; } .pub_container2 img { margin: 0px auto; text-decoration: none; text-indent: -9999px; display: block; outline: none; border: 0px none transparent; } .pub_col3 { float: left; width: 20%; /*background: red;*/ overflow: hidden; padding-right: 20px; position:relative; text-align: center; } .pub_col4 { float:left; width:63%; /*background:yellow;*/ overflow:hidden; position:relative; text-align: left; } /* Newsletter or four column containers */ .fourcol_container { float: left; width: 110%; overflow: hidden; text-align: center; vertical_align: top; } .fourcol_container img { border-top: 1px #161616; border-bottom: 1px #161616; border-right: 1px #161616; border-left: 1px #161616; } .fourcol_col1 { float: left; width: 22%; overflow: hidden; padding-right: 8px; padding-bottom: 15px; } /* Three column containers */ .threecol_container { float: left; width: 100%; overflow: hidden; text-align: center; vertical_align: top; } .threecol_container img { border-top: 1px #161616; border-bottom: 1px #161616; border-right: 1px #161616; border-left: 1px #161616; } .threecol_col1 { float: left; width: 30%; /*position: relative;*/ overflow: hidden; padding-right: 8px; padding-bottom: 15px; /*display: table-cell;*/ /*height: 100%;*/ } /* buckets used in alumni page */ .col_bucket { padding-top: 12px; padding-right: 12px; padding-left: 6px; padding-bottom: 12px; background-color: #fff; border: 1px solid #999; border-radius: 8px; position: relative; /*height: 100%;*/ } .col_bucket img {width:100%; margin-left: 2%; margin-right: 2%;} .col_bucket li {margin-top:.5em} .col_bucket li:first-child {margin-top:0} .threecol_bucket .bucket-header {margin:0;padding:6px 12px; } .halldeans1 img { float: left; width: auto; } .halldeans1 .halldeans_text1 { margin-left: 2px; margin-top: 8px; padding-top: 12px; overflow: hidden; text-align: center; } .halldeans1 .halldeans_text1 p { text-align:center; } /* */ .chairsmain img { float: left; width: 90px; height: 112px; padding-right: 10px; padding-bottom: 5px; } .chairsmain div { float: left; margin-left: 5px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; } .studentsmain img { float: left; width: 100px; height: 122px; padding-right: 10px; padding-bottom: 5px; } .studentsmain div { float: left; margin-left: 5px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; } /* Staff Profiles #staffmain img, #staffmain div { float: left; margin-left: 5px; margin-right: 10px; } */ .staffmain1 img, #staffmain1 div { float: left; margin-left: 5px; margin-right: 10px; } .contrasting_text { font-weight: bold; color: rgb(84, 87, 89); } .contrasting_text2 { font-weight: bold; color: rgba(46,89,205,1.00); } /* Staff directory */ .directory_container1 { float: left; width: 100%; text-align: left; } .directory_col1 { float: left; width: 55%; /*background: red;*/ overflow: hidden; position:relative; } .directory_col2 { float: left; width: 40%; /*background: yellow;*/ padding-left: 15px; overflow: hidden; position: relative; border-right; border-color: #000000; border-width: thin; } @media screen and (max-width: 840px) { .content-container-test { width: 100%; } .nav-local, .content { margin: 0; width: 100%; } .nav-local-giving, .content { margin: 0; width: 100%; } .content { margin-top: 16px; } .content .text, .content .bucket { margin: 0; width: 100%; } .content .col_bucket { margin: 0; width: 100%; } #dev_bucket img { display:none; } } @media screen and (max-width: 640px) { .main-visual { margin-bottom: 0; } /* .msg_list is for Expandable Text's */ .msg_list { margin: 0px; padding: 0px; width: 100%; } .sub_image { display: none; } .subbucket_image_only img { display: none; } .content-container-contact .subbucket_image_only { width: 100%; } .pub_container1 { width: 100%; height: auto; margin-left: 0px; } .pub_col1 { width: 100%; height: auto; margin-left: 0px; } .pub_col2 { width: 100%; height: auto; margin-left: 0px; } .pub_container1 img { display: none; } .pub_container2 img { display: none; } .fourcol_container { width: 100%; height: auto; margin-left: 0px; } .fourcol_col { width: 100%; height: auto; margin-left: 0px; } .fourcol_container img { display:none; } .threecol_container { width: 100%; height: auto; margin-left: 0px; } .threecol_col1 { width: 100%; height: auto; margin-left: 0px; } .threecol_container img { display:none; } # img { display:none; } .directory_col1 { width: 100%; height: auto; margin-left: 0px; } .directory_col2 { width: 100%; height: auto; margin-left: 0px; } /* Don't show any of the event select choices for phone view */ .hide_event_inputs { display:none; } .content-container-contact .subbucket { width: 100%; } .staffmain1 img { display:none; } .chairsmain img { display:none; } .studentsmain img { display:none; } } @media print { .nav-local, nav-local-giving { display: none; } .content { margin: 0; width: 100%; } } .content-container-contact { padding-left: 14px; width: 90%; float: right; } .content-container-contact>div{ float: left; margin: 0 .5%; padding-top: 12px; padding-right: 0; padding-bottom: 12px; width: 27% } /* css button */ .css_button { border-top: 1px solid #7f7fe8; background: #7a7acf; background: -webkit-gradient(linear, left top, left bottom, from(#275799), to(#86a9d9)); background: -webkit-linear-gradient(top, #275799, #86a9d9); background: -moz-linear-gradient(top, #275799, #86a9d9); background: -ms-linear-gradient(top, #275799, #86a9d9); background: -o-linear-gradient(top, #275799, #86a9d9); padding: 5px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .css_button:hover { border-top-color: #272766; background: #272766; color: #fffaff; } .css_button:active { border-top-color: #343499; background: #343499; } /* Grey button */ .css_button2 { border-top: 1px solid #666666; border-left: 1px solid #666666; border-right: 1px solid #666666; background: #7a7acf; background: -webkit-gradient(linear, left top, left bottom, from(#343499), to(#7a7acf)); background: -webkit-linear-gradient(top, #cccccc, #fefefe); background: -moz-linear-gradient(top, #cccccc, #fefefe); background: -ms-linear-gradient(top, #cccccc, #fefefe); background: -o-linear-gradient(top, #cccccc, #fefefe); padding: 5px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: white; font-size: 14px; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .css_button2:hover { border-top-color: #666666; background: #cccccc; color: #fffaff; } .css_button2:active { border-top-color: #666666; background: #cccccc; } /* testing - safe to remove*/ #xt_container1 { display: table; width:100%; } #xt_col1, #xt_col2, #xt_col3 { display: table-cell; } #xt_col1 { width:30%; background:red; } #xt_col2 { width:40%; background:yellow; } #xt_col3 { width:30%; background:green; } #xcontainer3 { float:left; width:100%; background:green; overflow:hidden; position:relative; } #xcontainer2 { float:left; width:100%; background:yellow; position:relative; right:30%; } #xcontainer1 { float:left; width:100%; background:red; position:relative; right:40%; } #xcol1 { float:left; width:26%; position:relative; left:72%; overflow:hidden; } #xcol2 { float:left; width:36%; position:relative; left:76%; overflow:hidden; } #xcol3 { float:left; width:26%; position:relative; left:80%; overflow:hidden; } /* Used for expandable text */ .msg_list { margin: 0px; padding: 0px; width: 100%; } .msg_head { padding: 5px 10px; cursor: pointer; position: relative; background-color:transparent; margin:1px; /*font-style: italic;*/ color: #333333; } .msg_body { padding: 2px 8px 10px; background-color:#ffffff; color: #333333; font-weight: normal; }</style> <style type="text/css">/*** * UCI global styles * @author Todd McGill, Strategic Communications * @version 20131120 ***/ *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#444;font-family:sans-serif}[disabled]{color:#999;cursor:default}[hidden]{display:none}a{border-bottom:1px dotted;color:#444;text-decoration:none}a:active{outline:0}a:focus{outline:thin dotted}a:hover{border-bottom:0;cursor:pointer;outline:0}a:visited{color:#444}a img{border-bottom:0;transition-property:opacity;-webkit-transition-property:opacity;transition-duration:.3s;-webkit-transition-duration:.3s}a:hover img{opacity:.6}abbr[title]{border-bottom:1px dotted}address{font-style:normal}article{display:block}aside{display:block}audio{display:inline-block}audio:not([controls]){display:none}b{font-weight:bold}blockquote{margin:1em 3em}body{font-size:1em;line-height:1.4;margin:0}button{cursor:pointer;font-size:100%;line-height:normal;margin:0;vertical-align:baseline;-webkit-appearance:button}button::-moz-focus-inner{border:0;padding:0}canvas{display:inline-block}cite{font-style:italic}code{font-family:monospace,serif;font-size:1em}dd{margin:0 0 0 2em}del{text-decoration:line-through}details{display:block}dfn{font-style:italic}em{font-style:italic}fieldset{border:0;margin:0;padding:0}figcaption{display:block}figure{display:block;margin:0}footer{display:block}form{margin:0}h1{font-size:175%;margin:.5em 0}h2{font-size:160%;margin:.5em 0}h3{font-size:145%;margin:.5em 0}h4{font-size:130%;margin:.5em 0}h5{font-size:115%;margin:.5em 0}h6{font-size:100%;margin:.5em 0}header{display:block}hgroup{display:block}hr{border:0;border-top:1px solid #999;display:block;height:1px;margin:1em 0;padding:0}html{background:#fff;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}i{font-style:italic}iframe{border:0}img{border:0;height:auto;max-width:100%;-ms-interpolation-mode:bicubic;vertical-align:middle}input{font-size:100%;line-height:normal;margin:0;vertical-align:baseline}input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}input::-moz-focus-inner{border:0;padding:0}ins{text-decoration:none}kbd{font-family:monospace,serif;font-size:1em}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}mark{background:#ff0;color:#000;font-weight:bold}nav{display:block}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}ol{padding:0 0 0 1em}p{margin:1em 0}pre{white-space:pre;white-space:pre-wrap}q{quotes:none}q:before,q:after{content:"";content:none}s{text-decoration:line-through}samp{font-family:monospace,serif;font-size:1em}section{display:block}select{font-size:100%;margin:0;vertical-align:baseline}small{font-size:85%}strong{font-weight:bold}sub{bottom:-0.25em;font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;top:-0.5em;vertical-align:baseline}svg:not(:root){overflow:hidden}table{background-color:#fff;border-collapse:collapse;border-spacing:0}textarea{font-size:100%;margin:0;overflow:auto;resize:vertical;vertical-align:baseline}textarea:invalid{border:2px solid red}ul{padding:0 0 0 1em}var{font-style:italic}video{display:inline-block}header{margin-top:8px}header a{border-bottom:0;font-size:14px}header nav{text-align:right}header nav li{display:inline-block}header nav a{color:#678;line-height:24px;margin-left:24px}header nav a:hover{text-decoration:underline}header .wordmark{background-repeat:no-repeat;background-size:auto 100%;display:block;font-family:"Times New Roman",Times,serif;height:45px;margin:28px 0 24px 0;text-indent:-999em;font-size:225%;font-variant:small-caps}header nav+.wordmark{margin-top:4px}header .wordmark em{font-family:"Times New Roman",Times,serif;font-size:80%;font-variant:normal;padding-right:.25em}header form{bottom:24px;position:absolute;right:0}header form.hidden{display:block;visibility:visible}header form input[type="text"]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPNJREFUeNqkUsENgkAQPEh8nyXQgffwLyVYBW0ADfiHl3agHVACdkAJ8vYBs3FMTlnIKZNsgL3Z2WFvo2EYjKCu6wSPAnFEWPNCj7hKPsuyzswgEhEIOLw3LJbClufOy6UQalWRqqoSFgm5BLHwCWgg3zmFnOYo5i+oAgLmSnIKzUnMGfSawJdQT64qYr0ZLKH1Bj4RWY34PbAAriNXFZE9sLwFFTyz5Jq525EOuSbkXfETcVqzbCKwQdy5dI/JYLmJUnBh/sAwzO0psJNmaLqdOAkBCxsKfTgKvmIWpJqjYCdLjn5eNsXR+a+N9YRuiG4UYADZI2+6rWRWmQAAAABJRU5ErkJggg==);background-position:4px 4px;background-repeat:no-repeat;background-size:auto 70%;border:1px solid #999;border-radius:8px;font-size:14px;height:22px;padding-left:24px;width:180px}header form input[type="submit"]{background:0;border:0;font-size:14px;padding:0}@media print{header{border-bottom:1px solid #999;margin-bottom:16px;padding-bottom:16px}header nav,header form{display:none}header .wordmark{background-image:none !important;margin:0;text-indent:0;width:100% !important}} #nav-main,hr.region-divider,hr.region-divider-thin {background-color:#024;/*background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTJGNTcxNkJEQjY1MTFFMUE2RURFNkZEQzREN0UyQkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTJGNTcxNkNEQjY1MTFFMUE2RURFNkZEQzREN0UyQkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMkY1NzE2OURCNjUxMUUxQTZFREU2RkRDNEQ3RTJCQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMkY1NzE2QURCNjUxMUUxQTZFREU2RkRDNEQ3RTJCQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi4w3hkAAAAySURBVHjaJEvHDQAgEDIs7Qqu4KyUyMUHoa99LpIgNlxoQJUFSnA1zZ+N93R/398TYACbDy4edQPHHwAAAABJRU5ErkJggg==);background-repeat:repeat-x;*/border:0;border-bottom:4px solid #ffde6c;margin:0;padding:0} hr.region-divider{height:36px} hr.region-divider-thin{background-image:none;border-bottom:2px solid #ffde6c;height:4px} #nav-main.hidden{display:block;visibility:visible} #nav-main>ul>li{border-left:1px solid #789;border-right:1px solid #789;display:block;float:left} #nav-main>ul>li>a{background-color:rgba(255,255,255,0.01);border-bottom:0;color:#fff;display:inline-block;letter-spacing:1px;line-height:32px;text-align:center;width:100%} #nav-main .nav-main-menu{background-color:rgba(255,255,255,.9);font-size:14px;left:.5%;padding:12px 0;position:absolute;text-align:left;visibility:hidden;width:99%;z-index:2} html.no-rgba #nav-main .nav-main-menu {background-color:#f0f0f0} #nav-main .nav-main-menu a,#nav-main .nav-main-menu .section-header {display:block;float:left;border-bottom:1px solid #bbb;margin:0 4px;padding:2px 4px;width:98%} #nav-main .nav-main-menu a:hover,#nav-main .nav-main-menu a:focus{background-color:#ddf} #nav-main .nav-main-menu .section-header{font-weight:bold} #nav-main .nav-main-menu>li{display:block;float:left;margin:0 .25%;width:32.8333%} #nav-main .submenu>li{width:100%} #nav-main .submenu li a{text-indent:8px} #nav-main .nav-main-menu li.nav-menu-close{text-align:right;width:100%} #nav-main .nav-main-menu li.nav-menu-close a{border:0;float:right;width:auto} #nav-main .nav-main-menu li.nav-menu-close a:hover{background-color:transparent} @media print{#nav-main,hr.region-divider{display:none}}div[role="main"]{background-color:#f2f2f2;font-size:14px;padding-bottom:16px}.breadcrumbs{margin-bottom:16px}.breadcrumbs+h1,.breadcrumbs+h2,.breadcrumbs+h3,.breadcrumbs+h4,.breadcrumbs+h5,.breadcrumbs+h6{margin-top:0}.main-visual,.main-visual>img{width:100%}.bucket{padding:12px;background-color:#fff;border:1px solid #999;border-radius:8px}.bucket img{width:100%}.bucket li{margin-top:.5em}.bucket li:first-child{margin-top:0}.bucket .bucket-header{margin:0;padding:6px 12px;background-color:#678;color:#fff;font-size:16px;font-weight:normal;letter-spacing:1px;}.resources{padding:12px;background-color:#fff;border-radius:8px}.resources+.resources{margin-top:2%}.resources .resources-header{border-bottom:1px solid #999}.resources .linklist+.linklist,.resources .resources-header ~ *+.linklist{border-top:1px solid #999}.resources .linklist .linklist-header{float:left;font-size:16px;width:20%}.resources .linklist ul{float:left;width:80%}.resources .linklist ul li{float:left;margin-left:5%;width:45%}@media print{div[role="main"]{background:0;padding:0}.bucket{border:0;height:auto !important;padding:0}.bucket .bucket-header{background:none !important;color:#444 !important;font-weight:bold !important;padding:0 !important}.bucket img{width:100% !important}}footer{background-color:#fff;border-top:1px solid #999;font-size:14px;line-height:24px;padding-top:12px}footer *{list-style:none;margin:0;padding:0}footer a{border-bottom:0}footer a:hover{text-decoration:underline}footer .content-container>div{float:left;margin:0 .5%;padding:12px 0;width:24%}footer .content-container>.legal{position:absolute;left:50%}footer .content-container>.address{ position: absolute; left: 75%; height: 51px; }@media print{footer{margin-top:24px}footer *{background:0;margin:0;padding:0 !important}footer .content-container>div{display:none}footer .content-container>.legal,footer .content-container>.address{display:block}footer .content-container>.legal li,footer .content-container>.legal li br{display:none}footer .content-container>.legal .copyright{display:list-item}}.chromeframe{margin:.2em 0;background:#ccc;color:#444;padding:.2em 0}.content-container{margin:0 auto;position:relative;width:98%;max-width:960px}@media print{.content-container{width:100%}}.ir{background-color:transparent;background-repeat:no-repeat;border:0;direction:ltr;display:block;overflow:hidden;text-align:left;text-indent:-999em}.ir br{display:none}.hidden{display:none;visibility:hidden}.visuallyhidden{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}table.tabular{border-collapse:separate}table.tabular tr:nth-child(2n){background-color:#ddf}table.tabular th,table.tabular td{border-right:1px solid #444;border-bottom:1px solid #444;padding:.2em;position:relative}table.tabular tr:first-child th,table.tabular tr:first-child td{border-top:1px solid #444}table.tabular tr th:first-child,table.tabular tr td:first-child{border-left:1px solid #444}table.tabular th[scope="col"]{background-color:#444;color:#fff;padding:.2em .5em}table.tabular th[scope="row"]{text-align:left}table.tabular tfoot{background-color:#ddd;border-top:2px solid #444;font-weight:bold}.video-container{position:relative;height:0}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-container.ar-4-3{padding-bottom:75%}.video-container.ar-16-9{padding-bottom:56.25%}.video-container.vimeo-container{padding-top:0}.video-container.youtube-container{padding-top:25px} </style> <style type="text/css">.logo_style { font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; font-size: 14px; color: #000000; }</style> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <body> <div align="center"> <img src="//www.soil-ph.com/books/hum_stck_seal_blk.png" alt="UCI人文学派" width="382" height="133" border="0"> <br> <h4>据据a href="javascript:history.back(1)">回到上一页据/a></h4> </div> <div class="pub_container1"> <div class="pub_col1"> <h2>（2014）据/h2> <img src="//www.soil-ph.com/books/kor_pop_culture.jpg" width="102" height="139" alt="韩国流行文化读者"> <p><i>韩国流行文化读者据/i><br>作者：据strong>Kyung Hyun Kim据/strong></p> <a href="https://www.amazon.com/dp/0822355019/" target="_blank">亚马逊据/a> <div class="line-separator"></div> </div> <div class="pub_col2"> <h2>（2011）据/h2> <img src="//www.soil-ph.com/books/virtual_hallyu.jpg" width="102" height="139" alt="Virtual Hallyu：全球时代的韩国电影"> <p><i>Virtual Hallyu：全球时代的韩国电影据/i><br>作者：据strong>Kyung Hyun Kim据/strong></p> <a href="https://www.amazon.com/Virtual-Hallyu-Korean-Cinema-Global/dp/0822351013" target="_blank">亚马逊据/a> <div class="line-separator"></div> </div> </div> </body> </html>