Template:UrbanTundra Edmonton/extra-styles

/* =============================

• Research Landing Page
• ============================== */

1. ute-research-landing-container {

 padding: 8em 0;

} .research-landing-menu .row { height: 230px; margin: 30px 0px; }

@media screen and (max-width: 768px) { .research-landing-menu .row { height: auto; margin: 0px 0px; }

.menu-items { height: auto !important; padding: 5px 0px; margin: 20px 0; } }

.menu-items { background-color: #f0f0f0; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1); height: 100%; width: 100%; padding: 10px;

       color: #b3bcc5;
       border-left-width: 4px;
       border-left-style: solid

}

.menu-items h3 { padding-left: 15px; padding-top: 10px;

 font-weight: 400;
 margin-bottom: 10px;

}

.menu-items h3 i { margin-right: 10px; }

.menu-items ul { list-style: none; left: -1em; /* same as ul padding-left */

 top: 0.65em;

margin-left: 45px; }

.menu-items ul li { position: relative;

	padding-left: 0.4em;

}

.menu-items ul li:before { font-family: FontAwesome; content:"\f101";

position: absolute; left: -1em; /* same as ul padding-left */ }

.menu-items ul li a { text-decoration: none; color: grey; display: block; -o-transition:color .2s ease-out;

-ms-transition:color .2s ease-out;
-moz-transition:color .2s ease-out;
-webkit-transition:color .2s ease-out;
transition:color .2s ease-out;

}

.menu-items ul li:hover, .menu-items ul li a:hover { color: black; }

.red-menu {

   border-color: #da4545;

}

.blue-menu {

   border-color: #487db2;

}

.yellow-menu {

   border-color: #d0d237;

}

.green-menu {

   border-color: #86be2e;

}

.orange-menu {

   border-color: #FFA500;

}

.purple-menu {

   border-color: #663399;

}

/* =============================

• Works Cited
• ============================== */

.works-cited {

 border-top: 2px solid lightgrey;

} .works-cited p {

 font-size: 12px !important;
 margin: 15px 0;

}

.works-cited h3 {

 font-weight: 700;
 font-size: 20;

}

.home-page-full {

   width: 100%;
   background-image: url();
   background-repeat: no-repeat;
   background-position: center; 
   background-size: 100%;

}

.home-page-image {

   width: 70%;
   margin: 0 auto;

}

/* =============================

• Research Template Page
• ============================== */

.side-menu {

 background-color: white;
 box-shadow: 0 2px 5px #999;
 border-radius: 3px;

}