<!-- Script that converts the query string into valid parameter -->

<script type="text/javascript">

function searchPrimo() {

document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value;

document.forms["searchForm"].submit();

}

</script>

<div style="background-color: #A41E35; padding: 4rem; max-width: 100%;">
<h2 style="color:#fff; margin: 1.1rem;">START YOUR SEARCH HERE!</h2>

<!-- Fill in Highlighted Parameters -->

<form id="simple" name="searchForm" method="get" target="_self" action="https://temple.primo.exlibrisgroup.com/discovery/search&quot; enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo()">

<input type="hidden" name="vid" value="01TULI_INST:TUJ">

<input type="hidden" name="tab" value="Everything_TUJ">

<input type="hidden" name="search_scope" value="TUJ_and_CI">

<!-- Fixed parameters -->

<input type="hidden" name="query" id="primoQuery">

<input type="text" id="primoQueryTemp" placeholder="Search for books, articles, journals, and videos..." value="" size="65" style="color:#000; margin: 1.1rem; width: 87%;">

<!-- Search Button -->

<input id="go" title="Search" onclick="searchPrimo()" type="button" value="Search" alt="Search" style="height:4rem; padding:8px; font-size:16px; font-weight: bold;background: #A41E35;color:#fff; border:2px solid #fff; font-family: 'Roboto'; vertical-align: top; margin: 1.1rem;">

</form>
</div>

<link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/…;

<style>
#flexbox_mother {
display: flex;
justify-content: space-between;
}
#flexbox_mother h2 {
margin-bottom: 0;
}
#flexbox_mother h2#search2{
margin-top: 1em;
}
#flexbox_mother form input#search {
width: 90%;
margin-bottom: 1em;
}
#flexbox_mother p {
margin-bottom: 0;
}
#flexbox_mother p.notes {
margin-top: 0;
}
.flexbox_child1 {
/*background: #F2EFE8;*/
align-items: stretch;
width: 33%;
padding: 5px;
}
.flexbox_child2 {
align-items: stretch;
width: 90%;
padding: 0 5px 0 5px;
margin: 0 5px 0 5px;
}
@media (max-width: 900px) {
/* 横幅が900px以下の場合に適用するスタイル */
#flexbox_mother {
display: flex;
justify-content: flex-start;
flex-direction: column;
}
#flexbox_mother form input#search {
width: 100%;
margin-bottom: 1em;
}
.flexbox_child1 {
width: 100%;
}
.flexbox_child2 {
width: 90%;
}
}

#top_programs, #top_infofor {
font-family: "Roboto Condensed", sans-serif;
font: bold;
}
#top_programs a, #top_infofor a {
float: left;
width: 100%;
color: #343434;
text-decoration-line: none;
line-height: 2em;
padding: 0.25em 0.5em;
background: #FFFFFF;
border-bottom: thin solid #f1efe8;
}
#top_programs a:hover, #top_infofor a:hover {
color: #9E1B34;
background: #f1efe8;
}
#top_programs div:first-child a, #top_infofor div:first-child a {
border-top: medium solid #bdaa88;
}
#top_programs div:last-child a, #top_infofor div:last-child a {
border-bottom: medium solid #bdaa88;
}
#top_programs a:before{
color: #9E1B34;
content: "\025b6\00a0";
text-align: left;
}
input#primoQueryTemp {
height: 4rem;
width: 73%;
}

/* custom hyperlist */
#custom_hyperlist {
width: 100%;
height: 6em;
margin: 0 0 4em 0;
font-family: "Roboto Condensed", sans-serif;
font: bold;
}
#custom_hyperlist div a {
float: left;
width: 100%;
color: #343434;
text-decoration-line: none;
line-height: 2em;
padding: 0.25em 0.5em;
background: #FFFFFF;
border-bottom: thin solid #f1efe8;
}
#custom_hyperlist div a:hover {
color: #9E1B34;
background: #f1efe8;
}
#custom_hyperlist div:first-child a {
border-top: medium solid #baa682;
}
#custom_hyperlist div:last-child a {
border-bottom: medium solid #baa682;
}
#custom_hyperlist div a:before{
color: #9E1B34;
content: "\025b6\00a0";
text-align: left;
}

/* custom hyperlist */

body.tu-layout-theme-rebrand main > .region-content h2.top_h2 {
text-transform: uppercase;
border-bottom: 3px solid #BAA682;
line-height: 1.8;
margin-bottom: 1em;
}
body.tu-layout-theme-rebrand main > .region-content h2.top_h2_mb0 {
text-transform: uppercase;
border-bottom: 3px solid #BAA682;
line-height: 1.8;
margin-bottom: 0;
}
body.tu-layout-theme-rebrand .paragraphs-bundle--tu_pg_image .paragraphs-bundle__stage img {
width: 100vw !important;
padding: 0 !important;
margin-left: 50% !important;
position: relative;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: none !important;
}

/* Programs Link */
#float_left_box1 {
float: left;
width: 48%;
margin: 0 2% 0 0;
padding: 0;
}
#float_left_box2 {
float: left;
width: 48%;
margin: 0 0 0 2%;
padding: 0;
}
#top_programs, #top_infofor {
font-family: "Roboto Condensed", sans-serif;
font: bold;
}
#top_programs a, #top_infofor a {
float: left;
width: 100%;
color: #343434;
text-decoration-line: none;
line-height: 2em;
padding: 0.25em 0.5em;
background: #FFFFFF;
border-bottom: thin solid #f1efe8;
}
#top_programs a:hover, #top_infofor a:hover {
color: #9E1B34;
background: #f1efe8;
}
#top_programs div:first-child a, #top_infofor div:first-child a {
border-top: medium solid #bdaa88;
}
#top_programs div:last-child a, #top_infofor div:last-child a {
border-bottom: medium solid #bdaa88;
}
#top_programs a:before{
color: #9E1B34;
content: "\025b6\00a0";
text-align: left;
}
#top_infofor a:before {
color: #9E1B34;
content: "\025b6\00a0";
text-align: left;
}

@media screen and (max-width: 959px) {
#float_left_box1 {
width: 100%;
margin: 0 0 0 0;
}
#float_left_box2 {
width: 100%;
margin: 2em 0 0 0;
}
}
</style>

<!-- Script that converts the query string into valid parameter -->

<script type="text/javascript">

function searchPrimo() {

document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value;

document.forms["searchForm"].submit();

}

</script>

<div style="background-color: #A41E35; padding: 4rem; max-width: 100%;">
<h2 style="color:#fff; margin: 1.1rem;">START YOUR SEARCH HERE!</h2>

<!-- Fill in Highlighted Parameters -->

<form id="simple" name="searchForm" method="get" target="_self" action="https://temple.primo.exlibrisgroup.com/discovery/search&quot; enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo()">

<input type="hidden" name="vid" value="01TULI_INST:TUJ">

<input type="hidden" name="tab" value="Everything_TUJ">

<input type="hidden" name="search_scope" value="TUJ_and_CI">

<!-- Fixed parameters -->

<input type="hidden" name="query" id="primoQuery">

<input type="text" id="primoQueryTemp" placeholder="Search for books, articles, journals, and videos..." value="" size="65" style="color:#000; margin: 1.1rem; width: 87%;">

<!-- Search Button -->

<input id="go" title="Search" onclick="searchPrimo()" type="button" value="Search" alt="Search" style="height:4rem; padding:8px; font-size:16px; font-weight: bold;background: #A41E35;color:#fff; border:2px solid #fff; font-family: 'Roboto'; vertical-align: top; margin: 1.1rem;">

</form>
</div>

<!-- Ask Us -->
<!-- <script src="https://answers.library.temple.edu/1.0/widgets/18264"></script&gt; -->