@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/bootstrap/5/3/bootstrap_min.css"); @import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/toolkit/2/15/toolkit.css"); @import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/toolkit/2/15/toolkit-system.css"); @import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/toolkit/2/15/custom-system.css"); @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"); /* Xtra CSS for the /about page */ .campus-listed li { padding: 0; margin: 0; margin-bottom: .75rem; } .campus-listed img { width: 75px; height: auto; padding-right: 10px; } .plainlist { list-style-type: none; margin: 0; padding: 0; } ul.plainlist { padding: 5px; } ul.plainlist a { text-decoration: none; } /*Custom Cards */ .card { margin-bottom: .5rem; } .card-header h2, .card-header h3 { margin: 0; font-size: 1.25rem; } /*Custom Cards */ .block-cards .card:hover img, .block-cards .card:focus img { opacity: .8; } .block-cards .card-body { padding: 5%; } .block-cards a, .block-cards .card a { /* color: #555;*/ border-bottom: 1px solid transparent; transition: border-color .4s ease-in-out; text-decoration: none; } .block-cards .card:hover .card-title, .block-cards .card:visited .card-title, .block-cards .card:focus .card-title { text-decoration: none; border-bottom: 1px solid; /* color: #555;*/ display: inline-block; } .block-cards .card:focus { outline: 1px dotted; outline-offset: 2px; } /*From /UserFiles/Servers/Server_1240/File/css/app.css */ .campus-opt { text-align: center; display: inline-block; padding: 3px; font-size: 1.1rem; } @media screen and (max-width: 63.9375em) { .campus-opt { max-width: 118px; } } .campus-opt a:link { color: #fff; text-decoration: none; } .campus-opt a:visited { color: #CADEE7 !important; } .campus-opt a:hover { color: #CADEE7 !important; border-color: #CADEE7; } .campus-opt a:visited:hover { border-color: white; color: white !important; } .download-light a { padding-left: 22px; background: url(/UserFiles/Servers/Server_1240/Image/img/download-light.png) left center no-repeat; color: #fff; font-size: .9rem; text-decoration: none;} .download-light a:hover { color: #fff; font-size: 0.9rem;} .download-dark a { padding-left: 22px; background: url(/UserFiles/Servers/Server_1240/Image/img/download.png) left center no-repeat; color: #0E608D; font-size: .9rem; text-decoration: none; } .download-dark a:hover { font-size: 0.9rem;} .download-light a:hover, .download-dark a:hover { text-decoration: underline; } [id*="-header"] .location-link { text-align: center; margin-top: -20px; } [id*="-header"] .location-link a { color: #fff; } @media screen and (min-width: 992px) { [id*="-header"] .location-link { text-align: right; margin-right: 160px; } } footer::before { content: ' '; display: block; height: 15px; background-image: url(/userfiles/Servers/Server_1240/image/extraordinary/ex-deco.jpg); background-size: cover; } il-header[view="full"] .il-links { margin-top: -35px; } .homepage il-header[view="full"] .il-links { margin-top: 0px; } / DATA page infotext ***/ .data-banner { background: #000 url("/UserFiles/Servers/Server_1240/Templates/img/data-banner.jpg") no-repeat scroll center right / cover; } .infotext { font-family: "Gotham A", "Gotham B", Helvetica, Arial, sans-serif; text-align: center; font-weight: bold !important; color: #13294b; margin: 0 auto 1rem; } @media screen and (min-width: 992px) { .infotext .card-body { padding: 0 1.25rem; } } .infotext .card-title { font-size: 3.25rem; font-weight: 800; margin-bottom: 0; } .infotext .card-text { font-size: 1.3rem; } .infotext .card { border: none; } .infotext .col-lg-4 { border-bottom: 4px solid #13294b; } .infotext .col-lg-4:last-child { border-bottom: none; } @media screen and (min-width: 992px) { .infotext .col-lg-4 { border-bottom: none; border-right: 4px solid #13294b; } .infotext .col-lg-4:last-child { border-right: none; } } a.btn { text-decoration: none;} .homepage [id^="ws-pa-"] .title h3 { font-family: "Lato", Helvetica, Roboto, Arial, sans-serif; } .homepage [id^="ws-pa-"] a:hover + .entry-pod img { transform: scale(1.13); -webkit-transform: scale(1.13); } @media screen and (max-width: 768px) { .homepage [id^="ws-pa-"] .article-entries .entry { height: 225px !important; } } .homepage [id^="ws-pa-"] .article-entries .entry a:hover + .entry-pod .title h3 { color: rgb(29, 88, 167) !important; } .homepage [id^="ws-pa-"] .title h3 { font-family: "Lato", Helvetica, Roboto, Arial, sans-serif; } header.no-header { background: transparent; height: 55px; position: relative; z-index: 1000; } header.immas { background: #1F4096 ; } @media screen and (min-width: 900px) { header.immas { background: #000 url("/userfiles/Servers/Server_1240/image/i-mmas/i-mmas.jpg") no-repeat scroll center right / cover ; } } .text-white h1, .text-white h2, .text-white h3, .text-white h4 { color: #fff; } .il-formatted .btn-secondary:link, .il-formatted .btn-secondary:visited, .il-formatted .btn-secondary:hover, .il-formatted .btn-secondary:focus, .il-formatted .btn-secondary:active { color: #fff; } .il-formatted .btn-outline-secondary:hover, .il-formatted .btn-outline-secondary:focus, .il-formatted .btn-outline-secondary:active { color: #fff; } .text-center h1, .text-center h2, .text-center h3, .text-center h4 { text-align: center; } header.ui-ride { background: #000 url("/UserFiles/Servers/Server_1240/Templates/img/uiride-banner.jpg") no-repeat scroll center right / cover; } header.online { background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_1240/Templates/img/about-banner-wide.jpg") no-repeat scroll right center / cover; } .ex-intro-wrapper p { width: 100%; } .ex-hero-inner p { font-size: 1.3rem; } .ex-main .stories-module__story-headline { line-height: inherit; } il-header[view="compact"] .il-links { background-color: #fff; } .no-header { --il-cloud-1: transparent; } .ex-main::after { background-image: none; } .homepage #NewsFeeds { margin-top: -50px; background: #13294b; } .homepage #NewsFeeds, .homepage #NewsFeeds h2.major-title, .homepage #NewsFeeds .news-blog-intro a { color: #fff; } .homepage .news-blog-intro a:hover { text-decoration: none; } .homepage .news-blog-summary p { font-style: italic; } .homepage #NewsFeeds ul > li { line-height: 1; margin: 1rem 0 0 1.25rem; font-weight: 400; font-size: 1.15rem; } .homepage #NewsFeeds ul { list-style-type: none; } .homepage #NewsFeeds li:before { content: '> '; } .homepage #NewsFeeds p { font-weight: 700; } .homepage .il-formatted .news-blog-summary .il-button:hover { background-color: #0455a4 !important; } @media screen and (min-width: 992px){ .homepage #NewsFeeds .divider-light { border-left: 3px solid #fff; } } @media screen and (max-width: 768px){ .homepage #NewsFeeds .divider-light { padding-top: 2rem; border-top: 3px solid #fff; margin-top: 2rem; } } @media screen and (max-width: 768px) { .homepage #NewsFeeds [id^="ws-pa-"] .article-entries .entry { height: 300px !important; } } [id*="ws-pa-"] .title h3 { color: #1f4096 !important; font-family: Oswald,Helvetica,sans-serif !important; font-size: 1.15rem !important; font-weight: normal !important; line-height: 1.4 !important; margin: 0; } [id*="ws-pa-"] a:hover ~ .entry-pod .title h3, [id*="ws-pa-"]:hover .title h3 { color: #A52603 !important; } .table.schedule td { border: 2px solid #ccc; } .table.schedule thead, .table.schedule thead th { border: 1px solid #111; } .card-title h2, .card-title h3 { font-size: 1.5rem; margin-top: 0; } .il-footer-social a[href*="twitter.com/"]::before { content: "\F8DB"; font-family: "Bootstrap-icons"; font-size: 28px; top: 10px; }