Difference between revisions of "Template:Virginia/styles/membersCSS"

(Created page with ".TeamContainer{ background-color: #F0F0F1 } .FacultyContainer{ background-color: #CBCBCD } .AdvisorContainer{ background-color: #C1C1C3 } .SubteamTitles{ font-size: 2...")
 
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
−
.TeamContainer{
+
body{
−
   background-color: #F0F0F1
+
  background-image: url("https://static.igem.org/mediawiki/2020/9/9f/T--Virginia--images--tilewhite.png");
 +
  background-repeat: repeat repeat;
 +
  background-size: 30%;
 +
   background-color: white;
 
}
 
}
−
.FacultyContainer{
+
 
−
   background-color: #CBCBCD
+
.genTitle{
 +
   font-family: 'THICCCBOI', THICCCBOI;
 +
  font-size: 4em;
 +
  margin: none;
 +
  text-align: center;
 +
  padding: 2vh 0px 4vh 0px;
 
}
 
}
−
.AdvisorContainer{
+
 
−
   background-color: #C1C1C3
+
.genTitle::after{
 +
   content: "";
 +
  display: block;
 +
  position: absolute;
 +
  right: 0px;
 +
  width: 80vw;
 +
  height: 0;
 +
  border-left: 1vw solid transparent;
 +
  border-top: 0.5vw solid #3B3838;
 
}
 
}
  
−
.SubteamTitles{
+
.zoomers{
−
   font-size: 2.5vw;
+
   width: 100%;
−
   font-weight: bold;
+
}
−
   font-family: 'Montserrat', sans-serif;
+
 
 +
.memberPopup{
 +
  position: fixed;
 +
   width: 40%;
 +
  top: 50%;
 +
  left: 50%;
 +
  transform: translate(-50%,-50%);
 +
  -ms-transform: translate(-50%,-50%);
 +
  background-color: #F7F7F7;
 +
  border-radius: 2vw;
 +
   font-family: "THICCCBOI", THICCCBOI, sans-serif;
 +
  font-size: 2vw;
 +
  overflow: hidden;
 +
  z-index: 100;
 +
  visibility: hidden;
 +
}
 +
 
 +
.blackOut{
 +
  position: fixed;
 +
  background-color: rgba(0, 0, 0, 0.5);
 +
  top: 0px;
 +
  left: 0px;
 +
  width: 100vw;
 +
  height: 100vh;
 +
  z-index: 50;
 +
  visibility: hidden;
 +
}
 +
 
 +
.Name{
 +
  width: 100%;
 +
  padding: 0.75vw 0px 0.75vw 0px;
 +
  text-align: center;
 +
  font-size: 2rem;
 +
  color: white;
 +
  background-color: #3B3838;
 +
}
 +
.popupBody{
 +
  padding: 2vw 0px 2vw 0px;
 +
}
 +
.Roles{
 +
  padding: 0.5vw 2vw 0.5vw 2vw;
 +
}
 +
.year{
 +
  padding: 0.5vw 2vw 0.5vw 2vw;
 +
}
 +
.Hobbies{
 +
  padding: 0.5vw 2vw 0.5vw 2vw;
 +
}
 +
.FunFact{
 +
  padding: 0.5vw 2vw 0.5vw 2vw;
 
}
 
}

Latest revision as of 03:32, 28 October 2020

body{ 

 background-image: url("T--Virginia--images--tilewhite.png"); 
 background-repeat: repeat repeat;
 background-size: 30%;
 background-color: white;

}

.genTitle{ 

 font-family: 'THICCCBOI', THICCCBOI;
 font-size: 4em;
 margin: none;
 text-align: center;
 padding: 2vh 0px 4vh 0px;

}

.genTitle::after{ 

 content: "";
 display: block;
 position: absolute;
 right: 0px;
 width: 80vw;
 height: 0;
 border-left: 1vw solid transparent;
 border-top: 0.5vw solid #3B3838;

}

.zoomers{ 

 width: 100%;

}

.memberPopup{ 

 position: fixed;
 width: 40%;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
 background-color: #F7F7F7;
 border-radius: 2vw;
 font-family: "THICCCBOI", THICCCBOI, sans-serif;
 font-size: 2vw;
 overflow: hidden;
 z-index: 100;
 visibility: hidden;

}

.blackOut{ 

 position: fixed;
 background-color: rgba(0, 0, 0, 0.5);
 top: 0px;
 left: 0px;
 width: 100vw;
 height: 100vh;
 z-index: 50;
 visibility: hidden;

}

.Name{ 

 width: 100%;
 padding: 0.75vw 0px 0.75vw 0px;
 text-align: center;
 font-size: 2rem;
 color: white;
 background-color: #3B3838;

} .popupBody{ 

 padding: 2vw 0px 2vw 0px;

} .Roles{ 

 padding: 0.5vw 2vw 0.5vw 2vw;

} .year{ 

 padding: 0.5vw 2vw 0.5vw 2vw;

} .Hobbies{ 

 padding: 0.5vw 2vw 0.5vw 2vw;

} .FunFact{ 

 padding: 0.5vw 2vw 0.5vw 2vw;

}