Navigation

← Previous Changeset
Next Changeset →

Changeset 9652

Timestamp:

10/12/08 16:00:11 (3 months ago)

Author:

afz

Message:

for coolwater...

Files:

art/themes/coolwater/images/bgheader.jpg (moved) (moved from art/themes/coolwater/images/menu.jpg) (1 prop)
art/themes/coolwater/style.css (modified) (2 diffs)

Legend:

: Unmodified
: Added
: Removed
: Modified
: Copied
: Moved

art/themes/coolwater/images/bgheader.jpg
- Property svn:mergeinfo set

art/themes/coolwater/style.css

r9641	r9652
3	3
4	4	body {
5		background: #caced1;
6		font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
7		color: #777;
8		text-align: center;
9		margin: 15px 0;
	5	background: #caced1;
	6	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	7	color: #777;
	8	text-align: center;
	9	margin: 15px 0;
10	10	}
11	11
12	12	/* links */
13	13	a, a:visited {
14		text-decoration: none;
15		background: inherit;
16		color: #FB9233;
	14	text-decoration: none;
	15	background: inherit;
	16	color: #FB9233;
17	17	}
18	18	a:hover {
19		text-decoration: underline;
20		background: inherit;
21		color: #93C600;
	19	text-decoration: underline;
	20	background: inherit;
	21	color: #93C600;
22	22	}
23	23
24	24	/* headers */
25		h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; }
	25	h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif;}
26	26	h1 {
27		font-size: 180%;
28		font-weight: normal;
29		color: #555;
	27	font-size: 180%;
	28	font-weight: normal;
	29	color: #555;
30	30	}
31	31	h2 {
32		font-size: 160%;
33		color: #88ac0b;
34		font-weight: normal;
	32	font-size: 160%;
	33	color: #88ac0b;
	34	font-weight: normal;
35	35	}
36	36	h3 {
37		~~font-size: 135%;~~
38		color: #666666;
	37	font-size: 135%;
	38	color: #666666;
39	39	}
40	40
41	41	/* images */
42	42	img {
43		background: #fff;
44		border: 1px solid #E5E5E5;
45		padding: 5px;
46		}
47		img.float-right { margin: 5px 0px 10px 10px; }
	43	background: #fff;
	44	border: 1px solid #E5E5E5;
	45	padding: 5px;
	46	}
	47	img.float-right { margin: 5px 0px 10px 10px;}
48	48	img.float-left { margin: 5px 10px 10px 0px; }
49	49
50	50	h1, h2, h3, p {
51		margin: 10px 15px;
52		padding: 0;
	51	margin: 10px 15px;
	52	padding: 0;
53	53	}
54	54	ul, ol {
55		margin: 5px 15px;
56		padding: 0 25px;
	55	margin: 5px 15px;
	56	padding: 0 25px;
57	57	}
58	58
59	59	code {
60		margin: 5px 0;
61		padding: 15px;
62		text-align: left;
63		display: block;
64		overflow: auto;
65		font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
66		/* white-space: pre; */
67		border: 1px solid #E5F0FB;
68		background: #F4F8FD;
	60	margin: 5px 0;
	61	padding: 15px;
	62	text-align: left;
	63	display: block;
	64	overflow: auto;
	65	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
	66	/* white-space: pre; */
	67	border: 1px solid #E5F0FB;
	68	background: #F4F8FD;
69	69	}
70	70	acronym {
71		cursor: help;
72		border-bottom: 1px dotted #777;
	71	cursor: help;
	72	border-bottom: 1px dotted #777;
73	73	}
74	74	blockquote {
75		margin: 10px 15px;
76		padding: 0 0 0 25px;
77		font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif;
78		color: #2361BA;
79		~~border: 1px solid #E5F0FB;~~
80		background: #F4F8FD url(images/quote.jpg) no-repeat 8px 6px;
	75	margin: 10px 15px;
	76	padding: 0 0 0 25px;
	77	font: bold 1.3em/1.5em "Trebuchet MS", Tahoma, arial, Sans-serif;
	78	color: #2361BA;
	79	border: 1px solid #E5F0FB;
	80	background: #F4F8FD url(images/quote.jpg) no-repeat 8px 6px;
81	81	}
82	82
83	83	/* start - table */
84	84	table {
85		border-collapse: collapse;
86		margin: 10px 15px;
	85	border-collapse: collapse;
	86	margin: 10px 15px;
87	87	}
88	88	th strong {
89		color: #fff;
	89	color: #fff;
90	90	}
91	91	th {
92		background: #306bc1 url(images/button-bg.jpg) repeat-x 0 0;
93		height: 35px;
94		padding-left: 12px;
95		padding-right: 12px;
96		color: #fff;
97		text-align: left;
98		border: 1px solid #306bc1;
99		border-bottom-width: 2px;
	92	background: #306bc1 url(images/button-bg.jpg) repeat-x 0 0;
	93	height: 35px;
	94	padding-left: 12px;
	95	padding-right: 12px;
	96	color: #fff;
	97	text-align: left;
	98	border: 1px solid #306bc1;
	99	border-bottom-width: 2px;
100	100	}
101	101	tr {
102		height: 32px;
103		background: #fff;
	102	height: 32px;
	103	background: #fff;
104	104	}
105	105	td {
106		padding-left: 12px;
107		padding-right: 12px;
108		border: 1px solid #E5F0FB;
	106	padding-left: 12px;
	107	padding-right: 12px;
	108	border: 1px solid #E5F0FB;
109	109	}
110	110	/* end - table */
…	…
112	112	/* form elements */
113	113	form {
114		margin:10px 15px;
115		padding: 10px 0;
116		border: 1px solid #E5F0FB;
117		background: #F4F8FD;
	114	margin:10px 15px;
	115	padding: 10px 0;
	116	border: 1px solid #E5F0FB;
	117	background: #F4F8FD;
118	118	}
119	119	fieldset {
120		~~margin: 0;~~ padding: 0;
121		border: none;
	120	margin: 0;padding: 0;
	121	border: none;
122	122	}
123	123	legend {
124		display: none;
	124	display: none;
125	125	}
126	126	label {
127		display:block;
128		font-weight:bold;
129		margin: 7px 0;
	127	display:block;
	128	font-weight:bold;
	129	margin: 7px 0;
130	130	}
131	131	input {
132		padding:3px;
133		border: 1px solid #E5F0FB;
134		font: normal 1em Verdana, sans-serif;
135		color:#777;
	132	padding:3px;
	133	border: 1px solid #E5F0FB;
	134	font: normal 1em Verdana, sans-serif;
	135	color:#777;
136	136	}
137	137	textarea {
138		width:400px;
139		padding:3px;
140		font: normal 1em Verdana, sans-serif;
141		border: 1px solid #E5F0FB;
142		height:100px;
143		display:block;
144		color:#777;
	138	width:400px;
	139	padding:3px;
	140	font: normal 1em Verdana, sans-serif;
	141	border: 1px solid #E5F0FB;
	142	height:100px;
	143	display:block;
	144	color:#777;
145	145	}
146	146	input.button {
147		font: bold 12px Arial, Sans-serif;
148		height: 28px;
149		margin: 0;
150		padding: 2px 3px;
151		color: #fff;
152		background: #306bc1 url(images/button-bg.jpg) repeat-x 0 0;
153		border: 1px solid #306bc1;
	147	font: bold 12px Arial, Sans-serif;
	148	height: 28px;
	149	margin: 0;
	150	padding: 2px 3px;
	151	color: #fff;
	152	background: #306bc1 url(images/button-bg.jpg) repeat-x 0 0;
	153	border: 1px solid #306bc1;
154	154	}
155	155
156	156	/* search form */
157	157	.searchform {
158		background-color: transparent;
159		border: none;
160		margin: 0;
161		padding: 5px 0 5px 0;
162		width: 180px;
	158	background-color: transparent;
	159	border: none;
	160	margin: 0;
	161	padding: 5px 0 5px 0;
	162	width: 180px;
163	163	}
164	164	.searchform p { margin: 0; padding: 0; }
165	165	.searchform input.textbox {
166		width: 110px;
167		color: #777;
168		height: 20px;
169		padding: 2px;
170		border: 1px solid #D2E8F7;
171		vertical-align: top;
	166	width: 110px;
	167	color: #777;
	168	height: 20px;
	169	padding: 2px;
	170	border: 1px solid #D2E8F7;
	171	vertical-align: top;
172	172	}
173	173	.searchform input.button {
174		width: 55px;
175		height: 26px;
176		padding: 2px 5px;
177		vertical-align: top;
	174	width: 55px;
	175	height: 26px;
	176	padding: 2px 5px;
	177	vertical-align: top;
178	178	}
179	179
180	180	/********************************************
181		LAYOUT
	181	LAYOUT
182	182	********************************************/
183	183	#container {
184		width: 790px;
185		background: #CCC url(images/content.jpg) repeat-y center top;
186		margin: 0 auto;
187		text-align: left;
	184	width: 790px;
	185	background: #CCC url(images/content.jpg) repeat-y center top;
	186	margin: 0 auto;
	187	text-align: left;
188	188	}
189	189	#main-section {
190		clear: both;
191		width: 760px;
192		margin: 5px auto;
193		padding: 0;
	190	clear: both;
	191	width: 760px;
	192	margin: 5px auto;
	193	padding: 0;
194	194	}
195	195	#top-header {
196		position: relative;
197		height: 131px;
198		background: #caced1 url(images/header.jpg) no-repeat center top;
199		padding: 0;
200		color: #fff;
	196	position: relative;
	197	height: 131px;
	198	background: #caced1 url(images/header.jpg) no-repeat center top;
	199	padding: 0;
	200	color: #fff;
201	201	}
202	202	#top-header h1#logo-text a {
203		position: absolute;
204		margin: 0; padding: 0;
205		~~font: bolder 55px~~ 'Trebuchet MS', Arial, Sans-serif;
206		letter-spacing: -3px;
207		color: #fff;
208		text-transform: none;
209		text-decoration: none;
210		background: transparent;
211
212		/* change the values of top and left to adjust the position of the logo*/
213		top: 18px; left: 35px;
	203	position: absolute;
	204	margin: 0; padding: 0;
	205	font: bolder 2.5em 'Trebuchet MS', Arial, Sans-serif;
	206	letter-spacing: -3px;
	207	color: #fff;
	208	text-transform: none;
	209	text-decoration: none;
	210	background: transparent;
	211
	212	/* change the values of top and left to adjust the position of the logo*/
	213	top: 18px; left: 35px;
214	214	}
215	215	#top-header p#slogan {
216		position: absolute;
217		margin: 0; padding: 0;
218		font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
219		text-transform: none;
220		color: #FFF;
221
222		/* change the values of top and left to adjust the position of the slogan*/
223		top: 80px; left: 50px;
	216	position: absolute;
	217	margin: 0; padding: 0;
	218	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
	219	text-transform: none;
	220	color: #FFF;
	221
	222	/* change the values of top and left to adjust the position of the slogan*/
	223	top: 80px; left: 50px;
224	224	}
225	225
226	226	/* header links */
227	227	#top-header #header-links {
228		position: absolute;
229		color: #C6DDEE;
230		font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
231		top: 20px; right: 20px;
232		}
233		#top-header #header-links a {
234		color: #fff;
235		text-decoration: none;
	228	position: absolute;
	229	color: #C6DDEE;
	230	font: bold 14px"Trebuchet MS", Arial, Tahoma, Sans-serif;
	231	top: 20px; right: 20px;
	232	}
	233	#top-header #header-links a {
	234	color: #fff;
	235	text-decoration: none;
236	236	}
237	237	#top-header #header-links a:hover {
238		color: #D4FF55;
	238	color: #D4FF55;
239	239	}
240	240
241	241	/* navigation */
242	242	#header {
243		clear: both;
244		margin: 0 auto; padding: 0;
245		background: #81C524 url(images/menu.jpg) no-repeat;
246		font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
247		height: 40px;
248		width: 790px;
	243	clear: both;
	244	margin: 0 auto; padding: 0;
	245	background: #81C524 url(images/bgheader.jpg) repeat;
	246	font: bold 16px/40px "trebuchet MS", Arial, Tahoma, Sans-serif;
	247	min-height: 40px;
	248	width: 790px;
249	249	}
250	250	#menu ul {
251		float: left;
252		list-style: none;
253		margin:0; padding: 0 0 0 20px;
	251	float: left;
	252	list-style: none;
	253	margin:0; padding: 0 0 0 20px;
254	254	}
255	255	#menu ul li {
256		display: inline;
	256	display: inline;
257	257	}
258	258	#menu ul li a {
259		display: block;
260		float: left;
261		padding: 0 12px;
262		color: #fff;
263		text-decoration: none;
264		background: url(images/sep.jpg) no-repeat 100% 100%;
	259	display: block;
	260	float: left;
	261	padding: 0 12px;
	262	color: #fff;
	263	text-decoration: none;
	264	background: url(images/sep.jpg) no-repeat 100% 100%;
265	265	}
266	266	#menu ul li a:hover {
267		color: #3b5e0b;
268		}
269		#menu ul li#current a {
270		color: #3b5e0b;
	267	color: #3b5e0b;
	268	}
	269	#menu ul li#current a {
	270	color: #3b5e0b;
271	271	}
272	272
273	273	/* Main Column */
274	274	#main {
275		float: left;
276		width: 555px;
277		margin: 0; padding: 20px 0 0 0;
278		display: inline;
279		background: url(images/box.jpg) no-repeat;
	275	float: left;
	276	width: 555px;
	277	margin: 0;
	278	padding: 10px 0 0 0;
	279	display: inline;
	280	background: url(images/box.jpg) no-repeat;
280	281	}
281	282	#main h2 {
282		font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
283		padding: 0;
284		margin-bottom: 0;
285		color: #2666c3;
	283	font: normal 180% 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	284	padding: 0;
	285	margin-bottom: 0;
	286	color: #2666c3;
286	287	}
287	288	#main h2 a {
288		color: #2666c3;
289		text-decoration: none;
	289	color: #2666c3;
	290	text-decoration: none;
290	291	}
291	292
292	293	#main p, #main h1, #main h2, #main h3, #main ol, #main ul,
293	294	#main blockquote, #main table, #main form {
294		margin-left: 20px;
295		margin-right: 25px;
	295	margin-left: 20px;
	296	margin-right: 25px;
296	297	}
297	298	#main ul li {
298		list-style-image: url(bullet.gif);
299		}
300
301		/* Sidebar */
	299	list-style-image: url(bullet.gif);
	300	}
	301
	302	/* Sidebar */
302	303	#sidebar {
303		float: right;
304		width: 195px;
305		padding: 0; margin: 10px 0 0 0;
306		color: #777;
307		}
	304	float: right;
	305	width: 195px;
	306	padding: 0; margin: 10px 0 0 0;
	307	color: #777;
	308	}
308	309	#sidebar h2 {
309		margin: 15px 5px 10px 5px;
310		font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
311		color: #555;
	310	margin: 15px 5px 10px 5px;
	311	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	312	color: #555;
312	313	}
313	314	#sidebar p {
314		margin-left: 5px;
	315	margin-left: 5px;
315	316	}
316	317
317	318	#sidebar ul.sidemenu {
318		list-style: none;
319		text-align: left;
320		margin: 7px 10px 8px 0; padding: 0;
321		text-decoration: none;
322		border-top: 1px solid #A9D4EF;
	319	list-style: none;
	320	text-align: left;
	321	margin: 7px 10px 8px 0; padding: 0;
	322	text-decoration: none;
	323	border-top: 1px solid #A9D4EF;
323	324	}
324	325	#sidebar ul.sidemenu li {
325		list-style: none;
326		padding: 4px 0 4px 5px;
327		margin: 0 2px;
328		color: #777;
329		border-bottom: 1px solid #D2E8F7;
	326	list-style: none;
	327	padding: 4px 0 4px 5px;
	328	margin: 0 2px;
	329	color: #777;
	330	border-bottom: 1px solid #D2E8F7;
330	331	}
331	332	* html body #sidebar ul.sidemenu li {
332		height: 1%;
	333	height: 1%;
333	334	}
334	335	#sidebar ul.sidemenu li a {
335		text-decoration: none;
336		color: #1773BC;
337		}
338		#sidebar ul.sidemenu li a:hover {
339		color: #333;
	336	text-decoration: none;
	337	color: #1773BC;
	338	}
	339	#sidebar ul.sidemenu li a:hover {
	340	color: #333;
340	341	}
341	342	#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
342	343	#sidebar ul.sidemenu ul li { border: none; }
343	344
344		/* Footer */
	345	/* Footer */
345	346	#footer {
346		color: #C6DDEE;
347		background: #caced1 url(images/footer.jpg) no-repeat center top;
348		clear: both;
349		width: 790px;
350		height: 57px;
351		text-align: center;
352		font-size: 90%;
	347	color: #C6DDEE;
	348	background: #caced1 url(images/footer.jpg) no-repeat center top;
	349	clear: both;
	350	width: 790px;
	351	height: 57px;
	352	text-align: center;
	353	font-size: 90%;
353	354	}
354	355	#footer p {
355		padding: 10px 0;
356		margin: 0;
	356	padding: 10px 0;
	357	margin: 0;
357	358	}
358	359	#footer a {
359		color: #fff;
360		text-decoration: none;
	360	color: #fff;
	361	text-decoration: none;
361	362	}
362	363
363	364	/* post footer */
364	365	.post-footer {
365		background: #F4F8FD;
366		padding: 5px; margin: 20px 25px 0 25px;
367		border: 1px solid #E5F0FB;
368		font-size: 95%;
369		}
370		.post-footer .date { padding-left: 0px; margin: 0 5px; }
	366	background: #F4F8FD;
	367	padding: 5px; margin: 20px 25px 0 25px;
	368	border: 1px solid #E5F0FB;
	369	font-size: 95%;
	370	}
	371	.post-footer .date {padding-left: 0px; margin: 0 5px; }
371	372	.post-footer .comments { padding-left: 0px; margin: 0 5px; }
372	373	.post-footer .readmore { padding-left: 0px; margin: 0 5px; }
373	374
374		.post-by { font-size: .95em; ~~margin-top: 0;~~ }
	375	.post-by { font-size: .95em;margin-top: 0;}
375	376
376	377	/* alignment classes */
377		.float-left { float: left; }
	378	.float-left{ float: left; }
378	379	.float-right { float: right; }
379		.align-left { text-align: left; }
	380	.align-left{ text-align: left; }
380	381	.align-right { text-align: right; }
381	382

Navigation

Changeset 9652

Legend:

art/themes/coolwater/images/bgheader.jpg

art/themes/coolwater/style.css

Download in other formats: