Difference between revisions of "Template:CCU Taiwan"

 
(27 intermediate revisions by 2 users not shown)
Line 53: Line 53:
 
}
 
}
  
 +
 +
#globalWrapper {
 +
      padding-bottom: 0px!important;
 +
}
  
 
#top {
 
#top {
Line 74: Line 78:
 
header{
 
header{
 
margin:0 auto;
 
margin:0 auto;
−
top:2vh;
+
top:1.7vh;
 
width:100%;
 
width:100%;
 
position: fixed;
 
position: fixed;
Line 101: Line 105:
 
left:4vw;
 
left:4vw;
 
width: 13.5vw;
 
width: 13.5vw;
−
height: 5.5vh;
+
height: 5.7vh;
 
text-align:center;
 
text-align:center;
 
margin-left:0vw;
 
margin-left:0vw;
Line 173: Line 177:
  
 
#sub_home{
 
#sub_home{
−
height:32.5vh;
+
height:40.5vh;
 
         background:#55c97e;
 
         background:#55c97e;
 
}
 
}
Line 533: Line 537:
 
font-family: 'CCUfontsBold', Arial, sans-serif;
 
font-family: 'CCUfontsBold', Arial, sans-serif;
 
}
 
}
−
.wrap{
+
 
−
margin-left: auto;
+
−
margin-right: auto;
+
−
width: 960px;
+
−
position: relative;
+
−
}
+
  
  
Line 1,259: Line 1,258:
  
 
.footer {
 
.footer {
−
      background: #909F86;
+
    height: 110px;
−
        width: 100%;
+
    background-color: #333F50;
−
        height: 15vh;
+
  right: 0;
−
        position: absolute;
+
  bottom: 0;
 +
  left: 0;
 
}
 
}
 +
  
 
#BSlogo {
 
#BSlogo {
Line 1,269: Line 1,270:
 
         width: 6%;
 
         width: 6%;
 
         height: auto;
 
         height: auto;
−
        top: 81%;
+
         margin-left: 150px;
−
         margin-left: 10vw;
+
         margin-top: 4px;
−
         z-index: 90;
+
 
}
 
}
  
Line 1,278: Line 1,278:
 
         width: 6%;
 
         width: 6%;
 
         height: auto;
 
         height: auto;
−
        top: 82%;
+
         margin-left: 275px;
−
         margin-left: 18vw;
+
         margin-top: 10px;
−
         z-index: 90;
+
 
}
 
}
  
Line 1,287: Line 1,286:
 
         width: 6%;
 
         width: 6%;
 
         height: auto;
 
         height: auto;
−
        top: 82%;
+
         margin-left: 430px;
−
         margin-left: 28vw;
+
         margin-top: 10px;
−
         z-index: 90;
+
 
}
 
}
 +
  
 
#CCUFBlogo {
 
#CCUFBlogo {
Line 1,325: Line 1,324:
 
         margin: 0 auto;
 
         margin: 0 auto;
 
}
 
}
 +
 +
 +
#pagination {
 +
  position: fixed;
 +
  top: 300px;
 +
  transform: translateY(-50%);
 +
  right: 30px;
 +
  list-style: none;
 +
 +
}
 +
 +
#pagination  li {
 +
    position: relative;
 +
    margin: 20px 0;
 +
    background: #24221F;
 +
    border-radius: 100% ;
 +
    width: 8px;
 +
    height: 8px;
 +
    transition: all .2s ease;
 +
 +
    &:hover {
 +
      transform: scale(1.5);
 +
    }
 +
  }
 +
 +
#pagination  a {
 +
    position: absolute;
 +
    text-decoration: none; 
 +
    left: 0;
 +
    top: 0;
 +
    color: inherit;
 +
    width: 100%;
 +
    height: 100%;
 +
  }
 +
}
 +
 +
body {
 +
  @for $i from 0 to 6 {
 +
    &.section-#{$i} {
 +
      #pagination li:nth-of-type(#{$i}) {
 +
        @extend %active-dot;
 +
      }
 +
    }
 +
  }
 +
}
 +
 +
 +
#pagination ul li a span {
 +
    background: #24221F;
 +
    width: 8px;
 +
    height: 8px;
 +
    margin: -4px 0 0 -4px;
 +
}
 +
     
 +
#pagination ul li a.active span,
 +
#pagination li:hover a.active span {
 +
    width: 16px;
 +
    height: 16px;
 +
    margin: -8px 0 0 -8px;
 +
    background:#24221F;
 +
    box-sizing: border-box;
 +
    border: 1px solid #24221F;
 +
}
 +
 +
%active-dot {
 +
  transform: scale(2);
 +
}
 +
 +
.wrap {
 +
  width: 100vw;
 +
  height: auto;
 +
}
 +
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 09:05, 1 December 2018