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}