| 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 |
|---|