Difference between revisions of "Template:NYMU-Taipei/home css"

 
(11 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
@font-face {
+
<html>
−
    font-family: 'poppins';
+
<style>
−
    src: url("../../assets/poppins/Poppins-Regular.ttf");
+
−
}
+
  
−
@font-face {
 
−
    font-family: 'poppins';
 
−
    src: url('../../assets/poppins/Poppins-Bold.ttf');
 
−
    font-weight: bold;
 
−
}
 
−
 
−
@font-face {
 
−
    font-family: 'poppins';
 
−
    src: url('../../assets/poppins/Poppins-Light.ttf');
 
−
    font-weight: lighter;
 
−
}
 
−
 
−
@font-face {
 
−
    font-family: 'poppins';
 
−
    src: url('../../assets/poppins/Poppins-MediumItalic.ttf');
 
−
    font-weight: normal;
 
−
    font-style: italic;
 
−
}
 
−
 
−
body {
 
−
    font-family: poppins;
 
−
    color: #363636;
 
−
}
 
−
 
−
/* NAVBAR */
 
−
 
−
.dropdown:hover>.dropdown-menu {
 
−
    display: block;
 
−
}
 
−
 
−
.dropdown>.dropdown-toggle:active {
 
−
    /*Without this, clicking will make it sticky*/
 
−
    pointer-events: none;
 
−
}
 
  
 
/* HOMEPAGE */
 
/* HOMEPAGE */
Line 76: Line 40:
 
     margin-top: -6.75rem;
 
     margin-top: -6.75rem;
 
}
 
}
 +
  
 
.main-title {
 
.main-title {
Line 82: Line 47:
 
     font-size: 4rem;
 
     font-size: 4rem;
 
     padding: 1rem;
 
     padding: 1rem;
−
    margin: 0;
+
 
 
}
 
}
  
Line 123: Line 88:
 
     align-content: center;
 
     align-content: center;
 
     justify-content: center;
 
     justify-content: center;
 +
    color: inherit;
 +
    text-decoration: none;
 
     padding-left: 0;
 
     padding-left: 0;
 
     padding-right: 0;
 
     padding-right: 0;
 
     margin: 1.25rem;
 
     margin: 1.25rem;
 
     height: 500px;
 
     height: 500px;
−
     box-shadow: 0 0 11px rgba(33, 33, 33, .2);
+
     box-shadow: 0 0 11px rgba(129, 129, 129, 0.25);
−
     transition: box-shadow .3s;
+
     transition: box-shadow .2s;
 
}
 
}
  
 
.box:hover {
 
.box:hover {
−
     box-shadow: 0 0 11px rgba(10, 10, 10, 0.3);
+
    text-decoration: none;
 +
    color: inherit;
 +
     box-shadow: 0 0 11px rgba(10, 10, 10, 0.542);
 
}
 
}
  
Line 166: Line 135:
 
     height: auto;
 
     height: auto;
 
}
 
}
−
 
−
/* ICONS */
 
−
 
−
svg {
 
−
    display: inline;
 
−
}
 
−
 
−
.icon-email {
 
−
    background-image: url("../../assets/icon/icon_email.svg");
 
−
    fill: #fff;
 
−
}
 
−
 
  
 
/* MOVING ARROW */
 
/* MOVING ARROW */
Line 197: Line 154:
 
         transform: translateY(20px);
 
         transform: translateY(20px);
 
     }
 
     }
−
}
 
−
 
−
 
−
/* MISC */
 
−
 
−
.text-bold {
 
−
    font-weight: bold;
 
 
}
 
}
  
Line 216: Line 166:
  
 
     .main-title {
 
     .main-title {
 +
        margin: 0 !important;
 
         font-size: 2rem;
 
         font-size: 2rem;
 
         padding: 1rem;
 
         padding: 1rem;
−
        margin: 0;
 
 
     }
 
     }
  
Line 231: Line 181:
 
     .box {
 
     .box {
 
         height: 400px;
 
         height: 400px;
−
 
 
     }
 
     }
 
}
 
}
 +
 +
video{
 +
    max-width: 100%;
 +
    height: auto;
 +
}
 +
 +
 +
</style>
 +
</html>

Latest revision as of 05:51, 13 December 2020