reserved.css #1

/* Diff Viewer */

/* Toolbar */
.p4cms-ui .diff-viewer .toolbar {
    overflow: auto;
    background-color: #fff;
    color: #000;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 6px 1px 6px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
}
.p4cms-ui .diff-viewer .toolbar .count {
    float: left;
    display: block;
    padding-right: 4px;
    margin: 5px 3px 3px 3px;
}
.p4cms-ui .diff-viewer .toolbar .controls {
    float: left;
    display: block;
    padding-right: 8px;
    margin: 1px 0 3px 0;
}

/* prev/next buttons */
.p4cms-ui .diff-viewer .dijitIcon.button-prev,
.p4cms-ui .diff-viewer .dijitIcon.button-next {
    width: 8px;
    height: 15px;
    background: url('../../ui/resources/images/buttonArrows.png') no-repeat;
}
.p4cms-ui .diff-viewer .dijitIcon.button-prev {
    background-position: -80px 0px;
}
.p4cms-ui .diff-viewer .dijitButtonDisabled .dijitIcon.button-prev {
    background-position: -180px 0px;
}
.p4cms-ui .diff-viewer .dijitIcon.button-next {
    background-position: -28px 0px;
}
.p4cms-ui .diff-viewer .dijitButtonDisabled .dijitIcon.button-next {
    background-position: -128px 0px;
}

/* Legend */
.p4cms-ui .diff-viewer .toolbar .legend {
    float: left;
    display: block;
    padding-right: 4px;
    margin: 5px 20px 3px 20px;
}
.p4cms-ui .diff-viewer .toolbar .legend span {
    padding-right: 4px;
}
.p4cms-ui .diff-viewer .legend span.change b {
    color: #00f;
}
.p4cms-ui .diff-viewer .legend span.delete b {
    color: #f00;
}
.p4cms-ui .diff-viewer .legend span.insert b {
    color: #0f0;
}

.p4cms-ui .diff-viewer .toolbar .options {
    float: right;
    margin: 5px 5px 3px 0;
}
.p4cms-ui .diff-viewer .toolbar .options label {
    margin-left: 15px;
}

/* Versions heading */
.p4cms-ui .diff-viewer .versions-heading {
    background: url('../../ui/resources/images/button-bg-light.png');
    background-repeat: repeat-x;
    background-position: 0 22px;
    background-color: #fff;
    padding: 6px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    clear: both;
}
.p4cms-ui .diff-viewer .versions-heading table {
    border: none;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    font-size: 12px;
    width: 100%;
    table-layout: fixed;
}
.p4cms-ui .diff-viewer .versions-heading table td {
    color: #1a1a1a;
    width: 44%;
    padding: 1px 4px 1px 0px;
    vertical-align: top;
}
.p4cms-ui .diff-viewer .versions-heading table td.gutter {
    width: 2%;
}

.p4cms-ui .diff-viewer .versions-heading span.user,
.p4cms-ui .diff-viewer .versions-heading span.version {
    font-weight: bold;
}

/* Side-by-side Comparison */

.p4cms-ui .diff-viewer .diff-comparison-pane {
    overflow-x: auto;
    overflow-y: scroll;
    padding: 10px;
    position: relative;
}

.p4cms-ui .diff-viewer .element {
    padding: 15px 0 15px 0;
}

.p4cms-ui .diff-viewer .element .differences {
    margin-top: 4px;
}

.p4cms-ui .diff-viewer .element .title {
    font-size: 16px;
    font-weight: bold;
}

.p4cms-ui .diff-viewer .element table.diff-table {
    border: none;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    font-family: monospace;
    font-size: 12px;
    width: 100%;
    table-layout: fixed;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* some effort to avoid top/bottom borders on the gutter. */
.p4cms-ui .diff-viewer .element tbody.diff:first-child tr:first-child td.left,
.p4cms-ui .diff-viewer .element tbody.diff:first-child tr:first-child td.right {
    border-top: 1px solid #ccc;
}
.p4cms-ui .diff-viewer .element tbody.diff.last-child tr.last-child td.left,
.p4cms-ui .diff-viewer .element tbody.diff.last-child tr.last-child td.right {
    border-bottom: 1px solid #ccc;
}

.p4cms-ui .diff-viewer .element tbody.diff td.gutter {
    width: 2%;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0;
}

/* default styling for line number and line data columns */
.p4cms-ui .diff-viewer .element tbody.diff td.num {
    width: 4%;
    background-color: #eee;
    border-right: 1px solid #ccc;
    text-align: right;
    padding: 1px 4px;
    vertical-align: top;
    min-width: 1.5em;
}

.p4cms-ui .diff-viewer .element tbody.diff td.line {
    width: 40%;
    background-color: white;
    padding: 1px 4px;
    vertical-align: top;

    white-space: pre-wrap;      /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    word-wrap: break-word;      /* Internet Explorer 5.5+ */
}

/* changes */
.p4cms-ui .diff-viewer .element tbody.diff.change td {
    background-color: #e0ecfd;
}
.p4cms-ui .diff-viewer .element tbody.diff.change tr.left-null td.gutter,
.p4cms-ui .diff-viewer .element tbody.diff.change tr.right-null td.gutter,
.p4cms-ui .diff-viewer .element tbody.diff.change tr.left-null td.left,
.p4cms-ui .diff-viewer .element tbody.diff.change tr.right-null td.right {
    background-color: #eef;
}
.p4cms-ui .diff-viewer .element tbody.diff.change td span.change,
.p4cms-ui .diff-viewer .element tbody.diff.change td span.insert,
.p4cms-ui .diff-viewer .element tbody.diff.change td span.delete {
    background-color: #99f;
    padding: 0 1px;
}

/* deletions */
.p4cms-ui .diff-viewer .element tbody.diff.delete td.left {
    background-color: #fdd;
}
.p4cms-ui .diff-viewer .element tbody.diff.delete td {
    background-color: #fee;
}

/* insertions */
.p4cms-ui .diff-viewer .element tbody.diff.insert td.right {
    background-color: #dfd;
}
.p4cms-ui .diff-viewer .element tbody.diff.insert td {
    background-color: #efe;
}

/* focus styles */
.p4cms-ui .diff-viewer .element tbody.diff.focus {
    border: 1px solid #000;
}
.p4cms-ui .diff-viewer .element tbody.diff.focus:first-child tr:first-child td {
    border-top: 1px solid #000;
}
.p4cms-ui .diff-viewer .element tbody.diff.focus.last-child tr.last-child td {
    border-bottom: 1px solid #000;
}
.p4cms-ui .diff-viewer .element tbody.diff .child-table-reset td,
.p4cms-ui .diff-viewer .element tbody.diff.focus:first-child tr:first-child .child-table-reset td,
.p4cms-ui .diff-viewer .element tbody.diff.focus.last-child tr.last-child .child-table-reset td {
    background: transparent;
    border: none;
}


/* binary diff styles */
.p4cms-ui .diff-viewer .element .diff-table .diff .wrapper {
    font-size: 13px;
}

.p4cms-ui .diff-viewer .element table.binary td.left,
.p4cms-ui .diff-viewer .element table.binary td.right {
    padding: 2px 10px;
}


/* image diff styles */
.p4cms-ui .diff-viewer .element table.binary.image tr.image-container td .wrapper {
    overflow: auto;
    max-height: 600px;
    text-align: center;
    padding: 0;
}

.p4cms-ui .diff-viewer .element table.binary.image tr.image-container td .wrapper img {
    background-image: url('images/checked-bg.gif');
}

.p4cms-ui .diff-viewer .element table.binary.image td.left,
.p4cms-ui .diff-viewer .element table.binary.image td.right {
    vertical-align: middle;
    padding: 0;
}

.p4cms-ui .diff-viewer .element .meta-container {
    background: url('../../ui/resources/images/tableheader-gradient.jpg') repeat-x bottom #f5f5f5;
    border: 1px solid #ccc;
    padding: 3px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0 none;
    overflow: hidden;
}

.p4cms-ui .diff-viewer .element .meta-container .wrapper {
    text-align: center;
}

.p4cms-ui .diff-viewer .element .meta-container .left {
    width: 49%;
    float: left;
}

.p4cms-ui .diff-viewer .element .meta-container .right {
    width: 49%;
    float: left;
}

.p4cms-ui .diff-viewer .element .meta-container .gutter {
    width: 2%;
    float: left;
    height: 2px;
}

.p4cms-ui .diff-viewer .element .meta-container .metafield {
    font-size: 80%;
    font-weight: bold;
    color: #1a1a1a;
}

.p4cms-ui .diff-viewer .element .meta-container .metafield + .metafield {
    margin-left: 12px;
}

/* rendered diff styles */
.p4cms-ui .diff-viewer .element .rendered td.left,
.p4cms-ui .diff-viewer .element .rendered td.right {
    width: 44%;
    padding: 4px;
    overflow: auto;
}

.p4cms-ui .diff-viewer .element .rendered tbody.diff.change td.gutter,
.p4cms-ui .diff-viewer .element .rendered tbody.diff.change td.gutter,
.p4cms-ui .diff-viewer .element .rendered tbody.diff.change td.left,
.p4cms-ui .diff-viewer .element .rendered tbody.diff.change td.right {
    background-color: white;
}

.p4cms-ui .diff-viewer .diff-mode {
    display: none;
}

.p4cms-ui .diff-viewer .diff-mode-active {
    display: block !important;
}

.p4cms-ui .diff-viewer .element .button-bar-body {
    position: absolute;
    top: -24px;
    right: 0px;
}

.p4cms-ui .diff-viewer .element .button-bar {
    position: relative;
    overflow: visible;
}

/* overlay diff styles */

.p4cms-ui .diff-viewer .dijitIcon.button-toggle {
    width: 14px;
    height: 14px;
    background: url('images/btn-toggle.png') no-repeat;
    margin-bottom: 1px;
}

.p4cms-ui .diff-viewer .element .overlay .overlay-container {
    position: relative;
    overflow: auto;
    background-color: white;
}

.p4cms-ui .diff-viewer .element .overlay .wrapper {
    position: absolute;
    border: 1px solid transparent;
}

.p4cms-ui .diff-viewer .element .overlay .wrapper.border-activate {
    border: 1px solid blueviolet;
}

.p4cms-ui .diff-viewer .element .overlay-tools {
    background: url('../../ui/resources/images/tableheader-gradient.jpg') repeat-x bottom #f5f5f5;
    border: 1px solid #ccc;
    padding: 3px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: 0 none;
}

.p4cms-ui .diff-viewer .element .overlay-tools table {
    border-spacing: 0px;
}

.p4cms-ui .diff-viewer .element .overlay-tools .overlay-tool-container {
    width: 100%;
    table-layout: fixed;
}

.p4cms-ui .diff-viewer .element .overlay-tools .slide-position-wrap {
    width: 250px;
    vertical-align: middle;
}

.p4cms-ui .diff-viewer .element .overlay-tools .slide-position {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.p4cms-ui .diff-viewer .element .overlay-tools td {
    vertical-align: middle;
}

.p4cms-ui .diff-viewer .overlay-slider-icon {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 2px solid transparent;
    cursor: pointer;
}

.p4cms-ui .diff-viewer .element .overlay-tools .slide-position td.left .overlay-slider-icon {
    width: 9px;
    height: 10px;
    background: url("images/dot-white.png") no-repeat;
}

.p4cms-ui .diff-viewer .element .overlay-tools .slide-position td.right .overlay-slider-icon {
    width: 9px;
    height: 10px;
    background: url("images/dot-black.png") no-repeat;
}

.p4cms-ui .diff-viewer .element .overlay-tools .slide-position  .overlay-default.overlay-slider-icon {
    width: 9px;
    height: 10px;
    background: url("images/dot-grey.png") no-repeat;
    position: absolute;
    left: 90px;
    top: -4px;
}

.p4cms-ui .diff-viewer .element .overlay-tools .left-toolbar {
    padding-right: 40px;
}

.p4cms-ui .diff-viewer .element .overlay-tools .right-toolbar {
    padding-left: 40px;
}

.p4cms-ui .diff-viewer .element .overlay-tools .right-toolbar .button-next.overlay-slider-icon {
    width: 14px;
    height: 14px;
    background-position: -25px 0px;
    float:left;
}

.p4cms-ui .diff-viewer .element .overlay-tools .slide-position td.left  {
    width: 12px;
}

.p4cms-ui .diff-viewer .element .overlay-tools .slide-position td.right  {
    width: 12px;
}

.p4cms-ui .diff-viewer .element .overlay-tools .overlay-play-button {
    float: right;
}