research.css

File contents

 body {
    background-image: url("/artsandsciences/images/banners-bg/bg-banner-research.jpg");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 70px;
    background-size: 100%;
}

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 {
margin: 10px 0px 50px 0px;
padding: 10px 30px 0px 30px;
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: "I think, therefore I...";
  font-size: 3em;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  letter-spacing: -.05em;
  color: #fff;
  text-shadow: 3px 3px 10px #000;
  display:block;
  width:100%;
  text-align:left;
  margin-bottom: 30px;
}

#content-body p, #content-body li, #content-body .description {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 16px;
   line-height: 1.6em;
   color: #666;
   margin: 0px 0px 10px;
}

.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 {
   margin: 35px 30px 27px;
   font-family: 'Source Sans Pro', sans-serif;
   font-weight: 700;
   letter-spacing: -.05em;
   line-height: 40px;
   font-size: 3em;
}

.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: 115px;}
  #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) {
}