WebSVN - LCARS - Diff - Rev 18 and 19 - /trunk/styles/lcars.css


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

/* basic fonts */

@font-face {
  font-family: "Downloadable LCARS";
  font-style: normal;
  font-weight: normal;
  src: url(fonts/LCARS.ttf);
}

/* EOT font created with WEFT on 2002-03-23 */
@font-face {
  font-family: "Downloadable Haettenschweiler";
  font-style: normal;
  font-weight: normal;
  src: url(fonts/HAETTEN0.eot), url(fonts/HAETTENS.ttf);
}

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

@font-face {
  font-family: "Downloadable Zurich XCn BT";
  font-style: normal;
  font-weight: normal;
  src: url(fonts/ZurichXCn.pfr);
}

/* basic display */

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

body {
  cursor:default;
  font-size:134%; /*129%*/
  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;
}

div, p, li, th, td {
  max-width: 60ex;
}

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;
}

abbr, acronym {
  border-bottom: 1px solid dotted;
  cursor: help;
}

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:111%;
  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;
}

table>tbody.scroll tr {
  height: auto;
}

/*
 * ... 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: 133%;
  font-weight:normal;
}

thead th:first-child {
  padding-left: 12px;
  border-radius: 12px 0 0 0;
  -moz-border-radius: 12px 0 0 0;
  -webkit-border-radius: 12px 0 0 0;
}

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:133%;
}

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

Subversion Repositories LCARS

(root)/trunk/styles/lcars.css - Rev 18 → 19