console
<header id="theme-header" class="theme-header header-layout-3 main-nav-dark main-nav-default-dark main-nav-below main-nav-boxed has-stream-item top-nav-active top-nav-light top-nav-default-light top-nav-above has-shadow has-normal-width-logo mobile-header-centered"> <nav id="top-nav" class="has-date-breaking-components top-nav header-nav has-breaking-news" aria-label="二级导航"> <div class="container"> <div class="topbar-wrapper"> <div class="topbar-today-date tie-icon"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 2021 年 6 月 11 日，星期五 </font></font></div> <div class="tie-alignleft"> <div class="breaking controls-is-active"> <span class="breaking-title"> <span class="tie-icon-bolt breaking-icon" aria-hidden="true"></span> <span class="breaking-title-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">爆炸新闻</font></font></span> </span> <div id="ticker-wrapper-1625213665903" class="ticker-wrapper has-js ticker-dir-left"><div id="ticker-1625213665903" class="ticker"><p id="ticker-content-1625213665903" class="ticker-content" style="opacity: 1; display: block;"> <a href="2016/10/20/the-only-thing-that-overcomes-hard-luck-is-hard-work/">The only thing that overcomes hard luck is hard work</a> </p><div id="ticker-swipe-1625213665903" class="ticker-swipe" style="margin-left: 313.6px;"><span style=""></span></div></div><ul id="ticker-controls-1625213665903" class="breaking-news-nav slider-arrow-nav "><li id="prev-1625213665903" class="jnt-prev controls"></li><li id="next-1625213665903" class="jnt-next controls"></li></ul></div> </div> </div> <div class="tie-alignright"> <ul class="components"> <li class="side-aside-nav-icon menu-item custom-menu-link"> <a href="#"> <span class="tie-icon-navicon" aria-hidden="true"></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">侧边栏</font></font></span> </a> </li> <li class=" popup-login-icon menu-item custom-menu-link"> <a href="#" class="lgoin-btn tie-popup-trigger"> <span class="tie-icon-author" aria-hidden="true"></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录</font></font></span> </a> </li> <li class="social-icons-item"><a class="social-link tiktok-social-icon" rel="external noopener nofollow" target="_blank" href="//www.tiktok.com/en/"><span class="tie-social-icon tie-icon-tiktok"></span><span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">抖音</font></font></span></a></li><li class="social-icons-item"><a class="social-link instagram-social-icon" rel="external noopener nofollow" target="_blank" href="//www.instagram.com/tielabs/"><span class="tie-social-icon tie-icon-instagram"></span><span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Instagram</font></font></span></a></li><li class="social-icons-item"><a class="social-link soundcloud-social-icon" rel="external noopener nofollow" target="_blank" href="//soundcloud.com/"><span class="tie-social-icon tie-icon-soundcloud"></span><span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">声云</font></font></span></a></li><li class="social-icons-item"><a class="social-link dribbble-social-icon" rel="external noopener nofollow" target="_blank" href="//dribbble.com/mo3aser"><span class="tie-social-icon tie-icon-dribbble"></span><span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">运球</font></font></span></a></li><li class="social-icons-item"><a class="social-link twitter-social-icon" rel="external noopener nofollow" target="_blank" href="//twitter.com/tielabs"><span class="tie-social-icon tie-icon-twitter"></span><span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">推特</font></font></span></a></li><li class="social-icons-item"><a class="social-link facebook-social-icon" rel="external noopener nofollow" target="_blank" href="//www.facebook.com/TieLabs/"><span class="tie-social-icon tie-icon-facebook"></span><span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Facebook</font></font></span></a></li> </ul> </div> </div> </div> </nav> <div class="container header-container"> <div class="tie-row logo-row"> <div class="logo-wrapper"> <div class="tie-col-md-4 logo-container clearfix"> <div id="mobile-header-components-area_1" class="mobile-header-components"><ul class="components"><li class="mobile-component_menu custom-menu-link"><a href="#" id="mobile-menu-icon"><span class="tie-mobile-menu-icon nav-icon is-layout-1"></span><span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">菜单</font></font></span></a></li> <li class="mobile-component_search custom-menu-link"> <a href="#" class="tie-search-trigger-mobile"> <span class="tie-icon-search tie-search-icon" aria-hidden="true"></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">搜索</font></font></span> </a> </li></ul></div> <div id="logo" class="image-logo"> <a title="詹娜" href="./"> <picture id="tie-logo-default" class="tie-logo-default tie-logo-picture"> <source class="tie-logo-source-default tie-logo-source" srcset="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2020/08/logo@2x.png 2x, https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2020/08/logo.png 1x"> <img class="tie-logo-img-default tie-logo-img" src="wp-content/uploads/sites/8/2020/08/logo.png" alt="詹娜" width="300" height="49" style="max-height:49px !important; width: auto;"> </picture> <picture id="tie-logo-inverted" class="tie-logo-inverted tie-logo-picture"> <source class="tie-logo-source-inverted tie-logo-source" id="tie-logo-inverted-source" srcset="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/logo-lite@2x.png 2x, https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/logo-lite.png 1x"> <img class="tie-logo-img-inverted tie-logo-img" id="tie-logo-inverted-img" src="wp-content/uploads/sites/8/2016/10/logo-lite.png" alt="詹娜" width="300" height="49" style="max-height:49px !important; width: auto;"> </picture> <h1 class="h1-off"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">詹娜</font></font></h1> </a> </div> <div id="mobile-header-components-area_2" class="mobile-header-components"><ul class="components"><li class="mobile-component_skin custom-menu-link"> <a href="#" class="change-skin" title="切换皮肤"> <span class="tie-icon-moon change-skin-icon" aria-hidden="true"></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">切换皮肤</font></font></span> </a> </li> <li class="mobile-component_cart custom-menu-link"> <a href="cart/" title="查看您的购物车"> <span class="shooping-cart-counter menu-counter-bubble-outer"></span> <span class="tie-icon-shopping-bag" aria-hidden="true"></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看您的购物车</font></font></span> </a> <div class="components-sub-menu comp-sub-menu"> <div class="shopping-cart-details"> <div class="shopping-cart-details"> <div class="cart-empty-message"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 您的购物车目前是空的。 </font></font></div> <a href="shop/" class="checkout-button button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">去商店</font></font></a> </div> </div> </div> </li></ul></div> </div> </div> <div class="tie-col-md-8 stream-item stream-item-top-wrapper"><div class="stream-item-top"> <a href="//tielabs.com/buy/jannah?utm_source=demos&utm_campaign=jannah&utm_content=demo&utm_medium=ads" title="购买 Jannah 主题" target="_blank" rel="nofollow noopener"> <img src="wp-content/uploads/sites/8/2016/10/1.jpg" alt="购买 Jannah 主题" width="728" height="91"> </a> </div></div> </div> </div> <div class="main-nav-wrapper" style="height: 60px;"> <nav id="main-nav" data-skin="search-in-main-nav" class="main-nav header-nav live-search-parent fixed-not-bottom fixed fixed-pinned fixed-top unpinned-no-transition" aria-label="主要导航"> <div class="container"> <div class="main-menu-wrapper"> <div id="menu-components-wrap"> <div class="main-menu main-menu-wrap tie-alignleft"> <div id="main-nav-menu" class="main-menu header-menu"><ul id="menu-main-menu" class="menu" role="menubar"><li id="menu-item-610" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-610 tie-current-menu"><a href="/demo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">家</font></font></a></li> <li id="menu-item-499" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-499 mega-menu mega-cat is-loaded" data-id="1"><a href="category/world/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">世界</font></font></a> <div class="mega-menu-block menu-sub-content"> <div class="mega-menu-content"> <div class="mega-cat-wrapper"> <ul class="mega-cat-sub-categories cats-horizontal"> <li class="mega-all-link"><a href="category/world/" class="is-active is-loaded mega-sub-cat" data-id="1"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全部</font></font></a></li> <li><a href="category/world/creative/" class="mega-sub-cat" data-id="75"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有创造力的</font></font></a></li> <li><a href="category/world/foods/" class="mega-sub-cat" data-id="48"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">食品</font></font></a></li> <li><a href="category/world/travel/" class="mega-sub-cat" data-id="84"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">旅行</font></font></a></li> </ul> <div class="mega-cat-content mega-cat-sub-exists horizontal-posts"> <div class="mega-ajax-content mega-cat-posts-container clearfix"> <ul id="loaded-1" style="">
<li class="mega-menu-post tie-standard tie-animate-slideInUp" style="animation-delay: 0.1s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2018/10/27/after-all-is-said-and-done-more-is-done/">
<img width="390" height="220" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/demo-image-1-390x220.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2018/10/27/after-all-is-said-and-done-more-is-done/">After all is said and done, more is done</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 27, 2018</span></div> </div>
</li>
<li class="mega-menu-post is-trending tie-video tie-animate-slideInUp" style="animation-delay: 0.2s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/28/success-is-not-a-good-teacher-failure-makes-you-humble/">
<img width="390" height="220" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/demo-new-11-390x220.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/28/success-is-not-a-good-teacher-failure-makes-you-humble/">Success is not a good teacher failure makes you humble</a>
</h3>
<div class="post-meta clearfix"><span class="trending-post tie-icon-bolt trending-sm meta-item" aria-hidden="true"></span><span class="date meta-item tie-icon">Oct 28, 2016</span></div> </div>
</li>
<li class="mega-menu-post is-trending tie-standard tie-animate-slideInUp" style="animation-delay: 0.3s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/25/budget-issues-force-2017-tour-to-be-cancelled/">
<img width="390" height="220" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/demo-image-2-390x220.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/25/budget-issues-force-2017-tour-to-be-cancelled/">Budget issues force the Tour to be cancelled</a>
</h3>
<div class="post-meta clearfix"><span class="trending-post tie-icon-bolt trending-sm meta-item" aria-hidden="true"></span><span class="date meta-item tie-icon">Oct 25, 2016</span></div> </div>
</li>
<li class="mega-menu-post is-trending tie-standard tie-animate-slideInUp" style="animation-delay: 0.4s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/20/not-who-has-much-is-rich-but-who-gives-much/">
<img width="390" height="220" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/post-1-390x220.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/20/not-who-has-much-is-rich-but-who-gives-much/">Not who has much is rich, but who gives much</a>
</h3>
<div class="post-meta clearfix"><span class="trending-post tie-icon-bolt trending-sm meta-item" aria-hidden="true"></span><span class="date meta-item tie-icon">Oct 20, 2016</span></div> </div>
</li>
<li class="mega-menu-post is-trending tie-video tie-animate-slideInUp" style="animation-delay: 0.5s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/17/play-this-game-for-free-on-steam-this-weekend/">
<img width="390" height="220" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/11-1-390x220.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/17/play-this-game-for-free-on-steam-this-weekend/">Play This Game for Free on Steam This Weekend</a>
</h3>
<div class="post-meta clearfix"><span class="trending-post tie-icon-bolt trending-sm meta-item" aria-hidden="true"></span><span class="date meta-item tie-icon">Oct 17, 2016</span></div> </div>
</li>
</ul></div> </div> </div> </div> </div> </li> <li id="menu-item-642" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-642 mega-menu mega-cat is-loaded" data-id="8"><a href="category/sports/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">运动的</font></font></a> <div class="mega-menu-block menu-sub-content"> <div class="mega-menu-content"> <div class="mega-cat-wrapper"> <ul class="mega-cat-sub-categories cats-vertical"> <li class="mega-all-link"><a href="category/sports/" class="is-active is-loaded mega-sub-cat" data-id="8"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全部</font></font></a></li> <li><a href="category/sports/football/" class="mega-sub-cat" data-id="138"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">足球</font></font></a></li> <li><a href="category/sports/racing/" class="mega-sub-cat" data-id="139"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">赛车</font></font></a></li> <li><a href="category/sports/swimming/" class="mega-sub-cat" data-id="140"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">游泳</font></font></a></li> </ul> <div class="mega-cat-content mega-cat-sub-exists vertical-posts"> <div class="mega-ajax-content mega-cat-posts-container clearfix"> <ul id="loaded-8" style="">
<li class="mega-menu-post tie-video tie-animate-slideInUp" style="animation-delay: 0.1s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/20/the-only-thing-that-overcomes-hard-luck-is-hard-work/">
<img width="390" height="220" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/05/7040731-cam-newton-390x220.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/20/the-only-thing-that-overcomes-hard-luck-is-hard-work/">The only thing that overcomes hard luck is hard work</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 20, 2016</span></div> </div>
</li>
<li class="mega-menu-post tie-video tie-animate-slideInUp" style="animation-delay: 0.2s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/06/drug-testing-scarce-in-scottish-football/">
<img width="390" height="220" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/slide15-390x220.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/06/drug-testing-scarce-in-scottish-football/">Les nouveaux maillots du Real Madrid pour la saison</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 6, 2016</span></div> </div>
</li>
<li class="mega-menu-post tie-standard tie-animate-slideInUp" style="animation-delay: 0.3s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/06/i-enjoy-hard-work-i-love-setting-goals-and-achieving-them/">
<img width="390" height="220" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/image9-390x220.jpg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" loading="lazy" srcset="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/image9-390x220.jpg 390w, https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/image9-300x169.jpg 300w, https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/image9-768x432.jpg 768w, https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/image9-1024x576.jpg 1024w, https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/image9-800x450.jpg 800w, https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/image9.jpg 1200w" sizes="(max-width: 390px) 100vw, 390px"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/06/i-enjoy-hard-work-i-love-setting-goals-and-achieving-them/">I enjoy hard work I love setting goals and achieving them</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 6, 2016</span></div> </div>
</li>
<li class="mega-menu-post tie-video tie-animate-slideInUp" style="animation-delay: 0.4s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/04/here-whats-in-battlefield-1s-80-deluxe-edition/">
<img width="390" height="220" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/06/pexels-photo-12838-390x220.jpeg" class="attachment-jannah-image-large size-jannah-image-large wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/04/here-whats-in-battlefield-1s-80-deluxe-edition/">Here What’s in Battlefield 1’s $80 Deluxe Edition</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 4, 2016</span></div> </div>
</li>
</ul></div> </div> </div> </div> </div> </li> <li id="menu-item-1916" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1916 mega-menu mega-recent-featured is-loaded" data-id="64"><a href="category/technology/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">科技</font></font></a> <div class="mega-menu-block menu-sub-content"> <div class="mega-menu-content"> <div class="mega-ajax-content"> <div class="mega-recent-post tie-video tie-animate-slideInUp" style="animation-delay: 0.1s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/21/instagrams-big-redesign-goes-live-with-black-and-white-app/" title="Instagram’s big redesign goes live with black-and-white app">
<img width="780" height="470" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/new-demo-3-780x470.jpg" class="attachment-jannah-image-post size-jannah-image-post wp-post-image" alt="" loading="lazy">
</a>
</div>
<div class="post-meta clearfix"><span class="author-meta single-author no-avatars"><span class="meta-item meta-author-wrapper meta-author-1"><span class="meta-author"><a href="https://jannah.tielabs.com/demo/members/admin/" class="author-name tie-icon" title="Tony Stark">Tony Stark</a></span></span></span><span class="date meta-item tie-icon">Oct 21, 2016</span><div class="tie-alignright"><span class="meta-comment tie-icon meta-item fa-before">3</span><span class="meta-views meta-item very-hot"><span class="tie-icon-fire" aria-hidden="true"></span> 22,949 </span></div></div>
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/21/instagrams-big-redesign-goes-live-with-black-and-white-app/">Instagram’s big redesign goes live with black-and-white app</a>
</h3>
</div>
<div class="mega-check-also">
<ul style="">
<li class="mega-menu-post tie-standard tie-animate-slideInUp" style="animation-delay: 0.2s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/19/the-top-10-best-computer-speakers-in-the-market/">
<img width="220" height="150" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/slide-27-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/19/the-top-10-best-computer-speakers-in-the-market/">The Top 10 Best Computer Speakers in the Market</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 19, 2016</span></div> </div>
</li>
<li class="mega-menu-post tie-video tie-animate-slideInUp" style="animation-delay: 0.3s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/15/failure-is-the-condiment-that-gives-success-its-flavor/">
<img width="220" height="150" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/demo-image-3-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/15/failure-is-the-condiment-that-gives-success-its-flavor/">Failure is the condiment that gives success its flavor</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 15, 2016</span></div> </div>
</li>
<li class="mega-menu-post is-trending tie-standard tie-animate-slideInUp" style="animation-delay: 0.4s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/12/25-office-design-tricks-that-will-increase-your-productivity-at-work/">
<img width="220" height="150" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/ben-white-148435-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/12/25-office-design-tricks-that-will-increase-your-productivity-at-work/">25 Tricks That Will Increase Your Productivity</a>
</h3>
<div class="post-meta clearfix"><span class="trending-post tie-icon-bolt trending-sm meta-item" aria-hidden="true"></span><span class="date meta-item tie-icon">Oct 12, 2016</span></div> </div>
</li>
<li class="mega-menu-post tie-standard tie-animate-slideInUp" style="animation-delay: 0.5s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/10/the-renault-trezor-concept-is-a-formula-e-car-for-the-road/">
<img width="220" height="150" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/pexels-photo-1-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="ALt Text" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/10/the-renault-trezor-concept-is-a-formula-e-car-for-the-road/">The Renault Trezor Concept is a Formula E car for the road</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 10, 2016</span></div> </div>
</li>
<li class="mega-menu-post tie-standard tie-animate-slideInUp" style="animation-delay: 0.6s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/05/the-future-of-possible-innovation-for-business/">
<img width="220" height="150" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/10/image8-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/05/the-future-of-possible-innovation-for-business/">The future of possible innovation for business</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 5, 2016</span></div> </div>
</li>
<li class="mega-menu-post tie-standard tie-animate-slideInUp" style="animation-delay: 0.7s">
<div class="post-thumbnail">
<a class="post-thumb" href="https://jannah.tielabs.com/demo/2016/10/02/persuasion-is-often-more-effectual-than-force/">
<img width="220" height="150" src="https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2016/05/paul-david-hewson-434928_1280-220x150.jpg" class="attachment-jannah-image-small size-jannah-image-small tie-small-image wp-post-image" alt="" loading="lazy"> </a>
</div>
<div class="post-details">
<h3 class="post-box-title">
<a class="mega-menu-link" href="https://jannah.tielabs.com/demo/2016/10/02/persuasion-is-often-more-effectual-than-force/">Persuasion is often more effectual than force</a>
</h3>
<div class="post-meta clearfix"><span class="date meta-item tie-icon">Oct 2, 2016</span></div> </div>
</li>
</ul>
</div></div> </div> </div> </li> <li id="menu-item-2442" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2442"><a href="activity/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">社区</font></font></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-2445" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2445"><a href="activity/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全站活动</font></font></a></li> <li id="menu-item-2443" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2443"><a href="members/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">会员</font></font></a></li> <li id="menu-item-2444" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2444"><a href="groups/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">团体</font></font></a></li> <li id="menu-item-2452" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2452"><a href="members/admin/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">个人资料页面</font></font><small class="menu-tiny-label " style="background-color:#e74c3c; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">热门</font></font></small></a></li> <li id="menu-item-3826" class="menu-item menu-item-type-post_type_archive menu-item-object-forum menu-item-3826"><a href="forums/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">论坛</font></font></a></li> </ul> </li> <li id="menu-item-2446" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2446"><a href="shop/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">店铺</font></font></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-2451" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2451"><a href="shop/"> <span aria-hidden="true" class="tie-menu-icon tie-icon-shopping-cart"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 商店页面</font></font></a></li> <li id="menu-item-2455" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2455"><a href="/house/shop/"> <span aria-hidden="true" class="tie-menu-icon tie-icon-shopping-bag"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 全宽商店页面</font></font></a></li> <li id="menu-item-2450" class="menu-item menu-item-type-post_type menu-item-object-product menu-item-2450"><a href="product/black-pullover/"> <span aria-hidden="true" class="tie-menu-icon tie-icon-shopping-basket"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 产品页面</font></font></a></li> <li id="menu-item-2454" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2454"><a href="/house/product/red-sweatshirt/"> <span aria-hidden="true" class="tie-menu-icon tie-icon-shopping-cart"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 全宽产品页面</font></font></a></li> </ul> </li> <li id="menu-item-3424" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-has-children menu-item-3424 mega-menu mega-links mega-links-4col "><a href="2016/10/03/top-tips-to-stay-hydrated/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">特征</font></font></a> <div class="mega-menu-block menu-sub-content" style=" background-image: url(https://jannah.tielabs.com/demo/wp-content/uploads/sites/8/2017/04/menu-bg.png) ; background-position: bottom right ; background-repeat: no-repeat ; padding-right : 285px; "> <ul class="sub-menu-columns"> <li id="menu-item-3393" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-has-children menu-item-3393 mega-link-column "><a class="mega-links-head" href="2016/10/02/ultimate-running-event-2016-running-challenges%e2%80%8e/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子布局</font></font></a> <ul class="sub-menu-columns-item"> <li id="menu-item-2242" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2242"><a href="2016/10/02/ultimate-running-event-2016-running-challenges%e2%80%8e/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子布局 #1</font></font></a></li> <li id="menu-item-2238" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2238"><a href="2018/10/27/after-all-is-said-and-done-more-is-done/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子布局 #2</font></font></a></li> <li id="menu-item-2239" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2239"><a href="2016/09/04/quinoa-new-recipes-feta-broad-bean-salad/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子布局 #3</font></font></a></li> <li id="menu-item-2241" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2241"><a href="2016/10/02/new-heroes-of-the-storm-characters-bring-portals/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子布局 #4</font></font><small class="menu-tiny-label " style="background-color:#e74c3c; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">热门</font></font></small></a></li> <li id="menu-item-2244" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2244"><a href="2016/10/20/not-who-has-much-is-rich-but-who-gives-much/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子布局 #5</font></font></a></li> <li id="menu-item-2245" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2245"><a href="2016/10/04/cooking-with-kids-how-to-get-them-involved/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子布局 #6</font></font></a></li> <li id="menu-item-2246" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2246"><a href="2016/10/04/pumas-disc-trainer-turns-25-in-style/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子布局 #7</font></font></a></li> <li id="menu-item-2248" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2248"><a href="2016/10/10/the-renault-trezor-concept-is-a-formula-e-car-for-the-road/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子布局 #8</font></font><small class="menu-tiny-label " style="background-color:#e74c3c; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">热门</font></font></small></a></li> </ul> </li> <li id="menu-item-3394" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-has-children menu-item-3394 mega-link-column "><a class="mega-links-head" href="2016/10/02/one-swallow-does-not-make-the-spring/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子格式</font></font></a> <ul class="sub-menu-columns-item"> <li id="menu-item-2372" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2372"><a href="2016/10/02/one-swallow-does-not-make-the-spring/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">图像</font></font></a></li> <li id="menu-item-2262" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2262"><a href="2016/07/03/qualcomm-reportedly-in-talks-to-buy-nxp-for-over-30b/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块</font></font></a></li> <li id="menu-item-2250" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2250"><a href="2016/10/03/top-tips-to-stay-hydrated/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全宽滑块</font></font><small class="menu-tiny-label " style="background-color:#3498db; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">趋势</font></font></small></a></li> <li id="menu-item-2263" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-has-children menu-item-2263"><a href="2016/10/03/6-ways-drinking-warm-water-can-heal-your-body/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">视频</font></font></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-3877" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3877"><a href="2016/10/03/6-ways-drinking-warm-water-can-heal-your-body/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">YouTube</font></font></a></li> <li id="menu-item-3878" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3878"><a href="2016/07/03/you-cant-blame-gravity-for-falling-in-love/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">维密欧</font></font></a></li> <li id="menu-item-3879" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3879"><a href="2016/10/06/drug-testing-scarce-in-scottish-football/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Dailymotion</font></font></a></li> <li id="menu-item-3874" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3874"><a href="2016/07/12/do-you-want-to-download-facebook-videos-quickly-facebook-video/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Facebook</font></font></a></li> <li id="menu-item-3875" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3875"><a href="2016/07/11/my-mans-really-talk-like-he-grown-twitter-video/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">推特</font></font></a></li> <li id="menu-item-2264" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2264"><a href="2016/10/15/there-may-be-no-consoles-in-the-future-ea-exec-says/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自托管视频</font></font></a></li> </ul> </li> <li id="menu-item-2265" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2265"><a href="2016/10/03/five-places-to-shop-in-florence/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">谷歌地图</font></font></a></li> <li id="menu-item-2266" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2266"><a href="2016/10/03/the-swatch-art-peace-hotel-special-2016/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">音频 – Soundcloud</font></font></a></li> <li id="menu-item-2267" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2267"><a href="2016/10/03/spieth-in-danger-of-missing-cut/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">音频 – 自托管</font></font></a></li> <li id="menu-item-3881" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3881"><a href="2016/10/02/acne-studios-releases-its-new-ss16-trainer-collection/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">音频 – 嵌入代码</font></font></a></li> </ul> </li> <li id="menu-item-3396" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-3396 mega-link-column "><a class="mega-links-head" href="category/life-style/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">类别布局</font></font></a> <ul class="sub-menu-columns-item"> <li id="menu-item-2273" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2273"><a href="category/life-style/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">经典的</font></font></a></li> <li id="menu-item-4611" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4611"><a href="category/world/creative/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">小缩略图</font></font></a></li> <li id="menu-item-2276" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2276"><a href="category/sports/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">大缩略图</font></font></a></li> <li id="menu-item-2277" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2277"><a href="category/sports/football/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">内容</font></font></a></li> <li id="menu-item-2278" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2278"><a href="category/sports/racing/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">时间线</font></font></a></li> <li id="menu-item-2279" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2279"><a href="category/sports/swimming/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">砌体#1</font></font></a></li> <li id="menu-item-2280" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2280"><a href="category/world/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">砌体 #2</font></font><small class="menu-tiny-label " style="background-color:#f1c40f; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新</font></font></small></a></li> <li id="menu-item-2281" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2281"><a href="category/world/foods/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">砌体#3</font></font></a></li> <li id="menu-item-3529" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3529"><a target="_blank" href="/tech/category/science/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全宽砌体</font></font><small class="menu-tiny-label " style="background-color:#e74c3c; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">热</font></font></small></a></li> </ul> </li> <li id="menu-item-2527" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2527 mega-link-column "><a class="mega-links-head" href="multiple-pages/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">后模块</font></font></a> <ul class="sub-menu-columns-item"> <li id="menu-item-2532" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2532"><a href="content-slideshow/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">内容幻灯片</font></font></a></li> <li id="menu-item-2531" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2531"><a href="content-index/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">内容索引</font></font><small class="menu-tiny-label " style="background-color:#3498db; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">独家</font></font></small></a></li> <li id="menu-item-2367" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2367"><a target="_blank" href="2016/10/27/after-all-is-said-and-done-more-is-done/amp/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">AMP 样本</font></font><small class="menu-tiny-label " style="background-color:#2ecc71; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">趋势</font></font></small></a></li> <li id="menu-item-2397" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2397"><a href="shortcodes/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">简码</font></font></a></li> <li id="menu-item-2549" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2549"><a href="2016/10/20/not-who-has-much-is-rich-but-who-gives-much/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">故事亮点</font></font><small class="menu-tiny-label " style="background-color:#3498db; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">独家</font></font></small></a></li> <li id="menu-item-3490" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3490"><a href="multiple-pages/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">多页</font></font></a></li> <li id="menu-item-3851" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3851"><a href="page-post-elements/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">页面/帖子元素</font></font></a></li> <li id="menu-item-3509" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3509"><a href="blank-page/"> <span aria-hidden="true" class="mega-links-default-icon"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">空白页</font></font></a></li> </ul> </li> </ul> </div> </li> <li id="menu-item-3422" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3422 menu-item-has-icon is-icon-only"><a href="social-counters/"> <span aria-hidden="true" class="tie-menu-icon tie-icon-dots-three-horizontal"></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">更多功能</font></font></span></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-3419" class="magazine-layout-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3419"><a href="wide/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">布局</font></font></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-3420" class="site-layout-boxed menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3420"><a href="wide/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">场地布局</font></font></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-2498" class="site-layout-wide menu-item menu-item-type-post_type menu-item-object-page menu-item-2498"><a href="wide/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">宽的</font></font></a></li> <li id="menu-item-2497" class="site-layout-boxed menu-item menu-item-type-post_type menu-item-object-page menu-item-2497"><a href="boxed/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">盒装</font></font></a></li> <li id="menu-item-2496" class="site-layout-framed menu-item menu-item-type-post_type menu-item-object-page menu-item-2496"><a href="framed/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">装裱</font></font></a></li> <li id="menu-item-2495" class="site-layout-bordered menu-item menu-item-type-post_type menu-item-object-page menu-item-2495"><a href="bordered/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有边框的</font></font></a></li> </ul> </li> <li id="menu-item-3421" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-has-children menu-item-3421"><a href="2016/10/02/15-easy-dinners-that-can-be-made-in-30-minutes-or-less/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">侧边栏</font></font></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-2345" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2345"><a href="2016/10/02/15-easy-dinners-that-can-be-made-in-30-minutes-or-less/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">右侧边栏</font></font></a></li> <li id="menu-item-2346" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2346"><a href="2016/10/02/paul-oldhams-three-peaks-winning-bike/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">左侧边栏</font></font></a></li> <li id="menu-item-2347" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2347"><a href="2016/10/28/success-is-not-a-good-teacher-failure-makes-you-humble/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全屏宽度</font></font></a></li> <li id="menu-item-2348" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2348"><a href="2016/10/01/battlefield-1-officially-announced-watch-the-trailer-here/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一栏</font></font></a></li> </ul> </li> <li id="menu-item-2301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2301"><a href="header-layouts/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">标题布局</font></font></a></li> <li id="menu-item-2377" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2377"><a href="footer-layouts/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">页脚布局</font></font></a></li> </ul> </li> <li id="menu-item-3392" class="two-columns-submenu menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3392"><a href="news-blocks/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新闻块</font></font><small class="menu-tiny-label " style="background-color:#f76440; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新</font></font></small></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-2191" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2191"><a href="news-blocks/block-1/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 1 块</font></font></a></li> <li id="menu-item-2215" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2215"><a href="news-blocks/block-2/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">块 #2</font></font></a></li> <li id="menu-item-2216" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2216"><a href="news-blocks/block-3/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 3 块</font></font></a></li> <li id="menu-item-2217" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2217"><a href="news-blocks/block-4/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 4 块</font></font></a></li> <li id="menu-item-2218" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2218"><a href="news-blocks/block-5/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 5 块</font></font></a></li> <li id="menu-item-2221" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2221"><a href="news-blocks/block-6/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">块 #6</font></font></a></li> <li id="menu-item-2222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2222"><a href="news-blocks/block-7/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">块 #7</font></font></a></li> <li id="menu-item-2223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2223"><a href="news-blocks/block-8/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">块 #8</font></font></a></li> <li id="menu-item-2224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2224"><a href="news-blocks/block-9/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 9 块</font></font></a></li> <li id="menu-item-2225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2225"><a href="news-blocks/block-10/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 10 块</font></font></a></li> <li id="menu-item-2226" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2226"><a href="news-blocks/block-11/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">11 号街区</font></font></a></li> <li id="menu-item-2227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2227"><a href="news-blocks/block-12/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 12 块</font></font></a></li> <li id="menu-item-2228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2228"><a href="news-blocks/block-13/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 13 块</font></font></a></li> <li id="menu-item-2229" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2229"><a href="news-blocks/block-14/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 14 块</font></font></a></li> <li id="menu-item-2230" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2230"><a href="news-blocks/block-15/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 15 块</font></font></a></li> <li id="menu-item-4546" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4546"><a href="news-blocks/block-16/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 16 块</font></font></a></li> <li id="menu-item-4545" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4545"><a href="news-blocks/block-17/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">第 17 块</font></font><small class="menu-tiny-label " style="background-color:#f76440; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新</font></font></small></a></li> <li id="menu-item-2219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2219"><a href="news-blocks/scrolling-block-1/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滚动块 #1</font></font></a></li> <li id="menu-item-2220" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2220"><a href="news-blocks/scrolling-block-2/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滚动块 #2</font></font></a></li> <li id="menu-item-3525" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3525"><a href="video-playlist/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">视频播放列表</font></font></a></li> <li id="menu-item-2232" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2232"><a href="news-blocks/block-18/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新闻行情</font></font></a></li> <li id="menu-item-2233" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2233"><a href="news-blocks/block-2021/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">广告块</font></font></a></li> <li id="menu-item-2234" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2234"><a href="news-blocks/block-2223/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自定义内容</font></font></a></li> <li id="menu-item-2235" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2235"><a href="news-blocks/block-24/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">WooCommerce #1</font></font></a></li> <li id="menu-item-2236" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2236"><a href="news-blocks/block-25/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">WooCommerce #2</font></font></a></li> <li id="menu-item-3440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3440"><a href="news-blocks/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">所有新闻块</font></font></a></li> </ul> </li> <li id="menu-item-3408" class="two-columns-submenu menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3408"><a href="slider-1/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块块</font></font><small class="menu-tiny-label " style="background-color:#f76440; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">NEW</font></font></small></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-3586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3586"><a href="slider-1/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #1</font></font></a></li> <li id="menu-item-868" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-868"><a href="slider-2/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #2</font></font></a></li> <li id="menu-item-869" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-869"><a href="slider-3/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #3</font></font></a></li> <li id="menu-item-870" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-870"><a href="slider-4/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #4</font></font></a></li> <li id="menu-item-871" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-871"><a href="slider-5/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #5</font></font></a></li> <li id="menu-item-872" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-872"><a href="slider-6/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #6</font></font></a></li> <li id="menu-item-873" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-873"><a href="slider-7/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #7</font></font></a></li> <li id="menu-item-874" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-874"><a href="slider-8/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #8</font></font></a></li> <li id="menu-item-875" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-875"><a href="slider-9/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #9</font></font></a></li> <li id="menu-item-861" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861"><a href="slider-10/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #10</font></font></a></li> <li id="menu-item-862" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-862"><a href="slider-11/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #11</font></font></a></li> <li id="menu-item-863" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-863"><a href="slider-12/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #12</font></font></a></li> <li id="menu-item-864" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-864"><a href="slider-13/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #13</font></font></a></li> <li id="menu-item-865" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-865"><a href="slider-14/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #14</font></font></a></li> <li id="menu-item-866" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-866"><a href="slider-15/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #15</font></font></a></li> <li id="menu-item-867" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-867"><a href="slider-16/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #16</font></font></a></li> <li id="menu-item-4541" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4541"><a href="slider-17/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #17</font></font><small class="menu-tiny-label " style="background-color:#f76440; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新</font></font></small></a></li> <li id="menu-item-4540" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4540"><a href="slider-18/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">滑块 #18</font></font><small class="menu-tiny-label " style="background-color:#f76440; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新</font></font></small></a></li> <li id="menu-item-2567" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2567"><a href="with-color-mask/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">带颜色蒙版</font></font></a></li> <li id="menu-item-2568" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2568"><a href="with-background/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有背景</font></font></a></li> <li id="menu-item-3448" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3448"><a href="2015/10/02/10-places-to-go-in-2016/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子滑块</font></font></a></li> <li id="menu-item-2379" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2379"><a href="2016/10/02/15-easy-dinners-that-can-be-made-in-30-minutes-or-less/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全角帖子滑块</font></font></a></li> <li id="menu-item-4549" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4549"><a href="2016/10/28/success-is-not-a-good-teacher-failure-makes-you-humble/#tie-read-next"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">阅读下一个滑块</font></font><small class="menu-tiny-label " style="background-color:#f76440; color:#FFFFFF"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新</font></font></small></a></li> </ul> </li> <li id="menu-item-876" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-876"><a href="video-playlist/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">视频播放列表块</font></font></a></li> <li id="menu-item-3395" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-has-children menu-item-3395"><a href="2018/10/27/after-all-is-said-and-done-more-is-done/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">评论</font></font></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-2354" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2354"><a href="2018/10/27/after-all-is-said-and-done-more-is-done/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">星星</font></font></a></li> <li id="menu-item-2355" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2355"><a href="2016/10/02/new-heroes-of-the-storm-characters-bring-portals/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">百分比</font></font></a></li> <li id="menu-item-2356" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2356"><a href="2016/10/03/five-places-to-shop-in-florence/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">积分</font></font></a></li> <li id="menu-item-2359" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2359"><a href="2016/09/04/quinoa-new-recipes-feta-broad-bean-salad/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子顶部</font></font></a></li> <li id="menu-item-2362" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2362"><a href="2016/10/03/6-ways-drinking-warm-water-can-heal-your-body/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自定义位置</font></font></a></li> <li id="menu-item-2357" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-2357"><a href="2016/10/10/the-renault-trezor-concept-is-a-formula-e-car-for-the-road/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子结束</font></font></a></li> </ul> </li> <li id="menu-item-3409" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3409"><a href="masonry-1/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">页面模板</font></font></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-2586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2586"><a href="masonry-1/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">砌体#1</font></font></a></li> <li id="menu-item-2585" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2585"><a href="masonry-2/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">砌体#2</font></font></a></li> <li id="menu-item-2584" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2584"><a href="masonry-3/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">砌体#3</font></font></a></li> <li id="menu-item-2598" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2598"><a href="masonry-with-sidebar/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">带侧边栏的砌体</font></font></a></li> <li id="menu-item-2578" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2578"><a href="authors-2/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">作者名单</font></font></a></li> <li id="menu-item-2576" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2576"><a href="sitemap-page/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">站点地图页面</font></font></a></li> </ul> </li> <li id="menu-item-3486" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-3486"><a href="widgets/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">小工具</font></font></a> <ul class="sub-menu menu-sub-content"> <li id="menu-item-2311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2311"><a href="widgets/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帖子列表</font></font></a></li> <li id="menu-item-2342" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2342"><a href="weather/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">天气</font></font></a></li> <li id="menu-item-2340" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2340"><a href="social-counters/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">社交柜台</font></font></a></li> <li id="menu-item-2341" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2341"><a href="social-widgets/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">社交小工具</font></font></a></li> <li id="menu-item-3489" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3489"><a href="more-widgets/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">更多小工具</font></font></a></li> </ul> </li> <li id="menu-item-2339" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2339"><a href="advertisements/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">广告</font></font></a></li> <li id="menu-item-3449" class="menu-item menu-item-type-post_type menu-item-object-post menu-item-3449"><a href="2016/10/03/world-champion-bingham-knocks-out-trump/"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自定义帖子</font></font></a></li> </ul> </li> </ul></div> </div> <ul class="components"> <li class="search-bar menu-item custom-menu-link" aria-label="搜索"> <form method="get" id="search" action="./"> <input id="search-input" class="is-ajax-search" inputmode="search" type="text" name="s" title="搜索" placeholder="搜索" autocomplete="off"> <button id="search-submit" type="submit"> <span class="tie-search-icon tie-icon-search" aria-hidden="true"></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">搜索</font></font></span> </button> </form> </li> <li class="skin-icon menu-item custom-menu-link"> <a href="#" class="change-skin" title="切换皮肤"> <span class="tie-icon-moon change-skin-icon" aria-hidden="true"></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">切换皮肤</font></font></span> </a> </li> <li class="shopping-cart-icon menu-item custom-menu-link"> <a href="cart/" title="查看您的购物车"> <span class="shooping-cart-counter menu-counter-bubble-outer"></span> <span class="tie-icon-shopping-bag" aria-hidden="true"></span> <span class="screen-reader-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看您的购物车</font></font></span> </a> <div class="components-sub-menu comp-sub-menu"> <div class="shopping-cart-details"> <div class="shopping-cart-details"> <div class="cart-empty-message"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 您的购物车目前是空的。 </font></font></div> <a href="shop/" class="checkout-button button"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">去商店</font></font></a> </div> </div> </div> </li> <li class="weather-menu-item menu-item custom-menu-link"> <div class="tie-weather-widget is-animated" title="晴朗的天空"> <div class="weather-wrap"> <div class="weather-forecast-day small-weather-icons"> <div class="weather-icon"> <div class="icon-moon"></div> </div> </div> <div class="city-data"> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">开罗</font></font></span> <span class="weather-current-temp"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">26 </font></font><sup><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">℃</font></font></sup> </span> </div> </div> </div> </li></ul> </div> </div> </div> </nav> </div> </header>
html {
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
template,
[hidden] {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
}
b,
strong {
font-weight: 600;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
button,
input,
select,
textarea {
font: inherit;
}
optgroup {
font-weight: bold;
}
button,
input,
select {
overflow: visible;
}
button,
input,
select,
textarea {
margin: 0;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
[disabled] {
cursor: default;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
* {
padding: 0;
margin: 0;
list-style: none;
border: 0;
outline: none;
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
}
body {
background: #F7F7F7;
color: #2c2f34;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", "Open Sans", Arial, sans-serif;
font-size: 13px;
line-height: 21px;
}
h1, h2, h3, h4, h5, h6, .the-subtitle {
line-height: 1.4;
font-weight: 600;
}
h1 {
font-size: 41px;
font-weight: 700;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 23px;
}
h4,
.the-subtitle {
font-size: 17px;
}
h5 {
font-size: 13px;
}
h6 {
font-size: 12px;
}
a {
color: #333;
text-decoration: none;
transition: 0.15s;
}
a:hover {
color: #0088ff;
}
img,
object,
embed {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
p {
line-height: 21px;
}
.says,
.screen-reader-text,
.comment-form-comment label {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.stream-title {
margin-bottom: 3px;
font-size: 11px;
color: #a5a5a5;
display: block;
}
.stream-item {
text-align: center;
position: relative;
z-index: 2;
margin: 20px 0;
padding: 0;
}
.stream-item iframe {
margin: 0 auto;
}
.stream-item img {
max-width: 100%;
width: auto;
height: auto;
margin: 0 auto;
display: inline-block;
vertical-align: middle;
}
.stream-item.stream-item-above-header {
margin: 0;
}
.stream-item.stream-item-between .post-item-inner {
width: 100%;
display: block;
}
.post-layout-8.is-header-layout-1.has-header-ad .entry-header-outer,
body.post-layout-8.has-header-below-ad .entry-header-outer {
padding-top: 0;
}
.stream-item-top-wrapper ~ .stream-item-below-header,
.is-header-layout-1.has-header-ad.post-layout-6 .featured-area,
.has-header-below-ad.post-layout-6 .featured-area {
margin-top: 0;
}
.has-header-below-ad .fullwidth-entry-title.container-wrapper,
.is-header-layout-1.has-header-ad .fullwidth-entry-title,
.is-header-layout-1.has-header-ad .is-first-section,
.has-header-below-ad .is-first-section {
padding-top: 0;
margin-top: 0;
}
@media (max-width: 991px) {
body:not(.is-header-layout-1).has-header-below-ad.has-header-ad .top-nav-below .has-breaking-news {
margin-bottom: 20px;
}
.has-header-ad .fullwidth-entry-title.container-wrapper,
.has-header-ad.has-header-below-ad .stream-item-below-header,
.single.has-header-ad:not(.has-header-below-ad) #content,
.page.has-header-ad:not(.has-header-below-ad) #content {
margin-top: 0;
}
.has-header-ad .is-first-section {
padding-top: 0;
}
.has-header-ad:not(.has-header-below-ad) .buddypress-header-outer {
margin-bottom: 15px;
}
}
.has-full-width-logo .stream-item-top-wrapper,
.header-layout-2 .stream-item-top-wrapper {
width: 100%;
max-width: 100%;
float: none;
clear: both;
}
@media (min-width: 992px) {
.header-layout-2.has-normal-width-logo .stream-item-top-wrapper {
margin-top: 0;
}
}
.header-layout-3.no-stream-item .logo-container {
width: 100%;
float: none;
}
@media (min-width: 992px) {
.header-layout-3.has-normal-width-logo .stream-item-top img {
float: right;
}
}
@media (max-width: 991px) {
.header-layout-3.has-normal-width-logo .stream-item-top {
clear: both;
}
}
#background-ad-cover {
top: 0;
left: 0;
z-index: 0;
overflow: hidden;
width: 100%;
height: 100%;
position: fixed;
}
@media (max-width: 768px) {
.hide_banner_header .stream-item-above-header,
.hide_banner_top .stream-item-top-wrapper,
.hide_banner_below_header .stream-item-below-header,
.hide_banner_bottom .stream-item-above-footer,
.hide_banner_above .stream-item-above-post,
.hide_banner_above_content .stream-item-above-post-content,
.hide_banner_below_content .stream-item-below-post-content,
.hide_banner_below .stream-item-below-post,
.hide_banner_comments .stream-item-below-post-comments,
.hide_breaking_news #top-nav,
.hide_sidebars .sidebar,
.hide_footer #footer-widgets-container,
.hide_copyright #site-info,
.hide_breadcrumbs #breadcrumb,
.hide_share_post_top .share-buttons-top,
.hide_share_post_bottom .share-buttons-bottom,
.hide_post_newsletter #post-newsletter,
.hide_related #related-posts,
.hide_read_next #read-next-block,
.hide_post_authorbio .post-components .about-author,
.hide_post_nav .prev-next-post-nav,
.hide_back_top_button #go-to-top,
.hide_read_more_buttons .more-link,
.hide_inline_related_posts #inline-related-post {
display: none !important;
}
}
.tie-icon:before,
[class^="tie-icon-"],
[class*=" tie-icon-"] {
font-family: 'tiefonticon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
}
body.tie-no-js a.remove,
body.tie-no-js .tooltip,
body.tie-no-js .woocommerce-message,
body.tie-no-js .woocommerce-error,
body.tie-no-js .woocommerce-info,
body.tie-no-js .bbp-template-notice,
body.tie-no-js .indicator-hint,
body.tie-no-js .menu-counter-bubble-outer,
body.tie-no-js .notifications-total-outer,
body.tie-no-js .comp-sub-menu,
body.tie-no-js .menu-sub-content {
display: none !important;
}
body.tie-no-js .fa,
body.tie-no-js .fas,
body.tie-no-js .far,
body.tie-no-js .fab,
body.tie-no-js .tie-icon:before,
body.tie-no-js [class^="tie-icon-"],
body.tie-no-js [class*=" tie-icon-"],
body.tie-no-js .weather-icon {
visibility: hidden !important;
}
body.tie-no-js [class^="tie-icon-"]:before,
body.tie-no-js [class*=" tie-icon-"]:before {
content: "\f105";
}
.tie-popup,
#autocomplete-suggestions {
display: none;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 768px) {
.container {
width: 100%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
.tie-row {
margin-left: -15px;
margin-right: -15px;
}
.tie-row:after {
content: "";
display: table;
clear: both;
}
.tie-col-xs-1, .tie-col-sm-1, .tie-col-md-1, .tie-col-xs-2, .tie-col-sm-2, .tie-col-md-2, .tie-col-xs-3, .tie-col-sm-3, .tie-col-md-3, .tie-col-xs-4, .tie-col-sm-4, .tie-col-md-4, .tie-col-xs-5, .tie-col-sm-5, .tie-col-md-5, .tie-col-xs-6, .tie-col-sm-6, .tie-col-md-6, .tie-col-xs-7, .tie-col-sm-7, .tie-col-md-7, .tie-col-xs-8, .tie-col-sm-8, .tie-col-md-8, .tie-col-xs-9, .tie-col-sm-9, .tie-col-md-9, .tie-col-xs-10, .tie-col-sm-10, .tie-col-md-10, .tie-col-xs-11, .tie-col-sm-11, .tie-col-md-11, .tie-col-xs-12, .tie-col-sm-12, .tie-col-md-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.tie-col-xs-1, .tie-col-xs-2, .tie-col-xs-3, .tie-col-xs-4, .tie-col-xs-5, .tie-col-xs-6, .tie-col-xs-7, .tie-col-xs-8, .tie-col-xs-9, .tie-col-xs-10, .tie-col-xs-11, .tie-col-xs-12 {
float: left;
}
.tie-col-xs-1 {
width: 8.33333%;
}
.tie-col-xs-2 {
width: 16.66667%;
}
.tie-col-xs-3 {
width: 25%;
}
.tie-col-xs-4 {
width: 33.33333%;
}
.tie-col-xs-5 {
width: 41.66667%;
}
.tie-col-xs-6 {
width: 50%;
}
.tie-col-xs-7 {
width: 58.33333%;
}
.tie-col-xs-8 {
width: 66.66667%;
}
.tie-col-xs-9 {
width: 75%;
}
.tie-col-xs-10 {
width: 83.33333%;
}
.tie-col-xs-11 {
width: 91.66667%;
}
.tie-col-xs-12 {
width: 100%;
}
@media (min-width: 768px) {
.tie-col-sm-1, .tie-col-sm-2, .tie-col-sm-3, .tie-col-sm-4, .tie-col-sm-5, .tie-col-sm-6, .tie-col-sm-7, .tie-col-sm-8, .tie-col-sm-9, .tie-col-sm-10, .tie-col-sm-11, .tie-col-sm-12 {
float: left;
}
.tie-col-sm-1 {
width: 8.33333%;
}
.tie-col-sm-2 {
width: 16.66667%;
}
.tie-col-sm-3 {
width: 25%;
}
.tie-col-sm-4 {
width: 33.33333%;
}
.tie-col-sm-5 {
width: 41.66667%;
}
.tie-col-sm-6 {
width: 50%;
}
.tie-col-sm-7 {
width: 58.33333%;
}
.tie-col-sm-8 {
width: 66.66667%;
}
.tie-col-sm-9 {
width: 75%;
}
.tie-col-sm-10 {
width: 83.33333%;
}
.tie-col-sm-11 {
width: 91.66667%;
}
.tie-col-sm-12 {
width: 100%;
}
}
@media (min-width: 992px) {
.tie-col-md-1, .tie-col-md-2, .tie-col-md-3, .tie-col-md-4, .tie-col-md-5, .tie-col-md-6, .tie-col-md-7, .tie-col-md-8, .tie-col-md-9, .tie-col-md-10, .tie-col-md-11, .tie-col-md-12 {
float: left;
}
.tie-col-md-1 {
width: 8.33333%;
}
.tie-col-md-2 {
width: 16.66667%;
}
.tie-col-md-3 {
width: 25%;
}
.tie-col-md-4 {
width: 33.33333%;
}
.tie-col-md-5 {
width: 41.66667%;
}
.tie-col-md-6 {
width: 50%;
}
.tie-col-md-7 {
width: 58.33333%;
}
.tie-col-md-8 {
width: 66.66667%;
}
.tie-col-md-9 {
width: 75%;
}
.tie-col-md-10 {
width: 83.33333%;
}
.tie-col-md-11 {
width: 91.66667%;
}
.tie-col-md-12 {
width: 100%;
}
}
.tie-alignleft {
float: left;
}
.tie-alignright {
float: right;
}
.tie-aligncenter {
clear: both;
margin-left: auto;
margin-right: auto;
}
.fullwidth {
width: 100% !important;
}
.alignleft {
float: left;
margin: 0.375em 1.75em 1em 0;
}
.alignright {
float: right;
margin: 0.375em 0 1em 1.75em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 6px;
margin-bottom: 6px;
}
@media (max-width: 767px) {
.entry .alignright,
.entry .alignright img,
.entry .alignleft,
.entry .alignleft img {
float: none;
clear: both;
display: block;
margin: 0 auto 1.75em;
}
}
.clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.tie-container,
#tie-wrapper {
height: 100%;
min-height: 650px;
}
.tie-container {
position: relative;
overflow: hidden;
}
#tie-wrapper {
background: #ffffff;
position: relative;
z-index: 108;
height: 100%;
margin: 0 auto;
}
.container-wrapper {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
padding: 30px;
}
#content {
margin-top: 30px;
}
@media (max-width: 991px) {
#content {
margin-top: 15px;
}
}
.site-content {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.boxed-layout #tie-wrapper,
.boxed-layout .fixed-nav {
max-width: 1230px;
}
.boxed-layout.wrapper-has-shadow #tie-wrapper {
box-shadow: 0 1px 7px rgba(171, 171, 171, 0.5);
}
@media (min-width: 992px) {
.boxed-layout #main-nav.fixed-nav,
.boxed-layout #tie-wrapper {
width: 95%;
}
}
@media (min-width: 992px) {
.framed-layout #tie-wrapper {
margin-top: 25px;
margin-bottom: 25px;
}
}
@media (min-width: 992px) {
.border-layout #tie-container {
margin: 25px;
}
.border-layout:after, .border-layout:before {
background: inherit;
content: "";
display: block;
height: 25px;
left: 0;
bottom: 0;
position: fixed;
width: 100%;
z-index: 110;
}
.border-layout:before {
top: 0;
bottom: auto;
}
.border-layout.admin-bar:before {
top: 32px;
}
.border-layout #main-nav.fixed-nav {
left: 25px;
right: 25px;
width: calc(100% - 50px);
}
}
.theme-header {
background: #ffffff;
position: relative;
z-index: 999;
}
.theme-header:after {
content: "";
display: table;
clear: both;
}
.theme-header.has-shadow {
box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
}
.theme-header.top-nav-below .top-nav {
z-index: 8;
}
.is-stretch-header .container {
max-width: 100%;
}
.logo-row {
position: relative;
}
#theme-header.has-normal-width-logo #logo {
}
#logo {
margin-top: 40px;
margin-bottom: 40px;
display: block;
float: left;
}
#logo img {
vertical-align: middle;
}
#logo img[src*='.svg'] {
width: 100% !important;
}
@-moz-document url-prefix() {
#logo img[src*='.svg'] {
height: 100px;
}
}
#logo a {
display: inline-block;
}
#logo .h1-off {
position: absolute;
top: -9000px;
left: -9000px;
}
#logo.text-logo a {
color: #0088ff;
}
#logo.text-logo a:hover {
color: #006dcc;
opacity: 0.8;
}
#tie-logo-inverted,
#tie-sticky-logo-inverted {
display: none;
}
.tie-skin-inverted #tie-sticky-logo-inverted,
.tie-skin-inverted #tie-logo-inverted {
display: block;
}
.tie-skin-inverted #tie-sticky-logo-default,
.tie-skin-inverted #tie-logo-default {
display: none;
}
.logo-text {
font-size: 50px;
line-height: 50px;
font-weight: bold;
}
@media (max-width: 670px) {
.logo-text {
font-size: 30px;
}
}
.has-full-width-logo.is-stretch-header .logo-container {
padding: 0;
}
.has-full-width-logo #logo {
margin: 0;
}
.has-full-width-logo #logo a,
.has-full-width-logo #logo img {
width: 100%;
height: auto;
display: block;
}
.has-full-width-logo #logo,
.header-layout-2 #logo {
float: none;
text-align: center;
}
.has-full-width-logo #logo img,
.header-layout-2 #logo img {
margin-right: auto;
margin-left: auto;
}
.has-full-width-logo .logo-container,
.header-layout-2 .logo-container {
width: 100%;
float: none;
}
@media (max-width: 991px) {
#theme-header.has-normal-width-logo #logo {
margin: 14px 0 !important;
text-align: left;
line-height: 1;
}
#theme-header.has-normal-width-logo #logo img {
width: auto;
height: auto;
max-width: 190px;
}
}
@media (max-width: 479px) {
#theme-header.has-normal-width-logo #logo img {
max-width: 160px;
max-height: 60px !important;
}
}
@media (max-width: 991px) {
#theme-header.mobile-header-default:not(.header-layout-1) #logo,
#theme-header.mobile-header-default.header-layout-1 .header-layout-1-logo {
-webkit-flex-grow: 10;
-ms-flex-positive: 10;
flex-grow: 10;
}
#theme-header.mobile-header-centered.header-layout-1 .header-layout-1-logo {
width: auto !important;
}
#theme-header.mobile-header-centered #logo {
float: none;
text-align: center;
}
}
.components {
float: right;
}
.components > li {
position: relative;
float: right;
list-style: none;
}
.components > li.social-icons-item {
margin: 0;
}
.components > li > a {
display: block;
position: relative;
width: 30px;
text-align: center;
line-height: inherit;
font-size: 16px;
}
.components > li > a:hover,
.components > li:hover > a {
z-index: 2;
}
.components .avatar {
border-radius: 100%;
position: relative;
top: 4px;
max-width: 20px;
}
.components a.follow-btn {
width: auto;
padding-left: 15px;
padding-right: 15px;
overflow: hidden;
}
.components .follow-btn .tie-icon-plus {
font-size: 13px;
}
.components .follow-btn .follow-text {
font-size: 12px;
margin-left: 8px;
display: block;
float: right;
}
.components .search-bar {
width: auto;
border: solid rgba(0, 0, 0, 0.1);
border-width: 0 1px;
margin-left: 10px;
}
.components #search {
position: relative;
background: transparent;
}
.components #search-input {
border: 0;
margin-bottom: 0;
line-height: inherit;
width: 100%;
background: transparent;
padding: 0 25px 0 10px;
border-radius: 0;
box-sizing: border-box;
font-size: inherit;
}
.components #search-input:hover {
background: rgba(0, 0, 0, 0.03);
}
.components #search-input:focus {
background: rgba(0, 0, 0, 0.03);
box-shadow: none;
}
.components #search-submit {
position: absolute;
right: 0;
top: 0;
width: 40px;
line-height: inherit;
color: #777777;
background: transparent;
font-size: 15px;
padding: 0;
transition: color 0.15s;
}
.components #search-submit:hover {
color: #0088ff;
}
#search-submit .tie-icon-spinner {
color: #555;
cursor: default;
-webkit-animation: tie-spin 3s infinite linear;
animation: tie-spin 3s infinite linear;
}
.top-nav-boxed .components li:first-child.weather-menu-item,
.main-nav-boxed .components li:first-child.weather-menu-item,
.components .search-bar + .weather-menu-item {
padding-right: 10px;
}
.popup-login-icon.has-title a {
width: auto;
padding: 0 8px;
}
.popup-login-icon.has-title span {
line-height: unset;
float: left;
}
.popup-login-icon.has-title .login-title {
position: relative;
font-size: 13px;
padding-left: 4px;
}
.weather-menu-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-right: 5px;
overflow: hidden;
}
.weather-menu-item:after {
content: 't';
visibility: hidden;
width: 0;
}
.weather-menu-item .weather-wrap {
padding: 0;
overflow: inherit;
line-height: 23px;
}
.weather-menu-item .weather-forecast-day {
display: block;
float: left;
width: auto;
padding: 0 5px;
line-height: initial;
}
.weather-menu-item .weather-forecast-day .weather-icon {
font-size: 26px;
margin-bottom: 0;
}
.weather-menu-item .city-data {
float: left;
display: block;
font-size: 12px;
}
.weather-menu-item .weather-current-temp {
font-size: 16px;
font-weight: 400;
}
.weather-menu-item .weather-current-temp sup {
font-size: 9px;
top: -2px;
}
.weather-menu-item .theme-notice {
padding: 0 10px;
}
.components .tie-weather-widget {
color: #2c2f34;
}
.main-nav-dark .main-nav .tie-weather-widget {
color: #ffffff;
}
.top-nav-dark .top-nav .tie-weather-widget {
color: #cccccc;
}
.components .icon-basecloud-bg:after {
color: #ffffff;
}
.main-nav-dark .main-nav .icon-basecloud-bg:after {
color: #1f2024;
}
.top-nav-dark .top-nav .icon-basecloud-bg:after {
color: #27292d;
}
.header-layout-1 #menu-components-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 991px) {
.header-layout-1 #main-nav [class*="tie-col-md"] {
float: left;
width: auto;
}
}
.header-layout-1 .main-menu-wrapper {
display: table;
width: 100%;
}
.header-layout-1 #logo {
line-height: 1;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}
.header-layout-1 .header-layout-1-logo {
display: table-cell;
vertical-align: middle;
float: none;
}
.header-layout-1 #main-nav .components .search-bar {
border: none;
}
.header-layout-1 #main-nav .components #search-input {
border: 1px solid rgba(0, 0, 0, 0.1);
line-height: initial;
padding-top: 10px;
padding-bottom: 10px;
}
.header-layout-1.main-nav-dark #main-nav .components #search-input {
border-color: rgba(255, 255, 255, 0.07);
}
.header-layout-2 #menu-components-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-layout-4 #menu-components-wrap {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 25px;
}
.header-layout-4 #menu-components-wrap .main-menu-wrap {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.is-header-bg-extended #theme-header,
.is-header-bg-extended #theme-header.header-layout-1 #main-nav:not(.fixed-nav) {
background: transparent !important;
display: inline-block !important;
width: 100% !important;
box-shadow: none !important;
transition: background 0.3s;
}
.is-header-bg-extended #theme-header:before,
.is-header-bg-extended #theme-header.header-layout-1 #main-nav:not(.fixed-nav):before {
content: "";
position: absolute;
width: 100%;
left: 0;
right: 0;
top: 0;
height: 150px;
background-image: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.5));
}
@media (max-width: 991px) {
.is-header-bg-extended #tie-wrapper #theme-header .logo-container:not(.fixed-nav) {
background: transparent;
box-shadow: none;
transition: background 0.3s;
}
}
.is-header-bg-extended .has-background .is-first-section {
margin-top: -350px !important;
}
.is-header-bg-extended .has-background .is-first-section > * {
padding-top: 350px !important;
}
.rainbow-line {
height: 3px;
width: 100%;
position: relative;
z-index: 2;
background-image: linear-gradient(to right, #f76570 0%, #f76570 8%, #f3a46b 8%, #f3a46b 16%, #f3a46b 16%, #ffd205 16%, #ffd205 24%, #ffd205 24%, #1bbc9b 24%, #1bbc9b 25%, #1bbc9b 32%, #14b9d5 32%, #14b9d5 40%, #c377e4 40%, #c377e4 48%, #f76570 48%, #f76570 56%, #f3a46b 56%, #f3a46b 64%, #ffd205 64%, #ffd205 72%, #1bbc9b 72%, #1bbc9b 80%, #14b9d5 80%, #14b9d5 80%, #14b9d5 89%, #c377e4 89%, #c377e4 100%);
}
@media (max-width: 991px) {
.logo-container,
.header-layout-1 .main-menu-wrapper {
border-width: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.mobile-header-components {
display: none;
z-index: 10;
height: 30px;
line-height: 30px;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.mobile-header-components .components {
float: none;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-justify-content: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.mobile-header-components .components li.custom-menu-link {
display: inline-block;
float: none;
}
.mobile-header-components .components li.custom-menu-link > a {
width: 20px;
padding-bottom: 15px;
}
.mobile-header-components .components li.custom-menu-link > a .menu-counter-bubble {
right: calc(50% - 10px);
bottom: -10px;
}
.header-layout-1.main-nav-dark .mobile-header-components .components li.custom-menu-link > a {
color: #fff;
}
.dark-skin .mobile-header-components .components a.button.guest-btn:not(:hover) {
background: #23262a;
border-color: #23262a;
color: #fff;
}
.mobile-header-components .components .comp-sub-menu {
padding: 10px;
}
.dark-skin .mobile-header-components .components .comp-sub-menu {
background: #1f2024;
}
.mobile-header-components [class^="tie-icon-"],
.mobile-header-components [class*=" tie-icon-"] {
font-size: 18px;
width: 20px;
height: 20px;
vertical-align: middle;
}
.mobile-header-components .tie-mobile-menu-icon {
font-size: 20px;
}
.mobile-header-components .tie-icon-grid-9,
.mobile-header-components .tie-icon-grid-4 {
-webkit-transform: scale(1.75);
-ms-transform: scale(1.75);
transform: scale(1.75);
}
.mobile-header-components .nav-icon {
display: inline-block;
width: 20px;
height: 2px;
background-color: #2c2f34;
position: relative;
top: -4px;
transition: background 0.4s ease;
}
.mobile-header-components .nav-icon:before, .mobile-header-components .nav-icon:after {
position: absolute;
right: 0;
background-color: #2c2f34;
content: '';
display: block;
width: 100%;
height: 100%;
transition: background 0.4s, right .2s ease, -webkit-transform 0.4s;
transition: transform 0.4s, background 0.4s, right .2s ease;
transition: transform 0.4s, background 0.4s, right .2s ease, -webkit-transform 0.4s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.mobile-header-components .nav-icon:before {
-webkit-transform: translateY(-7px);
-ms-transform: translateY(-7px);
transform: translateY(-7px);
}
.mobile-header-components .nav-icon:after {
-webkit-transform: translateY(7px);
-ms-transform: translateY(7px);
transform: translateY(7px);
}
.mobile-header-components .nav-icon.is-layout-2:before, .mobile-header-components .nav-icon.is-layout-2:after {
width: 70%;
right: 15%;
}
.mobile-header-components .nav-icon.is-layout-3:after {
width: 60%;
}
.mobile-header-components .nav-icon.is-layout-4:after {
width: 60%;
right: auto;
left: 0;
}
.dark-skin .mobile-header-components .nav-icon, .dark-skin .mobile-header-components .nav-icon:before, .dark-skin .mobile-header-components .nav-icon:after,
.main-nav-dark.header-layout-1 .mobile-header-components .nav-icon,
.main-nav-dark.header-layout-1 .mobile-header-components .nav-icon:before,
.main-nav-dark.header-layout-1 .mobile-header-components .nav-icon:after {
background-color: #ffffff;
}
.dark-skin .mobile-header-components .nav-icon .menu-text,
.main-nav-dark.header-layout-1 .mobile-header-components .nav-icon .menu-text {
color: #ffffff;
}
.mobile-header-components .menu-text-wrapper {
white-space: nowrap;
width: auto !important;
}
.mobile-header-components .menu-text {
color: #2c2f34;
line-height: 30px;
font-size: 12px;
padding: 0 0 0 5px;
display: inline-block;
transition: color 0.4s;
}
.dark-skin .mobile-header-components .menu-text,
.main-nav-dark.header-layout-1 .mobile-header-components .menu-text {
color: #ffffff;
}
#mobile-header-components-area_1 .components li.custom-menu-link > a {
margin-right: 15px;
}
#mobile-header-components-area_1 .comp-sub-menu {
left: 0;
right: auto;
}
#mobile-header-components-area_2 .components {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
#mobile-header-components-area_2 .components li.custom-menu-link > a {
margin-left: 15px;
}
#mobile-menu-icon:hover .nav-icon, #mobile-menu-icon:hover .nav-icon:before, #mobile-menu-icon:hover .nav-icon:after {
background-color: #0088ff;
}
@media (max-width: 991px) {
.logo-container:before, .logo-container:after {
height: 1px;
}
.mobile-components-row .logo-wrapper {
height: auto !important;
}
.mobile-components-row .logo-container,
.mobile-components-row.header-layout-1 .main-menu-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mobile-components-row:not(.header-layout-1) #logo,
.mobile-components-row.header-layout-1 .header-layout-1-logo {
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.mobile-components-row .mobile-header-components {
padding: 5px 0;
height: 45px;
}
.mobile-components-row .mobile-header-components .components li.custom-menu-link > a {
padding-bottom: 0;
}
#tie-body #mobile-container,
.mobile-header-components {
display: block;
}
#slide-sidebar-widgets {
display: none;
}
}
.top-nav {
background-color: #ffffff;
position: relative;
z-index: 10;
line-height: 35px;
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 1px 0;
color: #2c2f34;
}
.main-nav-below.top-nav-above .top-nav {
border-top-width: 0;
}
.top-nav a:not(.button):not(:hover) {
color: #2c2f34;
}
.top-nav .components > li:hover > a {
color: #0088ff;
}
.topbar-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 35px;
}
.top-nav.has-menu .topbar-wrapper, .top-nav.has-components .topbar-wrapper {
display: block;
}
.top-nav .tie-alignleft,
.top-nav .tie-alignright {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
}
.top-nav.has-breaking-news .tie-alignleft {
-webkit-flex: 1 0 100px;
-ms-flex: 1 0 100px;
flex: 1 0 100px;
}
.top-nav.has-breaking-news .tie-alignright {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
z-index: 1;
}
.top-nav.has-date-components .tie-alignleft .components > li:first-child:not(.search-bar), .top-nav.has-date-components-menu .components > li:first-child:not(.search-bar),
.top-nav-boxed .top-nav.has-components .components > li:first-child:not(.search-bar) {
border-width: 0;
}
@media (min-width: 992px) {
.header-layout-1.top-nav-below:not(.has-shadow) .top-nav {
border-width: 0 0 1px;
}
}
.topbar-today-date {
float: left;
padding-right: 15px;
font-size: 12px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.topbar-today-date:before {
font-size: 13px;
content: "\f017";
}
.top-menu .menu a {
padding: 0 10px;
}
.top-menu .menu li:hover > a {
color: #0088ff;
}
.top-menu .menu ul {
display: none;
position: absolute;
background: #ffffff;
}
.top-menu .menu li:hover > ul {
display: block;
}
.top-menu .menu li {
position: relative;
}
.top-menu .menu ul.sub-menu a {
width: 180px;
line-height: 20px;
padding: 7px 15px;
}
.tie-alignright .top-menu {
float: right;
border-width: 0 1px;
}
.top-menu .menu .tie-current-menu > a {
color: #0088ff;
}
@media (min-width: 992px) {
.top-nav-boxed .top-nav {
background: transparent !important;
border-width: 0;
}
.top-nav-boxed .topbar-today-date {
padding: 0 15px;
}
.top-nav-boxed .top-nav {
background: transparent;
border-width: 0;
}
.top-nav-boxed .topbar-wrapper {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 0 1px 1px;
width: 100%;
}
.top-nav-boxed.main-nav-above.top-nav-below:not(.header-layout-1) .topbar-wrapper {
border-width: 1px;
}
.top-nav-boxed.has-shadow.top-nav-below .topbar-wrapper, .top-nav-boxed.has-shadow.top-nav-below-main-nav .topbar-wrapper {
border-width: 1px 1px 0 !important;
}
.top-nav-boxed.main-nav-below.top-nav-below-main-nav .has-breaking-news .topbar-wrapper {
border-left-width: 0 !important;
}
.top-nav-boxed .has-menu .topbar-wrapper,
.top-nav-boxed .has-components .topbar-wrapper {
border-width: 0 1px 1px;
}
.top-nav-boxed .tie-alignright .search-bar {
border-right-width: 0;
}
.top-nav-boxed .tie-alignleft .search-bar {
border-left-width: 0;
}
.top-nav-boxed .has-date-components .tie-alignleft .search-bar,
.top-nav-boxed .has-date-components-menu .tie-alignleft .search-bar {
border-left-width: 1px;
}
}
.top-nav .tie-alignleft .components,
.top-nav .tie-alignleft .components > li {
float: left;
}
.top-nav .tie-alignleft .comp-sub-menu {
right: auto;
left: -1px;
}
.top-nav-dark .top-nav {
background-color: #2c2e32;
color: #cccccc;
}
.top-nav-dark .top-nav * {
border-color: rgba(255, 255, 255, 0.1);
}
.top-nav-dark .top-nav .breaking a {
color: #cccccc;
}
.top-nav-dark .top-nav .breaking a:hover {
color: #ffffff;
}
.top-nav-dark .top-nav .components > li > a,
.top-nav-dark .top-nav .components > li.social-icons-item .social-link:not(:hover) span {
color: #cccccc;
}
.top-nav-dark .top-nav .components > li:hover > a {
color: #ffffff;
}
.top-nav-dark .top-nav .top-menu li a {
color: #cccccc;
border-color: rgba(255, 255, 255, 0.04);
}
.top-nav-dark .top-menu ul {
background: #2c2e32;
}
.top-nav-dark .top-menu li:hover > a {
background: rgba(0, 0, 0, 0.1);
color: #0088ff;
}
.top-nav-dark.top-nav-boxed .top-nav {
background-color: transparent;
}
.top-nav-dark.top-nav-boxed .topbar-wrapper {
background-color: #2c2e32;
}
.top-nav-dark.top-nav-boxed.top-nav-above.main-nav-below .topbar-wrapper {
border-width: 0;
}
.top-nav-light #top-nav .weather-icon .icon-cloud,
.top-nav-light #top-nav .weather-icon .icon-basecloud-bg,
.top-nav-light #top-nav .weather-icon .icon-cloud-behind,
.main-nav-light #main-nav .weather-icon .icon-cloud,
.main-nav-light #main-nav .weather-icon .icon-basecloud-bg,
.main-nav-light #main-nav .weather-icon .icon-cloud-behind {
color: #d3d3d3;
}
@media (max-width: 991px) {
.top-nav:not(.has-breaking-news),
.topbar-today-date,
.top-menu,
.theme-header .components {
display: none;
}
}
.breaking {
display: none;
}
.main-nav-wrapper {
position: relative;
z-index: 4;
}
.main-nav-below.top-nav-below-main-nav .main-nav-wrapper {
z-index: 9;
}
.main-nav-above.top-nav-below .main-nav-wrapper {
z-index: 10;
}
.main-nav {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
border-width: 1px 0;
}
.main-menu-wrapper {
border: 0 solid rgba(0, 0, 0, 0.1);
position: relative;
}
@media (min-width: 992px) {
.header-menu {
float: left;
}
.header-menu .menu li {
display: block;
float: left;
}
.header-menu .menu a {
display: block;
position: relative;
}
.header-menu .menu .sub-menu a {
padding: 8px 10px;
}
.header-menu .menu a:hover,
.header-menu .menu li:hover > a {
z-index: 2;
}
.header-menu .menu ul {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header-menu .menu ul li {
position: relative;
}
.header-menu .menu ul a {
border-width: 0 0 1px;
transition: 0.15s;
}
.header-menu .menu ul ul {
top: 0;
left: 100%;
}
#main-nav {
z-index: 9;
line-height: 60px;
}
.top-nav-below-main-nav #main-nav .main-menu > ul > li,
.header-layout-1.top-nav-below #main-nav .main-menu > ul > li {
border-bottom: 0;
margin-bottom: 0;
}
.main-menu .menu a {
transition: 0.15s;
}
.main-menu .menu > li > a {
padding: 0 14px;
font-size: 13px;
font-weight: 600;
}
.main-menu .menu > li > .menu-sub-content {
border-top: 2px solid #0088ff;
}
.main-menu .menu > li.tie-current-menu {
border-bottom: 5px solid #0088ff;
margin-bottom: -5px;
}
.main-menu .menu > li.tie-current-menu > a:after {
content: "";
width: 20px;
height: 2px;
position: absolute;
margin-top: 17px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: #2c2f34;
transition: 0.3s;
}
.main-menu .menu > li.is-icon-only > a {
padding: 0 20px;
line-height: inherit;
}
.main-menu .menu > li.is-icon-only > a:after, .main-menu .menu > li.is-icon-only > a:before {
display: none;
}
.main-menu .menu > li.is-icon-only > a .tie-menu-icon {
font-size: 160%;
-webkit-transform: translateY(15%);
-ms-transform: translateY(15%);
transform: translateY(15%);
}
.main-menu .menu ul {
line-height: 20px;
z-index: 1;
}
.main-menu .menu .sub-menu .tie-menu-icon,
.main-menu .menu .mega-recent-featured-list .tie-menu-icon,
.main-menu .menu .mega-link-column .tie-menu-icon,
.main-menu .menu .mega-cat-more-links .tie-menu-icon {
width: 20px;
}
.main-menu .menu-sub-content {
display: none;
padding: 15px;
width: 230px;
position: absolute;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.main-menu .menu-sub-content a {
width: 200px;
}
.main-menu .menu-sub-content .menu-item-has-children > a:before {
right: 5px;
}
.main-menu ul li:hover > .menu-sub-content,
.main-menu ul li[aria-expanded="true"] > ul,
.main-menu ul li[aria-expanded="true"] > .mega-menu-block {
display: block;
z-index: 1;
}
nav.main-nav .menu > li.tie-current-menu > a,
nav.main-nav .menu > li:hover > a {
background-color: #0088ff;
color: #ffffff;
}
.header-layout-1 .main-menu-wrap .menu > li:only-child:not(.mega-menu) {
position: relative;
}
.header-layout-1 .main-menu-wrap .menu > li:only-child > .menu-sub-content {
right: 0;
left: auto;
}
.header-layout-1 .main-menu-wrap .menu > li:only-child > .menu-sub-content ul {
left: auto;
right: 100%;
}
nav.main-nav .components > li:hover > a {
color: #0088ff;
}
.main-nav-dark .main-nav {
background: #1f2024;
border-width: 0;
}
.main-nav-dark .main-nav .search-bar {
border-color: rgba(255, 255, 255, 0.07);
}
.main-nav-dark .main-nav .components > li > a {
color: #ffffff;
}
.main-nav-dark .main-nav .components > li.social-icons-item .social-link:not(:hover) span {
color: #ffffff;
}
.main-nav-dark .main-nav.fixed-nav {
background-color: rgba(31, 32, 36, 0.95);
}
.main-nav-dark .main-menu .menu > li a {
color: #ffffff;
}
.main-nav-dark .main-menu .menu ul li:hover > a,
.main-nav-dark .main-menu .menu ul li.current-menu-item:not(.mega-link-column) > a {
color: #0088ff;
}
.main-nav-dark .main-menu .menu-sub-content {
background: #1f2024;
color: #ffffff;
}
.main-nav-dark .main-menu .menu ul a,
.main-nav-dark .main-menu .mega-cat-wrapper,
.main-nav-dark .mega-cat-more-links > li a {
border-color: rgba(255, 255, 255, 0.04);
}
.main-nav-dark .mega-recent-featured-list:after {
background: rgba(0, 0, 0, 0.08);
}
.main-nav-dark.main-nav-boxed .main-nav .main-menu-wrapper {
background-color: #1f2024;
}
.main-nav-dark .cats-vertical,
.main-nav-dark ul.cats-horizontal li a {
background: rgba(0, 0, 0, 0.2);
}
.main-nav-dark ul.cats-horizontal li a {
border: none;
}
.main-nav-dark ul.cats-vertical li a.is-active,
.main-nav-dark ul.cats-vertical li a:hover {
background: #1f2024;
}
.main-nav-light .main-nav {
background-color: #ffffff;
color: #2c2f34;
}
.main-nav-light .main-nav .menu-sub-content {
background: #ffffff;
}
.main-nav-light .main-nav .menu ul li:hover > a,
.main-nav-light .main-nav .components li a:hover,
.main-nav-light .main-nav .menu ul li.current-menu-item:not(.mega-link-column) > a {
color: #0088ff;
}
.main-nav-light .main-nav .menu a,
.main-nav-light .main-nav .components li a {
color: #2c2f34;
}
.main-nav-light .main-nav .components li a.button:hover,
.main-nav-light .main-nav .components li a.checkout-button {
color: #ffffff;
}
.main-nav-light .main-nav.fixed-nav {
background-color: rgba(255, 255, 255, 0.95);
}
.main-nav-light .cats-vertical {
background: rgba(0, 0, 0, 0.03);
}
.main-nav-light ul.cats-vertical li a.is-active,
.main-nav-light ul.cats-vertical li a:hover {
background: #fff;
}
.main-nav-light .mega-menu .post-meta,
.main-nav-light .mega-menu .post-meta a:not(:hover) {
color: rgba(0, 0, 0, 0.5);
}
}
@media (min-width: 992px) {
.menu-item-has-children > a:before,
.mega-menu > a:before {
content: '';
position: absolute;
right: 12px;
margin-top: 2px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border: 4px solid transparent;
border-top: 4px solid #ffffff;
transition: border 0.15s;
}
.menu-item-has-children .menu-item-has-children > a:before,
.mega-menu .menu-item-has-children > a:before {
border: 4px solid transparent;
border-left-color: #ffffff;
}
.menu > .menu-item-has-children:not(.is-icon-only) > a,
.menu .mega-menu:not(.is-icon-only) > a {
padding-right: 25px;
}
.main-menu .menu > li.tie-current-menu > a:before,
.main-menu .menu > li:hover > a:before {
border-top-color: #ffffff;
}
.main-nav-light .main-nav .menu-item-has-children > a:before,
.main-nav-light .mega-menu > a:before {
border-top-color: #2c2f34;
}
.main-nav-light .main-nav .menu-item-has-children .menu-item-has-children > a:before,
.main-nav-light .mega-menu .menu-item-has-children > a:before {
border-top-color: transparent;
border-left-color: #2c2f34;
}
.main-nav-light .main-nav .menu-item-has-children li:hover > a:before,
.main-nav-light .mega-menu li:hover > a:before {
border-left-color: #0088ff;
}
.top-nav-dark .top-menu .menu-item-has-children > a:before {
border-top-color: #cccccc;
}
.top-nav-dark .top-menu .menu-item-has-children .menu-item-has-children > a:before {
border-left-color: #cccccc;
border-top-color: transparent;
}
}
@media (min-width: 992px) {
.main-nav-boxed .main-nav {
border-width: 0;
}
.main-nav-boxed .main-menu-wrapper {
float: left;
width: 100%;
}
.main-nav-boxed .main-menu-wrapper .search-bar {
border-right-width: 0;
}
.main-nav-boxed.main-nav-light .main-menu-wrapper {
border-width: 1px;
background-color: #ffffff;
}
.dark-skin .main-nav-boxed.main-nav-light .main-menu-wrapper {
border-width: 0;
}
.main-nav-boxed.main-nav-light .fixed-nav .main-menu-wrapper {
border-color: transparent;
}
.main-nav-above.top-nav-above #main-nav:not(.fixed-nav) {
top: -1px;
}
.main-nav-below.top-nav-below #main-nav:not(.fixed-nav) {
bottom: -1px;
}
.dark-skin .main-nav-below.top-nav-above #main-nav {
border-width: 0;
}
.dark-skin .main-nav-below.top-nav-below-main-nav #main-nav {
border-top-width: 0;
}
}
.main-nav-boxed .main-nav:not(.fixed-nav),
.main-nav-boxed .fixed-nav .main-menu-wrapper,
.theme-header:not(.main-nav-boxed) .fixed-nav .main-menu-wrapper {
background: transparent !important;
}
@media (min-width: 992px) {
.header-layout-1.main-nav-below.top-nav-above .main-nav {
margin-top: -1px;
}
.header-layout-1.main-nav-below.top-nav-above .top-nav {
border-top-width: 0;
}
.header-layout-1.main-nav-below.top-nav-above .breaking-title {
top: 0;
margin-bottom: -1px;
}
}
.header-layout-1.main-nav-below.top-nav-below-main-nav .main-nav-wrapper {
z-index: 9;
}
.header-layout-1.main-nav-below.top-nav-below-main-nav .main-nav {
margin-bottom: -1px;
bottom: 0;
border-top-width: 0;
}
@media (min-width: 992px) {
.header-layout-1.main-nav-below.top-nav-below-main-nav .top-nav {
margin-top: -1px;
}
}
.header-layout-1.has-shadow:not(.top-nav-below) .main-nav {
border-bottom: 0 !important;
}
#theme-header.header-layout-1 > div:only-child nav {
border-width: 0 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
.main-nav .menu > li:not(.is-icon-only) > a {
padding-left: 7px;
padding-right: 7px;
}
.main-nav .menu > li:not(.is-icon-only) > a:before {
display: none;
}
.main-nav .menu > li.is-icon-only > a {
padding-left: 15px;
padding-right: 15px;
}
}
.menu-tiny-label {
font-size: 10px;
border-radius: 10px;
padding: 2px 7px 3px;
margin-left: 3px;
line-height: 1;
position: relative;
top: -1px;
}
.menu-tiny-label.menu-tiny-circle {
border-radius: 100%;
}
@media (max-width: 991px) {
#sticky-logo {
display: none;
}
}
@media (min-width: 992px) {
#sticky-logo {
overflow: hidden;
float: left;
vertical-align: middle;
}
#sticky-logo a {
line-height: 1;
display: inline-block;
}
#sticky-logo img {
position: relative;
vertical-align: middle;
padding: 8px 10px;
top: -1px;
max-height: 50px;
}
.just-before-sticky #sticky-logo img,
.header-layout-1 #sticky-logo img {
padding: 0;
}
.header-layout-1:not(.has-custom-sticky-logo) #sticky-logo {
display: none;
}
.theme-header #sticky-logo img {
opacity: 0;
visibility: hidden;
width: 0 !important;
-webkit-transform: translateY(75%);
-ms-transform: translateY(75%);
transform: translateY(75%);
transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.theme-header.header-layout-1:not(.has-custom-sticky-logo) #sticky-logo img {
transition: none;
}
.theme-header:not(.header-layout-1) #main-nav:not(.fixed-nav) #sticky-logo img {
margin-left: -20px;
}
.header-layout-1 .flex-placeholder {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.theme-header .fixed-nav {
position: fixed;
width: 100%;
top: 0;
bottom: auto !important;
z-index: 100;
will-change: transform;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
border-width: 0;
background-color: rgba(255, 255, 255, 0.95);
}
.theme-header .fixed-nav:not(.just-before-sticky) {
line-height: 60px !important;
}
@media (min-width: 992px) {
.theme-header .fixed-nav:not(.just-before-sticky) .header-layout-1-logo {
display: none;
}
}
.theme-header .fixed-nav:not(.just-before-sticky) #sticky-logo img {
opacity: 1;
visibility: visible;
width: auto !important;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
@media (min-width: 992px) {
.header-layout-1:not(.just-before-sticky):not(.has-custom-sticky-logo) .fixed-nav #sticky-logo {
display: block;
}
}
.admin-bar .theme-header .fixed-nav {
top: 32px;
}
@media (max-width: 782px) {
.admin-bar .theme-header .fixed-nav {
top: 46px;
}
}
@media (max-width: 600px) {
.admin-bar .theme-header .fixed-nav {
top: 0;
}
}
@media (min-width: 992px) {
.border-layout .theme-header .fixed-nav {
top: 25px;
}
.border-layout.admin-bar .theme-header .fixed-nav {
top: 57px;
}
}
.theme-header .fixed-nav .container {
opacity: 0.95;
}
.theme-header .fixed-nav .main-menu-wrapper,
.theme-header .fixed-nav .main-menu {
border-top: 0;
}
.theme-header .fixed-nav.fixed-unpinned:not(.default-behavior-mode) .main-menu .menu > li.tie-current-menu {
border-bottom-width: 0;
margin-bottom: 0;
}
.theme-header .fixed-nav.unpinned-no-transition {
transition: none;
}
.theme-header .fixed-pinned,
.theme-header .default-behavior-mode.fixed-unpinned {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@media (max-width: 991px) {
.theme-header .fixed-nav {
transition: none;
}
.fixed-nav.logo-container.sticky-up, .fixed-nav.logo-container.sticky-nav-slide.sticky-down, .fixed-nav#main-nav.sticky-up, .fixed-nav#main-nav.sticky-nav-slide.sticky-down {
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.sticky-type-slide .fixed-nav.logo-container.sticky-nav-slide-visible,
.sticky-type-slide .fixed-nav#main-nav.sticky-nav-slide-visible {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.fixed-nav.default-behavior-mode {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
}
@media (max-width: 991px) {
#tie-wrapper header#theme-header {
box-shadow: none;
background: transparent !important;
}
.logo-container,
.header-layout-1 .main-nav {
border-width: 0;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
}
.header-layout-1.top-nav-below .main-nav:not(.fixed-nav) {
box-shadow: none;
}
.is-header-layout-1.has-header-ad .top-nav-below .main-nav {
border-bottom-width: 1px;
}
.logo-container,
.header-layout-1 .main-nav {
background-color: #ffffff;
}
.dark-skin .logo-container,
.main-nav-dark.header-layout-1 .main-nav {
background-color: #1f2024;
}
.dark-skin #theme-header .logo-container.fixed-nav {
background-color: rgba(31, 32, 36, 0.95);
}
.header-layout-1.main-nav-below.top-nav-below-main-nav .main-nav {
margin-bottom: 0;
}
#sticky-nav-mask,
.header-layout-1 #menu-components-wrap,
.header-layout-3 .main-nav-wrapper,
.header-layout-2 .main-nav-wrapper {
display: none;
}
.main-menu-wrapper .tie-alignleft {
width: 100%;
}
}