mod.css (5473B)
1 .automod_table { 2 display: block; 3 width: 100%; 4 margin-top: 15px; 5 font-size: 0; 6 margin-bottom: 25px; 7 } 8 9 .automod_table .item { 10 display: block; 11 width: 100%; 12 background: #efefed; 13 } 14 15 .automod_table .item > div { 16 display: inline-block; 17 vertical-align: top; 18 padding: 15px 10px; 19 font-size: 14px; 20 } 21 22 .automod_table .item > div > .label { 23 font-weight: bold; 24 margin-bottom: 5px; 25 } 26 27 .automod_table .item > div > .value { 28 font-size: 14px; 29 padding: 10px 0; 30 } 31 32 .automod_table .item > div.modify > .value { 33 padding: 0; 34 height: 35px; 35 } 36 37 .automod_table .item > div.modify > .value .standardBtn { 38 margin-bottom: 0; 39 } 40 41 .automod_table .item > div.string { 42 min-width: 200px; 43 } 44 45 .automod_table .item > div.string .value { 46 padding: 0 5px; 47 background: #ccc; 48 letter-spacing: 2px; 49 height: 35px; 50 line-height: 35px; 51 } 52 53 .automod_table .item > div.reply { 54 width: 300px; 55 } 56 57 .automod_table .item > div.action { 58 min-width: 85px; 59 } 60 61 .moderator_list { 62 display: block; 63 width: 100%; 64 } 65 66 .moderator_list > .item { 67 display: block; 68 width: 100%; 69 padding: 15px; 70 font-size: 0; 71 } 72 73 .moderator_list > .item:nth-child(odd) { 74 background: #efefed; 75 } 76 77 .moderator_list > .item > .username { 78 display: inline-block; 79 vertical-align: middle; 80 width: calc(100% - 100px); 81 padding-right: 15px; 82 font-size: 16px; 83 } 84 85 .moderator_list > .item > .username > a { 86 color: #9b59b6; 87 text-decoration: none; 88 } 89 90 .moderator_list > .item > .username > a > .flair { 91 background-color: #efefef; 92 color: #000; 93 display: inline-block; 94 font-size: 12px; 95 padding: 0 5px; 96 vertical-align: middle; 97 margin-left: 3px; 98 -webkit-border-radius: 3px; 99 -moz-border-radius: 3px; 100 border-radius: 3px; 101 font-weight: normal; 102 height: 20px; 103 line-height: 20px; 104 } 105 106 .moderator_list > .item > form.action { 107 display: inline-block; 108 vertical-align: middle; 109 width: 100px; 110 } 111 112 .moderator_list > .item > form.action .standardBtn { 113 width: 100%; 114 text-align: center; 115 padding: 0; 116 margin: 0 0 5px; 117 display: block; 118 } 119 120 .moderator_list > .item > form.action .standardBtn:last-child { 121 margin-bottom: 0; 122 } 123 124 .moderation_log .item { 125 display: block; 126 width: 100%; 127 font-size: 0; 128 padding: 10px; 129 } 130 131 .moderation_log .item:nth-child(odd) { 132 background: #efefed; 133 } 134 135 .moderation_log .item > .text { 136 display: inline-block; 137 vertical-align: middle; 138 font-size: 14px; 139 width: calc(100% - 150px); 140 padding-right: 20px; 141 } 142 143 .moderation_log .item > .text a { 144 text-decoration: none; 145 } 146 147 .moderation_log .item > .text > .timestamp { 148 font-size: 12px; 149 margin-top: 5px; 150 color: #999; 151 } 152 153 .moderation_log .item > .author { 154 display: inline-block; 155 vertical-align: middle; 156 width: 150px; 157 font-size: 12px; 158 text-align: right; 159 } 160 161 .moderation_log .item > .author a { 162 text-decoration: none; 163 } 164 165 .modadmin > .item { 166 display: block; 167 padding: 15px 0; 168 border-bottom: 1px solid #efefed; 169 opacity: 0.7; 170 font-size: 0; 171 } 172 173 .modadmin > .item:hover { 174 opacity: 1; 175 } 176 177 .modadmin > .item > .text { 178 display: inline-block; 179 vertical-align: top; 180 font-size: 14px; 181 width: calc(100% - 55px); 182 overflow: hidden; 183 } 184 185 .modadmin > .item > .text > .title { 186 margin-bottom: 10px; 187 } 188 189 .modadmin > .item > .text > .title > a { 190 display: inline-block; 191 vertical-align: top; 192 font-size: 18px; 193 text-decoration: none; 194 color: #9b59b6; 195 } 196 197 .modadmin > .item > .text > .body { 198 font-size: 14px; 199 color: #999; 200 margin-bottom: 10px; 201 white-space: nowrap; 202 overflow: hidden; 203 text-overflow: ellipsis; 204 width: 100%; 205 } 206 207 .modadmin > .item > .text > .body a { 208 text-decoration: none; 209 } 210 211 .modadmin > .item > .text > .timestamp { 212 color: #999; 213 font-size: 12px; 214 } 215 216 .modadmin > .item.unread { 217 opacity: 1; 218 border-left: 5px solid #9b59b6 !important; 219 padding-left: 20px; 220 } 221 222 .modadmin > .item.unread > .text > .title > a { 223 font-weight: bold; 224 } 225 226 .modadmin > .item.unread > .text > .body { 227 font-weight: bold; 228 } 229 230 .modadmin > .item:last-child { 231 border: none; 232 } 233 234 .modadmin_list > .item { 235 display: block; 236 width: 100%; 237 padding: 15px; 238 } 239 240 .modadmin_list > .item:nth-child(odd) { 241 background: #efefed; 242 } 243 244 .modadmin_list > .item > .left { 245 display: inline-block; 246 vertical-align: middle; 247 width: calc(100% - 60px); 248 } 249 250 .modadmin_list > .item > .left > .text { 251 display: inline-block; 252 vertical-align: middle; 253 width: calc(100% - 50px); 254 } 255 256 .modadmin_list > .item > .left > .text > .subname { 257 font-size: 16px; 258 margin-bottom: 5px; 259 } 260 261 .modadmin_list > .item > .left > .text > .subname > a { 262 text-decoration: none; 263 } 264 265 .modadmin_list > .item > .left > .text > .conversation_count { 266 font-size: 12px; 267 color: #999; 268 } 269 270 .modadmin_list > .item > .right { 271 width: 60px; 272 font-size: 14px; 273 display: inline-block; 274 vertical-align: middle; 275 } 276 277 .modadmin_list > .item > .right > .count { 278 width: 30px; 279 height: 30px; 280 margin: 0 auto; 281 text-align: center; 282 line-height: 30px; 283 color: #fff; 284 font-size: 16px; 285 background: #fe4500; 286 -webkit-border-radius: 100%; 287 -moz-border-radius: 100%; 288 border-radius: 100%; 289 } 290 291 .modadmin_list > .item > .right > .count[data-val]:after { 292 content: attr(data-val); 293 } 294 295 .modadmin_list > .item > .right > .count[data-val="0"] { 296 display: none; 297 }