Mindmup Custom CSS Styling
.mapjs-node{
border: none !important;
font-size: 12px;
box-shadow: none !important;
margin: 0;
background: white !important;
padding: 2px;
font-weight:normal;
}
.mapjs-node.selected {
font-weight:bold;
}
.mapjs-node.activated {
font-weight:bold;
}
.mapjs-node,
.mapjs-node.droppable{
border: none !important;
border-radius: 3px;
padding: 0 !important;
box-shadow: 0 0 0 1px white !important;
}
.mapjs-node.dragging{
opacity: 0.9 !important;
}
.mapjs-node span{
margin: 2px;
padding: 5px
border-left: 1px solid transparent;
}
.selected.mapjs-node span{
border-radius: 1px;
border-left: 1px solid;
/*
text-decoration: underline;
*/
}
/*
.selected.mapjs-node-dark span{
box-shadow: 0 0 0 1px white;
}
.selected.mapjs-node-light span,
.selected.mapjs-node-white span{
box-shadow: 0 0 1px gray !important;
}
*/
.mapjs-node.selected,
.mapjs-node.activated{
margin: 0;
}
.mapjs-node.collapsed{
box-shadow: 0 7px 0 -5px rgb(218, 218, 218) , 0 14px 0 -10px rgb !important;
}
.mapjs-link{
opacity: 0.1;
}
.mapjs-node{
padding: 10px;
font-size: 20px;
font-family: Times;
background-color: none !important;
background: url(http://.....) repeat;
color: black;
border: 1px solid black;
}
.mapjs-node.selected, .mapjs-node.activated{
border: 1px solid black;
}
.mapjs-node[mapjs-level="1"]{
padding: 15px;
font-size:30px;
}
#container {
background: url(http://.....) repeat
}
.mapjs-node[mapjs-level="1"] {
background-color: green;
color:white;
font-size:20px;
}
.mapjs-node[mapjs-level="2"] {
background-color: yellow;
font-size:15px;
color:black;
}
.mapjs-node[mapjs-level="3"] {
background-color: red;
color:white;
}