Added elbo and title text
/trunk/styles/lcars22.css |
---|
374,12 → 374,39 |
background-color: black; |
} |
.multi-display .upper .title |
{ |
position: absolute; |
top: 0; |
left: 2.5em; |
bottom: 1em; |
right: 0.2em; |
background-color: black; |
color: white; |
font-size: 2.4em; |
text-transform: uppercase; |
text-align: right; |
} |
.multi-display .upper .button |
{ |
position: relative; |
height: 3.8em; |
background-color: #c9c !important; |
color: #000 !important; |
} |
.multi-display .upper .button .text |
{ |
position: absolute; |
bottom: 0; |
right: 0.2em; |
max-width: 4.6em; |
max-height: 3.6em; |
text-align: right; |
overflow: hidden; |
} |
.multi-display .upper .elbo |
{ |
position: absolute; |
389,8 → 416,20 |
height: 3.2em; |
border-bottom-left-radius: 2em; |
background-color: #9cf; |
color: #000; |
} |
.multi-display .upper .elbo .text |
{ |
position: absolute; |
top: 0; |
right: 1.2em; |
max-width: 3.5em; |
max-height: 2.2em; |
text-align: right; |
overflow: hidden; |
} |
.multi-display .upper .elbo .concave |
{ |
position: absolute; |
/trunk/styles/lcars-ani.css |
---|
350,7 → 350,9 |
); |
?> |
.fade-in .multi-display .border { |
.fade-in .multi-display .border, |
.fade-in .multi-display .upper .title |
{ |
<?php |
Mixins::animation('-name', 'elbo-border'); |
Mixins::animation('-duration', '1s'); |
/trunk/index.phtml |
---|
1,7 → 1,7 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
<html lang="<?php echo $language; ?>"> |
<head> |
<title>PointedEars’ Website</title> |
<title>Home — PointedEars’ Website</title> |
<link rel="SHORTCUT ICON" href="favicon.ico"> |
46,7 → 46,7 |
<meta name="DCTERMS.created" content="2002-05-23"> |
<meta name="DCTERMS.modified" content="<?php |
$modi = @filemtime(__FILE__); |
echo gmdate('Y-M-dTH:i:sO', $modi); ?>"> |
echo gmdate('Y-m-dTH:i:sO', $modi); ?>"> |
<?php /* |
<meta name="DC.Type" content=""> |
<meta name="DC.Format" content=""> |
359,8 → 359,14 |
</div> |
<div class="multi-display"> |
<div class="upper"> |
<div class="button" style="height: 3.8em"> </div> |
<div class="title">Home</div> |
<div class="button"> |
<span class="text"><?php |
echo gmdate('Ym.d', $modi); |
?></span> |
</div> |
<div class="elbo"> |
<span class="text">PE-47A</span> |
<div class="concave"> </div> |
</div> |
<div class="border"> </div> |