AnakinYeung (Talk | contribs) |
|||
(31 intermediate revisions by 2 users not shown) | |||
Line 34: | Line 34: | ||
text-align: left; | text-align: left; | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 5vw; |
width: 307px; | width: 307px; | ||
height: 100px; | height: 100px; | ||
Line 68: | Line 68: | ||
background-color: #f1f1f1; | background-color: #f1f1f1; | ||
} | } | ||
+ | |||
.dropdown:hover .dropdown-content { | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /*right dropdown*/ | ||
+ | nav li.dropdown2 { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .dropdown2-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | right: 1vw; | ||
+ | margin-top: 0; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown2-content a { | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .dropdown2-content a:hover { | ||
+ | background-color: #f1f1f1; | ||
+ | } | ||
+ | |||
+ | .dropdown2:hover .dropdown2-content { | ||
display: block; | display: block; | ||
} | } | ||
Line 107: | Line 140: | ||
.leftMenuBack{ | .leftMenuBack{ | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:24.125%; |
display:inline-block; | display:inline-block; | ||
float:left; | float:left; | ||
Line 118: | Line 151: | ||
.leftMenu{ | .leftMenu{ | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:24.125%; |
display:inline-block; | display:inline-block; | ||
float:left; | float:left; | ||
Line 206: | Line 239: | ||
background-size:contain; | background-size:contain; | ||
} | } | ||
+ | /* left menu end */ | ||
+ | /* background animation end */ | ||
− | + | .description{ | |
− | + | margin:auto; | |
− | + | padding-top: 50px; | |
− | . | + | padding-left: 15vw; |
− | + | padding-right: 15vw; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | h1{ | |
− | + | color:orange; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
text-align:center; | text-align:center; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | h2{ | |
− | + | color:orange; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
text-align:center; | text-align:center; | ||
− | + | font-family: '微軟正黑體'; | |
− | + | ||
} | } | ||
− | + | h3{ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
color:orange; | color:orange; | ||
text-align:center; | text-align:center; | ||
+ | font-family: '微軟正黑體'; | ||
} | } | ||
+ | |||
.description p{ | .description p{ | ||
margin:auto; | margin:auto; | ||
padding-top: 20px; | padding-top: 20px; | ||
− | padding-left: | + | padding-left: 3vw; |
− | padding-right: | + | padding-right: 3vw; |
− | font-size: | + | font-size: 250%; |
} | } | ||
Line 338: | Line 295: | ||
footer ul li{ | footer ul li{ | ||
− | display:inline-block; | + | display:inline-block; |
− | text-decoration: none; | + | text-decoration: none; |
− | font-size: 15px; | + | font-size: 15px; |
− | font-family: '微軟正黑體'; | + | font-family: '微軟正黑體'; |
} | } | ||
Latest revision as of 12:36, 10 December 2017