PageRenderTime 57ms CodeModel.GetById 1ms app.highlight 17ms RepoModel.GetById 36ms app.codeStats 0ms

/web-app/styles/default.css

http://github.com/sut-go/gon
CSS | 402 lines | 310 code | 79 blank | 13 comment | 0 complexity | e95d4c9d7cabdfec61836039b4082d2a MD5 | raw file
  1/*
  2Design by GOLANG AT SUT
  3*/
  4
  5body {
  6	margin-top: 15px;
  7	padding: 0;
  8	background: #787878;
  9	text-align: justify;
 10	font-family: Georgia, "Times New Roman", Times, serif;
 11	font-size: 12px;
 12	color: #999;
 13}
 14
 15h1, h2, h3 {
 16	margin-top: 0;
 17	color: #8C0209;
 18}
 19
 20h1 {
 21	font-size: 1.6em;
 22	font-weight: normal;
 23}
 24
 25h2 {
 26	font-size: 1.6em;
 27}
 28
 29h3 {
 30	font-size: 1em;
 31}
 32
 33ul {
 34}
 35
 36a {
 37	text-decoration: none;
 38	color: #8C0209;
 39}
 40
 41a:hover {
 42	border-bottom: none;
 43}
 44
 45a img {
 46	border: none;
 47}
 48
 49img.left {
 50	float: left;
 51	margin: 0 20px 0 0;
 52}
 53
 54img.right {
 55	float: right;
 56	margin: 0 0 0 20px;
 57}
 58
 59#header {
 60	width: 1000px;
 61	margin: 0 auto;
 62	height: 150px;
 63	background: url(../images/img02.jpg) repeat-x left top;
 64}
 65
 66/* Header */
 67
 68#logo {
 69	width: 1000px;
 70	height: 100px;
 71	margin: 0 auto;
 72	padding: 0 10px 0 70px;
 73	background: url(../images/img01.jpg) no-repeat left top;
 74}
 75
 76#logo h1, #logo p {
 77	float: left;
 78	margin: 0;
 79	color: #8C0209;
 80}
 81
 82#logo span {
 83	color: #000000;
 84	font-family: Georgia, "Times New Roman", Times, serif;
 85}
 86
 87#logo h1 {
 88	padding: 25px 0 0 0;
 89	letter-spacing: -1px;
 90	text-transform: lowercase;
 91	font-weight: normal;
 92	font-size: 3em;
 93}
 94
 95#logo p {
 96	text-transform: uppercase;
 97	padding: 47px 0 0 3px;
 98	font-size: 10px;
 99	color: #110E0F;
100}
101
102#logo a {
103	border: none;
104	text-decoration: none;
105	color: #8C0209;
106	text-align: left;
107}
108
109/* Menu */
110
111#menu {
112	width: 1000px;
113	margin: 0 auto;
114	padding: 0;
115	height: 50px;
116	background: url(../images/img02.jpg) no-repeat left top;
117}
118
119#menu ul {
120	margin: 0;
121	padding: 0;
122	list-style: none;
123}
124
125#menu li {
126	display: inline;
127}
128
129#menu a {
130	display: block;
131	float: left;
132	height: 32px;
133	margin: 0;
134	padding: 18px 30px 0 30px;
135	text-decoration: none;
136	text-transform: capitalize;
137	background: url(../images/img03.jpg) no-repeat right top;
138	font-family: Georgia, "Times New Roman", Times, serif;
139	font-size: 12px;
140	color: #FFFFFF;
141}
142
143#menu a:hover {
144	color: #FFFFFF;
145	text-align: right;
146}
147
148#menu .current_page_item a {
149	color: #FFFFFF;
150}
151
152/* Wrapper */
153
154#wrapper {
155}
156
157/* Page */
158
159#page {
160	width: 990px;
161	margin: 0 auto;
162	padding: 5px 5px;
163	background: #FFFFFF;
164}
165
166#page-bg {
167}
168
169/* Latest Post */
170
171#latest-post {
172	padding: 20px;
173	border: 1px solid #E7E7E7;
174}
175
176/* Content */
177
178#content {
179	float: left;
180	width: 550px;
181}
182
183.post {
184	padding-bottom: 15px;
185	line-height: 200%;
186}
187
188.post h1 {
189	font-weight: normal;
190}
191
192.title {
193	margin: 0;
194	padding: 10px 0 4px 20px;
195	font-weight: normal;
196}
197
198.title a {
199	border-bottom: none;
200	color: #F00;
201}
202
203.title a:hover {
204	border-bottom: 1px dotted #000000;
205	font-weight: bold;
206	font-size: 16px;
207	color: #F00;
208}
209
210.byline {
211	border-bottom: 1px #BBBBBB dashed;
212	margin: -10px 20px 20px 20px;
213	color: #C00;
214}
215
216.tag {
217	padding: 0 15px;
218}
219
220.entry {
221	padding: 0 20px;
222	font-size: 16px;
223	color: #000;
224}
225
226.links {
227	padding: 4px 0px;
228	text-align: right;
229	font-weight: bold;
230}
231
232.links a {
233	border: none;
234}
235
236.links a:hover {
237}
238
239/* Sidebars */
240
241#sidebar1 {
242	float: left;
243}
244
245#sidebar2 {
246	float: right;
247}
248
249.sidebar {
250	float: left;
251	width: 220px;
252	padding: 0;
253	font-size: 12px;
254}
255
256.sidebar ul {
257	margin: 0;
258	padding: 0;
259	list-style: none;
260}
261
262.sidebar li {
263	padding: 0 0 20px 0;
264}
265
266.sidebar li ul {
267}
268
269.sidebar li li {
270	margin: 0 20px 0 15px;
271	padding: 8px 0px;
272	border-bottom: 1px #BBBBBB dashed;
273}
274
275
276.sidebar li h2 {
277	height: 30px;
278	margin: 0 0 0 0;
279	padding: 10px 15px 0px 15px;
280	background: #890208 url(../images/img05.jpg) no-repeat left top;
281	letter-spacing: -1px;
282	font-size: 16px;
283	color: #FFFFFF;
284}
285
286.sidebar a {
287}
288
289/* Search */
290
291#searchform {
292	margin: 0;
293	padding: 0 0 0 0;
294}
295
296#searchform br {
297	display: none;
298}
299
300#searchform h2 {
301}
302
303#s {
304	margin: 10px 0px 0 15px;
305	padding: 2px 2px;
306	width: 180px;
307	height: 18px;
308	border: 1px solid #CA8186;
309	background: #FFFFFF;
310	font-size: 10px;
311	color: #000000;
312}
313
314#x {
315	margin: 0;
316	padding: 2px 5px;
317	height: 25px;
318	background: #CA8186;
319	text-decoration: none;
320	text-transform: uppercase;
321	font-family: Arial, Helvetica, sans-serif;
322	font-size: 10px;
323	color: #CCCCCC;
324}
325/* Calendar */
326
327#calendar_wrap {
328	padding: 0 15px;
329	text-align: center;
330}
331
332#calendar_wrap table {
333	width: 100%;
334}
335
336#calendar_wrap th {
337}
338
339#calendar_wrap td {
340}
341
342#calendar_wrap tfoot td {
343	border: none;
344}
345
346#calendar_wrap tfoot td#prev {
347	text-align: left;
348	font-weight: bold;
349	border: none;
350}
351
352#calendar_wrap tfoot td#prev a {
353	border: none;
354}
355
356#calendar_wrap tfoot td#next {
357	text-align: right;
358	font-weight: bold;
359	border: none;
360}
361
362#calendar_wrap tfoot td#next a {
363	border: none;
364}
365
366/* Footer */
367
368#footer {
369	width: 960px;
370	height: 40px;
371	margin: 0 auto;
372	padding: 0 20px;
373	background: url(../images/img04.jpg) no-repeat left top;
374	color: #FFF;
375	font-size: 14px;
376	font-family: "MS Serif", "New York", serif;
377}
378
379#footer p {
380	margin: 0;
381	padding: 15px 0 0 0;
382	text-align: center;
383	font-size: smaller;
384}
385
386#footer a {
387	color: #FFF;
388}
389
390#footer .link {
391	float: right;
392	color: #FFF;
393	font-size: 12px;
394}
395
396#footer .copyright {
397	float: left;
398}
399
400.flower {
401	padding-left: 20px;
402}