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