Difference between revisions of "Team:TNCR Korea/Basic Part"
| Line 85: | Line 85: | ||
display: inline | display: inline | ||
} | } | ||
| + | |||
| + | |||
| + | #fh5co-menu-wrap { | ||
| + | position: relative; | ||
| + | z-index: 2; | ||
| + | display: inline; | ||
| + | float: right; | ||
| + | margin-top: 60px; | ||
| + | } | ||
| + | |||
| + | #fh5co-menu-wrap .sf-menu a { | ||
| + | padding: 1em .75em; | ||
| + | } | ||
| + | |||
| + | #fh5co-primary-menu > li > ul li.active > a { | ||
| + | color: #FCC72C !important; | ||
| + | } | ||
| + | #fh5co-primary-menu > li > .sf-with-ul:after { | ||
| + | border: none !important; | ||
| + | font-family: 'icomoon'; | ||
| + | speak: none; | ||
| + | font-style: normal; | ||
| + | font-weight: normal; | ||
| + | font-variant: normal; | ||
| + | text-transform: none; | ||
| + | line-height: 1; | ||
| + | /* Better Font Rendering =========== */ | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | -moz-osx-font-smoothing: grayscale; | ||
| + | position: absolute; | ||
| + | float: right; | ||
| + | margin-right: -5px; | ||
| + | top: 50%; | ||
| + | margin-top: -7px; | ||
| + | content: "\e922"; | ||
| + | color: rgba(255, 255, 255, 0.5); | ||
| + | } | ||
| + | #fh5co-primary-menu > li > ul li { | ||
| + | position: relative; | ||
| + | } | ||
| + | #fh5co-primary-menu > li > ul li > .sf-with-ul:after { | ||
| + | border: none !important; | ||
| + | font-family: 'icomoon'; | ||
| + | speak: none; | ||
| + | font-style: normal; | ||
| + | font-weight: normal; | ||
| + | font-variant: normal; | ||
| + | text-transform: none; | ||
| + | line-height: 1; | ||
| + | /* Better Font Rendering =========== */ | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | -moz-osx-font-smoothing: grayscale; | ||
| + | position: absolute; | ||
| + | float: right; | ||
| + | margin-right: 10px; | ||
| + | top: 20px; | ||
| + | font-size: 16px; | ||
| + | content: "\e924"; | ||
| + | color: rgba(0, 0, 0, 0.5); | ||
| + | } | ||
| + | |||
| + | #fh5co-primary-menu .fh5co-sub-menu { | ||
| + | padding: 10px 7px 10px; | ||
| + | background: #fff; | ||
| + | left: 0; | ||
| + | -webkit-border-radius: 5px; | ||
| + | -moz-border-radius: 5px; | ||
| + | -ms-border-radius: 5px; | ||
| + | border-radius: 5px; | ||
| + | -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
| + | -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
| + | -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
| + | -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
| + | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
| + | } | ||
| + | |||
| + | #fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu { | ||
| + | left: 100%; | ||
| + | } | ||
| + | |||
| + | #fh5co-primary-menu .fh5co-sub-menu:before { | ||
| + | position: absolute; | ||
| + | top: -9px; | ||
| + | left: 20px; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | content: ''; | ||
| + | } | ||
| + | |||
| + | #fh5co-primary-menu .fh5co-sub-menu:after { | ||
| + | position: absolute; | ||
| + | top: -8px; | ||
| + | left: 21px; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-right: 8px solid transparent; | ||
| + | border-bottom: 8px solid #fff; | ||
| + | border-bottom: 8px solid white; | ||
| + | border-left: 8px solid transparent; | ||
| + | content: ''; | ||
| + | } | ||
| + | |||
| + | #fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before { | ||
| + | top: 6px; | ||
| + | left: 100%; | ||
| + | } | ||
| + | |||
| + | #fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after { | ||
| + | top: 7px; | ||
| + | right: 100%; | ||
| + | border: none !important; | ||
| + | } | ||
| + | |||
| + | .site-header.has-image #primary-menu .sub-menu { | ||
| + | border-color: #ebebeb; | ||
| + | -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
| + | -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
| + | -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
| + | -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
| + | box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
| + | } | ||
| + | .site-header.has-image #primary-menu .sub-menu:before { | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | #fh5co-primary-menu .fh5co-sub-menu a { | ||
| + | letter-spacing: 0; | ||
| + | padding: 0 15px; | ||
| + | font-size: 18px; | ||
| + | line-height: 34px; | ||
| + | color: #575757 !important; | ||
| + | text-transform: none; | ||
| + | background: none; | ||
| + | } | ||
| + | #fh5co-primary-menu .fh5co-sub-menu a:hover { | ||
| + | color: #FCC72C !important; | ||
| + | } | ||
| + | |||
| + | #fh5co-work-section, | ||
| + | #fh5co-services-section, | ||
| + | #fh5co-content-section, | ||
| + | #fh5co-work-section_2, | ||
| + | #fh5co-blog-section { | ||
| + | padding: 7em 0; | ||
| + | } | ||
| + | @media screen and (max-width: 768px) { | ||
| + | #fh5co-work-section, | ||
| + | #fh5co-services-section, | ||
| + | #fh5co-content-section, | ||
| + | #fh5co-work-section_2, | ||
| + | #fh5co-blog-section { | ||
| + | padding: 4em 0; | ||
| + | } | ||
| + | } | ||
| + | |||
</style> | </style> | ||
Revision as of 03:12, 28 October 2017
TNCR_Korea
Our Parts
---Baisc Parts---Our basic parts
