Modify CSS to prevent conflicts with existing stylesheets

master
Guillaume DOTT 2013-01-24 11:17:42 +01:00
parent 95b64c9e52
commit 4ef470fe9b
1 changed files with 33 additions and 19 deletions

View File

@ -1,51 +1,65 @@
/* Basic styling */ /* Basic styling */
/* Draw the lines */ /* Draw the lines */
.jOrgChart .line { .jOrgChart .line {
height : 20px; height: 20px;
width : 4px; width: 50%;
} }
.jOrgChart .down { .jOrgChart .down {
background-color : black; background-color: black;
margin : 0px auto; width: 2px;
margin: 0px auto;
} }
.jOrgChart .top { .jOrgChart .top {
border-top : 3px solid black; border-top: 2px solid black;
} }
.jOrgChart .left { .jOrgChart .left {
border-right : 2px solid black; border-right: 1px solid black;
} }
.jOrgChart .right { .jOrgChart .right {
border-left : 2px solid black; border-left: 1px solid black;
} }
/* node cell */ /* node cell */
.jOrgChart td { .jOrgChart td {
text-align : center; text-align: center;
vertical-align : top; vertical-align: top;
padding : 0; padding: 0;
margin: 0;
float: none;
border: none;
}
.jOrgChart tr, .jOrgChart table {
border: none;
}
.jOrgChart table {
border-collapse: separate;
border-spacing: 0;
} }
/* The node */ /* The node */
.jOrgChart .node { .jOrgChart .node {
background-color : #35363B; background-color: #fff;
display : inline-block; border: 1px solid black;
width : 96px; display: inline-block;
height : 60px; width: 96px;
z-index : 10; height: 60px;
margin : 0 2px; z-index: 10;
margin: 0 2px;
} }
/* jQuery drag 'n drop */ /* jQuery drag 'n drop */
.drag-active { .drag-active {
border-style : dotted !important; border-style: dotted !important;
} }
.drop-hover { .drop-hover {
border-style : solid !important; border-style: solid !important;
border-color : #E05E00 !important; border-color: #f00 !important;
} }