MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. potts-mike
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    P
    Offline
    • Profile
    • Following 0
    • Followers 0
    • Topics 4
    • Posts 32
    • Groups 0

    potts-mike

    @potts-mike

    0
    Reputation
    657
    Profile views
    32
    Posts
    0
    Followers
    0
    Following
    Joined
    Last Online

    potts-mike Unfollow Follow

    Latest posts made by potts-mike

    • RE: Bright UI

      Awesome, thanks.

      This would be for the custom.css for the module?

      posted in Showcase
      P
      potts-mike
    • RE: Bright UI

      Any one using this with MMM-calendarext2? Would love to get everything styled together.

      posted in Showcase
      P
      potts-mike
    • RE: Bright UI

      That fixed Sonos and paprika like I wanted. Thanks for the help.

      posted in Showcase
      P
      potts-mike
    • RE: MMPM and Docker

      That helps, I should be able to map the two dockers together.

      posted in Utilities
      P
      potts-mike
    • RE: Bright UI

      I’ve been poking around and figured out how to make the Image art larger in the sonos module but could still use some help with the paprika font color.

      posted in Showcase
      P
      potts-mike
    • RE: Bright UI

      and the default sonos.css that I just reloaded from github.

      .sonos ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
      }
      .sonos ul .name,
      .sonos ul .art {
        display: inline-block;
        vertical-align: middle;
      }
      .sonos ul .name {
        padding: 0 .25em;
      }
      .sonos ul .art img {
        height: 100px;
      }
      .sonos ul .room {
        font-size: 50%;
        padding: .25em .5em;
      }
      .sonos ul.flip {
        direction: rtl;
      }
      
      /* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
      
      posted in Showcase
      P
      potts-mike
    • RE: Bright UI

      Thanks for the help

      Custom.css

      @import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
      
      html {
        cursor: hidden;
        overflow: hidden;
        background: #e7e7e7;;
      }
      
      
      body {
        margin: 10px;
        position: absolute;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        background: #e7e7e7;
        color: #8a8a8a;
        font-weight: 400;
        font-size: 2em;
        font-family: "Lato", sans-serif;
        line-height: 1.5em;
        margin-bottom: -10px;
        -webkit-font-smoothing: antialiased;
      }
      
      header {
        text-transform: uppercase;
        font-family: "Lato", sans-serif;
        text-align: center;
        font-weight: bold;
        background: #F7F7F7;
        border-bottom: none;
        color:#8a8a8a;
      }
      
       .module.compliments,
       .module.newsfeed,
       .module.clock,
       .module.weatherforecast,
       .module.calendar,
       .module.MMM-Todoist,
       .module.MMM-Sonos,
       .module.MMM-PaprikaMenu,
       .module.currentweather {
        font-family: "Lato", sans-serif;
        background-color: #f7f7f7;
        color: #8a8a8a;
        border: 1px solid #c1c1c1;
        box-shadow: 0px 10px 25px -5px rgba(50, 88, 130, 0.32);
        border-radius: 15px;
        padding: 30px;
      }
      
      .dimmed {
        color: #8a8a8a;
      }
      
      .normal {
        color: #8a8a8a;
      }
      
      .bright {
        color: #8a8a8a;
      }
      
      
      /**
       * module.width_height
       */
      
       .module.compliments {
        width:800px;
      }
       
      /**
       * clock.
       */ 
       
      .clock .time {
       text-align: center;
       font-family: "Lato", sans-serif;
       
      }
      .clock .date {
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        color: #8a8a8a;
        font-family: "Lato", sans-serif;
      }
      
      
      /**
       * weather.
       */
      
      .currentweather .bright {
        font-family: "Lato", sans-serif;
      }
      
      .weathericon {
        color: #8a8a8a;
      }
      

      PaprikaMenu.css

      .MMM-PaprikaMenu * {
        box-sizing: border-box;
      }
      
      .MMM-PaprikaMenu .module-content {
        width: 500px;
      }
      
      .MMM-PaprikaMenu table.menu {
        font-size: 17px;
        line-height: 1;
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%;
      }
      
      .MMM-PaprikaMenu table.menu tr {
        border-bottom: solid 1px #222;
      }
      
      .MMM-PaprikaMenu table.menu tr.fade {
        opacity: 0.33;
      }
      
      .MMM-PaprikaMenu table.menu > tbody > tr > td:first-child {
        width: 55px;
        height: 55px;
      }
      
      .MMM-PaprikaMenu .menu .img-cell > img {
        float: left;
        width: 45px;
        height: 45px;
        margin: 5px;
      }
      
      .MMM-PaprikaMenu .menu .img-cell > img.rounded {
        border-radius: 10%;
      }
      
      .MMM-PaprikaMenu table.inner td {
        line-height: 24px;
        height: 28px;
      }
      
      .MMM-PaprikaMenu .menu > span {
        text-align: left;
        white-space: nowrap;
      }
      
      .MMM-PaprikaMenu .menu .date {
        font-size: 14px;
      }
      
      .MMM-PaprikaMenu .menu .meal {
        font-size: 17px;
        text-overflow: ellipsis;
        overflow: hidden;
      }
      
      .MMM-PaprikaMenu .menu .today .date {
        font-size: 17px;
      }
      
      .MMM-PaprikaMenu .menu .today .meal {
        color: #FFF;
        font-size: 24px;
      }
      

      Sonos.css is empty, might have mucked it up when logged on with my phone. I’ll need to check the github page for that one.

      posted in Showcase
      P
      potts-mike
    • MMPM and Docker

      I am running magicmirror in a Docker by ICH777 on github. I want to play around with MMPM but am a little confused. Can I run it as a standalone docker? Should I add it to my existing docker? Or setup a new docker with an image that includes both magicmirror and MMPM?

      posted in Utilities
      P
      potts-mike
    • RE: Bright UI

      I have this mostly working and absolutely love it on our TV. 2 questions though.

      1. I am using MMM-PaprikaMenu to show our meal plan for the week and the font is the same color as the background. How can I fix that so it looks like the other?
      2. Is there a way with CSS to make the album art from MMM-sonos larger?

      1b8fd256-1915-4d0c-b3d5-02e6ef654383-image.png

      posted in Showcase
      P
      potts-mike
    • RE: Clientonly mode vs just a browser

      I’m thinking about running client only configs on a couple pi zeros.

      If I were to go with a browser only how would I configure it to launch and load full screen on start up?

      posted in General Discussion
      P
      potts-mike