/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ #cb-collapsed { overflow: auto; display: flex; align-items: center; } #cb-collapsed-text { margin-left: 24px; margin-right: 30px; } #cb-collapsed-cookie { height: 36px; width: 36px; display: flex; flex-shrink: 0; } #cb-collapsed-actions { margin: 20px 0; display: flex; align-items: center; flex-shrink: 0; } #cb-btn-customize { white-space: nowrap; font-weight: 300; text-decoration: underline; margin-right: 20px; } @media only screen and (max-width: 800px) { #cb-collapsed { flex-direction: column; } #cb-collapsed img { display: none; } } #cb-wrapper { font-family: "Avenir", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif; font-size: 15px; color: #3D474D; align-items: center; justify-content: center; animation: presentCard 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation-delay: 1s; opacity: 0; display: flex; position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999; background-color: white; border-radius: 10px; padding: 20px 25px; box-shadow: 0 0 0 1px rgba(0,0,0,0.07), 0 5px 10px -5px rgba(0,0,0,0.15); max-width: 70vw; width: 100%; } #cb-wrapper fieldset { border: 0; margin: 0; padding: 0; } #cb-wrapper a { color: #00AAFF; font-size: inherit; } .cb-button { -webkit-appearance: none; font-family: 'Avenir', 'Avenir Next', 'Segoe UI', Helvetica, Arial, sans-serif; font-weight: 500; color: white !important; background-color: #00AAFF; border: 1px solid #00AAFF; border-radius: 60px; font-size: 15px; line-height: 36px; height: 36px; padding: 0 20px; resize: none; cursor: pointer; display: inline-block; white-space: nowrap; overflow: visible; text-align: center; text-decoration: none; flex-shrink: 0; transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .cb-button:hover { box-shadow: 0 5px 10px -5px rgba(0, 170, 255, 0.8); } .cb-button:active { border-color: #0090F7; background-color: #0090F7; box-shadow: none !important; } .cb-label { display: flex; align-items: center; font-weight: 400; } .cb-checkbox, input[type="checkbox"].cb-checkbox, input[type="checkbox"].cb-checkbox:focus { appearance: none; width: 16px !important; height: 16px !important; padding: 0 !important; display: inline-block; background-color: #fff; border: 1px solid #DCE2E6; vertical-align: baseline; cursor: pointer; border-radius: 5px !important; margin-right: 8px; transition: all 0.4s ease-in-out; background-size: 70%; background-position: center center; background-repeat: no-repeat; visibility: visible; outline: none; } .cb-checkbox:checked, input[type="checkbox"].cb-checkbox:checked { background-image: url("../assets/checkmark-white.svg"); background-color: #00AAFF; border-color: #00AAFF; } .cb-checkbox.disabled, input[type="checkbox"].cb-checkbox.disabled { pointer-events: none; background-color: #B2BBC0; border-color: #B2BBC0; } @keyframes presentCard { 0% { opacity: 0; } 100% { opacity: 1; } } #cb-expanded { max-height: 85vh; width: 100%; display: flex; flex-direction: column; /* this shrinks somehow the two elements when height is not enough for their visibility */ /* IE magic */ overflow-y: auto; } #cb-expanded-header-row { display: flex; align-items: center; } #cb-expanded-header-text { margin-left: 10px; font-weight: 700; } #cb-expanded-cookie { height: 24px; width: 24px; } #cb-expanded-desc-wrapper { flex-grow: 1; overflow: auto; margin: 20px 0; } .cb-expanded-desc:last-child { margin-top: 20px; } #cb-expanded-form-wrapper { flex-grow: 1; overflow: auto; } #cb-expanded-form-header { font-weight: 700; } #cb-expanded-actions { margin: 20px 0; display: flex; align-items: center; justify-content: flex-end; } #cb-expanded-section { margin: 10px 0; display: flex; align-items: center; } #cb-btn-accept-selected { font-weight: 300; text-decoration: underline; margin-right: 20px; } .cb-details { color: #8A9499; font-size: 13px; margin-left: 28px; margin-bottom: 10px; } .cb-disclosure { width: 12px; height: 12px; margin-left: 12px; } .flipped { transform: rotate(180deg); }<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5CD76WD" height="0" width="0" style="display:none;visibility:hidden" ></iframe>

Ready to drive change? Join the Meister Community to share your template requests and upvote those of other users.

Submit your requests now!

MindMeister Feature and Template Requests

[PLANNED] Change the Color of Completed Tasks in MindMeister Topics
Hi, I believe it would be greatly useful if an integrated from MT task was also highlighted/crossed out or marked any other way as completed in MM. It is way more comfortable while working on different tasks and directions. In case you manage to implement such a function I’ll subscribe and move all of my projects from…
💡Feature Request: Custom Themes in the New Editor
One of our most requested features for the new editor is reintroducing customizable and saveable themes for your mind maps: selecting individual options such as topic background color, line color, and more. Custom themes in the new editor is currently planned for 2023. The MM team is super welcoming of feedback as they…

Categories

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #0291db; } .footer a:hover { color: #0276b3; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 124px; height: 27px; opacity: 0.6; } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } /*# sourceMappingURL=styles.css.map */ #cb-collapsed { overflow: auto; display: flex; align-items: center; } #cb-collapsed-text { margin-left: 24px; margin-right: 30px; } #cb-collapsed-cookie { height: 36px; width: 36px; display: flex; flex-shrink: 0; } #cb-collapsed-actions { margin: 20px 0; display: flex; align-items: center; flex-shrink: 0; } #cb-btn-customize { white-space: nowrap; font-weight: 300; text-decoration: underline; margin-right: 20px; } @media only screen and (max-width: 800px) { #cb-collapsed { flex-direction: column; } #cb-collapsed img { display: none; } } #cb-wrapper { font-family: "Avenir", "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif; font-size: 15px; color: #3D474D; align-items: center; justify-content: center; animation: presentCard 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation-delay: 1s; opacity: 0; display: flex; position: fixed; left: 50%; transform: translateX(-50%); bottom: 10px; z-index: 9999; background-color: white; border-radius: 10px; padding: 20px 25px; box-shadow: 0 0 0 1px rgba(0,0,0,0.07), 0 5px 10px -5px rgba(0,0,0,0.15); max-width: 70vw; width: 100%; } #cb-wrapper fieldset { border: 0; margin: 0; padding: 0; } #cb-wrapper a { color: #00AAFF; font-size: inherit; } .cb-button { -webkit-appearance: none; font-family: 'Avenir', 'Avenir Next', 'Segoe UI', Helvetica, Arial, sans-serif; font-weight: 500; color: white !important; background-color: #00AAFF; border: 1px solid #00AAFF; border-radius: 60px; font-size: 15px; line-height: 36px; height: 36px; padding: 0 20px; resize: none; cursor: pointer; display: inline-block; white-space: nowrap; overflow: visible; text-align: center; text-decoration: none; flex-shrink: 0; transition: background 0.2s ease-in-out, box-shadow 0.2s ease-in-out; } .cb-button:hover { box-shadow: 0 5px 10px -5px rgba(0, 170, 255, 0.8); } .cb-button:active { border-color: #0090F7; background-color: #0090F7; box-shadow: none !important; } .cb-label { display: flex; align-items: center; font-weight: 400; } .cb-checkbox, input[type="checkbox"].cb-checkbox, input[type="checkbox"].cb-checkbox:focus { appearance: none; width: 16px !important; height: 16px !important; padding: 0 !important; display: inline-block; background-color: #fff; border: 1px solid #DCE2E6; vertical-align: baseline; cursor: pointer; border-radius: 5px !important; margin-right: 8px; transition: all 0.4s ease-in-out; background-size: 70%; background-position: center center; background-repeat: no-repeat; visibility: visible; outline: none; } .cb-checkbox:checked, input[type="checkbox"].cb-checkbox:checked { background-image: url("../assets/checkmark-white.svg"); background-color: #00AAFF; border-color: #00AAFF; } .cb-checkbox.disabled, input[type="checkbox"].cb-checkbox.disabled { pointer-events: none; background-color: #B2BBC0; border-color: #B2BBC0; } @keyframes presentCard { 0% { opacity: 0; } 100% { opacity: 1; } } #cb-expanded { max-height: 85vh; width: 100%; display: flex; flex-direction: column; /* this shrinks somehow the two elements when height is not enough for their visibility */ /* IE magic */ overflow-y: auto; } #cb-expanded-header-row { display: flex; align-items: center; } #cb-expanded-header-text { margin-left: 10px; font-weight: 700; } #cb-expanded-cookie { height: 24px; width: 24px; } #cb-expanded-desc-wrapper { flex-grow: 1; overflow: auto; margin: 20px 0; } .cb-expanded-desc:last-child { margin-top: 20px; } #cb-expanded-form-wrapper { flex-grow: 1; overflow: auto; } #cb-expanded-form-header { font-weight: 700; } #cb-expanded-actions { margin: 20px 0; display: flex; align-items: center; justify-content: flex-end; } #cb-expanded-section { margin: 10px 0; display: flex; align-items: center; } #cb-btn-accept-selected { font-weight: 300; text-decoration: underline; margin-right: 20px; } .cb-details { color: #8A9499; font-size: 13px; margin-left: 28px; margin-bottom: 10px; } .cb-disclosure { width: 12px; height: 12px; margin-left: 12px; } .flipped { transform: rotate(180deg); }