Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 58 → Rev 57

/trunk/styles/lcars-basic.css
File deleted
Property changes:
Deleted: svn:mime-type
## -1 +0,0 ##
-text/plain
\ No newline at end of property
Index: styles/lcars22.css
===================================================================
--- styles/lcars22.css (revision 58)
+++ styles/lcars22.css (revision 57)
@@ -1,32 +1,168 @@
<?php
-\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
+// \header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
+//
+// /* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */
+// \header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
+//
+// /* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
+// \header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
-/* Do not let resource be cached in HTTP/1.1 caches */
-\header('Cache-Control: max-age=0, s-maxage=0, must-revalidate, proxy-revalidate');
-
-/* Do not let resource be cached in HTTP/1.0 caches */
-\header('Expires: ' . gmdate('D, d M Y H:i:s', time()) . ' GMT');
-
\header('Content-Type: text/css; charset=UTF-8');
?>
@CHARSET "UTF-8";
-<?php
- if (!isset($_GET['ani']) || $_GET['ani'] !== '0')
- {
-?>
- @import url("/styles/lcars-ani.css");
-<?php
- }
-?>
+@import url("/styles/lcars-ani.css");
+/* 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 {
margin-top: 12em;
margin-left: 22em;
margin-right: 0.2em;
margin-bottom: 0.2em;
+
+ background-color: #000;
+ color: #99f;
+ font-size: 131%;
+ overflow: auto;
}
+body.empty {
+ margin-top: 3em;
+ margin-left: 0.2em;
+ margin-bottom: 3em;
+}
+
+body.multi {
+ /* TODO from lcars21.css, use `em' instead */
+}
+
+#content {
+ /* position: relative; */
+ margin-right: 1em;
+}
+
+a {
+ text-decoration: none;
+}
+
+a:link:hover,
+a:link:focus
+{
+ background-color:#000;
+ color: #f90;
+}
+
+a:link:active {
+ background-color:#000;
+ color: #fff;
+}
+
+a:link {
+ background-color:#000;
+ color:#fc9;
+}
+
+a:visited:hover,
+a:visited:focus
+{
+ background-color:#000;
+ color:#f90;
+}
+
+a:visited:active {
+ background-color:black;
+ color:#fff;
+}
+
+a:hover,
+a:focus,
+a:active
+{
+ text-decoration: underline;
+}
+
+a:visited {
+ background-color:black;
+ color:#c9c;
+}
+
+h2 {
+ background-color: #000;
+ color: #fff;
+ font-size: 136%;
+}
+
+p {
+ margin-top: 1em;
+ margin-bottom: 0;
+ line-height: 1.5;
+ text-align: justify;
+}
+
+li p {
+ line-height: normal;
+}
+
+p:first-child {
+ margin-top: 0;
+}
+
+.instruction {
+ background-color: #000;
+ color: #f90;
+ font-size: 136%;
+}
+
+/* Language support */
+
+[lang^="x-vulcan-latin"] {
+ font-family: "URW Chancery L", "Matura MT Script Capitals",
+ Haettenschweiler, Haettens, "Zurich XCn BT", impact, Verdana,
+ Geneva, Arial, Helvetica, sans-serif;
+}
+
/* Bow (main) and elbo (multi-view) */
#LCARS {
@@ -164,10 +300,6 @@
background-color: #000;
}
-.bow {
- background-color: #999;
-}
-
#bow-top-left {
position: absolute;
top: 2em;
@@ -208,7 +340,7 @@
.menu
{
- height: 20.1em;
+ height: 17.6em;
background-color: #000;
}
@@ -343,12 +475,6 @@
white-space: nowrap;
}
-#connectors {
- position: fixed;
- left: 8.4em;
- top: 5.6em;
-}
-
.multi-display
{
position: fixed;
/trunk/styles/lcars-ani.css
1,13 → 1,13
<?php
namespace de\pointedears\css\least;
 
\header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
 
/* Cached resource expires in HTTP/1.1 caches 0h after last retrieval */
\header('Cache-Control: max-age=86400, s-maxage=0'/*'86400*/.', must-revalidate, proxy-revalidate');
 
/* Cached resource expires in HTTP/1.0 caches 0h after last retrieval */
\header('Expires: ' . gmdate('D, d M Y H:i:s', time()/* + 86400*/) . ' GMT');
// \header('Last-Modified: ' . gmdate('D, d M Y H:i:s', @filemtime(__FILE__)) . ' GMT');
//
// /* Cached resource expires in HTTP/1.1 caches 24h after last retrieval */
// \header('Cache-Control: max-age=86400, s-maxage=86400, must-revalidate, proxy-revalidate');
//
// /* Cached resource expires in HTTP/1.0 caches 24h after last retrieval */
// \header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 86400) . ' GMT');
\header('Content-Type: text/css; charset=UTF-8');
 
40,7 → 40,7
 
/* 0.0 to 0.6 s */
<?php
Mixins::keyframes('empty-content',
Mixins::keyframes('content',
'from {
opacity: 0;
}
53,33 → 53,12
 
.empty.fade-in #content {
<?php
Mixins::animation('-name', 'empty-content');
Mixins::animation('-name', 'content');
Mixins::animation('-duration', '0.6s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/*
time in s |0.0 |0.5 |0.75 |1.0 |1.5
: |0.625 : : |1.25
: : |0.63 |0.875
bow-top |------------------>| : : : : : : :
bow-top-left | :-->| : : : : : :
bow-top-text |------------------>| : : : : : : :
menu-container | : :->| : : : : :
footer |------------------>| : : : : : : :
menu | : :->| : : : : :
footer-text |------------------>| : : : : : :
bow-bottom | :> | : : : :
elbo-bg | :>| : : :
elbo | :->| :
elbo-border | :->|
content | :->|
 
1: bow-top-left
 
*/
 
/* 0.0 to 0.5 s */
<?php
Mixins::keyframes('bow-top',
160,7 → 139,7
?>
}
 
/* 0.0 to 0.625s */
/* 0.0 to 0.625 s */
<?php
Mixins::keyframes('bow-top-left',
'from {
167,7 → 146,7
height: 0;
}
 
/* at 0.5s */
/* at 0.5 s */
80% {
height: 0;
}');
181,7 → 160,7
?>
}
 
/* 0.0 to 0.63s */
/* 0.0 to 1.125 s */
<?php
Mixins::keyframes('menu-container',
'from {
188,43 → 167,39
opacity: 0;
}
/* at ca. 0.61875s */
98% {
/* at ca. 0.61875 s */
55% {
opacity: 0;
}
to {
56% {
opacity: 1;
}'
);
}');
?>
 
.fade-in .menu-container {
<?php
Mixins::animation('-name', 'menu-container');
Mixins::animation('-duration', '0.63s');
Mixins::animation('-duration', '1.125s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 0.63s */
/* 0.0 to 1.125 s */
<?php
Mixins::keyframes('menu', <<<CSS
from {
opacity: 0;
}
Mixins::keyframes('menu',
'from {
opacity: 0;
}
/* at ca. 0.61875 s */
98% {
opacity: 0;
}
/* at ca. 0.61875 s */
55% {
opacity: 0;
}
/* at ca. 0.63 s */
to {
opacity: 1;
}
CSS
);
56% {
opacity: 1;
}');
?>
 
.fade-in .menu
231,157 → 206,6
{
<?php
Mixins::animation('-name', 'menu');
Mixins::animation('-duration', '0.63s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 0.75s */
<?php
Mixins::keyframes('bow-bottom', <<<CSS
from {
bottom: 2.6em;
width: 20.6em;
height: 0em;
border-bottom-right-radius: 0em;
opacity: 0;
}
 
/* 0.64125 s */
83% {
bottom: 2.6em;
width: 0em;
height: 0em;
border-bottom-right-radius: 0em;
opacity: 1;
}
 
98% {
bottom: 0.2em;
width: 20.6em;
height: 2.4em;
border-bottom-right-radius: 2em;
}
CSS
);
?>
 
.fade-in #bow-bottom {
<?php
Mixins::animation('-name', 'bow-bottom');
Mixins::animation('-duration', '0.75s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 0.875s */
<?php
Mixins::keyframes('elbo-bg', <<<CSS
from {
opacity: 0;
}
 
99% {
opacity: 0;
}
 
/* 0.75 s */
to {
opacity: 1;
}
CSS
);
?>
 
.fade-in .multi-display .upper .button,
.fade-in .multi-display .lower .bg
{
<?php
Mixins::animation('-name', 'elbo-bg');
Mixins::animation('-duration', '0.75s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 0.875 */
<?php
Mixins::keyframes('elbo', <<<CSS
from {
opacity: 0;
}
 
99% {
opacity: 0;
}
 
/* 0.875 s */
to {
opacity: 1;
}
CSS
);
?>
 
.fade-in .multi-display .elbo {
<?php
Mixins::animation('-name', 'elbo');
Mixins::animation('-duration', '0.875s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 1s */
<?php
Mixins::keyframes('elbo-border', <<<CSS
from {
opacity: 0;
}
 
/* 0.99 s */
99% {
opacity: 0;
}
 
/* 1 s */
to {
opacity: 1;
}
CSS
);
?>
 
.fade-in .multi-display .border {
<?php
Mixins::animation('-name', 'elbo-border');
Mixins::animation('-duration', '1s');
Mixins::animation('-timing-function', 'linear');
?>
}
 
/* 0.0 to 1.125s */
<?php
Mixins::keyframes('content', <<<CSS
from {
opacity: 0;
}
99% {
opacity: 0;
}
 
/* 1.125s */
to {
opacity: 1;
}
CSS
);
?>
 
.fade-in #connectors,
.fade-in #content
{
<?php
Mixins::animation('-name', 'content');
Mixins::animation('-duration', '1.125s');
Mixins::animation('-timing-function', 'linear');
?>