/* personality.css * xMod Custom Site Personality Style Sheet * xMod Version: 1.3 * * Pack 20 - TEI2008 */ /* STUCTURAL ELEMENTS */ body#xmd { background: #5a86b3 url(../i/body_bg.png) repeat-x; font: 100% Verdana, Arial, Helvetica, sans-serif; } #wrapper {width: 760px; background: #799dc1 url(../i/wrapper_bg.png) 0 100% no-repeat; padding: 0 0 10px 0; margin: 0 auto;} #banner { height: 118px; background: #5a86b3 url(../i/banner_bg.jpg) 100% 100% no-repeat; border-bottom: 2px solid #f3d447; } #decalLeft{display: none;} #decalRight{display: none; } #banner h1 { position: absolute; top: 34px; left: 8px; background:url(../i/banner_h1_bg.png) left top no-repeat; width: 102px; height: 105px; z-index: 2} #banner h1 span { display: none; } #banner h2 {position: absolute; left: 116px; top: 77px; font-weight: normal; background:url(../i/banner_h2_bg.png) left top no-repeat; width: 240px; height: 24px;} #banner h2 span { display: none; } /*td#content{background: none;padding:20px 40px 20px 40px;vertical-align:top; }*/ /*tr.r02 { background: #fff url(../i/r02_bg.png) 0 0 no-repeat;}*/ /* tableless version */ div#content{background: none;padding:20px 40px 20px 40px;vertical-align:top; } div.r02 { background: #fff url(../i/r02_bg.png) 0 0 no-repeat; overflow: hidden} .rc1 #content #mainContent {margin: 0;} #sidenav {float: right; min-height: 400px;} #content {float: left; width: 470px;} /* .sn0 td#content{background: url(../i/sidenav_bg.png) 74px 0 no-repeat;} .sn0 #content { padding: 20px 30px 20px 110px; } .sn0 #sidenav { display: none; } */ /* SECTION SPECIFIC STYLING */ /* BANNER UTILITY LINKS */ #banner .utilLinks { font-size: 70%; right:0px;top:18px;color:#FFFFFF;} #banner .utilLinks ul {list-style:none;margin:0;padding:0;} #banner .utilLinks ul li {float: left; border-left: 1px solid #afc4da; } #banner .utilLinks ul li.s01 {border-left: 0px none} #banner .utilLinks a { background:none;color:#afc4da;margin:2px 7px 2px 6px; border-bottom: 1px solid #7b9ec2;padding:0; position: relative;} #banner .utilLinks a:hover{background:url(http://www.cch.kcl.ac.uk/cocoon/tei2008/programme/Assets/p/20/i/bullet_rsquo_fff.png) left 0.5em no-repeat;color:#FFFFFF;border-color: #fff; text-decoration:none} /* BREADCRUMB */ /* BREADCRUMB UTILITY LINKS */ /* SIDENAV */ #sidenav div#pn,#sidenav div#sn {margin:0;} #sidenav{background: url(../i/sidenav_bg.png) 0 20px no-repeat;font-size:100%;width:210px;margin:0;} #sidenav #pn {padding:0px 20px 0px 20px;width:170px;} /*.sn0 #sidenav {background: none;}*/ #sidenav a:link,#sidenav a:visited,#sidenav a:active{background: none;border: none;color:#45719e; line-height: 1.65em; padding:3px 0px 3px 10px;width:170px; background: url(../i/aro_dee7f0.png) 2px 0.87em no-repeat;} #sidenav ul{list-style-type:none;margin:10px 0 40px 0px;padding:0;} #sidenav ul ul {margin: 0; padding:0} #sidenav li{font-weight:normal;margin:0; border-bottom: 1px solid #eef3f7;} #sidenav li li {border-bottom: none; background: none;} #sidenav li li li a {border: none; } #sidenav li li li a span {background: none; padding: 0;} #sidenav li ul {border-top: 1px solid #eef3f7; background: #f7f9fb} #sidenav li li ul {border-top: 0px none; background: #f7f9fb} #sidenav li a {font-size: 70%; } #sidenav li a.s03 { font-weight: bold; color: #45719e; background: url(http://www.cch.kcl.ac.uk/cocoon/tei2008/programme/Assets/p/20/i/aro_810426.png) 2px 0.75em no-repeat; } #sidenav li a:hover, #sidenav li a.s03 {background:#f7f9fb url(../i/aro_5a86b3.png) 2px 0.87em no-repeat;color:#1a3e63;} #sidenav li li a:link,#sidenav li li a:visited,#sidenav li li a:active{background:none;border-bottom:0px none;border-right:none;color:#5a86b3;font-size:70%;font-weight:normal;padding:3px 0px 3px 10px;width:170px;} #sidenav li li li a:link,#sidenav li li li a:visited,#sidenav li li li a:active{background:none;border-bottom:0px none;border-right:none;color:#5a86b3;font-size:70%;font-weight:normal;padding:5px 0px 5px 20px;width:160px;} #sidenav li li a:hover,#sidenav li li li a:hover,#sidenav li li li li a:hover{background:none;color:#1a3e63;} #sidenav li li a.s03 {color: #45719e;font-weight:bold;} #sidenav li li li a.s03 {font-weight: bold;} #sidenav li li,#sidenav ul ul{margin:0;} #sidenav h3 { background:none;margin:0 0 0 0px;background-position: top right;background-repeat: no-repeat;color: #5a86b3; font-size: 75%;padding:3px 0px; border-bottom: 1px solid #eef3f7; text-transform: uppercase} #sidenav h3 a:link,#sidenav h3 a:visited,#sidenav h3 a:active{ text-decoration: none; color: #888; margin: 0;font-size: 100%;} #sidenav h3 a:link span,#sidenav h3 a:visited span,#sidenav h3 a:active span{text-decoration: none;color: #888;padding: 2px 10px 2px 19px;margin: 0;font-size: 70%;} #sidenav h3 a:hover span{text-decoration: none; color: #888;padding: 2px 10px 2px 19px; margin: 0;font-size: 70%;} /* TOPNAV */ #topnav ul { margin: 0; padding: 0; list-style: none; float: left } #topnav ul li { list-style: none; float: left; } #topnav #pn {float:left;} #topnav #pn ul { float: left; padding: 0 0 0 90px } #topnav { background: #5a86b3;padding: 0; border: 0px none; overflow:hidden } #topnav ul { margin: 0 0 0 12px; padding: 0; list-style: none; } #topnav ul li { list-style: none; float: left; padding: 0 ; background: none; } #topnav ul li.s02 {background:none;} #topnav ul li a { float: left; padding: 0px; text-decoration: none; font-size: 70%; font-weight: bold; color: #eee; border: 0px none;} #topnav ul li a span { padding: 8px;float:left; cursor: pointer;} #topnav ul li a:hover { background: #45719e; border: 0px none; padding:0;} #topnav ul li a.s03, #topnav ul li a.s03:hover { background: #f3d447 url(../i/topnav_s03.png) 0 100% repeat-x; border: 0px none; border:0px none;padding:0;} #topnav ul li a.s03 span { background: none; color: #45719e; border: 0px none; padding: 8px 8px 8px 8px;} #topnav ul li a:hover span { background: none; color: #f3d447; border: 0px none; } #topnav ul li a.s03:hover span { background: none; color: #fff; border: 0px none; } #topnav ul li.s02 a span { border: 0px none; } /* FOOTER */ #footer{margin:0; padding: 10px 20px 0px 20px; font-size: 100%; border-top: 0px none; background: url(../i/footer_bg.png) 0 0 no-repeat;} #footer .utilLinks ul {font-size: 100%; } #footer .utilLinks div.s01 {padding:0;margin: 0;overflow: auto;} #footer .utilLinks div.s02 {background-color: transparent; border: 0px none;font-size: 70%;color: #dae4ee; padding: 4px 0 0 0 ; margin: 0; border-top: 1px dotted #afc4da;} #footer .utilLinks .s01 ul {float: left; margin: 0; padding: 6px 0 4px 0} #footer .utilLinks .s01 ul li{font-size: 70%;color: #dae4ee; padding: 2px 6px 2px 0; margin: 0 6px 0 0; float: left; border-right: 1px dotted #afc4da; } #footer .utilLinks .s01 ul li a { background:none;color:#afc4da;margin:2px 0px; border-bottom: 1px solid #afc4da;padding:0; } #footer .utilLinks .s01 ul li a:hover{background:none;color:#fff;border-color: #fff; text-decoration:none} #footer .utilLinks .s01 ul li.s01 a {border: 0px none;} #footer .utilLinks .s01 ul li.s01 {border: 0px none;} #footer .utilLinks .s01 ul li.s01 a{ padding: 3px 10px 2px 3px; width: 60px; height: 20px; background-image: url(../i/xModOff.png); background-repeat: no-repeat; } #footer .utilLinks .s01 ul li.s01 a:hover{ background-image: url(../i/xModOn.png); } /* RIGHT CONTENT: QUICK LINKS */ #rightContent .quickLinks .t01 { border: 0px none; background: none;padding: 0; margin: 0 0 10px 0; overflow: hidden} #rightContent .quickLinks .t01 h3 { margin: 17px 0 0 0;background:#dee7f0;padding: 7px 0px 6px 20px;color: #45719e;font-size: 70%; text-transform:uppercase; border-bottom: 0px none;} #rightContent .quickLinks .t01 ul {list-style-type: none;padding: 2px 0 0 0;margin: 0;} #rightContent .quickLinks .t01 li {margin: 3px 0; padding: 0px 20px; float:left; width: 170px; border-bottom: 0px none; background: url(../i/aro_5a86b3.png) 10px 0.55em no-repeat; line-height:normal } #rightContent .quickLinks .t01 a:link, #rightContent .quickLinks .t01 a:visited, #rightContent .quickLinks .t01 a:active { display: inline; width: auto;background:none;border: 0px none; border: 0px none;padding: 0;margin: 0;font-size: 70%;text-decoration: none; line-height: 1.55em; } #rightContent .quickLinks .t01 a:link span,div.quickLinks a:visited span,div.quickLinks a:active span{ background:none; padding:0;display:inline; color: #45719e;border; 0px none;} #rightContent .quickLinks .t01 li a:hover {background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; border: 0px none; } #rightContent .quickLinks .t01 li a:hover span {color: #1a3e63; text-decoration: none; background-repeat: no-repeat;} #rightContent .quickLinks .t01 a:link span,div.quickLinks a:visited span,div.quickLinks a:active span{display: block; } /* RIGHT CONTENT: PROMO ARTICLE */ /* RIGHT CONTENT: TOC ARTICLE */ /* RIGHT CONTENT: SUBMENU */ /* CORE FORMATTING */ #mainContent address { margin: 0; padding: 0; border: 0px none; background: none; font-size: 70%; line-height: 1.65em; font-weight: normal } #mainContent p {font-size: 70%; line-height: 1.65em; margin: 0 0 0.8em 0; padding: 0;} #mainContent ul {margin: 0 0 0.8em 0; padding:0;} #mainContent li {font-size: 70%; line-height: 1.65em; list-style: none; background:url(../i/aro_5a86b3.png) 15px 0.6em no-repeat; margin: 0; padding: 0 0 5px 25px;} #mainContent div div li {background:none;} #mainContent p a:link, #mainContent p a:visited, #mainContent p a:active { color: #45719e; text-decoration:none; border-bottom: 1px dotted #45719e;} #mainContent p a:hover { color: #1a3e63; text-decoration: none; border-bottom: 1px solid #45719e;} #mainContent li a:link, #mainContent li a:visited, #mainContent li a:active { color: #555; text-decoration:none;border-bottom: 1px dotted #999; } #mainContent li a:hover { color: #45719e; text-decoration: none; border-bottom: 1px solid #45719e;} #mainContent a { color: #555; text-decoration:none; border-bottom: 1px dotted #999;} #mainContent a:hover { color: #45719e; border-bottom: 1px solid #b00; } #mainContent strong {color: #45719e;} #mainContent blockquote { background: url(http://www.cch.kcl.ac.uk/cocoon/tei2008/programme/Assets/p/20/i/blockquote_bg.png) top left no-repeat; padding: 8px 0 5px 30px; margin: 5px 50px 5px 20px;} #mainContent h2 { color: #45719e; font-size: 110%; font-weight: normal; font-family:Arial, Helvetica, sans-serif; margin: 1.2em 0 0.6em 0; padding: 0; line-height: normal} #mainContent h3 { color: #5a86b3; font-size: 90%; font-weight: bold; font-family:Arial, Helvetica, sans-serif; margin: 1.2em 0 0.4em 0; padding: 0; } #mainContent h4 { color: #1a3e63; font-size: 70%; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #efefef; margin: 1.4em 0 0.4em 0; padding: 0; } #mainContent h5 { color: #45719e; font-size: 70%; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #efefef; margin: 1.4em 0 0.4em 0; padding: 0;} #mainContent h6 { color: #5a86b3; font-size: 70%; font-weight: bold; margin: 1.2em 0 0em 0; line-height: 1.65em ;padding: 0;} /* PAGE HEADER */ #mainContent .pageHeader .t01 h1 { color: #1a3e63; font-size: 140%; font-weight: normal;padding:0; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif } #mainContent .pageHeader .t01 h2 {color: #45719e;} #mainContent .pageHeader .t01 p {color: #777; font-size:70%;} #mainContent .pageHeader .t01 {background: none; border-bottom: 2px solid #dee7f0; margin: 0 0 1em 0;padding:0.2em 0 0 0;} /* PREFORMATTED CODE */ /* ORDERED LISTS */ #mainContent .orderedList .t01 ol {margin: 0 0 0.8em 0; padding:0;} #mainContent .orderedList .t01 ol li {font-size: 70%; line-height: 1.65em; list-style: decimal; margin: 0; margin: 0 0 0 30px; padding: 0 0 0 0px;} /* UNORDERED LISTS */ #mainContent .unorderedList .t01 ul {margin: 0 0 0.8em 0; padding:0;} #mainContent .unorderedList .t01 ul li {font-size: 70%; line-height: 1.65em; list-style: none; background:url(../i/aro_5a86b3.png) 15px 0.5em no-repeat; margin: 0; padding: 0 0 0 25px;} #mainContent .unorderedList .t01 ul ul li {font-size: 100%; background: url(../i/aro_dee7f0.png) 15px 0.65em no-repeat;} /* TAB CONTENT */ /* EXPANDING LIST */ /* COMPLEX LIST */ /* SITEMAP */ /* LINKS */ /* UTILITY LINKS */ /* A - Z LIST */ /* FEATURE LINK */ /* JUMP NAVIGATION */ /* BACK TO TOP */ /* BOX */ /* FOOTNOTES */ /* OPTIONS / SUBMENU */ /* TOC */ #mainContent .toc .t01 h3{color:#45719e;font-size:70%;margin:0;padding:0 0 5px; font-family:Verdana, Arial, Helvetica, sans-serif; } #mainContent .toc .t01 ul{color:#5a86b3;list-style-type:none;margin:0;padding:0;} #mainContent .toc .t01 ul li{background:url(../i/aro_5a86b3.png) left 0.65em no-repeat;margin:0;padding-left:10px;} #mainContent .toc .t01 ul li a{color:#5a86b3;text-decoration:none;} #mainContent .toc .t01 {border: 0px none; border-top: 1px solid #dee7f0; border-bottom: 1px solid #dee7f0; background: #f7f9fb; margin: 0 0 0.8em 0; } /* DEFINITION LISTS */ /* RESOURCE LISTS */ /* BIBLIOGRAPHICAL LISTS */ /* TABLES */ #mainContent .table .t01 { padding: 0px; border: 0px none; background-color: #fff; margin: 0 0 10px 0; border-bottom: 2px solid #dee7f0;} #mainContent .table .t01 table caption { text-align: left; color: #5a86b3; font-size: 70%; text-transform: uppercase; padding: 0.8em 0 0.8em 0; font-weight: bold; } #mainContent .table .t01 table { padding: 0; margin: 0; border: 0px none;background: #fff; width: 100%; border-collapse:collapse; } #mainContent .table .t01 table th { background: #f7f9fb; color: #45719e; text-align: left; font-size: 70%; padding: 5px 5px; white-space: nowrap; border-right: 1px solid #8baaca; vertical-align: top;} #mainContent .table .t01 table td { color: #666; font-size: 70%; padding: 1px 2px; vertical-align: top; line-height: 1.65em;} #mainContent .table .t01 table tr.z01 { background: /*#f7f9fb;*/ #fff; } #mainContent .table .t01 table tr.z01 td { border-bottom: 1px dotted #dee7f0; border-top: 1px dotted #dee7f0; padding: 4px 5px; } #mainContent .table .t01 table tr.r01 th { background: #dee7f0; color: #45719e; text-align: left; font-size: 70%; padding: 5px 5px; white-space: nowrap; border-bottom: 1px solid #8baaca; } #mainContent .table .t01 table td li {font-size: 100%; background:url(../i/aro_5a86b3.png) 11px 0.65em no-repeat} /* INDEX: DOCUMENT */ /* INDEX: KEYWORD */ /* IMAGE: INLINE */ #mainContent p img.s01 { float: left; padding: 1px; border: 2px solid #dee7f0; margin: 3px 7px 3px 0px; } #mainContent p img.s02 { float: right; padding: 1px; border: 2px solid #dee7f0; margin: 3px 0px 3px 5px; } /* IMAGE: INLINE, LINKED / POPUP */ /* IMAGE: INLINE FIGURE, WITH CAPTION */ /* IMAGE: BLOCK */ /* LOGO MATRIX */ #mainContent .logoMatrix .t01 {border-top: 2px solid #dee7f0; border-bottom: 2px solid #dee7f0;} /* THUMBNAIL IMAGE GRID */ /* SEARCH RESULTS */ /* FORMS */ /* yellow f3d447 v v light f7f9fb v light eef3f7 light dee7f0 light light mid afc4da light mid 8baaca light mid mid 7b9ec2 mid/bg 5a86b3 mid 45719e dark 1a3e63 */ /* dee7f0 */ input.fs {visibility:hidden;line-height:0;font-size:0px;} #mainContent .form .t01 form input, #mainContent .form .t01 form textarea, #mainContent .form .t01 form button {font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 4px 3px 3px 3px; color: #777;} #mainContent .form .t01 form fieldset {border: 0px none; margin: 0 0 0.8em 0; padding: 0.4em 0 0 0; border-top: 2px solid #eef3f7; } #mainContent .form .t01 form fieldset fieldset {border: 0px none; margin: 0 0 0.4em 0; padding: 0;} #mainContent .form .t01 form fieldset legend {color: #5a86b3;text-transform: uppercase; font-weight: bold; background:none; border: 0px none; padding-left: 0;margin-left: 0; } #mainContent .form .t01 form fieldset fieldset legend {text-transform: none; color: #8baaca;} #mainContent .form .t01 form fieldset fieldset fieldset legend {color: #777;} #mainContent fieldset ol, #mainContent fieldset li {margin: 0 0 2px 0;padding: 0; list-style: none; font-size: 100%;} #mainContent fieldset li {float: left; width: 470px; line-height: normal} #mainContent fieldset label {font-size: 70%; color:#777;float: left; font-weight: normal;width: 15em; line-height:1.55em; margin: 0px 0 0 0} #mainContent fieldset input.f0 {line-height: 0px;font-size: 0px;} #mainContent fieldset dfn {font-style:normal; color: #999; font-size: 70%;} /* input */ #mainContent fieldset input.f1 {border: 1px solid #dee7f0; margin: 0px 0 0 0} #mainContent fieldset input.r1 {width: 80px;} #mainContent fieldset input.r2 {width: 250px;} /* radio */ #mainContent fieldset input.f2 {border: 0px none} #mainContent fieldset ol.r1 {float: left; width: 100px; padding: 0 0 0 0em} #mainContent fieldset ol.r1 li {width: 15 0px;margin:0} #mainContent fieldset ol.r1 li input.f2 {float: left;margin: 4px 5px 0 0 } #mainContent fieldset ol.r1 li label {display:inline;width:auto; padding: none;margin:0 } /* checkbox */ #mainContent fieldset input.f3 {margin: 6px 5px;border: 0px none} #mainContent fieldset li.r3 label {width: auto;} /* textarea */ #mainContent fieldset textarea {border: 1px solid #dee7f0; width: 270px} #mainContent fieldset li.r2 textarea, #mainContent fieldset li.r2 label {width: 470px} #mainContent fieldset li.r2 label {text-align: left; padding: 0 0 0.8em 0} /* submit */ #mainContent fieldset ol.r4 li {float: left; width: auto} #mainContent fieldset ol.r4 li button {background: #7b9ec2; color: #fff; border: 1px solid #7b9ec2; margin: 0 3px 0 0;cursor: pointer} #mainContent fieldset ol.r4 li button span {color: #fff; font-weight: bold; } #mainContent fieldset ol.r4 li button:hover {background: #45719e; border-color: #45719e} #mainContent fieldset ol.r4 li button:hover span{color:#f3d447;} /* BLOCK BEHAVIOURS */