1#plugin__farmsync { 2 3 b { 4 font-weight: bold; 5 } 6 7 form { 8 display: block; 9 text-align: center; 10 11 fieldset { 12 width: 80%; 13 padding: 1em; 14 15 select { 16 width: 50%; 17 } 18 19 } 20 21 div.lineradio { 22 > label { 23 width: 40%; 24 float: left; 25 } 26 27 div.container { 28 float: right; 29 width: 60%; 30 display: flex; 31 justify-content: space-around; 32 33 span { 34 width: auto; 35 margin-right: 0.5em; 36 } 37 38 } 39 } 40 41 label { 42 text-align: left; 43 display: block; 44 margin-bottom: 0.5em; 45 46 &:hover { 47 background-color: @ini_background_alt; 48 } 49 50 > span { 51 display: inline-block; 52 width: 40%; 53 } 54 } 55 56 button { 57 margin: 1em; 58 } 59 } 60 61 #results { 62 span.progress { 63 cursor: pointer; 64 padding: 5px 5px 3px; 65 border-radius: 4px; 66 border: 1px solid @ini_border; 67 margin-bottom: 5px; 68 display: inline-block; 69 font-weight: bold; 70 &:hover { 71 background-color: @ini_background_alt; 72 } 73 } 74 75 div.result { 76 padding: 5px; 77 margin: 5px; 78 border-radius: 4px; 79 border: 1px solid @ini_border; 80 81 // icon before the headline 82 h2::before { 83 display: inline-block; 84 font-size: 20px; 85 width: 25px; 86 height: 25px; 87 text-align: center; 88 border-radius: 50%; 89 margin-right: 10px; 90 border: 1px solid @ini_border; 91 } 92 &.withconflicts h2 { 93 &::before { 94 content: '!'; 95 background-color: #fdd; 96 } 97 98 } 99 &.noconflicts h2 { 100 &::before { 101 content: '✓'; 102 background-color: #cfc; 103 } 104 } 105 h2 { 106 margin-bottom: 0; 107 cursor: pointer; 108 border-radius: 4px; 109 } 110 111 // wrap around all results (can be toggled) 112 > div { 113 margin-left: 35px; 114 115 // type headline 116 h3 { 117 color: @ini_text_alt; 118 margin-top: 0.6em; 119 } 120 121 // item lists 122 > ul { 123 list-style: none; 124 margin-left: 0; 125 padding-left: 0; 126 127 li { 128 margin-left: 0; 129 } 130 131 li div.li::before { 132 content: '!'; 133 font-weight: bold; 134 margin-right: 0.5em; 135 } 136 } 137 > ul.noconflicts { 138 li div.li::before { 139 content: '✓'; 140 } 141 } 142 } 143 144 form a { 145 padding: 0 0.5em; 146 } 147 148 149 &.noconflicts { 150 151 > div { 152 display: none; 153 154 ul.noconflicts { 155 display: block; 156 } 157 } 158 } 159 160 div.editconflict { 161 display: none; 162 textarea[name=editarea] { 163 width: 80%; 164 } 165 166 li.conflict { 167 cursor: pointer; 168 } 169 } 170 171 172 textarea { 173 width: 100%; 174 height: 40em; 175 } 176 177 a.show_noconflicts { 178 cursor: pointer; 179 display: block; 180 } 181 182 ul.noconflicts { 183 display: none; 184 } 185 186 table.diff { 187 display: none; 188 } 189 } 190 191 } 192 193} 194