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

Subversion Repositories LCARS

(root)/trunk/styles/lcars2.css - Rev 36 → 73