Subversion Repositories LCARS

Compare Revisions

Last modification

Ignore whitespace Rev 42 → Rev 43

/trunk/styles/lcars22.css
89,6 → 89,7
 
#content {
/* position: relative; */
margin-right: 1em;
}
 
/* 0.0 to 0.6 s */
434,21 → 435,26
display: none;
}
 
#bow .menu
{
position: absolute;
left: 0;
top: 5.4em;
width: 15.4em;
#LCARS .menu-container {
position: fixed;
left: 0.2em;
top: 5.6em;
width: 8em;
bottom: 2.8em;
background-color: #999;
overflow: auto;
}
 
#LCARS .menu
{
height: 17.6em;
background-color: #000;
}
 
/* 0.0 to 1.125 s */
@-webkit-keyframes bow-menu {
from {
opacity: 0;
height: 0;
overflow: hidden;
}
 
/* at ca. 0.61875 s */
458,16 → 464,10
 
56% {
opacity: 1;
height: 0;
overflow: hidden;
}
to {
height: auto;
}
}
 
.fade-in #bow .menu
.fade-in #LCARS .menu
{
-webkit-animation-name: bow-menu;
-webkit-animation-duration: 1.125s;
474,12 → 474,12
-webkit-animation-timing-function: linear;
}
 
#bow ul {
.menu ul {
margin: 0 0.2em 0.2em 0;
padding: 0;
}
 
#bow li {
.menu li {
margin: 0;
}
 
598,7 → 598,7
color: #000 !important;
}
 
#bow .button {
.menu .button {
display: block;
width: 8em;
height: 1em;
688,13 → 688,6
background-color: #fc6;
}
 
.multi-display .lower .elbo.database,
.multi-display .lower .bg.database,
.multi-display .lower .border
{
background-color: #c66;
}
 
.multi-display .lower .elbo .concave
{
position: absolute;
735,11 → 728,31
background-color: #fc6;
}
 
#bow .button.database {
.menu .button.secondary,
.multi-display .lower .elbo.secondary,
.multi-display .lower .bg.secondary,
.multi-display .lower .border.secondary
{
background-color: #f96;
}
 
.menu .button.ancillary,
.multi-display .lower .elbo.ancillary,
.multi-display .lower .bg.ancillary,
.multi-display .lower .border.ancillary
{
background-color: #c9c;
}
 
.menu .button.database,
.multi-display .lower .elbo.database,
.multi-display .lower .bg.database,
.multi-display .lower .border.database
{
background-color: #c66;
}
 
#bow .button .text {
.menu .button .text {
position: static;
margin: 0 0.25em;
}
/trunk/index.phtml
113,8 → 113,8
onmouseout="return resetStatus()"><br>
Willkommen auf PointedEars’ Website</h1>
<!--
<p>
<!--
| <a href="leisure/" target="_top"
>Freizeit-Datenbank</a>
| <a href="mozilla/" target="_top">Mozilla</a>
121,15 → 121,15
| <a href="poetry/" target="_top">Poesie</a>
-->
<!--
| [<abbr title="nur in englischer Sprache verf&uuml;gbar"
>en</abbr>]
<!--
| <a href="selfhtml.de/" target="_top">SELFHTML.DE</a>
-->
<!--
| <a href="lyrics/" target="_top">Songbook</a>
| </p>
-->
| </p>
<!--
<p><a href="about/worm.de.html" target="_top"
>Seltsame E-Mails bekommen?</a></p>
218,82 → 218,90
<div class="spacer">&nbsp;</div>
</div>
</div>
<div class="menu">
<div style="position: relative; margin-bottom: 1.2em">
<div style="width: 8em; height: 1em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 1em; background-color: #999">&nbsp;</div>
<div class="menu-container">
<div class="menu">
<div style="position: relative; margin-bottom: 1.2em">
<div style="width: 8em; height: 1em; background-color: #999">&nbsp;</div>
<!--
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 1em; background-color: #999">&nbsp;</div>
-->
</div>
<ul>
<?php foreach ($languages as $key => $name): ?>
<li><a href="index.<?php echo $key; ?>" class="button<?php if ($language === $key) { ?> selected<?php } ?>" tabindex="1"><span class="text"><?php echo $name; ?></span></a></li>
<?php endforeach; ?>
</ul>
<div style="margin-bottom: 0.4em; width: 8em; height: 0.4em; background-color: #999">&nbsp;</div>
<ul style="margin-bottom: 1.2em">
<li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
<li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
</ul>
<ul style="margin-bottom: 0.2em">
<li><a href="<?php echo $menu['series']['path']; ?>" target="_top" class="button secondary"
title="List of recommended TV shows and episodes, with logos in CSS"
><span class="text"><?php echo $menu['series']['text']; ?></span></a></li>
<li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
><acronym
title="United Federation of Planets DataBase -- Datenbanken der Vereinten F&ouml;deration der Planeten"
class="text"><?php echo $menu['ufpdb']['text']; ?></acronym></a></li>
<li><a href="psf/" target="_top"
class="button ancillary"
><acronym title="PointedEars' Standard-Floskeln"
class="text">psf</acronym></a></li>
</ul>
<div style="position: relative; margin-bottom: 1.2em">
<div style="width: 8em; height: 0.8em; background-color: #999">&nbsp;</div>
<!--
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 0.8em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 0.8em; background-color: #999">&nbsp;</div>
-->
</div>
<ul>
<li><a href="http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn"
target="_top" class="button secondary"
title="Verteiltes Rechnen, um die Faltung und Anordnung von Proteinen und damit verbundener Krankheiten zu verstehen"
><span class="text">Folding at home</span></a></li>
<li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
target="_top" class="button secondary"
title="Die Suche nach ausserirdischer Intelligenz von zuhause aus"
><span class="text">SETI at home</span></a></li>
</ul>
<!--
<script type="text/javascript" src="scripts/builder?src=object"></script>
<script type="text/javascript">
var sURL = location.href;
var sFavAnchorTitle =
"Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
+ " hinzuzufügen";
var sOtherAnchorTitle =
"Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
+ " Ihren Lesezeichen hinzuzufügen";
var sFavoriteTitle = "PointedEars' Website";
if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
{
document.write(
'<div style="position: relative; margin-top: 1em; border-bottom: 0.2em solid transparent">'
+ ' <div style="width: 8em; height: 1em; background-color: #999">&nbsp;<\/div>'
+ ' <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;<\/div>'
+ '</div>'
+ '<a href="javascript:window.external.AddFavorite('
+ ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
+ ' class="button"'
+ ' onclick="window.external.AddFavorite('
+ ' sURL, sFavoriteTitle); return false"'
+ ' onmouseover="return(setStatus(sFavAnchorTitle));"'
+ ' onmouseout="return(resetStatus());"'
+ '><span class="text">Favorit<\/span><\/a>');
}
</script>
-->
</div>
</div>
<ul>
<?php foreach ($languages as $key => $name): ?>
<li><a href="index.<?php echo $key; ?>" class="button<?php if ($language === $key) { ?> selected<?php } ?>" tabindex="1"><span class="text"><?php echo $name; ?></span></a></li>
<?php endforeach; ?>
</ul>
<div style="margin-bottom: 0.4em; width: 8em; height: 0.4em; background-color: #999">&nbsp;</div>
<ul style="margin-bottom: 1.2em">
<li><a href="<?php echo $menu['scripts']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['scripts']['text']; ?></span></a></li>
<li><a href="<?php echo $menu['devel']['path']; ?>" target="_top" class="button"><span class="text"><?php echo $menu['devel']['text']; ?></span></a></li>
</ul>
<ul style="margin-bottom: 0.2em">
<li><a href="<?php echo $menu['ufpdb']['path']; ?>" target="_top" class="button database"
><acronym
title="United Federation of Planets DataBase -- Datenbanken der Vereinten F&ouml;deration der Planeten"
class="text"><?php echo $menu['ufpdb']['text']; ?></acronym></a></li>
<li><a href="psf/" target="_top"
class="button"
><acronym title="PointedEars' Standard-Floskeln"
class="text">psf</acronym></a></li>
</ul>
<div style="position: relative; margin-bottom: 1.2em">
<div style="width: 8em; height: 0.8em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 0.8em; background-color: #999">&nbsp;</div>
<div style="position: absolute; top: 0; left: 10.4em; width: 5em; height: 0.8em; background-color: #999">&nbsp;</div>
</div>
<ul style="margin-bottom: 1.2em">
<li><a href="http://vspx27.stanford.edu/cgi-bin/main.py?qtype=userpage&amp;username=Thomas_Lahn"
target="_top" class="button"
title="Verteiltes Rechnen, um die Faltung und Anordnung von Proteinen und damit verbundener Krankheiten zu verstehen"
><span class="text">Folding at home</span></a></li>
<li><a href="http://setiathome.berkeley.edu/show_user.php?userid=378921"
target="_top" class="button"
title="Die Suche nach ausserirdischer Intelligenz von zuhause aus"
><span class="text">SETI at home</span></a></li>
</ul>
<!--
<script type="text/javascript" src="scripts/builder?src=object&amp;gzip=0"></script>
<script type="text/javascript">
var sURL = location.href;
var sFavAnchorTitle =
"Klicken Sie hier, um PointedEars' Website Ihren Favoriten"
+ " hinzuzufügen";
var sOtherAnchorTitle =
"Klicken Sie hier mit der rechten Maustaste, um PointedEars' Website"
+ " Ihren Lesezeichen hinzuzufügen";
var sFavoriteTitle = "PointedEars' Website";
if (jsx.object.isHostMethod(jsx.global.window, "external", "AddFavorite"))
{
document.write(
'<div style="position: relative; border-bottom: 0.2em solid transparent">'
+ ' <div style="width: 8em; height: 1em; background-color: #999">&nbsp;<\/div>'
+ ' <div style="position: absolute; top: 0; left: 8.2em; width: 2em; height: 1em; background-color: #999">&nbsp;<\/div>'
+ '</div>'
+ '<a href="javascript:window.external.AddFavorite('
+ ' sURL, sFavoriteTitle);" title="' + sFavAnchorTitle + '"'
+ ' class="button"'
+ ' onclick="window.external.AddFavorite('
+ ' sURL, sFavoriteTitle); return false"'
+ ' onmouseover="return(setStatus(sFavAnchorTitle));"'
+ ' onmouseout="return(resetStatus());"'
+ '><span class="text">Favorit<\/span><\/a>');
}
</script>
-->
</div>
<div style="width: 8em; background-color: #999; position: fixed; z-index: 1701; bottom: 2.8em; left: 0.2em; top: 22.2em;"
>&nbsp;</div>
</div>
<div class="multi-display">
<div class="multi-display">
<div class="upper">
<div class="button" style="height: 3.8em">&nbsp;</div>
<div class="elbo">