Allen850413 (Talk | contribs) |
|||
(19 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: | + | 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. | + | height: 5.7vh; |
text-align:center; | text-align:center; | ||
margin-left:0vw; | margin-left:0vw; | ||
Line 173: | Line 177: | ||
#sub_home{ | #sub_home{ | ||
− | height: | + | height:40.5vh; |
background:#55c97e; | background:#55c97e; | ||
} | } | ||
Line 533: | Line 537: | ||
font-family: 'CCUfontsBold', Arial, sans-serif; | font-family: 'CCUfontsBold', Arial, sans-serif; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 1,259: | Line 1,258: | ||
.footer { | .footer { | ||
− | + | height: 110px; | |
− | + | background-color: #333F50; | |
− | + | right: 0; | |
− | + | bottom: 0; | |
+ | left: 0; | ||
} | } | ||
+ | |||
#BSlogo { | #BSlogo { | ||
Line 1,269: | Line 1,270: | ||
width: 6%; | width: 6%; | ||
height: auto; | height: auto; | ||
− | + | margin-left: 150px; | |
− | margin-left: | + | margin-top: 4px; |
− | + | ||
} | } | ||
Line 1,278: | Line 1,278: | ||
width: 6%; | width: 6%; | ||
height: auto; | height: auto; | ||
− | + | margin-left: 275px; | |
− | margin-left: | + | margin-top: 10px; |
− | + | ||
} | } | ||
Line 1,287: | Line 1,286: | ||
width: 6%; | width: 6%; | ||
height: auto; | height: auto; | ||
− | + | margin-left: 430px; | |
− | margin-left: | + | margin-top: 10px; |
− | + | ||
} | } | ||
+ | |||
#CCUFBlogo { | #CCUFBlogo { | ||
Line 1,334: | Line 1,333: | ||
list-style: none; | list-style: none; | ||
− | #pagination | + | } |
+ | |||
+ | #pagination li { | ||
position: relative; | position: relative; | ||
margin: 20px 0; | margin: 20px 0; | ||
Line 1,359: | Line 1,360: | ||
} | } | ||
+ | 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