Template:Virginia/CSS:Styles

/* Override iGEM wiki settings */

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 */

}

/* UVA Colors */

root {

   --dark-background-color:#232D4B;
   --light-background-color:#ffffff;
   --highlight-color: #E57200;
   --text-light: #ffffff;
   --text-dark: #666666;
   --link-color: #EB5F0Cff;

}

/* Cherenkov Colors

root {

   --dark-background-color:#282828;
   --light-background-color:#C3C3D8;
   --highlight-color: #BFFBF9;
   --text-light: #E8F9F9;
   --text-dark: #001C4E;
   --link-color: #3DD4DF;

}

• /

/* Passion Fruit Colors

root {

   --dark-background-color:#4F1832;
   --light-background-color:#FAF4E0;
   --highlight-color: #F5287F;
   --text-light: #FFF0EF;
   --text-dark: #1E0811;
   --link-color: #FBB645;

}

• /

body {

   padding-top: 150px;

}

.container {

   padding: 80px 120px;

} .navbar {

   border-radius: 0 !important;
   border-bottom: solid var(--highlight-color);
   padding: 25px;
   margin: 0px;
   background-color: var(--dark-background-color);
   color: var(--text-light);

} .body {

   border-top: 3px solid var(--highlight-color);
   border-bottom: 3px solid var(--highlight-color);
   border-radius: 0 !important;
   padding: 20px 20px;
   background-color: var(--light-background-color);
   color: var(--text-dark);

} footer {

   border-radius: 0 !important;
   background-color: var(--dark-background-color);
   color: var(--text-light);
   padding: 25px;

}

a:link {

   color: var(--link-color);

} ul.nav li a {

   color: var(--link-color);

}

/* Home.html Styles */ .interactive {

   border-radius: 0 !important;
   padding: 50px;
   margin: 0px;
   border: 2px;
   background-color: var(--dark-background-color);
   color: var(--text-light);
   height: 600px;

} .category {

   border: 10px solid transparent;
   margin-bottom: 25px;
   width: 90%;
   height: 90%;
   opacity: 0.9;

} .category:hover {

   border-color: #f1f1f1;

}