Commit 5bb1365245504fe5d0f82a2c5ec9e931ad8a26e4
1 parent
91610710
header
Showing
4 changed files
with
47 additions
and
42 deletions
css/color/color7.css
| 1 | -.mail-success .mail-head .button .btn,.error .error-left .button .btn,.error .error-left h2,.error .error-left p,#blog-single .pagination ul li:hover a,#blog-single .single-news .news-body .tags li a,#blog-single .single-news .news-body .btn,#blog-single .single-news .news-body h2 a:hover,#single-pf .single-news .news-body .btn,#single-pf .single-news .news-body span a,#single-pf .single-news .news-body h2 a:hover,.header .nav li.current a,.header #nav li:hover a,#header .nav li .dropdown li:hover a,#slider .button .btn,.cd-words-wrapper,#features .single-right i,.latest-works .works-menu ul li:hover,.latest-works .works-menu ul li.active,.latest-works .single-work .works-hover h4:hover,.latest-works .single-work .works-hover a:hover i,#testimonials .single-testimonial p .fa,#blog .single-news .news-body h2:hover a,#blog .single-news .news-body .btn,.p-table4 .table-head .price .amount span,.p-table4 .button .btn,.p-table4 .button .btn i,#contact .contact-left .p1,.contact .form .btn:hover,.footer .single-footer .contact i,.footer .single-footer span:hover,.footer .single-footer h2 i,.footer .copyright .social li a{ | 1 | +.mail-success .mail-head .button .btn,.error .error-left .button .btn,.error .error-left h2,.error .error-left p,#blog-single .pagination ul li:hover a,#blog-single .single-news .news-body .tags li a,#blog-single .single-news .news-body .btn,#blog-single .single-news .news-body h2 a:hover,#single-pf .single-news .news-body .btn,#single-pf .single-news .news-body span a,#single-pf .single-news .news-body h2 a:hover,#header .nav li .dropdown li:hover a,#slider .button .btn,.cd-words-wrapper,#features .single-right i,.latest-works .works-menu ul li:hover,.latest-works .works-menu ul li.active,.latest-works .single-work .works-hover h4:hover,.latest-works .single-work .works-hover a:hover i,#testimonials .single-testimonial p .fa,#blog .single-news .news-body h2:hover a,#blog .single-news .news-body .btn,.p-table4 .table-head .price .amount span,.p-table4 .button .btn,.p-table4 .button .btn i,#contact .contact-left .p1,.contact .form .btn:hover,.footer .single-footer .contact i,.footer .single-footer span:hover,.footer .single-footer h2 i,.footer .copyright .social li a{ |
| 2 | color:#36BFC4; | 2 | color:#36BFC4; |
| 3 | + | ||
| 4 | +} | ||
| 5 | +.header .nav li.current a{ | ||
| 6 | + border-bottom: 2px solid #fff; | ||
| 3 | } | 7 | } |
| 4 | 8 | ||
| 5 | .mail-success .mail-head .button .btn::before ,.mail-success .mail-head .button .btn:after,.mail-success .mail-head .button span::before,.mail-success .mail-head .button span::after,.error .error-left .button span::after ,.error .error-left .button span::before,.error .error-left .button .btn:after,.error .error-left .button .btn::before ,#blog-single .single-news .news-body .date,#single-pf .owl-nav button:hover,.color-plate .icon,#scrollUp,.section-title h2:before,.section-title h2::after,#slider .button .btn::before,#slider .button .btn:after,#slider .button span::before,#slider .button span::after,#Services .single-service i,#blog .single-news .news-body .date,#team .team-hover .social li a:hover,.p-table4 .button .btn::before,.p-table4 .button .btn:after,.p-table4 .button span::before,.p-table4 .button span::after,#contact .contact-left .p1::before,#contact .contact-right,.footer .single-footer .button,.footer .copyright,.slicknav_menu .slicknav_btn{ | 9 | .mail-success .mail-head .button .btn::before ,.mail-success .mail-head .button .btn:after,.mail-success .mail-head .button span::before,.mail-success .mail-head .button span::after,.error .error-left .button span::after ,.error .error-left .button span::before,.error .error-left .button .btn:after,.error .error-left .button .btn::before ,#blog-single .single-news .news-body .date,#single-pf .owl-nav button:hover,.color-plate .icon,#scrollUp,.section-title h2:before,.section-title h2::after,#slider .button .btn::before,#slider .button .btn:after,#slider .button span::before,#slider .button span::after,#Services .single-service i,#blog .single-news .news-body .date,#team .team-hover .social li a:hover,.p-table4 .button .btn::before,.p-table4 .button .btn:after,.p-table4 .button span::before,.p-table4 .button span::after,#contact .contact-left .p1::before,#contact .contact-right,.footer .single-footer .button,.footer .copyright,.slicknav_menu .slicknav_btn{ |
css/style.css
| @@ -52,7 +52,7 @@ a{ | @@ -52,7 +52,7 @@ a{ | ||
| 52 | color:#888; | 52 | color:#888; |
| 53 | } | 53 | } |
| 54 | /*=================== | 54 | /*=================== |
| 55 | - Header CSS | 55 | + Header CSS |
| 56 | =====================*/ | 56 | =====================*/ |
| 57 | #header{ | 57 | #header{ |
| 58 | background-color:#fff; | 58 | background-color:#fff; |
| @@ -94,9 +94,9 @@ a{ | @@ -94,9 +94,9 @@ a{ | ||
| 94 | color:#ccc; | 94 | color:#ccc; |
| 95 | font-size:14px; | 95 | font-size:14px; |
| 96 | } | 96 | } |
| 97 | -#header .social li:hover a{ | ||
| 98 | - color:#42ACF6; | ||
| 99 | -} | 97 | +/*#header .social li:hover a{*/ |
| 98 | + /*color:#42ACF6;*/ | ||
| 99 | +/*}*/ | ||
| 100 | #header .social li.email{ | 100 | #header .social li.email{ |
| 101 | margin-right:42px; | 101 | margin-right:42px; |
| 102 | color:#fff; | 102 | color:#fff; |
| @@ -150,9 +150,9 @@ a{ | @@ -150,9 +150,9 @@ a{ | ||
| 150 | left:0%; | 150 | left:0%; |
| 151 | right:0%; | 151 | right:0%; |
| 152 | } | 152 | } |
| 153 | -#header .nav li:hover a{ | ||
| 154 | - color:#29B6F6; | ||
| 155 | -} | 153 | +/*#header .nav li:hover a{*/ |
| 154 | + /*color:#29B6F6;*/ | ||
| 155 | +/*}*/ | ||
| 156 | #header .right-bar { | 156 | #header .right-bar { |
| 157 | float: right; | 157 | float: right; |
| 158 | } | 158 | } |
| @@ -182,9 +182,9 @@ a{ | @@ -182,9 +182,9 @@ a{ | ||
| 182 | color:#444; | 182 | color:#444; |
| 183 | position:relative; | 183 | position:relative; |
| 184 | } | 184 | } |
| 185 | -#header .right-bar li a:hover{ | ||
| 186 | - color:#42ACF6; | ||
| 187 | -} | 185 | +/*#header .right-bar li a:hover{*/ |
| 186 | + /*color:#42ACF6;*/ | ||
| 187 | +/*}*/ | ||
| 188 | 188 | ||
| 189 | /*=================== | 189 | /*=================== |
| 190 | Slider CSS | 190 | Slider CSS |
| @@ -360,7 +360,7 @@ a{ | @@ -360,7 +360,7 @@ a{ | ||
| 360 | -webkit-transition:all 0.4s ease; | 360 | -webkit-transition:all 0.4s ease; |
| 361 | -moz-transition:all 0.4s ease; | 361 | -moz-transition:all 0.4s ease; |
| 362 | transition:all 0.4s ease; | 362 | transition:all 0.4s ease; |
| 363 | - | 363 | + |
| 364 | } | 364 | } |
| 365 | #latest-works .works-menu ul li:hover:before{ | 365 | #latest-works .works-menu ul li:hover:before{ |
| 366 | left:50%; | 366 | left:50%; |
| @@ -428,7 +428,7 @@ a{ | @@ -428,7 +428,7 @@ a{ | ||
| 428 | -webkit-transition:all 0.4s ease; | 428 | -webkit-transition:all 0.4s ease; |
| 429 | -moz-transition:all 0.4s ease; | 429 | -moz-transition:all 0.4s ease; |
| 430 | transition:all 0.4s ease; | 430 | transition:all 0.4s ease; |
| 431 | - | 431 | + |
| 432 | } | 432 | } |
| 433 | #latest-works .works-menu ul li:hover:before{ | 433 | #latest-works .works-menu ul li:hover:before{ |
| 434 | left:50%; | 434 | left:50%; |
| @@ -712,4 +712,4 @@ margin:0; | @@ -712,4 +712,4 @@ margin:0; | ||
| 712 | } | 712 | } |
| 713 | #footer .copyright p{ | 713 | #footer .copyright p{ |
| 714 | color:#666666; | 714 | color:#666666; |
| 715 | -} | ||
| 716 | \ No newline at end of file | 715 | \ No newline at end of file |
| 716 | +} |
index.html
| @@ -69,8 +69,8 @@ | @@ -69,8 +69,8 @@ | ||
| 69 | <div class="col-md-4 col-sm-2 col-xs-2"> | 69 | <div class="col-md-4 col-sm-2 col-xs-2"> |
| 70 | <div class="logo"> | 70 | <div class="logo"> |
| 71 | <a href="index.html"> | 71 | <a href="index.html"> |
| 72 | - <img src="img/logo.png" alt="logo.png"> | ||
| 73 | - <img src="img/logoname.png" alt="logoname.png"> | 72 | + <img src="img/logo.png" alt="logo.png" style="margin-right: 16px;"> |
| 73 | + <img src="img/logoname.png" alt="logoname.png" style="margin-right: 26px;"> | ||
| 74 | <img src="img/logotitle.png" alt="logotitle.png"> | 74 | <img src="img/logotitle.png" alt="logotitle.png"> |
| 75 | </a> | 75 | </a> |
| 76 | </div> | 76 | </div> |
| @@ -80,29 +80,29 @@ | @@ -80,29 +80,29 @@ | ||
| 80 | <nav class="navbar navbar-default"> | 80 | <nav class="navbar navbar-default"> |
| 81 | <div class="collapse navbar-collapse"> | 81 | <div class="collapse navbar-collapse"> |
| 82 | <ul id="nav" class="nav navbar-nav"> | 82 | <ul id="nav" class="nav navbar-nav"> |
| 83 | - <li class="current"><a href="#slider">home</a> | ||
| 84 | - </li> | ||
| 85 | - <li><a href="#Services">Services</a></li> | ||
| 86 | - <li><a href="#latest-works">portfolio<i class="fa fa-caret-down" aria-hidden="true"></i></a> | ||
| 87 | - <ul class="dropdown"> | ||
| 88 | - <li><a href="portfolio.html">Portfolio</a></li> | ||
| 89 | - <li><a href="portfolio-single.html">portfolio-single</a></li> | ||
| 90 | - </ul> | ||
| 91 | - </li> | ||
| 92 | - <li><a href="#blog">Blogs<i class="fa fa-caret-down" aria-hidden="true"></i></a> | ||
| 93 | - <ul class="dropdown"> | ||
| 94 | - <li><a href="blog.html">Blog Archive</a></li> | ||
| 95 | - <li><a href="blog-single.html">Blog Single</a></li> | ||
| 96 | - </ul> | ||
| 97 | - </li> | ||
| 98 | - <li><a href="#team">Team</a></li> | ||
| 99 | - <li><a href="#">Pages <i class="fa fa-caret-down" aria-hidden="true"></i></a> | ||
| 100 | - <ul class="dropdown"> | ||
| 101 | - <li><a href="404.html">Error 404</a></li> | ||
| 102 | - <li><a href="mail-success.html">Mail Success</a></li> | ||
| 103 | - </ul> | ||
| 104 | - </li> | ||
| 105 | - <li><a href="#contact">Contact</a></li> | 83 | + <li class="current"><a href="#slider">首页</a></li> |
| 84 | + <li><a href="portfolio.html">产品介绍</a></li> | ||
| 85 | + <li><a href="#Services">解决方案</a></li> | ||
| 86 | + <!--<li><a href="#latest-works">portfolio<i class="fa fa-caret-down" aria-hidden="true"></i></a>--> | ||
| 87 | + <!--<ul class="dropdown">--> | ||
| 88 | + <!--<li><a href="portfolio.html">Portfolio</a></li>--> | ||
| 89 | + <!--<li><a href="portfolio-single.html">portfolio-single</a></li>--> | ||
| 90 | + <!--</ul>--> | ||
| 91 | + <!--</li>--> | ||
| 92 | + <!--<li><a href="#blog">Blogs<i class="fa fa-caret-down" aria-hidden="true"></i></a>--> | ||
| 93 | + <!--<ul class="dropdown">--> | ||
| 94 | + <!--<li><a href="blog.html">Blog Archive</a></li>--> | ||
| 95 | + <!--<li><a href="blog-single.html">Blog Single</a></li>--> | ||
| 96 | + <!--</ul>--> | ||
| 97 | + <!--</li>--> | ||
| 98 | + <!--<li><a href="#team">Team</a></li>--> | ||
| 99 | + <!--<li><a href="#">Pages <i class="fa fa-caret-down" aria-hidden="true"></i></a>--> | ||
| 100 | + <!--<ul class="dropdown">--> | ||
| 101 | + <!--<li><a href="404.html">Error 404</a></li>--> | ||
| 102 | + <!--<li><a href="mail-success.html">Mail Success</a></li>--> | ||
| 103 | + <!--</ul>--> | ||
| 104 | + <!--</li>--> | ||
| 105 | + <li><a href="#contact">关于我们</a></li> | ||
| 106 | </ul> | 106 | </ul> |
| 107 | </div> | 107 | </div> |
| 108 | </nav> | 108 | </nav> |
style.css
| @@ -277,6 +277,7 @@ a:hover{ | @@ -277,6 +277,7 @@ a:hover{ | ||
| 277 | z-index:999; | 277 | z-index:999; |
| 278 | height: 82px; | 278 | height: 82px; |
| 279 | background:rgba(26,29,41,1); | 279 | background:rgba(26,29,41,1); |
| 280 | + font-size: 0; | ||
| 280 | /*-webkit-box-shadow:0px 0px 5px #000;*/ | 281 | /*-webkit-box-shadow:0px 0px 5px #000;*/ |
| 281 | /*-moz-box-shadow:0px 0px 5px #000;*/ | 282 | /*-moz-box-shadow:0px 0px 5px #000;*/ |
| 282 | /*box-shadow:0px 0px 5px #000;*/ | 283 | /*box-shadow:0px 0px 5px #000;*/ |
| @@ -304,11 +305,11 @@ a:hover{ | @@ -304,11 +305,11 @@ a:hover{ | ||
| 304 | margin:0; | 305 | margin:0; |
| 305 | } | 306 | } |
| 306 | .header .nav li a { | 307 | .header .nav li a { |
| 307 | - color:#333; | ||
| 308 | - font-size: 14px; | 308 | + color:#fff; |
| 309 | + font-size: 16px; | ||
| 309 | font-weight: 400; | 310 | font-weight: 400; |
| 310 | text-transform: uppercase; | 311 | text-transform: uppercase; |
| 311 | - padding: 30px 10px; | 312 | + padding: 30px 18px; |
| 312 | position: relative; | 313 | position: relative; |
| 313 | display: inline-block; | 314 | display: inline-block; |
| 314 | } | 315 | } |