Now come to the look of the web site. Style sheets play an important role in this. I decided to slip the whole stylesheet into different categories: reset, layout, colour, typography and ie. Main style sheet, style.css, will import those categories. Main style sheet also include the style of WordPress default generated classes as shown below.
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
| @import "style/css/reset.css"; @import "style/css/layout.css"; @import "style/css/colour.css"; @import "style/css/typography.css"; @import "style/css/ie.css"; /* WordPress Generated Classes. More info: http://codex.wordpress.org/CSS */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* *** WordPress Class Tags *** */ /* .categories {...} .cat-item {...} .current-cat {...} .current-cat-parent {...} .pagenav {...} .page_item {...} .current_page_item {...} .current_page_parent {...} .widget {...} .widget_text {...} .blogroll {...} .linkcat{...} */
|
References
No Comments
No comments yet.