Difference between revisions of "Template:Queens Canada/Styles"

m
m
 
(28 intermediate revisions by 2 users not shown)
Line 297: Line 297:
  
 
.velcrion-logo img{
 
.velcrion-logo img{
−
   width: 70%;
+
   width: 50%;
 
   padding-bottom: 0.5em;
 
   padding-bottom: 0.5em;
 
}
 
}
Line 839: Line 839:
 
     left: 48.6%; /* to get the down arrow properly centered (text-align doesnt work with how the arrow is made */
 
     left: 48.6%; /* to get the down arrow properly centered (text-align doesnt work with how the arrow is made */
 
     margin-right: 1em;
 
     margin-right: 1em;
−
     animation: float 1s ease-in-out infinite
+
     animation: float 3s ease-in-out infinite
 
}
 
}
  
Line 923: Line 923:
 
     right: 4%;
 
     right: 4%;
 
     top: 7%;
 
     top: 7%;
 +
}
 +
 +
#safety-transcript-btn {
 +
    position: absolute;
 +
    right: 0;
 +
    top: 5%;
 
}
 
}
  
Line 1,007: Line 1,013:
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
}
 
}
 +
 +
.safety-video {
 +
    width: 80%;
 +
    transform: translateY(5%);
 +
    border: 3px solid #BEDCFE;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
 +
 +
 
video:focus {
 
video:focus {
 
     outline: none; /* gets rid of outline that appears when you click on video */
 
     outline: none; /* gets rid of outline that appears when you click on video */
Line 1,022: Line 1,037:
 
     padding-top: 3em;
 
     padding-top: 3em;
 
     background-color: #33658a;
 
     background-color: #33658a;
−
     padding-bottom: 3em;
+
     padding-bottom: 5em;
 
}
 
}
 
.intro-blurbs h4, .intro-blurbs h3{
 
.intro-blurbs h4, .intro-blurbs h3{
Line 1,057: Line 1,072:
  
 
#home-interactive .home-title {
 
#home-interactive .home-title {
−
     margin-bottom: 10%; /* to account for flip cards below */
+
     margin-bottom: 4%; /* to account for flip cards below */
 
}
 
}
  
Line 1,481: Line 1,496:
 
     margin-bottom: 1em;
 
     margin-bottom: 1em;
 
}
 
}
 +
.team-images .bio img{
 +
    width: 60%;
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-bottom: 1em;
 +
    transition: all .2s ease-in-out;
 +
}
 +
.team-images .bio img:hover{
 +
    transform: scale(1.07);
 +
}
 +
 
.team-images .bio:hover{
 
.team-images .bio:hover{
 
     cursor: pointer;
 
     cursor: pointer;
 
     border-radius: 6px;
 
     border-radius: 6px;
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
  
 +
}
 +
 +
.team-images .no-hover img{
 +
    width: 60%;
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    margin-bottom: 1em;
 
}
 
}
 
.team-images h4{
 
.team-images h4{
Line 1,583: Line 1,617:
 
   color: #fff;
 
   color: #fff;
 
   position: absolute;
 
   position: absolute;
−
   top: 23%;
+
   top: 15%;
 
   left: 50%;
 
   left: 50%;
 
   transform: translate(-50%, -50%);
 
   transform: translate(-50%, -50%);
Line 1,593: Line 1,627:
 
   color: #33658a;
 
   color: #33658a;
 
   position: absolute;
 
   position: absolute;
−
   top: 33%;
+
   top: 19%;
 
   left: 50%;
 
   left: 50%;
 
   transform: translate(-50%, -50%);
 
   transform: translate(-50%, -50%);
Line 1,648: Line 1,682:
 
     color: #fff;
 
     color: #fff;
 
     font-size: 3.3em;
 
     font-size: 3.3em;
−
     padding-top: 3.3em;
+
     padding-top: 4em;
 
     padding-left: 0.7em;
 
     padding-left: 0.7em;
 
}
 
}
Line 1,657: Line 1,691:
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
 +
}
 +
.prototype-home-img-app img{
 +
    padding-top: 4em;
 +
    width: 40%:
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right; auto;
 
}
 
}
  
Line 1,821: Line 1,862:
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
 +
    transition: all .2s ease-in-out;
 +
}
 +
.protocols img:hover{
 +
    transform: scale(1.05);
 
}
 
}
  

Latest revision as of 21:42, 27 October 2020