kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-06-27 11:50:00 +00:00
Code Issues Projects Releases Wiki Activity

Font & position change

Browse Source
This commit is contained in:
Michael Teeuw 2014-02-25 16:40:32 +01:00
parent 4ad6a76c29
commit 741bf93b89
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/main.css
View File

@ -7,7 +7,7 @@ body, html {
font-family: "HelveticaNeue-Light"; font-family: "HelveticaNeue-Light";
letter-spacing: -3px; letter-spacing: -2px;
color: #fff; color: #fff;
font-size: 75px; font-size: 75px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -36,7 +36,16 @@ body, html {
position: absolute; position: absolute;
top: 50%; top: 50%;
height: 200px; height: 200px;
/* margin-top: -100px; */ margin-top: -100px;
line-height: 100px;
}
.lower-third
{
position: absolute;
top: 66.666%;
height: 200px;
margin-top: -100px;
line-height: 100px; line-height: 100px;
} }
@ -64,7 +73,7 @@ body, html {
.small .small
{ {
font-size: 35px; font-size: 35px;
letter-spacing: -1.5px; letter-spacing: -1px;
font-family: "HelveticaNeue-Light"; font-family: "HelveticaNeue-Light";
} }
@ -75,7 +84,12 @@ body, html {
.dimmed .dimmed
{ {
color: #999; color: #aaa;
}
.light
{
font-family: "HelveticaNeue-UltraLight";
} }
.icon .icon

2
index.php
View File

@ -13,7 +13,7 @@
<div class="top left"><div class="date xsmall dimmed"></div><div class="time"></div></div> <div class="top left"><div class="date xsmall dimmed"></div><div class="time"></div></div>
<div class="top right"><div class="sun xsmall dimmed"></div><div class="temp"></div><div class="forecast xsmall dimmed"></div></div> <div class="top right"><div class="sun xsmall dimmed"></div><div class="temp"></div><div class="forecast xsmall dimmed"></div></div>
<div class="center-ver center-hor"><div class="compliment"></div></div> <div class="lower-third center-hor"><div class="compliment light"></div></div>
<div class="bottom center-hor"><div class="news small"></div></div> <div class="bottom center-hor"><div class="news small"></div></div>
</div> </div>