You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
207 lines
18 KiB
207 lines
18 KiB
/* Body styles and fonts */
|
|
/* * {border-radius: 0 !important;} */
|
|
body {font-family:'Lato', 'Trebuchet MS', Arial, sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important;}
|
|
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
|
|
section .site-header.container-fluid .container .row .d-flex .align-self-center .h1 {font-weight:bold;}
|
|
main a:link, main a:visited {color:#003764;}
|
|
main a:hover, main a:active {color:#001139;}
|
|
main p a:link, main p a:visited {color:#003764; text-decoration:underline;}
|
|
main p a:hover, main p a:active {color:#001139;}
|
|
|
|
main li a:link, main li a:visited {color:#003764; text-decoration:underline;}
|
|
main li a:hover, main li a:active {color:#001139;}
|
|
|
|
main table a:link, main table a:visited {color:#003764; text-decoration:underline;}
|
|
main table a:hover, main table a:active {color:#001139;}
|
|
|
|
main p.h5 a:link, main p.h5 a:visited {color:#003764; text-decoration:none;}
|
|
main p.h5 a:hover, main p.h5 a:active {color:#001139; text-decoration:underline;}
|
|
|
|
main #sidebar ul.subnav li a:link, main #sidebar ul.subnav li a:visited {text-decoration:none;}
|
|
main nav.breadcrumbs ol li a:link, main nav.breadcrumb ol li a:visited {text-decoration:none;}
|
|
|
|
/* .uafSearch button {font-size: 1.5rem;padding: 0.5rem;} */
|
|
button.navbar-toggler {margin:0.5rem;}
|
|
.btn {white-space:initial !important;}
|
|
a.btn-primary:link, a.btn-primary:visited {background: #1e5c8d !important; border: none !important; color:#fff !important; text-shadow:none; text-decoration:none;}
|
|
a.btn-primary:hover, a.btn-primary:active {background: #003764 !important; border: none !important; color:#fff !important; text-shadow:none; text-decoration:none;}
|
|
a.btn-secondary:link, a.btn-secondary:visited {background: #ffcd00 !important; border: none !important; color:#000 !important; text-decoration:none;}
|
|
a.btn-secondary:hover, a.btn-secondary:active {background: #c79d00 !important; border: none !important; color:#000 !important; text-decoration:none;}
|
|
a.btn-outline-warning:link, a.btn-outline-warning:visited {background: #ffcd00 !important; border: none !important; color:#000 !important; text-decoration:none;}
|
|
a.btn-outline-warning:hover, a.btn-outline-warning:active {background: #c79d00 !important; border: none !important; color:#000 !important; text-decoration:none;}
|
|
nav.bg-primary.uafBanner {background: #1e5c8d !important;}
|
|
.bg-primary {background: #1e5c8d !important;}
|
|
nav.bg-dark {padding: 0.5rem 1rem 0 1rem;}
|
|
nav.bg-dark {background-color:#003764 !important; border-top: 0.5rem #ffcd00 solid;}
|
|
.site-header {background-color:#003764; border-top: 0.5rem #ffcd00 solid;}
|
|
a.navbar-brand.text-primary {color:#1e5c8d !important;}
|
|
button.btn-primary, .btn.btn-primary {background: #1e5c8d !important; border: none !important; color:#fff !important; text-shadow:none; text-decoration:none;}
|
|
button.btn-primary, .btn.btn-primary:hover, button.btn-primary:active {background: #003764 !important; text-decoration:none;}
|
|
.button-container {margin-bottom: 1rem;}
|
|
cite {font-size: small;}
|
|
footer hr {visibility:hidden;}
|
|
footer.page-footer a:link, footer.page-footer a:visited {color:#fff !important;}
|
|
footer.page-footer a:hover, footer.page-footer a:active {color:#ffcd00 !important;}
|
|
footer.page-footer div.global-footer.text-white {background-color:#1e5c8d; color:#fff !important;}
|
|
footer.page-footer div.global-footer.text-white a:link, footer.page-footer div.global-footer.text-white a:visited {color:#fff !important;}
|
|
footer.page-footer div.global-footer.text-white a:hover, footer.page-footer div.global-footer.text-white a:active {color:#ffcd00 !important;}
|
|
|
|
/* UAF home header styles */
|
|
h1.uafLogoText, div.uafLogoText {display:none;}
|
|
.headerRight {width:100%;}
|
|
header .nav-link {padding: 0.25rem;}
|
|
.uafBanner.bg-primary {background: #1e5c8d !important;}
|
|
.uafBanner.secondaryBanner h1.uafLogoText {font-size: initial;}
|
|
header.uaf.home .uafSearch button {font-size: 1rem;}
|
|
|
|
/* carousel custoimzations
|
|
.hero-md {overflow:hidden;}
|
|
.hero-lg .carousel-item, .hero-md .carousel-item {height:initial !important;}
|
|
.hero-lg .carousel-item img, .hero-lg .carousel-item video {min-height:initial !important; width: 100% !important;}
|
|
.hero-md .carousel-item img, .hero-md .carousel-item video {min-height:initial !important; width: 100% !important;}
|
|
.carousel-item .container-fluid {padding-left:initial !important; padding-right:initial !important;}
|
|
.carousel-item > img {position: relative !important; height: initial !important;}
|
|
.carousel-item img, .carousel-item video {object-fit:initial !important; width: initial !important;}
|
|
.carousel-inner {position:initial !important; width: initial !important; overflow: initial !important;}
|
|
.hero-lg .carousel-caption, .hero-md .carousel-caption {background:#000 !important; color:#fff !important; display:block !important; padding: 1rem 2.5rem !important; width:100% !important; margin:0 !important; position:relative !important; left:0 !important; right:0 !important; bottom:0 !important;}
|
|
.hero-lg .carousel-caption.text-left h2, .hero-lg .carousel-caption.text-left p, .hero-md .carousel-caption.text-left h2, .hero-md .carousel-caption.text-left p {float:initial !important;}
|
|
.hero-lg .carousel-caption.text-right h2, .hero-lg .carousel-caption.text-right p, .hero-md .carousel-caption.text-right h2, .hero-md .carousel-caption.text-right p {float:initial !important;}
|
|
.carousel-caption p a.btn {display:none !important;} */
|
|
|
|
/* carousel custoimzations */
|
|
.hero-md .hero-lg {overflow:hidden;}
|
|
.carousel-item {height:initial !important;}
|
|
.carousel-item img, .carousel-item video {min-height:initial !important; object-fit:initial !important; width: 100% !important;}
|
|
.carousel-item > img {position: relative !important; height: initial !important;}
|
|
.carousel-item .container-fluid {padding-left:initial !important; padding-right:initial !important;}
|
|
.carousel-inner {position:initial !important; width: initial !important; overflow: initial !important;}
|
|
/* .carousel-caption {background:#000 !important; color:#fff !important; display:block !important; padding: 1rem 2.5rem !important; width:100% !important; margin:0 !important; position:relative !important; left:0 !important; right:0 !important; bottom:0 !important;} */
|
|
.carousel-caption {background:#000 !important; color:#fff !important; display:block !important; padding: 1rem 2.5rem 2rem 2.5rem !important; width:100% !important; margin:0 !important; position:relative !important; left:0 !important; right:0 !important; bottom:0 !important;}
|
|
.carousel-caption.text-left .h2, .carousel-caption.text-left p {float:initial !important;}
|
|
.carousel-caption.text-right .h2, .carousel-caption.text-right p {float:initial !important;}
|
|
/* .carousel-caption p a.btn {display:none !important;} */
|
|
.carousel-caption p a.btn {display:block; text-decoration:none !important;}
|
|
|
|
/* site nav dropdown */
|
|
.menuPrimary {
|
|
background: #003764;
|
|
border-top: 1px solid #1e5c8d;
|
|
}
|
|
.menuPrimary .navbar-nav .active>.nav-link, .menuPrimary .navbar-nav .nav-link.active, .menuPrimary .navbar-nav .nav-link.show, .menuPrimary .navbar-nav .show>.nav-link {
|
|
color: #ffffff;
|
|
}
|
|
.menuPrimary .navbar-nav .nav-link, nav.bg-dark .navbar-nav .nav-link {
|
|
border-bottom: transparent solid 5px;
|
|
color: #ffffff;
|
|
}
|
|
.menuPrimary .navbar-nav .nav-link:hover, nav.bg-dark .navbar-nav .nav-link:hover {
|
|
border-bottom: #ffcd00 solid 5px;
|
|
}
|
|
.menuPrimary .navbar-nav .active>.nav-link, nav.bg-dark .navbar-nav .active>.nav-link, .menuPrimary .navbar-nav .nav-link.active, nav.bg-dark .navbar-nav .nav-link.active, .menuPrimary .navbar-nav .nav-link.show, nav.bg-dark .navbar-nav .nav-link.show, .menuPrimary .navbar-nav .show>.nav-link, nav.bg-dark .navbar-nav .show>.nav-link {
|
|
border-bottom: #ffcd00 solid 5px;
|
|
}
|
|
nav.bg-dark ul.navbar-nav {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
/* Snippet styles */
|
|
.col-md {display:flex; flex-direction:column;}
|
|
.col-md.colorbox a {display:flex; flex:1;}
|
|
.card {flex:1;}
|
|
.colorboxes-container .colorbox:first-child .card {background-color: #1e5c8d !important;}
|
|
.colorboxes-container .colorbox:nth-child(2) .card {background-color: #004978 !important;}
|
|
.colorboxes-container .colorbox:nth-child(3) .card {background-color: #00335F !important;}
|
|
|
|
.featured-bg-container, .featured-bg-container.full-width, .featured-bg-container.dark, .featured-bg-container.full-width.dark {background: #1e5c8d !important; color: #fff !important;}
|
|
|
|
.featured-bg-container.light, .featured-bg-container.full-width.light {background: #ddd !important; color: #000 !important;}
|
|
|
|
.featured-bg-container.dark a:link, .featured-bg-container.dark a:visited, .featured-bg-container.full-width.dark a:link, .featured-bg-container.full-width.dark a:visited {color:#fff !important; text-decoration:underline;}
|
|
.featured-bg-container.dark a:hover, .featured-bg-container.dark a:active, .featured-bg-container.full-width.dark a:hover, .featured-bg-container.full-width.dark a:active {color:#ffcd00 !important; text-decoration:underline;}
|
|
.featured-bg-container.light a:link, .featured-bg-container.light a:visited, .featured-bg-container.full-width.light a:link, .featured-bg-container.full-width.light a:visited {color:#000 !important; text-decoration:underline;}
|
|
.featured-bg-container.light a:hover, .featured-bg-container.light a:active, .featured-bg-container.full-width.light a:hover, .featured-bg-container.full-width.light a:active {color:#036; text-decoration:underline;}
|
|
|
|
.featured-bg-container.dark a.btn-primary:link, .featured-bg-container.dark a.btn-primary:visited, .featured-bg-container.full-width.dark a.btn-primary:link, .featured-bg-container.full-width.dark a.btn-primary:visited {background-color: #004978 !important; color:#fff !important; text-decoration:none;}
|
|
.featured-bg-container.dark a.btn-primary:hover, .featured-bg-container.dark a.btn-primary:active, .featured-bg-container.full-width.dark a.btn-primary:hover, .featured-bg-container.full-width.dark a.btn-primary:active {background-color: #00335F !important; text-decoration:none;}
|
|
|
|
.featured-bg-container.dark a.btn-secondary:link, .featured-bg-container.dark a.btn-secondary:visited, .featured-bg-container.full-width.dark a.btn-secondary:link, .featured-bg-container.full-width.dark a.btn-secondary:visited {color:#000 !important; text-decoration:none;}
|
|
.featured-bg-container.dark a.btn-secondary:hover, .featured-bg-container.dark a.btn-secondary:active, .featured-bg-container.full-width.dark a.btn-secondary:hover, .featured-bg-container.full-width.dark a.btn-secondary:active {color:#000 !important; text-decoration:none;}
|
|
|
|
.featured-bg-container.dark a.btn-outline-secondary:link, .featured-bg-container.dark a.btn-outline-secondary:visited, .featured-bg-container.full-width.dark a.btn-outline-secondary:link, .featured-bg-container.full-width.dark a.btn-outline-secondary:visited {text-decoration:none;}
|
|
.featured-bg-container.dark a.btn-outline-secondary:hover, .featured-bg-container.dark a.btn-outline-secondary:active, .featured-bg-container.full-width.dark a.btn-outline-secondary:hover, .featured-bg-container.full-width.dark a.btn-outline-secondary:active {text-decoration:none;}
|
|
|
|
.facts-container h3 a:link, .facts-container h3 a:visited, .facts-container h4 a:link, .facts-container h4 a:visited {color: #fff !important; text-decoration:none;}
|
|
.facts-container h3 a:hover, .facts-container h3 a:active, .facts-container h4 a:hover, .facts-container h4 a:active {color: #ffcd00 !important; text-decoration:underline !important;}
|
|
|
|
.featured-bg-container .facts-container h3 a:link, .featured-bg-container .facts-container h3 a:visited, .featured-bg-container.full-width .facts-container h3 a:link, .featured-bg-container.full-width .facts-container h3 a:visited, .featured-bg-container.dark .facts-container h3 a:link, .featured-bg-container.dark .facts-container h3 a:visited, .featured-bg-container.full-width.dark .facts-container h3 a:link, .featured-bg-container.full-width.dark .facts-container h3 a:visited {color: #fff !important; text-decoration:none;}
|
|
|
|
.featured-bg-container .facts-container h3 a:hover, .featured-bg-container .facts-container h3 a:active, .featured-bg-container.full-width .facts-container h3 a:hover, .featured-bg-container.full-width .facts-container h3 a:active, .featured-bg-container.dark .facts-container h3 a:hover, .featured-bg-container.dark .facts-container h3 a:active, .featured-bg-container.full-width.dark .facts-container h3 a:hover, .featured-bg-container.full-width.dark .facts-container h3 a:active {color: #ffcd00 !important; text-decoration:underline !important;}
|
|
|
|
.featured-bg-container .facts-container h4 a:link, .featured-bg-container .facts-container h4 a:visited, .featured-bg-container.full-width .facts-container h4 a:link, .featured-bg-container.full-width .facts-container h4 a:visited, .featured-bg-container.dark .facts-container h4 a:link, .featured-bg-container.dark .facts-container h4 a:visited, .featured-bg-container.full-width.dark .facts-container h4 a:link, .featured-bg-container.full-width.dark .facts-container h4 a:visited {color: #fff !important; text-decoration:none;}
|
|
|
|
.featured-bg-container .facts-container h4 a:hover, .featured-bg-container .facts-container h4 a:active, .featured-bg-container.full-width .facts-container h4 a:hover, .featured-bg-container.full-width .facts-container h4 a:active, .featured-bg-container.dark .facts-container h4 a:hover, .featured-bg-container.dark .facts-container h4 a:active, .featured-bg-container.full-width.dark .facts-container h4 a:hover, .featured-bg-container.full-width.dark .facts-container h4 a:active {color: #ffcd00 !important; text-decoration:underline !important;}
|
|
|
|
|
|
.facts-container {background: #1e5c8d !important;}
|
|
.facts-container .text-warning {color: #ffcd00 !important;}
|
|
.facts-container img {width:120px;height: 120px;}
|
|
.facts-container a:link, .facts-container a:visited, .facts-container a:hover, .facts-container a:active {text-decoration:none !important;}
|
|
.featured-bg-container .facts-container a:link.btn-outline-warning, .featured-bg-container .facts-container a:visited.btn-outline-warning, .featured-bg-container .facts-container a:hover.btn-outline-warning, .featured-bg-container .facts-container a:active.btn-outline-warning {color:#000 !important;}
|
|
.featured-bg-container .facts-container.bg-primary, .featured-bg-container.full-width .facts-container.bg-primary {background:transparent !important;}
|
|
.featured-bg-container.light .facts-container.bg-primary p.text-warning, .featured-bg-container.full-width.light .facts-container.bg-primary p.text-warning {color:#000 !important;}
|
|
|
|
.featured-bg-container .card a:link, .featured-bg-container .card a:visited,
|
|
.featured-bg-container.full-width .card a:link, .featured-bg-container.full-width .card a:visited,
|
|
.featured-bg-container.dark .card a:link, .featured-bg-container.dark .card a:visited,
|
|
.featured-bg-container.full-width.dark .card a:link, .featured-bg-container.full-width.dark .card a:visited,
|
|
.featured-bg-container.light .card a:link, .featured-bg-container.light .card a:visited,
|
|
.featured-bg-container.full-width.light .card a:link, .featured-bg-container.full-width.light .card a:visited {color:#000 !important; text-decoration:none !important;}
|
|
|
|
.featured-bg-container .card a:hover, .featured-bg-container .card a:active,
|
|
.featured-bg-container.full-width .card a:hover, .featured-bg-container.full-width .card a:active,
|
|
.featured-bg-container.dark .card a:hover, .featured-bg-container.dark .card a:active,
|
|
.featured-bg-container.full-width.dark .card a:hover, .featured-bg-container.full-width.dark .card a:active,
|
|
.featured-bg-container.light .card a:hover, .featured-bg-container.light .card a:active,
|
|
.featured-bg-container.full-width.light .card a:hover, .featured-bg-container.full-width.light .card a:active {color:#003764 !important; text-decoration:underline !important;}
|
|
|
|
.newsImage, .newsImage img {max-width:6rem;}
|
|
|
|
/* RFI form styles */
|
|
.rfi input, .rfi select, .rfi textarea {display:block;width:100%;}
|
|
.rfi label.small {font-weight:normal;font-size:smaller;}
|
|
.rfi label.main {background-color:#eee;padding:5px;display:block;}
|
|
.rfi .required {color:red;font-weight:bold;}
|
|
.rfi-hidden {display: none;}
|
|
|
|
/* Misc styles */
|
|
.list-center {text-align:center; list-style-position:inside;}
|
|
|
|
/* break points
|
|
@media (min-width: 1230px) {
|
|
.hero-lg .carousel-caption, .hero-md .carousel-caption {background: rgba(0,0,0,0.8) !important; position:absolute !important; bottom:4rem !important; top:initial !important; width:30% !important; }
|
|
.hero-lg .carousel-caption.text-left, .hero-md .carousel-caption.text-left {left:10rem !important; right:initial !important;}
|
|
.hero-lg .carousel-caption.text-right, .hero-md .carousel-caption.text-right {right:10rem !important; left:initial !important;}
|
|
.hero-lg .carousel-caption.text-left h2, .hero-lg .carousel-caption.text-left p, .hero-md .carousel-caption.text-left h2, .hero-md .carousel-caption.text-left p {width:initial !important;}
|
|
.hero-lg .carousel-caption.text-right h2, .hero-lg .carousel-caption.text-right p, .hero-md .carousel-caption.text-right h2, .hero-md .carousel-caption.text-right p {width:initial !important;}
|
|
} */
|
|
/* break points */
|
|
@media (min-width: 992px) {
|
|
.headerLeft, .headerRight {width:50%;}
|
|
h1.uafLogoText, div.uafLogoText {display:inline-block;}
|
|
header .nav-link {padding: 0.5rem 1rem;}
|
|
}
|
|
@media (min-width: 1230px) {
|
|
.hero-md {max-height:400px !important; overflow:hidden !important;}
|
|
.carousel-caption {-webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.9) 100%) !important; /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.9) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#99000000',GradientType=0 ) !important; /* IE6-9 */ ; position:absolute !important; bottom:inherit !important; top:5% !important; width:33% !important; }
|
|
.carousel-caption, .carousel-caption.text-left {left:10rem !important; right:initial !important;}
|
|
.carousel-caption.text-right {right:10rem !important; left:initial !important;}
|
|
.carousel-caption.text-left .h2, .carousel-caption.text-left p {width:initial !important;}
|
|
.carousel-caption.text-right .h2, .carousel-caption.text-right p {width:initial !important;}
|
|
.carousel-caption .h2 {font-size:3.25rem !important; font-weight: 800 !important; line-height:3rem; margin-bottom: 1rem;}
|
|
.carousel-caption p {font-size:1.5rem !important;line-height:1.75rem;}
|
|
/* .carousel-caption p a.btn {display:block !important;} */
|
|
main#content .carousel-caption {left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important;}
|
|
}
|