WebSVN - LCARS - Diff - Rev 73 and 198 - /branches/live/styles/lcars2.css


<?php \header('Content-Type: text/css; charset=UTF-8'); ?>
/*
 * <title>CSS for PointedEars' LCARS, version 2.1, stardate 201012.30</title>
 */

/* basic fonts */

@font-face {
  font-family: "LCARS";
  font-style: normal;
  font-weight: normal;
  src: local("LCARS"), url(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(HAETTEN0.eot), url(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(ZurichXCn.pfr);
}

/* basic display */

* {
  font-family: "LCARS",
    Haettenschweiler, "Downloadable Haettenschweiler",
    "Zurich XCn BT", "Downloadable Zurich XCn BT",
    impact, Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
       
body {
  position: absolute;
  left: 204px;
  top: 216px;
  right: 0px;
  bottom: 0;
 
  /* 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;

  background-color: #000;
  color: #99f;
  font-size: 131%; /* 134% */
}

h1, h2 {
  margin-top: 0;
  font-size: 120%;
  font-weight: normal;
}

#LCARS {
  position: relative;
}

.button {
  display: block;
  width: 100px;
  min-height: 40px;
  background-color: #c9c;
  color: #000;
  text-decoration: none;
}
     
.elbo {
  position: relative;
  width: 100px;
  height: 62px;
  text-align: right;
}

.elbo .terminator {
  position: absolute;
  width: 100px;
  height: 18px;
}

.elbo .terminator.left {
  left: 0;
  border-right: 4px solid #000;
}

.elbo .terminator.right {
  right: 0;
  border-left: 4px solid #000;
}

.elbo span {
  position: relative;
  right: 4px;
}

.elbo-button {
  float: left;
  clear: left;
  position: relative;
  height: 40px;
  margin-right: 4px;
  margin-bottom: 0;
  border-bottom: 4px solid black;
}

#upper {
  position: fixed;
  z-index: 3;
  left: 4px;
  top: 0;
  right: 4px;
  padding-top: 4px;
  background-color: #000;
  color: #fff;
}

#upper .elbo-button {
  height: 84px;
}

#upper .elbo-button span {
  position: absolute;
  right: 4px;
  bottom: 4px;
}

#caption-container {
  /*position: relative; */
  position: absolute;
  /*float: right; */
 
  /* Corresponds with negative margin for elbo-button */
  /* margin-left: 104px; */
 
  margin-top: 0;
  left: 204px;
  right: 0;
  height: 100px;
  text-align: right;
  font-weight: normal;
  font-size: 40px;
  text-transform: uppercase;
  z-index: 3;
  overflow: auto;
}

#caption {
  position: relative;
  margin-top: 0;
  text-align: right;
}

#upper-elbo {
  position: relative;
  clear: left;
  margin-bottom: 4px;
}

#upper-elbo .elbo {
  height: 62px;
  background-color: #9cf;
  color: #000;
}

.red-alert .elbo-button,
.red-alert #upper-elbo .elbo,
.red-alert #lower-elbo .elbo,
.red-alert #lower .elbo-button
{
  background-color: #f00;
}

.database #upper-elbo .elbo,
.database #lower-elbo .elbo
{
  background-color: #f1df6f;
  color: #000;
}

#upper-elbo .elbo.left {
  border-radius: 0 0 0 32px;
  -moz-border-radius: 0 0 0 32px;
  -webkit-border-radius: 0 0 0 32px;
}

#upper-elbo .elbo.left span {
  top: 4px;
}

#upper-elbo .elbo.right {
  position: absolute;
  left: 100px;
  top: 0;
  width: auto;
  right: 0;
}

#upper-elbo .elbo.right .black {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 44px;
  background-color: #000;
  border-radius: 0 0 0 16px;
  -moz-border-radius: 0 0 0 16px;
  -webkit-border-radius: 0 0 0 16px;
}

#upper-elbo .elbo.right .terminator {
  top: 44px;
}

#lower {
  position: fixed;
  left: 4px;
  top: 158px;
  right: 4px;
  bottom: 4px;
}

#lower-elbo {
  position: relative;
  z-index: 3;
  margin-bottom: 4px;
}

#lower-elbo .elbo {
  background-color: #c66;
  color: #000;
}

#lower-elbo .elbo.left {
  border-radius: 32px 0 0 0;
  -moz-border-radius: 32px 0 0 0;
  -webkit-border-radius: 32px 0 0 0;
}

#lower-elbo .elbo.left span {
  position: absolute;
  bottom: 4px;
}

#lower-elbo h2.elbo.left  {
  margin-bottom: 0;
}

#lower-elbo h2.elbo.left span {
  bottom: 0;
}

#lower-elbo .elbo.right {
  position: absolute;
  left: 100px;
  top: 0;
  width: auto;
  right: 0;
}

#lower-elbo .elbo.right .black {
  position: absolute;
  left: 0px;
  top: 18px;
  width: 100%;
  height: 45px;
  background-color: #000;
  border-radius: 16px 0 0 0;
  -moz-border-radius: 16px 0 0 0;
  -webkit-border-radius: 16px 0 0 0;
}

#lower-elbo .elbo.right .terminator {
  top: 0;
  background-color: #f90;
}

#lower-elbo .elbo.right .terminator.left {
  background-color: transparent;
}

#menu {
  /*
  float: left;
  margin-right: -104px;
  */
  position: absolute;
  top: 66px;
  width: 119px;
  bottom: 0;
  overflow-y: auto;
}

ul.elbo {
  clear: left;
  margin: 0;
  height: auto;
  padding: 0;
  list-style-type: none;
}

ul.elbo li {
  clear: left;
  margin: 0;
}

ul.elbo li.half {
  display: block;
  float: left;
  text-align: center;
}

ul.elbo li.half .elbo-button {
  margin-right: 0;
  width: 48px;
}

ul.elbo li.half .elbo-button span {
  right: auto;
}

ul.elbo li.half.left {
  border-right: 2px solid black;
}

ul.elbo li.half.right {
  clear: right;
  border-left: 2px solid black;
}

#lower .elbo-button {
  height: auto;
  min-height: 40px;
  background-color: #c66;
}

#lower .elbo-button span {
  bottom: 0;
  line-height: 40px;
}

#lower h2.elbo-button {
  /* min-height: 31px; */
}

#lower h2.elbo-button span {
  position: absolute;
  right: 4px;
  bottom: 0;
  line-height: normal;
}

#lower .elbo-button.button2 {
  min-height: 1em;
  background-color: #c9c;
}

#lower .elbo-button.button2:focus,
#lower .elbo-button.button2:hover
{
  background-color: #f90;
}

#lower .elbo-button.button2:active {
  background-color: #fff;
}

#lower .elbo-button.button2 span {
  line-height: 1;
}

#lower .elbo-button.button2 span abbr {
  border-bottom: none;
}

#glue {
  position: absolute;
  left: 0px;
  top: 66px;
  bottom: 0;
  border-bottom: none;
}

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

p:last-child {
  margin-bottom: 0;
}

/*
p:focus,
p:active
{
  color: #fff;
}
*/

#content {
  position: relative;
}

#heading1 {
  position: fixed;
  right: 8px;
  top: 179px;
  height: 40px;
  left: 208px;
  z-index: 3;
}

#heading1 h1 {
  position: absolute;
  margin-bottom: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  color: white;
}

#content a {
  text-decoration: none;
}

#content a:link:hover,
#content a:link:focus
{
  background-color:#000;
  color: #f90;
}

#content a:link:active {
  background-color:#000;
  color: #fff;
}

#content a:link {
  background-color:#000;
  color:#fc9;
}

#content a:visited:hover,
#content a:visited:focus
{
  background-color:#000;
  color:#f90;
}

#content a:visited:active {
  background-color:black;
  color:#fff;
}


#content a:visited {
  background-color:black;
  color:#c9c;
}
 

Rev 73	Rev 198
1	<?php \header('Content-Type: text/css; charset=UTF-8'); ?>	1	<?php \header('Content-Type: text/css; charset=UTF-8'); ?>
2	/*	2	/*
3	* <title>CSS for PointedEars' LCARS, version 2.1, stardate 201012.30</title>	3	* <title>CSS for PointedEars' LCARS, version 2.1, stardate 201012.30</title>
4	*/	4	*/
5		5
6	/* basic fonts */	6	/* basic fonts */
7		7
8	@font-face {	8	@font-face {
9	font-family: "LCARS";	9	font-family: "LCARS";
10	font-style: normal;	10	font-style: normal;
11	font-weight: normal;	11	font-weight: normal;
12	src: local("LCARS"), url(LCARS.ttf);	12	src: local("LCARS"), url(LCARS.ttf);
13	}	13	}
14		14
15	/* EOT font created with WEFT on 2002-03-23 */	15	/* EOT font created with WEFT on 2002-03-23 */
16	@font-face {	16	@font-face {
17	font-family: "Downloadable Haettenschweiler";	17	font-family: "Downloadable Haettenschweiler";
18	font-style: normal;	18	font-style: normal;
19	font-weight: normal;	19	font-weight: normal;
20	src: url(HAETTEN0.eot), url(HAETTENS.ttf);	20	src: url(HAETTEN0.eot), url(HAETTENS.ttf);
21	}	21	}
22		22
23	/*	23	/*
24	@font-face {	24	@font-face {
25	font-family:Webdings;	25	font-family:Webdings;
26	font-style:normal;	26	font-style:normal;
27	font-weight:normal;	27	font-weight:normal;
28	src:url(WEBDING0.eot);	28	src:url(WEBDING0.eot);
29	}	29	}
30	*/	30	*/
31		31
32	@font-face {	32	@font-face {
33	font-family: "Downloadable Zurich XCn BT";	33	font-family: "Downloadable Zurich XCn BT";
34	font-style: normal;	34	font-style: normal;
35	font-weight: normal;	35	font-weight: normal;
36	src: url(ZurichXCn.pfr);	36	src: url(ZurichXCn.pfr);
37	}	37	}
38		38
39	/* basic display */	39	/* basic display */
40		40
41	* {	41	* {
42	font-family: "LCARS",	42	font-family: "LCARS",
43	Haettenschweiler, "Downloadable Haettenschweiler",	43	Haettenschweiler, "Downloadable Haettenschweiler",
44	"Zurich XCn BT", "Downloadable Zurich XCn BT",	44	"Zurich XCn BT", "Downloadable Zurich XCn BT",
45	impact, Verdana, Geneva, Arial, Helvetica, sans-serif;	45	impact, Verdana, Geneva, Arial, Helvetica, sans-serif;
46	font-weight: normal;	46	font-weight: normal;
47	}	47	}
48		48
49	body {	49	body {
50	position: absolute;	50	position: absolute;
51	left: 204px;	51	left: 204px;
52	top: 216px;	52	top: 216px;
53	right: 0px;	53	right: 0px;
54	bottom: 0;	54	bottom: 0;
55		55
56	/* IE 5.5+ scrollbar colors */	56	/* IE 5.5+ scrollbar colors */
57	/* from Mozilla LCARS Theme (2D style) */	57	/* from Mozilla LCARS Theme (2D style) */
58	scrollbar-3dlight-color:#000;	58	scrollbar-3dlight-color:#000;
59	scrollbar-arrow-color:#000;	59	scrollbar-arrow-color:#000;
60	scrollbar-base-color:#000;	60	scrollbar-base-color:#000;
61	scrollbar-darkshadow-color:#000;	61	scrollbar-darkshadow-color:#000;
62	scrollbar-face-color:#99f;	62	scrollbar-face-color:#99f;
63	scrollbar-highlight-color:#99f;	63	scrollbar-highlight-color:#99f;
64	scrollbar-track-color:#000;	64	scrollbar-track-color:#000;
65	scrollbar-shadow-color:#99f;	65	scrollbar-shadow-color:#99f;
66		66
67	background-color: #000;	67	background-color: #000;
68	color: #99f;	68	color: #99f;
69	font-size: 131%; /* 134% */	69	font-size: 131%; /* 134% */
70	}	70	}
71		71
72	h1, h2 {	72	h1, h2 {
73	margin-top: 0;	73	margin-top: 0;
74	font-size: 120%;	74	font-size: 120%;
75	font-weight: normal;	75	font-weight: normal;
76	}	76	}
77		77
78	#LCARS {	78	#LCARS {
79	position: relative;	79	position: relative;
80	}	80	}
81		81
82	.button {	82	.button {
83	display: block;	83	display: block;
84	width: 100px;	84	width: 100px;
85	min-height: 40px;	85	min-height: 40px;
86	background-color: #c9c;	86	background-color: #c9c;
87	color: #000;	87	color: #000;
88	text-decoration: none;	88	text-decoration: none;
89	}	89	}
90		90
91	.elbo {	91	.elbo {
92	position: relative;	92	position: relative;
93	width: 100px;	93	width: 100px;
94	height: 62px;	94	height: 62px;
95	text-align: right;	95	text-align: right;
96	}	96	}
97		97
98	.elbo .terminator {	98	.elbo .terminator {
99	position: absolute;	99	position: absolute;
100	width: 100px;	100	width: 100px;
101	height: 18px;	101	height: 18px;
102	}	102	}
103		103
104	.elbo .terminator.left {	104	.elbo .terminator.left {
105	left: 0;	105	left: 0;
106	border-right: 4px solid #000;	106	border-right: 4px solid #000;
107	}	107	}
108		108
109	.elbo .terminator.right {	109	.elbo .terminator.right {
110	right: 0;	110	right: 0;
111	border-left: 4px solid #000;	111	border-left: 4px solid #000;
112	}	112	}
113		113
114	.elbo span {	114	.elbo span {
115	position: relative;	115	position: relative;
116	right: 4px;	116	right: 4px;
117	}	117	}
118		118
119	.elbo-button {	119	.elbo-button {
120	float: left;	120	float: left;
121	clear: left;	121	clear: left;
122	position: relative;	122	position: relative;
123	height: 40px;	123	height: 40px;
124	margin-right: 4px;	124	margin-right: 4px;
125	margin-bottom: 0;	125	margin-bottom: 0;
126	border-bottom: 4px solid black;	126	border-bottom: 4px solid black;
127	}	127	}
128		128
129	#upper {	129	#upper {
130	position: fixed;	130	position: fixed;
131	z-index: 3;	131	z-index: 3;
132	left: 4px;	132	left: 4px;
133	top: 0;	133	top: 0;
134	right: 4px;	134	right: 4px;
135	padding-top: 4px;	135	padding-top: 4px;
136	background-color: #000;	136	background-color: #000;
137	color: #fff;	137	color: #fff;
138	}	138	}
139		139
140	#upper .elbo-button {	140	#upper .elbo-button {
141	height: 84px;	141	height: 84px;
142	}	142	}
143		143
144	#upper .elbo-button span {	144	#upper .elbo-button span {
145	position: absolute;	145	position: absolute;
146	right: 4px;	146	right: 4px;
147	bottom: 4px;	147	bottom: 4px;
148	}	148	}
149		149
150	#caption-container {	150	#caption-container {
151	/position: relative; /	151	/position: relative; /
152	position: absolute;	152	position: absolute;
153	/float: right; /	153	/float: right; /
154		154
155	/* Corresponds with negative margin for elbo-button */	155	/* Corresponds with negative margin for elbo-button */
156	/* margin-left: 104px; */	156	/* margin-left: 104px; */
157		157
158	margin-top: 0;	158	margin-top: 0;
159	left: 204px;	159	left: 204px;
160	right: 0;	160	right: 0;
161	height: 100px;	161	height: 100px;
162	text-align: right;	162	text-align: right;
163	font-weight: normal;	163	font-weight: normal;
164	font-size: 40px;	164	font-size: 40px;
165	text-transform: uppercase;	165	text-transform: uppercase;
166	z-index: 3;	166	z-index: 3;
167	overflow: auto;	167	overflow: auto;
168	}	168	}
169		169
170	#caption {	170	#caption {
171	position: relative;	171	position: relative;
172	margin-top: 0;	172	margin-top: 0;
173	text-align: right;	173	text-align: right;
174	}	174	}
175		175
176	#upper-elbo {	176	#upper-elbo {
177	position: relative;	177	position: relative;
178	clear: left;	178	clear: left;
179	margin-bottom: 4px;	179	margin-bottom: 4px;
180	}	180	}
181		181
182	#upper-elbo .elbo {	182	#upper-elbo .elbo {
183	height: 62px;	183	height: 62px;
184	background-color: #9cf;	184	background-color: #9cf;
185	color: #000;	185	color: #000;
186	}	186	}
187		187
188	.red-alert .elbo-button,	188	.red-alert .elbo-button,
189	.red-alert #upper-elbo .elbo,	189	.red-alert #upper-elbo .elbo,
190	.red-alert #lower-elbo .elbo,	190	.red-alert #lower-elbo .elbo,
191	.red-alert #lower .elbo-button	191	.red-alert #lower .elbo-button
192	{	192	{
193	background-color: #f00;	193	background-color: #f00;
194	}	194	}
195		195
196	.database #upper-elbo .elbo,	196	.database #upper-elbo .elbo,
197	.database #lower-elbo .elbo	197	.database #lower-elbo .elbo
198	{	198	{
199	background-color: #f1df6f;	199	background-color: #f1df6f;
200	color: #000;	200	color: #000;
201	}	201	}
202		202
203	#upper-elbo .elbo.left {	203	#upper-elbo .elbo.left {
204	border-radius: 0 0 0 32px;	204	border-radius: 0 0 0 32px;
205	-moz-border-radius: 0 0 0 32px;	205	-moz-border-radius: 0 0 0 32px;
206	-webkit-border-radius: 0 0 0 32px;	206	-webkit-border-radius: 0 0 0 32px;
207	}	207	}
208		208
209	#upper-elbo .elbo.left span {	209	#upper-elbo .elbo.left span {
210	top: 4px;	210	top: 4px;
211	}	211	}
212		212
213	#upper-elbo .elbo.right {	213	#upper-elbo .elbo.right {
214	position: absolute;	214	position: absolute;
215	left: 100px;	215	left: 100px;
216	top: 0;	216	top: 0;
217	width: auto;	217	width: auto;
218	right: 0;	218	right: 0;
219	}	219	}
220		220
221	#upper-elbo .elbo.right .black {	221	#upper-elbo .elbo.right .black {
222	position: absolute;	222	position: absolute;
223	left: 0;	223	left: 0;
224	top: 0;	224	top: 0;
225	width: 100%;	225	width: 100%;
226	height: 44px;	226	height: 44px;
227	background-color: #000;	227	background-color: #000;
228	border-radius: 0 0 0 16px;	228	border-radius: 0 0 0 16px;
229	-moz-border-radius: 0 0 0 16px;	229	-moz-border-radius: 0 0 0 16px;
230	-webkit-border-radius: 0 0 0 16px;	230	-webkit-border-radius: 0 0 0 16px;
231	}	231	}
232		232
233	#upper-elbo .elbo.right .terminator {	233	#upper-elbo .elbo.right .terminator {
234	top: 44px;	234	top: 44px;
235	}	235	}
236		236
237	#lower {	237	#lower {
238	position: fixed;	238	position: fixed;
239	left: 4px;	239	left: 4px;
240	top: 158px;	240	top: 158px;
241	right: 4px;	241	right: 4px;
242	bottom: 4px;	242	bottom: 4px;
243	}	243	}
244		244
245	#lower-elbo {	245	#lower-elbo {
246	position: relative;	246	position: relative;
247	z-index: 3;	247	z-index: 3;
248	margin-bottom: 4px;	248	margin-bottom: 4px;
249	}	249	}
250		250
251	#lower-elbo .elbo {	251	#lower-elbo .elbo {
252	background-color: #c66;	252	background-color: #c66;
253	color: #000;	253	color: #000;
254	}	254	}
255		255
256	#lower-elbo .elbo.left {	256	#lower-elbo .elbo.left {
257	border-radius: 32px 0 0 0;	257	border-radius: 32px 0 0 0;
258	-moz-border-radius: 32px 0 0 0;	258	-moz-border-radius: 32px 0 0 0;
259	-webkit-border-radius: 32px 0 0 0;	259	-webkit-border-radius: 32px 0 0 0;
260	}	260	}
261		261
262	#lower-elbo .elbo.left span {	262	#lower-elbo .elbo.left span {
263	position: absolute;	263	position: absolute;
264	bottom: 4px;	264	bottom: 4px;
265	}	265	}
266		266
267	#lower-elbo h2.elbo.left {	267	#lower-elbo h2.elbo.left {
268	margin-bottom: 0;	268	margin-bottom: 0;
269	}	269	}
270		270
271	#lower-elbo h2.elbo.left span {	271	#lower-elbo h2.elbo.left span {
272	bottom: 0;	272	bottom: 0;
273	}	273	}
274		274
275	#lower-elbo .elbo.right {	275	#lower-elbo .elbo.right {
276	position: absolute;	276	position: absolute;
277	left: 100px;	277	left: 100px;
278	top: 0;	278	top: 0;
279	width: auto;	279	width: auto;
280	right: 0;	280	right: 0;
281	}	281	}
282		282
283	#lower-elbo .elbo.right .black {	283	#lower-elbo .elbo.right .black {
284	position: absolute;	284	position: absolute;
285	left: 0px;	285	left: 0px;
286	top: 18px;	286	top: 18px;
287	width: 100%;	287	width: 100%;
288	height: 45px;	288	height: 45px;
289	background-color: #000;	289	background-color: #000;
290	border-radius: 16px 0 0 0;	290	border-radius: 16px 0 0 0;
291	-moz-border-radius: 16px 0 0 0;	291	-moz-border-radius: 16px 0 0 0;
292	-webkit-border-radius: 16px 0 0 0;	292	-webkit-border-radius: 16px 0 0 0;
293	}	293	}
294		294
295	#lower-elbo .elbo.right .terminator {	295	#lower-elbo .elbo.right .terminator {
296	top: 0;	296	top: 0;
297	background-color: #f90;	297	background-color: #f90;
298	}	298	}
299		299
300	#lower-elbo .elbo.right .terminator.left {	300	#lower-elbo .elbo.right .terminator.left {
301	background-color: transparent;	301	background-color: transparent;
302	}	302	}
303		303
304	#menu {	304	#menu {
305	/*	305	/*
306	float: left;	306	float: left;
307	margin-right: -104px;	307	margin-right: -104px;
308	*/	308	*/
309	position: absolute;	309	position: absolute;
310	top: 66px;	310	top: 66px;
311	width: 119px;	311	width: 119px;
312	bottom: 0;	312	bottom: 0;
313	overflow-y: auto;	313	overflow-y: auto;
314	}	314	}
315		315
316	ul.elbo {	316	ul.elbo {
317	clear: left;	317	clear: left;
318	margin: 0;	318	margin: 0;
319	height: auto;	319	height: auto;
320	padding: 0;	320	padding: 0;
321	list-style-type: none;	321	list-style-type: none;
322	}	322	}
323		323
324	ul.elbo li {	324	ul.elbo li {
325	clear: left;	325	clear: left;
326	margin: 0;	326	margin: 0;
327	}	327	}
328		328
329	ul.elbo li.half {	329	ul.elbo li.half {
330	display: block;	330	display: block;
331	float: left;	331	float: left;
332	text-align: center;	332	text-align: center;
333	}	333	}
334		334
335	ul.elbo li.half .elbo-button {	335	ul.elbo li.half .elbo-button {
336	margin-right: 0;	336	margin-right: 0;
337	width: 48px;	337	width: 48px;
338	}	338	}
339		339
340	ul.elbo li.half .elbo-button span {	340	ul.elbo li.half .elbo-button span {
341	right: auto;	341	right: auto;
342	}	342	}
343		343
344	ul.elbo li.half.left {	344	ul.elbo li.half.left {
345	border-right: 2px solid black;	345	border-right: 2px solid black;
346	}	346	}
347		347
348	ul.elbo li.half.right {	348	ul.elbo li.half.right {
349	clear: right;	349	clear: right;
350	border-left: 2px solid black;	350	border-left: 2px solid black;
351	}	351	}
352		352
353	#lower .elbo-button {	353	#lower .elbo-button {
354	height: auto;	354	height: auto;
355	min-height: 40px;	355	min-height: 40px;
356	background-color: #c66;	356	background-color: #c66;
357	}	357	}
358		358
359	#lower .elbo-button span {	359	#lower .elbo-button span {
360	bottom: 0;	360	bottom: 0;
361	line-height: 40px;	361	line-height: 40px;
362	}	362	}
363		363
364	#lower h2.elbo-button {	364	#lower h2.elbo-button {
365	/* min-height: 31px; */	365	/* min-height: 31px; */
366	}	366	}
367		367
368	#lower h2.elbo-button span {	368	#lower h2.elbo-button span {
369	position: absolute;	369	position: absolute;
370	right: 4px;	370	right: 4px;
371	bottom: 0;	371	bottom: 0;
372	line-height: normal;	372	line-height: normal;
373	}	373	}
374		374
375	#lower .elbo-button.button2 {	375	#lower .elbo-button.button2 {
376	min-height: 1em;	376	min-height: 1em;
377	background-color: #c9c;	377	background-color: #c9c;
378	}	378	}
379		379
380	#lower .elbo-button.button2:focus,	380	#lower .elbo-button.button2:focus,
381	#lower .elbo-button.button2:hover	381	#lower .elbo-button.button2:hover
382	{	382	{
383	background-color: #f90;	383	background-color: #f90;
384	}	384	}
385		385
386	#lower .elbo-button.button2:active {	386	#lower .elbo-button.button2:active {
387	background-color: #fff;	387	background-color: #fff;
388	}	388	}
389		389
390	#lower .elbo-button.button2 span {	390	#lower .elbo-button.button2 span {
391	line-height: 1;	391	line-height: 1;
392	}	392	}
393		393
394	#lower .elbo-button.button2 span abbr {	394	#lower .elbo-button.button2 span abbr {
395	border-bottom: none;	395	border-bottom: none;
396	}	396	}
397		397
398	#glue {	398	#glue {
399	position: absolute;	399	position: absolute;
400	left: 0px;	400	left: 0px;
401	top: 66px;	401	top: 66px;
402	bottom: 0;	402	bottom: 0;
403	border-bottom: none;	403	border-bottom: none;
404	}	404	}
405		405
406	p {	406	p {
407	margin-top: 0;	407	margin-top: 0;
408	margin-bottom: 1em;	408	margin-bottom: 1em;
409	text-align: justify;	409	text-align: justify;
410	}	410	}
411		411
412	p:last-child {	412	p:last-child {
413	margin-bottom: 0;	413	margin-bottom: 0;
414	}	414	}
415		415
416	/*	416	/*
417	p:focus,	417	p:focus,
418	p:active	418	p:active
419	{	419	{
420	color: #fff;	420	color: #fff;
421	}	421	}
422	*/	422	*/
423		423
424	#content {	424	#content {
425	position: relative;	425	position: relative;
426	}	426	}
427		427
428	#heading1 {	428	#heading1 {
429	position: fixed;	429	position: fixed;
430	right: 8px;	430	right: 8px;
431	top: 179px;	431	top: 179px;
432	height: 40px;	432	height: 40px;
433	left: 208px;	433	left: 208px;
434	z-index: 3;	434	z-index: 3;
435	}	435	}
436		436
437	#heading1 h1 {	437	#heading1 h1 {
438	position: absolute;	438	position: absolute;
439	margin-bottom: 0;	439	margin-bottom: 0;
440	right: 0;	440	right: 0;
441	bottom: 0;	441	bottom: 0;
442	background-color: black;	442	background-color: black;
443	color: white;	443	color: white;
444	}	444	}
445		445
446	#content a {	446	#content a {
447	text-decoration: none;	447	text-decoration: none;
448	}	448	}
449		449
450	#content a:link:hover,	450	#content a:link:hover,
451	#content a:link:focus	451	#content a:link:focus
452	{	452	{
453	background-color:#000;	453	background-color:#000;
454	color: #f90;	454	color: #f90;
455	}	455	}
456		456
457	#content a:link:active {	457	#content a:link:active {
458	background-color:#000;	458	background-color:#000;
459	color: #fff;	459	color: #fff;
460	}	460	}
461		461
462	#content a:link {	462	#content a:link {
463	background-color:#000;	463	background-color:#000;
464	color:#fc9;	464	color:#fc9;
465	}	465	}
466		466
467	#content a:visited:hover,	467	#content a:visited:hover,
468	#content a:visited:focus	468	#content a:visited:focus
469	{	469	{
470	background-color:#000;	470	background-color:#000;
471	color:#f90;	471	color:#f90;
472	}	472	}
473		473
474	#content a:visited:active {	474	#content a:visited:active {
475	background-color:black;	475	background-color:black;
476	color:#fff;	476	color:#fff;
477	}	477	}
478		478
479		479
480	#content a:visited {	480	#content a:visited {
481	background-color:black;	481	background-color:black;
482	color:#c9c;	482	color:#c9c;
483	}	483	}
484		484

Subversion Repositories LCARS

(root)/branches/live/styles/lcars2.css @ 263 - Rev 73 → 198