Template:Virginia/css/index

/* Override iGEM wiki settings, removing everything but the top navbar. */

1. sideMenu,
2. top_title {

 display: none; }

1. content {

 width: 100vw;
 padding: 0px;
 border: none;
 color: black;
 margin-left: auto;
 margin-right: auto;
 background-color: #fff;
 position: relative; }

1. globalWrapper {

 font-size: inherit;
 padding-bottom: 0; }

1. top_menu_under {

 height: 0px; }

ul {

 list-style-image: none;
 /* removes the iGEM wiki bullets */ }

/* Begin actual Virginia iGEm 2018 Code */ /* UVA Colors */ /* Cherenkov Colors $dark-background-color:#282828; $light-background-color:#C3C3D8; $accent-color: #BFFBF9; $text-light: #E8F9F9; $text-dark: #001C4E; $link-color: #3DD4DF;

• /

/* Passion Fruit Colors $dark-background-color:#4F1832; $light-background-color:#FAF4E0; $accent-color: #F5287F; $text-light: #FFF0EF; $text-dark: #1E0811; $link-color: #FBB645;

• /

.category-gallery div img {

 border-radius: 50%; }

body {

 margin: 0px; }

header {

 border-bottom: 3px solid #E57200;
 padding: 25px;
 background-color: #232D4B;
 color: #ffffff; }
 header ul.nav::after {
   clear: both;
   content: "";
   display: block; }
 header ul.nav li {
   width: calc(11.11111% - 11.11111px);
   float: left;
   margin-left: 10px;
   list-style: none;
   text-align: center;
   border: 2px solid #232D4B;
   border-radius: 4px; }
   header ul.nav li:hover {
     background-color: #ffbf80;
     border-color: #ffbf80;
     color: #666666; }

.content {

 padding: 20px 20px;
 background-color: #ffffff;
 color: #666666;
 border-left: 10rem solid #ebebeb;
 border-right: 10rem solid #ebebeb; }

footer {

 background-color: #232D4B;
 border-top: 3px solid #E57200;
 color: #ffffff;
 padding: 25px; }
 footer::after {
   clear: both;
   content: "";
   display: block; }
 footer div {
   width: calc(33.33333% - 26.66667px);
   float: left;
   margin-left: 20px;
   text-align: center; }

a:link {

 color: #EB5F0C; }

.interactive {

 padding: 50px;
 border-bottom: 3px solid #E57200;
 background-color: #232D4B;
 color: #ffffff;
 height: 600px; }

.category-gallery::after {

 clear: both;
 content: "";
 display: block; }

.category-gallery div {

 width: calc(50% - 30px);
 float: left;
 margin-left: 20px;
 text-align: center; }
 @media only screen and (min-width: 1000px) {
   .category-gallery div {
     width: calc(16.66667% - 35px);
     float: left;
     margin-left: 30px; } }
 .category-gallery div img {
   border: 10px solid transparent;
   margin-bottom: 25px;
   width: 90%;
   height: 90%;
   opacity: 0.9; }
   .category-gallery div img:hover {
     border-color: #f1f1f1; }