MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    MMM-SoccerLiveScore pleas help

    Scheduled Pinned Locked Moved Solved Troubleshooting
    52 Posts 5 Posters 17.9k Views 5 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Offline
      sdetweil @Manu85
      last edited by

      @Manu85 yes, you can adjust the colors in the custom.css… copy the values from main.css

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      1 Reply Last reply Reply Quote 0
      • M Offline
        Manu85
        last edited by

        @sdetweil

        html {
        cursor: none;
        overflow: hidden;
        background: #000;
        }

        ::-webkit-scrollbar {
        display: none;
        }

        body {
        margin: 60px;
        position: absolute;
        height: calc(100% - 120px);
        width: calc(100% - 120px);
        background: #000;
        color: #aaa;
        font-family: “Roboto Condensed”, sans-serif;
        font-weight: 400;
        font-size: 2em;
        line-height: 1.5em;
        -webkit-font-smoothing: antialiased;
        }

        /**

        • Default styles.
          */

        .dimmed {
        color: #666;
        }

        .normal {
        color: #999;
        }

        .bright {
        color: #fff;
        }

        .xsmall {
        font-size: 15px;
        line-height: 20px;
        }

        .small {
        font-size: 20px;
        line-height: 25px;
        }

        .medium {
        font-size: 30px;
        line-height: 35px;
        }

        .large {
        font-size: 65px;
        line-height: 65px;
        }

        .xlarge {
        font-size: 75px;
        line-height: 75px;
        letter-spacing: -3px;
        }

        .thin {
        font-family: Roboto, sans-serif;
        font-weight: 100;
        }

        .light {
        font-family: “Roboto Condensed”, sans-serif;
        font-weight: 300;
        }

        .regular {
        font-family: “Roboto Condensed”, sans-serif;
        font-weight: 400;
        }

        .bold {
        font-family: “Roboto Condensed”, sans-serif;
        font-weight: 700;
        }

        .align-right {
        text-align: right;
        }

        .align-left {
        text-align: left;
        }

        header {
        text-transform: uppercase;
        font-size: 15px;
        font-family: “Roboto Condensed”, Arial, Helvetica, sans-serif;
        font-weight: 400;
        border-bottom: 1px solid #666;
        line-height: 15px;
        padding-bottom: 5px;
        margin-bottom: 10px;
        color: #999;
        }

        sup {
        font-size: 50%;
        line-height: 50%;
        }

        /**

        • Module styles.
          */

        .module {
        margin-bottom: 30px;
        }

        .region.bottom .module {
        margin-top: 30px;
        margin-bottom: 0;
        }

        .no-wrap {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        }

        .pre-line {
        white-space: pre-line;
        }

        /**

        • Region Definitions.
          */

        .region {
        position: absolute;
        }

        .region.fullscreen {
        position: absolute;
        top: -60px;
        left: -60px;
        right: -60px;
        bottom: -60px;
        pointer-events: none;
        }

        .region.fullscreen * {
        pointer-events: auto;
        }

        .region.right {
        right: 0;
        text-align: right;
        }

        .region.top {
        top: 0;
        }

        .region.top .container {
        margin-bottom: 25px;
        }

        .region.bottom .container {
        margin-top: 25px;
        }

        .region.top .container:empty {
        margin-bottom: 0;
        }

        .region.top.center,
        .region.bottom.center {
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        }

        .region.top.right,
        .region.top.left,
        .region.top.center {
        top: 100%;
        }

        .region.bottom {
        bottom: 0;
        }

        .region.bottom .container:empty {
        margin-top: 0;
        }

        .region.bottom.right,
        .region.bottom.center,
        .region.bottom.left {
        bottom: 100%;
        }

        .region.bar {
        width: 100%;
        text-align: center;
        }

        .region.third,
        .region.middle.center {
        width: 100%;
        text-align: center;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        }

        .region.upper.third {
        top: 33%;
        }

        .region.middle.center {
        top: 50%;
        }

        .region.lower.third {
        top: 66%;
        }

        .region.left {
        text-align: left;
        }

        .region table {
        width: 100%;
        border-spacing: 0;
        border-collapse: separate;
        }

        S 1 Reply Last reply Reply Quote 0
        • S Offline
          sdetweil @Manu85
          last edited by

          @Manu85

          .dimmed {
          color: #666;
          }

          .normal {
          color: #999;
          }

          .bright {
          color: #fff;
          }

          I would guess you could change normal to the value for bright. I am not good at CSS.

          Sam

          How to add modules

          learning how to use browser developers window for css changes

          1 Reply Last reply Reply Quote 0
          • StoffbeuteluweS Offline
            Stoffbeuteluwe Project Sponsor @lavolp3
            last edited by

            @lavolp3 Hello, is 2.Bundesliga possible with the free api?
            greetings from Germany.

            1 Reply Last reply Reply Quote 0
            • 0m4r0 Offline
              0m4r Module Developer
              last edited by

              I have cloned and fixed a few issues to this module here: https://github.com/0m4r/MMM-SoccerLiveScore
              feel free to try it out!

              https://github.com/0m4r

              1 Reply Last reply Reply Quote 0
              • 1
              • 2
              • 3
              • 4
              • 5
              • 6
              • 6 / 6
              • First post
                Last post
              Enjoying MagicMirror? Please consider a donation!
              MagicMirror created by Michael Teeuw.
              Forum managed by Sam, technical setup by Karsten.
              This forum is using NodeBB as its core | Contributors
              Contact | Privacy Policy