|
1 /** |
|
2 * Front Page Stylesheet |
|
3 * This is only loaded when using the front-page.php page template |
|
4 * |
|
5 * @since 0.1 |
|
6 */ |
|
7 |
|
8 /** |
|
9 * Featured slider |
|
10 ************************************************/ |
|
11 #slider-container { |
|
12 background: #000; |
|
13 border-bottom: 10px solid #ddd; |
|
14 color: #fff; |
|
15 height: 325px; |
|
16 margin: -20px 0 20px -20px; |
|
17 overflow: hidden; |
|
18 padding: 20px; |
|
19 position: relative; |
|
20 width: 600px; |
|
21 } |
|
22 #slider { |
|
23 overflow: hidden; |
|
24 width: 580px; |
|
25 height: 325px; |
|
26 } |
|
27 .feature { |
|
28 overflow: hidden; |
|
29 width: 580px; |
|
30 height: 325px; |
|
31 padding: 0; |
|
32 border: none !important; |
|
33 } |
|
34 .feature a { |
|
35 color: #fff; |
|
36 } |
|
37 .feature-image-container { |
|
38 text-align: center; |
|
39 } |
|
40 .feature-image-container a { |
|
41 height: 335px; |
|
42 } |
|
43 .feature img { |
|
44 border: 5px solid #333; |
|
45 margin: 0 0 0 10px; |
|
46 max-width: 300px; |
|
47 max-height: 300px; |
|
48 float: right; |
|
49 vertical-align: bottom; |
|
50 } |
|
51 #slider .feature .entry-title { |
|
52 font-size: 21px; |
|
53 } |
|
54 #slider .feature .entry-title a { |
|
55 color: #fff; |
|
56 } |
|
57 .feature .byline { |
|
58 color: #aaa; |
|
59 margin-bottom: 15px; |
|
60 } |
|
61 .more-link { |
|
62 float: left; |
|
63 text-indent: -9999px; |
|
64 width: 100px; |
|
65 height: 20px; |
|
66 display: block; |
|
67 background: url(images/more-link.gif) no-repeat 0 0; |
|
68 } |
|
69 .more-link:hover { |
|
70 background: url(images/more-link.gif) no-repeat 0 -20px; |
|
71 } |
|
72 |
|
73 /* Slider controls */ |
|
74 .slider-controls { bottom: 10px; position: absolute; right: 30px; z-index: 8888; } |
|
75 .slider-controls a { border-bottom:1px solid #666; border-right:1px solid #666; background: #000; color: #999; font-size: 10px; font-weight: normal; text-decoration: none; margin: 0 3px; padding: 2px 8px; } |
|
76 .slider-controls a.activeSlide { background: #f9f9f9; color: #000; } |
|
77 .slider-controls a:focus { outline: none; } |
|
78 |
|
79 /** |
|
80 * Featured excerpts |
|
81 ************************************************/ |
|
82 #excerpts { |
|
83 margin: 0 0 20px; |
|
84 overflow: hidden; |
|
85 } |
|
86 #excerpts .post { |
|
87 margin: 0 5px !important; |
|
88 padding: 5px; |
|
89 width: 46%; |
|
90 } |
|
91 #excerpts .post.odd { |
|
92 clear: left; |
|
93 float: left; |
|
94 } |
|
95 #excerpts .post.even { |
|
96 clear: right; |
|
97 float: right; |
|
98 } |
|
99 #excerpts .entry-summary { |
|
100 font-size: 11px; |
|
101 } |
|
102 #excerpts .post .thumbnail { |
|
103 margin: 0 10px 10px 0; |
|
104 } |
|
105 .content .entry-title, #content .entry-title { |
|
106 margin-bottom: 3px; |
|
107 font-weight: bold; |
|
108 } |
|
109 .byline { |
|
110 margin-bottom: 3px; |
|
111 } |
|
112 |
|
113 .post { |
|
114 border-top: 1px solid #ddd; |
|
115 } |
|
116 |
|
117 .page-template-front-page .entry-meta { |
|
118 display: none; |
|
119 } |
|
120 |
|
121 /** |
|
122 * Headlines |
|
123 ************************************************/ |
|
124 .section-title { |
|
125 font-size: 18px; |
|
126 font-weight: bold; |
|
127 margin: 0 0 5px 0; |
|
128 padding: 0 0 5px 0; |
|
129 border-bottom: 1px solid #777; |
|
130 } |
|
131 .section-title a { |
|
132 color: #000; |
|
133 } |
|
134 #headlines .section-title { |
|
135 } |
|
136 #headlines { |
|
137 background: #444; |
|
138 margin: -20px -20px 0; |
|
139 padding: 20px; |
|
140 overflow: hidden; |
|
141 } |
|
142 |
|
143 #headlines .section { |
|
144 -moz-border-radius:5px; |
|
145 background: #555; |
|
146 border: 1px solid #666; |
|
147 overflow: hidden; |
|
148 width: 260px; |
|
149 margin: 0 0 20px; |
|
150 padding: 10px; |
|
151 } |
|
152 #headlines .section a { |
|
153 color: #fff; |
|
154 } |
|
155 #headlines .even { |
|
156 float: right; |
|
157 clear: none; |
|
158 } |
|
159 #headlines .odd { |
|
160 clear: both; |
|
161 float: left; |
|
162 } |
|
163 #headlines ul { |
|
164 font-size: 11px; |
|
165 margin-left: 5px; |
|
166 } |
|
167 #headlines ul li { |
|
168 background: none; |
|
169 padding: 0; |
|
170 } |
|
171 |
|
172 #content .post, .content .post { |
|
173 clear: both; |
|
174 margin-bottom: 20px; |
|
175 } |
|
176 .wp-pagenavi, .navigation-links { |
|
177 display: none; |
|
178 } |