Subversion Repositories LCARS

Rev

Go to most recent revision | View as "text/plain" | Blame | Last modification | View Log | RSS feed

1
/*
 * <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(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, "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 {
  border-top-left-radius: 7px 15px;
}

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

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

td {
  padding-left:4px;
  background-color:inherit;
  color:inherit;
  font-size: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;
}
*/