Difference between revisions of "Template:Waterloo/style.css"

 
(19 intermediate revisions by 2 users not shown)
Line 250: Line 250:
  
 
footer {
 
footer {
−
   /*bottom: 0;*/
+
   bottom: 0;
 
   clear: both;
 
   clear: both;
 
   position: relative;
 
   position: relative;
Line 934: Line 934:
 
   display: flex;
 
   display: flex;
 
   padding: 0 5%;
 
   padding: 0 5%;
−
   overflow-x: auto;
+
   /*overflow-x: auto;
−
   overflow-y: hidden;
+
   overflow-y: hidden;*/
 
   -webkit-overflow-scrolling: touch;
 
   -webkit-overflow-scrolling: touch;
 
}
 
}
Line 966: Line 966:
 
@media only screen and (min-width: 1024px) {
 
@media only screen and (min-width: 1024px) {
 
   .cd-secondary-nav {
 
   .cd-secondary-nav {
−
     height: 70px;
+
     height: auto;
 
     overflow: visible;
 
     overflow: visible;
 
   }
 
   }
Line 1,347: Line 1,347:
 
   z-index: 1;
 
   z-index: 1;
 
   margin: 3vw;
 
   margin: 3vw;
−
   width: 25vw;
+
   /* width: 25vw; */
 
}
 
}
 
.card-desc{
 
.card-desc{
Line 1,389: Line 1,389:
 
   margin-left: 15px;
 
   margin-left: 15px;
 
   background-color: #cccccc;
 
   background-color: #cccccc;
−
  max-height: 200px;
 
−
  max-width: 200px;
 
 
   width: 60%;
 
   width: 60%;
−
   height: auto;
+
   max-width: 200px;
 +
  height: 0px;
 +
  max-height: 200px;
 
   border-radius:50%;
 
   border-radius:50%;
 
}
 
}
Line 1,669: Line 1,669:
 
}
 
}
 
.clickmepls{
 
.clickmepls{
 +
  position:relative;
 +
  top:5vh;
 +
  background-color: #404855;
 
   display: flex;
 
   display: flex;
 
   flex-flow: row;
 
   flex-flow: row;
Line 1,679: Line 1,682:
 
   background-color: #404855;
 
   background-color: #404855;
 
   margin: 5vh;
 
   margin: 5vh;
−
  box-shadow: 3px 7px 5px #888888;
 
 
   position:relative;
 
   position:relative;
 
   height: auto;
 
   height: auto;
Line 1,734: Line 1,736:
 
       visibility: hidden;
 
       visibility: hidden;
 
   }
 
   }
 +
 +
    #cd-navigation {
 +
      height: calc(100vh - 80px);
 +
      height: -moz-calc(100vh - 80px);
 +
      height: -o-calc(100vh - 80px);
 +
      height: -webkit-calc(100vh - 80px);
 +
      overflow-y: scroll;
 +
    }
  
 
   #cd-navigation li.show-secondary-nav > ul.secondary-nav{
 
   #cd-navigation li.show-secondary-nav > ul.secondary-nav{
Line 1,768: Line 1,778:
 
}
 
}
  
 +
.labsticker{
 +
  position: fixed;
 +
  top: 42vw;
 +
  left: 2vw;
 +
  background-color: #2590FF;
 +
  border-radius: 50%;
 +
  color: black;
 +
  height: 5vw;
 +
  width: 5vw;
 +
  font-size: .76vw;
 +
  display: flex;
 +
  justify-content: center;
 +
  align-items: center;
 +
  text-align: center;
 +
  font-weight: bold;
 +
  font-family: "Ubuntu";
 +
}
 +
.mathsticker{
 +
  position: fixed;
 +
  background-color: #FF2590;
 +
border-radius: 50%;
 +
  color: black;
 +
  top: 36vw;
 +
  left: 2vw;
 +
  height: 5vw;
 +
  width: 5vw;
 +
  font-size: .76vw;
 +
  display: flex;
 +
  justify-content: center;
 +
  align-items: center;
 +
  text-align: center;
 +
  font-weight: bold;
 +
  font-family: "Ubuntu";
 +
}
 +
.pnpsticker{
 +
  position: fixed;
 +
  background-color: #90ff25;
 +
border-radius: 50%;
 +
  color: black;
 +
  height: 5vw;
 +
  width: 5vw;
 +
  top: 30vw;
 +
  left: 2vw;
 +
  font-size: .76vw;
 +
  display: flex;
 +
  justify-content: center;
 +
  align-items: center;
 +
  text-align: center;
 +
  font-weight: bold;
 +
  font-family: "Ubuntu";
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 04:59, 6 November 2016