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

 
Line 29: Line 29:
 
}
 
}
  
−
.zoomSelect:hover{
+
.memberPopup{
−
   border: solid #C6D56A;
+
  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;

}