1 2/* ### ### ### */ 3 4form.changes { 5 /* Font */ 6 font-size: .8rem; 7} 8 9form.changes ul li { 10 /* Settings */ 11 list-style: none; 12 /* Box */ 13 margin-left: 0; 14} 15 16form.changes ul li.minor { 17 /* Settings */ 18 opacity: .5; 19} 20 21form.changes ul li span, 22form.changes ul li a { 23 /* Position */ 24 vertical-align: middle; 25} 26 27form.changes ul li a.diff__link { 28 /* Position */ 29 vertical-align: baseline; 30} 31form.changes ul li img { 32 /* Position */ 33 vertical-align: middle; 34 /* Box */ 35 border: 0 ! important; 36} 37 38form.changes ul li span.sum { 39 /* Font */ 40 font-weight: bold; 41} 42 43form.changes li .sizechange { 44 /* Font */ 45 font-size: .7rem; 46 /* Color */ 47 color: var(--main-color); 48 /* Box */ 49 padding: .1rem .2rem; 50} 51form.changes li .sizechange.positive { 52 /* Color */ 53 background-color: var(--top-color-alpha); 54} 55form.changes li .sizechange.negative { 56 /* Color */ 57 background-color: var(--bot-color-alpha); 58} 59 60/* ### ### ### */ 61 62div.diffoptions { 63 /* Display */ 64 display: flex; 65 justify-content: space-between; 66 /* Position */ 67 position: relative; 68 /* Size */ 69 width: 100%; 70} 71 72div.table table.diff { 73 /* Vars */ 74 /* Display */ 75 /* Flex */ 76 /* Position */ 77 position: relative; 78 /* Settings */ 79 /* 80 table-layout: fixed; 81 */ 82 /* Font */ 83 /* Text */ 84 /* Color */ 85 /* Box */ 86 border: 0; 87 /* Size */ 88 width: 100%; 89} 90 91 92 93table.diff_sidebyside td.diffnav { 94 /* Box */ 95 padding-bottom: .7rem; 96} 97 98.diffnav a:before { 99 /* Display */ 100 display: inline-block; 101 /* Position */ 102 vertical-align: middle; 103 /* Color */ 104 color: inherit; 105 /* Box */ 106 padding: .2rem .4rem; 107 border: .1rem solid var(--lite-color); 108} 109 110.diffnav a.diffbothprevrev:before { 111 /* Settings */ 112 content: "\25C0\25C0"; 113} 114.diffnav a.diffprevrev:before { 115 /* Settings */ 116 content: "\25C0"; 117} 118.diffnav a.diffnextrev:before { 119 /* Settings */ 120 content: "\25B6"; 121} 122 123.diffnav a span { 124 /* Display */ 125 display: none; 126} 127 128.diffnav select { 129 /* Size */ 130 height: 1.5rem; 131 min-width: 60%; 132 width: 60%; 133} 134 135 136 137table.diff th, 138table.diff td { 139 /* Settings */ 140 vertical-align: top; 141 /* Color */ 142 color: var(--anti-color); 143 background: var(--main-color); 144 /* Box */ 145 padding: 0; 146 border: 0; 147} 148 149table.diff th { 150 /* Font */ 151 font-weight: normal; 152 /* Box */ 153 border-bottom: .1rem solid var(--lite-color); 154} 155table.diff th.minor { 156 /* Color */ 157 color: var(--lite-color); 158} 159table.diff th a { 160 /* Font */ 161 font-weight: bold; 162} 163table.diff th span.user { 164 /* Font */ 165 font-size: .8rem; 166} 167table.diff th span.sum { 168 /* Font */ 169 font-size: .8rem; 170 font-weight: bold; 171} 172 173 174 175table.diff_sidebyside th { 176 /* Size */ 177 width: 50%; 178} 179 180 181 182table.diff td.diff-blockheader { 183 /* Font */ 184 font-weight: bold; 185} 186 187 188 189table.diff .diff-lineheader { 190 /* Text */ 191 text-align: right; 192 /* Size */ 193 width: .7rem; 194} 195 196 197 198table.diff td, 199table.diff .diff-lineheader { 200 /* Font */ 201 font-family: var(--font-monospaced); 202} 203 204 205 206table.diff td.diff-context { 207 /* Settings */ 208 opacity: .5; 209 /* Color */ 210 color: inherit; 211 background: var(--main-color); 212} 213 214table.diff .diff-addedline { 215 /* Color */ 216 color: inherit; 217 background-color: var(--top-color-alpha); 218} 219table.diff .diff-deletedline { 220 /* Color */ 221 color: inherit; 222 background-color: var(--bot-color-alpha); 223} 224table.diff .diff-addedline strong, 225table.diff .diff-deletedline strong { 226 /* Font */ 227 font-weight: bold; 228 /* Color */ 229 color: var(--mid-color); 230} 231 232 233