/* - ++resource++umich_css/promos.css - */
@media screen {
/* http://www.engin.umich.edu/portal_css/++resource++umich_css/promos.css?original=1 */
/* */
.promoHolderEvents {
position: relative;
width: 200px;
border-radius: inherit;
text-decoration: none;
text-align: left;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
}
.promoEvents {
position: relative;
display: block;
width: 180px;
padding: 10px;
background-color: #5e3f71;
overflow: hidden;
color: #fff;
text-decoration: none;
-webkit-opacity: 0.90;
-moz-opacity: 0.90;
opacity: 0.90;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoEvents h3 {
width: 100%;
padding: 2px 0 0 2px;
margin: 0;
color: #fff;
font-size: 21px;
font-weight: normal;
letter-spacing: -0.2px;
}
.promoEvents h4 {
width: 100%;
padding: 0 0 0 2px;
margin: 0;
color: #f1dffc;
font-size: 39px;
font-weight: normal;
letter-spacing: -1px;
text-transform: uppercase;
}
.pDateItem {
width: 100%;
margin-top: 9px;
overflow: hidden;
}
.pDate {
float: left;
clear: left;
width: 70px;
margin: 0 10px 2px 0;
/* */
color: #fff;
font-size: 32px;
line-height: 32px;
text-align: right;
}
.subSize_txt {
font-size: 24px;
}
.pDate_Info {
float: left;
width: 100px;
padding: 0;
margin: 0 0 6px;
color: #fff;
font-size: 12px;
letter-spacing: -0.2px;
line-height: 1.3em;
}
.promoEvents .linkCtA {
display: block;
float: right;
clear: both;
margin: 10px 10px 0 0;
padding: 0 8px 0 0;
background: url(++resource++umich_images/pxlarrow.gif) center right no-repeat;
color: #fff;
font-size: 14px;
}
.promoEvents:hover .linkCtA {
text-decoration: underline;
}
.promoHolderCTA {
position: relative;
width: 200px;
height: 200px;
text-align: left;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoHolderCTA img {
position: absolute;
left: 0px;
width: 198px;
height: 198px;
border: solid 1px #d2d4da;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoCTA {
display: block;
position: absolute;
width: 200px;
height: 200px;
text-decoration: none;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoCTA h3 {
padding: 15px 10px 0px 15px;
margin-left: 15px;
color: #fff;
font-size: 18px;
letter-spacing: -0.2px;
line-height: 1em;
text-shadow: 1px 1px 0px #000000;
}
.promoCTA .linkCtA {
display: block;
padding: 0 20px;
margin: 0;
/* */
}
.promoCTA .promoBtn {
position: absolute;
bottom: 15px;
left: 15px;
max-width: 127px;
line-height: 1.4em;
padding-top: 3px;
padding-bottom: 3px;
}
#rightPortlets .promo .promoBtn {}
.promoHolderOtherSites {
position: relative;
width: 200px;
text-align: left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoHolderOtherSites .innerShadow {}
.promoOtherSites {
display: block;
padding: 25px 20px 20px 13px;
text-decoration: none;
background: #B4BC6F;
-moz-opacity: 0.90;
opacity: 0.90;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoOtherSites h3 {
display: inline-block;
padding: 2px 25px 0 0;
margin: 0 7px 0 0;
color: #393d11;
font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
background: url(++resource++umich_images/boxWithCornerIcon.png) right top no-repeat;
}
.lt-ie8 .promoOtherSites h3 {
display: inline;
}
.promoOtherSites ul {
list-style: none;
padding: 0;
margin: 0;
}
.promoOtherSites li {
padding: 0 0 0 7px;
margin: 15px 0 7px;
background: url(++resource++umich_images/promoLinkArrow.png) left 5px no-repeat;
}
.promoOtherSites li a {
color: #23270e;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.promoOtherSites li a:hover {
color: #fff;
text-decoration: underline;
}
/* */
#rightPortlets .first .promoOtherSites h3 {
border-radius: 0px;
}
.promoHolderRelatedLinksGr {
position: relative;
width: 200px;
text-align: left;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoHolderRelatedLinksGr .innerShadow {}
.promoRelatedLinksGr {
display: block;
padding: 25px 20px 20px 13px;
text-decoration: none;
background: #a2ad4d;
-moz-opacity: 0.90;
opacity: 0.90;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoRelatedLinksGr h3 {
margin: 0 0 0 7px;
text-transform: uppercase;
font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
}
.promoRelatedLinksGr ul {
margin: 0;
padding: 0;
list-style: none;
}
.promoRelatedLinksGr li {
margin: 15px 0 7px;
padding: 0 0 0 7px;
background: url(++resource++umich_images/promoLinkArrow.png) left 5px no-repeat;
}
.promoRelatedLinksGr li a {
color: #343a16;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.promoRelatedLinksGr li a:hover {
color: #fff;
}
.promoHolderRelatedLinksBl {
position: relative;
text-align: left;
width: 200px;
color: #fff;
/* */
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoHolderRelatedLinksBl .innerShadow {}
.promoRelatedLinksBl {
display: block;
text-decoration: none;
-moz-opacity: 0.90;
opacity: 0.90;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
padding: 25px 20px 20px 13px;
background: #004785;
}
.promoRelatedLinksBl h3 {
text-transform: uppercase;
margin-left: 7px;
font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
color: #fff;
}
.promoRelatedLinksBl ul {
list-style: none;
margin: 0;
padding: 0;
}
.promoRelatedLinksBl li {
padding-left: 7px;
margin: 15px 0 7px;
background: url(++resource++umich_images/promoLinkArrow.png) no-repeat scroll 0 5px transparent;
/* */
}
.promoRelatedLinksBl li a {
color: #cbe4fd;
font-size: 12px;
text-decoration: none;
font-weight: bold;
transition: all 0.5s ease;
border-bottom: 1px solid rgba(255, 255, 255, 0);
padding-bottom: 1px;
}
.promoRelatedLinksBl li a:hover {
color: #fff;
text-decoration: none;
transition: all 0.5s ease;
border-bottom: 1px solid rgba(255, 255, 255, 1);
}
/* */
.promoRelatedLinksBl .linkCtA {
background: url(++resource++umich_images/pxlarrow.gif) no-repeat scroll right center transparent;
clear: both;
color: #FFFFFF;
display: block;
float: right;
font-size: 14px;
margin: 10px 10px 0 0;
padding: 0 8px 0 0;
text-decoration: none;
}
.promoRelatedLinksBl .linkCtA:hover {
color: #fff;
}
.promoRelatedLinksBl li .engindate {
color: white;
display: block;
}
.promoRelatedLinksBl h3.rssHeader {
text-transform: capitalize;
font-weight: normal;
}
/* */
.promoHolderQuotes {
position: relative;
text-align: left;
width: 200px;
height: auto;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoQuotes {
display: block;
width: 200px;
height: auto;
text-decoration: none;
-moz-opacity: 0.90;
opacity: 0.90;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
background-color: #5e3f71;
}
.promoHolderQuotes .innerShadow {}
.promoQuotes p {
text-indent: -.6em;
font-size: 14px;
padding: 20px 10px 0 25px;
/* */
color: #eac7ff;
font-style: italic;
font-weight: normal;
}
.promoQuotes p span,
.promoQuotes p strong {
font-size: 18px;
font-weight: bold;
line-height: 1em;
}
.promoQuotes .authorAttribution {
margin: 0px;
padding: 0px 15px 15px 0px;
text-align: right;
font-size: 12px;
color: #fff;
}
.promoQuotes .authorAttribution span {
font-weight: bold;
font-size: 10px;
}
.promoQuotes:hover .authorQuotes {
text-decoration: underline;
}
.promoQuotes .quoteAttribution {
margin: 0px;
padding: 0px 15px 15px 0px;
text-align: right;
font-size: 10px;
color: #fff;
}
.promoQuotes .quoteAttribution span {
font-weight: bold;
font-size: 10px;
}
.promoBtn {
color: #fff;
text-shadow: 1px 1px 1px #000000;
text-align: center;
text-decoration: none;
border-bottom: none;
float: left;
position: relative;
font: bold 15px/26px arial, sans-serif;
background: #004480;
background-image: -webkit-gradient(linear, 0% 94%, 0% 6%, color-stop(0, #003364), color-stop(1, #0097e1));
background-image: -moz-linear-gradient(bottom, #003364, #0097e1);
background-image: linear-gradient(#0097e1, #003364);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 4px #666;
-webkit-box-shadow: 0 0px 4px #666;
box-shadow: 0 0 4px #666;
cursor: pointer;
border-top: 1px solid #15416b;
border-left: 1px solid #15416b;
border-right: 1px solid #115d9e;
border-bottom: 1px solid #115d9e;
}
.promoBtn span {
display: block;
background: url(++resource++umich_images/transLinkArrow.png) 0 0 no-repeat;
width: 9px;
height: 11px;
position: absolute;
top: 50%;
margin-top: -5.5px;
right: 5px;
}
.promoBtn:hover,
a:hover .promoBtn {
background-image: -webkit-gradient(linear, 0% 94%, 0% 6%, color-stop(0, #0097e1), color-stop(1, #003364));
background-image: -moz-linear-gradient(bottom, #0097e1, #003364);
background-image: linear-gradient(#003364, #0097e1);
color: #fff;
text-decoration: none;
border-bottom: none;
border-top: 1px solid #115d9e;
border-left: 1px solid #115d9e;
border-right: 1px solid #15416b;
border-bottom: 1px solid #15416b;
}
.ie9 .promoBtn {
background-image: url(++resource++redesign_svg/blueGradient.svg);
}
.ie9 .promoBtn:hover,
.ie9 a:hover .promoBtn {
background-image: url(++resource++redesign_svg/blueGradientHvr.svg);
}
.promoHolderLogOut {
width: 200px;
background-color: rgba(255, 255, 255, 0.85);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff)";
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#d8ffffff, endColorstr=#d8ffffff);
font-family: sans-serif;
font-size: 12px;
}
.promoHolderLogOut p {
width: 160px;
margin-left: 22px;
}
.promoHolderLogOut a {
text-decoration: none;
/* */
}
.promoHolderLogOut a span.linkCtA {
display: block;
padding: 0 35px 0 20px;
margin: 0 0 20px 22px;
}
/* */
.promoNews {
border-radius: inherit;
display: block;
opacity: 0.9;
padding: 25px 20px 20px 13px;
text-decoration: none;
box-shadow: none !important;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
/* */
}
.promoNews h3 {
font: bold 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-left: 7px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}
.promoNews h3.rssHeader {
text-transform: capitalize;
font-weight: normal;
}
.promoNews ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.promoNews li:before {
font-family: 'FontAwesome';
content: '\f0da';
display: inline;
font-size: 9px;
margin-left: -12px;
padding-right: 6px;
}
.promoNews li {
margin: 15px 0 7px;
padding-left: 7px;
}
.promoNews li .engindate {
font-weight: bold;
}
.promoNews li .source {
font-variant: small-caps;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 0.5px;
}
.promoNews li a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
transition: all 0.5s ease;
-webkit-font-smoothing: antialiased;
}
.promoNews .linkCtA {
clear: both;
display: block;
float: right;
padding: 0 8px 0 0;
margin: 10px 10px 0 0;
font-size: 14px;
text-decoration: none;
}
.promoNews .linkCtA:after {
font-family: 'FontAwesome';
content: '\f0da';
display: inline;
margin-left: 5px;
font-size: 12px;
color: #C0D4EB;
transition: all 0.5s ease;
}
.promoNews .linkCtA:hover:after {
color: #ffffff;
transition: all 0.5s ease;
}
/* */
.promoNews {
background: #004785;
}
.promoNews li a,
.promoNews .linkCtA {
color: #C0D4EB;
}
.promoNews li .source,
.promoNews li .engindate,
.promoNews h3,
.promoNews li a:hover,
.promoNews .linkCtA:hover {
color: #fff;
transition: all 0.5s ease;
}
.promoNews li a:hover,
.promoNews .linkCtA:hover {
text-decoration: none;
}
/* */
div.managePortletsLink,
a.managePortletsFallback {
width: 200px;
margin-left: 20px;
float: left;
text-align: center;
font-size: 80%;
background: #ddd;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
position: relative;
z-index: 101;
}
#rightPortlets .managePortletsLink {
float: right;
width: 200px;
}
.template-manage-portlets #rightPortlets {
float: right;
}
.template-manage-portlets #content-core {
float: left;
width: 450px;
}
/* */
.portletAssignments {
font-size: 1em !important;
}
.portletAssignments .formControls input {
font-size: 1em !important;
}
#portletmanager-plone-leftcolumn {
padding-left: 8px;
}
#rightPortlets .first *,
.leftCol .first * {}
#rightPortlets .last *,
.leftCol .last * {}
#rightPortlets {
float: right;
width: 220px;
margin-top: 10px;
}
#contentHolder div.first.last .innerShadow {
}
/* */
.promoCol .promo {
float: left;
margin: 0 0 8px 20px;
}
.promoHolderHTML {
position: relative;
width: 200px;
text-align: left;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
overflow: hidden;
/* */
}
.promoHTMLBlue,
.promoHTMLWhite,
.promoHTMLGreen {
position: relative;
display: block;
width: 167px;
height: auto;
padding: 25px 20px 20px 13px;
text-decoration: none;
line-height: 1.25em;
font-family: sans-serif;
-webkit-opacity: 0.90;
-moz-opacity: 0.90;
opacity: 0.90;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
-o-border-radius: inherit;
border-radius: inherit;
}
.promoHolderHTML a {
text-decoration: none;
font-weight: bold;
}
.promoHolderHTML a:hover {
text-decoration: underline;
line-height: 1;
}
.promoHolderHTML h2,
.promoHolderHTML h3,
.promoHolderHTML h4,
.promoHolderHTML h5 {
display: inline-block;
padding: 2px 25px 0 0;
margin: 0 0 0 7px;
font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
letter-spacing: -0.1px;
line-height: 1em;
}
.promoHolderHTML h3 {
text-transform: uppercase;
}
.promoHolderHTML h4 {
font-size: 16px;
}
.promoHolderHTML h5 {
font-size: 14px;
}
.lt-ie8 .promoHolderHTML h3 {
display: inline;
}
.promoHolderHTML p {
padding: 0 0 0 7px;
}
.promoHolderHTML ul,
.promoHolderHTML ol {
list-style: none;
margin: 0;
padding: 0;
}
.promoHolderHTML li {
padding: 0 0 0 7px;
margin: 15px 0 7px 0;
font-size: 12px;
font-weight: normal;
list-style: none;
}
.promoHolderHTML li a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.promoHolderHTML li a:hover {
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
/* */
.promoHTMLBlue {
background-color: #004785;
overflow: hidden;
/* */
}
.promoHTMLBlue a {
color: #C0D4EB;
}
.promoHTMLBlue a:hover {
color: #fff;
}
.promoHTMLBlue h2,
.promoHTMLBlue h3,
.promoHTMLBlue h4,
.promoHTMLBlue h5 {
color: #fff;
}
.promoHTMLBlue p {
color: #fff;
}
.promoHTMLBlue li,
.promoHTMLBlue ol li {
/* */
background: url(++resource++umich_images/pxlarrow.gif) left 5px no-repeat;
background-position: 0px 5px;
color: #fff;
}
.promoHTMLBlue li a {
color: #C0D4EB;
}
.promoHTMLBlue li a:hover {
color: #fff;
}
/* */
.promoHTMLWhite {
background-color: #FFF;
overflow: hidden;
/* */
}
.promoHTMLWhite a {
color: #273D67;
}
.promoHTMLWhite a:hover {
color: #3375AE;
}
.promoHTMLWhite h2,
.promoHTMLWhite h3,
.promoHTMLWhite h4,
.promoHTMLWhite h5 {
color: #273D67;
}
.promoHTMLWhite p {
color: #333;
}
.promoHTMLWhite li {
background: url(++resource++umich_images/arrow.png) left no-repeat;
background-position: -2px 3px;
/* */
color: #333;
}
/* */
.promoHTMLGreen {
background-color: #B4BC6F;
overflow: hidden;
/* */
}
.promoHTMLGreen a {
color: #393D11;
}
.promoHTMLGreen a:hover {
color: #fff;
}
.promoHTMLGreen h2,
.promoHTMLGreen h3,
.promoHTMLGreen h4,
.promoHTMLGreen h5 {
color: #393D11;
}
.promoHTMLGreen p {
color: #252C02;
}
.promoHTMLGreen li {
background: url(++resource++umich_images/pxlarrow.gif) no-repeat left center;
background-position: 0 5px;
color: #252C02;
}
/* */
.promoHTMLBlue .highlight {
color: #ffb330;
}
.promoHTMLWhite .highlight {
color: #a36714;
}
.promoHTMLGreen .highlight {
color: #52180b;
}
.promoHolderProfiles {
width: 200px;
position: relative;
overflow: hidden;
}
.promoHolderProfiles a {
text-decoration: none;
}
.promoHolderProfiles img {
display: block;
max-height: 200px;
width: 200px;
}
/* */
#rightPortlets .first .promoProfiles,
.leftCol .first .promoProfiles {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.promoProfiles {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .65), white);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .65), white);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .65), white);
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .65), white);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .65), white);
position: absolute;
padding: 5px 10px 5px 5px;
right: 0;
bottom: 0;
left: 0;
color: #212a55;
text-align: right;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.no-cssgradients .promoProfiles {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#88ffffff', endColorstr='#ffffffff')";
/* */
}
.promoProfiles .profilesName {
font-weight: bold;
}
.promoProfiles .profilesProgram {
display: block;
font-style: italic;
}
.promoHolderProfiles .profilesMichEng {
position: absolute;
padding: 5px 10px;
top: 75px;
left: 0;
color: #fff;
font-size: 22px;
font-weight: bold;
line-height: 1;
text-shadow: 0 1px 1px #333;
opacity: 0.75;
}
.lt-ie9 .promoHolderProfiles .profilesMichEng {
/* */
background: #004785;
padding: 80px 10px 0;
top: 0;
right: 0;
bottom: 0;
}
.no-js.lt-ie9 .promoHolderProfiles .profilesMichEng {
/* */
background: none;
}
.promoHolderYoutube,
.youtubeColorbox,
.youtube-div {
width: 200px;
height: 200px;
overflow: hidden;
}
a.youtubeColorbox img {
height: 270px;
margin-top: -35px;
margin-left: -80px;
}
a.youtubeColorbox {
text-decoration: none;
}
div.youtube-title {
color: white;
height: 50px;
padding: 5px;
position: relative;
top: 140px;
left: 0;
/* */
/* */
background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 1), rgba(103, 104, 105, .8));
/* */
background-image: linear-gradient(45deg, rgba(0, 0, 0, 1), rgba(103, 104, 105, .8));
/* */
filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#000000, endColorstr=#858687, GradientType=1);
}
div.youtube-title p {
margin: 2px 0;
}
.play-button-videoportlet {
width: 200px;
height: 200px;
background: url(++resource++umich_images/map-play-arrow.png) center no-repeat;
}
#videoLightboxContent {
display: none;
}
.backgroundsize .youtube-div {
background-repeat: no-repeat !important;
background-position: center -26px !important;
background-size: 140% !important;
background-color: black !important;
}
.youtube-title {
top: 158px !important;
height: 33px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.promoHolderYoutube h3 {
font-size: 12px;
}
.promoRelatedLinksBl .funFact {
margin-left: 7px;
}

}