style():更改文件夹调整样式
Showing
2 changed files
with
46 additions
and
16 deletions
| ... | @@ -33,8 +33,8 @@ div.subject { | ... | @@ -33,8 +33,8 @@ div.subject { |
| 33 | /*新闻 */ | 33 | /*新闻 */ |
| 34 | div.top-logo { | 34 | div.top-logo { |
| 35 | width: 1200px; | 35 | width: 1200px; |
| 36 | height:90px; | 36 | height: 70px!important; |
| 37 | padding-top: 18px; | 37 | padding-top: 20px; |
| 38 | } | 38 | } |
| 39 | 39 | ||
| 40 | div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */ | 40 | div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */ | ... | ... |
| ... | @@ -12,7 +12,18 @@ | ... | @@ -12,7 +12,18 @@ |
| 12 | margin: 0 auto; | 12 | margin: 0 auto; |
| 13 | } | 13 | } |
| 14 | 14 | ||
| 15 | /*================首页 start=====================*/ | 15 | /* -------------------------头部start----------------------------------- */ |
| 16 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { | ||
| 17 | border: 0; | ||
| 18 | margin: 0; | ||
| 19 | outline: 0 none; | ||
| 20 | padding: 0; | ||
| 21 | vertical-align: baseline; | ||
| 22 | font-size: 100%; | ||
| 23 | background: transparent; | ||
| 24 | font-family: Arial; | ||
| 25 | } | ||
| 26 | |||
| 16 | div a { | 27 | div a { |
| 17 | color: #000000; | 28 | color: #000000; |
| 18 | text-decoration: none; | 29 | text-decoration: none; |
| ... | @@ -29,11 +40,9 @@ div.subject { | ... | @@ -29,11 +40,9 @@ div.subject { |
| 29 | position: relative; | 40 | position: relative; |
| 30 | min-width: 1200px; | 41 | min-width: 1200px; |
| 31 | } | 42 | } |
| 32 | |||
| 33 | /*新闻 */ | ||
| 34 | div.top-logo { | 43 | div.top-logo { |
| 35 | width: 1200px; | 44 | width: 1200px; |
| 36 | height: 70px; | 45 | height: 70px!important; |
| 37 | padding-top: 20px; | 46 | padding-top: 20px; |
| 38 | } | 47 | } |
| 39 | 48 | ||
| ... | @@ -48,44 +57,65 @@ div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */ | ... | @@ -48,44 +57,65 @@ div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */ |
| 48 | div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */ | 57 | div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */ |
| 49 | font-size: 13px; | 58 | font-size: 13px; |
| 50 | } | 59 | } |
| 51 | |||
| 52 | .top_logo_content { | 60 | .top_logo_content { |
| 53 | height: 40px; | 61 | height: 40px; |
| 54 | width: 100%; | 62 | width: 100%; |
| 55 | margin: 0 auto; | 63 | margin: 0 auto; |
| 56 | } | 64 | } |
| 57 | |||
| 58 | div.top-logo .top_logo_search { | 65 | div.top-logo .top_logo_search { |
| 59 | float: left; | 66 | float: left; |
| 60 | width: 350px; | 67 | width: 350px; |
| 61 | position: relative; | 68 | position: relative; |
| 62 | margin-left: 400px; | 69 | margin-left: 400px; |
| 63 | } | 70 | } |
| 64 | |||
| 65 | div.top-logo .top_logo_search input { | 71 | div.top-logo .top_logo_search input { |
| 66 | border-radius: 50px; | 72 | border-radius: 50px; |
| 67 | } | 73 | } |
| 68 | |||
| 69 | div.top-logo .login { | 74 | div.top-logo .login { |
| 70 | float: right; | 75 | float: right; |
| 71 | margin-top: 8px; | 76 | margin-top: 8px; |
| 72 | } | 77 | } |
| 73 | |||
| 74 | div.top-logo .top_logo_search i { | 78 | div.top-logo .top_logo_search i { |
| 75 | position: absolute; | 79 | position: absolute; |
| 76 | right: 10px; | 80 | right: 10px; |
| 77 | top: 11px; | 81 | top: 11px; |
| 78 | cursor: pointer; | 82 | cursor: pointer; |
| 79 | } | 83 | } |
| 80 | |||
| 81 | /*end*/ | ||
| 82 | |||
| 83 | .top-logo h1 { | 84 | .top-logo h1 { |
| 84 | display: inline-block; | 85 | display: inline-block; |
| 85 | float: left; | 86 | float: left; |
| 86 | } | 87 | } |
| 88 | .top-logo ul li { | ||
| 89 | display: inline-block; | ||
| 90 | padding: 0 8px; | ||
| 91 | } | ||
| 92 | |||
| 93 | .top-logo ul li:first-child { | ||
| 94 | border-right: 1px solid grey; | ||
| 95 | } | ||
| 87 | 96 | ||
| 88 | /*------------------首页 end------------*/ | 97 | div.navigation { |
| 98 | text-align: center; | ||
| 99 | } | ||
| 100 | .navigation .layui-nav-item { | ||
| 101 | width: 130px; | ||
| 102 | position: relative; | ||
| 103 | margin: 0 22px; | ||
| 104 | } | ||
| 105 | .layui-bg-blue { | ||
| 106 | background-color: #006CFF!important; | ||
| 107 | } | ||
| 108 | |||
| 109 | .layui-nav-item:not(:first-child)::before { | ||
| 110 | content: ''; | ||
| 111 | position: absolute; | ||
| 112 | height: 22px; | ||
| 113 | border-left: 1px solid #ccc; | ||
| 114 | top: 21px; | ||
| 115 | left: -22px; | ||
| 116 | } | ||
| 117 | |||
| 118 | /* ------------------------------end--------------------------------------- */ | ||
| 89 | /* --------------------导航tab------------------------- */ | 119 | /* --------------------导航tab------------------------- */ |
| 90 | .navigation_crumbs { | 120 | .navigation_crumbs { |
| 91 | width: 100%; | 121 | width: 100%; |
| ... | @@ -196,7 +226,7 @@ div.navigation { | ... | @@ -196,7 +226,7 @@ div.navigation { |
| 196 | } | 226 | } |
| 197 | 227 | ||
| 198 | .navigation .layui-nav-item { | 228 | .navigation .layui-nav-item { |
| 199 | width: 100px; | 229 | width: 130px; |
| 200 | position: relative; | 230 | position: relative; |
| 201 | margin: 0 22px; | 231 | margin: 0 22px; |
| 202 | } | 232 | } | ... | ... |
-
Please register or sign in to post a comment