Difference between revisions of "Template:KUAS Korea/head"
Garten Choi (Talk | contribs) |
Garten Choi (Talk | contribs) |
||
| Line 295: | Line 295: | ||
--------------------------------------------------------------*/ | --------------------------------------------------------------*/ | ||
/* Nav Menu Essentials */ | /* Nav Menu Essentials */ | ||
| − | + | .nav-menu, .nav-menu * { | |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| Line 301: | Line 301: | ||
} | } | ||
| − | + | .nav-menu ul { | |
position: absolute; | position: absolute; | ||
display: none; | display: none; | ||
| Line 309: | Line 309: | ||
} | } | ||
| − | + | .nav-menu li { | |
position: relative; | position: relative; | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
| − | + | .nav-menu > li { | |
float: left; | float: left; | ||
} | } | ||
| − | + | .nav-menu li:hover > ul, | |
| − | + | .nav-menu li.sfHover > ul { | |
display: block; | display: block; | ||
} | } | ||
| − | + | .nav-menu ul ul { | |
top: 0; | top: 0; | ||
left: 100%; | left: 100%; | ||
} | } | ||
| − | + | .nav-menu ul li { | |
min-width: 180px; | min-width: 180px; | ||
} | } | ||
/* Nav Menu Arrows */ | /* Nav Menu Arrows */ | ||
| − | + | .sf-arrows .sf-with-ul { | |
padding-right: 30px; | padding-right: 30px; | ||
} | } | ||
| − | + | .sf-arrows .sf-with-ul:after { | |
content: "\f107"; | content: "\f107"; | ||
position: absolute; | position: absolute; | ||
| Line 346: | Line 346: | ||
} | } | ||
| − | + | .sf-arrows ul .sf-with-ul:after { | |
content: "\f105"; | content: "\f105"; | ||
} | } | ||
/* Nav Meu Container */ | /* Nav Meu Container */ | ||
| − | + | #nav-menu-container { | |
float: right; | float: right; | ||
margin: 0; | margin: 0; | ||
| Line 357: | Line 357: | ||
@media (min-width: 1024px) { | @media (min-width: 1024px) { | ||
| − | + | #nav-menu-container { | |
padding-right: 60px; | padding-right: 60px; | ||
} | } | ||
| Line 363: | Line 363: | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
| − | + | #nav-menu-container { | |
display: none; | display: none; | ||
} | } | ||
| Line 369: | Line 369: | ||
/* Nav Meu Styling */ | /* Nav Meu Styling */ | ||
| − | + | .nav-menu a { | |
padding: 0 8px 10px 8px; | padding: 0 8px 10px 8px; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 381: | Line 381: | ||
} | } | ||
| − | + | .nav-menu li:hover > a, .nav-menu > .menu-active > a { | |
color: #a54040; | color: #a54040; | ||
} | } | ||
| − | + | .nav-menu > li { | |
margin-left: 10px; | margin-left: 10px; | ||
} | } | ||
| − | + | .nav-menu ul { | |
margin: 4px 0 0 0; | margin: 4px 0 0 0; | ||
padding: 10px; | padding: 10px; | ||
| Line 396: | Line 396: | ||
} | } | ||
| − | + | .nav-menu ul li { | |
transition: 0.3s; | transition: 0.3s; | ||
} | } | ||
| − | + | .nav-menu ul li a { | |
padding: 10px; | padding: 10px; | ||
color: #28272c; | color: #28272c; | ||
| Line 409: | Line 409: | ||
} | } | ||
| − | + | .nav-menu ul li:hover > a { | |
color: #a54040; | color: #a54040; | ||
} | } | ||
| − | + | .nav-menu ul ul { | |
margin: 0; | margin: 0; | ||
} | } | ||
/* Mobile Nav Toggle */ | /* Mobile Nav Toggle */ | ||
| − | + | #mobile-nav-toggle { | |
position: fixed; | position: fixed; | ||
right: 0; | right: 0; | ||
| Line 433: | Line 433: | ||
} | } | ||
| − | + | #mobile-nav-toggle i { | |
color: #f6f8f1; | color: #f6f8f1; | ||
} | } | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
| − | + | #mobile-nav-toggle { | |
display: inline; | display: inline; | ||
} | } | ||
| Line 444: | Line 444: | ||
/* Mobile Nav Styling */ | /* Mobile Nav Styling */ | ||
| − | + | #mobile-nav { | |
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
| Line 457: | Line 457: | ||
} | } | ||
| − | + | #mobile-nav ul { | |
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
| Line 463: | Line 463: | ||
} | } | ||
| − | + | #mobile-nav ul li { | |
position: relative; | position: relative; | ||
} | } | ||
| − | + | #mobile-nav ul li a { | |
color: #f6f8f1; | color: #f6f8f1; | ||
font-size: 13px; | font-size: 13px; | ||
| Line 482: | Line 482: | ||
} | } | ||
| − | + | #mobile-nav ul li a:hover { | |
color: #f6f8f1; | color: #f6f8f1; | ||
} | } | ||
| − | + | #mobile-nav ul li li { | |
padding-left: 30px; | padding-left: 30px; | ||
} | } | ||
| − | + | #mobile-nav ul .menu-has-children i { | |
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
| Line 499: | Line 499: | ||
} | } | ||
| − | + | #mobile-nav ul .menu-has-children i.fa-chevron-up { | |
color: #a54040; | color: #a54040; | ||
} | } | ||
| − | + | #mobile-nav ul .menu-has-children li a { | |
text-transform: none; | text-transform: none; | ||
} | } | ||
| − | + | #mobile-nav ul .menu-item-active { | |
color: #a54040; | color: #a54040; | ||
} | } | ||
| − | + | #mobile-body-overly { | |
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| Line 1,004: | Line 1,004: | ||
color: #c2bcb9; | color: #c2bcb9; | ||
} | } | ||
| − | |||
| − | |||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 08:12, 5 August 2018