--- /dev/null
+.jh-root, .jh-type-object, .jh-type-array, .jh-key, .jh-value, .jh-root tr{
+ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
+ -moz-box-sizing: border-box; /* Firefox, other Gecko */
+ box-sizing: border-box; /* Opera/IE 8+ */
+}
+
+.jh-key, .jh-value{
+ margin: 0;
+ padding: 0.2em;
+}
+
+.jh-value{
+ border-left: 1px solid #ddd;
+}
+
+.jh-type-bool, .jh-type-number{
+ font-weight: bold;
+ text-align: center;
+ color: #5286BC;
+}
+
+.jh-type-string{
+ font-style: italic;
+ color: #839B00;
+}
+
+.jh-array-key{
+ font-style: italic;
+ font-size: small;
+ text-align: center;
+}
+
+.jh-object-key, .jh-array-key{
+ color: #444;
+ vertical-align: top;
+}
+
+.jh-type-object > tr:nth-child(odd), .jh-type-array > tr:nth-child(odd){
+ background-color: #f5f5f5;
+}
+
+.jh-type-object > tr:nth-child(even), .jh-type-array > tr:nth-child(even){
+ background-color: #fff;
+}
+
+.jh-type-object, .jh-type-array{
+ width: 100%;
+ border-collapse: collapse;
+}
+
+.jh-root{
+ border: 1px solid #ccc;
+ margin: 0.2em;
+}
+
+th.jh-key{
+ text-align: left;
+}
+
+.jh-type-object > tr, .jh-type-array > tr{
+ border: 1px solid #ddd;
+ border-bottom: none;
+}
+
+.jh-type-object > tr:last-child, .jh-type-array > tr:last-child{
+ border-bottom: 1px solid #ddd;
+}
+
+.jh-type-object > tr:hover, .jh-type-array > tr:hover{
+ border: 1px solid #F99927;
+}
+
+.jh-empty{
+ font-style: italic;
+ color: #999;
+ font-size: small;
+}