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

Line 1: Line 1:
−
/* 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);
+
* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018
−
#sideMenu,
+
* @version v0.1.5
−
#top_title {
+
* @link https://github.com/Virginia-iGEM/igem-wikibrick
−
  display: none; }
+
* @license MIT
−
 
+
*/
−
#content {
+
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);#sideMenu,#top_title{display:none}#content{width:100vw;padding:0;border:0;color:#000;margin-left:auto;margin-right:auto;background-color:#fff;position:relative}#globalWrapper{font-size:inherit;padding-bottom:0}#top_menu_under{height:0}ul{list-style-image:none;padding:0}#mw-content-text>p{width:0;height:0}#igem-navbar-placeholder{height:14px;position:fixed;display:block;background-color:#383838;border-bottom:solid #000 2px;color:#fff;z-index:9999;width:100%;font-size:.75em;margin:0;padding:0}#igem-navbar-placeholder p,ul{margin:0}.MathJax nobr>span.math>span{border-left-width:0!important}.category-gallery{padding:3% 5%;background-color:#fff;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,.petri-dish{display:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.category-gallery div a p{font-size:2em;position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.25em;z-index:9;transition:all .2s;text-align:center}.category-gallery div a:hover img{image-orientation:from-image;opacity:.1}.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 .2s,background-color ease-in-out .7s}.petri-dish{border-radius:50%;background-color:#4484ce}
−
  width: 100vw;
+
−
  padding: 0px;
+
−
  border: none;
+
−
  color: black;
+
−
  margin-left: auto;
+
−
  margin-right: auto;
+
−
  background-color: #fff;
+
−
  position: relative; }
+
−
 
+
−
#globalWrapper {
+
−
  font-size: inherit;
+
−
  padding-bottom: 0; }
+
−
 
+
−
#top_menu_under {
+
−
  height: 0px; }
+
−
 
+
−
ul {
+
−
  list-style-image: none;
+
−
  /* removes the iGEM wiki bullets */
+
−
  padding: 0;
+
−
  margin: 0; }
+
−
 
+
−
#mw-content-text > p {
+
−
  width: 0px;
+
−
  height: 0px; }
+
−
 
+
−
#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%); }
+

Revision as of 15:20, 17 July 2018

/** 

* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018
* @version v0.1.5
* @link https://github.com/Virginia-iGEM/igem-wikibrick
* @license MIT
*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,900italic,500italic,500,400italic);#sideMenu,#top_title{display:none}#content{width:100vw;padding:0;border:0;color:#000;margin-left:auto;margin-right:auto;background-color:#fff;position:relative}#globalWrapper{font-size:inherit;padding-bottom:0}#top_menu_under{height:0}ul{list-style-image:none;padding:0}#mw-content-text>p{width:0;height:0}#igem-navbar-placeholder{height:14px;position:fixed;display:block;background-color:#383838;border-bottom:solid #000 2px;color:#fff;z-index:9999;width:100%;font-size:.75em;margin:0;padding:0}#igem-navbar-placeholder p,ul{margin:0}.MathJax nobr>span.math>span{border-left-width:0!important}.category-gallery{padding:3% 5%;background-color:#fff;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,.petri-dish{display:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.category-gallery div a p{font-size:2em;position:absolute;top:50%;left:50%;margin-top:-.5em;margin-left:-.25em;z-index:9;transition:all .2s;text-align:center}.category-gallery div a:hover img{image-orientation:from-image;opacity:.1}.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 .2s,background-color ease-in-out .7s}.petri-dish{border-radius:50%;background-color:#4484ce}