当前文件路径：SmallBusinessStarterKit/App_Themes/Standard/css-content.css 
1
2
/**//*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
3
4 CONTENT CONTAINER - TWO COLUMN
5 //51aspx.c_o_m
6
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
7
8#content-container-two-column {...}{
9 margin-top:3px;
10 margin-left:auto;
11 margin-right:auto;
12 padding:15px;
13 width:728px;
14 border:1px solid #818181;
15 background:url(../../images/bg-content-side.png) repeat-y right;
16 position:relative;
17 }
18
19#content-main-two-column {...}{
20 width:540px;
21 float:left;
22 }
23
24#content-side-two-column {...}{
25 float:right;
26 width:160px;
27 }
28
29
30/**//*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
31
32 CONTENT CONTAINER - THREE COLUMN
33
34~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
35
36#content-container-three-column {...}{
37 margin-top:3px;
38 margin-left:auto;
39 margin-right:auto;
40 padding:15px;
41 width:728px;
42 border:1px solid #818181;
43 background:url(../../images/bg-three-column-main.png) repeat-y;
44 position:relative;
45 }
46
47#content-main-three-column {...}{
48 width:355px;
49 float:left;
50 margin-left:25px;
51 }
52
53#content-side2-three-column,
54#content-side1-three-column {...}{
55 width:160px;
56 font-size:.9em;
57 }
58
59#content-side2-three-column {...}{
60 float:right;
61 }
62
63#content-side1-three-column {...}{
64 float:left;
65 }
66
67/**//*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
68
69 HOME PAGE - THREE COLUMN SECTION
70
71~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
72
73#three-column-container {...}{
74 background:url(../../images/bg-three-column-home.png) repeat-y;
75 padding:0;
76 margin:20px 0 10px 0;
77 }
78
79#three-column-side1 {...}{
80 float:left;
81 width:30%;
82 }
83
84#three-column-side2 {...}{
85 float:right;
86 width:30%;
87 }
88
89#three-column-middle {...}{
90 width:30%;
91 margin:0px 32% 0px 35%;
92 }
93
94
95
96/**//*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
97
98 css-master
99
100~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
101
102/**//*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
103
104 HTML TAGS
105
106~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
107
108body {...}{
109 margin:0px;
110 background-color:#FFFFFF;
111 font-family:Verdana, Arial, Helvetica, sans-serif;
112 font-size:0.7em;
113 line-height:1.4em;
114 color:#666666;
115}
116
117p {...}{
118 margin:10px 0;
119 }
120
121p.no-padding-no-margin {...}{
122 padding:0;
123 margin:0;
124 }
125
126hr{...}{
127 color: #E5E5E5;
128 background-color: #E5E5E5;
129 height: 1px;
130 border:0;
131 margin:15px 0;
132 _margin:10px 0;
133 }
134
135blockquote {...}{
136 padding:0 0 0 12px;
137 margin:12px 0 0 0;
138 background:url(../../images/bg-quote.png) no-repeat;
139 }
140
141blockquote p {...}{
142 margin:2px 0;
143 }
144
145cite {...}{
146 font-size:.85em;
147 margin:0;
148 padding:0 0 0 6px;
149 }
150
151fieldset {...}{
152 padding:15px;
153 }
154
155legend {...}{
156 color:#333333;
157 padding:5px 3px 10px 3px;
158 }
159
160
161/**//*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
162
163 HEADINGS
164
165~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
166
167
168h1, h2, h3, h4, h5, h6 {...}{
169 font-size:1.8em;
170 font-family:Tahoma, Arial, Helvetica, sans-serif;
171 line-height:1.1em;
172 margin:5px 0;
173}
174
175h1 {...}{
176 margin-bottom:0;
177}
178
179h1, h2 {...}{
180 margin-top:0px;
181}
182
183h2 {...}{
184 font-size:1.3em;
185}
186
187h3 {...}{
188 font-size:1.1em;
189}
190
191h3.small {...}{
192 font-size:1.2em;
193}
194
195h4 {...}{
196 font-size:1.1em;
197}
198
199h5 {...}{
200 font-size:1.1em;
201}
202
203h6 {...}{
204 font-size:1em;
205}
206
207
208
209/**//*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
210
211 LINKS
212
213~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
214
215
216a:link {...}{
217 color:#d61719;
218 text-decoration:none;
219}
220
221a:visited {...}{
222 color:#980000;
223 text-decoration:none;
224}
225
226a:hover {...}{
227 text-decoration:none;
228}
229
230a:active {...}{
231 color:#980000;
232}
233
234#content-side-two-column a:link,
235#content-side2-three-column a:link,
236#content-side1-three-column a:link,
237#content-side-two-column a:visited,
238#content-side2-three-column a:visited,
239#content-side1-three-column a:visited {...}{
240 text-decoration:none;
241}
242
243#content-side-two-column a:hover,
244#content-side2-three-column a:hover,
245#content-side1-three-column a:hover {...}{
246 text-decoration:underline;
247}
248
249/**//*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
250 TOP INFORMATION
251~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
252/**//*定义顶部信息栏显示样式。*/
253#top-information {...}{
254 height:4.5em;
255 margin-left:auto;
256 margin-right:auto;
257 margin-bottom:3px;
258 color:#999999;
259 font-size:.85em;
260 position:relative;
261 width:760px;
262 }
263/**//*定义网站Logo字体*/
264#logo {...}{
265 position:absolute;
266 top:.5em;
267 left:15px;
268 font-size:2.8em;
269 font-family:Georgia, "Times New Roman", Times, serif;
270 height:2.8em;
271 padding:.3em 0 .2em 0;
272 font-variant:small-caps;
273 }
274#logo a {...}{
275 color:#4A6BB3;
276 text-decoration:none;
277 }
278
279#top-information-home {...}{
280 text-align:right;
281 border-bottom:1px dashed #CACACA;
282 position:absolute;
283 top:0;
284 right:25.5%;
285 height:2em;
286 width:15%;
287 padding:0 1.5% 0 0;
288 }
289
290#top-information-phone {...}{
291 text-align:center;
292 border-left:1px dashed #CACACA;
293 position:absolute;
294 top:0;
295 left:75%;
296 height:100%;
297 padding:0 0 0 2%;
298 }
299
300#top-information-link {...}{
301 text-align: center;
302 border-left:1px dashed #CACACA;
303 position:absolute;
304 top:0;
305 right:0;
306 height:2em;
307 width:8.5%;
308 padding:0 0 0 1.5%;
309 }
310
311#heading{...}{
312 text-align: left;
313 font-size:1.4em;
314 font-weight:bold;
315 }
316
317
318#subheading{...}{
319
