Context Navigation

style.css~

Revision 10, 6.2 kB (checked in by falcon, 17 years ago)
Final styling tweaks, ordering, misc cleanup.

Line
1	/Color List/
2	/* dark-dark green: 09171a*/
3	/* orange: ef7d41*/
4	/* blue: 4582ed*/
5	/* dark-grey: 191f1f*/
6	/* mid-dark green: 364646*/
7	/* light green: 435758*/
8	/* bright border edge: 616f6f*/
9	/* shade border edge: 010302*/
10	/* old background green: 09171a*/
11	/* background green: 0b171a*/
12	/* current background green: 121616*/
13
14
15	body {
16	margin: 0;
17	padding: 0;
18	background-color: #121616;
19	font: 75% Bitstream Vera Sans, sans-serif;
20	font-size: 13px;
21	height: 100%;
22	color: #09171a;
23	}
24
25	h1 {
26	font-size: 28px;
27	color: white;
28	margin-top: 4px;
29	margin-bottom: 6px;
30	}
31
32	h2 {
33	font-size: 20px;
34	color: #ef7d41;
35	}
36
37	h3 {
38	color: #aaa;
39	}
40
41	a {
42	color: #4582ed;
43	text-decoration: none;
44	font-weight: 600;
45	}
46
47	a:visited {
48	color: #236099;
49	}
50
51	a:hover {
52	background-color:#222;
53	}
54
55
56	p {
57	color: white;
58	font-weight: 600;
59	}
60
61	img {
62	border: none;
63	}
64
65	#Content {
66	float: right;
67	width: 565px;
68	margin-right: 10px;
69	margin-top: -50px;
70	padding: 10px;
71	text-align: left;
72	background-image: url('../images/shader.png');
73	background-repeat: repeat-both;
74	-moz-border-radius: 5px;
75	-webkit-border-radius: 5px;
76	border: 2px solid #616f6f;
77	}
78
79	#Content p{
80	font-size: 13px;
81	}
82
83	#Footer {
84	margin-top: 15px;
85	background-image: url('../images/shader.png');
86	background-repeat: repeat-both;
87	height: 20px;
88	padding-top: 3px;
89	text-align: right;
90	}
91
92	#Footer p{
93	margin: 0px;
94	padding: 0px;
95	}
96
97	#Footer span{
98	color: white;
99	padding-right: 10px;
100	padding-top: 3px;
101	padding-bottom: 3px;
102	font-weight: 600;
103	font-size: 13px;
104	}
105
106	#Footer a{
107	font-size: 11px;
108	}
109
110	#Header {
111	height: 375px;
112	/background-image: url('../images/Header1.jpg');/
113	background-repeat: no-repeat;
114	}
115
116	#InnerMain {
117	margin: 0 auto;
118	width: 800px;
119	background-color: #435758;
120	padding: 0px;
121	background-image: url('../images/Inner-background.png');
122	background-repeat: repeat-y;
123	}
124
125	#Main {
126	margin: 0 auto;
127	width: 936px;
128	background-image: url('../images/Main-sidebars.png');
129	background-repeat: repeat-y;
130	padding: 0px;
131	height: 100%;
132	}
133
134	#MediaContainer {
135	padding: 0px;
136	margin-top: 3px;
137	-moz-border-radius: 5px;
138	-webkit-border-radius: 5px;
139	border: 2px solid #616f6f;
140	background-image: url('../images/shader.png');
141	background-repeat: repeat;
142	}
143
144	#Sidebar {
145	float: left;
146	width: 170px;
147	margin-left: 10px;
148	margin-top: -175px;
149	background-image: url('../images/shader.png');
150	background-repeat: repeat;
151	-moz-border-radius: 5px;
152	-webkit-border-radius: 5px;
153	border: 2px solid #616f6f;
154	padding: 4px;
155	/-webkit-border-image: url('../image/shader.png') 27 27 27 27 round round;/
156	/border-image-right: url('../images/shader.png');/
157	}
158
159	#Sidebar h3 {
160	color: white;
161	background-color: #191f1f;
162	border-top: 1px solid #ef7d41;
163	border-bottom: 1px solid #ef7d41;
164	margin-top: 0px;
165	margin-bottom: 3px;
166	padding: 2px;
167	font: 600 15px Georgia;
168	}
169
170	#Sidebar span {
171	margin-top: 2px;
172	margin-bottom: 2px;
173	padding: 0px;
174	padding-left: 10px;
175	color: #ef7d41;
176	font-size: 12px;
177	}
178
179	#Sidebar a {
180	color: white;
181	border: none;
182	text-decoration: none;
183	}
184
185	#Sidebar p{
186	color: #ef7d41;
187	margin: 0px;
188	padding: 2px;
189	padding-left: 10px;
190
191	}
192
193	#Title {
194	float: right;
195	margin-top: -140px;
196	text-align: right;
197	margin-right: 14px;
198	}
199
200	#Title a {
201	color: white;
202	text-decoration: none;
203	border: none;
204
205	}
206
207	#Title a:hover {
208	background-color: transparent;
209	}
210
211	#Title h1 {
212	font: 600 30px/28px "Verdana";
213	margin: 0px;
214	padding: 0px;
215	color: white;
216
217	}
218
219	#Title p {
220	margin-top: 4px;
221	margin-right: 18px;
222	color: #ef7d41;
223	font: 12px "Bitstream Vera Sans";
224	font-weight: 600;
225	}
226
227	.divclear {
228	clear: both;
229	}
230
231	.descriptionText {
232	margin-left: 10px;
233	margin-top: 0px;
234	-moz-border-radius: 5px;
235	-webkit-border-radius: 5px;
236	border: 2px solid #616f6f;
237	background-image: url('../images/shader.png');
238	background-repeat: repeat;
239	padding: 5px;
240	}
241
242	.EngineeringGallery {
243
244	}
245
246	.EngineeringGallery h2{
247	float: left;
248	width: 430px;
249	margin-left: 5px;
250	}
251
252	.EngineeringGallery p {
253	margin-left: 5px;
254	margin-top: 0px;
255	padding: 5px;
256	float: left;
257	width: 420px;
258	}
259
260	.fileOuterDiv {
261	background-color: #bbb;
262	margin-left: 15px;
263	width: 350px;
264	padding: 5px;
265	padding-bottom: 1px;
266	}
267
268	.fileInnerDiv {
269	padding: 3px;
270	background-color: #444;
271	margin-bottom: 5px;
272	}
273
274	.fileInnerDiv span {
275	padding: 1px;
276	color: white;
277	font-weight: bold;
278	}
279
280	.Gallery {
281
282	}
283
284	.Gallery h2{
285	background-color: #1a282b;
286	margin-bottom: 3px;
287	margin-top: 0px;
288	padding: 2px;
289	}
290
291	.Gallery p{
292
293	}
294
295	.GalleryEngineeringPic {
296	margin-bottom: 3px;
297	padding: 2px;
298	width: 135px;
299	text-align: center;
300	float: left;
301	}
302
303	.GalleryArtworkPic {
304	margin-bottom: 3px;
305	padding: 2px;
306	width: 137px;
307	text-align: center;
308	float: left;
309	}
310
311	.infoBox {
312	/*background-image: url('../images/shader.png');
313	background-repeat: repeat-both;*/
314	-moz-border-radius: 5px;
315	-webkit-border-radius: 5px;
316	border: 2px solid #616f6f;
317	padding: 8px;
318	}
319
320	.noHighlight:hover {
321	background-color: transparent;
322	}
323
324
325
326	/*
327	// Style Information for Scriptaculous ComboBox --------------------------------------------------
328	*/
329	.results {
330	z-index: 100;
331	}
332
333	.results ul {
334	margin: 0;
335	padding: 0;
336	list-style-type: none;
337	border: 1px solid #666;
338	}
339
340	.results li {
341	list-style-type: none;
342	margin: 0;
343	padding: 0 4px;
344	background-color: white;
345	z-index: 1000;
346	}
347
348	* html .results ul {
349	position: relative;
350	height: 1%;
351	}
352
353	.results li.selected {
354	color: #fff;
355	background: #004376;
356	}
357
358	.textbox {
359	border: 1px solid #666;
360	z-index: 0;
361	}
362
363	.textbox input {
364	border: 0;
365	padding: 0 2px;
366	z-index: 0;
367	}

Note: See TracBrowser for help on using the browser.

Download in other formats:

Original Format