Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 16 → Rev 17

/trunk/styles/lcars.css
0,0 → 1,474
/* <title>CSS for PointedEars' LCARS, version 2.053, stardate 200712.02</title>
*/
 
/* basic fonts */
 
/* $WEFT -- Created by:Thomas 'PointedEars' Lahn (webmaster@PointedEars.de)
on 2002-03-23 -- */
@font-face {
font-family:Haettens;
font-style:normal;
font-weight:normal;
src:url(HAETTEN0.eot);
}
 
/*
@font-face {
font-family:Webdings;
font-style:normal;
font-weight:normal;
src:url(WEBDING0.eot);
}
*/
 
@font-face {
font-family:"Zurich XCn BT";
src:url(ZurichXCn.pfr);
}
 
/* basic display */
 
* {
font-family:LCARS, Haettenschweiler, Haettens, "Zurich XCn BT", impact, Verdana,
Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
}
 
body {
cursor:default;
font-size:123%; /*110%*/
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;
}
 
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;
}
 
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:110%;
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;
}
 
/*
* ... 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:110%;
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:110%;
}
 
/* 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;
}
*/
Property changes:
Added: svn:mime-type
## -0,0 +1 ##
+text/plain
\ No newline at end of property