You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
2.5 KiB
131 lines
2.5 KiB
/* |
|
* Released under BSD License |
|
* Copyright (c) 2014-2015 hizzgdev@163.com |
|
* |
|
* Project Home: |
|
* https: //github.com/hizzgdev/jsmind/ |
|
*/ |
|
|
|
/* important section */ |
|
html, body { |
|
width: 100%; |
|
height: 100%; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
#jsmind_container{ |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
.jsmind-inner { |
|
position: relative; |
|
overflow: auto; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.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; |
|
} |
|
|
|
input { |
|
outline-style: none; |
|
border: blue; |
|
font-size: 24px; |
|
background-color: rgba(255, 255, 255, 0.3); |
|
border-radius: 5px; |
|
padding-left: 5px; |
|
padding-right: 5px; |
|
padding-top: 3px; |
|
padding-bottom: 3px; |
|
min-width: 100px; |
|
} |
|
|
|
/* z-index: 2 */ |
|
jmnodes { |
|
position: absolute; |
|
z-index: 2; |
|
background-color: rgba(0,0,0,0); |
|
} |
|
jmnode { |
|
position: absolute; |
|
cursor: default; |
|
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; |
|
} |
|
|
|
@media screen and (max-device-width: 1024px) { |
|
jmnode {padding: 5px;border-radius: 3px;font-size: 14px;} |
|
jmnode.root {font-size: 21px;} |
|
} |
|
|
|
jmnode { |
|
padding: 10px; |
|
background-color: #30A3C0; |
|
color: #FFF; |
|
border-radius: 5px; |
|
padding-left: 30px; |
|
padding-right: 30px; |
|
} |
|
jmnode:hover { |
|
background-color: #F3C250; |
|
color: #333; |
|
} |
|
jmnode.selected { |
|
background-color: #F56B85; |
|
color: #FFF; |
|
} |
|
jmnode.root { |
|
border-radius: 30px; |
|
background-color: #3598DB; |
|
color: #FFF; |
|
font-size: 24px; |
|
} |
|
jmnode.root.selected { |
|
background-color: #F56B85; |
|
} |
|
jmnode.root:hover { |
|
background-color: #F3C250; |
|
color: #333; |
|
} |
|
jmexpander { |
|
border-color: gray; |
|
} |
|
jmexpander:hover { |
|
border-color: #000; |
|
} |
|
|
|
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 {}
|
|
|