Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 35 → Rev 36

/trunk/styles/lcars-20110221.css
0,0 → 1,498
/*
* <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;
}
*/
Property changes:
Added: svn:mime-type
## -0,0 +1 ##
+text/plain
\ No newline at end of property
Index: lcars.css.php
===================================================================
--- lcars.css.php (nonexistent)
+++ lcars.css.php (revision 36)
@@ -0,0 +1,573 @@
+<?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;
+}
+*/
/lcars.css.php
Property changes:
Added: svn:mime-type
## -0,0 +1 ##
+text/plain
\ No newline at end of property
Index: lcars-20071202.css
===================================================================
--- lcars-20071202.css (nonexistent)
+++ lcars-20071202.css (revision 36)
@@ -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;
+}
+*/
/lcars-20071202.css
Property changes:
Added: svn:mime-type
## -0,0 +1 ##
+text/plain
\ No newline at end of property
Index: lcars-ie7.css
===================================================================
--- lcars-ie7.css (nonexistent)
+++ lcars-ie7.css (revision 36)
@@ -0,0 +1,18 @@
+/*
+ * Bugfixes for IE 7 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]-->
+ */
+
+/* Support for scrollable tbody is buggy */
+table>tbody.scroll {
+ height: auto;
+ overflow: visible;
+}
+
+tr {
+ height: auto;
+}
\ No newline at end of file
/lcars-ie7.css
Property changes:
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Added: svn:mime-type
## -0,0 +1 ##
+text/plain
\ No newline at end of property
Index: lcars2.css
===================================================================
--- lcars2.css (nonexistent)
+++ lcars2.css (revision 36)
@@ -0,0 +1,482 @@
+/*
+ * <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;
+}
/lcars2.css
Property changes:
Added: svn:mime-type
## -0,0 +1 ##
+text/plain
\ No newline at end of property
Index: lcars21.css
===================================================================
--- lcars21.css (nonexistent)
+++ lcars21.css (revision 36)
@@ -0,0 +1,334 @@
+/*
+ * <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(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(fonts/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",
+ 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; */
+ position: fixed;
+ left: 4px;
+ top: 0;
+ right: 4px;
+}
+
+.button {
+ width: 100px;
+ min-height: 40px;
+ background-color: #c9c;
+ color: #000;
+ text-decoration: none;
+ overflow: hidden;
+}
+
+#upper {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ height: 180px;
+
+ /* Prevents body text above */
+ /* padding-top: 4px; */
+ background-color: #c00;
+ color: #fff;
+}
+
+.elbo {
+ position: relative;
+ width: 100px;
+ height: 62px;
+ text-align: right;
+}
+
+.elbo-button {
+ position: relative;
+ margin-top: 4px;
+ height: 40px;
+ overflow: hidden;
+}
+
+.elbo span {
+ position: relative;
+ right: 4px;
+}
+
+@-webkit-keyframes swish-down-up {
+ 0% {
+ height: 0;
+ top: 84px;
+ }
+
+ 100% {
+ }
+}
+
+#upper .elbo-button {
+ position: absolute;
+ min-height: 0;
+ height: 84px;
+
+ /* -webkit-animation-name: swish-down-up; */
+ /* -webkit-animation-iteration-count: 1; */
+ -webkit-animation-delay: 1s;
+ -webkit-animation-duration: 1s;
+}
+
+#upper .elbo-button span {
+ position: absolute;
+ right: 4px;
+ bottom: 4px;
+}
+
+#upper-elbo {
+ position: absolute;
+ top: 92px;
+}
+
+#upper-elbo .elbo {
+ height: 62px;
+ background-color: #9cf;
+ color: #000;
+}
+
+@-webkit-keyframes swish-right-left {
+ 0% {
+ width: 0px;
+ /* height: 0px; */
+ left: 100px;
+ /* top: 62px; */
+ }
+
+ 100% {
+ }
+}
+
+#upper-elbo .elbo.left {
+ -moz-border-radius: 0 0 0 32px;
+ -webkit-border-radius: 0 0 0 32px;
+ border-radius: 0 0 0 32px;
+ /* -webkit-animation-name: swish-right-left; */
+ -webkit-animation-duration: 1s;
+}
+
+#upper-elbo .elbo.left span {
+ top: 4px;
+}
+
+#upper-elbo .elbo.right {
+ position: absolute;
+ left: 100px;
+ top: 0;
+ width: 78px;
+ right: 0;
+}
+
+#upper-elbo .elbo.right .black {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 44px;
+ background-color: #000;
+ -moz-border-radius: 0 0 0 16px;
+ -webkit-border-radius: 0 0 0 16px;
+ border-radius: 0 0 0 16px;
+}
+
+#upper-elbo .elbo.right .terminator {
+ position: absolute;
+ left: 82px;
+ top: 44px;
+ width: 18px;
+ height: 18px;
+ background-color: #f90;
+}
+
+#lower {
+ position: absolute;
+ top: 158px;
+}
+
+#lower-elbo {
+ position: absolute;
+}
+
+#lower-elbo .elbo {
+ background-color: #c66;
+ color: #000;
+}
+
+#lower-elbo .elbo.left {
+ -moz-border-radius: 32px 0 0 0;
+ -webkit-border-radius: 32px 0 0 0;
+ 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 .elbo.right {
+ position: absolute;
+ left: 100px;
+ top: 0;
+ width: 100px;
+}
+
+#lower-elbo .elbo.right .black {
+ position: absolute;
+ left: 0px;
+ top: 18px;
+ width: 100%;
+ height: 45px;
+ background-color: #000;
+ -webkit-border-radius: 16px 0 0 0;
+ border-radius: 16px 0 0 0;
+}
+
+p {
+ margin-top: 1em;
+ margin-bottom: 0;
+ line-height: 1.5;
+ text-align: justify;
+}
+
+p:first-child {
+ margin-top: 0;
+}
+
+#content {
+ /* position: relative; */
+}
+
+#content a {
+ text-decoration: none;
+}
+
+#content #heading1 {
+ position: fixed;
+ left: 204px;
+ top: 180px;
+ right: 4px;
+ height: 42px;
+ background-color: rgba(255, 0, 0, 0.5);
+ color: white;
+ text-align: right;
+}
+
+#content #heading1 h1 {
+ position: absolute;
+ bottom: 6px;
+ right: 0;
+ margin-bottom: 0;
+ padding-right: 4px;
+}
+
+#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;
+}
/lcars21.css
Property changes:
Added: svn:mime-type
## -0,0 +1 ##
+text/plain
\ No newline at end of property