WebSVN - LCARS - Diff - Rev 36 and 198 - /branches/live/styles/lcars-20071202.css


/* <title>CSS for PointedEars' LCARS, version 2.053, stardate 200712.02</title>
*/

/* basic fonts */

/* $WEFT -- Created by:Thomas 'PointedEars' Lahn (webmaster@PointedEars.de)
   on 2002-03-23 -- */
@font-face {
  font-family:Haettens;
  font-style:normal;
  font-weight:normal;
  src:url(HAETTEN0.eot);
}

/*
@font-face {
  font-family:Webdings;
  font-style:normal;
  font-weight:normal;
  src:url(WEBDING0.eot);
}
*/

@font-face {
  font-family:"Zurich XCn BT";
  src:url(ZurichXCn.pfr);
}

/* basic display */

* {
  font-family:LCARS, Haettenschweiler, Haettens, "Zurich XCn BT", impact, Verdana,
    Geneva, Arial, Helvetica, sans-serif;
  font-weight:normal;
}

body {
  cursor:default;
  font-size:123%; /*110%*/
  background-color:#000;
  color:#ccf; /* #afbfe0; #69F; */
  margin:0 10px;
  /* IE 5.5+ scrollbar colors */
/* from Mozilla LCARS Theme (2D style) */
  scrollbar-3dlight-color:#000;
  scrollbar-arrow-color:#000;
  scrollbar-base-color:#000;
  scrollbar-darkshadow-color:#000;
  scrollbar-face-color:#99f;
  scrollbar-highlight-color:#99f;
  scrollbar-track-color:#000;
  scrollbar-shadow-color:#99f;
}

div.body {
  /* width:95%; */
}

span.alt { /* span with alternative text color */
  color:#f93;
  background-color:#000;
}

/* for JavaScript processing messages */

.standby {
  font-size:166%;
  background-color:#000;
  color:#99f;
}

div.standby {
  position:absolute;
  top:0;
  visibility:hidden;
}

/* font styles  */

p {
  margin-top:0;
  margin-bottom:1em;
}

small  {
  font-size:100%;
}

b, strong {
  color:#f93;
  background-color:#000;
  font-weight:normal;
}

i, cite, blockquote, em {
  background-color:#000;
  color:#f93;
  font-style:normal;
}

abbr {
  white-space:nowrap;
}

span.cap {
  font-variant:small-caps;
}

/* headings */

h1 {
  font-size:191%;
  font-weight:normal;
  color:#c96;
  background-color:black;
}


h2 {
  font-size:129%;
  font-weight:normal;
  color:#fc6;
  background-color:black;
  text-transform: uppercase;
}

h3 {
  margin-top:0;
  margin-bottom:1em;
  font-size:123%;
  font-weight:normal;
  color:#fc6;
  background-color:black;
  text-transform: uppercase;
}

h4 {
  margin-top:2em;
  margin-bottom:1em;
  font-size:116%;
  font-weight:normal;
  color:#fc6;
  background-color:black;
}

table + h4 {
  margin-top:1em;
}

a.h4:link:hover, a.h4:visited:hover {
  color:#fc6;
  background-color:black;
}

a.h4:link:active, a.h4:visited:active {
  color:#fff;
  background-color:black;
}

h5 {
  margin-top:2em;
  margin-bottom:1em;
  font-size:110%;
  font-weight:normal;
  color:#fc6;
  background-color:black;
}

h6 {
  margin-top:2em;
  margin-bottom:1em;
  font-size:104%;
  font-weight:normal;
  color:#fc6;
  background-color:black;
}

/* LCARS specific anchors */

/* order is important to buggy IE;
   TODO: [IE] links focus color, visited links hover color */

a:link:hover, a:link:active, a:link:focus {
  background-color:#000;
  color:#fc0;
  text-decoration:none;
}

a:link {
  background-color:black;
  color:white;
  text-decoration:none;
}

a:visited:hover {
  background-color:#000;
  color:#fc3;
  text-decoration:none;
}

a:visited:active {
  background-color:black;
  color:#fff;
  text-decoration:none;
}

a:visited:focus {
  background-color:#000;
  color:#fc3;
  text-decoration:none;
}

a:visited {
  background-color:black;
  color:#fc9;
  text-decoration:none;
}

/* buttons */

a.button:link:focus, a.button:visited:focus,
a.button:link:hover, a.button:visited:hover {
  color:#000;
  background-color:#c9c;
  text-decoration:none;
}

a.button:link:active, a.button:visited:active {
  color:#000;
  background-color:#fff;
  cursor:default;
  text-decoration:none;
}

a.button:link, a.button:visited {
  background-color:#969;
  color:#000;
  padding-left:1px;
  vertical-align:middle;
  font-size:110%;
  text-decoration:none;
}

a.stop:link, a.stop:visited {
  background-color:#c66;
  color:#000;
  padding-left:1px;
  vertical-align:middle;
  font-size:110%;
  text-decoration:none;
}

a.stop:link:hover, a.stop:visited:hover {
  background-color:#f66;
  color:#000;
  text-decoration:none;
}

a.stop:link:active, a.stop:visited:active {
  background-color:#fff;
  color:#000;
  text-decoration:none;
}

a.go:link, a.go:visited {
  background-color:#6c6;
  color:#000;
  padding-left:1px;
  vertical-align:middle;
  font-size:110%;
  text-decoration:none;
}

a.go:link:hover, a.go:visited:hover {
  background-color:#6f6;
  color:#000;
  text-decoration:none;
}

a.go:link:active, a.go:visited:active {
  background-color:#fff;
  color:#000;
  text-decoration:none;
}

span.symbol {
  font-family:Webdings, fantasy;
  font-style:normal;
  font-weight:normal;
  font-size:110%;
}

/* form elements */

input  {
  background-color:black;
  font-size:104%;
  color:white;
}

input.button  {
  /* offset-width:auto; */
  border-style:none;
  border-width:0px;
  color:#000;
  background-color:#969;
  font-size:123%;
  cursor:pointer;
}

textarea  {
  background-color:#000;
  font-size:104%;
  color:white;
}

select
 {
  color:white;
  background-color:#000;
  border-color:white;
  font-size:104%;
  cursor:pointer;
}

option {
  cursor:pointer;
}

/* table elements */

table {
  border-collapse: separate;
  margin-top:0;
  margin-bottom:1em;
}

/*
 * Not for IE 6 and below.
 * Bugfix for IE 7 is provided by lcars-ie7.css which should be
 * included as follows:
 
   <link rel="stylesheet" href="/styles/lcars.css" type="text/css">
   <!--[if IE 7]>
     <link rel="stylesheet" href="/styles/lcars-ie7.css" type="text/css">
   <![endif]-->
 */
table>tbody.scroll {
  height:11em;
  overflow:auto;
  /*
   * In current implementations, the scrollbar is displayed within
   * the tbody area, so we disable horizontal scrolling for that ...
   */
  overflow-x: hidden !important;
}

/*
 * ... and make enough room so that the text won't flow under the
 * vertical scrollbar.  However, that is still a dirty hack as we
 * assume that the vertical scrollbar is not wider than 20px.  
 */
table>tbody.scroll td:last-child {
  padding-right: 20px;
}

tr {
  vertical-align:top;
  vertical-align: baseline;
}

th {
  padding-left:3px;
  /* border-right:2px solid black; */
  text-align:left;
  background-color:#c66;
  color:#000;
  font-size:110%;
  font-weight:normal;
}

thead th:first-child {
  border-top-left-radius: 7px 15px;
}

table.left th, thead.left th, tbody.left th, th.left {
  background-color:inherit;
  color:inherit;
  text-transform:uppercase;
  text-align:right;
}

th, td {
  padding-right:3px;
}

td {
  padding-left:4px;
  background-color:inherit;
  color:inherit;
  font-size:110%;
}

/* hover table */

table.hover thead th:hover,
thead.hover th:hover,
tbody.hover th:hover,
table.hover tbody tr:hover th,
tbody.hover tr:hover th {
  background-color:#f99;
  color:#000;
}

table.hover tbody tr:hover,
tbody.hover tr:hover {
  color:#fc3;
}

table.hover tbody tr:hover a,
tbody.hover tr:hover a {
  background-color:inherit;
}

/* Lowlight all rows except that with the active/focused element */
table.hover tbody:active,
table.hover tbody:focus,
tbody.hover:active,
tbody.hover:focus {
  background-color:#000;
  color:#99c;
}

table.hover tbody tr:active,
tbody.hover tr:active,
table.hover tbody tr:focus,
tbody.hover tr:focus {
  background-color:#000;
  color:#fff;
}

/* This to invert display on hover does not seem proper LCARS design */
/*
table.hover tbody tr:hover a:link,
tbody.hover tr:hover a:link {
  color:#fff;
}

table.hover tbody tr:hover a:visited,
tbody.hover tr:hover a:visited {
  background-color:inherit;
  color:#963;
}

table.hover tbody tr:hover a:link:focus,
table.hover tbody tr:hover a:visited:focus,
table.hover tbody tr:hover a:link:hover,
table.hover tbody tr:hover a:visited:hover,
table.hover tbody tr:hover a:link:active,
tbody.hover tr:hover a:link:focus,
tbody.hover tr:hover a:visited:focus,
tbody.hover tr:hover a:link:hover,
tbody.hover tr:hover a:visited:hover,
tbody.hover tr:hover a:link:active {
  background-color:inherit;
  color:#960;
}

table.hover tbody tr:hover a:visited:active,
tbody.hover tr:hover a:visited:active {
  background-color:inherit;
  color:#c63;
}
*/
 

Rev 36	Rev 198
1	/* <title>CSS for PointedEars' LCARS, version 2.053, stardate 200712.02</title>	1	/* <title>CSS for PointedEars' LCARS, version 2.053, stardate 200712.02</title>
2	*/	2	*/
3		3
4	/* basic fonts */	4	/* basic fonts */
5		5
6	/* $WEFT -- Created by:Thomas 'PointedEars' Lahn (webmaster@PointedEars.de)	6	/* $WEFT -- Created by:Thomas 'PointedEars' Lahn (webmaster@PointedEars.de)
7	on 2002-03-23 -- */	7	on 2002-03-23 -- */
8	@font-face {	8	@font-face {
9	font-family:Haettens;	9	font-family:Haettens;
10	font-style:normal;	10	font-style:normal;
11	font-weight:normal;	11	font-weight:normal;
12	src:url(HAETTEN0.eot);	12	src:url(HAETTEN0.eot);
13	}	13	}
14		14
15	/*	15	/*
16	@font-face {	16	@font-face {
17	font-family:Webdings;	17	font-family:Webdings;
18	font-style:normal;	18	font-style:normal;
19	font-weight:normal;	19	font-weight:normal;
20	src:url(WEBDING0.eot);	20	src:url(WEBDING0.eot);
21	}	21	}
22	*/	22	*/
23		23
24	@font-face {	24	@font-face {
25	font-family:"Zurich XCn BT";	25	font-family:"Zurich XCn BT";
26	src:url(ZurichXCn.pfr);	26	src:url(ZurichXCn.pfr);
27	}	27	}
28		28
29	/* basic display */	29	/* basic display */
30		30
31	* {	31	* {
32	font-family:LCARS, Haettenschweiler, Haettens, "Zurich XCn BT", impact, Verdana,	32	font-family:LCARS, Haettenschweiler, Haettens, "Zurich XCn BT", impact, Verdana,
33	Geneva, Arial, Helvetica, sans-serif;	33	Geneva, Arial, Helvetica, sans-serif;
34	font-weight:normal;	34	font-weight:normal;
35	}	35	}
36		36
37	body {	37	body {
38	cursor:default;	38	cursor:default;
39	font-size:123%; /110%/	39	font-size:123%; /110%/
40	background-color:#000;	40	background-color:#000;
41	color:#ccf; /* #afbfe0; #69F; */	41	color:#ccf; /* #afbfe0; #69F; */
42	margin:0 10px;	42	margin:0 10px;
43	/* IE 5.5+ scrollbar colors */	43	/* IE 5.5+ scrollbar colors */
44	/* from Mozilla LCARS Theme (2D style) */	44	/* from Mozilla LCARS Theme (2D style) */
45	scrollbar-3dlight-color:#000;	45	scrollbar-3dlight-color:#000;
46	scrollbar-arrow-color:#000;	46	scrollbar-arrow-color:#000;
47	scrollbar-base-color:#000;	47	scrollbar-base-color:#000;
48	scrollbar-darkshadow-color:#000;	48	scrollbar-darkshadow-color:#000;
49	scrollbar-face-color:#99f;	49	scrollbar-face-color:#99f;
50	scrollbar-highlight-color:#99f;	50	scrollbar-highlight-color:#99f;
51	scrollbar-track-color:#000;	51	scrollbar-track-color:#000;
52	scrollbar-shadow-color:#99f;	52	scrollbar-shadow-color:#99f;
53	}	53	}
54		54
55	div.body {	55	div.body {
56	/* width:95%; */	56	/* width:95%; */
57	}	57	}
58		58
59	span.alt { /* span with alternative text color */	59	span.alt { /* span with alternative text color */
60	color:#f93;	60	color:#f93;
61	background-color:#000;	61	background-color:#000;
62	}	62	}
63		63
64	/* for JavaScript processing messages */	64	/* for JavaScript processing messages */
65		65
66	.standby {	66	.standby {
67	font-size:166%;	67	font-size:166%;
68	background-color:#000;	68	background-color:#000;
69	color:#99f;	69	color:#99f;
70	}	70	}
71		71
72	div.standby {	72	div.standby {
73	position:absolute;	73	position:absolute;
74	top:0;	74	top:0;
75	visibility:hidden;	75	visibility:hidden;
76	}	76	}
77		77
78	/* font styles */	78	/* font styles */
79		79
80	p {	80	p {
81	margin-top:0;	81	margin-top:0;
82	margin-bottom:1em;	82	margin-bottom:1em;
83	}	83	}
84		84
85	small {	85	small {
86	font-size:100%;	86	font-size:100%;
87	}	87	}
88		88
89	b, strong {	89	b, strong {
90	color:#f93;	90	color:#f93;
91	background-color:#000;	91	background-color:#000;
92	font-weight:normal;	92	font-weight:normal;
93	}	93	}
94		94
95	i, cite, blockquote, em {	95	i, cite, blockquote, em {
96	background-color:#000;	96	background-color:#000;
97	color:#f93;	97	color:#f93;
98	font-style:normal;	98	font-style:normal;
99	}	99	}
100		100
101	abbr {	101	abbr {
102	white-space:nowrap;	102	white-space:nowrap;
103	}	103	}
104		104
105	span.cap {	105	span.cap {
106	font-variant:small-caps;	106	font-variant:small-caps;
107	}	107	}
108		108
109	/* headings */	109	/* headings */
110		110
111	h1 {	111	h1 {
112	font-size:191%;	112	font-size:191%;
113	font-weight:normal;	113	font-weight:normal;
114	color:#c96;	114	color:#c96;
115	background-color:black;	115	background-color:black;
116	}	116	}
117		117
118		118
119	h2 {	119	h2 {
120	font-size:129%;	120	font-size:129%;
121	font-weight:normal;	121	font-weight:normal;
122	color:#fc6;	122	color:#fc6;
123	background-color:black;	123	background-color:black;
124	text-transform: uppercase;	124	text-transform: uppercase;
125	}	125	}
126		126
127	h3 {	127	h3 {
128	margin-top:0;	128	margin-top:0;
129	margin-bottom:1em;	129	margin-bottom:1em;
130	font-size:123%;	130	font-size:123%;
131	font-weight:normal;	131	font-weight:normal;
132	color:#fc6;	132	color:#fc6;
133	background-color:black;	133	background-color:black;
134	text-transform: uppercase;	134	text-transform: uppercase;
135	}	135	}
136		136
137	h4 {	137	h4 {
138	margin-top:2em;	138	margin-top:2em;
139	margin-bottom:1em;	139	margin-bottom:1em;
140	font-size:116%;	140	font-size:116%;
141	font-weight:normal;	141	font-weight:normal;
142	color:#fc6;	142	color:#fc6;
143	background-color:black;	143	background-color:black;
144	}	144	}
145		145
146	table + h4 {	146	table + h4 {
147	margin-top:1em;	147	margin-top:1em;
148	}	148	}
149		149
150	a.h4:link:hover, a.h4:visited:hover {	150	a.h4:link:hover, a.h4:visited:hover {
151	color:#fc6;	151	color:#fc6;
152	background-color:black;	152	background-color:black;
153	}	153	}
154		154
155	a.h4:link:active, a.h4:visited:active {	155	a.h4:link:active, a.h4:visited:active {
156	color:#fff;	156	color:#fff;
157	background-color:black;	157	background-color:black;
158	}	158	}
159		159
160	h5 {	160	h5 {
161	margin-top:2em;	161	margin-top:2em;
162	margin-bottom:1em;	162	margin-bottom:1em;
163	font-size:110%;	163	font-size:110%;
164	font-weight:normal;	164	font-weight:normal;
165	color:#fc6;	165	color:#fc6;
166	background-color:black;	166	background-color:black;
167	}	167	}
168		168
169	h6 {	169	h6 {
170	margin-top:2em;	170	margin-top:2em;
171	margin-bottom:1em;	171	margin-bottom:1em;
172	font-size:104%;	172	font-size:104%;
173	font-weight:normal;	173	font-weight:normal;
174	color:#fc6;	174	color:#fc6;
175	background-color:black;	175	background-color:black;
176	}	176	}
177		177
178	/* LCARS specific anchors */	178	/* LCARS specific anchors */
179		179
180	/* order is important to buggy IE;	180	/* order is important to buggy IE;
181	TODO: [IE] links focus color, visited links hover color */	181	TODO: [IE] links focus color, visited links hover color */
182		182
183	a:link:hover, a:link:active, a:link:focus {	183	a:link:hover, a:link:active, a:link:focus {
184	background-color:#000;	184	background-color:#000;
185	color:#fc0;	185	color:#fc0;
186	text-decoration:none;	186	text-decoration:none;
187	}	187	}
188		188
189	a:link {	189	a:link {
190	background-color:black;	190	background-color:black;
191	color:white;	191	color:white;
192	text-decoration:none;	192	text-decoration:none;
193	}	193	}
194		194
195	a:visited:hover {	195	a:visited:hover {
196	background-color:#000;	196	background-color:#000;
197	color:#fc3;	197	color:#fc3;
198	text-decoration:none;	198	text-decoration:none;
199	}	199	}
200		200
201	a:visited:active {	201	a:visited:active {
202	background-color:black;	202	background-color:black;
203	color:#fff;	203	color:#fff;
204	text-decoration:none;	204	text-decoration:none;
205	}	205	}
206		206
207	a:visited:focus {	207	a:visited:focus {
208	background-color:#000;	208	background-color:#000;
209	color:#fc3;	209	color:#fc3;
210	text-decoration:none;	210	text-decoration:none;
211	}	211	}
212		212
213	a:visited {	213	a:visited {
214	background-color:black;	214	background-color:black;
215	color:#fc9;	215	color:#fc9;
216	text-decoration:none;	216	text-decoration:none;
217	}	217	}
218		218
219	/* buttons */	219	/* buttons */
220		220
221	a.button:link:focus, a.button:visited:focus,	221	a.button:link:focus, a.button:visited:focus,
222	a.button:link:hover, a.button:visited:hover {	222	a.button:link:hover, a.button:visited:hover {
223	color:#000;	223	color:#000;
224	background-color:#c9c;	224	background-color:#c9c;
225	text-decoration:none;	225	text-decoration:none;
226	}	226	}
227		227
228	a.button:link:active, a.button:visited:active {	228	a.button:link:active, a.button:visited:active {
229	color:#000;	229	color:#000;
230	background-color:#fff;	230	background-color:#fff;
231	cursor:default;	231	cursor:default;
232	text-decoration:none;	232	text-decoration:none;
233	}	233	}
234		234
235	a.button:link, a.button:visited {	235	a.button:link, a.button:visited {
236	background-color:#969;	236	background-color:#969;
237	color:#000;	237	color:#000;
238	padding-left:1px;	238	padding-left:1px;
239	vertical-align:middle;	239	vertical-align:middle;
240	font-size:110%;	240	font-size:110%;
241	text-decoration:none;	241	text-decoration:none;
242	}	242	}
243		243
244	a.stop:link, a.stop:visited {	244	a.stop:link, a.stop:visited {
245	background-color:#c66;	245	background-color:#c66;
246	color:#000;	246	color:#000;
247	padding-left:1px;	247	padding-left:1px;
248	vertical-align:middle;	248	vertical-align:middle;
249	font-size:110%;	249	font-size:110%;
250	text-decoration:none;	250	text-decoration:none;
251	}	251	}
252		252
253	a.stop:link:hover, a.stop:visited:hover {	253	a.stop:link:hover, a.stop:visited:hover {
254	background-color:#f66;	254	background-color:#f66;
255	color:#000;	255	color:#000;
256	text-decoration:none;	256	text-decoration:none;
257	}	257	}
258		258
259	a.stop:link:active, a.stop:visited:active {	259	a.stop:link:active, a.stop:visited:active {
260	background-color:#fff;	260	background-color:#fff;
261	color:#000;	261	color:#000;
262	text-decoration:none;	262	text-decoration:none;
263	}	263	}
264		264
265	a.go:link, a.go:visited {	265	a.go:link, a.go:visited {
266	background-color:#6c6;	266	background-color:#6c6;
267	color:#000;	267	color:#000;
268	padding-left:1px;	268	padding-left:1px;
269	vertical-align:middle;	269	vertical-align:middle;
270	font-size:110%;	270	font-size:110%;
271	text-decoration:none;	271	text-decoration:none;
272	}	272	}
273		273
274	a.go:link:hover, a.go:visited:hover {	274	a.go:link:hover, a.go:visited:hover {
275	background-color:#6f6;	275	background-color:#6f6;
276	color:#000;	276	color:#000;
277	text-decoration:none;	277	text-decoration:none;
278	}	278	}
279		279
280	a.go:link:active, a.go:visited:active {	280	a.go:link:active, a.go:visited:active {
281	background-color:#fff;	281	background-color:#fff;
282	color:#000;	282	color:#000;
283	text-decoration:none;	283	text-decoration:none;
284	}	284	}
285		285
286	span.symbol {	286	span.symbol {
287	font-family:Webdings, fantasy;	287	font-family:Webdings, fantasy;
288	font-style:normal;	288	font-style:normal;
289	font-weight:normal;	289	font-weight:normal;
290	font-size:110%;	290	font-size:110%;
291	}	291	}
292		292
293	/* form elements */	293	/* form elements */
294		294
295	input {	295	input {
296	background-color:black;	296	background-color:black;
297	font-size:104%;	297	font-size:104%;
298	color:white;	298	color:white;
299	}	299	}
300		300
301	input.button {	301	input.button {
302	/* offset-width:auto; */	302	/* offset-width:auto; */
303	border-style:none;	303	border-style:none;
304	border-width:0px;	304	border-width:0px;
305	color:#000;	305	color:#000;
306	background-color:#969;	306	background-color:#969;
307	font-size:123%;	307	font-size:123%;
308	cursor:pointer;	308	cursor:pointer;
309	}	309	}
310		310
311	textarea {	311	textarea {
312	background-color:#000;	312	background-color:#000;
313	font-size:104%;	313	font-size:104%;
314	color:white;	314	color:white;
315	}	315	}
316		316
317	select	317	select
318	{	318	{
319	color:white;	319	color:white;
320	background-color:#000;	320	background-color:#000;
321	border-color:white;	321	border-color:white;
322	font-size:104%;	322	font-size:104%;
323	cursor:pointer;	323	cursor:pointer;
324	}	324	}
325		325
326	option {	326	option {
327	cursor:pointer;	327	cursor:pointer;
328	}	328	}
329		329
330	/* table elements */	330	/* table elements */
331		331
332	table {	332	table {
333	border-collapse: separate;	333	border-collapse: separate;
334	margin-top:0;	334	margin-top:0;
335	margin-bottom:1em;	335	margin-bottom:1em;
336	}	336	}
337		337
338	/*	338	/*
339	* Not for IE 6 and below.	339	* Not for IE 6 and below.
340	* Bugfix for IE 7 is provided by lcars-ie7.css which should be	340	* Bugfix for IE 7 is provided by lcars-ie7.css which should be
341	* included as follows:	341	* included as follows:
342		342
343	<link rel="stylesheet" href="/styles/lcars.css" type="text/css">	343	<link rel="stylesheet" href="/styles/lcars.css" type="text/css">
344	<!--[if IE 7]>	344	<!--[if IE 7]>
345	<link rel="stylesheet" href="/styles/lcars-ie7.css" type="text/css">	345	<link rel="stylesheet" href="/styles/lcars-ie7.css" type="text/css">
346	<![endif]-->	346	<![endif]-->
347	*/	347	*/
348	table>tbody.scroll {	348	table>tbody.scroll {
349	height:11em;	349	height:11em;
350	overflow:auto;	350	overflow:auto;
351	/*	351	/*
352	* In current implementations, the scrollbar is displayed within	352	* In current implementations, the scrollbar is displayed within
353	* the tbody area, so we disable horizontal scrolling for that ...	353	* the tbody area, so we disable horizontal scrolling for that ...
354	*/	354	*/
355	overflow-x: hidden !important;	355	overflow-x: hidden !important;
356	}	356	}
357		357
358	/*	358	/*
359	* ... and make enough room so that the text won't flow under the	359	* ... and make enough room so that the text won't flow under the
360	* vertical scrollbar. However, that is still a dirty hack as we	360	* vertical scrollbar. However, that is still a dirty hack as we
361	* assume that the vertical scrollbar is not wider than 20px.	361	* assume that the vertical scrollbar is not wider than 20px.
362	*/	362	*/
363	table>tbody.scroll td:last-child {	363	table>tbody.scroll td:last-child {
364	padding-right: 20px;	364	padding-right: 20px;
365	}	365	}
366		366
367	tr {	367	tr {
368	vertical-align:top;	368	vertical-align:top;
369	vertical-align: baseline;	369	vertical-align: baseline;
370	}	370	}
371		371
372	th {	372	th {
373	padding-left:3px;	373	padding-left:3px;
374	/* border-right:2px solid black; */	374	/* border-right:2px solid black; */
375	text-align:left;	375	text-align:left;
376	background-color:#c66;	376	background-color:#c66;
377	color:#000;	377	color:#000;
378	font-size:110%;	378	font-size:110%;
379	font-weight:normal;	379	font-weight:normal;
380	}	380	}
381		381
382	thead th:first-child {	382	thead th:first-child {
383	border-top-left-radius: 7px 15px;	383	border-top-left-radius: 7px 15px;
384	}	384	}
385		385
386	table.left th, thead.left th, tbody.left th, th.left {	386	table.left th, thead.left th, tbody.left th, th.left {
387	background-color:inherit;	387	background-color:inherit;
388	color:inherit;	388	color:inherit;
389	text-transform:uppercase;	389	text-transform:uppercase;
390	text-align:right;	390	text-align:right;
391	}	391	}
392		392
393	th, td {	393	th, td {
394	padding-right:3px;	394	padding-right:3px;
395	}	395	}
396		396
397	td {	397	td {
398	padding-left:4px;	398	padding-left:4px;
399	background-color:inherit;	399	background-color:inherit;
400	color:inherit;	400	color:inherit;
401	font-size:110%;	401	font-size:110%;
402	}	402	}
403		403
404	/* hover table */	404	/* hover table */
405		405
406	table.hover thead th:hover,	406	table.hover thead th:hover,
407	thead.hover th:hover,	407	thead.hover th:hover,
408	tbody.hover th:hover,	408	tbody.hover th:hover,
409	table.hover tbody tr:hover th,	409	table.hover tbody tr:hover th,
410	tbody.hover tr:hover th {	410	tbody.hover tr:hover th {
411	background-color:#f99;	411	background-color:#f99;
412	color:#000;	412	color:#000;
413	}	413	}
414		414
415	table.hover tbody tr:hover,	415	table.hover tbody tr:hover,
416	tbody.hover tr:hover {	416	tbody.hover tr:hover {
417	color:#fc3;	417	color:#fc3;
418	}	418	}
419		419
420	table.hover tbody tr:hover a,	420	table.hover tbody tr:hover a,
421	tbody.hover tr:hover a {	421	tbody.hover tr:hover a {
422	background-color:inherit;	422	background-color:inherit;
423	}	423	}
424		424
425	/* Lowlight all rows except that with the active/focused element */	425	/* Lowlight all rows except that with the active/focused element */
426	table.hover tbody:active,	426	table.hover tbody:active,
427	table.hover tbody:focus,	427	table.hover tbody:focus,
428	tbody.hover:active,	428	tbody.hover:active,
429	tbody.hover:focus {	429	tbody.hover:focus {
430	background-color:#000;	430	background-color:#000;
431	color:#99c;	431	color:#99c;
432	}	432	}
433		433
434	table.hover tbody tr:active,	434	table.hover tbody tr:active,
435	tbody.hover tr:active,	435	tbody.hover tr:active,
436	table.hover tbody tr:focus,	436	table.hover tbody tr:focus,
437	tbody.hover tr:focus {	437	tbody.hover tr:focus {
438	background-color:#000;	438	background-color:#000;
439	color:#fff;	439	color:#fff;
440	}	440	}
441		441
442	/* This to invert display on hover does not seem proper LCARS design */	442	/* This to invert display on hover does not seem proper LCARS design */
443	/*	443	/*
444	table.hover tbody tr:hover a:link,	444	table.hover tbody tr:hover a:link,
445	tbody.hover tr:hover a:link {	445	tbody.hover tr:hover a:link {
446	color:#fff;	446	color:#fff;
447	}	447	}
448		448
449	table.hover tbody tr:hover a:visited,	449	table.hover tbody tr:hover a:visited,
450	tbody.hover tr:hover a:visited {	450	tbody.hover tr:hover a:visited {
451	background-color:inherit;	451	background-color:inherit;
452	color:#963;	452	color:#963;
453	}	453	}
454		454
455	table.hover tbody tr:hover a:link:focus,	455	table.hover tbody tr:hover a:link:focus,
456	table.hover tbody tr:hover a:visited:focus,	456	table.hover tbody tr:hover a:visited:focus,
457	table.hover tbody tr:hover a:link:hover,	457	table.hover tbody tr:hover a:link:hover,
458	table.hover tbody tr:hover a:visited:hover,	458	table.hover tbody tr:hover a:visited:hover,
459	table.hover tbody tr:hover a:link:active,	459	table.hover tbody tr:hover a:link:active,
460	tbody.hover tr:hover a:link:focus,	460	tbody.hover tr:hover a:link:focus,
461	tbody.hover tr:hover a:visited:focus,	461	tbody.hover tr:hover a:visited:focus,
462	tbody.hover tr:hover a:link:hover,	462	tbody.hover tr:hover a:link:hover,
463	tbody.hover tr:hover a:visited:hover,	463	tbody.hover tr:hover a:visited:hover,
464	tbody.hover tr:hover a:link:active {	464	tbody.hover tr:hover a:link:active {
465	background-color:inherit;	465	background-color:inherit;
466	color:#960;	466	color:#960;
467	}	467	}
468		468
469	table.hover tbody tr:hover a:visited:active,	469	table.hover tbody tr:hover a:visited:active,
470	tbody.hover tr:hover a:visited:active {	470	tbody.hover tr:hover a:visited:active {
471	background-color:inherit;	471	background-color:inherit;
472	color:#c63;	472	color:#c63;
473	}	473	}
474	*/	474	*/
475		475

Subversion Repositories LCARS

(root)/branches/live/styles/lcars-20071202.css @ 220 - Rev 36 → 198