Line 5: | Line 5: | ||
@media only screen and (min-width: 769px){ | @media only screen and (min-width: 769px){ | ||
− | # | + | #cebianlan{ |
float:left; | float:left; | ||
margin-left:10%; | margin-left:10%; | ||
Line 14: | Line 14: | ||
font-color:#ffffff; | font-color:#ffffff; | ||
background:#000000; | background:#000000; | ||
+ | |||
.menu-list1{ | .menu-list1{ | ||
width:10%; | width:10%; | ||
− | |||
height:40px; | height:40px; | ||
background-color:#000000; | background-color:#000000; | ||
Line 23: | Line 23: | ||
.menu-list1 a{font-size:20px;color:#ffffff;margin-top:5%; | .menu-list1 a{font-size:20px;color:#ffffff;margin-top:5%; | ||
} | } | ||
− | + | .title-list{margin-top:50px;} | |
+ | |||
+ | } | ||
+ | |||
+ | |||
@media only screen and (max-width: 768px){ | @media only screen and (max-width: 768px){ | ||
− | # | + | #cebianlan{ |
clear:all; | clear:all; | ||
width:100%; | width:100%; | ||
Line 33: | Line 37: | ||
text-align:center; | text-align:center; | ||
font-size:20px; | font-size:20px; | ||
− | |||
− | |||
} | } | ||
+ | |||
+ | |||
.menu-list1{ | .menu-list1{ | ||
width:120%;} | width:120%;} | ||
} | } |
Revision as of 16:57, 1 November 2017
li{ list-style: none; }
@media only screen and (min-width: 769px){
- cebianlan{
float:left; margin-left:10%; margin-top:0px; width:6%; text-align:center; font-size:20px; font-color:#ffffff; background:#000000;
.menu-list1{ width:10%; height:40px; background-color:#000000; margin-top:6px; padding-top:10px;} .menu-list1 a{font-size:20px;color:#ffffff;margin-top:5%; }
.title-list{margin-top:50px;}
}
@media only screen and (max-width: 768px){
- cebianlan{
clear:all; width:100%; margin-top:0px; margin-left:10%; text-align:center; font-size:20px; }
.menu-list1{
width:120%;}
}