Difference between revisions of "Template:Virginia/css/index"

Revision as of 20:07, 16 July 2018

/* Override iGEM wiki settings, removing everything but the top navbar. */ @import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);

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 */
 padding: 0;
 margin: 0; }

1. mw-content-text > p {

 width: 0px;
 height: 0px; }

1. igem-navbar-placeholder {

 height: 14px;
 position: fixed;
 display: block;
 background-color: #383838;
 border-bottom: solid black 2px;
 color: white;
 z-index: 9999;
 width: 100%;
 font-size: 0.75em;
 margin: 0;
 padding: 0; }
 #igem-navbar-placeholder p {
   margin: 0; }

.MathJax nobr > span.math > span {

 border-left-width: 0 !important; }

/* UVA Colors $background-dark-color: #232D4B; $background-light-color: #ffffff; $accent-color: #E57200; $light-accent-color: rgb(255, 191, 128); $text-light: #ffffff; $text-dark-color: #666666; $link-color: #EB5F0C;

• /

/*Cherenkov Colors*/ /* $background-dark-color:#282828; $background-light-color:#C3C3D8; $accent-color: #BFFBF9; $text-light: #E8F9F9; $text-dark-color: #001C4E; $link-color: #3DD4DF;

• /

/*Passion Fruit Colors*/ /* $background-dark-color:#FAF4E0; $background-light-color:rgb(128, 39, 81); $accent-color: #F5287F; $light-accent-color: rgb(255, 142, 189); $text-light: #1E0811; $text-dark-color: #FFF0EF; $link-color: #FBB645;

• /

/*Clean theme*/ /* $background-dark-color: rgb(37, 37, 37); $background-light-color: rgb(247, 245, 233); $accent-color: rgb(44, 106, 148); $accent-light-color: rgb(0, 195, 255); $text-light-color: rgb(255, 253, 255); $text-dark-color: rgb(129, 127, 116); $link-color: rgb(255, 218, 159);

• /

.category-gallery {

 padding: 3% 5%;
 background-color: white;
 overflow: hidden; }
 .category-gallery::after {
   clear: both;
   content: "";
   display: block; }
 .category-gallery div {
   width: calc(50% - 30px);
   float: left;
   margin-left: 20px;
   position: relative; }
   @media only screen and (min-width: 1000px) {
     .category-gallery div {
       width: calc(16.66667% - 35px);
       float: left;
       margin-left: 30px; } }
   .category-gallery div a {
     position: relative;
     display: block;
     overflow: hidden;
     overflow-y: scroll;
     overflow-x: hidden; }
     .category-gallery div a p {
       font-size: 2em;
       display: none;
       position: absolute;
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%, -50%);
               transform: translate(-50%, -50%);
       margin-top: -0.5em;
       margin-left: -0.25em;
       z-index: 9;
       /*overlay text over*/
       transition: all 0.2s;
       text-align: center; }
     .category-gallery div a:hover img {
       image-orientation: from-image;
       opacity: 0.10; }
     .category-gallery div a:hover p {
       display: block; }
     .category-gallery div a img {
       border-radius: 50%;
       image-orientation: from-image;
       margin-bottom: 25px;
       min-width: 90%;
       min-height: 90%;
       transition: opacity ease-in-out 0.2s, background-color ease-in-out 0.7s; }

.petri-dish {

 display: none;
 border-radius: 50%;
 background-color: #4484CE;
 -webkit-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%); }