data/css/style.css
body {
font-family: Tahoma, sans-serif;
}
.title {
font-family: inherit;
font-size: larger;
}
.darkblue {
color: darkblue;
}
.description {
text-align: left;
padding: 0.2em;
}
.block {
margin: 1em 0px 0px 1.5em;
border-style: dashed;
border-color: beige;
background-color: aliceblue;
}
.centered {
text-align: center;
}
.padded {
padding: 0.1em;
}
.input {
max-height: 80%;
padding: 5px;
}
.textarea {
text-align: center;
height: 400px;
}
textarea {
display: inline-block;
margin: 0px 20px 0px 20px;
box-sizing: border-box;
min-height: 200px;
max-height: 90%;
max-width:90%;
border: 3px solid #cccccc;
padding: 5px;
font-family: Tahoma,sans-serif;
}
.mainMenu {
margin: 0.6em;
width: 55%;
}
.menuItem{
margin-top: 0.2em;
background: rgb(250, 242, 229);
height: 1.5em;
}
.menuItemOver {
background: rgb(246, 205, 173);
}
.itemMenuIcon {
float: left;
margin-right: 10px;
}
#resizable {
min-height: 400px;
max-height: 100%;
min-width: 90%;
}
#resizable h3 {
text-align: center;
margin: 0;
}
.divleft
{
position: relative;
float: left;
width: 50%;
height: 100%;
margin: 1;
}
.divright
{
position: relative;
float: right;
width: 50%;
height: 100%;
margin: 0;
}
#primary, #secondary {
width: 900px;
height: 90%;
}
#result ul {
padding-left: 15px;
margin-left: 15px;
padding-top: 0px;
margin-top: 0px;
/*background: url(open.png) no-repeat 2px 5px;*/
list-style-type: none;
}
#result ul[open=yes] {
background: url(closed.png) no-repeat 2px 5px;
}
#result ul[open=no] {
background: url(open.png) no-repeat 2px 5px;
}
/*#diff ul[open=no] {
background: url(closed.png) no-repeat 2px 5px;
}*/
#diff ul[open="no"] li {
display: none;
}
.jsondiffobject {
}
/*Make border rounded for every line in the tree*/
.jsonline {
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
}
.jsonobjname {
font-style: bold;
}
.jsondiffarray {
}
.jsondiffadded {
background-color: #75ED69;
}
.jsondiffremoved {
background-color: #E78787;
}
.jsondiffuntouched {
/*background-color: #DEDEDE;*/
}
.jsondiffchanged {
background-color: #F5F78A;
}
.jsontype {
font-style: italic;
color: grey;
}
/*Leave space between list item*/
#diff ul li {
margin-top: 0.1em;
}
#diff {
}
.invalidJson {
background-color: #E78787;
}
.button {
padding: 0.3em;
}
.formatsrc {
margin-right: 20%
}
.formatdst {
margin-left: 20%
}