experiment.css
experiment.css — CSS stylesheet, 4 KB (4437 bytes)
File contents
div#dept-banner.container, div.uofl-navbar, #breadcrumbs, #lowerbar li { display: none } div#logo.pull-left { background-image: url("/artsandsciences/images/logos/logo-artssciences-ALT_fullcolor.png"); background-repeat: no-repeat; background-size: 100%; background-position: center; margin-top: 3px } #logo img { opacity: 0; width: 200px; } #core-content .main-content { background-color: transparent; margin-top: 30%; overflow: visible; } div.span3 { margin-top: 356px; } .sidebar .accordion-group { border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); } div#content-wrapper.span12 { border-top: 0px solid #AD0000; } #core-content > div > div { border-top: 0px solid #AD0000; } div#content-body.span12 { margin: 10px 0px 0px 0px; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border: 0px none #000000; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); } div#content-body.span10 { margin: 10px 0px 0px 0px; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; border: 0px none #000000; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); } .main-content::before { content: "Help our Cardinals fly high"; font-size: 3em; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; letter-spacing: -.05em; color: #fff; text-shadow: 3px 3px 5px #000; display:block; width:100%; text-align:right; margin-bottom: 30px; } .row-fluid .span2 { background-color: white; margin-top: 100px; } .main-content .left-nav li.nav-header, .main-content .left-nav { margin: 0px 10px 10px 0px; padding: 20px; } .nav-header { border-bottom: 1px dotted #ccc; } .nav-link { padding-bottom: 10px; border-bottom: 1px dotted #ccc; } #content-body h1 { font-size: 3em; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; letter-spacing: -.05em; line-height: 40px; } .wrapper {width: 100%} .masonry { margin: 1.5em 0; padding: 0; column-count: 3; -webkit-column-gap: 1.5em; column-gap: 1.5em; font-size: .85em; } .item { display: inline-block; background: #fff; padding: 1em; margin: 0 0 2em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .item img { width: 100%; } #core-content #content-body h3, #content-body h3 { color: #AD0000; font-size: 1.5em; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; letter-spacing: 0em; margin: 15px 0px 10px 0px; line-height: 1em; } item p { font-family: "proxima-nova-condensed","HelveticaNeueLTStd Cn","HelveticaNeue-Condensed","Arial Narrow",Arial,sans-serif; font-size: 24px; } /* ALL SPECIFIED UofL MEDIA QUERIES */ media (max-width: 384px) { } @media screen and (min-width: 1px) and (max-width: 480px) { .main-content::before {font-size: 1.5em; margin-bottom:-15px;} #core-content .main-content {margin-top: 100px;} #content-body h1 {font-size: 2em; line-height: 30px;} body {background-size: 480px;} .masonry {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;} .item {border-bottom: 5px solid #ad0000;} } @media screen and (min-width: 481px) and (max-width: 767px) { .main-content::before {font-size: 2em; margin-bottom:-15px;} #core-content .main-content {margin-top: 25%;} .item {border-bottom: 5px solid #ad0000;} } @media (min-width: 768px) { .masonry {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;} } @media (min-width: 768px) and (max-width: 979px) { #core-content .main-content {margin-top: 25%;} .row-fluid .span2, ul.left-nav {display: none} } @media (max-width: 979px) { } @media (min-width: 980px) and (max-width: 1024px) { } @media (min-width: 980px) and (max-width: 1200px) { }