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

m
m
 
(31 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 917: Line 917:
 
     top: -19%;
 
     top: -19%;
 
     animation: none;
 
     animation: none;
 +
}
 +
 +
#home-transcript-btn {
 +
    position: absolute;
 +
    right: 4%;
 +
    top: 7%;
 +
}
 +
 +
#safety-transcript-btn {
 +
    position: absolute;
 +
    right: 0;
 +
    top: 5%;
 
}
 
}
  
Line 1,001: 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,006: Line 1,027:
 
.close {
 
.close {
 
     position: absolute;
 
     position: absolute;
−
     top: 30px;
+
     top: 7%;
−
     right: 30px;
+
     right: 2%;
 
     cursor: pointer;
 
     cursor: pointer;
−
     color: #33658a;
+
     color: #fff;
 
}
 
}
  
Line 1,016: 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,027: Line 1,048:
 
     margin-right: auto;
 
     margin-right: auto;
 
     padding-bottom: 2em;
 
     padding-bottom: 2em;
−
     animation: rotationY 4s infinite linear;
+
     /*animation: rotationY 4s infinite linear;*/
 
}
 
}
 
.intro-blurbs .col-lg-6.intro-blurb{
 
.intro-blurbs .col-lg-6.intro-blurb{
Line 1,051: 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,325: Line 1,346:
 
     padding-bottom: 1em;
 
     padding-bottom: 1em;
 
     font-weight: 700;
 
     font-weight: 700;
 +
}
 +
.section-title h4{
 +
  color: #33658a;
 +
  margin-top: 1em;
 +
  padding-bottom: 1em;
 +
}
 +
.section-title h3{
 +
  margin-top: 1em;
 +
  padding-bottom: 1em;
 
}
 
}
 
.section-paragraph p{
 
.section-paragraph p{
Line 1,340: Line 1,370:
 
     margin-right: auto;
 
     margin-right: auto;
 
     padding: 1em;
 
     padding: 1em;
 +
    padding-bottom: 2em;
 
}
 
}
 
/*==================================================================================================================*/
 
/*==================================================================================================================*/
Line 1,465: 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,567: 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,577: 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,632: 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,641: 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,805: 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