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


<?php header('Content-Type: text/css'); ?>
@CHARSET "UTF-8";

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

<?php
  $colors = array(
    'primary' => array(
      'elbo'     => '#f1df6f',
      'offline1' => '#300',
      'offline2' => '#f00',
      'n/a'      => '#39f',
      'primary'  => '#9cf',
      'color1'   => '#ff3',
      'color2'   => '#ffc'
    ),
    'secondary' => array(
      'elbo'     => '#b19f7a',
      'offline1' => '#300',
      'offline2' => '#f00',
      'n/a'      => '#5355de',
      'primary'  => '#9cf',
      'color1'   => '#fc0',
      'color2'   => '#ff9'
    ),
    'ancillary'  => array(
      'elbo'     => '#f1b1af',
      'offline1' => '#300',
      'offline2' => '#f00',
      'n/a'      => '#a27fa5',
      'primary'  => '#adacd8',
      'color1'   => '#ff3',
      'color2'   => '#e6b0d4'
    ),
    'database'  => array(
      'elbo'     => '#c66',
      'offline1' => '#300',
      'offline2' => '#f00',
      'n/a'      => '#ccf',
      'primary'  => '#9cf',
      'color1'   => '#f90',
      'text'     => '#99f',
      'old_text' => '#669',
      'new_text' => '#9cf',
      'link'     => '#fc9',
      'visited'  => '#c9c',
      'hover'    => '#f90',
      'active'   => '#fff'
    ),
    'red_alert'  => array(
      'elbo'     => '#f00',
      'offline1' => '#300',
      'offline2' => '#f00',
      'n/a'      => '#f00',
      'primary'  => '#f00',
      'color1'   => '#f00',
      'color2'   => '#f00'
    ),
    'multi-display'  => array(
      'upper_elbo' => '#9cf',
      'lower_elbo' => '#c66',
      'color1'     => '#f90',
      'color2'     => '#c9c',
      'text1'      => '#fff',
      'text2'      => '#f90',
    )
  );
?>

*[lang^="x-vulcan-latin"] {
  font-family: cursive;
}

body {
  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;
 
  background-color: #000;
  color: <?php echo $colors['database']['text']; ?>;
  font-size: 131%; /* 134% */
}

/* headings */
h1 {
  font-size: 120%; /* 191% */
  font-weight: normal;
  color: #fff; /* #c96 */
  background-color: black;
}

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

h3 {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 123%;
  font-weight: normal;
  color: #fff; /* #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;
  background-color: black;
  color: <?php echo $colors['multi-display']['text1']; ?>; /* #fc6 */
  font-size: 111%;
  font-weight: normal;
}

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

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: <?php echo $colors['multi-display']['text1']; ?>; /* #f93 */
  background-color: #000;
  font-weight: normal;
}

i, cite, blockquote, em {
  background-color: #000;
  color: <?php echo $colors['multi-display']['text1']; ?>; /* #f93 */
  font-style: normal;
}

abbr {
  white-space: nowrap;
}

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

del {
  background-color: #000;
  color: <?php echo $colors['database']['old_text']; ?>;
  text-decoration: line-through;
}

ins {
  background-color: #000;
  color: <?php echo $colors['database']['new_text']; ?>;
  text-decoration: none;
}

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

ul.filelist li  {
  background-color: #000;
  color: <?php echo $colors['database']['n/a']; ?>;
  cursor: not-allowed;
}

/* 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: <?php echo $colors['database']['hover']; ?>; /* #fc0 */
  text-decoration: none;
}

a:link {
  background-color: #000;
  color: <?php echo $colors['database']['link']; ?>; /* white */
  text-decoration: none;
}

a:visited:hover {
  background-color: #000;
  color: <?php echo $colors['database']['hover']; ?>; /* #fc3 */
  text-decoration: none;
}

a:visited:active {
  background-color: #000;
  color: <?php echo $colors['database']['active']; ?>; /* #fff */
  text-decoration: none;
}

a:visited:focus {
  background-color: #000;
  color: <?php echo $colors['database']['hover']; ?>; /* #fc3; */
  text-decoration: none;
}

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

Subversion Repositories LCARS

(root)/branches/live/styles/lcars.css.php - Rev 36 → 198