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 | 2 | color:#36BFC4; |
| 3 | + | |
| 4 | +} | |
| 5 | +.header .nav li.current a{ | |
| 6 | + border-bottom: 2px solid #fff; | |
| 3 | 7 | } |
| 4 | 8 | |
| 5 | 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 | 52 | color:#888; |
| 53 | 53 | } |
| 54 | 54 | /*=================== |
| 55 | - Header CSS | |
| 55 | + Header CSS | |
| 56 | 56 | =====================*/ |
| 57 | 57 | #header{ |
| 58 | 58 | background-color:#fff; |
| ... | ... | @@ -94,9 +94,9 @@ a{ |
| 94 | 94 | color:#ccc; |
| 95 | 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 | 100 | #header .social li.email{ |
| 101 | 101 | margin-right:42px; |
| 102 | 102 | color:#fff; |
| ... | ... | @@ -150,9 +150,9 @@ a{ |
| 150 | 150 | left:0%; |
| 151 | 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 | 156 | #header .right-bar { |
| 157 | 157 | float: right; |
| 158 | 158 | } |
| ... | ... | @@ -182,9 +182,9 @@ a{ |
| 182 | 182 | color:#444; |
| 183 | 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 | 190 | Slider CSS |
| ... | ... | @@ -360,7 +360,7 @@ a{ |
| 360 | 360 | -webkit-transition:all 0.4s ease; |
| 361 | 361 | -moz-transition:all 0.4s ease; |
| 362 | 362 | transition:all 0.4s ease; |
| 363 | - | |
| 363 | + | |
| 364 | 364 | } |
| 365 | 365 | #latest-works .works-menu ul li:hover:before{ |
| 366 | 366 | left:50%; |
| ... | ... | @@ -428,7 +428,7 @@ a{ |
| 428 | 428 | -webkit-transition:all 0.4s ease; |
| 429 | 429 | -moz-transition:all 0.4s ease; |
| 430 | 430 | transition:all 0.4s ease; |
| 431 | - | |
| 431 | + | |
| 432 | 432 | } |
| 433 | 433 | #latest-works .works-menu ul li:hover:before{ |
| 434 | 434 | left:50%; |
| ... | ... | @@ -712,4 +712,4 @@ margin:0; |
| 712 | 712 | } |
| 713 | 713 | #footer .copyright p{ |
| 714 | 714 | color:#666666; |
| 715 | -} | |
| 716 | 715 | \ No newline at end of file |
| 716 | +} | ... | ... |
index.html
| ... | ... | @@ -69,8 +69,8 @@ |
| 69 | 69 | <div class="col-md-4 col-sm-2 col-xs-2"> |
| 70 | 70 | <div class="logo"> |
| 71 | 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 | 74 | <img src="img/logotitle.png" alt="logotitle.png"> |
| 75 | 75 | </a> |
| 76 | 76 | </div> |
| ... | ... | @@ -80,29 +80,29 @@ |
| 80 | 80 | <nav class="navbar navbar-default"> |
| 81 | 81 | <div class="collapse navbar-collapse"> |
| 82 | 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 | 106 | </ul> |
| 107 | 107 | </div> |
| 108 | 108 | </nav> | ... | ... |
style.css
| ... | ... | @@ -277,6 +277,7 @@ a:hover{ |
| 277 | 277 | z-index:999; |
| 278 | 278 | height: 82px; |
| 279 | 279 | background:rgba(26,29,41,1); |
| 280 | + font-size: 0; | |
| 280 | 281 | /*-webkit-box-shadow:0px 0px 5px #000;*/ |
| 281 | 282 | /*-moz-box-shadow:0px 0px 5px #000;*/ |
| 282 | 283 | /*box-shadow:0px 0px 5px #000;*/ |
| ... | ... | @@ -304,11 +305,11 @@ a:hover{ |
| 304 | 305 | margin:0; |
| 305 | 306 | } |
| 306 | 307 | .header .nav li a { |
| 307 | - color:#333; | |
| 308 | - font-size: 14px; | |
| 308 | + color:#fff; | |
| 309 | + font-size: 16px; | |
| 309 | 310 | font-weight: 400; |
| 310 | 311 | text-transform: uppercase; |
| 311 | - padding: 30px 10px; | |
| 312 | + padding: 30px 18px; | |
| 312 | 313 | position: relative; |
| 313 | 314 | display: inline-block; |
| 314 | 315 | } | ... | ... |