Compare Revisions
Last modification
- Rev 36 2012-12-12 00:05:58
- Author: PointedEars
- Log message:
Added LCARS stylesheets
/trunk/styles/lcars-20110221.css |
File deleted |
|
Property changes: |
Deleted: svn:mime-type |
## -1 +0,0 ## |
-text/plain |
\ No newline at end of property |
Index: lcars21.css |
=================================================================== |
--- lcars21.css (revision 36) |
+++ lcars21.css (nonexistent) |
@@ -1,334 +0,0 @@ |
-/* |
- * <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: |
Deleted: svn:mime-type |
## -1 +0,0 ## |
-text/plain |
\ No newline at end of property |
Index: lcars.css.php |
=================================================================== |
--- lcars.css.php (revision 36) |
+++ lcars.css.php (nonexistent) |
@@ -1,573 +0,0 @@ |
-<?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: |
Deleted: svn:mime-type |
## -1 +0,0 ## |
-text/plain |
\ No newline at end of property |
Index: lcars2.css |
=================================================================== |
--- lcars2.css (revision 36) |
+++ lcars2.css (nonexistent) |
@@ -1,482 +0,0 @@ |
-/* |
- * <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: |
Deleted: svn:mime-type |
## -1 +0,0 ## |
-text/plain |
\ No newline at end of property |
Index: lcars-20071202.css |
=================================================================== |
--- lcars-20071202.css (revision 36) |
+++ lcars-20071202.css (nonexistent) |
@@ -1,474 +0,0 @@ |
-/* <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: |
Deleted: svn:mime-type |
## -1 +0,0 ## |
-text/plain |
\ No newline at end of property |
Index: lcars-ie7.css |
=================================================================== |
--- lcars-ie7.css (revision 36) |
+++ lcars-ie7.css (nonexistent) |
@@ -1,18 +0,0 @@ |
-/* |
- * 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: |
Deleted: svn:executable |
## -1 +0,0 ## |
-* |
\ No newline at end of property |
Deleted: svn:mime-type |
## -1 +0,0 ## |
-text/plain |
\ No newline at end of property |