/* Penn Law styles */ /* by White Whale Web Services */ /* Webby bug styles */ #webby-pv-2014-bug a, #webby-pv-2014-bug img { display: block; width: 141px; height: 141px; zoom: 1; overflow: hidden; position: relative; border: 0 none; } #webby-pv-2014-bug a { margin: 10px; } #webby-pv-2014-bug .hide { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity .15s ease-out; -moz-transition: opacity .15s ease-out; -o-transition: opacity .15s ease-out; transition: opacity .15s ease-out; } #webby-pv-2014-bug img { -webkit-transition: opacity .15s ease-out; -moz-transition: opacity .15s ease-out; -o-transition: opacity .15s ease-out; transition: opacity .15s ease-out; } #webby-pv-2014-bug #off { filter: alpha(opacity=100); opacity: 1; } #webby-pv-2014-bug .on #off, #webby-pv-2014-bug a:hover #off { filter: alpha(opacity=0); opacity: 0; } #webby-pv-2014-bug #on { position: absolute; left: 0; top: 0; filter: alpha(opacity=0); opacity: 0; } #webby-pv-2014-bug .on #on, #webby-pv-2014-bug a:hover #on { filter: alpha(opacity=100); opacity: 1; } #webby-pv-2014-bug a:after { content: ''; pointer-events: none; position: absolute; top: 5px; left: 5px; width: 130px; height: 130px; border-radius: 50%; box-shadow: 0 0 0 5px #535a6e; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; } #webby-pv-2014-bug .on:after, #webby-pv-2014-bug a:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* CSS reset */ html { font-size:100%; /*text-rendering:optimizeLegibility;*/ background-color: #e5e6e7;} body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,img,form,label,iframe,fieldset { margin:0; padding:0; font-size:1em; line-height:inherit; font-weight:inherit; color:inherit; border:none; } input,select,textarea,button { font-size:1em; line-height:inherit; font-family:inherit; font-weight:inherit; font-style:inherit; margin:0; } input[type=button],input[type=submit],button { overflow:visible; } input[disabled],select[disabled],textarea[disabled],button[disabled] { opacity:0.75; } #accessibility a { position:absolute; top:0; left:-9999px; width:9em; padding:5px; color:#00f; background-color:#ff9; border:1px solid #993; text-align:center; z-index:9999; } #accessibility a.focused, #accessibility a:focus { left:0; } #homepage #accessibility a.sections_nav:focus, #homepage #accessibility a.sections_nav.focused { left:-9999px; } header,nav,section,aside,footer { display:block; } /* Web Fonts */ /* regular */ @font-face { font-family: 'TeX Gyre Adventor'; src: url('/styles/webfonts/texgyreadventor-regular-webfont.eot'); src: url('/styles/webfonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/webfonts/texgyreadventor-regular-webfont.woff') format('woff'), url('/styles/webfonts/texgyreadventor-regular-webfont.ttf') format('truetype'), url('/styles/webfonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg'); font-weight: normal; font-style: normal; } /* bold */ @font-face { font-family: 'TeX Gyre Adventor'; src: url('/styles/webfonts/texgyreadventor-bold-webfont.eot'); src: url('/styles/webfonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/webfonts/texgyreadventor-bold-webfont.woff') format('woff'), url('/styles/webfonts/texgyreadventor-bold-webfont.ttf') format('truetype'), url('/styles/webfonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg'); font-weight: bold; font-style: normal; } /* italic */ @font-face { font-family: 'TeX Gyre Adventor'; src: url('/styles/webfonts/texgyreadventor-italic-webfont.eot'); src: url('/styles/webfonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/webfonts/texgyreadventor-italic-webfont.woff') format('woff'), url('/styles/webfonts/texgyreadventor-italic-webfont.ttf') format('truetype'), url('/styles/webfonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg'); font-weight: normal; font-style: italic; } /* oblique */ @font-face { font-family: 'TeX Gyre Adventor'; src: url('/styles/webfonts/texgyreadventor-italic-webfont.eot'); src: url('/styles/webfonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/webfonts/texgyreadventor-italic-webfont.woff') format('woff'), url('/styles/webfonts/texgyreadventor-italic-webfont.ttf') format('truetype'), url('/styles/webfonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg'); font-weight: normal; font-style: oblique; } /* bold italic */ @font-face { font-family: 'TeX Gyre Adventor'; src: url('/styles/webfonts/texgyreadventor-bolditalic-webfont.eot'); src: url('/styles/webfonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/webfonts/texgyreadventor-bolditalic-webfont.woff') format('woff'), url('/styles/webfonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'), url('/styles/webfonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg'); font-weight: bold; font-style: italic; } /* bold oblique */ @font-face { font-family: 'TeX Gyre Adventor'; src: url('/styles/webfonts/texgyreadventor-bolditalic-webfont.eot'); src: url('/styles/webfonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/webfonts/texgyreadventor-bolditalic-webfont.woff') format('woff'), url('/styles/webfonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'), url('/styles/webfonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg'); font-weight: bold; font-style: oblique; } /* Basic type and styles */ body { font-family:'TeX Gyre Adventor',Arial,Helvetica,sans-serif; color:#322; font-size:0.875em; line-height:1.4 !important; background:#ffffff; min-height:101%; min-width:1000px; } a { text-decoration:none; color:#004684; } a:hover { text-decoration:underline; color:#039; } /*a.more::after { content:' »'; }*/ ul,ol { margin:0 0 1em 1.5em; } /*ul li ul li ul li {list-style-type:disc;}*/ p, #body li { margin-bottom:0.7em; } h1,h2,h3,h4,h5,h6,#body #lw_cal h2 { font-weight:300; margin-top:1em; margin-bottom:.2em; } /* margin-bottom:0.5em; */ h1 {font-size:2em; font-weight:normal; padding-bottom:10px; margin-top:0px; margin-bottom:10px; border-bottom:1px solid #403f41; } h1.nopadbottom {margin-bottom:0 !important; } .backtoprev { float:right; padding-left:10px; margin-top:40px; font-weight:bold; font-size:0.9em; background-color:#fff; text-decoration:none; } .backtoprev::after { content:' »'; } .backtoprev:hover { color:#c93; text-decoration:none; } #lw_cal_events h3 {font-size:1.1em; width:40%;} #body h2, #body h3, #body #lw_cal .lw_calendar_event_description h3 { margin-top:-2em; padding-top:3em; } /* helps internal anchors clear the sticky nav */ body#body.lw_editor_on h2, body#body.lw_editor_on h3 { margin-top:1em; padding-top:0em; } /* removes above fix during page editing */ .icon-search:before { content:none !important; display:none; } h2 {font-size:1.7em; font-weight:200; } h3, #body #lw_cal .lw_calendar_event_description h3 {font-size:1.5em; background-color:transparent; color:#322;} h4 {font-size:1.4em; font-weight:bold; font-style:italic; } h5 {font-size:1.3em; font-weight:bold; } h6 {font-size:1.2em; font-weight:normal; font-style:italic; } p.intro {color:#403f41; font-weight:bold; font-size:1.4em; margin-bottom:10px; } p.intro a {color:#004684; font-weight:bold; text-decoration:none; } p.intro a:hover { color:#6d0527; text-decoration:underline; } .spinner { background:url(/images/design/spinner_light.gif) center center no-repeat; } p.fineprint { font-size:xx-small } p.caption, .lw_gallery_caption, .lw_image_caption { color:#666; font-size:smaller; font-style:italic; margin-bottom:1em; } td.captionContainer { padding:18px; } #body td.captionContainer img { margin:0px } .show {display: block !important;} /* Tables */ table { margin-bottom:1em; border:0; padding:0; border-spacing:0;} th { /* font-size:0.9em; */ line-height:1.1em; color:#404040; font-weight:normal; padding:8px; background-color:#fff; border-bottom:1px solid #ed9740; border-top:3px solid #fff; text-align:left;} td { color:#404040; font-weight:normal; padding:8px;background:#fff; border-bottom:1px solid #ed9740; vertical-align: top;} td:hover {background:#e5e6e7; color:#404040;} table.ruled td { background-color:transparent; } table tr:last-child td {border-bottom:none;} table.layout td { padding:0 20px 1em 0; font-size:1em; background-color:transparent; border:none; vertical-align:top;} table.layout tr:hover td, table.ruled tr:hover td {background:transparent; color:inherit;} table.layout.mceItemTable td {border:1px solid #ccc;} table.fixallcaps {text-transform:lowercase;} table.fixallcaps td::first-letter {text-transform:capitalize;} /* Page structure */ .container { padding:0 20px; margin:0 auto; width:980px; clear:both; } /* width:980px causes h-scroll at 1024x768 */ .container::after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #content .container { padding-bottom:20px; } #content { position:relative; background-color:#fff; } #header { background:#fff url(/images/design/seal-watermark.png) bottom right no-repeat; position:relative; margin-bottom:63px; z-index:950;} #header div.container { background:transparent; position:relative; padding-top:70px; padding-bottom:30px; } #header h1, #header .logo { width:330px; height:70px; margin:0 auto; padding:0; border:none; } #header nav ul { list-style-type:none; text-transform:uppercase; margin:0; padding:0; } #header nav#navbar > ul { display:table; table-layout: auto; width: 100%;} #header nav#navbar > ul > li { display:table-cell; margin:0 !important; text-align: center; float:none;} #header nav ul li { float:left; position:relative; } #header nav ul li a { display:block; line-height:30px; padding:0 9px; text-decoration:none; position:relative; color:#403f41; letter-spacing:1.09px;} #header nav ul li a:last-child {padding-right:0;} #header nav ul li+li { margin-left:18px; } #header nav ul li ul {text-align: left; display:none; position:absolute; top:30px; left:0; background-color:#fff; border:1px solid #ddd; padding:0; text-transform:none; width:13em; line-height:1.2em !important; font-size:0.95em; margin:0; z-index:960; } #header nav ul li.hover ul { display:block; box-shadow:0 0 4px rgba(0,0,0,0.2);} #header nav ul li ul li { margin:0 !important; padding:0 !important; float:none; border-bottom:1px solid #ddd; font-size:.9em; } #header nav ul li ul li+li { margin:0; padding:0;} #header nav ul li.hover ul li a { padding:4px 6px; margin:0 !important; border:none; background-color:transparent; line-height:1.2em; text-decoration:none;} #header nav ul li.hover ul li a:hover { background-color:#eee; text-decoration:none; color:#600; } /* mobile specific desktop styles*/ a.logourl {display:block;width:330px; height:70px; background:url('https://www.law.upenn.edu/images/design/logo.png') no-repeat; background-size: 330px 70px;} .mobilemenutoggle {display:none;} .icon-search img {width:20px; height:20px;} #searchtoggle {position:absolute; top:3px; right:110px; font-weight:300; z-index:1110; background: url(/images/design/search-icon.png) no-repeat center 5px; width:20px;height:50px; display:block;} #searchtoggle form {display:none;} #search { position:absolute; top:3px; right:110px; font-weight:300; z-index:970; } #search label { display:none; } #search_query, #q { border:1px solid #999; width:9em; position:relative; top:5px; padding-left:4px; } #search_query:hover, #q:hover { border:1px solid #666; } #search_submit { width:20px; height:15px; position:relative; top:6px; background:transparent url(/images/design/search-go.png) no-repeat right center; border:none; text-indent:15px; overflow:hidden; color:#fff; cursor:pointer;} #metanav { border-bottom:1px solid #929497; position:absolute; top:0; left:-15px; width:930px; padding:0 120px 0 0px;z-index:960; } #metanav::after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #header #metanav ul li+li { margin-left:15px;} #header #metanav ul li { border-bottom:1px solid #f4f4f4; } #header #metanav ul li:hover { background-color:#fff; } #metanav ul li a { color:#403f41; margin-right:14px;} #metanav ul li.hover a { background-color:#81111c; color:#fff; } #metanav ul li.hover ul li a { color:#333; } #abadisclosure {display:block; font-size:10px; margin:0 0 0 10px; line-height:100%; text-transform:none; text-align:right; position:absolute; top:8px; right:30px; z-index:980;} #abadisclosure a:link, #abadisclosure a:visited {color:#333; text-transform:none; display:block;} #abadisclosure a:hover {background-color:#81111c; color:#fff; text-decoration:none; } #navbar { background-color:#fff; position:absolute; left:0; bottom:-34px; width:100%; height:30px; z-index:950;} #navbar.fixed { position:fixed; top:0; bottom:auto; } body.livewhale #navbar.fixed { top:26px; } #navbar::before,#navbar .before { content:' '; position:absolute; top:0; right:0; height:0; width:422px; zoom:1; } #navbar ul { padding:3px 0 0; margin-top:-3px; background:url(/images/design/gradient.png) center top repeat-y; } #header #navbar .container { background-color:#fff; border-top:1px solid #929497; border-bottom:1px solid #929497; margin:0 auto; width: 980px; padding: 0 35px;} #navbar ul li.hover a { background-color:#001a51; color:#fff; } #navbar ul li.hover ul li a { color:#403f41; } #header #metanav .lw_subnav, #header #navbar .lw_subnav { display:none; } #header nav ul li#nav-library ul {left:auto; right:0;} #header nav ul li.current a { color:#999; } #header nav ul li.current a:hover { color:#fff; } /* Top of page feature area */ .feature { } .feature+.feature { border-top:none; } /* Slideshow */ .feature-slideshow { max-width:980px; overflow:hidden; margin:0 auto; position:relative; } .feature-slide { margin-top: -30px; background-position:center center; } .feature-slide img { display:block; } .feature-slide .feature-caption { background-color:#E9E7E5; border-bottom:3px solid #999; color:#000; font-weight:500; padding:.5em 3em 0 3em; text-align:center; } .feature-slide .feature-caption h2 { color:#000; font-size:1.4em; font-weight:500; letter-spacing:0.05em; margin-top:0em; text-transform:uppercase; } .feature-slide .feature-caption p { font-size:1.4em;letter-spacing:0.05em;} .feature-slide .feature-caption a { text-decoration:none; } .feature-slide .feature-caption a:hover { text-decoration:underline; } /* Faculty-specific feature - repositioned */ .feature-faculty .faculty-slide .feature-caption { background-image:url(/images/design/caption-faculty-arrow.png); background-repeat:no-repeat; margin:0 0 0 395px; padding-right:30px; width:550px; height:93px; } .faculty-slide .feature-caption { background-image:url(/images/design/caption-faculty-arrow.png); background-repeat:no-repeat; margin:0 0 0 395px; padding-right:30px; width:550px; height:93px; } .feature-faculty .faculty-slide .feature-caption h2 { font-size:1.3em; margin-bottom:10px; margin-right:30px; } .faculty-slide .feature-caption h2 { font-size:1.3em; margin-bottom:10px; margin-right:30px; } .faculty-slide .feature-caption .lw_news_summary { margin-right:8em; text-align:right } .faculty-slide .feature-caption .lw_news_summary a { background-color:transparent; color:white;} .faculty-slide .lw_news_body { color:white; position:absolute; top:0; left:0; margin-top:180px; margin-left:620px; z-index:100; } .faculty-slide .lw_news_body ul { padding-left:1em; } .faculty-slide .lw_news_body ul li { margin-bottom:.5em; } .faculty-slide .lw_news_body a { color:white; font-weight:bold } /* White (e.g. faculty profiles) */ .feature-white { height:310px; overflow:hidden; background:url(/images/design/feature-back.png) no-repeat center center; position:relative; } .feature-white .feature-content { display: block; width:980px; height:310px; margin:0 auto; position:relative; } .feature-white img { position:absolute; top:0; right:720px; } .feature-white .feature-caption { position:absolute; top:50px; left:230px; width:650px; } .feature-white .feature-caption h2 { font-size:1.9em; letter-spacing:0.05em; font-weight:500; text-transform:uppercase; color:#000; margin-bottom:30px; font-style:italic; line-height:1.1em; } .feature-white .feature-more {position:absolute; bottom:30px; left:230px; width:350px;} .feature-white .feature-more p { margin-left:100px; width:400px; } .feature-white .feature-more ul { margin-left:125px; width:360px; padding-left: 15px;} .feature-white .feature-more ul li { margin:0.5em 0; } .feature-white .feature-more ul li a { text-decoration:none; font-weight:bold; } .feature-white .feature-more ul li a:hover { text-decoration:underline; } /* Full color (with subject in center 300px of photo) */ .feature-fullcolor { height:310px; overflow:hidden; background:url(/images/design/feature-back.png) no-repeat center center; position:relative; } .feature-fullcolor p, .feature-fullcolor li, .feature-fullcolor a { color:#fff; } .feature-fullcolor a:hover { color:#fc3; background-color: #000; } .feature-fullcolor .feature-content { display: block; width:980px; height:310px; margin:0 auto; position:relative; } .feature-fullcolor img { position:absolute; top:0; left:50%; margin-left:-600px; } .feature-fullcolor .feature-caption { position:absolute; top:30px; left:0; width:350px; } .feature-fullcolor .feature-caption h2 { font-size:1.9em; letter-spacing:0.05em; font-weight:500; text-transform:uppercase; color:#fff; margin-bottom:30px; font-style:italic; line-height:1.1em; } .feature-fullcolor .feature-caption a { display:inline-block; padding: 2px 4px; background-color:#000; background-color:rgba(0,0,0,.8); } .feature-fullcolor .feature-more {position:absolute; top:30px; right:0; width:350px;} .feature-fullcolor .feature-more ul { margin-left:50px; width:360px; padding-left: 15px;} .feature-fullcolor .feature-more ul li { margin:0.5em 0; } .feature-fullcolor .feature-more ul li a { display:inline-block; padding: 2px 4px; font-weight:bold; } .feature-fullcolor .feature-more ul li a:hover { text-decoration:underline; background-color:#000; background-color:rgba(0,0,0,.8); } .feature-faculty { margin:0 auto; max-width:1200px; } .feature-faculty .feature-caption, .faculty-slide .feature-caption { position:absolute; top:30px; left:0; } #subnavigation { background-color:#fff; border-left:8px solid #81111C; float:left; margin:30px 0; padding:0 20px; position:relative; width:252px; z-index:100; } #subnavigation ul { list-style-type:none; margin:0; padding:0; letter-spacing:0.01em; } #subnavigation h3 { border-bottom:1px solid #236; font-size:1.6em; font-weight:normal; letter-spacing:.01em; margin-bottom:10px; margin-top:0; padding-bottom:10px; padding-top:0; text-transform:uppercase; } #subnavigation a { font-weight:300; letter-spacing: 0.01em; } #subnavigation h3 a, #section_nav > div > ul > li > a, .section_nav > div > ul > li > a { letter-spacing:0.01em; font-weight:400; text-decoration:none; display:block; padding:2px 8px 2px 8px; margin:2px -8px; color:#403f41;} #subnavigation h3 a:hover, #section_nav > div > ul > li > a:hover, .section_nav > div > ul > li > a:hover { background-color:#eee; } #subnavigation .lw_widget_navigation > ul > li.lw_active { padding:4px 12px; margin:2px -12px; background-color:#fff; } #subnavigation .lw_widget_navigation > ul > li.lw_active > a { color:#001746; font-weight:600; text-transform:uppercase; } #subnavigation ul li.lw_active .lw_subnav a { color:#666; font-weight:normal; font-size:1em; line-height:1.1; display:block; } #subnavigation ul li.lw_active a:hover { background-color:#eee; } #subnavigation ul li.lw_active > a {color:#600 !important;} #subnavigation ul li.lw_current::before { background: url(/images/design/current-navigation-indicator.png) left 10px no-repeat; content:''; float:left; height:20px; left:0; position:absolute; width:10px; } #subnavigation ul li ul li.lw_current::before { background: url(/images/design/current-navigation-indicator.png) left center no-repeat; content:''; float:left; height:20px; left:0; position:absolute; width:10px; } #subnavigation ul li.lw_current > a { } #subnavigation .lw_subnav { border-left: 8px solid #e9e7e5; margin-left: 10px; padding-left: 10px; } #subnavigation ul li ul li ul { list-style-type:none;} #subnavigation ul li ul li { margin:10px 0 10px 0; } .penn-law-center #header{ display:none; } .penn-law-center #subnavigation ul li.lw_current::before { background: none; } /*On the Dock*/ .newline-dock{ display:none; } /*Policies & Procedures*/ #pol-proc-img{ float: right; width: 270px; } #body, .body { float:right; width:650px; margin:30px 0; position:relative; z-index:300; min-height:400px; } #body h1+img { margin:0; } #body img[align=right] { margin-right:0; } #body img[align=left] { margin-left:0; } #content #body aside { margin:1em 20px 1em 20px; } #content .basic #body aside { margin-right:0; float:right; } #sidebar { width: 300px; float: left; overflow-x: visible; position:relative; z-index:100; margin-bottom:30px; } #sidebar img {max-width:300px; height:auto;} #sidebar .caption {margin-bottom:2em;} #sidebar.affix { position: fixed; top: 40px; } #content aside { float:left; margin:0 0 20px 0; z-index:100; position:relative; } /* Scrolling sidebar menu used on the compass */ #table-of-contents ul {list-style-type:none;} #table-of-contents ul li {border-left:1px solid #cecece; padding-left:10px; margin:10px 0;} #table-of-contents ul li.active {border-left:3px solid #383838;} #table-of-contents ul li.active a {color:black;} #table-of-contents ul li:first-child {display:none;} /* SPECIAL PAGE TYPES */ /* Centers */ body.penn-law-center #sectionhead { background:#222 url(/images/design/subnav-halftone-gray.png); border-bottom:4px solid #a10530; padding:35px 0 25px; } body.penn-law-center #sectionhead.bluebg { background:#222 url(/images/design/subnav-halftone-blue.png); border-bottom:4px solid #a10530; padding:35px 0 25px; } body.penn-law-center #sectionhead.navybg { background:#222 url(/images/design/subnav-halftone.png); border-bottom:4px solid #a10530; padding:35px 0 25px; } body.penn-law-center #sectionhead h1 { font-size:1.5em; text-transform:uppercase; border:none; padding:0; float:left; letter-spacing:0.2em; line-height:1.2em; margin:0; } body.penn-law-center #sectionhead h1 a { color:#eee; text-decoration:none; } body.penn-law-center #sectionhead h1 a strong { display:block; color:#fff; font-size:1.5em; line-height:1em; font-weight:600; text-transform:uppercase; font-style:italic; letter-spacing:0; } body.penn-law-center #sectionhead h1 a strong:hover { color:#feeca2; } body.penn-law-center #sectionhead img { float:right; margin-top:5px; } body.penn-law-center #subnavigation a {color:#ffffff;} body.penn-law-center #subnavigation { background:#222 url(/images/design/subnav-halftone-gray.png); padding-bottom:6px; } body.penn-law-center #subnavigation.bluebg { background:#222 url(/images/design/subnav-halftone-blue.png); } body.penn-law-center #subnavigation.navybg, body.penn-law-center #subnavigation.tpic25 { background:#222 url(/images/design/subnav-halftone.png);} body.penn-law-center #subnavigation h3 { border-bottom:none; color:#ffffff; padding-top:20px;} body.penn-law-center #subnavigation h3 img { display:block; margin:0 auto; } body.penn-law-center .bignav nav ul li:hover,body.penn-law-center .bignav nav ul li.active,body.penn-law-center .photonav nav ul li.hover,body.penn-law-center .photonav nav ul li.active,body.penn-law-center .topbar ul li:hover,.topbar ul li.active { background-color:#222; } /* Centers new footers */ body.penn-law-center #footerwrapper {height:105px; max-width:1000px; line-height:130%; background-color:#e5e6e7; } body.penn-law-center #footerwrapper .footerlinks {position:relative; float:right; margin: 0 10px; text-align:left; overflow:hidden; font-size:.8em;} body.penn-law-center #footerwrapper .footerlinks a { color:#322;} body.penn-law-center #footerwrapper .logologin {position:relative; float:left; width:200px; margin: 0 0 0 15px;} body.penn-law-center #footerwrapper .logologin #livewhale_login {float:left; margin-left:40px;} body.penn-law-center #subnavigation a:hover { color:#ffeb9c; background-color:#222; } body.penn-law-center aside.contact,body.penn-law-office aside.contact { border:double #a10530; border-width:0 0 0 3px; padding:5px 0 0 10px; width:287px; background-color:#fff; } body.penn-law-center aside.contact h4,body.penn-law-office aside.contact h4 { font-style:normal; margin-top:0; font-size:1.2em; text-transform:uppercase; color:#322; } body.penn-law-center aside.contact p,body.penn-law-office aside.contact p { margin:1em 0; } body.penn-law-center aside.topic,body.penn-law-office aside.topic { margin-right:20px; } /*ctic*/ div.facresearch {float:left; width:45%;} #body div.facresearch h2 {padding-top:2em;} /* ppr custom styles for erulemaking and books */ /* ppr custom styles */ body.pprcustom #header, body.pprcustom #subnavigation h3 {display:none;} body.pprcustom #content .container{ padding-bottom: 20px; border: 2px solid #f5f5f5; border-top: 1px solid #004684; padding-left: 0; padding-right: 0;} body.pprcustom .photobar h1 {border-bottom:4px solid #f5f5f5;} body.pprcustom h1 img {border:2px solid #f5f5f5;border-top:0; border-bottom-width:10px; padding:0 5px 0 2px;} body.pprcustom #subnavigation, body.pprcustom #body {margin-top:0; padding-top:20px;} body.pprcustom #body {padding-right:10px;} body.pprcustom .search_form {position:relative !important; margin-left:10px;width:250px !important; height:35px !important;} body.pprcustom .search_form form {opacity:1 !important;} @media screen and (max-width: 480px) { body.pprcustom #header {display:block;} body.pprcustom .search_form {position:absolute !important; margin-left:10px; height: 26px !important; width: 480px !important;} } /* Journals */ .journals #subnavigation {margin-top:-80px;} #journalSearchbar { background-color:#46639c; color:#ffffff; min-height:40px;} #journalSearchbar a { color:#cecece } #journalSearchbar #journalsearchWrapper {margin:0 auto; padding:5px 0 3px 80px; width:900px;} #journalSearchbar #journalsearchWrapper.innerpagewrap {height:60px; background:url('/images/journals/largesearchbar.jpg') no-repeat; padding-top:10px;} #journalSearchbar #journalsearchWrapper form {margin-left:240px;} #journalSearchbar #journalsearchWrapper form input {border:none; color:#666; padding:3px; margin: 8px 5px 0 0; overflow:visible; height:12px;} #journalSearchbar #journalsearchWrapper form select {border:none; color:#666; padding:3px; margin:0; margin-right:5px;} #journalSearchbar #journalsearchWrapper form .searchoptions {float:right; margin-right:70px;} .journalBanner { max-width:1100px; overflow:hidden; margin:0 auto; max-height:165px; position:relative; } /* faculty search form*/ #faculty-search-form{ } .faculty-form-divider{ display:none; } #faculty-table-reminder{ display:block; } #faculty-table-reminder2{ /* display:block; */ } /* Clinics */ body.penn-law-clinic #header h2 { } /* float:left; */ body.penn-law-clinic #header h1 { font-size:2.4em; line-height:1em; font-weight:600; text-transform:uppercase; font-style:italic; letter-spacing:0; } body.penn-law-clinic #header h1 a { color:#000; text-decoration:none; } body.penn-law-clinic #header h1 a strong { color:#a03; display:block; font-weight:600; } /* ELC clinic event images */ /* Faculty / Staff Profile */ img.profile-image { float:left; display:inline; margin:4px 10px 10px 0; padding:4px; border:1px solid #ddd; clear:left; } p.bio {clear:both; display:block; margin-bottom:1em; } #profile-contact { color:#333; margin:0px -19px 8px 12px; width: 300px; font-size:1.2em; border-left:10px solid #004684; background-color:#e6e7e7; padding:10px 15px; float:right; } #profile-stats { margin:0 0 10px -20px; clear:both; } .expertise { clear:both; padding-bottom:1.2em; margin-bottom:1em; font-size:0.9em; } .expertise h2 { border-bottom:1px solid #E6E3DC; padding-bottom:3px; } .expertise ul li a { text-decoration:none; } .expertise ul li a:hover { text-decoration:underline; } .expertise::after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #content .expertise ul.column { width:200px; margin:0 16px 0 0; list-style-type:none; } .expertise ul li { margin-bottom:0.6em; line-height:1.2em; } .expertise ul h5,.expertise ul ul,.expertise ul ul li { margin-bottom:0; margin-top:0.6em; } /* Speciality Areas Faculty Profiles */ ul.specialty-areas-faculty { list-style-type:none; margin:2em 0em 0em 0em; } ul.specialty-areas-faculty li { clear:both; } #body ul.specialty-areas-faculty li img.lw_align_left { margin:0em .5em 1.5em 0em } /* Admitted JD and Grad homepages */ .container #letterWrapper {margin:0 auto;} /* Commons Pages */ ul.commons-tools { list-style-type: none; font-size:1.2em; margin:0 0 0 -3px; padding:0; } ul.commons-tools a { color:#600; text-decoration:none; padding:4px 4px; } ul.commons-tools a:hover { text-decoration:underline; } li.starred-notice a { font-size:1.7em; } /* Instagram hub page */ #body.instagram {width:100%;} #body.instagram li { width: 208px; float: left; padding: 8px 15px 0 5px; min-height: 285px; clear: none !important; margin: 15px 18px 15px 0 !important; background-color: #fafafa; border: 1px solid #f2f2f2; } #body.instagram li p {margin-bottom:0 !important;} #body.instagram li:nth-of-type(4n) {margin-right:0 !important;} #body.instagram .item { width: 220px; margin: 0 auto; margin-left: 5px; } /* Alumni Clubs */ .clubblock .lw_places_footer {display:none;} .club {width:95%; float:left; font-size:.95em;} .club dl, .club strong {float:left;} .club dd {padding-left:5px;} .club dd::before {content:" : ";} .club ul li {list-style-type:none; padding-bottom:15px;} .buttons {padding:10px; background-color:#eaeaea; border:2px solid #eaeaea; border-radius:5px; float:left; margin-right:10px; cursor:pointer;} .buttonspressed {background-color:#b4b4b4; border:2px solid #b4b4b4; color:#ffffff;} .clubblock {display:block;} .clubblock#us, .clubblock#world, .clubblock#affinity {padding-bottom:200px;} .clubblock .lw_blurbs_body {padding-left:20px;} .clubblock h2 {color: #011f5b; font-size:1.7em;} .clubblock#us h2, .clubblock#world h2 {margin-bottom: -50px;} .clubblock h3 {color: #900;} /* international newsroom */ .newsroom .lw_news_tags { float:right; padding-top:10px; text-align: right; } .newsroom .news_wrapper .date { margin-top:-8px; } /* International Blog */ .internationalblogheader { display: block !important; position:relative; width: 980px; margin: 0 auto; margin-top: 230px; z-index: 900; } .internationalblogheader h1 { padding-bottom:0; border-bottom:1px solid #d9d9d9; } .internationalblogfeature { margin-top: -238px; } .internationalblogfeature .feature-slide { margin-top: -20px; } .internationalblogbody h2 { padding-top:2em !important; } .internationalblogbody .lw_widget_news, .internationalblogbody { width:690px !important; float:left; margin-top:-10px; } .internationalblogmenu { position: absolute; right: 0; margin-top: -30px; font-size: 1.2em; color:#b3b3b3; padding-right:10px; } .internationalblogbody .lw_widget_news > ul > li, .internationalblogbody .lw_widget_news > noscript > ul > li { width: 100%; margin-right: 30px; } .internationalblogbody .storyImg, .internationalblogbody .storyHdr {margin:0 !important; padding:0 !important; } .internationalblogbody .storyHdr { font-size:1.15em; border-bottom: 1px solid #dedede; padding-bottom: 5px !important; } .internationalblogbody .storyHdr, .internationalblogbody .date { margin: 0 0 5px 170px !important; } .internationalblogbody .lw_news_contact_info { font-size:.9em; margin-bottom:10px; } .internationalblogbody .storySummary { margin: 5px 0 5px 175px!important; } .internationalblogbody .news_body { margin-bottom: 4em; } .internationalblogbody .news_wrapper { border: 0; padding-bottom:20px; margin-top:10px; } .internationalblogbody .lw_news_tags { float:right; font-size:.9em; } .internationalblogbody p:first-of-type { margin-top:1em; } .internationalblogbody #otherProfiles ul { width:100%; } .lw_widget.lw_widget_tags.internationaltags { margin-left: 0 !important; right: 0; width: 210px; padding:15px; margin-top:-1em; } .lw_widget.lw_widget_tags.internationaltags hr { display:none; } .lw_widget.lw_widget_tags.internationaltags a { display:block; } .lw_widget.lw_widget_tags.internationaltags li { margin-right:.55em !important; margin-bottom:0 !important; } .twitterfeed { margin-left:5px; } .twitterfeed h3 { padding-left:10px; } .internationalsidebar { float:right; display:inline; width:270px; background-color: #f7f7f7; margin-top:-30px; } .internationalsidebar .lw_widget_navigation { padding: 0 15px; } .internationalsidebar h3.navheading { padding-left:15px; } .internationalsidebar .lw_widget_featured_profile { width:240px; margin:0 auto; } .internationalsidebar .lw_widget_featured_profile .lw_item_thumb { width:240px; display:block; overflow:hidden; } .internationalsidebar .lw_widget_featured_profile img { overflow: hidden; display:block; clear:both; margin:0 auto; float:none; margin-bottom:10px; } .internationalsidebar .lw_widget_featured_profile .lw_profiles_52 { font-size:.9em; display:block; } #otherProfiles li.lw_profiles_type_blogcontributors { width:70px; float:left; clear:none !important; margin: 0 10px 5px 0 !important; height:70px; } li.lw_profiles_type_blogcontributors { width:150px; float:left; clear:none !important; margin-right:20px !important; height:300px; } .internationalblogcontributors .lw_profiles_name { font-size:1.2em; color:#000000; } .internationalblogcontributors .lw_profiles_53 { font-size:.9em; margin-bottom:10px; color:#5b5b5b; } .internationalsidebar a.backtoblog { margin:10px; display:block; padding:10px; background-color:#729a42; border:2px solid #729a42; border-radius:5px; color:#fff; } /* end international blog */ /* News Story template */ blockquote { font-size:1.3em; color:#666; width:300px; float:right; display:inline; padding:10px 0; border-top:4px solid #eee; border-bottom:1px solid #eee; } #excerpt-source { display:inline; float:left; margin:5px 8px 8px 0; font-size:0.9em; padding:8px; border:1px solid #dbdbdb; background-color: #eee;} p.byline { color:#666; font-size:1.2em; } .news-image-right { margin:5px 0 5px 10px; float:right; display:inline; border:1px solid #eee; } .news-image-right p { padding-left:10px; color:#666; font-size:0.93em;} .news-image-left { margin:5px 15px 5px 0; float:left; display:inline; border:1px solid #eee; } .news-image-left p { padding-left:10px; color:#666; font-size:0.93em;} /* Stackables (sub-templates) */ .column,.topic { float:left; width:300px; } .column+.column,.topic+.topic { margin-left:40px; } #content .column+.column { margin-left:40px; } #content .lw_widget_column+.lw_widget_column ul { margin-left:40px; } /* cherdt: added for (n+1) column landing page nav menus */ #content .column aside { margin-top:0; } .bignav { padding:30px 0 10px; position:relative; margin-bottom:5px; } .bignavbluebg { padding:30px 0 10px; position:relative; margin-bottom:5px; } .bignav .container { position:relative; } .bignav nav { float:left;} .bignav nav.two-column { width:640px;/**/ margin-right:30px;} .bignav nav.three-column { width:980px; } .bignav nav.three-column div.lw_widget_column {width:33% !important;} .bignav nav h1,.photonav nav h1,.topbar h1 { font-size:2em; font-weight:normal; letter-spacing:0.01em; padding-bottom:5px; margin-bottom:0; border-bottom:1px solid #909293; } .bignav h1 a {color:#403f41;} .bignav nav a, .photonav nav a, .topbar a { text-decoration:none; text-transform:uppercase; letter-spacing:0.05em;} .bignav nav ul, .photonav nav ul { list-style-type:none; margin:0; padding:0; } .bignav nav .lw_widget ul li,.photonav nav ul li { border-bottom:1px solid #909293; margin:0; } .bignavlightbluebg nav ul li { border-bottom:1px solid #909293; margin:0; } /* Documentaries demo style */ .bignav nav ul li a,.photonav nav ul li a,.topbar ul li a { font-size:16px; display:block; } .bignav nav ul li ul li a { font-size:1.1em; display:block; } .bignav nav ul li a { padding:10px 5px; } .bignav nav ul li p, .bignav nav ul li a p, .photonav nav ul li p { font-size:0.88em; color:#909293; margin-bottom:0; } .bignav nav ul li a p { font-size:0.77em; text-transform:none; } .bignav nav ul li p a, .photonav nav ul li p a { font-size:1em; color:#909293; text-transform:none;} .bignav nav ul li p { display:none;} .bignav nav ul li:hover, .bignav nav ul li.lw_active, .photonav nav ul li.hover, .photonav nav ul li.lw_active, .topbar ul li:hover, .topbar ul li.lw_active { background-color:#eee; } .bignav nav ul li:hover a,.bignav nav ul li.lw_active a,.photonav nav ul li.hover a,.photonav nav ul li.lw_active a,.topbar ul li:hover a,.topbar ul li.lw_active a { } .bignav nav+.column { margin-left:20px; } .bignav .tab, .photonav .tab, .topbar .tab { padding:2px 20px 10px; position:absolute; bottom:-15px; right:30px; border-radius:10px 10px 0 0; border:solid #a10530; border-width:3px 3px 0 3px; font-size:0.9em; text-decoration:none; z-index:100; } .bignav .tab:hover, .photonav .tab:hover, .topbar .tab:hover { } /*custom bignav styles for bignavs with subcontent sections*/ .bignav aside {width:300px;} .bignav nav.two-column.subcontent { margin-bottom:30px;} /* bignav news widgets */ .bignav .navnews { float:right; width:300px; } .bignav .navnews h3 { padding-top:0; } .bignav .navnews .lw_news_headline { font-size: 1.1em; } .bignav .navnews ul li { border-bottom: 1px solid #DDDDDD; margin-top: 5px; padding: 5px 0 10px 0; } /*admitted demo homepage tab*/ #carousel .tab { padding:2px 20px 10px; position:absolute; top:0; right:30px; border-radius:0 0 10px 10px; border:solid #a10530; border-width:3px 3px 0 3px; font-size:0.9em; color:#fff; text-decoration:none; background:#a10530 url(/images/design/tab-gradient.png) repeat-x right bottom; z-index:100; } #carousel .tab:hover { color:#fddb55; background:#902 none; } /*end admitted demo homepage tab*/ /* .bignav::after,.bignav .after { content:' '; width:100%; height:4px; position:absolute; left:0; bottom:-5px; } */ .topbar { width:980px; margin:0 auto; background:#e6e7e7; z-index:100; padding:10px 0 5px; height:44px; position:relative; } .topbar h1 { border:none; float:left;} .topbar ul { float:right; } .topbar ul li,.photonav nav .topbar ul li { float:left; margin:0; padding:5px 15px; margin-top:5px; border-left:1px solid #322; } .topbar ul li,.photonav nav .topbar ul li:first-child { border-left:none; } .topbar .container { position:relative; } .topbar .container .tab { border-radius:0 0 10px 10px; text-transform:none; bottom:-33px; } .topbar .container .tab:hover { border-radius:0 0 10px 10px; text-transform:none; } /* Full-width page layout */ .fullwidth #body { width:980px; } #body.fullwidth {width:100%;} body.body_calendar #lw_cal a { line-height: 1.25em; } body.body_calendar #lw_cal .lw_cal_time { font-size:0.9em; } /* OTHER REUSABLE ELEMENTS AND PAGE TYPES */ /* Right-side navigation option */ .rightnav #body { float:left; } #content .rightnav aside,.rightnav #subnavigation { float:right; } /* 2-col basic page */ .basic.two-col #col1 { width:330px; float:left; } .basic.two-col #col2 { float: right; width:300px; } #content .split #body { float:left; margin-top:0; } #content .split aside { float:right; margin-top:1.5em;} #content .split aside.nudged { margin-top:-180px; position:relative; z-index:200; } /* body columns */ .leftcolumn {float:left; display:inline;} .rightcolumn {float:right; clear:right;} .leftcolumn.international {width:400px;} .rightcolumn.international {width:210px;} .leftcolumn.llm {width:400px;} .rightcolumn.llm {width:220px;} /* Photonav is used mainly for JD Admissions */ .photonav { overflow:hidden; width:100%; position:relative; } .photonav .topbar { top:0; left:0; } .photonav .topbar ul { left:-20px;} .photonav nav .topbar h1 { border:none; float:left; } .photonav nav .topbar a { color:#322; } .photonav nav ul { position:relative; z-index:100; margin-left:-80px;} .photonav nav ul li { position:relative; border:none; margin-bottom:10px; padding:10px 15px; } .photonav nav ul li .nav-pointer { width:0; height:58px; z-index:100; position:absolute; left:100%; top:0; background:url(/images/design/subnav-arrow.png) no-repeat left top; } .photonav nav ul li.hover .nav-pointer { background-position:right top; } .photonav nav ul li .nav-caption { background-image:url(/images/design/overlay-yellow.png); position:absolute; left:100%; margin-left:26px; top:0; cursor:default; overflow:hidden; width:0; min-height:46px; padding:6px 0; } .photonav nav ul li .nav-caption .lw_widget_blurbs ul { margin:0px; padding:0px; } /* for cases using the blurbs widget to populate the captions */ .photonav nav ul li .nav-caption .lw_widget_blurbs ul li { margin:0px; padding:0px; background-image:none; background-color:transparent; } /* for cases using the blurbs widget to populate the captions */ .photonav nav ul li .nav-caption p { font-size:1.6em; line-height:1.2em; color:#003; margin:10px 30px; width:500px; padding-left:1.3em; text-indent:-1.3em; display:none; } .photonav nav ul li .nav-caption a { display:inline; text-transform:none; font-weight:bold; color:#004684; font-size:1em; } .photonav nav ul li .nav-caption a:hover { text-decoration:underline; } .photonav nav ul li .nav-caption a.nav-caption-more { position:absolute; bottom:-10px; right:30px; line-height:22px; opacity:0.8; padding:0 6px; background-color:#4d207a; text-align:center; font-weight:500; text-transform:uppercase; color:#fff; font-size:1.2em; font-style:italic; text-decoration:none; display:none; } .photonav nav ul li .nav-caption a.nav-caption-more:hover { color:#ebc85a; text-decoration:none; } .photonav nav ul li .nav-caption a.nav-caption-more .before,.photonav nav ul li .nav-caption a.nav-caption-more .after,.photonav nav ul li .nav-caption a.nav-caption-more::before,.photonav nav ul li .nav-caption a.nav-caption-more::after { content:' '; width:6px; height:22px; background-image:url(/images/design/nav-caption-more.png); position:absolute; top:0; left:-6px; } .photonav nav ul li .nav-caption a.nav-caption-more::after,.photonav nav ul li .nav-caption a.nav-caption-more .after { background-position:-6px 0; left:auto; right:-6px; } .photonav nav ul.column { margin:20px 10px; width:360px;} .photonav nav ul li.hover.orangetab { background-color:#ed9740; } .photonav nav ul li.hover.greentab { background-color:#729a42; } .photonav nav ul li.hover.purpletab { background-color:#7f2d9c; } .photonav nav ul li.hover.bluetab { background-color:#004684; } .photonav nav ul li.hover.greytab { background-color:#403f41; } .photonav nav ul li.hover.ltbluetab { background-color:#00549f; } .photonav nav ul.column li p, .photonav nav ul.column li a {color:#ffffff;} .photonav .photo { width:980px; height:310px; margin:0 auto; position:absolute; top:59px; left:50%; margin-left:-490px; overflow:hidden;} .photonav .photo img { position:absolute; top:0; left:0; } /* Full-width photo bar for offices */ .photobar { width:100%; overflow:hidden; background-repeat:no-repeat; background-position: center; } .photobar img { margin:0 auto; display:block; } .photobar.bluegray { padding:5px 0; border:solid #fff; border-width:1px 0px; background-color:#e5e8ec; } .photobar.blueblue { padding:5px 0; border:none; background-color:#cedaeb; } .photobar.bluenavy { padding:5px 0; border:none; background-color:#011f5b; } .photobar.whitebg { padding:5px 0; border:none; background-color:#ffffff; } .photobar.blackbg { padding:5px 0; background:#222 url(/images/design/subnav-halftone-gray.png); background-color:#000000; border-bottom:4px solid #a10530; } /* Reusable color-coded topics */ .topics { padding:15px 0; } .topic { position:relative; font-size:0.9em; color:#666; } .topic .category { width:auto; font-size:1.5em; font-weight:bold; text-transform:uppercase; color:#fff; white-space:nowrap; text-align:center; padding:0 10px; margin-bottom:5px; height:30px; } .topic.out .category { } .topic .category a {color:#ffffff;} .topic img { margin:0 0 5px; } .topic .more { font-weight:bold; text-decoration:none; } .topic .more:hover { color:#333; } .orange .category { background-color:#ed9740; } .orange .more { color:#ed9740; } .green .category { background-color:#729a42; } .green .more { color:#729a42; } .purple .category { background-color:#7f2d9c; } .purple .more { color:#7f2d9c; } .navy .category { background-color:#2f3472; } .navy .more { color:#2f3472; } .gold .category { background-color:#e5d315; color:#006;} .gold .more { color:#006; } li.orangetab { background-color:#ed9740; } li.greentab { background-color:#729a42; } li.purpletab { background-color:#7f2d9c; } li.bluetab { background-color:#004684; } li.redtab { background-color:#990000; } li.greytab { background-color:#403f41; } li.ltbluetab { background-color:#00549f; } ul.tablists {list-style-type:none; margin:0 1.5em 1em .5em; width:640px; } #sidebar ul.tablists {width:100%;} ul.tablists li {margin-bottom:10px; padding:10px 15px; font-size:1.1em; font-weight:bold; text-align:center;color:#ffffff;} li.orangetab a, li.greentab a, li.purpletab a, li.bluetab a, li.redtab a, li.greytab a, li.ltbluetab a {color:#ffffff;list-style-type:none;} /* public service tab styles for inner pages */ ul.tablists.pagelinks li {float:left; width:44%; margin-right:1%;} ul.tablists.pagelinks li:last-child {margin-left:0;} ul.tablists.pagelinks {width:650px; display:block; overflow: hidden; } /* Re-usable content types */ .category { top:16px; left:-22px; height:44px; width:44px; background-color:#a10530; z-index:700; } /* position:absolute; */ .pipeline .category, .pipeline-item .category { display:none; } /* .category::before,.category .before { content:' '; width:22px; height:12px; background:url(/images/design/pipeline-arrows.png) no-repeat 0 -44px; position:absolute; top:44px; left:0; } .category::after,.category .after { content:' '; width:12px; height:44px; background-image:url(/images/design/pipeline-arrows.png); position:absolute; top:0; right:-12px; } */ .category img { margin:6px 4px; } .in .category img,#inbound .category img { float:right; } /* Yellow callout box for Contact Info */ .contact { color:#333; border-left:10px solid #004684; background-color:#e6e7e7; padding:10px 15px;} .contact h3 { color:#033; font-weight:bold; font-size:1.1em; margin:0; padding:0; } .contact h4 { font-size:1.2em; margin-bottom:0; } .contact p { margin:0.2em 0; color:#666; } .contact a.more { font-weight:bold; text-decoration:none; } .contact a.more:hover { color:#333; text-decoration:underline; } /* Double red lines for Contact Info in the sidebar */ #sidebar aside.contact { border:double #a10530; border-width:0 0 0 3px; padding:5px 0 0 10px; width:287px; background-color:#fff; } #sidebar aside.contact h4 { font-style:normal; margin-top:0; font-size:1.2em; text-transform:uppercase; color:#322; } #sidebar aside.contact p { margin:1em 0; } /* Box (styled after events widgets) Remvoed for new update .box { float:left; background-color:#efece3; border:6px solid #efece3; background-color:#fff; padding:6px; width:90%; z-index:900; position:relative; box-shadow:0 0 6px rgba(0,0,0,0.5); } */ /* Yellow callout box for highlighted content */ /* Added by cherdt */ .highlight { background-color:#e6e7e7; padding:10px 18px; } .highlight h3 { color:#033; margin:0; } .highlight h4 { font-size:1.2em; margin-bottom:0; } .highlight p { margin:0.2em 0; color:#666; } /* Reusable Tabs */ .tabs { margin:0 0 30px; padding-top:20px; clear:both; /* padding fixes bug in ie8 where tab top border hidden */} .tab-list { padding-bottom:4px; line-height:20px; list-style-type:none; margin:0; } .tab-list li { display:inline; margin-right:5px; } .tab-list li a { padding:5px 20px 6px; border:solid #e6e4db; border-radius:5px 5px 0 0; border-width:1px 1px 0 1px; font-size:0.9em; color:#006; text-decoration:none; background-color:#e6e7e7; z-index:100; font-weight:bold; } .tab-list li.active a { background-color:#fff; color:#134B80; font-weight:bold; } .tab-list li a:hover { color:#fff; background:#134B80 none; border-color: #134B80; } .tab-content { background:#ffffff; padding:15px; border:1px solid #e6e7e7;} .tab-content::after { content:' '; height:0; width:0; overflow:hidden; clear:both; display:block; } .tab-content a { text-decoration:none; } .tab-content a:hover { text-decoration:underline; } .tab-content a.more { font-size:1.25em; letter-spacing:0.05em; font-weight:500; text-transform:uppercase; color:#6d0527; margin-bottom:10px; font-style:italic; line-height:1em; margin-right:15px;} /* public service and general testimonial styles */ .publicservicetestimonials {padding:10px 15px; background-color:#f2f2f2; border:1px solid #e1e1e1;} .publicservicetestimonials .lw_profiles_45 {font-size:.8em; margin:5px 0 10px 0; color:#5b5b5b;} .publicservicetestimonials .lw_profiles_name strong {font-size:1.2em;} table.testimonialFeature {background-color:#f6f6f6; border-top:2px solid #333; width:100%;} /* FOOTER */ .footer-mobile { display: none; } #footer { border-top:3px double #afb0b2; background-color:#e5e6e7; color:#444; height:122px; width:100%; z-index:900; position:relative; clear:both; text-align:center; } #footer { height:185px; } /* to accommodate footer */ #footer.fixed { position:fixed; bottom:0; left:0; } #footer .container { height:82px; padding-top:15px; padding-bottom:20px; margin-top:0; background:#e5e6e7; } #footer .container { height:117px;} /* to accommodate footer */ #footer a { color:#403f41; text-decoration:none; font-size: 1em; margin-top:15px; } #footer a:hover { text-decoration:underline; } .footer-left,.footer-right { width:150px; text-transform:uppercase; } .footer-left { float:left; margin-left:0; margin-right:0; } .footer-right { float:right; margin-left:-15px; margin-right:10px; } #address { width:300px; margin:0 auto; font-size:0.88em; text-align:center; margin-top:-8.5em; } #address { margin-top:-11em;} /* to accommodate footer */ #address .fn { display:none; } #address img { display:block; margin:0 auto 0.5em; } #address a.map-link { font-size: 0.95em; color:transparent; background:url(/images/design/mapPin.png) no-repeat center bottom;} #login-link-wrapper { background-color:#e5e6e7; } body.body_about #mobile-footer-new {display: none;} #social span{ margin-top:10px; display: inline-block; zoom: 1; list-style: none; margin-right: 1px; } .sprite-facebook_32, .sprite-flickr_32, .sprite-linkedin_32, .sprite-rss_32, .sprite-tumblr_32, .sprite-twitterbird_32, .sprite-youtube_32, .sprite-instagram_32, .sprite-gplus_32 { background-image: url('/images/design/social-sprite.png'); width: 20px; height: 20px; } .sprite-facebook_32 { background-position: 0 0; } .sprite-flickr_32 { background-position: -70px 0; } .sprite-linkedin_32 { background-position: -140px 0; } .sprite-rss_32 { background-position: -210px 0; } .sprite-tumblr_32 { background-position: -280px 0; } .sprite-twitterbird_32 { background-position: -350px 0; } .sprite-youtube_32 { background-position: -420px 0; } .sprite-instagram_32 { background-position: -490px 0; } .sprite-gplus_32 { background-position: -560px 0; } /* Overriding some widget styles from frontend.css (cherdt) */ .lw_widget { margin:0 } .lw_widget > ul > li { margin:.55em 0 } .lw_widget ul li ul { list-style-type:disc; padding:auto; margin-left:1.5em; } .lw_widget ul li ul li { margin:auto; } .lw_widget.lw_widget_images > ul> li { margin:0 !important; } /* end edit */ .lw_widget.lw_widget_tags { margin-left: 20px; } /* competition widget blurb changes on legal writing and moot court competitions */ #lw_widget_921dab1e ul li .lw_blurbs_body p a, #lw_widget_f9a5a2b5 ul li .lw_blurbs_body p a { font-size:1.2em; } .lw_widget_its_tweet_feed li { margin-bottom:10px; } .lw_widget_its_tweet_feed .lw_twitter_date { font-size:0.9em; color:#666; } .lw_widget_its_tweet_feed .lw_twitter_tweet { font-size:1.2em; color:#222; } .lw_widget_twitter { background-color:#003360; padding-left:1px; padding-right:1px; padding-bottom:1px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; } .lw_widget_twitter h3 { color:#fff; margin-top:.5em; margin-left:.35em; padding-top:.25em;} .lw_widget_twitter ul li, .lw_widget_penn_law_tweets ul li ul li { background-color:#FFF; line-height:1.3em; padding:.25em .5em; margin:1px 0px 0px 0px;} .lw_twitter_tweet { } .lw_twitter_date { color:#666; font-size:.8em; margin-top:.3em } .lw_twitter_intents { font-size:.8em; } .lw_widget_penn_law_tweets ul, .lw_widget_penn_law_tweets ul li ul { list-style-type:none; margin:0em; padding:0em; } .lw_widget_penn_law_tweets .lw_blurbs_body > p { -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; background-color:#003360; background-image:url(https://widgets.twimg.com/i/widget-bird.png); background-position:10px 10px; background-repeat:no-repeat; padding:.5em 1em;} .lw_widget_penn_law_tweets .lw_blurbs_body > p a { color:white; text-decoration:none; } .lw_widget_penn_law_tweets .lw_blurbs_body > p a:hover { text-decoration:underline; } .events_last_modified, .news_last_modified { font-size:.9em; font-style:italic; color:#999; margin:.5em; } /* Styles for LiveWhale event widgets */ .lw_widget_events { background-color:#ffffff; box-shadow:none; float:left; font-family:Georgia, "Times New Roman", Times, serif; padding:6px; position:relative; width:286px; z-index:900; border:4px double #e9e7e5;} .bignav .lw_widget_events {margin-top:8px;} .lw_widget_events ul { list-style-type:none; margin:0 !important; background-color:#fff; padding:0 12px; } .lw_widget_events ul.last-child { margin-bottom:0; } .lw_widget_events h3, #body .lw_widget_events h3 { text-transform:none; font-style:italic; color:#96989b; background-color:#fff; padding:10px 0; margin:0; border-bottom:1px solid #e6e6e6; text-align: center;} .lw_widget_events h3 img { display:block; margin:0 auto; } #body .lw_widget_events ul li, .lw_widget_events ul li { padding:10px 3px 10px 80px; position:relative; min-height:60px; margin:0; border-bottom:1px solid #eee; } .lw_widget_events div.lw_events_day:last-of-type ul:last-of-type li:last-of-type {border-bottom:none;} .lw_widget_events ul li:hover { background-color:none;} .lw_widget_events .lw_events_header_date { display:none; } .lw_widget_events ul li .lw_events_date { color:#6b000a; font-size:1.4em; border:1px solid #ddd; background-color:#eee; float:left; padding:4px 0; position:absolute; top:12px; left:15px; width:44px; line-height:18px; height:46px; text-align:center; font-weight:normal; font-style:italic; } .lw_widget_events .lw_events_date .lw_events_month, .lw_events_month { background-color: transparent; color:#999; font-size:12px; font-style:normal; height:22px; text-transform:uppercase; } .lw_widget_events ul li span.lw_item_thumb { position:absolute; left:0; top:10px; z-index:100; } .lw_widget_events ul li span.lw_item_thumb img { margin: 0 !important; } .lw_widget_events ul li:hover span.lw_item_thumb { display:none; } .lw_widget_events ul li .lw_events_title { font-size:1.1em; font-style:normal; text-transform:none; letter-spacing:0; margin-bottom:4px; } .lw_widget_events ul li .lw_events_title a { color:#6b000a; text-decoration:none; } .lw_widget_events ul li .lw_events_title a:hover { color:#004684; } .lw_widget_events ul li .lw_events_time, .lw_widget_events ul li .lw_events_until, .lw_widget_events ul li .lw_events_location { font-style:italic; font-size:0.9em; color:#888; margin-bottom:4px; } .lw_widget_events ul li .lw_events_time time,.lw_widget_events ul li p .event-location { font-style:normal; text-transform:uppercase; } .lw_widget_events ul li .lw_events_time {text-transform:lowercase;} .events.upcoming p { display:none; } .lw_widget_events .events-more ul { font-size:.9em; font-weight:bold; list-style-type:none; margin:5px 20px 0; } .lw_widget_events .events-more li { padding:0; min-height:0; border:none; } .lw_widget_events .events-more a { font-weight:bold; text-decoration:none; } .lw_widget_events .events-more a:hover { color:#666; } div.lw_widget_events ul li div.lw_events_date:first-child + span.lw_date_separator + div.lw_events_date {display:none;} .lw_widget_upcoming_events h3, .lw_widget_upcoming_homepage_events h3, .lw_widget_todays_events h3, .lw_widget_todays_homepage_events h3, .lw_widget_events_this_week h3, .lw_widget_save_the_date_homepage_widget h3 { background:#fff; overflow:hidden; width: 100% } /*.lw_widget_todays_events h3, .lw_widget_todays_homepage_events h3 { background-image:url(/images/design/events-today.png); } .lw_widget_events_this_week h3 { background-image:url(/images/design/events-thisweek.png); } .lw_widget_save_the_date_homepage_widget h3 { background-image: url(/images/design/events-savethedate.png); } */ .combined_event_lists { background-color:#fff; border:4px double #e9e7e5; float:left; padding:6px; position:relative; width:280px; z-index:900; } .combined_event_lists .lw_widget_events { float:left; background-color:transparent; padding:0; z-index:900; position:relative; box-shadow:none; border:none; } /* width:auto; */ /* Nullification of some LiveWhale 1.4.4 Styles */ .lw_widget_events .lw_events_date { margin-left: 0; } .lw_widget_events .lw_events_date .lw_events_month { border-bottom: none; } .lw_widget_events .lw_events_date .lw_events_day { border-top:1px solid #999; color: #6b000a; font-size: 1.1em; line-height: 18px; padding-top:2px; width:auto; } .lw_widget_events .lw_date_year { display:none; } .lw_widget_events ul li ul li { height:1.5em !important;margin:0 !important; padding:0 !important; min-height:1.5em !important;} /* clean list style for events like on international news events page */ #body .lw_widget_events.clean_event_list { border:none; font-family:'TeX Gyre Adventor',Arial,Helvetica,sans-serif; color:#322; font-size:1em; padding:0; width:auto; } #body .lw_widget_events.clean_event_list ul { margin: 0 0 0 1.5em !important; } #body .lw_widget_events.clean_event_list ul li { padding: 0; border-bottom:0; min-height:auto; list-style-type:disc; margin-bottom: 0.7em; } /* New styles for the LiveWhale event detail page follow: */ body.body_events .events_date { color:#444; font-size:1.2em; } body.body_events .events_location { color:#444; font-size:1.2em; } body.body_events .events_location:before {content:'Location: ';} body.body_events #content .events_summary { margin:0.6em 0; border-bottom:1px dotted #ccc; padding-bottom:15px; font-size:1.4em; font-weight:300; } body.body_events .events_last_modified { } /* New styles for LiveWhale News stories follow: */ body.body_news #content .news_summary { margin:0.6em 0; border-bottom:1px dotted #ccc; padding-bottom:15px; font-size:1.4em; font-weight:300; } /* New styles for LiveWhale Forms: */ body.body_forms .lw_forms_intro { margin:0.6em 0 1em 0; border-bottom:1px dotted #ccc; padding-bottom:5px; font-size:1.4em; font-weight:300; } body.body_forms .forms_last_modified { display:none; } .lw_forms_label { margin-top:.75em; } body.body_forms .lw_forms_label, .lw_forms_label label { font-weight:bold; color:#666; margin:8px 0 0 0; } .lw_forms_asterisk { color:#900; font-weight:bold; font-size:1em; margin-left:3px; } body.body_forms fieldset { margin:0.5em 0; } body.body_forms .lw_forms_checkbox label { margin-left:5px; margin-bottom:5px; } .lw_forms_field textarea { height:4em; width:100% } .lw_forms_text input { width:20em; } /* hide registration status */ .lw_payments_registration_status {display:none;} /* New styles for LiveWhale Photo Galleries follow: */ .galleries_last_modified { display:none; } .galleries_description { margin:0.6em 0; font-size:1.4em; font-weight:300; } #lw_gallery_thumbnails li a { border:none !important; } #lw_gallery_thumbnails li a img { margin:0 20px 20px 0 !important; padding:0;} .pl_gallery_link { bottom: -24px; } .lw_widget_alumni_club_galleries li { clear:none !important; float:left !important; width:50%; } .lw_widget_galleries li { clear:none !important; float:left !important; } .nocaption .lw_gallery_caption, .nocaption .lw_gallery_credit { display:none; } ul.offices-list { margin:0 0 0 -8px; list-style-type:none; font-size:1.15em; line-height:1.2em; font-weight:bold; background:url(/images/design/offices-list.jpg) no-repeat 248px bottom; } ul.offices-list li { width:198px; height:63px; border: 1px solid #ccc8c5; background-color:#fcf5e2; float:left; margin:8px; position:relative; padding:15px 12px 10px; } ul.offices-list li:hover { background-color:#fff; color:#900; box-shadow:0 0 6px rgba(0,0,0,0.3); } ul.offices-list a { color:#603; width:200px; text-decoration:none; } ul.offices-list::after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .important { width:268px; background-color:#f1ecd6; padding:15px; margin:10px 0; border:1px dotted #f3e6b4; } .welcome { float:right; width:180px; font-size:0.9em; color:#666; border-left:1px solid #E6E3DC; padding:10px 0 10px 20px; } .welcome img { display:block; margin:0 auto 0.5em; } #content .elsewhere { color:#444; float:right; margin:0 0 0 30px; width:300px; } .elsewhere a { font-weight:bold; text-decoration:none; } .elsewhere a:hover { color:#900; } /*.related { width:250px; padding:0 25px; background:url(/images/design/related-bar.png) repeat-x 0 20px; } changed width from auto to 250px */ .related {width:100%; } .related h2, .related h3, .related h4, h2.related, h3.related, h4.related {border-bottom:1px solid #990000;} .related h2, h2.related {font-style:italic;} .related h3, h3.related {font-weight:bold;margin-bottom:10px;} .related h4, h4.related {font-weight:normal;margin-bottom:10px;} .related ul li ul { font-size:0.95em;line-height:170%;} #sidebar .related { width:250px; } ul.newslist { font-size:1.1em; } .return-to-top a { padding: 2px 4px; text-decoration: none; } .return-to-top a:hover { background-color: #f1e89b; } .video { position:relative; margin:10px 0; } /* what is this for? .video ol{width:512px !important;} why?*/ .connect-social { width:280px; color:#333; font-size:0.83em; } .connect-social a { text-decoration:none; color:#333; } .connect-social a:hover { text-decoration:underline; color:#004238; } .connect-social ul { list-style-type: none; } .connect-social li { margin:14px 0; padding-left:45px; } .connect-social li.connect-facebook { background:url(/images/design/social/facebook_32.png) no-repeat 2px 0; } .connect-social li.connect-rss { background:url(/images/design/social/rss_32.png) no-repeat 2px 0; } .connect-social li.connect-twitter { background:url(/images/design/social/twitter_32.png) no-repeat 2px 0; } .connect-social li.connect-youtube { background:url(/images/design/social/youtube_32.png) no-repeat 2px 0; } .connect-social li.connect-flickr { background:url(/images/design/social/flickr_32.png) no-repeat 2px 0; } .people { margin:20px 0; width:100%; overflow:hidden; position:relative; } .people-list { list-style-type:none; margin:0 auto; padding:0; width:1210px; height:200px; } .people-list li { float:left; margin:9px; position:relative; } .people-list a img { border:1px solid #999; } .people-list a:hover img { border-color:#004684; } .people-list .bio { display:none; } .people-list .category { top:-9px; } .people-popup { display:none; border:4px solid #004684; background-color:#fff; box-shadow:0 0 6px rgba(0,0,0,0.5); padding:10px; width:272px; position:absolute; top:5px; left:50%; z-index:100; font-size:0.88em; color:#333;} .people-popup img { float:left; margin-right:10px; margin-bottom:20px; border:1px solid #999; } .people-popup .bio { margin-left:92px; } .people-popup .close,.overlay .close { height:22px; width:22px; text-align:center; text-decoration:none; font-weight:normal; color:#fff; line-height:20px; font-size:20px; border-radius:11px; background-color:#a10530; position:absolute; top:-12px; right:-12px; } .people-popup .close:hover,.overlay .close:hover { background-color:#6b000a; color:#fddb55; } .people-popup .category { display:none; } .news_wrapper { width:97%; padding:10px; margin:20px 0 0 0px; border:1px solid #ddd; background-color:#fff; } .news_wrapper:after { clear:both; content:'.'; display:block; height:0; overflow:hidden; visibility:hidden; } .news_wrapper .tags { font-size:1em; background-color:#003369; color:#fff; padding:5px; margin:12px 2px 3px 2px; clear:left; } .news_wrapper .tags a { padding-right:4px; color:#ffed76; font-weight:bold; text-decoration:none; } .news_wrapper .tags a:hover { color:#fff; } .news_wrapper .date { color:#666; font-size:0.9em;} .storyImg { padding:3px 3px 10px 3px; } .storyImg img { float:left; /*border: 1px solid #990000;*/ margin:0 15px 15px 0; } .storyHdr { font-size:1.4em; line-height:1.3em; margin:5px 0; } .storyHdr a {text-decoration:none;} .storyHdr a:hover {text-decoration:underline; color:#300;} .storybody { margin:5px 5px 10px 0; } .faculty_research { border: 1px solid #d2d2d2; } #body .faculty_research h2, .faculty_research h2 { background-color: #8d8d8d; color: white; margin-top: 0em; padding: 12px 16px 8px 16px; } .faculty_research .intro { font-size:1.4em; font-weight:normal; padding-left:0px; } .faculty_research .intro a { font-weight:normal; } #body .faculty_research img { margin-left:16px; margin-right:10px; } .faculty_research .youtube { margin-left:36px; } .faculty_research p { padding-left:16px; padding-right:16px; } .faculty_research p.more { background-color: #eaeaea; padding-right: 16px; padding-top: 7px; padding-bottom: 7px; text-align: right; margin-bottom: 0em; } .gateway { clear:both; border-bottom:1px solid #E6E3DC; padding-bottom:1.2em; margin-bottom:1em; font-size:0.9em; } .gateway h2 { border-bottom:1px solid #E6E3DC; padding-bottom:3px; } .gateway ul li a { text-decoration:none; } .gateway ul li a:hover { text-decoration:underline; } .gateway::after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #content .gateway ul.column { width:200px; margin:0 16px 0 0; list-style-type:none; } .gateway ul li { margin-bottom:0.6em; line-height:1.2em; } .gateway ul h5,.gateway ul ul,.gateway ul ul li { margin-bottom:0; margin-top:0.6em; } aside.news { padding:10px 18px; font-size:0.9em; width:260px; background-color:#f7f5f1; } aside.news h3 { font-weight:bold; margin-bottom:0; } aside.news a.more { font-weight:bold; float:right; clear:both; } aside.news ul { list-style-type: square; margin:0 0 0 3px; line-height:1.2em; } aside.news ul li { margin:0.4em 0; color:#666; } /* Video overlays */ .blackout { width:100%; height:100%; position:fixed; top:0; left:0; background-color:#000; display:none; z-index:960; } .overlay { width:650px; margin-left:-290px; position:absolute; top:0; left:50%; border:6px solid #004684; background-color:#fff; box-shadow:0 0 6px rgba(0,0,0,0.5); padding:12px; display:none; z-index:970; } .overlay embed,.overlay img,.overlay iframe,.overlay video { display:block; } .overlay h3 { font-size:1.3em; color:#888; text-transform:uppercase; font-weight:500; margin:0 -12px 0 0; font-style:italic; border-bottom:1px solid #999; padding-bottom: 7px; } .overlay .overlay-video { float:left; width:500px; margin-right:15px; } .overlay .overlay-video h3 { border:none; margin:0; padding:0; } .overlay .overlay-related { list-style-type:none; margin:0; width:130px; float:left; } .overlay .overlay-related li { margin-top:12px; } .overlay h4 { font-size:0.9em; color:#006; margin:0; letter-spacing:0; font-weight:normal; text-transform: none; } .pennlaw-video { background-color: #FFC; background-image:url(/images/design/video-placeholder.jpg); background-position: center center; background-repeat: no-repeat; border: 1px dotted #CC0000;} .videoCaption { margin-bottom:1em; padding:7px 10px; } .youtube, .jwplayer, .video, .lw_media { /* position:relative; */ margin:0; } .video .category, .lw_media .category {display:none; height:0;} .lw_media_wrapper {} ol.playlist, ul.playlist {margin-top:5px;} ol.playlist li, ul.playlist li { position:relative; } ol.playlist img, ul.playlist img { display:none; position:absolute; top:0; left:0; } /* Not displayed by default. Can be turned on as-needed */ #sidebar .youtube, #sidebar .jwplayer, #sidebar .video {margin:0;} .currentPlaylistItem { background-color:#f8f5eb } /* Youtube playlist widget styles*/ .youtube_widget { margin:10px auto; /* Edit this to your desired width, or omit for the player to fill its container's width */ } .youtube_widget li { margin: 0 !important; } .youtube_widget a { overflow: hidden; display: block; font-weight: normal; border-bottom: 1px dotted #999; padding: 5px; } .youtube_widget a.current { background-color: #FEE9B7; } .youtube_widget img { float: left; width: 70px; margin-right: 10px; } yt:recorded { margin-top:50px; } .ytrecorded { margin:-22px 0 8px 90px; } /* Youtube playlist widget styles - Horizontal Black styles*/ .youtube_widget#horizontalBlack {background-color:#222222; display:block; overflow:hidden; padding:10px 0; margin-top:0;} h3.youtubefeed_header {background-color:#222222; display:block; margin:0 !important;padding:0 5px !important; color:#fff; font-size:1.3em;} h3.youtubefeed_header a {color:#fff; text-decoration:none;} .youtube_widget#horizontalBlack iframe {width:420px; height:240px;} .youtube_widget#horizontalBlack img {margin-left:-75px; margin-right:0;} .youtube_widget#horizontalBlack #ytPlayer {width:420px; height:236px; float:left;} .youtube_widget#horizontalBlack .lw_widget_feeds {width:230px; float:left; font-size: .85em;height:240px;overflow-y:scroll;} .youtube_widget#horizontalBlack .lw_widget_feeds a {color:#c1caca; padding-left:80px;} .youtube_widget#horizontalBlack a.current {background-color: #3a3a3a;} .youtube_widget#horizontalBlack a:hover {background-color: #525252; text-decoration:none;} .gall-mobile-clear{ display:none; } /* youtube playlist video gallery styles */ .youtube_widget#videogallery { background-color:#ffffff; display: block; overflow: hidden; } .youtube_widget#videogallery .lw_widget_feeds { width: 100%; float: left; font-size: .85em; height: 100%; overflow:visible; background-color:#525252; } #videogallery li { float: left; height: 210px; clear:none; width:230px; padding:5px; } #videogallery li a { min-height:205px; } .youtube_widget#videogallery .lw_widget_feeds a { color: #000000; padding-left: 5px; letter-spacing:0.3px; } .youtube_widget#videogallery a:hover, .youtube_widget#videogallery a.current:hover, .youtube_widget#videogallery a.current { background-color: #3a3a3a; } .youtube_widget#videogallery li a.current, .youtube_widget#videogallery a:hover { color: #ffffff; } .youtube_widget#videogallery img { margin-left: 0; margin-right: 0; width: 220px; height: 160px; margin-top:-20px; } .youtube_widget#videogallery .ytimgdiv { height: 120px; margin-bottom: 10px; vertical-align: middle; overflow: hidden; } .youtube_widget#videogallery #ytPlayer { width: 640px; height: 360px; float: left; padding:10px 10px 0 10px; } .youtube_widget#videogallery iframe { width: 640px; height: 360px; } .youtube_widget#videogallery a { overflow: hidden; display: block; font-weight: normal; border-bottom:none; padding: 5px; } .ytPlayerDescription { float: left; display: inline; color: #ffffff; position: absolute; width: 280px; padding: 20px; height: 330px; overflow-y: auto; } .youtube_widget#videogallery #ytPlayer { background-color: #e6e7e7; color:#000000; } .ytPlayerDescription, .youtube_widget#videogallery .lw_widget_feeds { background-color: #e6e7e7; color:#000000; padding-top: 20px; } .ytPlayerDescription .intro { } .nowplaying { width:80px; height:10px; background:#004684; color:#ffffff; position:absolute !important; margin-top: -110px; left: 70px; padding:5px; font-size:.8em; opacity:.9; text-align:center; } .vtime {float:left;} .vcount {text-align:right;} .vdescr {display:block; clear:both;} /* Homepage */ #homepage .feature { border-bottom:none; } #carousel { max-width:1200px; margin:0 auto; position:relative;} #carousel h1 { display:none; } #carousel .feature-slide { position:absolute; overflow:hidden; } .carousel .current { display:block } a.feature-more { display:none } .feature-next, .feature-prev { background:none; display:inline-block; opacity:1; position:relative; z-index:500; } .feature-prev { float:left; margin-left:10px; } .feature-next { margin-right:10px; } .carousel { max-width:1200px; overflow: hidden; } #carouselIndex { color:white; font-size:18pt; left:860px; list-style:none; position:absolute; text-align:right; top:250px; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333'); } #carouselIndex li { display:inline; padding:0 5px; } #carouselIndex li a { color:#FFF; text-decoration:none; text-shadow:0.05em 0.05em #333; } #carouselIndex li.current a { color:#e9bc60; } #carouselNav { position:absolute; top:130px; margin:0px auto; max-width:1200px; width:100%; } #back-to-top { position:fixed; top:100px; right:20px; z-index:10000; display:none; } #back-to-top a { display:inline-block; width:48px; height:48px; background-image:url(/images/design/up-arrow-box.png); } .pipeline { width:340px; padding:70px 0 160px; } .pipeline .pipelineheader { line-height:44px; width:50%; position:absolute; top:0; z-index:800; } .pipeline .pipelineheader.fixed { position:fixed; top:32px; } body.livewhale .pipeline .pipelineheader.fixed { top:60px; } .pipeline .hgroup { width:512px; } .pipeline .pipelineheader h2 { font-size:1.2em; font-weight:500; margin:0; padding:0 10px; position:relative; text-transform:uppercase; } .pipeline .pipelineheader h2::after, .pipeline .pipelineheader h2 .after { content:' '; width:12px; height:44px; background-image:url(/images/design/pipeline-arrows.png); position:absolute; top:0; right:-12px; } .pipeline .pipelineheader h3 { font-size:1.2em; margin:0; } .pipeline:hover .pipelineheader h3 { color:#fff !important; } .pipeline ul.pipelinelist { margin:10px 0 0 0; padding:0; list-style-type:none; } .pipeline-item { margin:0 0 30px 8px; color:#fff; border:1px solid; border-color:#9f9f9f; border-top-width:10px; position:relative; cursor:pointer; width:294px; } .pipeline-item .image { position:absolute; top:0; left:0; height:100%; width:100%; overflow:hidden; } .pipeline-item img { border-top-width:20px; border-right-width:15px; border-left-width:15px; border-style:solid; border-color:#fff; border-bottom:none; width:262px; } .pipeline-item.has-image { padding-top:161px; } #sidebar .pipeline-item .caption, .pipeline-item .caption { padding:12px 17px 8px 17px; position:relative; margin-bottom:0em; } .pipeline-item .caption .date { font-size:0.6em; } .pipeline-item .caption h2 { font-size:1.2em; margin:0px 0px 16px 0px; } .pipeline-item.has-image .caption h2 { margin-left:0; } .pipeline-item .caption h2 a { display:block; font-weight:normal; color:#000; text-decoration:none; } .pipeline-item .caption h2 a:hover, .pipeline-item.hover h2 a { color:#9f9f9f; } .pipeline-item ul.tags { border-top:1px solid #9f9f9f; color:#9f9f9f; font-weight:bold; list-style-type:none; margin:6px 0 0; padding:6px 0 0; } .pipeline-item ul.tags li { display:inline; margin-right:1em; } .pipeline-item ul.tags li a { color:#9f9f9f; text-decoration:none; } .pipeline-item ul.tags li a:hover { } .pipeline-item ul.tags li.arrow { position:absolute; right:0px; } .pipeline-item ul.tags li.arrow a { } .pipeline-item div.twitter { background-color:#ccc; width:294px; margin-top:8px; margin-right:-17px; margin-left:-17px; margin-bottom:-8px; zoom:1; filter:alpha(opacity=60); opacity:.60; z-index:600; } .pipeline-item ul.twitter { list-style-type:none; margin:0 20px; padding:0; } .pipeline-item ul.twitter li { display:inline; margin-right:1em; } .pipeline-item ul.twitter li a { background-image:url(/images/design/twitter/vertical-sprites.png); color:#4e4e4e; padding-left:20px; text-decoration:none; background-position:left; background-repeat:no-repeat; } .pipeline-item ul.twitter li a:hover { color:#7e7e7e; } .pipeline-item ul.twitter li a.twitterReply { background-position: 0 -19px; } .pipeline-item ul.twitter li a.twitterRetweet { background-position: 0 -119px; } .pipeline-item ul.twitter li a.twitterFavorite { background-position: 0 -59px; } .pipeline-item ul.twitter li a:hover.twitterReply { background-position: 0 1px; } .pipeline-item ul.twitter li a:hover.twitterRetweet { background-position: 0 -99px; } .pipeline-item ul.twitter li a:hover.twitterFavorite { background-position: 0 -39px; } /* category is no longer displayed */ /* .pipeline-item .category { left:-24px; } .pipeline-item .category img { border:none; } */ .pipeline .spinner { width:100%; height:30px; position:absolute; bottom:120px; left:0; } form#pipelineArchiveFilter { float:right; margin-top:-3.5em; } #sidebar .pipeline-item ul.twitter li { margin-right:0.8em; } .pipelineArchive .pipeline-item { vertical-align:top; position:relative; display:inline-block; width:176px; } .pipelineArchive .out.pipeline-item { margin-right: 0px; } .pipelineArchive .pipeline-item.has-image { padding-top: 100px; } .pipelineArchive .pipeline-item .image img { width: 166px; height: auto; border-width: 10px 5px 0 5px; } .pipelineArchive .pipeline-item .caption { font-size: 0.8em; } .pipelineArchive .pipeline-item ul.tags { font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight: bold; font-size: 0.8em; border-top:none; padding: 0; } .pipelineArchive div.hashtags { width: 125px; float: left; } .pipelineArchive div.arrow-wrapper { float: right; padding-top: 4%; padding-bottom: 4%; } .pipelineArchive div.arrow-wrapper a { position: relative; top: 50%; transform: translateY(-50%); } .pipelineArchive div.tags-wrapper { border-top:1px solid #9f9f9f; } .pipelineArchive .pipeline-item div.twitter { width: 176px; padding: 3px 0 3px 2px; clear: both; } .pipelineArchive .pipeline-item ul.twitter { margin: 0; } .pipelineArchive .pipeline-item ul.twitter li { margin-right: 0.7em; font-size: 0.75em; padding-left: 2px; } .pipelineArchive .pipeline-item ul.twitter li a { padding-left: 2.1em; background-position: left; background-repeat: no-repeat; color: #000000; font-weight: bold; } .pipelineArchive .pipeline-item ul.twitter li a:hover { color: #4c4c4c; } .pipelineArchive .pipeline-item ul.twitter li a.twitterReply { background-image: url(/images/design/twitter/reply.png); } .pipelineArchive .pipeline-item ul.twitter li a.twitterRetweet { background-image: url(/images/design/twitter/retweet.png); } .pipelineArchive .pipeline-item ul.twitter li a.twitterFavorite { background-image: url(/images/design/twitter/favorite.png); } .pipelineArchive .pipeline-item ul.twitter li a:hover.twitterRetweet, .pipelineArchive .pipeline-item ul.twitter li a:hover.twitterReply, .pipelineArchive .pipeline-item ul.twitter li a:hover.twitterFavorite { background-position: 0; } #inbound { float:left; } #inbound .hgroup { float:right; } #outbound { float:right; } #outbound .hgroup { float:left; } #inbound h2, #inbound h3, #outbound h2, #outbound h3 { margin-top:0em; padding-top:0em; } #inbound .pipelineheader { background-color:#a10530; left:0; padding-right:3px; } #inbound .hgroup h2 { background-color:#a10530; color:#fff; float:left; margin-right:20px; position:relative; } #inbound .hgroup h3 { background-color:#81111c; color:#fff; } #inbound .caption, .in.pipeline-item .caption { background-color:#fff; } #inbound .caption a, .in.pipeline-item .caption a { } #inbound ul.pipelinelist { } /* margin-right:20px; */ #inbound .pipeline-item, .in.pipeline-item { border-top-color:#81111C; } #inbound .pipeline-item div.twitter { filter:alpha(opacity=100); opacity:1.0; } /* background-color:#81111c; background-color:#c59ba9; */ #outbound .pipelineheader { background-color:#004684; text-align:right; right:0; } #outbound .hgroup h2 { color:#fff; background-color:#003360; float:left; padding:0 18px 0 200px; position:relative; } #outbound .pipelineheader h2::after, #outbound .pipelineheader h2 .after { background-position:-32px 0; right:0; } #outbound .hgroup h3 { background-color:#004684; color:#fff; margin-left:325px; } #outbound .caption, .out.pipeline-item .caption { background-color:#fff; } #outbound .caption, .out.pipeline-item .caption a { } #outbound ul.pipelinelist { margin-left:22px; } #outbound .pipeline-item, .out.pipeline-item { border-top-color:#003360; margin-left:0; } .out.pipeline-item { margin-left:12px; } /* no margin for sidebar pipeline items */ #sidebar .out.pipeline-item {margin-left:0;} /* #outbound .category, .blue .category { background-color:#004684; left:auto; right:-24px; } #outbound .category::before, #outbound .category .before,.blue .category::before,.blue .category .before { left:auto; right:0; background-position:-22px -44px; } #outbound .category::after, #outbound .category .after,.blue .category::after,.blue .category .after { background-position:-32px 0; right:auto; left:-12px; } */ #outbound .caption h2 { margin-left:0; margin-right:20px; } #outbound .has-image .caption h2 { margin-right:0; } #outbound .pipeline-item div.twitter { filter:alpha(opacity=100); opacity:1.0; } /* background-color:#004684; */ #inbound .has-image .caption h2 { margin-left:0; } #pipeline-controls { position:fixed; bottom:200px; left:50%; width:300px; margin-left:-150px; display:none; font-size:0.9em; text-align:center; } #pipeline-return { background-color:#fff; padding:2px 4px; color:#ccc; font-weight:bold; text-decoration:none; } #pipeline-return:hover { background-color:#6b000a; } #homepage #events { margin-top:-4px; } #events.fixed { position:fixed; left:50%; margin-left:-150px; } /* #homepage #events .events-more ul { margin:20px 0px 20px 120px; position:relative; top:20px; } */ /* Added position:relative; top:20px; -- margin-top does nothing */ /* added the following for Lisa's new Goat design */ #homepage #events { background-image:url(/images/design/goat-clip-left.png); background-position:bottom; background-repeat:no-repeat; } #homepage .events-more ul { font-family:Georgia, "Times New Roman", Times, serif; font-size:.9em; line-height:1.5em; list-style:none; margin-left:12px; padding-top:20px; padding-bottom:80px; position:relative; top:45px; } #homepage .events-more ul li { } #homepage #events .mobile { display:none } .goat { width:90px; height:90px; float:left; margin-left:10px; position:relative; cursor:pointer; } /* original: height:125px; margin-left:20px; overflow:hidden; */ .goat img { position:absolute; bottom:-6px; } /* top:0; left:0; */ /* Calendar Styles for full month-view*/ .calendar_toggle { float:right; } .calendar_toggle span { float:left; margin-right:8px; margin-top:0.95em; } .calendar_toggle ul { list-style:none; padding:0; margin:0.6em 0 0; float:left; background-color:#ddd; border-top:1px solid #E6E3DC; border-bottom:1px solid #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .calendar_toggle ul li { float:left; padding:4px 8px; margin-bottom:-4px; margin-right:-1px; border:1px solid #bbb; border-left:1px solid #bbb; border-bottom: 4px solid #888; position:relative; top: -4px; background-color:#ddd; box-shadow: 0 4px 5px #bbb; z-index: 10; } .calendar_toggle ul li.on { background-color:#ffc; border-top:0px; border-left:0px; border-right:0px; border-bottom:1px solid #ffc; top:0; box-shadow: 0 2px 10px #ffc; z-index: 0; } .calendar_toggle ul li.first { border-left:1px solid #E6E3DC; -webkit-border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-bottomleft:6px; border-top-left-radius:6px; border-bottom-left-radius:6px; } .calendar_toggle ul li.first.on { border-left:1px solid #E6E3DC; } .calendar_toggle ul li.last { -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; border-top-right-radius:6px; border-bottom-right-radius:6px; } .calendar_toggle ul li.last.on { border-right:1px solid #E6E3DC; } .calendar_toggle ul a { text-decoration:none; } .lw_cal_month_view #lw_cal_events td { word-break: keep-all !important; } /* Calendar Styles for week-view*/ #lw_cal_events .lw_cal_event_list .lw_events_time {margin-bottom:13px;} /* Quickaccess */ #quickaccess-page { position:relative; margin-bottom:1.5em; } #quickaccess-page input { font-size:1.5em; width:26em; border:1px solid #666; position:relative; top:5px; padding:3px 8px; color:#333; } #quickaccess-page input.placeholder { color: #aaa; } .qa_results { background-color:#fff; position:absolute; width:18em; border:1px solid #ccc; top:100%; left:0; margin-top:3px; } #search .qa_results { z-index:990; left:auto; right:0; } .qa_blur,.qa_noquery,.qa_nonefound,.qa_toomany { display:none; } .qa_toomany .qa_category { display:none; } .qa_results a { color:#888; text-decoration:none; font-size:1em; font-weight:normal; } .qa_results_list { list-style-type:none; margin:0; } .qa_results_list li a { padding:2px 0.5em; display:block; } .qa_results_list li a:hover { background-color:#001344 !important; color:#6f92b1; } .qa_message { padding:0.2em 1em; } .qa_results_category { border-top:1px solid #ccc; } .qa_results_list li { padding:0; } .qa_topmatch { font-size:1.2em; padding:2px 0; } .qa_highlight { background-color:#f1e89b; color:#004684; } .qa_selected a { background-color:#004684; color:#f8e89f !important; } /* Back to Top arrow on homepage */ #back-top { position: fixed; top: 100px; right: 20px; z-index:10000; display:none; } #back-top a { width: 56px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } #back-top span { width: 56px; height: 56px; display: block; margin-bottom: 7px; background: #ddd url(/images/design/up-arrow.png) no-repeat center center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; opacity: .8; filter: alpha(opacity=80); } #back-top a:hover span { background-color: #777; } div#lw_widget_4b3bc109 ul li.lw_has_image {clear:none; margin:0.5em 15px 0.5em 0; float:left; text-align:center; width:200px;} #lw_gallery_thumbnails li {width:84px; height:84px;} /* twitter widget changes 12/23/14 on clinic/entrepreneurship/trial.php*/ .lw_widget_twitter { background-color:transparent; font-size: 12px;} .lw_widget_twitter ul li {border-bottom: 1px solid #cecece; padding-bottom:2px; margin-bottom:10px;} .lw_twitter_tweet { background-image:none; padding: 0 0 15px 0px; margin: 0 0 0 0; } .lw_twitter_username img {width:32px; height:32px; top:2px; border-radius:3px;} .lw_twitter_username a {margin:0 0 0 5px; color:#322; font-weight:bold;} .lw_twitter_username a::before {content:"@";} .lw_twitter_username {color:white; display:block; height: 38px; clear:both;} /* end twitter widget changes */ .ui-dialog-titlebar { background:#ffffff; border:none; } .ui-dialog-title { display: none; } .ui-widget-content { border:1px solid black; } .ui-widget-overlay { background: url("/images/theme/ui-bg_flat_0_aaaaaa_40x100.png") repeat-x repeat-y scroll 50% 50% #000000; opacity: 0.7; } .ui-dialog { overflow:visible } .ui-dialog .ui-dialog-titlebar-close { height: 18px; margin: -29px 0 0; padding: 1px; position: absolute; right: -23px; top: 50%; width: 19px; } .ui-widget-header .ui-state-hover { background:#900; border:1px solid #333;} .ui-widget-header a { color:#fff; } .ui-widget-header .ui-icon { background-image: url("/images/theme/ui-icons_ffffff_256x240.png"); } /* tweetable quotes style */ .tweetQuote { background-color: #effafe; background-image: url("/images/design/twitterQuoteBird.png"); background-position:right; background-repeat:no-repeat; padding:0 25px 0 2px; } .tweetQuote:hover { background-color: #f6fdff; background-image: url("/images/design/twitterQuoteBirdHover.png"); } .tweetQuote a, .tweetQuote a:hover { color: #322; text-decoration:none !important; } /* end tweetable quotes style */ #pl-institutes-link{ display:none; } /*--careerscp&p blog--*/ #career-blog-section .lw_widget ul, #career-blog-section #lw_widget_4692277f{ width:417px !important; } /*--alumni support--*/ #alum-support-table{ width: 600px; border:0; } /*--advocacy competitions deadlines--*/ #mobile-moot{ display:none; } #fullscreen-moot{ display:block; } #lw_widget_fde03948{ width:439px !important; } #mobile-moot{ display:none; } /*--notices app--*/ #newNoticeForm table { padding-top: 20px; } #newNoticeForm td { padding-left: 20px; } /*----------------------------*/ #inner-foot-wrapper .footerlinks a{ padding:0; } @media print { body {padding:20px; min-height:0;} #header nav,#footer nav, #lw_toolbar, #sidebar,#subnavigation, form#search, #social, #left-photo-content, /*.lw_widget_navigation,*/ a.tab, #livewhale_login, #search, .search, #pennShield, #abadisclosure, #header .container {display:none !important; visibility:hidden !important; height:0 !important; margin:0 !important;} #header h1, #address, #address img {margin:0 !important;} .bignav {padding-bottom:0; margin-bottom:0;} #header {margin-bottom:75px;} #header .logo {display:block !important;} .lw_widget h3 { text-indent:0 !important; } #body {float:none; width:auto !important; margin:0 !important; min-height: 0;} body {margin-top:10px !important; } #footer, footer {height:70px !important; padding-top:0 !important; background-color:transparent !important;} #footer, footer, #address {text-align:left; margin-top:0 !important;} #footer .container, footer .container {margin-top:0; padding-top:0; height:0; background-color:transparent !important;} #address img {display:none !important; height: 0 !important;} body:before { content: url(https://www.law.upenn.edu/images/design/logo.png); position:absolute; left:50%; margin:0 0 20px -165px; } } div.pw-popup { margin: 8px; } div.cookies-popup { margin-left: 20px; } /* enables fixed positioning via boostrap affix plugin */ .affix { position: fixed; } /*--faculty-research page search form--*/ #publications_search td {vertical-align: bottom;}