Skip to content

Instantly share code, notes, and snippets.

@dudash
Created May 3, 2020 14:45
Show Gist options
  • Save dudash/bfa641bbe52497bc18b565670f350955 to your computer and use it in GitHub Desktop.
Save dudash/bfa641bbe52497bc18b565670f350955 to your computer and use it in GitHub Desktop.
Magic Mirror custom CSS for weather and google maps traffic
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
.gmnoprint a, .gmnoprint span, .gm-style-cc {
display:none;
}
.gmnoprint div {
background:none !important;
}
/* @font-face{
font-family: SF;
src: url("SF-Pro-Display-Light.otf") format("opentype");
} */
.currentweather .weathericon {
position: absolute;
z-index: 0;
height: 120px;
margin-top: -30px;
margin-left: -145px;
right: 60px;
}
.weathericon {
position: absolute;
left: 110px;
z-index: 1;
margin-top: -15px;
margin-left: -55px;
height: 35px;
-webkit-svg-shadow: 0 0 7px #53BE12;
}
.wi-day-sunny {
content: url("/css/icons/Mostly Sunny Icon Group.svg");
}
.wi-day-cloudy {
content: url("/css/icons/Partly Cloudy Icon Group.svg");
margin-left: -58px;
}
.wi-rain {
content: url("/css/icons/Heavy Rain Icon Group.svg");
}
.wi-night-clear {
content: url("/css/icons/Clear Night Icon Group.svg");
}
.wi-night-cloudy {
content: url("/css/icons/Partly Cloudy Night Icon Group.svg");
}
.wi-cloudy {
content: url("/css/icons/Mostly Cloudy Icon Group.svg");
}
.wi-showers {
content: url("/css/icons/Scattered Showers Icon Group.svg");
}
.wi-thunderstorm {
content: url("/css/icons/Mix Rainfall Icon Group.svg");
}
.wi-snow {
content: url("/css/icons/Blizzard Icon Group.svg");
}
.wi-cloudy-windy {
content: url("/css/icons/Partly Cloudy Icon Group.svg");
}
.wi-night-rain {
content: url("/css/icons/Heavy Rain Night Icon Group.svg");
}
.wi-night-snow {
content: url("/css/icons/Blizzard Night Icon Group.svg");
}
.wi-night-thunderstorm {
content: url("/css/icons/Severe Thunderstorm Night Icon Group.svg");
}
.wi-night-showers {
content: url("/css/icons/Scattered Showers Night Icon Group.svg");
}
.wi-fog {
content: url("/css/icons/Fog Icon Group.svg");
}
.wi-night-alt-cloudy-windy {
content: url("/css/icons/Partly Cloudy Night Icon Group.svg");
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment