html,
body,
div,
h1,
h2,
h3,
p,
a,
img,
strong,
dl,
dt,
dd,
article,
aside,
header,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a img {
  border: none;
}
@media only screen and (max-device-width: 500px) {
  body {
    -webkit-text-size-adjust: none;
  }
}
a {
  text-decoration: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  article a[href^=http]:after,
  aside a[href^=http]:after {
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    background-size: 12px 12px;
  }
}
article p {
  line-height: 1.3em;
  margin: 1em 0;
}
article ul li{
  line-height: 1.3em;
}
article p img {
  margin: 0;
}
aside ul li {
  position: relative;
  padding: 3px 0px;
}
article img {
  max-width: 100%;
}
article p {
  margin: 1em 0;
}
#content {
  position: relative;
  zoom: 1;
  width: 960px;
  padding: 0 40px;
  z-index: 2;
  background: #fff;
}
@media only screen and (max-width: 960px) {
  #content {
    width: 100%;
    padding: 0 10px;
  }
}
@media screen and (min-width: 1020px) {
  #content:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -23px;
    right: -23px;
    display: block;
    height: 540px;
    z-index: -1;
  }
}
.wrapper {
  width: 960px;
  margin: 0 auto;
  padding: 0 40px;
}
@media only screen and (max-width: 960px) {
  .wrapper {
    width: auto;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .content-column #content {
    -webkit-background-size: 300px 1px;
    -moz-background-size: 300px 1px;
    background-size: 300px 1px;
  }
}
@media only screen and (max-width: 960px) {
  .content-column #content {
    background: #fff;
    padding: 0;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .split-page #content {
    -webkit-background-size: 100% 80px;
    -moz-background-size: 100% 80px;
    background-size: 100% 80px;
  }
}
@media only screen and (max-width: 960px) {
  .split-page #content {
    -webkit-background-size: 100% 80px;
    -moz-background-size: 100% 80px;
    background-size: 100% 80px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #navigation #logo {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
#navigation #sections a:hover {
  background: rgba(235,235,235,0.3);
  color: #000;
  -webkit-box-shadow: inset 0 4px 0 #92d13d, inset 0 0 3px #ebebeb;
  -moz-box-shadow: inset 0 4px 0 #92d13d, inset 0 0 3px #ebebeb;
  box-shadow: inset 0 4px 0 #92d13d, inset 0 0 3px #ebebeb;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
@media only screen and (max-width: 700px) {
  #navigation {
    height: auto;
    zoom: 1;
  }
}
@media only screen and (max-width: 960px) {
  body > footer .wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 450px) {
  body > footer .wrapper div {
    width: auto;
    float: none;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 960px) {
  body > footer .credits {
    padding: 20px;
    width: auto;
  }
}
body > footer a:hover {
  color: #92d13d;
}
#support a:hover {
  color: #92d13d;
  text-decoration: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #support article.community {
    -webkit-background-size: auto 50px;
    -moz-background-size: auto 50px;
    background-size: auto 50px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #support article.professional {
    -webkit-background-size: auto 50px;
    -moz-background-size: auto 50px;
    background-size: auto 50px;
  }
}
@media only screen and (max-width: 960px) {
  #support {
    padding: 1px 20px !important;
  }
}
article {
  color: #333;
}
#content {
  position: relative;
  margin-top: -60px;
  padding: 1px 0 0;
  -webkit-background-size: 300px 1px;
  -moz-background-size: 300px 1px;
  background-size: 300px 1px;
  
  border: 0px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #content {
    -webkit-background-size: 300px 1px;
    -moz-background-size: 300px 1px;
    background-size: 300px 1px;
  }
}
#content article {
  width: auto;
  margin-right: 500px;
  padding: 0;
  background: #fff;
  border-right: 1px solid #f4f3f1;
}
#content article > * {
  padding-left: 40px;
  padding-right: 40px;
}
#content article h1 {
  margin: 30px 0;
}
#content article h2 {
  padding-top: 1em;
  border-top: 1px solid #f4f3f1;
}
aside {
  position: absolute;
  top: 50px;
  right: 0;
  width: 500px;
  background: #FFF;
  height: auto;
  min-height: ;
}
@media only screen and (min-width: 960px) {
  #content,
  .wrapper {
    width: 100% !important;
  }
  #content,
  .wrapper {
    margin-left: 0 auto;
  }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
 {
      -webkit-background-size: 15px, 15px;
      -moz-background-size: 15px, 15px;
      background-size: 15px, 15px;
    }
}
}
@media only screen and (max-width: 960px) {
  #content {
    background: #fff;
  }
  #content article {
    margin-right: 0;
    padding: 0;
  }
  div .navbar-inner .container {
    padding-left: 15px;
  }
  #content article > * {
    padding-left: 10px;
    padding-right: 10px;
  }
  #content aside {
    position: static;
    width: auto;
    padding: 0 10px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .download .latest {
    -webkit-background-size: 50px;
    -moz-background-size: 50px;
    background-size: 50px;
  }
}
@media only screen and (max-width: 450px) {
  .download .latest {
    padding: 20px 40px;
    background-image: none;
  }
}
.download .latest:hover {
  -webkit-animation: bounce 600ms infinite ease-in-out;
  -moz-animation: bounce 600ms infinite ease-in-out;
  animation: bounce 600ms infinite ease-in-out;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  .download .updates a {
    -webkit-background-size: 25px 20px;
    -moz-background-size: 25px 20px;
    background-size: 25px 20px;
  }
}
.download .cloudbees:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #333));
  background: -webkit-linear-gradient(top, #555 0%, #333 100%);
  background: -moz-linear-gradient(top, #555 0%, #333 100%);
  background: linear-gradient(top, #555 0%, #333 100%);
}
#start .download:hover {
  -webkit-box-shadow: inset 0 -5px 0 #70af1b, inset 0 -7px 5px rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 -5px 0 #70af1b, inset 0 -7px 5px rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.2);
  box-shadow: inset 0 -5px 0 #70af1b, inset 0 -7px 5px rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.2);
  text-shadow: 1px 2px 1px #70af1b;
}
#start .getting-started a:hover {
  -webkit-box-shadow: inset 0 -5px 0 #70af1b, inset 0 -7px 5px rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 -5px 0 #70af1b, inset 0 -7px 5px rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.2);
  box-shadow: inset 0 -5px 0 #70af1b, inset 0 -7px 5px rgba(255,255,255,0.3), 0 1px 3px rgba(0,0,0,0.2);
  text-shadow: 1px 2px 1px #70af1b;
}
#start p a:hover {
  color: #74716b;
  text-decoration: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #workflow .terminal {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #workflow .editor {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #workflow .browser {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #scale {
    -webkit-background-size: 1px 142px;
    -moz-background-size: 1px 142px;
    background-size: 1px 142px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #scale .triggers span {
    -webkit-background-size: 252px 23px;
    -moz-background-size: 252px 23px;
    background-size: 252px 23px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #scale .triggers span.instance2 {
    -webkit-background-size: 252px 23px;
    -moz-background-size: 252px 23px;
    background-size: 252px 23px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #scale .triggers span.instance3 {
    -webkit-background-size: 252px 23px;
    -moz-background-size: 252px 23px;
    background-size: 252px 23px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #scale .triggers span.instance4 {
    -webkit-background-size: 252px 23px;
    -moz-background-size: 252px 23px;
    background-size: 252px 23px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #modern {
    -webkit-background-size: 291px 728px;
    -moz-background-size: 291px 728px;
    background-size: 291px 728px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #modern div {
    -webkit-background-size: 332px 310px;
    -moz-background-size: 332px 310px;
    background-size: 332px 310px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx) {
  #references a {
    -webkit-background-size: 960px 45px;
    -moz-background-size: 960px 45px;
    background-size: 960px 45px;
  }
}
.modules #content header #module-search::-webkit-input-placeholder {
  color: #626262;
}
#footer {
padding-right: 40px;
border-top: 1px solid black;
}
.navbar-inner .container {
max-width: none;
padding-left: 45px;
}

#doctitle {
font-size: 125%;
}
.nav.pull-right {
font-size: 100%;
font-weight: 600;
}

ul ul li {
  list-style: circle;
}
ul {
  list-style: url('/web/20250820134150im_/https://docs.diffplug.com/assets/img/arrow.png');
}
.currentPage {
background: #eeeeee;
}
#content aside ul {
margin-top: 0;
margin-bottom: 0;
}

article table {
margin: 1em 0;
border: 2px solid rgb(51,51,51);
}
article table th, article table td {
border: 1px solid rgb(51,51,51);
}
article table th {
border-bottom: 2px solid rgb(51,51,51);
}
article table th {
background: rgb(190,190,190);
}
article table th, article table td {
padding: 0 5px;
}
article code {
color: black;
}

/*
     FILE ARCHIVED ON 13:41:50 Aug 20, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:38:25 Jun 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.402
  exclusion.robots: 0.039
  exclusion.robots.policy: 0.03
  esindex: 0.007
  cdx.remote: 6.987
  LoadShardBlock: 171.599 (3)
  PetaboxLoader3.datanode: 167.642 (5)
  PetaboxLoader3.resolve: 91.998 (2)
  load_resource: 187.655
  loaddict: 112.96
*/