Difference between revisions of "Template:UNSW Australia/Basics"

 
(41 intermediate revisions by 2 users not shown)
Line 8: Line 8:
  
 
<style>
 
<style>
 +
.to-load h2 {
 +
  font-family: 'Open Sans', sans-serif;
 +
  color: #212121;
 +
  text-decoration: none;
 +
  text-transform: uppercase;
 +
  font-size: 1.8rem;
 +
  letter-spacing: -1px;
 +
  line-height: 1;
 +
  text-shadow: #EDEDED 3px 2px 0;
 +
  position: relative;
 +
}
 +
 +
.mjx-box {
 +
  padding: 20px 0;
 +
}
 +
 +
.MJXc-display {
 +
  font-size: 160%;
 +
}
 +
 +
.vertical-align {
 +
  postion: relative;
 +
  top: 50%;
 +
  transform: translateY(-50%);
 +
}
 +
 +
.vertical-align-margin {
 +
  margin: auto 5px;
 +
}
 +
 +
 +
.shadow-text {
 +
  font-family: 'Open Sans', sans-serif;
 +
  color: #212121;
 +
  text-decoration: none;
 +
  text-transform: uppercase;
 +
  letter-spacing: -3px;
 +
  line-height: 1;
 +
  text-shadow: #EDEDED 3px 2px 0;
 +
  position: relative;
 +
}
 +
 +
#references h2 {
 +
  border-top: 1px solid #dbdbdb;
 +
}
 +
 +
h2 {
 +
  margin-top: 30px;
 +
}
 +
 +
h3 {
 +
  margin-top: 20px;
 +
font-family: 'Open Sans', sans-serif;
 +
}
 +
 +
.box h2, .box h3 {
 +
  margin-top: 5px !important;
 +
font-family: 'Open Sans', sans-serif;
 +
}
 +
 +
.second-li {
 +
  font-size: 80%;
 +
  line-height: 1.4rem;
 +
}
 +
 +
#content ul, #content ol {
 +
  font-size: 120%;
 +
  margin-bottom: 20px !important;
 +
}
 +
 
.top {
 
.top {
 
   position: fixed;
 
   position: fixed;
Line 22: Line 92:
 
.pointer {
 
.pointer {
 
   cursor: pointer;
 
   cursor: pointer;
 +
}
 +
 +
.click {
 +
  display: flex;
 +
  justify-content: center;
 +
  margin: 0;
 +
  position: relative;
 +
  top: -30px;
 
}
 
}
  
Line 28: Line 106:
 
height: 120px;
 
height: 120px;
 
border-radius: 100px;
 
border-radius: 100px;
−
background-color: grey;
 
 
margin: 20px;
 
margin: 20px;
 
color: #dbdbdb;
 
color: #dbdbdb;
Line 44: Line 121:
 
color: black;
 
color: black;
 
opacity: 1;
 
opacity: 1;
 +
}
 +
 +
.no-margin {
 +
  margin-top: 0px;
 
}
 
}
  
Line 57: Line 138:
  
 
.box {
 
.box {
−
border: 1px solid #F0F0F0;
 
 
margin: 50px 10px;
 
margin: 50px 10px;
 
padding: 5px 20px;
 
padding: 5px 20px;
Line 72: Line 152:
 
background-size: cover;
 
background-size: cover;
 
background-position: center;
 
background-position: center;
−
background-color: #dbdbdb;
 
 
}
 
}
  
 
.image-box {
 
.image-box {
 +
  margin-top: 20px;
 
   display: flex;
 
   display: flex;
 
   justify-content: center;
 
   justify-content: center;
Line 81: Line 161:
  
 
.image-box img {
 
.image-box img {
−
  margin: 5px 5%;
 
−
  width: 90%;
 
 
   object-fit: scale-down;
 
   object-fit: scale-down;
 
}
 
}
Line 88: Line 166:
 
.figure-legend {
 
.figure-legend {
 
   text-align: center !important;
 
   text-align: center !important;
−
   font-size: 0.9 rem !important;
+
   font-size: 0.9rem !important;
 
   font-family: 'Open Sans' !important;
 
   font-family: 'Open Sans' !important;
 +
  margin-bottom: 40px !important;
 +
}
 +
 +
.table-legend {
 +
  text-align: center !important;
 +
  font-size: 0.9rem !important;
 +
  font-family: 'Open Sans' !important;
 +
  margin-top: 40px !important;
 
}
 
}
  
 
table {
 
table {
 
   font-size: 0.9rem;
 
   font-size: 0.9rem;
 +
}
 +
 +
.box h2, .box h3 {
 +
  padding-top: 5px !important;
 
}
 
}
  
Line 100: Line 190:
 
}
 
}
  
 +
li ol li {
 +
  font-size: 80%;
 +
}
 
</style>
 
</style>
 +
 +
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML' async></script>
  
 
<script>
 
<script>
Line 108: Line 203:
 
jQuery(window).scroll(function() {
 
jQuery(window).scroll(function() {
 
if (jQuery(this).scrollTop() > offset) {
 
if (jQuery(this).scrollTop() > offset) {
−
jQuery(‘.top’).fadeIn(duration);
+
jQuery(‘.top’).fadeIn(1 sec);
 
} else {
 
} else {
−
jQuery(‘.top’).fadeOut(duration);
+
jQuery(‘.top’).fadeOut(1 sec);
 
}
 
}
 
});
 
});
Line 116: Line 211:
 
jQuery(‘.top’).click(function(event) {
 
jQuery(‘.top’).click(function(event) {
 
event.preventDefault();
 
event.preventDefault();
−
jQuery(‘html, body’).animate({scrollTop: 0}, duration);
+
jQuery(‘html, body’).animate({scrollTop: 0}, 1 sec);
 
return false;
 
return false;
 
})
 
})

Latest revision as of 23:37, 17 October 2018