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

CSS tidy up

Browse Source
This commit is contained in:
Paul Foster 2016-01-09 00:36:15 +00:00
parent 6b30d20de6
commit 843c6e9049
1 changed files with 153 additions and 160 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
css/main.css
View File

@ -1,42 +1,39 @@
body, html { body,
html {
background: #000; background: #000;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
width: 100%; width: 100%;
height: 100%; height: 100%;
font-family: "HelveticaNeue-Light", sans-serif;
font-family: "HelveticaNeue-Light";
letter-spacing: -2px; letter-spacing: -2px;
color: #fff; color: #fff;
font-size: 75px; font-size: 75px;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
text-rendering: geometricprecision;
} }
.wi { .wi {
line-height: 75px; line-height: 75px;
} }
.top .top {
{
position: absolute; position: absolute;
top: 50px; top: 50px;
} }
.left .left {
{
position: absolute; position: absolute;
left: 50px; left: 50px;
} }
.right
{ .right {
position: absolute; position: absolute;
right: 50px; right: 50px;
text-align: right; text-align: right;
} }
.center-ver .center-ver {
{
position: absolute; position: absolute;
top: 50%; top: 50%;
height: 200px; height: 200px;
@ -44,8 +41,7 @@ body, html {
line-height: 100px; line-height: 100px;
} }
.lower-third .lower-third {
{
position: absolute; position: absolute;
top: 66.666%; top: 66.666%;
height: 200px; height: 200px;
@ -53,78 +49,72 @@ body, html {
line-height: 100px; line-height: 100px;
} }
.center-hor .center-hor {
{
position: absolute; position: absolute;
right: 50px; right: 50px;
left: 50px; left: 50px;
text-align: center; text-align: center;
} }
.bottom .bottom {
{
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
} }
.xxsmall .xxsmall,
{ .xsmall,
font-size: 15px; .small {
letter-spacing: 0px; font-family: "HelveticaNeue-Medium", sans-serif;
font-family: "HelveticaNeue-Medium"; letter-spacing: 0;
} }
.xxsmall {
font-size: 15px;
}
.xxsmall .wi { .xxsmall .wi {
line-height: 15px; line-height: 15px;
} }
.xsmall .xsmall {
{
font-size: 20px; font-size: 20px;
letter-spacing: 0px;
font-family: "HelveticaNeue-Medium";
} }
.xsmall .wi { .xsmall .wi {
line-height: 20px; line-height: 20px;
} }
.small {
.small
{
font-size: 25px; font-size: 25px;
letter-spacing: 0px;
font-family: "HelveticaNeue-Medium";
} }
.small .wi { .small .wi {
line-height: 25px; line-height: 25px;
} }
.medium .medium {
{
font-size: 35px; font-size: 35px;
letter-spacing: -1px; letter-spacing: -1px;
font-family: "HelveticaNeue-Light"; font-family: "HelveticaNeue-Light", sans-serif;
} }
.medium .wi { .medium .wi {
line-height: 35px; line-height: 35px;
} }
.xdimmed .xdimmed {
{
color: #666; color: #666;
} }
.dimmed .dimmed {
{
color: #aaa; color: #aaa;
} }
.light .light {
{ font-family: "HelveticaNeue-UltraLight", sans-serif;
font-family: "HelveticaNeue-UltraLight";
} }
.icon .icon {
{
position: relative; position: relative;
top: -10px; top: -10px;
display: inline-block; display: inline-block;
@ -134,8 +124,7 @@ body, html {
margin-right: 10px; margin-right: 10px;
} }
.icon-small .icon-small {
{
position: relative; position: relative;
display: inline-block; display: inline-block;
font-size: 20px; font-size: 20px;
@ -158,19 +147,19 @@ body, html {
font-size: 20px; font-size: 20px;
line-height: 20px; line-height: 20px;
} }
.forecast-table .day, .forecast-table .temp-min, .forecast-table .temp-max
{ .forecast-table .day,
.forecast-table .temp-min,
.forecast-table .temp-max {
width: 50px; width: 50px;
text-align: right; text-align: right;
} }
.forecast-table .temp-max .forecast-table .temp-max {
{
width: 60px; width: 60px;
} }
.forecast-table .day .forecast-table .day {
{
color: #999; color: #999;
} }
@ -179,6 +168,7 @@ body, html {
line-height: 20px; line-height: 20px;
margin-top: 10px; margin-top: 10px;
} }
.calendar-table .days { .calendar-table .days {
padding-left: 20px; padding-left: 20px;
text-align: right; text-align: right;
@ -196,36 +186,39 @@ body, html {
@font-face { @font-face {
font-family: 'HelveticaNeue-UltraLight'; font-family: 'HelveticaNeue-UltraLight';
src: url('font/HelveticaNeue-UltraLight.eot'); /* IE9 Compat Modes */ src: url('font/HelveticaNeue-UltraLight.eot');
/* IE9 Compat Modes */
src: url('font/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ src: url('font/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/HelveticaNeue-UltraLight.woff') format('woff'), /* Modern Browsers */ url('font/HelveticaNeue-UltraLight.woff') format('woff'), /* Modern Browsers */
url('font/HelveticaNeue-UltraLight.ttf') format('truetype'), /* Safari, Android, iOS */ url('font/HelveticaNeue-UltraLight.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/HelveticaNeue-UltraLight.svg#9453ea8da727d260bcdbfa605bdbb5d2') format('svg'); /* Legacy iOS */ url('font/HelveticaNeue-UltraLight.svg#9453ea8da727d260bcdbfa605bdbb5d2') format('svg');
/* Legacy iOS */
font-style: normal; font-style: normal;
font-weight: 100; font-weight: 100;
} }
@font-face { @font-face {
font-family: 'HelveticaNeue-Medium'; font-family: 'HelveticaNeue-Medium';
src: url('font/HelveticaNeue-Medium.eot'); /* IE9 Compat Modes */ src: url('font/HelveticaNeue-Medium.eot');
/* IE9 Compat Modes */
src: url('font/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ src: url('font/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/HelveticaNeue-Medium.woff') format('woff'), /* Modern Browsers */ url('font/HelveticaNeue-Medium.woff') format('woff'), /* Modern Browsers */
url('font/HelveticaNeue-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('font/HelveticaNeue-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/HelveticaNeue-Medium.svg#d7af0fd9278f330eed98b60dddea7bd6') format('svg'); /* Legacy iOS */ url('font/HelveticaNeue-Medium.svg#d7af0fd9278f330eed98b60dddea7bd6') format('svg');
/* Legacy iOS */
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
} }
@font-face { @font-face {
font-family: 'HelveticaNeue-Light'; font-family: 'HelveticaNeue-Light';
src: url('font/HelveticaNeue-Light.eot'); /* IE9 Compat Modes */ src: url('font/HelveticaNeue-Light.eot');
/* IE9 Compat Modes */
src: url('font/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ src: url('font/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('font/HelveticaNeue-Light.woff') format('woff'), /* Modern Browsers */ url('font/HelveticaNeue-Light.woff') format('woff'), /* Modern Browsers */
url('font/HelveticaNeue-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('font/HelveticaNeue-Light.ttf') format('truetype'), /* Safari, Android, iOS */
url('font/HelveticaNeue-Light.svg#7384ecabcada72f0e077cd45d8e1c705') format('svg'); /* Legacy iOS */ url('font/HelveticaNeue-Light.svg#7384ecabcada72f0e077cd45d8e1c705') format('svg');
/* Legacy iOS */
font-style: normal; font-style: normal;
font-weight: 200; font-weight: 200;
} }