/* * Released under BSD License * Copyright (c) 2014-2015 hizzgdev@163.com * * Project Home: * https://github.com/hizzgdev/jsmind/ */ /* important section */ .jsmind-inner { position: relative; overflow: auto; width: 100%; height: 100%; } /*box-shadow:0 0 2px #000;*/ .jsmind-inner { moz-user-select: -moz-none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* z-index:1 */ canvas { position: absolute; z-index: 1; } /* z-index:2 */ jmnodes { position: absolute; z-index: 2; background-color: rgba(0, 0, 0, 0); } /*background color is necessary*/ jmnode { position: absolute; cursor: default; max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } jmexpander { position: absolute; width: 11px; height: 11px; display: block; overflow: hidden; line-height: 12px; font-size: 12px; text-align: center; border-radius: 6px; border-width: 1px; border-style: solid; cursor: pointer; } /* default theme */ jmnode { padding: 10px; background-color: #fff; color: #333; border-radius: 5px; box-shadow: 1px 1px 1px #666; font: 16px/1.125 Verdana, Arial, Helvetica, sans-serif; } jmnode:hover { box-shadow: 2px 2px 8px #000; background-color: #ebebeb; color: #333; } jmnode.selected { background-color: #11f; color: #fff; box-shadow: 2px 2px 8px #000; } jmnode.root { font-size: 24px; } jmexpander { border-color: gray; } jmexpander:hover { border-color: #000; } @media screen and (max-device-width: 1024px) { jmnode { padding: 5px; border-radius: 3px; font-size: 14px; } jmnode.root { font-size: 21px; } } /* primary theme */ jmnodes.theme-primary jmnode { background-color: #428bca; color: #fff; border-color: #357ebd; } jmnodes.theme-primary jmnode:hover { background-color: #3276b1; border-color: #285e8e; } jmnodes.theme-primary jmnode.selected { background-color: #f1c40f; color: #fff; } jmnodes.theme-primary jmnode.root {} jmnodes.theme-primary jmexpander {} jmnodes.theme-primary jmexpander:hover {} /* warning theme */ jmnodes.theme-warning jmnode { background-color: #f0ad4e; border-color: #eea236; color: #fff; } jmnodes.theme-warning jmnode:hover { background-color: #ed9c28; border-color: #d58512; } jmnodes.theme-warning jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-warning jmnode.root {} jmnodes.theme-warning jmexpander {} jmnodes.theme-warning jmexpander:hover {} /* danger theme */ jmnodes.theme-danger jmnode { background-color: #d9534f; border-color: #d43f3a; color: #fff; } jmnodes.theme-danger jmnode:hover { background-color: #d2322d; border-color: #ac2925; } jmnodes.theme-danger jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-danger jmnode.root {} jmnodes.theme-danger jmexpander {} jmnodes.theme-danger jmexpander:hover {} /* success theme */ jmnodes.theme-success jmnode { background-color: #5cb85c; border-color: #4cae4c; color: #fff; } jmnodes.theme-success jmnode:hover { background-color: #47a447; border-color: #398439; } jmnodes.theme-success jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-success jmnode.root {} jmnodes.theme-success jmexpander {} jmnodes.theme-success jmexpander:hover {} /* info theme */ jmnodes.theme-info jmnode { background-color: #5dc0de; border-color: #46b8da; ; color: #fff; } jmnodes.theme-info jmnode:hover { background-color: #39b3d7; border-color: #269abc; } jmnodes.theme-info jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-info jmnode.root {} jmnodes.theme-info jmexpander {} jmnodes.theme-info jmexpander:hover {} /* greensea theme */ jmnodes.theme-greensea jmnode { background-color: #1abc9c; color: #fff; } jmnodes.theme-greensea jmnode:hover { background-color: #16a085; } jmnodes.theme-greensea jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-greensea jmnode.root {} jmnodes.theme-greensea jmexpander {} jmnodes.theme-greensea jmexpander:hover {} /* nephrite theme */ jmnodes.theme-nephrite jmnode { background-color: #2ecc71; color: #fff; } jmnodes.theme-nephrite jmnode:hover { background-color: #27ae60; } jmnodes.theme-nephrite jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-nephrite jmnode.root {} jmnodes.theme-nephrite jmexpander {} jmnodes.theme-nephrite jmexpander:hover {} /* belizehole theme */ jmnodes.theme-belizehole jmnode { background-color: #3498db; color: #fff; } jmnodes.theme-belizehole jmnode:hover { background-color: #2980b9; } jmnodes.theme-belizehole jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-belizehole jmnode.root {} jmnodes.theme-belizehole jmexpander {} jmnodes.theme-belizehole jmexpander:hover {} /* wisteria theme */ jmnodes.theme-wisteria jmnode { background-color: #9b59b6; color: #fff; } jmnodes.theme-wisteria jmnode:hover { background-color: #8e44ad; } jmnodes.theme-wisteria jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-wisteria jmnode.root {} jmnodes.theme-wisteria jmexpander {} jmnodes.theme-wisteria jmexpander:hover {} /* asphalt theme */ jmnodes.theme-asphalt jmnode { background-color: #34495e; color: #fff; } jmnodes.theme-asphalt jmnode:hover { background-color: #2c3e50; } jmnodes.theme-asphalt jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-asphalt jmnode.root {} jmnodes.theme-asphalt jmexpander {} jmnodes.theme-asphalt jmexpander:hover {} /* orange theme */ jmnodes.theme-orange jmnode { background-color: #f1c40f; color: #fff; } jmnodes.theme-orange jmnode:hover { background-color: #f39c12; } jmnodes.theme-orange jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-orange jmnode.root {} jmnodes.theme-orange jmexpander {} jmnodes.theme-orange jmexpander:hover {} /* pumpkin theme */ jmnodes.theme-pumpkin jmnode { background-color: #e67e22; color: #fff; } jmnodes.theme-pumpkin jmnode:hover { background-color: #d35400; } jmnodes.theme-pumpkin jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-pumpkin jmnode.root {} jmnodes.theme-pumpkin jmexpander {} jmnodes.theme-pumpkin jmexpander:hover {} /* pomegranate theme */ jmnodes.theme-pomegranate jmnode { background-color: #e74c3c; color: #fff; } jmnodes.theme-pomegranate jmnode:hover { background-color: #c0392b; } jmnodes.theme-pomegranate jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-pomegranate jmnode.root {} jmnodes.theme-pomegranate jmexpander {} jmnodes.theme-pomegranate jmexpander:hover {} /* clouds theme */ jmnodes.theme-clouds jmnode { background-color: #ecf0f1; color: #333; } jmnodes.theme-clouds jmnode:hover { background-color: #bdc3c7; } jmnodes.theme-clouds jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-clouds jmnode.root {} jmnodes.theme-clouds jmexpander {} jmnodes.theme-clouds jmexpander:hover {} /* asbestos theme */ jmnodes.theme-asbestos jmnode { background-color: #95a5a6; color: #fff; } jmnodes.theme-asbestos jmnode:hover { background-color: #7f8c8d; } jmnodes.theme-asbestos jmnode.selected { background-color: #11f; color: #fff; } jmnodes.theme-asbestos jmnode.root {} jmnodes.theme-asbestos jmexpander {} jmnodes.theme-asbestos jmexpander:hover {}