Select Git revision
-
skoolbus39 authoredskoolbus39 authored
4.0.less 38.55 KiB
/* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS! */
// !Temp
.old, .temp {
margin: 25em 0 6em;
opacity: 0.5;
}
// !WDN
.display-font() {
font-family: "Mercury Display A", "Mercury Display B", Georgia, Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
font-weight: 400;
font-style: normal;
}
.brand-font() {
font-family: "Tungsten A", "Tungsten B", "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "Arial Narrow", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-weight: 400;
font-style: normal;
}
.heading-font() {
font-family: "Tungsten A", "Tungsten B", Impact, Haettenschweiler, "Arial Narrow Bold", "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;
font-weight: 600;
font-style: normal;
}
.sans-serif-font() {
font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
font-weight: 400;
font-style: normal;
}
// !Awaiting WDN merge
.wdn-sans-caps {
.sans-serif-font;
text-transform: uppercase;
line-height: 1.333;
letter-spacing: 0.02em;
}
.wdn-list-header {
.wdn-sans-caps;
font-size: 13px;
padding: 1em 0 0.254em;
border-bottom: 1px solid #d0cec6;
}
@media (min-width: 768px) {
.wdn-list-header {
font-size: 16px;
font-size: 1rem;
padding: 1.333em 0 0.254em;
}
}
p.small {
font-size: 12px;
font-size: 0.923rem;
@media (min-width: 768px) {
font-size: 13px;
font-size: 0.802rem; }
}
.frame, .wdn-frame {
padding: 4px;
border: 1px solid #d0cec6;
}
// !Add to WDN?
.wdn-brand-caps {
font-family: "Tungsten A", "Tungsten B", "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "Arial Narrow", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
font-size: 38px;
font-size: 2.307rem;
}
@media (min-width: 768px) {
.wdn-brand-caps {
font-size: 41px;
font-size: 2.532rem;
}
}
.lowercase {
text-transform: lowercase;
}
.wdn-inner-padding-no-bottom {
padding-bottom: 0 !important; // modified to work here temporarily
}
#maincontent li {
margin-bottom: .451rem;
}
.wdn-promo-band {
background-color: #454542;
overflow: hidden;
@media (min-width: 768px) {
max-height: 31.474em; // 503.591px
}
@media (min-width: 1400px) and (min-height: 960px) {
max-height: 41.955em; // 671.287px
}
}
.wdn-card {
background: #fdfdfc;
border-top: 4px solid #848482;
box-shadow: 0 0 0 1px #eae9e6;
&:hover {
background: #fff;
border-top: 4px solid #c00;
box-shadow: 0 0 0 1px #d5d5d2;
}
}
.center-header () {
left: 0;
right: 0;
text-align: center;
}
.small {
font-size: 12px;
font-size: 0.923rem;
@media (min-width: 768px) {
font-size: 13px;
font-size: 0.802rem;
}
}
.wdn-full-story-link {
.wdn-sans-caps;
.small;
//margin-left: 0.75em;
}
.wdn-button-outline {
display: inline-block;
margin: 1em 0;
padding: 1.069em 1.333em 1em;
border-radius: 3px;
text-align: center;
text-decoration: none;
.wdn-sans-caps;
font-size: 10px;
font-size: 0.769rem;
transition: all 0.3s ease;
@media (min-width: 768px) {
font-size: 12px;
font-size: 0.75rem;
}
.wdn-main a& { // needed to make the selector more specific
color: #fff;
color: rgba(255, 255, 255, 0.8);
border: 1px solid #fff;
border: 1px solid rgba(255, 255, 255, 0.8);
&:hover, &:active {
color: #fff;
color: rgba(255, 255, 255, 1);
background-color: rgba(0, 0, 0, 0.3);
}
&:focus {
outline: none;
box-shadow: 0 0 5px 0 #fff;
}
}
}
// !Functions
.background-size-cover () {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
// !Global
.framed-text-box {
position: relative;
background-color: #fff; background-color: rgba(255, 255, 255, 0.96);
z-index: 1;
margin: 0 5%;
padding: 2.369em 1.777em;
@media (min-width: 480px) {
margin: 0;
padding: 2.532em 2.369em;
}
@media (min-width: 768px) {
padding: 3.157em 4.499em;
}
&:before {
content: '';
position: absolute;
display: block;
top: -10px;
left: -10px;
width: 100%;
height: 100%;
padding: 5px;
border: solid 5px #fff;
border: solid 5px rgba(255, 255, 255, 0.96);
z-index: -1;
}
p:last-child {
margin-bottom: 0;
}
}
.css-2-columns () {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
-o-column-break-inside: avoid;
-ms-column-break-inside: avoid;
break-inside: avoid;
}
// !Flexslider
#maincontent .flexslider {
a, a:hover, a:visited {
border-bottom: none;
}
}
// !Search Form
form .input-group {
display: table
}
form .input-group>* {
display: table-cell;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0; background-clip: padding-box
}
form .input-group .input-group-btn {
width: 1%;
vertical-align: middle
}
form .input-group .input-group-btn button {
font-size: 18px;
line-height: normal;
padding: .8em 1em;
margin: 0
}
form .input-group input {
margin: 0
}
form .input-group :first-child {
-webkit-border-radius: 4px 0 0 4px;
-webkit-background-clip: padding-box;
-moz-border-radius: 4px 0 0 4px;
-moz-background-clip: padding;
border-radius: 4px 0 0 4px;
background-clip: padding-box
}
form .input-group :last-child {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-background-clip: padding-box;
-moz-border-radius-topright: 4px;
-moz-background-clip: padding;
border-top-right-radius: 4px;
background-clip: padding-box
}
form .input-group :last-child button {
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius-topleft: 0;
-moz-background-clip: padding;
border-top-left-radius: 0;
background-clip: padding-box
}
#searchform {
text-align: center;
background: #38431b url('../../faculty-staff/images/050419.jpg') 50% 50% no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover
}
#searchform .input-group {
margin: 0 auto;
max-width: 30em
}
#search_wrapper {
display: none
}
// !Quick Links
a[class^="quick-link-"] {
display: block;
text-align: center;
padding-top: 5.997em;
border: 0;
}
a[class^="quick-link-"] {
margin: 1em 0;
}
a[class^="quick-link-"] span {
display: block;
}
.quick-link-header {
margin-bottom: .339em;
font-family: "Gotham SSm A", "Gotham SSm B", Verdana, "Verdana Ref", Geneva, Tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans-serif;
text-transform: uppercase;
line-height: 1.333;
letter-spacing: 0.02em;
}
.quick-link-description {
font-size: 12px;
font-size: 0.923rem;
font-style: italic;
color: #595855;
@media (min-width: 600px) {
padding: 0 7.5%;
}
@media (min-width: 768px) {
font-size: 13px;
font-size: 0.8125rem;
}
@media (min-width: 960px) {
padding: 0;
}
}
// Quick Link Icons (alphabetized)
.quick-link-apply {
background: transparent url('../../images/icons/png/quick-links-icon-apply.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-apply.svg') 50% 0 no-repeat;
}
.quick-link-calendar {
background: transparent url('../../images/icons/png/quick-links-icon-calendar.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-calendar.svg') 50% 0 no-repeat;
}
.quick-link-costs-aid {
background: transparent url('../../images/icons/png/quick-links-icon-costs-aid.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-costs-aid.svg') 50% 0 no-repeat;
}
.quick-link-firefly {
background: transparent url('../../images/icons/png/quick-links-icon-firefly.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-firefly.svg') 50% 0 no-repeat;
}
.quick-link-libraries {
background: transparent url('../../images/icons/png/quick-links-icon-book.png') 50% 0 no-repeat; background: transparent url('../../images/icons/svg/quick-links-icon-book.svg') 50% 0 no-repeat;
}
.quick-link-majors {
background: transparent url('../../images/icons/png/quick-links-icon-cap.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-cap.svg') 50% 0 no-repeat;
}
.quick-link-maps {
background: transparent url('../../images/icons/png/quick-links-icon-map.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-map.svg') 50% 0 no-repeat;
}
.quick-link-myunl, .quick-link-why-unl {
background: transparent url('../../images/icons/png/quick-links-icon-n.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-n.svg') 50% 0 no-repeat;
}
.quick-link-myred {
background: transparent url('../../images/icons/png/quick-links-icon-user.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-user.svg') 50% 0 no-repeat;
}
.quick-link-parking {
background: transparent url('../../images/icons/png/quick-links-icon-parking.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-parking.svg') 50% 0 no-repeat;
}
.quick-link-visit {
background: transparent url('../../images/icons/png/quick-links-icon-welcome.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/quick-links-icon-welcome.svg') 50% 0 no-repeat;
}
a[class^="quick-link-"] {
background-size: 4.209em;
}
@media (min-width: 768px) {
a[class^="quick-link-"] {
background-size: 4.499em;
}
}
// !Featured Links
.wdn-band.featured-links {
background-color: #c10000;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d00000), to(#c10000));
background: -webkit-linear-gradient(top, #c10000, #d00000);
background: -moz-linear-gradient(top, #c10000, #d00000);
background: -ms-linear-gradient(top, #c10000, #d00000);
background: -o-linear-gradient(top, #c10000, #d00000);
}
a[class^="featured-link-"] {
display: block;
text-align: center;
border: 0;
margin: 1em 0;
}
@media (min-width: 768px) {
a[class^="featured-link-"] {
margin: 0;
}
}
a[class^="featured-link-"] span { display: block;
}
.featured-link-header {
margin-bottom: .339em;
color: #fff;
}
.featured-link-description {
font-size: 12px;
font-size: 0.923rem;
font-style: italic;
color: #fbe8e8;
@media (min-width: 600px) {
padding: 0 7.5%;
}
@media (min-width: 768px) {
font-size: 13px;
font-size: 0.8125rem;
}
@media (min-width: 960px) {
padding: 0;
}
}
// Featured Link Icons (alphabetized)
.featured-link-apply {
background: transparent url('../../images/icons/png/download-6-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/download-6-white.svg') 50% 0 no-repeat;
}
.featured-link-events {
background: transparent url('../../images/icons/png/calendar-2-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/calendar-2-white.svg') 50% 0 no-repeat;
}
.featured-link-costs-aid {
background: transparent url('../../images/icons/png/calculator-1-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/calculator-1-white.svg') 50% 0 no-repeat;
}
.featured-link-firefly {
background: transparent url('../../images/icons/png/id-4-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/id-4-white.svg') 50% 0 no-repeat;
}
.featured-link-libraries {
background: transparent url('../../images/icons/png/books-3-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/books-3-white.svg') 50% 0 no-repeat;
}
.featured-link-majors {
background: transparent url('../../images/icons/png/academic-cap-2-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/academic-cap-2-white.svg') 50% 0 no-repeat;
}
.featured-link-maps {
background: transparent url('../../images/icons/png/compass-1-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/compass-1-white.svg') 50% 0 no-repeat;
}
.featured-link-myunl, .featured-link-why-unl {
background: transparent url('../../images/icons/png/n-user-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/n-user-white.svg') 50% 0 no-repeat;
}
.featured-link-myred { background: transparent url('../../images/icons/png/contacts-3-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/contacts-3-white.svg') 50% 0 no-repeat;
}
.featured-link-parking {
background: transparent url('../../images/icons/png/sign-park-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/sign-park-white.svg') 50% 0 no-repeat;
}
.featured-link-visit {
background: transparent url('../../images/icons/png/marker-1-white.png') 50% 0 no-repeat;
background: transparent url('../../images/icons/svg/marker-1-white.svg') 50% 0 no-repeat;
}
a[class^="featured-link-"] {
padding-top: 3.375em;
background-size: 3.375em;
}
@media (min-width: 768px) {
a[class^="featured-link-"] {
padding-top: 4.499em;
background-size: 4.209em;
}
}
// !Videos
.wdn-video-band {
& .mejs-overlay-button {
display: none;
}
img {
display: block;
@media (min-width: 768px) {
display: none;
.touch & { display: block; }
}
}
video {
display: none;
@media (min-width: 768px) {
display: block;
vertical-align: top;
z-index: 99;
.touch & { display: none; }
}
}
.wdn-promo-container {
background: none;
.wdn-promo-content {
bottom: 15%;
text-shadow: none;
@media (min-width: 480px) { bottom: 20%; }
@media (min-width: 960px) { bottom: 25%; }
@media (min-width: 1400px) and (min-height: 960px) { bottom: 30%; }
h1 { display: inline;
//display: block;
color: #fff;
font-size: 40.510px;
font-size: 3.116rem;
border-top: 1px solid rgba(255,255,255,0.2);
border-bottom: 1px solid rgba(255,255,255,0.2);
//-webkit-transform: rotate(-3deg) skew(-3deg);
//-transform: rotate(-3deg) skew(-3deg);
@media (min-width: 480px) {
font-size: 67px;
font-size: 5.154rem;
}
@media (min-width: 768px) {
font-size: 72px;
font-size: 5.61rem;
}
@media (min-width: 960px) {
font-size: 89px;
font-size: 7.478rem;
}
}
.video-buttons {
display: block;
margin-top: 1em;
@media (min-width: 480px) { margin-top: 1.777em; }
}
a:first-of-type {
margin-right: 1em;
}
}
}
}
// !News Carousel
#wdn_Carousel {
.flex-prev, .flex-next {
@media (max-width: 767px) {
display: none;
}
}
}
// !Splash
.splash-intro {
background-color: #453e2b;
.wdn-icon-cancel {
position:absolute;
top:0;
right:0;
cursor:pointer;
}
#intro_video {
display: none; }
&.playing {
max-height: none;
.wdn-stretch,
.wdn-promo-container {
display: none;
}
#intro_video {
display: block;
video {
display: block;
}
}
}
}
.splash-news {
background-color: #f8f5ec;
figure {
margin-top: 0;
}
}
.splash-news-lede {
margin-top: 0;
}
.splash-academic-colleges {
background: #c9beac url('../../splash/images/campus-bg-fpo.jpg') 50% 0 no-repeat;
background-size: 150%;
@media (min-width: 480px) {
background-size: 100%;
}
ul {
padding: 0 7.5%;
}
.wdn-card {
box-shadow: 0 0 0 1px #bcbab3;
&:hover {
box-shadow: 0 0 0 1px #a9a7a0;
}
}
}
.splash-academic-colleges, .apply-now-intro {
.wdn-card {
position: relative;
min-height: 14.204em;
margin-bottom: 1em;
@media (min-width: 480px) {
min-height: 17.713em;
}
@media (min-width: 768px) {
min-height: 14.204em;
}
}
img { position: absolute;
display: block;
bottom: 0;
right: 0;
z-index: 1;
}
h3 {
padding: 0.75em 7.5% 0;
font-size: 28px;
font-size: 2.154rem;
@media (min-width: 768px) {
padding-top: 1em;
font-size: 28px;
font-size: 1.75rem;
}
@media (min-width: 960px) {
font-size: 30px;
font-size: 1.899rem;
}
}
}
#maincontent .splash-academic-colleges {
margin-top: -5.997em !important;
padding-top: 7.994em !important;
@media (min-width: 600px) {
padding-top: 9.969em !important;
}
@media (min-width: 768px) {
margin-top: -9.969em !important;
padding-top: 7.994em !important;
}
@media (min-width: 960px) {
padding-top: 13.288em !important;
}
@media (min-width: 1200px) {
padding-top: 14.204em !important;
}
@media (min-width: 1400px) {
padding-top: 17.713em !important;
}
li {
margin: 0;
font-size: 12px;
font-size: 0.923rem;
@media (min-width: 768px) {
font-size: 13px;
font-size: 0.802rem;
}
}
}
.splash-college-architecture,
.splash-college-business-admin,
.splash-college-engineering,
.splash-college-jmc {
h3, ul {
float: right !important;
text-align: right; width: 100%;
@media (min-width: 480px) {
float: left !important;
text-align: left;
}
}
}
.splash-college-architecture {
img {
left: 0;
width: 60%;
@media (min-width: 480px) {
left: auto;
right: 0;
width: 75%;
}
}
}
.splash-college-arts-sciences {
img {
width: 55%;
right: -0.75em;
@media (min-width: 480px) {
width: 60%;
}
}
}
.splash-college-casnr {
img {
width: 50%;
@media (min-width: 380px) { width: 45%; }
@media (min-width: 480px) { width: 55%; }
@media (min-width: 768px) { width: 55%; }
}
h3 {
width: 100%;
@media (min-width: 420px) { width: 70%; }
@media (min-width: 480px) { width: 100%; }
}
}
.splash-college-business-admin {
img {
left: 0;
width: 40%;
left: -0.75em;
@media (min-width: 480px) {
left: auto;
right: 5%;
width: 45%;
}
@media (min-width: 768px) {
right: -1em;
} }
h3 {
width: 100%;
@media (min-width: 768px) { width: 70%; }
}
}
.splash-college-cehs {
img {
width: 50%;
@media (min-width: 480px) { width: 60%; }
@media (min-width: 768px) { width: 55%; }
@media (min-width: 960px) { width: 60%; }
}
h3 {
width: 70%;
@media (min-width: 480px) { width: 100%; }
@media (min-width: 600px) { width: 75%; }
}
}
.splash-college-engineering {
img {
left: 7%;
width: 45%;
@media (min-width: 480px) {
left: auto;
right: 0;
width: 55%;
}
}
}
.splash-college-fpa {
img {
top: -12%;
right: -0.75em;
width: 35%;
@media (min-width: 480px) {
width: 60%;
top: 2%;
}
@media (min-width: 540px) {
width: 60%;
top: -5%;
}
@media (min-width: 620px) {
width: 55%;
top: -5%;
}
@media (min-width: 660px) {
width: 45%;
top: 3%;
}
@media (min-width: 844px) {
width: 55%; top: 15%;
}
@media (min-width: 960px) {
width: 47%;
}
}
h3 {
@media (min-width: 480px) { width: 70%; }
@media (min-width: 620px) { width: 67%; }
@media (min-width: 768px) { width: 78%; }
@media (min-width: 960px) { width: 100%; }
}
}
.splash-college-jmc {
img {
left: 0;
width: 55%;
@media (min-width: 480px) {
left: auto;
right: 0;
width: 70%;
}
@media (min-width: 768px) { width: 66%; }
@media (min-width: 768px) { width: 60%; }
}
h3 {
width: 75%;
@media (min-width: 480px) { width: 100%; }
}
}
.splash-college-law {
img {
width: 75%;
@media (min-width: 480px) { width: 90%; }
@media (min-width: 768px) { width: 85%; }
}
}
.college-name {
display: block;
font-size: 10px;
font-size: 0.769rem;
line-height: 1.333;
@media (min-width: 768px) {
font-size: 10px;
font-size: 0.625rem;
}
@media (min-width: 960px) {
font-size: 12px;
font-size: 0.75rem;
}
}
.splash-social {
text-align: center;
li {
display: inline;
a[class^="wdn-icon"]:before {
font-size: 38px;
}
&:last-of-type {
a:before {
margin-right: 0;
}
}
}
}
.splash-affiliates {
h4 {
font-size: 28px;
font-size: 2.154rem;
@media (min-width: 768px) {
font-size: 28px;
font-size: 1.75rem;
}
@media (min-width: 960px) {
font-size: 30px;
font-size: 1.899rem;
}
}
ul {
margin-bottom: 3.157em;
@media (min-width: 768px) {
margin-bottom: 0;
}
}
li {
display: inline;
margin-right: 0.143em;
&:after {
content:'\b7';
margin-left: 0.451em;
}
&:last-of-type:after {
content:'';
}
}
}
// !Apply Now
.apply-now-intro {
background-color: #f4f3f0;
//background-color: #fefdfa;
//background: #474746 url('../../prospective/images/apply-now-bg.jpg') 50% 50% no-repeat;
//background-size: cover;
.apply-now-header {
text-align: center;
@media (min-width: 480px) {
padding-top: 5.5384em; }
@media (min-width: 768px) {
padding-top: 3.375em;
}
}
h1 {
font-size: 54px;
font-size: 4.1538rem;
text-transform: uppercase;
text-align: center;
margin-bottom: 0.451em;
//.display-font();
//font-style: italic;
padding: 0.254em 0;
border-top: 1px solid #d5d5d2;
border-bottom: 1px solid #d5d5d2;
/* -webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);*/
@media (min-width: 480px) {
display: inline-block;
text-align: left;
}
@media (min-width: 768px) {
font-size: 67.339px;
font-size: 4.209rem;
}
}
h3 {
width: 50%;
}
.apply-now-graduate h3, .apply-now-global h3 {
float: right !important;
text-align: right;
@media (min-width: 480px) {
float: left !important;
text-align: left;
}
}
.apply-now-undergrad {
img {
width: 55%;
@media (min-width: 480px) { width: 65%; }
@media (min-width: 600px) { width: 75%; }
@media (min-width: 960px) { width: 70%; }
}
}
.apply-now-graduate {
img {
width: 55%;
margin-left: -0.75em;
@media (min-width: 480px) { width: 75%; }
@media (min-width: 600px) { width: 70%; }
@media (min-width: 960px) { width: 65%; } }
}
.apply-now-law {
img {
width: 35%;
@media (min-width: 480px) { width: 55%; }
@media (min-width: 960px) { width: 53%; }
}
}
.apply-now-global {
img {
width: 65%;
@media (min-width: 480px) { width: 75%; }
@media (min-width: 768px) { width: 80%; }
@media (min-width: 960px) { width: 75%; }
}
}
.apply-now-online-distance {
img {
width: 45%;
@media (min-width: 480px) { width: 60%; }
@media (min-width: 960px) { width: 65%; }
}
}
.apply-now-graduate, .apply-now-global {
img {
right: auto;
left: 0;
@media (min-width: 480px) {
left: auto;
right: 0;
}
}
}
}
// !Visitor
.visitor-intro {
#maincontent & {
padding: 2.532em 0 85%;
background: #c8e7fc url('../../visitor/images/homecoming-parade.jpg') 50% 100% no-repeat;
background-size: 200%;
@media (min-width: 480px) {
padding-top: 3.375em;
}
@media (min-width: 768px) {
padding: 4.209em 0 90%;
background-size: 150%;
}
@media (min-width: 960px) {
padding-bottom: 70%; background-size: 100%;
}
@media (min-width: 1080px) {
padding-bottom: 65%;
}
@media (min-width: 1280px) {
padding-bottom: 60%;
}
@media (min-width: 1600px) {
padding-bottom: 55%;
}
}
h1 {
text-align: center;
text-transform: uppercase;
line-height: 1;
margin: 0;
.wdn-sans-caps {
display: block;
padding-bottom: 0.339em;
font-size: 17px;
color: #4c545c;
@media (min-width: 480px) {
font-size: 17px;
font-size: 1.307rem;
}
@media (min-width: 600px) {
font-size: 23px;
font-size: 1.769rem;
}
@media (min-width: 768px) {
font-size: 30px;
font-size: 1.899rem;
}
}
.nebraska {
display: inline-block;
font-size: 90px;
font-size: 6.923rem;
color: #393f45;
border-top: 1px solid rgba(0,0,0,0.2);
border-bottom: 1px solid rgba(0,0,0,0.2);
@media (min-width: 480px) {
font-size: 96px;
font-size: 7.384rem;
}
@media (min-width: 600px) {
font-size: 120px;
font-size: 9.23rem;
}
@media (min-width: 768px) {
font-size: 160px;
font-size: 9.969rem;
}
}
}
}
.visitor-centers {
background-color: #4b4c47;
}
.visitor-center {
margin-bottom: 1.777em;
@media (min-width: 768px) {
margin-bottom: 0;
}
.wdn-frame {
border-color: #5b5b5a;
}
h2 {
font-size: 28px;
font-size: 2.1869rem;
color: #fff;
@media (min-width:768px) {
font-size: 30px;
font-size: 1.899rem;
}
}
p, a {
margin-top: 0;
color: #d5d5d2;
}
}
.visitor-attractions {
p {
padding-bottom: 1em;
}
}
.visitor-athletics {
position: relative;
margin-bottom: 1em;
background: transparent url('../../visitor/images/athletics-bg.jpg') 50% 50% no-repeat fixed;
.background-size-cover;
}
.visitor-athletics .framed-text-box, .faculty-staff-working-at-unl .framed-text-box {
padding: 2.369em 1.777em;
@media (min-width: 480px) {
padding: 2.532em 2.369em;
}
@media (min-width: 768px) {
padding: 3.157em 4.499em;
}
}
.visitor-athletics p, .visitor-athletics ul {
width: 70%;
@media (min-width: 960px) {
width: 75%;
}
}
.visitor-athletics ul, .faculty-staff-working-at-unl ul {
.css-2-columns;
}
.visitor-herbie {
position: absolute;
bottom: -5%;
left: 66%;
width: 170px;
z-index: 2;
@media (min-width: 480px) {
bottom: -10%;
left: 64%;
}
@media (min-width: 768px) {
left: 63%;
width: 227px;
}
@media (min-width: 1200px) {
left: 60%;
}
@media (min-width: 1600px) {
left: 58%;
}
}
.visitor-shop {
background: transparent url('../../visitor/images/icons/png/basket-1-light.png') 0 0 no-repeat;
background: transparent url('../../visitor/images/icons/svg/basket-1-light.svg') 0 0 no-repeat;
@media (max-width: 768px) {
margin-bottom: 3.157em;
}
}
.visitor-extension {
background: transparent url('../../visitor/images/icons/png/hand-eco-light.png') 0 0 no-repeat;
background: transparent url('../../visitor/images/icons/svg/hand-eco-light.svg') 0 0 no-repeat;
@media (max-width: 768px) {
margin-bottom: 3.157em;
}
}
.visitor-shop, .visitor-extension {
padding-top: 5.61em;
background-size: 4.209em;
}
// !Prospective Student
.prospective-student-undergraduate {
padding-bottom: 14.204em !important;
background: #f8f5ec url('../../prospective/images/prospective-undergrad.jpg') 50% 100% no-repeat;
background-size: 100%;
@media (min-width: 400px) { padding-bottom: 17.713em !important; }
@media (min-width: 520px) { padding-bottom: 23.612em !important; }
@media (min-width: 640px) { padding-bottom: 25.24em !important; }
@media (min-width: 700px) { padding-bottom: 31.474em !important; }
@media (min-width: 768px) { padding-bottom: 25.24em !important; }
@media (min-width: 900px) { padding-bottom: 31.474em !important; }
@media (min-width: 1040px) { padding-bottom: 33.645em !important; }
@media (min-width: 1200px) { padding-bottom: 41.955em !important; }
@media (min-width: 1360px) { padding-bottom: 44.848em !important; }
@media (min-width: 1540px) { padding-bottom: 55.927em !important; }
@media (min-width: 1840px) { padding-bottom: 59.783em !important; }
p:last-of-type {
margin-bottom: 2.532em; }
.quick-links {
padding-top: 1.777em;
border-top: 1px solid #e4e1d9;
}
}
// !Current Student
.current-student-academic-support {
padding-top: 14.204em !important;
background: #d9d9d9 url('../../current/images/biochemistry-students.jpg') 50% 0% no-repeat;
background-size: 100%;
@media (min-width: 400px) { padding-top: 17.713em !important; }
@media (min-width: 520px) { padding-top: 23.612em !important; }
@media (min-width: 640px) { padding-top: 25.24em !important; }
@media (min-width: 700px) { padding-top: 31.474em !important; }
@media (min-width: 768px) { padding-top: 25.24em !important; }
@media (min-width: 900px) { padding-top: 31.474em !important; }
@media (min-width: 1040px) { padding-top: 33.645em !important; }
@media (min-width: 1120px) { padding-top: 41.955em !important; }
@media (min-width: 1360px) { padding-top: 44.848em !important; }
@media (min-width: 1440px) { padding-top: 55.927em !important; }
@media (min-width: 1740px) { padding-top: 59.783em !important; }
@media (min-width: 1840px) { padding-top: 74.55em !important; }
ul {
@media (min-width: 480px) and (max-width: 767px) {
.css-2-columns;
}
}
}
.current-student-services {
background: transparent url('../../current/images/campus-panorama.jpg') 50% 100% no-repeat;
background-size: 150%;
@media (min-width: 480px) {
background-size: 125%;
.bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
clear: left;
}
}
@media (min-width: 768px) {
background-size: 100%;
.bp1-wdn-grid-set-halves .wdn-col:nth-child(2n+1) {
clear: none;
}
.bp2-wdn-grid-set-thirds .wdn-col:nth-child(3n+1) {
clear: left;
}
}
#maincontent & {
padding-bottom: 17.713em;
@media (min-width: 480px) { padding-bottom: 17.713em; }
@media (min-width: 600px) { padding-bottom: 23.612em; }
@media (min-width: 768px) { padding-bottom: 18.935em; }
@media (min-width: 960px) { padding-bottom: 23.612em; }
@media (min-width: 1200px) { padding-bottom: 31.474em; }
}}
// !Faculty & Staff
.faculty-staff-news {
border-top: 1px solid #e4e1d9;
}
// !Research & Innovation
.research-promo {
.wdn-promo-container {
background: none;
.wdn-promo-content {
bottom: 20%;
@media (min-width: 768px) {
bottom: 25%;
}
h1 {
color: #fff;
line-height: 1;
margin: 0;
padding: 0 5%;
//text-shadow: none;
font-size: 50px;
font-size: 3.886rem;
@media (min-width: 480px) {
font-size: 67px;
font-size: 5.18rem;
}
@media (min-width: 768px) {
font-size: 90px;
font-size: 5.61rem;
}
@media (min-width: 1400px) {
font-size: 96px;
font-size: 5.997rem;
}
}
}
}
}
// !About UNL
.about-unl-intro {
.center-header;
color: #ccc;
background: #000 url('../../aboutunl/images/love-after-dark.jpg') 50% 25% no-repeat;
background-size: 150%;
@media (min-width: 480px) {
background-position: 50% 15%;
background-size: 120%;
}
@media (min-width: 960px) { background-size: 100%;
}
h1 {
color: #fff;
padding-bottom: 9.969em;
@media (min-width: 480px) { padding-bottom: 7.994em; }
@media (min-width: 600px) { padding-bottom: 9.969em; }
@media (min-width: 768px) { padding-bottom: 10.656em; }
@media (min-width: 1044px) { padding-bottom: 13.288em; }
@media (min-width: 1044px) { padding-bottom: 13.288em; }
@media (min-width: 1360px) { padding-bottom: 14.204em; }
@media (min-width: 1440px) { padding-bottom: 17.713em; }
@media (min-width: 1800px) { padding-bottom: 18.935em; }
span {
display: block;
}
}
p {
padding-bottom: 3.157em;
}
a {
color: #ccc;
&:hover, &:visited {
color: #fff;
}
}
}
.about-unl-strong-foundation {
position: relative;
background: transparent url('../../aboutunl/images/campus-aerial.jpg') 50% 50% no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
@media (min-width: 768px) {
.clouds {
background-image: url('../../aboutunl/images/clouds.png');
background-position: 0 0;
background-repeat: repeat;
-webkit-animation: cloudScroll 90s linear infinite; /* Safari 4+ */
-moz-animation: cloudScroll 90s linear infinite; /* Fx 5+ */
-o-animation: cloudScroll 90s linear infinite; /* Opera 12+ */
animation: cloudScroll 90s linear infinite; /* IE 10+ */
}
@-webkit-keyframes cloudScroll {
0% { background-position: 0 0; }
100% { background-position: 2400px 0; }
}
@-moz-keyframes cloudScroll {
0% { background-position: 0 0; }
100% { background-position: 2400px 0; }
}
@-o-keyframes cloudScroll {
0% { background-position: 0 0; }
100% { background-position: 2400px 0; }
}
@keyframes cloudScroll {
0% { background-position: 0 0; }
100% { background-position: 2400px 0; }
}
}
.about-unl-better-best {
.about-unl-pub {
.wdn-sans-caps;
display: block;
}
.about-unl-acclaim {
font-style: italic;
}
}
.about-unl-undergrad-excellence {
padding-bottom: 23.612em !important;
color: #ccc;
background: #000 url('../../aboutunl/images/undergrad-excellence.jpg') 50% 100% no-repeat;
background-size: 200%;
@media (min-width: 480px) {
padding-bottom: 25.24em !important;
background-size: 160%;
}
@media (min-width: 600px) {
padding-bottom: 25.24em !important;
background-size: 140%;
}
@media (min-width: 960px) {
background-size: 125%;
}
@media (min-width: 1044px) {
background-size: 100%;
}
@media (min-width: 1400px) {
padding-bottom: 31.474em !important;
}
h2 {
color: #fff;
}
a {
color: #ccc;
&:hover, &:visited {
color: #fff;
}
}
}
.about-unl-lincoln {
p:first-of-type {
margin-bottom: 1.777em;
@media (min-width: 768px) {
margin-bottom: 3.1577em;
}
}
.wdn-frame {
margin-bottom: 1.777em;
}
.wdn-button {
margin-top: 1.899em;
}
}
.about-unl-legend-legacy {
position: relative;
background: transparent url('../../aboutunl/images/legacy-grid.jpg') 18% 0 repeat;
@media (min-width: 600px) {
background: transparent url('../../aboutunl/images/legacy-grid.jpg') 50% 50% repeat;
}
}
.about-unl-legend-legacy .framed-text-box {
margin: 5.997em 0;
@media (min-width: 768px) {
margin: auto;
}
}
// !B1G 10
.big10-about {
margin-bottom: 1em;
}
.big10-numbers object {
width: 100%;
}
// !History
.history-title {
position: absolute;
z-index: 1;
.center-header;
.display-font;
font-size: 4.499rem;
text-transform: uppercase;
.wdn-subhead {
letter-spacing: 0.254rem;
}
}
.history-intro {
background: #f5f5f5 url('../../aboutunl/images/nebraska-hall.jpg') 50% 50% no-repeat;
background-size: cover;
min-height: 20em;
padding: 14.204em 0 41.955em !important;
}
.history-caption {
.small;
font-style: italic;
line-height: 1.425;
text-align: center;
}
.history-parthenon-plains {
position: relative;
padding-bottom: 7.478em !important;
@media (min-width: 480px) { padding-bottom: 0 !important; }
@media (min-width: 768px) { padding-bottom: 3.157em !important; }
}
.history-campus-expands {
background: #d4d1c9 url('../../aboutunl/images/farm-campus-1875.jpg') 50% 100% no-repeat;
background-size: 100%;
padding-top: 5.61em !important;
padding-bottom: 9.969em !important;
@media (min-width: 480px) {
padding-top: 1em !important;
padding-bottom: 13.288em !important;
}
@media (min-width: 600px) {
padding-top: 1em !important;
padding-bottom: 17.713em !important;
}
@media (min-width: 768px) { padding-bottom: 14.204em !important; }
@media (min-width: 960px) { padding-bottom: 17.713em !important; }
@media (min-width: 1080px) { padding-bottom: 18.935em !important; }
@media (min-width: 1260px) { padding-bottom: 23.612em !important; }
@media (min-width: 1400px) { padding-bottom: 25.24em !important; }
@media (min-width: 1600px) { padding-bottom: 31.474em !important; }
}
.history-new-century {
position: relative;
padding-bottom: 5.61em !important;
@media (min-width: 480px) { padding-bottom: 0 !important; }
p:last-of-type {
margin-top: 0;
}
}
.history-canfield, .history-andrews {
position: absolute;
margin: 0 auto;
width: 10.656em;
z-index: 2;
left: 33%;
@media (min-width: 768px) {
width: 18.935em;
}
img {
box-shadow: 1px 2px 1px 0 #817f7b;
}
}
.history-canfield {
bottom: -10%;
@media (min-width: 480px) {
bottom: -25%;
left: 0;
}
@media (min-width: 520px) {
bottom: -30%;
left: 5%;
}
@media (min-width: 660px) {
left: 10%;
}
@media (min-width: 768px) {
left: 5%;
bottom: -40%;
}
@media (min-width: 960px) {
left: 10%;
bottom: -50%;
}
@media (min-width: 1200px) {
left: 20%;
}
@media (min-width: 1600px) {
left: 25%;
}
}
.history-andrews {
bottom: -20%;
@media (min-width: 480px) {
bottom: -15%;
left: 60%;
}
@media (min-width: 768px) {
bottom: -35%;
left: 55%;
}
@media (min-width: 960px) {
bottom: -45%;
left: 60%;
}
@media (min-width: 1400px) {
left: 55%;
}
}
.history-early-century {
position: relative;
padding-top: 7.478em !important;
@media (min-width: 480px) {
padding-top: 3.157em !important;
}
@media (min-width: 768px) {
padding-top: 0 !important;
}
p:first-of-type {
margin-bottom: 0;
}
}
.history-hail-varsity {
background: #d2cfc7 url('../../aboutunl/images/love-library.jpg') 50% 100% no-repeat;
background-size: 100%;
padding-bottom: 17.713em !important;
@media (min-width: 480px) { padding-bottom: 18.935em !important; } @media (min-width: 600px) { padding-bottom: 25.24em !important; }
@media (min-width: 700px) { padding-bottom: 31.474em !important; }
@media (min-width: 768px) { padding-bottom: 23.612em !important; }
@media (min-width: 960px) { padding-bottom: 25.24em !important; }
@media (min-width: 1080px) { padding-bottom: 31.474em !important; }
@media (min-width: 1260px) { padding-bottom: 33.645em !important; }
@media (min-width: 1260px) { padding-bottom: 41.955em !important; }
@media (min-width: 1600px) { padding-bottom: 55.927em !important; }
@media (min-width: 1800px) { padding-bottom: 59.783em !important; }
h2 {
position: relative;
text-align: center;
&:before, &:after {
position: absolute;
content:'\2605 \2605 \2605 \2605 \2605';
font-size: 0.75rem;
letter-spacing: 1rem;
color: #999791;
@media (min-width: 768px) {
font-size: 1rem;
}
}
&:before {
margin-left: -9.083rem;
@media (min-width: 768px) {
margin-left: -10.333rem;
}
}
&:after {
margin-left: 1rem;
@media (min-width: 768px) {
margin-left: 1.333rem;
}
}
}
}
.history-building-boom {
background: transparent url('../../aboutunl/images/buildings-grid.jpg') 50% 100% repeat;
background-size: cover;
}