1/**
2 * This file provides styles for the diff view, which shows you
3 * differences between two versions of a page (?do=diff).
4 */
5
6.changes {
7    ul {
8        padding-left: 0;
9        list-style: none;
10        border-bottom: 1px solid @ini_border;
11    }
12
13    .li {
14        padding: 9px 0;
15        border-top: 1px solid @ini_border;
16        clear: both;
17        overflow: hidden;
18
19        .date {
20            display: inline-block;
21            padding-right: 2rem;
22        }
23        .sizechange {
24            float: right;
25            padding: 2px;
26            font-size: 12px;
27            border-radius: 4px;
28        }
29        .positive {
30            color: #1B5E20;
31            background-color: #E6FFED;
32        }
33        .negative {
34            color: #BF360C;
35            background-color: #FFEEF0;
36        }
37        .diff_link {
38            margin-right: 5px;
39        }
40        .user {
41            float: left;
42            width: 20%;
43            white-space: nowrap;
44            text-overflow: ellipsis;
45            overflow: hidden;
46            word-break: break-all;
47        }
48        .icon {
49            margin-right: .3125rem;
50        }
51    }
52
53    .li:hover {
54        background-color: @ini_background_alt;
55    }
56}
57
58.diffoptions {
59    padding: 1rem 0;
60    border-top: 1px solid @ini_border;
61
62    p {
63        float: right;
64        margin: 0 !important;
65    }
66}
67
68
69.diffnav {
70    width: 50%;
71    padding-bottom: 1rem;
72    border-bottom: 1px solid @ini_border;
73
74    a {
75        display: inline-block;
76        line-height: 20px;
77        padding: 7px 15px;
78        min-width: 36px;
79        min-height: 36px;
80        vertical-align: middle;
81        border: 1px solid @ini_border;
82        border-radius: 6px;
83        color: @ini_text;
84
85        span {
86            display: none;
87        }
88
89        &.diffbothprevrev {
90            background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA10lEQVQ4T6WT7REBQRBE32UgBDIgAkRACERACGRABMiACBABmTgRUE/tVm1xH7j9OTvd0907m9HwZA3xVBG0gBlwAK5hUBcYAWsgt1ZFkILsbQMXYAfMo/Iygi0wDiAnqeYI3IFBaruIYAJsgF4iXUKBWnhJL1Ngg5OWwCo0FREWEihTj2dAkEdCa1NAFR8ntSCBwalAwM8EEXACFv9YiPLKQuyHYCtDjCT6dWE6IXXtqewGDOueMd6bxyNMjYtkTfLaRRLgVBv3b6vsgvnEtav81T9r/BufkccvETLS/R0AAAAASUVORK5CYII=") center center no-repeat;
91        }
92        &.diffprevrev {
93            background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAsklEQVQ4T6XSbRFBYRDF8d9NgAYaEIEEaEADDZCABjQgggZoIIIIZmfuNZe57/bL83zY/e/sOSfxZyV/zmsDWOOOa35pE0AfeywwSSEfRh1giDMGmP8OB6UKEANHPNLhV5FeZYAtNtgh/qVVBAiRxljiUudSGWCEVVdALM1OiDfOaHVC1hwinnBLLWwlYgYJG0OHXgqJIH1VXQ6iOYJ0wAzTtkHKbwtXnl2iXOlkkxMqAW9ivBoRY362AwAAAABJRU5ErkJggg==") center center no-repeat;
94        }
95        &.diffnextrev {
96            background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAp0lEQVQ4T6XS6xEBUQwG0LMd6IQO0AkdUAElUAEdoAI6QCXowGTmMh77uDub/zmTfEmhYxUd+5UBI/SxzsHLgAFO2GGOex1UtUIge9wwxaUKqcughy2GCQnwr3JCXGKBVVrpC8kBoiGCjQnOGH8KbYAI9Zqwt5EDvFaIs85+Q2gKcZNGnqQVskOMM8bID0RzqzNG8xGHNHLrR4rEA4mzNVZOiLVIZ+AJovQaEdnHCVcAAAAASUVORK5CYII=") center center no-repeat;
97        }
98        &.diffbothnextrev {
99            background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1ElEQVQ4T6WT4RHBQBCFv1RAKVQgKqADdKADSqACVIAK6IAOKCEdMC+zZy7nLpPM7b/cZL977+1eQWYVmf34gCGwBi7A08AjYAbsgSp2WahgByyAMfC2BsE+dvbHiFm4AwOvQcoEO5rCBiQGcA1nYGV/l8DNvgX6VSpEeX8EDcpnA0y9jBohhv6WwMGsuFB1+8TO6lDbxpgCyI4UtgJSFraAAE5RVIFCfAFXQCpUvULUGAWRCpUDnrqMUYukW9XsL5JADpjcg9QqzwGBO61y77eV/Rq/AcAtEbMmCKsAAAAASUVORK5CYII=") center center no-repeat;
100        }
101        &.difflastrev {
102            background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA1ElEQVQ4T6WT4RHBQBCFv1RAKVQgKqADdKADSqACVIAK6IAOKCEdMC+zZy7nLpPM7b/cZL977+1eQWYVmf34gCGwBi7A08AjYAbsgSp2WahgByyAMfC2BsE+dvbHiFm4AwOvQcoEO5rCBiQGcA1nYGV/l8DNvgX6VSpEeX8EDcpnA0y9jBohhv6WwMGsuFB1+8TO6lDbxpgCyI4UtgJSFraAAE5RVIFCfAFXQCpUvULUGAWRCpUDnrqMUYukW9XsL5JADpjcg9QqzwGBO61y77eV/Rq/AcAtEbMmCKsAAAAASUVORK5CYII=") center center no-repeat;
103        }
104    }
105}
106
107.diff {
108    .diff-lineheader {
109        font-size: 18px;
110        text-align: right;
111        vertical-align: top;
112    }
113    .diff-deletedline {
114        background-color: #FFEEF0;
115
116        strong {
117            font-weight: normal;
118            background-color: #FDB8C0;
119        }
120    }
121    .diff-addedline {
122        background-color: #E6FFED;
123
124        strong {
125            font-weight: normal;
126            background-color: #ACF2BD;
127        }
128    }
129
130    bdi {
131        display: inline-block;
132        margin-top: 1rem;
133    }
134
135    .diff-blockheader {
136        padding: 5px 0;
137        border-bottom: 1px dashed @ini_border;
138    }
139
140    .diff-context {
141        background-color: @ini_background_alt;
142        color: inherit;
143    }
144}