| @@ -7,12 +7,32 @@ | ||
| 7 | 7 | |
| 8 | 8 | /* =bbPress Style |
| 9 | 9 | -------------------------------------------------------------- */ |
| 10 | 10 | |
| 11 | -#bbpress-forums hr { | |
| 12 | - margin: 0 0 24px 0; | |
| 11 | +/* Hide completely (including from screen readers) */ | |
| 12 | +.hidden, | |
| 13 | +.bbp-no-js .hide-if-no-js, | |
| 14 | +.bbp-js .hide-if-js { | |
| 15 | + display: none; | |
| 13 | 16 | } |
| 14 | 17 | |
| 18 | +/* Hide visually (but not from screen readers) */ | |
| 19 | +.screen-reader-text, | |
| 20 | +.screen-reader-text span, | |
| 21 | +.ui-helper-hidden-accessible { | |
| 22 | + position: absolute; | |
| 23 | + margin: -1px; | |
| 24 | + padding: 0; | |
| 25 | + height: 1px; | |
| 26 | + width: 1px; | |
| 27 | + overflow: hidden; | |
| 28 | + clip: rect(1px, 1px, 1px, 1px); | |
| 29 | + -webkit-clip-path: inset(50%); | |
| 30 | + clip-path: inset(50%); | |
| 31 | + border: 0; | |
| 32 | + word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */ | |
| 33 | +} | |
| 34 | + | |
| 15 | 35 | #bbpress-forums { |
| 16 | 36 | background: transparent; |
| 17 | 37 | clear: both; |
| 18 | 38 | margin-bottom: 20px; |
| @@ -17,10 +37,32 @@ | ||
| 17 | 37 | clear: both; |
| 18 | 38 | margin-bottom: 20px; |
| 19 | 39 | overflow: hidden; |
| 20 | 40 | font-size: 12px; |
| 41 | + line-height: 18px; | |
| 21 | 42 | } |
| 22 | 43 | |
| 44 | +#bbpress-forums a, | |
| 45 | +#bbpress-forums a:hover { | |
| 46 | + box-shadow: none; | |
| 47 | + border: none; | |
| 48 | + transition: none; | |
| 49 | +} | |
| 50 | + | |
| 51 | +/* Original UL styling */ | |
| 52 | +#bbpress-forums ul, | |
| 53 | +/* Use ID & class together for increased target strength */ | |
| 54 | +#bbpress-forums.bbpress-wrapper ul { | |
| 55 | + background: none; | |
| 56 | + list-style: none; | |
| 57 | + margin: 0; | |
| 58 | + padding: 0; | |
| 59 | +} | |
| 60 | + | |
| 61 | +#bbpress-forums hr { | |
| 62 | + margin: 0 0 24px; | |
| 63 | +} | |
| 64 | + | |
| 23 | 65 | #bbpress-forums div.even, |
| 24 | 66 | #bbpress-forums ul.even { |
| 25 | 67 | background-color: #fff; |
| 26 | 68 | } |
| @@ -29,12 +71,19 @@ | ||
| 29 | 71 | #bbpress-forums ul.odd { |
| 30 | 72 | background-color: #fbfbfb; |
| 31 | 73 | } |
| 32 | 74 | |
| 75 | +body.reply-edit .reply { | |
| 76 | + float: none; | |
| 77 | +} | |
| 78 | + | |
| 33 | 79 | #bbpress-forums div.reply { |
| 34 | 80 | height: auto; |
| 81 | + width: 100%; | |
| 82 | + box-sizing: border-box; | |
| 35 | 83 | } |
| 36 | 84 | |
| 85 | +#bbpress-forums div.bbp-forum-header, | |
| 37 | 86 | #bbpress-forums div.bbp-topic-header, |
| 38 | 87 | #bbpress-forums div.bbp-reply-header { |
| 39 | 88 | background-color: #f4f4f4; |
| 40 | 89 | } |
| @@ -42,25 +91,31 @@ | ||
| 42 | 91 | #bbpress-forums .status-trash.even, |
| 43 | 92 | #bbpress-forums .status-spam.even { |
| 44 | 93 | background-color: #fee; |
| 45 | 94 | } |
| 95 | + | |
| 46 | 96 | #bbpress-forums .status-trash.odd, |
| 47 | 97 | #bbpress-forums .status-spam.odd { |
| 48 | 98 | background-color: #fdd; |
| 49 | 99 | } |
| 50 | 100 | |
| 51 | -#bbpress-forums .status-closed, | |
| 52 | -#bbpress-forums .status-closed a { | |
| 101 | +#bbpress-forums .status-pending.even, | |
| 102 | +#bbpress-forums .status-pending.odd, | |
| 103 | +#bbpress-forums ul.status-pending a { | |
| 104 | + background-color: #fef7f1; | |
| 105 | +} | |
| 106 | + | |
| 107 | +#bbpress-forums ul.status-closed, | |
| 108 | +#bbpress-forums ul.status-closed a { | |
| 53 | 109 | color: #ccc; |
| 54 | 110 | } |
| 55 | 111 | |
| 56 | -#bbpress-forums ul { | |
| 57 | - list-style: none; | |
| 58 | - margin: 0; | |
| 59 | - padding: 0; | |
| 112 | +#bbpress-forums ul.bbp-threaded-replies { | |
| 113 | + margin-left: 50px; | |
| 60 | 114 | } |
| 61 | 115 | |
| 62 | 116 | #bbpress-forums li { |
| 117 | + background: none; | |
| 63 | 118 | margin: 0; |
| 64 | 119 | list-style: none; |
| 65 | 120 | } |
| 66 | 121 | |
| @@ -66,9 +121,10 @@ | ||
| 66 | 121 | |
| 67 | 122 | #bbpress-forums ul.bbp-lead-topic, |
| 68 | 123 | #bbpress-forums ul.bbp-topics, |
| 69 | 124 | #bbpress-forums ul.bbp-forums, |
| 70 | -#bbpress-forums ul.bbp-replies { | |
| 125 | +#bbpress-forums ul.bbp-replies, | |
| 126 | +#bbpress-forums ul.bbp-search-results { | |
| 71 | 127 | font-size: 12px; |
| 72 | 128 | overflow: hidden; |
| 73 | 129 | border: 1px solid #eee; |
| 74 | 130 | margin-bottom: 20px; |
| @@ -84,9 +140,9 @@ | ||
| 84 | 140 | #bbpress-forums li.bbp-header, |
| 85 | 141 | #bbpress-forums li.bbp-footer { |
| 86 | 142 | background: #f3f3f3; |
| 87 | 143 | border-top: 1px solid #eee; |
| 88 | - font-weight: bold; | |
| 144 | + font-weight: 700; | |
| 89 | 145 | padding: 8px; |
| 90 | 146 | text-align: center; |
| 91 | 147 | } |
| 92 | 148 | |
| @@ -98,39 +154,27 @@ | ||
| 98 | 154 | overflow: hidden; |
| 99 | 155 | } |
| 100 | 156 | |
| 101 | 157 | #bbpress-forums .bbp-forums-list { |
| 102 | - margin: 0 0 0 5px; | |
| 103 | - padding-left: 15px; | |
| 158 | + margin: 0 0 0 7px; | |
| 159 | + padding-left: 12px; | |
| 104 | 160 | border-left: 1px solid #ddd; |
| 105 | 161 | } |
| 106 | 162 | |
| 107 | -#bbpress-forums .bbp-forums-list li { | |
| 163 | +#bbpress-forums .bbp-forums-list .bbp-forum { | |
| 108 | 164 | display: inline; |
| 109 | 165 | font-size: 11px; |
| 110 | 166 | } |
| 111 | 167 | |
| 168 | +#bbpress-forums .bbp-forums-list .bbp-forum.css-sep:not(:last-child)::after { | |
| 169 | + content: ", "; | |
| 170 | +} | |
| 171 | + | |
| 112 | 172 | #bbpress-forums li.bbp-footer p { |
| 113 | 173 | margin: 0; |
| 114 | - line-height: 1em; | |
| 174 | + line-height: 1; | |
| 115 | 175 | } |
| 116 | 176 | |
| 117 | -#bbpress-forums .bbp-topic-content img, | |
| 118 | -#bbpress-forums .bbp-reply-content img { | |
| 119 | - max-width: 100%; | |
| 120 | -} | |
| 121 | - | |
| 122 | -#bbpress-forums .bbp-topic-content ul, | |
| 123 | -#bbpress-forums .bbp-reply-content ul { | |
| 124 | - list-style: square; | |
| 125 | - padding-left: 15px; | |
| 126 | -} | |
| 127 | - | |
| 128 | -#bbpress-forums .bbp-forum-content p { | |
| 129 | - margin: 5px 0 0; | |
| 130 | - font-style: italic; | |
| 131 | -} | |
| 132 | - | |
| 133 | 177 | li.bbp-forum-info, |
| 134 | 178 | li.bbp-topic-title { |
| 135 | 179 | float: left; |
| 136 | 180 | text-align: left; |
| @@ -135,8 +179,9 @@ | ||
| 135 | 179 | float: left; |
| 136 | 180 | text-align: left; |
| 137 | 181 | width: 55%; |
| 138 | 182 | } |
| 183 | + | |
| 139 | 184 | li.bbp-forum-topic-count, |
| 140 | 185 | li.bbp-topic-voice-count, |
| 141 | 186 | li.bbp-forum-reply-count, |
| 142 | 187 | li.bbp-topic-reply-count { |
| @@ -158,15 +203,26 @@ | ||
| 158 | 203 | overflow: hidden; |
| 159 | 204 | padding: 8px; |
| 160 | 205 | } |
| 161 | 206 | |
| 162 | -li.bbp-header div.bbp-topic-content span#subscription-toggle, | |
| 163 | -li.bbp-header div.bbp-topic-content span#favorite-toggle, | |
| 164 | -li.bbp-header div.bbp-reply-content span#subscription-toggle, | |
| 165 | -li.bbp-header div.bbp-reply-content span#favorite-toggle { | |
| 207 | +#bbpress-forums #subscription-toggle, | |
| 208 | +#bbpress-forums #favorite-toggle { | |
| 166 | 209 | float: right; |
| 167 | 210 | } |
| 168 | 211 | |
| 212 | +#bbpress-forums div.bbp-forum-title h3, | |
| 213 | +#bbpress-forums div.bbp-topic-title h3, | |
| 214 | +#bbpress-forums div.bbp-reply-title h3 { | |
| 215 | + background: none; | |
| 216 | + border: none; | |
| 217 | + font-size: 16px; | |
| 218 | + line-height: 1; | |
| 219 | + margin: 8px 0; | |
| 220 | + padding: 0; | |
| 221 | + text-transform: none; | |
| 222 | +} | |
| 223 | + | |
| 224 | +#bbpress-forums div.bbp-forum-author, | |
| 169 | 225 | #bbpress-forums div.bbp-topic-author, |
| 170 | 226 | #bbpress-forums div.bbp-reply-author { |
| 171 | 227 | float: left; |
| 172 | 228 | text-align: center; |
| @@ -172,23 +228,33 @@ | ||
| 172 | 228 | text-align: center; |
| 173 | 229 | width: 115px; |
| 174 | 230 | } |
| 175 | 231 | |
| 232 | +#bbpress-forums div.bbp-forum-author img.avatar, | |
| 176 | 233 | #bbpress-forums div.bbp-topic-author img.avatar, |
| 177 | 234 | #bbpress-forums div.bbp-reply-author img.avatar { |
| 178 | 235 | border: none; |
| 179 | 236 | max-width: 80px; |
| 180 | 237 | padding: 0; |
| 181 | - margin: 12px auto 0 auto; | |
| 238 | + margin: 12px auto 0; | |
| 182 | 239 | float: none; |
| 183 | 240 | } |
| 184 | 241 | |
| 185 | -#bbpress-forums div.bbp-topic-author a.bbp-author-name, | |
| 186 | -#bbpress-forums div.bbp-reply-author a.bbp-author-name { | |
| 242 | +#bbpress-forums div.bbp-forum-author .bbp-author-name, | |
| 243 | +#bbpress-forums div.bbp-topic-author .bbp-author-name, | |
| 244 | +#bbpress-forums div.bbp-reply-author .bbp-author-name { | |
| 187 | 245 | margin: 0 12px; |
| 188 | - word-break: break-word; | |
| 246 | + word-wrap: break-word; | |
| 247 | + display: inline-block; | |
| 189 | 248 | } |
| 190 | 249 | |
| 250 | +#bbpress-forums div.bbp-topic-author .bbp-author-name, | |
| 251 | +#bbpress-forums div.bbp-reply-author .bbp-author-name { | |
| 252 | + clear: left; | |
| 253 | + display: block; | |
| 254 | +} | |
| 255 | + | |
| 256 | +#bbpress-forums div.bbp-forum-author .bbp-author-role, | |
| 191 | 257 | #bbpress-forums div.bbp-topic-author .bbp-author-role, |
| 192 | 258 | #bbpress-forums div.bbp-reply-author .bbp-author-role { |
| 193 | 259 | font-size: 11px; |
| 194 | 260 | font-style: italic; |
| @@ -193,15 +259,12 @@ | ||
| 193 | 259 | font-size: 11px; |
| 194 | 260 | font-style: italic; |
| 195 | 261 | } |
| 196 | 262 | |
| 197 | -#bbpress-forums div.bbp-topic-content, | |
| 198 | -#bbpress-forums div.bbp-reply-content { | |
| 199 | - margin-left: 140px; | |
| 200 | - padding: 12px 12px 12px 0; | |
| 201 | - text-align: left; | |
| 202 | -} | |
| 203 | - | |
| 263 | +#bbpress-forums li.bbp-header .bbp-search-author, | |
| 264 | +#bbpress-forums li.bbp-footer .bbp-search-author, | |
| 265 | +#bbpress-forums li.bbp-header .bbp-forum-author, | |
| 266 | +#bbpress-forums li.bbp-footer .bbp-forum-author, | |
| 204 | 267 | #bbpress-forums li.bbp-header .bbp-topic-author, |
| 205 | 268 | #bbpress-forums li.bbp-footer .bbp-topic-author, |
| 206 | 269 | #bbpress-forums li.bbp-header .bbp-reply-author, |
| 207 | 270 | #bbpress-forums li.bbp-footer .bbp-reply-author { |
| @@ -210,8 +273,12 @@ | ||
| 210 | 273 | padding: 0; |
| 211 | 274 | width: 120px; |
| 212 | 275 | } |
| 213 | 276 | |
| 277 | +#bbpress-forums li.bbp-header .bbp-search-content, | |
| 278 | +#bbpress-forums li.bbp-footer .bbp-search-content, | |
| 279 | +#bbpress-forums li.bbp-header .bbp-forum-content, | |
| 280 | +#bbpress-forums li.bbp-footer .bbp-forum-content, | |
| 214 | 281 | #bbpress-forums li.bbp-header .bbp-topic-content, |
| 215 | 282 | #bbpress-forums li.bbp-footer .bbp-topic-content, |
| 216 | 283 | #bbpress-forums li.bbp-header .bbp-reply-content, |
| 217 | 284 | #bbpress-forums li.bbp-footer .bbp-reply-content { |
| @@ -219,16 +286,18 @@ | ||
| 219 | 286 | padding: 0; |
| 220 | 287 | text-align: left; |
| 221 | 288 | } |
| 222 | 289 | |
| 290 | +div.bbp-forum-header, | |
| 223 | 291 | div.bbp-topic-header, |
| 224 | 292 | div.bbp-reply-header, |
| 225 | 293 | li.bbp-body div.hentry { |
| 226 | - margin-bottom: 0; | |
| 294 | + margin: 0; | |
| 227 | 295 | overflow: hidden; |
| 228 | 296 | padding: 8px; |
| 229 | 297 | } |
| 230 | 298 | |
| 299 | +div.bbp-forum-header, | |
| 231 | 300 | div.bbp-topic-header, |
| 232 | 301 | div.bbp-reply-header { |
| 233 | 302 | border-top: 1px solid #ddd; |
| 234 | 303 | clear: both; |
| @@ -234,14 +303,169 @@ | ||
| 234 | 303 | clear: both; |
| 235 | 304 | } |
| 236 | 305 | |
| 237 | 306 | span.bbp-author-ip { |
| 238 | - font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif; | |
| 239 | 307 | font-size: 11px; |
| 240 | - font-weight: bold; | |
| 241 | - color: #aaa; | |
| 308 | + font-weight: 700; | |
| 309 | + word-wrap: break-word; | |
| 310 | + color: #747474; | |
| 242 | 311 | } |
| 243 | 312 | |
| 313 | +/* =Topic and reply content | |
| 314 | +-------------------------------------------------------------- */ | |
| 315 | + | |
| 316 | +#bbpress-forums div.bbp-forum-content, | |
| 317 | +#bbpress-forums div.bbp-topic-content, | |
| 318 | +#bbpress-forums div.bbp-reply-content { | |
| 319 | + margin-left: 130px; | |
| 320 | + padding: 12px 12px 12px 0; | |
| 321 | + text-align: left; | |
| 322 | + position: relative; | |
| 323 | +} | |
| 324 | + | |
| 325 | +/* Clearing hack */ | |
| 326 | +#bbpress-forums div.bbp-forum-content::after, | |
| 327 | +#bbpress-forums div.bbp-topic-content::after, | |
| 328 | +#bbpress-forums div.bbp-reply-content::after { | |
| 329 | + clear: both; | |
| 330 | + content: "."; | |
| 331 | + display: block; | |
| 332 | + float: none; | |
| 333 | + height: 0; | |
| 334 | + font-size: 0; | |
| 335 | + visibility: hidden; | |
| 336 | +} | |
| 337 | + | |
| 338 | +#bbpress-forums div.bbp-topic-content a, | |
| 339 | +#bbpress-forums div.bbp-reply-content a { | |
| 340 | + background: none; | |
| 341 | + border: none; | |
| 342 | + display: inline; | |
| 343 | + font-weight: 400; | |
| 344 | + margin: 0; | |
| 345 | + padding: 0; | |
| 346 | + text-decoration: underline; | |
| 347 | +} | |
| 348 | + | |
| 349 | +#bbpress-forums div.bbp-topic-content a.bbp-user-mention, | |
| 350 | +#bbpress-forums div.bbp-reply-content a.bbp-user-mention { | |
| 351 | + background: none; | |
| 352 | + border: none; | |
| 353 | + text-decoration: none; | |
| 354 | + text-shadow: none; | |
| 355 | + display: inline; | |
| 356 | + font-weight: 600; | |
| 357 | + margin: 0; | |
| 358 | + padding: 0; | |
| 359 | +} | |
| 360 | + | |
| 361 | +#bbpress-forums div.bbp-topic-content h1, | |
| 362 | +#bbpress-forums div.bbp-reply-content h1, | |
| 363 | +#bbpress-forums div.bbp-topic-content h2, | |
| 364 | +#bbpress-forums div.bbp-reply-content h2, | |
| 365 | +#bbpress-forums div.bbp-topic-content h3, | |
| 366 | +#bbpress-forums div.bbp-reply-content h3, | |
| 367 | +#bbpress-forums div.bbp-topic-content h4, | |
| 368 | +#bbpress-forums div.bbp-reply-content h4, | |
| 369 | +#bbpress-forums div.bbp-topic-content h5, | |
| 370 | +#bbpress-forums div.bbp-reply-content h5, | |
| 371 | +#bbpress-forums div.bbp-topic-content h6, | |
| 372 | +#bbpress-forums div.bbp-reply-content h6 { | |
| 373 | + clear: none; | |
| 374 | + line-height: 1; | |
| 375 | + margin: 24px 0; | |
| 376 | + padding: 0; | |
| 377 | +} | |
| 378 | + | |
| 379 | +#bbpress-forums div.bbp-topic-content img, | |
| 380 | +#bbpress-forums div.bbp-reply-content img { | |
| 381 | + max-width: 100%; | |
| 382 | + height: auto; | |
| 383 | +} | |
| 384 | + | |
| 385 | +#bbpress-forums div.bbp-topic-content ul, | |
| 386 | +#bbpress-forums div.bbp-reply-content ul, | |
| 387 | +#bbpress-forums div.bbp-topic-content ol, | |
| 388 | +#bbpress-forums div.bbp-reply-content ol { | |
| 389 | + margin: 0 15px 15px; | |
| 390 | + padding: 0; | |
| 391 | +} | |
| 392 | + | |
| 393 | +#bbpress-forums div.bbp-topic-content ul li, | |
| 394 | +#bbpress-forums div.bbp-reply-content ul li { | |
| 395 | + list-style-type: disc; | |
| 396 | +} | |
| 397 | + | |
| 398 | +#bbpress-forums div.bbp-topic-content ol li, | |
| 399 | +#bbpress-forums div.bbp-reply-content ol li { | |
| 400 | + list-style-type: decimal; | |
| 401 | +} | |
| 402 | + | |
| 403 | +#bbpress-forums div.bbp-topic-content ol li li, | |
| 404 | +#bbpress-forums div.bbp-reply-content ol li li { | |
| 405 | + list-style-type: lower-alpha; | |
| 406 | +} | |
| 407 | + | |
| 408 | +#bbpress-forums div.bbp-topic-content ol li li li, | |
| 409 | +#bbpress-forums div.bbp-reply-content ol li li li { | |
| 410 | + list-style-type: upper-roman; | |
| 411 | +} | |
| 412 | + | |
| 413 | +#bbpress-forums div.bbp-topic-content code, | |
| 414 | +#bbpress-forums div.bbp-reply-content code, | |
| 415 | +#bbpress-forums div.bbp-topic-content pre, | |
| 416 | +#bbpress-forums div.bbp-reply-content pre { | |
| 417 | + font-family: Inconsolata, Consolas, Monaco, "Lucida Console", monospace; | |
| 418 | + display: inline-block; | |
| 419 | + background-color: #f9f9f9; | |
| 420 | + border: 1px solid #ddd; | |
| 421 | + padding: 0 5px; | |
| 422 | + max-width: 95%; | |
| 423 | + vertical-align: middle; | |
| 424 | + margin-top: -3px; | |
| 425 | + overflow-x: auto; | |
| 426 | +} | |
| 427 | + | |
| 428 | +#bbpress-forums div.bbp-topic-content pre, | |
| 429 | +#bbpress-forums div.bbp-reply-content pre { | |
| 430 | + display: block; | |
| 431 | + line-height: 18px; | |
| 432 | + margin: 0 0 24px; | |
| 433 | + padding: 5px 10px; | |
| 434 | + white-space: pre; | |
| 435 | + overflow: auto; | |
| 436 | +} | |
| 437 | + | |
| 438 | +#bbpress-forums div.bbp-topic-content pre code, | |
| 439 | +#bbpress-forums div.bbp-reply-content pre code { | |
| 440 | + display: block; | |
| 441 | + border: none; | |
| 442 | + padding: 0; | |
| 443 | + margin: 0; | |
| 444 | + background-color: transparent; | |
| 445 | + overflow-wrap: normal; | |
| 446 | + overflow: auto; | |
| 447 | + max-width: 100%; | |
| 448 | +} | |
| 449 | + | |
| 450 | +#bbpress-forums div.bbp-topic-content iframe.wp-embedded-content, | |
| 451 | +#bbpress-forums div.bbp-reply-content iframe.wp-embedded-content { | |
| 452 | + position: relative; | |
| 453 | +} | |
| 454 | + | |
| 455 | +/* =Reply to | |
| 456 | +-------------------------------------------------------------- */ | |
| 457 | + | |
| 458 | +#bbpress-forums div.bbp-reply-to { | |
| 459 | + margin-left: 130px; | |
| 460 | + padding: 12px 12px 12px 0; | |
| 461 | + text-align: right; | |
| 462 | +} | |
| 463 | + | |
| 464 | +#bbpress-forums div#bbp-cancel-reply-to { | |
| 465 | + text-align: right; | |
| 466 | +} | |
| 467 | + | |
| 244 | 468 | /* =Breadcrumb and Tags |
| 245 | 469 | -------------------------------------------------------------- */ |
| 246 | 470 | |
| 247 | 471 | div.bbp-breadcrumb { |
| @@ -254,15 +478,45 @@ | ||
| 254 | 478 | } |
| 255 | 479 | |
| 256 | 480 | #bbpress-forums div.bbp-breadcrumb p, |
| 257 | 481 | #bbpress-forums div.bbp-topic-tags p { |
| 258 | - margin-bottom: 10px | |
| 482 | + margin: 0 0 10px 0; | |
| 259 | 483 | } |
| 260 | 484 | |
| 261 | -div.bbp-topic-tags { | |
| 485 | +#bbpress-forums div.bbp-topic-tags { | |
| 262 | 486 | float: right; |
| 487 | + clear: both; | |
| 263 | 488 | } |
| 264 | 489 | |
| 490 | +#bbp-topic-hot-tags { | |
| 491 | + clear: both; | |
| 492 | +} | |
| 493 | + | |
| 494 | +/* =Search | |
| 495 | +-------------------------------------------------------------- */ | |
| 496 | + | |
| 497 | +#bbpress-forums #bbp-search-form { | |
| 498 | + clear: left; | |
| 499 | +} | |
| 500 | + | |
| 501 | +#bbpress-forums #bbp-search-form .hidden { | |
| 502 | + height: 0; | |
| 503 | + width: 0; | |
| 504 | + overflow: hidden; | |
| 505 | + position: absolute; | |
| 506 | + background: none; | |
| 507 | + left: -999em; | |
| 508 | +} | |
| 509 | + | |
| 510 | +#bbpress-forums #bbp-search-form #bbp_search { | |
| 511 | + display: inline-block; | |
| 512 | + width: auto; | |
| 513 | +} | |
| 514 | + | |
| 515 | +#bbpress-forums div.bbp-search-form { | |
| 516 | + float: right; | |
| 517 | +} | |
| 518 | + | |
| 265 | 519 | /* =Admin Links |
| 266 | 520 | -------------------------------------------------------------- */ |
| 267 | 521 | |
| 268 | 522 | span.bbp-admin-links { |
| @@ -268,89 +522,103 @@ | ||
| 268 | 522 | span.bbp-admin-links { |
| 269 | 523 | float: right; |
| 270 | 524 | color: #ddd; |
| 271 | 525 | } |
| 526 | + | |
| 272 | 527 | span.bbp-admin-links a { |
| 273 | - color: #bbb; | |
| 274 | - font-weight: normal; | |
| 528 | + color: #707070; | |
| 529 | + font-weight: 400; | |
| 275 | 530 | font-size: 10px; |
| 276 | 531 | text-transform: uppercase; |
| 277 | 532 | text-decoration: none; |
| 278 | 533 | } |
| 534 | + | |
| 279 | 535 | fieldset span.bbp-admin-links { |
| 280 | 536 | float: left; |
| 281 | 537 | } |
| 538 | + | |
| 282 | 539 | tr td span.bbp-admin-links a:hover { |
| 283 | 540 | color: #ff4b33; |
| 284 | 541 | } |
| 542 | + | |
| 285 | 543 | td.bbp-topic-admin-links, |
| 286 | 544 | td.bbp-topic-counts { |
| 287 | 545 | width: 50%; |
| 288 | 546 | } |
| 289 | 547 | |
| 548 | +.bbp-forum-header a.bbp-forum-permalink, | |
| 290 | 549 | .bbp-topic-header a.bbp-topic-permalink, |
| 291 | 550 | .bbp-reply-header a.bbp-reply-permalink { |
| 292 | 551 | float: right; |
| 293 | 552 | margin-left: 10px; |
| 294 | - color: #ccc; | |
| 553 | + color: #707070; | |
| 295 | 554 | } |
| 296 | 555 | |
| 297 | 556 | /* =Toggles |
| 298 | 557 | -------------------------------------------------------------- */ |
| 299 | 558 | |
| 300 | -.bbp-topic-action #favorite-toggle a { | |
| 559 | +.bbp-row-actions #favorite-toggle a { | |
| 301 | 560 | text-decoration: none; |
| 302 | 561 | padding: 0 3px 1px; |
| 303 | 562 | color: #7c7; |
| 304 | 563 | border: 1px solid #aca; |
| 305 | 564 | background-color: #dfd; |
| 306 | - font-weight: bold; | |
| 307 | - font-size: 13px; | |
| 308 | - } | |
| 309 | - .bbp-topic-action #favorite-toggle a:hover { | |
| 310 | - color: #5a5; | |
| 311 | - border-color: #7c7; | |
| 312 | - background-color: #beb; | |
| 313 | - } | |
| 314 | - .bbp-topic-action #favorite-toggle span.is-favorite a { | |
| 315 | - color: #faa; | |
| 316 | - border: 1px solid #faa; | |
| 317 | - background-color: #fee; | |
| 318 | - } | |
| 319 | - .bbp-topic-action #favorite-toggle span.is-favorite a:hover { | |
| 320 | - color: #c88; | |
| 321 | - border-color: #c88; | |
| 322 | - background-color: #fdd; | |
| 323 | - } | |
| 565 | + font-weight: 700; | |
| 566 | + font-size: 12px; | |
| 567 | +} | |
| 324 | 568 | |
| 325 | -.bbp-topic-action #subscription-toggle a { | |
| 569 | +.bbp-row-actions #favorite-toggle a:hover { | |
| 570 | + color: #5a5; | |
| 571 | + border-color: #7c7; | |
| 572 | + background-color: #beb; | |
| 573 | +} | |
| 574 | + | |
| 575 | +.bbp-row-actions #favorite-toggle span.is-favorite a { | |
| 576 | + color: #faa; | |
| 577 | + border: 1px solid #faa; | |
| 578 | + background-color: #fee; | |
| 579 | +} | |
| 580 | + | |
| 581 | +.bbp-row-actions #favorite-toggle span.is-favorite a:hover { | |
| 582 | + color: #c88; | |
| 583 | + border-color: #c88; | |
| 584 | + background-color: #fdd; | |
| 585 | +} | |
| 586 | + | |
| 587 | +.bbp-row-actions #subscription-toggle a { | |
| 326 | 588 | text-decoration: none; |
| 327 | 589 | padding: 0 3px 1px; |
| 328 | 590 | color: #7c7; |
| 329 | 591 | border: 1px solid #aca; |
| 330 | 592 | background-color: #dfd; |
| 331 | - font-weight: bold; | |
| 332 | - font-size: 13px; | |
| 333 | - } | |
| 334 | - .bbp-topic-action #subscription-toggle a:hover { | |
| 335 | - color: #5a5; | |
| 336 | - border-color: #7c7; | |
| 337 | - background-color: #beb; | |
| 338 | - } | |
| 339 | - .bbp-topic-action #subscription-toggle span.is-subscribed a { | |
| 340 | - color: #faa; | |
| 341 | - border: 1px solid #faa; | |
| 342 | - background-color: #fee; | |
| 343 | - } | |
| 344 | - .bbp-topic-action #subscription-toggle span.is-subscribed a:hover { | |
| 345 | - color: #c88; | |
| 346 | - border-color: #c88; | |
| 347 | - background-color: #fdd; | |
| 348 | - } | |
| 593 | + font-weight: 700; | |
| 594 | + font-size: 12px; | |
| 595 | +} | |
| 349 | 596 | |
| 597 | +.bbp-row-actions #subscription-toggle a:hover { | |
| 598 | + color: #5a5; | |
| 599 | + border-color: #7c7; | |
| 600 | + background-color: #beb; | |
| 601 | +} | |
| 602 | + | |
| 603 | +.bbp-row-actions #subscription-toggle span.is-subscribed a { | |
| 604 | + color: #faa; | |
| 605 | + border: 1px solid #faa; | |
| 606 | + background-color: #fee; | |
| 607 | +} | |
| 608 | + | |
| 609 | +.bbp-row-actions #subscription-toggle span.is-subscribed a:hover { | |
| 610 | + color: #c88; | |
| 611 | + border-color: #c88; | |
| 612 | + background-color: #fdd; | |
| 613 | +} | |
| 614 | + | |
| 615 | +#bbpress-forums .bbp-forum-info .bbp-forum-content, | |
| 350 | 616 | #bbpress-forums p.bbp-topic-meta { |
| 351 | - margin: 5px 0 5px; | |
| 352 | 617 | font-size: 11px; |
| 618 | + margin: 5px 0; | |
| 619 | + padding: 0; | |
| 620 | + word-wrap: break-word; | |
| 353 | 621 | } |
| 354 | 622 | |
| 355 | 623 | #bbpress-forums p.bbp-topic-meta span { |
| 356 | 624 | white-space: nowrap; |
| @@ -360,12 +628,17 @@ | ||
| 360 | 628 | -------------------------------------------------------------- */ |
| 361 | 629 | |
| 362 | 630 | .bbp-pagination-count { |
| 363 | 631 | float: left; |
| 632 | + border: 1px solid transparent; | |
| 364 | 633 | } |
| 634 | + | |
| 365 | 635 | .bbp-pagination-links { |
| 366 | 636 | float: right; |
| 637 | + list-style: none; | |
| 638 | + display: inline; | |
| 367 | 639 | } |
| 640 | + | |
| 368 | 641 | .bbp-pagination { |
| 369 | 642 | float: left; |
| 370 | 643 | width: 100%; |
| 371 | 644 | margin-bottom: 15px; |
| @@ -370,29 +643,62 @@ | ||
| 370 | 643 | width: 100%; |
| 371 | 644 | margin-bottom: 15px; |
| 372 | 645 | } |
| 373 | 646 | |
| 374 | -.bbp-topic-pagination { | |
| 647 | +#bbpress-forums .bbp-pagination-links a, | |
| 648 | +#bbpress-forums .bbp-pagination-links span.current { | |
| 649 | + display: block; | |
| 650 | + float: left; | |
| 651 | + font-size: 12px; | |
| 652 | + line-height: 18px; | |
| 653 | + padding: 0 5px; | |
| 654 | + margin-left: 5px; | |
| 655 | + border: 1px solid #efefef; | |
| 656 | + border-radius: 0; | |
| 657 | + background: transparent; | |
| 658 | + color: inherit; | |
| 659 | + text-decoration: none; | |
| 660 | +} | |
| 661 | + | |
| 662 | +#bbpress-forums .bbp-pagination-links span.dots { | |
| 663 | + display: block; | |
| 664 | + float: left; | |
| 665 | + padding: 1px 4px; | |
| 666 | + margin-left: 5px; | |
| 667 | +} | |
| 668 | + | |
| 669 | +#bbpress-forums .bbp-topic-pagination { | |
| 375 | 670 | display: inline-block; |
| 376 | 671 | margin-left: 5px; |
| 377 | 672 | margin-bottom: 2px; |
| 378 | - } | |
| 379 | - .bbp-topic-pagination a { | |
| 380 | - font-size: 10px; | |
| 381 | - line-height: 10px; | |
| 382 | - padding: 1px 3px; | |
| 383 | - border: 1px solid #ddd; | |
| 384 | - text-decoration: none; | |
| 385 | - } | |
| 673 | +} | |
| 386 | 674 | |
| 675 | +#bbpress-forums .bbp-topic-pagination a { | |
| 676 | + font-size: 10px; | |
| 677 | + font-weight: 400; | |
| 678 | + line-height: 10px; | |
| 679 | + margin: 0; | |
| 680 | + padding: 1px 3px; | |
| 681 | + border: 1px solid #ddd; | |
| 682 | + color: inherit; | |
| 683 | + background: none; | |
| 684 | + display: inline; | |
| 685 | + text-decoration: none; | |
| 686 | +} | |
| 687 | + | |
| 688 | +#bbpress-forums .bbp-topic-pagination a:hover, | |
| 689 | +#bbpress-forums .bbp-pagination-links a:hover, | |
| 690 | +#bbpress-forums .bbp-pagination-links span.current { | |
| 691 | + background: #eee; | |
| 692 | + opacity: 0.8; | |
| 693 | + border: 1px solid #ddd; | |
| 694 | +} | |
| 695 | + | |
| 387 | 696 | /* =Forms |
| 388 | 697 | -------------------------------------------------------------- */ |
| 389 | 698 | |
| 390 | 699 | #bbpress-forums fieldset.bbp-form { |
| 391 | 700 | clear: left; |
| 392 | -} | |
| 393 | - | |
| 394 | -#bbpress-forums fieldset.bbp-form { | |
| 395 | 701 | border: 1px solid #eee; |
| 396 | 702 | padding: 10px 20px; |
| 397 | 703 | margin-bottom: 10px; |
| 398 | 704 | } |
| @@ -398,8 +704,10 @@ | ||
| 398 | 704 | } |
| 399 | 705 | |
| 400 | 706 | #bbpress-forums fieldset.bbp-form legend { |
| 401 | 707 | padding: 5px; |
| 708 | + width: auto; | |
| 709 | + border: none; | |
| 402 | 710 | } |
| 403 | 711 | |
| 404 | 712 | #bbpress-forums fieldset.bbp-form label { |
| 405 | 713 | margin: 0; |
| @@ -412,8 +720,13 @@ | ||
| 412 | 720 | #bbp-lost-pass fieldset label { |
| 413 | 721 | width: 100px; |
| 414 | 722 | } |
| 415 | 723 | |
| 724 | +/* Some themes aggressively add padding to paragraph tags */ | |
| 725 | +#bbpress-forums fieldset.bbp-form p { | |
| 726 | + padding: 0; | |
| 727 | +} | |
| 728 | + | |
| 416 | 729 | #bbpress-forums fieldset.bbp-form p, |
| 417 | 730 | #bbpress-forums fieldset.bbp-form textarea, |
| 418 | 731 | #bbpress-forums fieldset.bbp-form select, |
| 419 | 732 | #bbpress-forums fieldset.bbp-form input { |
| @@ -419,8 +732,17 @@ | ||
| 419 | 732 | #bbpress-forums fieldset.bbp-form input { |
| 420 | 733 | margin: 0 0 8px; |
| 421 | 734 | } |
| 422 | 735 | |
| 736 | +/* Try to prevent untall selects & text boxes */ | |
| 737 | +#bbpress-forums fieldset.bbp-form select, | |
| 738 | +#bbpress-forums fieldset.bbp-form input[type="text"], | |
| 739 | +#bbpress-forums fieldset.bbp-form input[type="password"] { | |
| 740 | + min-height: 28px; | |
| 741 | + height: 28px; | |
| 742 | + padding: 5px; | |
| 743 | +} | |
| 744 | + | |
| 423 | 745 | textarea#bbp_reply_content, |
| 424 | 746 | textarea#bbp_topic_content, |
| 425 | 747 | textarea#bbp_forum_content { |
| 426 | 748 | width: 97%; |
| @@ -449,8 +771,9 @@ | ||
| 449 | 771 | .bbp-reply-form, |
| 450 | 772 | .bbp-topic-tag-form { |
| 451 | 773 | clear: left; |
| 452 | 774 | } |
| 775 | + | |
| 453 | 776 | body.topic-edit .bbp-topic-form div.avatar img, |
| 454 | 777 | body.reply-edit .bbp-reply-form div.avatar img, |
| 455 | 778 | body.single-forum .bbp-topic-form div.avatar img, |
| 456 | 779 | body.single-reply .bbp-reply-form div.avatar img { |
| @@ -468,9 +791,9 @@ | ||
| 468 | 791 | body.topic-edit .bbp-topic-form code, |
| 469 | 792 | body.reply-edit .bbp-reply-form code { |
| 470 | 793 | font-size: 10px; |
| 471 | 794 | background-color: #f0fff8; |
| 472 | - border: 1px solid #CEEFE1; | |
| 795 | + border: 1px solid #ceefe1; | |
| 473 | 796 | display: block; |
| 474 | 797 | padding: 8px; |
| 475 | 798 | margin-top: 5px; |
| 476 | 799 | width: 369px; |
| @@ -487,9 +810,9 @@ | ||
| 487 | 810 | clear: both; |
| 488 | 811 | } |
| 489 | 812 | |
| 490 | 813 | p.form-allowed-tags { |
| 491 | - width: 462px; | |
| 814 | + max-width: 100%; | |
| 492 | 815 | } |
| 493 | 816 | |
| 494 | 817 | /* =TinyMCE in themes |
| 495 | 818 | -------------------------------------------------------------- */ |
| @@ -510,23 +833,37 @@ | ||
| 510 | 833 | border: none; |
| 511 | 834 | padding: 0; |
| 512 | 835 | margin: 0; |
| 513 | 836 | width: auto; |
| 514 | - line-height: 1em; | |
| 837 | + line-height: 1; | |
| 515 | 838 | } |
| 516 | 839 | |
| 517 | -#bbpress-forums div.bbp-the-content-wrapper input { | |
| 518 | - font-size: 12px; | |
| 519 | - padding: 5px; | |
| 520 | - margin: 3px 0 0; | |
| 521 | - line-height: 1em; | |
| 522 | - margin: 0; | |
| 840 | +#bbpress-forums div.bbp-the-content-wrapper input[type="button"] { | |
| 841 | + padding: 4px 7px; | |
| 842 | + margin: 0 -1px 0 0; | |
| 843 | + line-height: 0; | |
| 844 | + border: 1px solid transparent; | |
| 845 | + background-color: transparent; | |
| 846 | + box-shadow: none; | |
| 847 | + text-shadow: none; | |
| 848 | + text-transform: uppercase; | |
| 849 | + font-size: 11px; | |
| 850 | + font-weight: 400; | |
| 851 | + border-radius: 3px; | |
| 852 | + min-width: 25px; | |
| 853 | + color: #555; | |
| 523 | 854 | } |
| 524 | 855 | |
| 856 | +#bbpress-forums div.bbp-the-content-wrapper input[type="button"]:hover { | |
| 857 | + border-color: rgba(0, 0, 0, 0.1); | |
| 858 | + background-color: rgba(255, 255, 255, 0.5); | |
| 859 | +} | |
| 860 | + | |
| 525 | 861 | #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { |
| 526 | 862 | padding: 5px; |
| 527 | 863 | min-height: 26px; |
| 528 | 864 | } |
| 865 | + | |
| 529 | 866 | #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar { |
| 530 | 867 | padding: 4px 4px 8px; |
| 531 | 868 | } |
| 532 | 869 | |
| @@ -539,90 +876,205 @@ | ||
| 539 | 876 | #bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar { |
| 540 | 877 | line-height: 16px; |
| 541 | 878 | } |
| 542 | 879 | |
| 880 | +#bbpress-forums .bbp-replies .bbp-reply-form { | |
| 881 | + margin: 0 10px 0 10px; | |
| 882 | +} | |
| 883 | + | |
| 543 | 884 | /* =Edit User |
| 544 | 885 | -------------------------------------------------------------- */ |
| 545 | 886 | |
| 546 | 887 | #bbpress-forums #bbp-your-profile fieldset { |
| 547 | - padding: 20px 20px 0 20px; | |
| 888 | + padding: 20px 20px 0; | |
| 548 | 889 | } |
| 549 | - #bbpress-forums #bbp-your-profile fieldset div { | |
| 550 | - margin-bottom: 20px; | |
| 551 | - float: left; | |
| 552 | - width: 100%; | |
| 553 | - clear: left; | |
| 554 | - } | |
| 555 | - #bbpress-forums #bbp-your-profile fieldset select { | |
| 556 | - margin-bottom: 0; | |
| 557 | - } | |
| 558 | - #bbpress-forums #bbp-your-profile fieldset input, | |
| 559 | - #bbpress-forums #bbp-your-profile fieldset textarea { | |
| 560 | - margin-bottom: 0; | |
| 561 | - width: 300px; | |
| 562 | - background: #f9f9f9; | |
| 563 | - border: 1px solid #ddd; | |
| 564 | - box-shadow: none; | |
| 565 | - padding: 4px; | |
| 566 | - border-radius: 0; | |
| 567 | - } | |
| 568 | - #bbpress-forums #bbp-your-profile fieldset input:focus, | |
| 569 | - #bbpress-forums #bbp-your-profile fieldset textarea:focus { | |
| 570 | - border: 1px solid #ccc; | |
| 571 | - box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); | |
| 572 | - outline-color: rgba(240,255,240,0.1); | |
| 573 | - } | |
| 574 | - #bbpress-forums #bbp-your-profile fieldset.bbp-form input.checkbox { | |
| 575 | - width: auto; | |
| 576 | - } | |
| 577 | - #bbpress-forums #bbp-your-profile fieldset legend { | |
| 578 | - display: none; | |
| 579 | - } | |
| 580 | - #bbpress-forums #bbp-your-profile fieldset label[for] { | |
| 581 | - float: left; | |
| 582 | - width: 150px; | |
| 583 | - padding-right: 20px; | |
| 584 | - text-align: right; | |
| 585 | - cursor: pointer; | |
| 586 | - } | |
| 587 | - #bbpress-forums #bbp-your-profile fieldset dl label[for] { | |
| 588 | - text-align: left; | |
| 589 | - width: 160px; | |
| 590 | - } | |
| 591 | - #bbpress-forums #bbp-your-profile fieldset span.description { | |
| 592 | - margin: 5px 0 0 170px; | |
| 593 | - font-size: 12px; | |
| 594 | - font-style: italic; | |
| 595 | - float: left; | |
| 596 | - clear: left; | |
| 597 | - width: 288px; | |
| 598 | - padding: 5px 10px; | |
| 599 | - border: #cee1ef 1px solid; | |
| 600 | - background-color: #f0f8ff; | |
| 601 | - } | |
| 602 | 890 | |
| 603 | - #bbpress-forums #bbp-your-profile fieldset fieldset { | |
| 604 | - margin: 0; | |
| 605 | - border: none; | |
| 606 | - padding: 0; | |
| 607 | - clear: none; | |
| 608 | - float: none; | |
| 609 | - } | |
| 610 | - #bbpress-forums #bbp-your-profile fieldset fieldset.password { | |
| 611 | - width: 260px; | |
| 612 | - } | |
| 613 | - #bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl { | |
| 614 | - margin: 0; | |
| 615 | - } | |
| 616 | - #bbpress-forums #bbp-your-profile fieldset fieldset.password span.description { | |
| 617 | - margin-left: 0; | |
| 618 | - margin-bottom: 20px; | |
| 619 | - } | |
| 891 | +#bbpress-forums #bbp-your-profile fieldset div { | |
| 892 | + margin-bottom: 20px; | |
| 893 | + float: left; | |
| 894 | + width: 100%; | |
| 895 | + clear: left; | |
| 896 | +} | |
| 620 | 897 | |
| 621 | - #bbpress-forums #bbp-your-profile fieldset.submit button { | |
| 622 | - float: right; | |
| 623 | - } | |
| 898 | +#bbpress-forums #bbp-your-profile fieldset select { | |
| 899 | + margin-bottom: 0; | |
| 900 | + width: 60%; | |
| 901 | + background-color: #f9f9f9; | |
| 902 | + border: 1px solid #ddd; | |
| 903 | +} | |
| 624 | 904 | |
| 905 | +#bbpress-forums #bbp-your-profile fieldset input, | |
| 906 | +#bbpress-forums #bbp-your-profile fieldset textarea { | |
| 907 | + margin-bottom: 0; | |
| 908 | + width: 60%; | |
| 909 | + background-color: #f9f9f9; | |
| 910 | + border: 1px solid #ddd; | |
| 911 | + box-shadow: none; | |
| 912 | + border-radius: 0; | |
| 913 | +} | |
| 914 | + | |
| 915 | +#bbpress-forums #bbp-your-profile fieldset input:focus, | |
| 916 | +#bbpress-forums #bbp-your-profile fieldset textarea:focus { | |
| 917 | + border: 1px solid #ccc; | |
| 918 | + box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1); | |
| 919 | + outline-color: rgba(240, 255, 240, 0.1); | |
| 920 | +} | |
| 921 | + | |
| 922 | +#bbpress-forums #bbp-your-profile fieldset.bbp-form input.checkbox { | |
| 923 | + width: auto; | |
| 924 | +} | |
| 925 | + | |
| 926 | +#bbpress-forums #bbp-your-profile fieldset legend { | |
| 927 | + display: none; | |
| 928 | +} | |
| 929 | + | |
| 930 | +#bbpress-forums #bbp-your-profile fieldset label[for] { | |
| 931 | + float: left; | |
| 932 | + width: 20%; | |
| 933 | + padding: 5px 20px 5px 0; | |
| 934 | + text-align: right; | |
| 935 | + cursor: pointer; | |
| 936 | +} | |
| 937 | + | |
| 938 | +#bbpress-forums #bbp-your-profile fieldset dl label[for] { | |
| 939 | + text-align: left; | |
| 940 | + width: 60%; | |
| 941 | +} | |
| 942 | + | |
| 943 | +#bbpress-forums #bbp-your-profile fieldset p.description { | |
| 944 | + margin: 5px 0 0 20%; | |
| 945 | + font-size: 12px; | |
| 946 | + font-style: italic; | |
| 947 | + float: left; | |
| 948 | + clear: left; | |
| 949 | + width: 60%; | |
| 950 | + padding: 5px 8px; | |
| 951 | + border: #cee1ef 1px solid; | |
| 952 | + background-color: #f0f8ff; | |
| 953 | +} | |
| 954 | + | |
| 955 | +#bbpress-forums #bbp-your-profile fieldset fieldset { | |
| 956 | + margin: 0; | |
| 957 | + border: none; | |
| 958 | + padding: 0; | |
| 959 | + clear: none; | |
| 960 | + float: none; | |
| 961 | +} | |
| 962 | + | |
| 963 | +#bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl { | |
| 964 | + margin: 0; | |
| 965 | +} | |
| 966 | + | |
| 967 | +#bbpress-forums #bbp-your-profile fieldset.submit button { | |
| 968 | + float: right; | |
| 969 | +} | |
| 970 | + | |
| 971 | +/* =Password Generator | |
| 972 | +-------------------------------------------------------------- */ | |
| 973 | + | |
| 974 | +#bbpress-forums #bbp-your-profile fieldset fieldset.password { | |
| 975 | + width: 60%; | |
| 976 | + margin-left: 20%; | |
| 977 | + margin-top: 10px; | |
| 978 | +} | |
| 979 | + | |
| 980 | +#bbpress-forums #bbp-your-profile fieldset fieldset.password .password-input-wrapper, | |
| 981 | +#bbpress-forums #bbp-your-profile fieldset fieldset.password .password-button-wrapper { | |
| 982 | + width: 100%; | |
| 983 | + margin: 0; | |
| 984 | + display: inline-block; | |
| 985 | +} | |
| 986 | + | |
| 987 | +#bbpress-forums #bbp-your-profile fieldset fieldset.password .password-button-wrapper button { | |
| 988 | + width: 46%; | |
| 989 | + margin: 4% 2%; | |
| 990 | + box-sizing: border-box; | |
| 991 | + display: inline-block; | |
| 992 | +} | |
| 993 | + | |
| 994 | +#bbpress-forums #bbp-your-profile fieldset fieldset.password input, | |
| 995 | +#bbpress-forums #bbp-your-profile fieldset fieldset.passwword textarea { | |
| 996 | + width: 100%; | |
| 997 | +} | |
| 998 | + | |
| 999 | +#bbpress-forums #bbp-your-profile fieldset fieldset.password button .dashicons { | |
| 1000 | + display: none; | |
| 1001 | +} | |
| 1002 | + | |
| 1003 | +#bbpress-forums #bbp-your-profile fieldset fieldset.password span.description { | |
| 1004 | + margin-left: 0; | |
| 1005 | + margin-bottom: 20px; | |
| 1006 | +} | |
| 1007 | + | |
| 1008 | +#bbpress-forums #password #pass-strength-result { | |
| 1009 | + background-color: #eee; | |
| 1010 | + border: 1px solid #ddd; | |
| 1011 | + color: #23282d; | |
| 1012 | + margin: 0; | |
| 1013 | + padding: 8px; | |
| 1014 | + text-align: center; | |
| 1015 | + box-sizing: border-box; | |
| 1016 | + display: inline-block; | |
| 1017 | +} | |
| 1018 | + | |
| 1019 | +#bbpress-forums #password #pass-strength-result.short { | |
| 1020 | + background-color: #f1adad; | |
| 1021 | + border-color: #e35b5b; | |
| 1022 | + opacity: 1; | |
| 1023 | +} | |
| 1024 | + | |
| 1025 | +#bbpress-forums #password #pass-strength-result.bad { | |
| 1026 | + background-color: #fbc5a9; | |
| 1027 | + border-color: #f78b53; | |
| 1028 | + opacity: 1; | |
| 1029 | +} | |
| 1030 | + | |
| 1031 | +#bbpress-forums #password #pass-strength-result.good { | |
| 1032 | + background-color: #ffe399; | |
| 1033 | + border-color: #ffc733; | |
| 1034 | + opacity: 1; | |
| 1035 | +} | |
| 1036 | + | |
| 1037 | +#bbpress-forums #password #pass-strength-result.strong { | |
| 1038 | + background-color: #c1e1b9; | |
| 1039 | + border-color: #83c373; | |
| 1040 | + opacity: 1; | |
| 1041 | +} | |
| 1042 | + | |
| 1043 | +#bbpress-forums #password #pass1.short, | |
| 1044 | +#bbpress-forums #password #pass1-text.short { | |
| 1045 | + border-color: #e35b5b; | |
| 1046 | +} | |
| 1047 | + | |
| 1048 | +#bbpress-forums #password #pass1.bad, | |
| 1049 | +#bbpress-forums #password #pass1-text.bad { | |
| 1050 | + border-color: #f78b53; | |
| 1051 | +} | |
| 1052 | + | |
| 1053 | +#bbpress-forums #password #pass1.good, | |
| 1054 | +#bbpress-forums #password #pass1-text.good { | |
| 1055 | + border-color: #ffc733; | |
| 1056 | +} | |
| 1057 | + | |
| 1058 | +#bbpress-forums #password #pass1.strong, | |
| 1059 | +#bbpress-forums #password #pass1-text.strong { | |
| 1060 | + border-color: #83c373; | |
| 1061 | +} | |
| 1062 | + | |
| 1063 | +#bbpress-forums .indicator-hint { | |
| 1064 | + padding-top: 8px; | |
| 1065 | +} | |
| 1066 | + | |
| 1067 | +#bbpress-forums .pw-weak, | |
| 1068 | +#bbpress-forums #pass1-text, | |
| 1069 | +#bbpress-forums .show-password #pass1 { | |
| 1070 | + display: none; | |
| 1071 | +} | |
| 1072 | + | |
| 1073 | +#bbpress-forums .show-password #pass1-text { | |
| 1074 | + display: inline-block; | |
| 1075 | +} | |
| 1076 | + | |
| 625 | 1077 | /* =Notices |
| 626 | 1078 | -------------------------------------------------------------- */ |
| 627 | 1079 | |
| 628 | 1080 | div.bbp-template-notice, |
| @@ -636,39 +1088,55 @@ | ||
| 636 | 1088 | border-color: #e6db55; |
| 637 | 1089 | color: #000; |
| 638 | 1090 | clear: both; |
| 639 | 1091 | } |
| 1092 | + | |
| 640 | 1093 | div.bbp-template-notice a { |
| 641 | 1094 | color: #555; |
| 642 | 1095 | text-decoration: none; |
| 1096 | + | |
| 643 | 1097 | } |
| 644 | - div.bbp-template-notice a:hover { | |
| 645 | - color: #000; | |
| 646 | - } | |
| 647 | - div.bbp-template-notice.info { | |
| 648 | - border: #cee1ef 1px solid; | |
| 649 | - background-color: #f0f8ff; | |
| 650 | - } | |
| 651 | - div.bbp-template-notice.important { | |
| 652 | - border: #e6db55 1px solid; | |
| 653 | - background-color: #fffbcc; | |
| 654 | - } | |
| 655 | - div.bbp-template-notice.error, | |
| 656 | - div.bbp-template-notice.warning { | |
| 657 | - background-color: #ffebe8; | |
| 658 | - border-color: #c00; | |
| 659 | - } | |
| 660 | - div.bbp-template-notice.error a, | |
| 661 | - div.bbp-template-notice.warning a { | |
| 662 | - color: #c00; | |
| 663 | - } | |
| 664 | - div.bbp-template-notice p { | |
| 665 | - margin: 0.5em 0 6px 0 !important; | |
| 666 | - padding: 2px; | |
| 667 | - font-size: 12px; | |
| 668 | - line-height: 140%; | |
| 669 | - } | |
| 670 | 1098 | |
| 1099 | +div.bbp-template-notice a:hover { | |
| 1100 | + color: #000; | |
| 1101 | +} | |
| 1102 | + | |
| 1103 | +div.bbp-template-notice.info { | |
| 1104 | + border: #cee1ef 1px solid; | |
| 1105 | + background-color: #f0f8ff; | |
| 1106 | +} | |
| 1107 | + | |
| 1108 | +div.bbp-template-notice.important { | |
| 1109 | + border: #e6db55 1px solid; | |
| 1110 | + background-color: #fffbcc; | |
| 1111 | +} | |
| 1112 | + | |
| 1113 | +div.bbp-template-notice.error, | |
| 1114 | +div.bbp-template-notice.warning { | |
| 1115 | + background-color: #ffebe8; | |
| 1116 | + border-color: #c00; | |
| 1117 | +} | |
| 1118 | + | |
| 1119 | +div.bbp-template-notice.error a, | |
| 1120 | +div.bbp-template-notice.warning a { | |
| 1121 | + color: #c00; | |
| 1122 | +} | |
| 1123 | + | |
| 1124 | +div.bbp-template-notice p, | |
| 1125 | +div.bbp-template-notice li { | |
| 1126 | + margin: 0.5em 0 6px !important; | |
| 1127 | + padding: 2px; | |
| 1128 | + font-size: 12px; | |
| 1129 | + line-height: 1.4; | |
| 1130 | +} | |
| 1131 | + | |
| 1132 | +#bbpress-forums div.bbp-template-notice code { | |
| 1133 | + font-size: 11px; | |
| 1134 | + padding: 2px 4px; | |
| 1135 | + background: rgba(200, 200, 200, 0.3); | |
| 1136 | + border-radius: 3px; | |
| 1137 | +} | |
| 1138 | + | |
| 671 | 1139 | /* =Stickies |
| 672 | 1140 | -------------------------------------------------------------- */ |
| 673 | 1141 | |
| 674 | 1142 | .bbp-topics-front ul.super-sticky, |
| @@ -680,19 +1148,32 @@ | ||
| 680 | 1148 | } |
| 681 | 1149 | |
| 682 | 1150 | /* =Revisions |
| 683 | 1151 | -------------------------------------------------------------- */ |
| 684 | -#bbpress-forums .bbp-topic-revision-log, | |
| 685 | -#bbpress-forums .bbp-reply-revision-log { | |
| 1152 | + | |
| 1153 | +#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, | |
| 1154 | +#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, | |
| 1155 | +#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log { | |
| 686 | 1156 | border-top: 1px dotted #ddd; |
| 687 | - list-style: none; | |
| 688 | 1157 | width: 100%; |
| 689 | 1158 | margin: 0; |
| 690 | - padding: 8px 0 0 0; | |
| 1159 | + padding: 8px 0 0; | |
| 691 | 1160 | font-size: 11px; |
| 692 | 1161 | color: #aaa; |
| 693 | 1162 | } |
| 694 | 1163 | |
| 1164 | +#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li, | |
| 1165 | +#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li, | |
| 1166 | +#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li { | |
| 1167 | + list-style-type: none; | |
| 1168 | +} | |
| 1169 | + | |
| 1170 | +#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log a, | |
| 1171 | +#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log a, | |
| 1172 | +#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log a { | |
| 1173 | + text-decoration: none; | |
| 1174 | +} | |
| 1175 | + | |
| 695 | 1176 | /* =Widgets |
| 696 | 1177 | -------------------------------------------------------------- */ |
| 697 | 1178 | |
| 698 | 1179 | .bbp-login-form fieldset legend { |
| @@ -721,19 +1202,12 @@ | ||
| 721 | 1202 | .bbp-login-form .bbp-submit-wrapper { |
| 722 | 1203 | margin-top: 10px; |
| 723 | 1204 | } |
| 724 | 1205 | |
| 725 | -.bbp-login-form .bbp-remember-me { | |
| 726 | - | |
| 727 | -} | |
| 728 | - | |
| 729 | 1206 | .bbp-login-form .bbp-submit-wrapper { |
| 730 | 1207 | text-align: right; |
| 731 | 1208 | } |
| 732 | 1209 | |
| 733 | -.bbp-login-form .bbp-login-links { | |
| 734 | -} | |
| 735 | - | |
| 736 | 1210 | .bbp-login-form .bbp-login-links a { |
| 737 | 1211 | float: left; |
| 738 | 1212 | clear: left; |
| 739 | 1213 | } |
| @@ -743,9 +1217,9 @@ | ||
| 743 | 1217 | margin: 0 15px 0 0; |
| 744 | 1218 | } |
| 745 | 1219 | |
| 746 | 1220 | .bbp-logged-in h4 { |
| 747 | - font-weight: bold; | |
| 1221 | + font-weight: 700; | |
| 748 | 1222 | font-size: 1.3em; |
| 749 | 1223 | clear: none; |
| 750 | 1224 | margin-bottom: 10px; |
| 751 | 1225 | } |
| @@ -752,18 +1226,25 @@ | ||
| 752 | 1226 | |
| 753 | 1227 | /* =Avatars |
| 754 | 1228 | -------------------------------------------------------------- */ |
| 755 | 1229 | |
| 1230 | +#bbpress-forums img.avatar { | |
| 1231 | + box-shadow: none; | |
| 1232 | + display: inline-block; | |
| 1233 | + margin-right: 4px; | |
| 1234 | +} | |
| 1235 | + | |
| 756 | 1236 | #bbpress-forums p.bbp-topic-meta img.avatar, |
| 757 | 1237 | #bbpress-forums ul.bbp-reply-revision-log img.avatar, |
| 758 | 1238 | #bbpress-forums ul.bbp-topic-revision-log img.avatar, |
| 759 | 1239 | #bbpress-forums div.bbp-template-notice img.avatar, |
| 760 | 1240 | #bbpress-forums .widget_display_topics img.avatar, |
| 761 | -#bbpress-forums .widget_display_replies img.avatar, | |
| 762 | -#bbpress-forums p.bbp-topic-meta img.avatar { | |
| 1241 | +#bbpress-forums .widget_display_replies img.avatar { | |
| 763 | 1242 | float: none; |
| 764 | - margin-bottom: -7px; | |
| 1243 | + vertical-align: middle; | |
| 765 | 1244 | border: 3px double #ddd; |
| 1245 | + max-height: 20px; | |
| 1246 | + max-width: 20px; | |
| 766 | 1247 | } |
| 767 | 1248 | |
| 768 | 1249 | fieldset div.avatar { |
| 769 | 1250 | float: right; |
| @@ -784,24 +1265,42 @@ | ||
| 784 | 1265 | |
| 785 | 1266 | #bbpress-forums h1 { |
| 786 | 1267 | clear: none; |
| 787 | 1268 | font-size: 1.8em; |
| 788 | - line-height: 1em; | |
| 1269 | + line-height: 1; | |
| 789 | 1270 | padding-bottom: 10px; |
| 790 | 1271 | } |
| 791 | 1272 | |
| 792 | -#bbpress-forums h2.entry-title { | |
| 1273 | +#bbpress-forums #bbp-user-wrapper { | |
| 1274 | + float: left; | |
| 1275 | + width: 100%; | |
| 1276 | +} | |
| 1277 | + | |
| 1278 | +#bbpress-forums .bbp-user-section { | |
| 1279 | + overflow: auto; | |
| 1280 | + clear: right; | |
| 1281 | +} | |
| 1282 | + | |
| 1283 | +#bbpress-forums #bbp-user-wrapper h2.entry-title { | |
| 793 | 1284 | font-size: 1.4em; |
| 794 | 1285 | margin: 0; |
| 795 | 1286 | padding-bottom: 10px; |
| 796 | 1287 | padding-top: 0; |
| 1288 | + clear: none; | |
| 797 | 1289 | } |
| 798 | 1290 | |
| 1291 | +#bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic, | |
| 1292 | +#bbpress-forums #bbp-user-wrapper ul.bbp-topics, | |
| 1293 | +#bbpress-forums #bbp-user-wrapper ul.bbp-forums, | |
| 1294 | +#bbpress-forums #bbp-user-wrapper ul.bbp-replies, | |
| 1295 | +#bbpress-forums #bbp-user-wrapper fieldset.bbp-form { | |
| 1296 | + clear: none; | |
| 1297 | +} | |
| 1298 | + | |
| 799 | 1299 | #bbpress-forums #bbp-single-user-details { |
| 800 | - display: inline-block; | |
| 801 | 1300 | margin: 0; |
| 802 | 1301 | width: 150px; |
| 803 | - vertical-align: top; | |
| 1302 | + float: left; | |
| 804 | 1303 | overflow: hidden; |
| 805 | 1304 | } |
| 806 | 1305 | |
| 807 | 1306 | #bbpress-forums #bbp-single-user-details #bbp-user-avatar { |
| @@ -812,9 +1311,9 @@ | ||
| 812 | 1311 | #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar { |
| 813 | 1312 | border: none; |
| 814 | 1313 | height: 150px; |
| 815 | 1314 | padding: 0; |
| 816 | - margin: 0 0 20px 0; | |
| 1315 | + margin: 0 0 20px; | |
| 817 | 1316 | width: 150px; |
| 818 | 1317 | } |
| 819 | 1318 | |
| 820 | 1319 | #bbpress-forums #bbp-single-user-details #bbp-user-description { |
| @@ -843,12 +1342,9 @@ | ||
| 843 | 1342 | opacity: 0.8; |
| 844 | 1343 | } |
| 845 | 1344 | |
| 846 | 1345 | #bbpress-forums #bbp-user-body { |
| 847 | - display: inline-block; | |
| 848 | - vertical-align: top; | |
| 849 | - margin: 0 0 0 30px; | |
| 850 | - width: 80%; | |
| 1346 | + margin-left: 180px; | |
| 851 | 1347 | } |
| 852 | 1348 | |
| 853 | 1349 | body.my-account #bbpress-forums { |
| 854 | 1350 | border-top: none; |
| @@ -873,15 +1369,337 @@ | ||
| 873 | 1369 | margin: 0; |
| 874 | 1370 | padding: 0; |
| 875 | 1371 | } |
| 876 | 1372 | |
| 877 | -/* =BuddyPress Group Forums | |
| 1373 | +/* =Alerts | |
| 878 | 1374 | -------------------------------------------------------------- */ |
| 879 | 1375 | |
| 880 | -#bbpress-forums div.row-actions { | |
| 881 | - font-size: 11px; | |
| 882 | - visibility: hidden; | |
| 1376 | +.bbp-alert-outer { | |
| 1377 | + height: 100%; | |
| 1378 | + width: 100%; | |
| 1379 | + top: 0; | |
| 1380 | + left: 0; | |
| 1381 | + position: fixed; | |
| 1382 | + background-color: rgba(0, 0, 0, 0.2); | |
| 1383 | + z-index: 99999; | |
| 883 | 1384 | } |
| 884 | 1385 | |
| 885 | -#bbpress-forums li:hover > div.row-actions { | |
| 886 | - visibility: visible; | |
| 1386 | +.bbp-alert-inner { | |
| 1387 | + width: 350px; | |
| 1388 | + text-align: center; | |
| 1389 | + background: #fff; | |
| 1390 | + position: fixed; | |
| 1391 | + top: 50%; | |
| 1392 | + left: 50%; | |
| 1393 | + margin-top: -75px; | |
| 1394 | + margin-left: -185px; | |
| 1395 | + border-radius: 3px; | |
| 1396 | + border: 1px solid #aaa; | |
| 1397 | + padding: 15px 10px 10px; | |
| 1398 | +} | |
| 1399 | + | |
| 1400 | +.bbp-alert-outer .bbp-alert-inner p { | |
| 1401 | + margin: 10px 0; | |
| 1402 | +} | |
| 1403 | + | |
| 1404 | +.bbp-alert-actions a { | |
| 1405 | + padding: 5px 20px; | |
| 1406 | + text-decoration: none; | |
| 1407 | +} | |
| 1408 | + | |
| 1409 | +/*-------------------------------------------------------------- | |
| 1410 | + Media Queries | |
| 1411 | +--------------------------------------------------------------*/ | |
| 1412 | + | |
| 1413 | +/* =Standard Mobile Landscape | |
| 1414 | +-------------------------------------------------------------- */ | |
| 1415 | +@media only screen and (max-width: 480px) { | |
| 1416 | + | |
| 1417 | + #bbpress-forums div.bbp-topic-tags { | |
| 1418 | + clear: both; | |
| 1419 | + float: none; | |
| 1420 | + } | |
| 1421 | + | |
| 1422 | + div.bbp-search-form input, | |
| 1423 | + div.bbp-search-form button { | |
| 1424 | + font-size: 11px; | |
| 1425 | + padding: 2px; | |
| 1426 | + } | |
| 1427 | + | |
| 1428 | + li.bbp-forum-info, | |
| 1429 | + li.bbp-topic-title { | |
| 1430 | + width: 45%; | |
| 1431 | + } | |
| 1432 | + | |
| 1433 | + li.bbp-forum-topic-count, | |
| 1434 | + li.bbp-forum-reply-count, | |
| 1435 | + li.bbp-topic-voice-count, | |
| 1436 | + li.bbp-topic-reply-count { | |
| 1437 | + width: 15%; | |
| 1438 | + } | |
| 1439 | + | |
| 1440 | + span.bbp-topic-post-date, | |
| 1441 | + span.bbp-reply-post-date { | |
| 1442 | + float: left; | |
| 1443 | + } | |
| 1444 | + | |
| 1445 | + span.bbp-admin-links { | |
| 1446 | + float: none; | |
| 1447 | + clear: both; | |
| 1448 | + } | |
| 1449 | + | |
| 1450 | + #bbpress-forums .bbp-forums-list li, | |
| 1451 | + #bbpress-forums .bbp-forums-list span { | |
| 1452 | + display: block; | |
| 1453 | + font-size: 11px; | |
| 1454 | + } | |
| 1455 | + | |
| 1456 | + #bbpress-forums .bbp-body div.bbp-topic-author, | |
| 1457 | + #bbpress-forums .bbp-body div.bbp-reply-author { | |
| 1458 | + float: none; | |
| 1459 | + margin: 10px; | |
| 1460 | + min-height: 80px; | |
| 1461 | + padding-left: 80px; | |
| 1462 | + position: relative; | |
| 1463 | + text-align: left; | |
| 1464 | + width: calc(100% - 100px); | |
| 1465 | + border-bottom: 1px solid #efefef; | |
| 1466 | + box-sizing: content-box; | |
| 1467 | + } | |
| 1468 | + | |
| 1469 | + #bbpress-forums div.bbp-topic-author .bbp-author-name, | |
| 1470 | + #bbpress-forums div.bbp-reply-author .bbp-author-name { | |
| 1471 | + clear: none; | |
| 1472 | + display: inline-block; | |
| 1473 | + margin-left: 0; | |
| 1474 | + word-wrap: break-word; | |
| 1475 | + } | |
| 1476 | + | |
| 1477 | + #bbpress-forums div.bbp-topic-author img.avatar, | |
| 1478 | + #bbpress-forums div.bbp-reply-author img.avatar { | |
| 1479 | + position: absolute; | |
| 1480 | + top: 0; | |
| 1481 | + left: 0; | |
| 1482 | + width: 60px; | |
| 1483 | + height: auto; | |
| 1484 | + margin-top: 0; | |
| 1485 | + } | |
| 1486 | + | |
| 1487 | + #bbpress-forums div.bbp-topic-author .bbp-author-role, | |
| 1488 | + #bbpress-forums div.bbp-reply-author .bbp-author-role { | |
| 1489 | + font-size: 12px; | |
| 1490 | + font-style: normal; | |
| 1491 | + } | |
| 1492 | + | |
| 1493 | + #bbpress-forums .bbp-body div.bbp-topic-content, | |
| 1494 | + #bbpress-forums .bbp-body div.bbp-reply-content { | |
| 1495 | + clear: both; | |
| 1496 | + margin: 0 10px 5px 10px; | |
| 1497 | + padding: 0; | |
| 1498 | + } | |
| 1499 | + | |
| 1500 | + #bbpress-forums div.bbp-topic-content p, | |
| 1501 | + #bbpress-forums div.bbp-reply-content p { | |
| 1502 | + margin-bottom: 1em; | |
| 1503 | + } | |
| 1504 | + | |
| 1505 | + #bbpress-forums div.bbp-topic-content p:last-child, | |
| 1506 | + #bbpress-forums div.bbp-reply-content p:last-child { | |
| 1507 | + margin-bottom: 0; | |
| 1508 | + } | |
| 1509 | + | |
| 1510 | + div.bbp-submit-wrapper { | |
| 1511 | + float: left; | |
| 1512 | + } | |
| 1513 | + | |
| 1514 | + #bbpress-forums fieldset.bbp-form { | |
| 1515 | + padding: 0 10px 10px; | |
| 1516 | + } | |
| 1517 | + | |
| 1518 | + #bbpress-forums #bbp-user-body { | |
| 1519 | + clear: both; | |
| 1520 | + margin-left: 0; | |
| 1521 | + word-wrap: break-word; | |
| 1522 | + } | |
| 1523 | + | |
| 1524 | + #bbpress-forums div.bbp-forum-title h3, | |
| 1525 | + #bbpress-forums div.bbp-topic-title h3, | |
| 1526 | + #bbpress-forums div.bbp-reply-title h3 { | |
| 1527 | + font-size: 14px; | |
| 1528 | + } | |
| 1529 | +} | |
| 1530 | + | |
| 1531 | +/* =Standard Mobile Portrait | |
| 1532 | +-------------------------------------------------------------- */ | |
| 1533 | +@media only screen and (max-width: 320px) { | |
| 1534 | + | |
| 1535 | + #bbpress-forums div.bbp-search-form { | |
| 1536 | + margin-bottom: 10px; | |
| 1537 | + } | |
| 1538 | + | |
| 1539 | + #bbpress-forums li.bbp-header li.bbp-forum-info, | |
| 1540 | + #bbpress-forums li.bbp-body li.bbp-forum-info, | |
| 1541 | + #bbpress-forums li.bbp-header li.bbp-topic-title, | |
| 1542 | + #bbpress-forums li.bbp-body li.bbp-topic-title { | |
| 1543 | + width: 100%; | |
| 1544 | + } | |
| 1545 | + | |
| 1546 | + #bbpress-forums li.bbp-header li.bbp-forum-info, | |
| 1547 | + #bbpress-forums li.bbp-header li.bbp-topic-title { | |
| 1548 | + text-align: center; | |
| 1549 | + text-transform: uppercase; | |
| 1550 | + } | |
| 1551 | + | |
| 1552 | + #bbpress-forums li.bbp-header li.bbp-forum-topic-count, | |
| 1553 | + #bbpress-forums li.bbp-header li.bbp-forum-reply-count, | |
| 1554 | + #bbpress-forums li.bbp-body li.bbp-forum-topic-count, | |
| 1555 | + #bbpress-forums li.bbp-body li.bbp-forum-reply-count, | |
| 1556 | + #bbpress-forums li.bbp-header li.bbp-topic-voice-count, | |
| 1557 | + #bbpress-forums li.bbp-header li.bbp-topic-reply-count, | |
| 1558 | + #bbpress-forums li.bbp-body li.bbp-topic-voice-count, | |
| 1559 | + #bbpress-forums li.bbp-body li.bbp-topic-reply-count { | |
| 1560 | + width: 20%; | |
| 1561 | + } | |
| 1562 | + | |
| 1563 | + #bbpress-forums li.bbp-header li.bbp-forum-freshness, | |
| 1564 | + #bbpress-forums li.bbp-body li.bbp-forum-freshness, | |
| 1565 | + #bbpress-forums li.bbp-header li.bbp-topic-freshness, | |
| 1566 | + #bbpress-forums li.bbp-body li.bbp-topic-freshness { | |
| 1567 | + width: 58%; | |
| 1568 | + } | |
| 1569 | + | |
| 1570 | + #bbpress-forums li.bbp-body li.bbp-forum-topic-count, | |
| 1571 | + #bbpress-forums li.bbp-body li.bbp-forum-reply-count, | |
| 1572 | + #bbpress-forums li.bbp-body li.bbp-forum-freshness, | |
| 1573 | + #bbpress-forums li.bbp-body li.bbp-topic-voice-count, | |
| 1574 | + #bbpress-forums li.bbp-body li.bbp-topic-reply-count, | |
| 1575 | + #bbpress-forums li.bbp-body li.bbp-topic-freshness { | |
| 1576 | + margin-top: 7px; | |
| 1577 | + } | |
| 1578 | + | |
| 1579 | + #bbpress-forums li.bbp-header, | |
| 1580 | + #bbpress-forums li.bbp-footer { | |
| 1581 | + font-size: 10px; | |
| 1582 | + } | |
| 1583 | + | |
| 1584 | + #bbpress-forums li.bbp-header div.bbp-search-author, | |
| 1585 | + #bbpress-forums li.bbp-header div.bbp-topic-author, | |
| 1586 | + #bbpress-forums li.bbp-header div.bbp-reply-author { | |
| 1587 | + text-align: left; | |
| 1588 | + width: 25%; | |
| 1589 | + } | |
| 1590 | + | |
| 1591 | + #bbpress-forums li.bbp-header div.bbp-search-content, | |
| 1592 | + #bbpress-forums li.bbp-header div.bbp-topic-content, | |
| 1593 | + #bbpress-forums li.bbp-header div.bbp-reply-content { | |
| 1594 | + margin-left: 25%; | |
| 1595 | + } | |
| 1596 | + | |
| 1597 | + #bbpress-forums div.bbp-template-notice img.avatar, | |
| 1598 | + #bbpress-forums p.bbp-topic-meta img.avatar { | |
| 1599 | + width: 14px; | |
| 1600 | + height: auto; | |
| 1601 | + max-height: 14px; | |
| 1602 | + max-width: 14px; | |
| 1603 | + } | |
| 1604 | + | |
| 1605 | + #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar { | |
| 1606 | + padding: 1px; | |
| 1607 | + } | |
| 1608 | + | |
| 1609 | + #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td { | |
| 1610 | + width: 20px; | |
| 1611 | + height: 20px; | |
| 1612 | + } | |
| 1613 | + | |
| 1614 | + #bbpress-forums div.wp-editor-container { | |
| 1615 | + width: 100%; | |
| 1616 | + overflow: auto; | |
| 1617 | + } | |
| 1618 | + | |
| 1619 | + #bbpress-forums input#bbp_topic_title, | |
| 1620 | + #bbpress-forums input#bbp_topic_tags { | |
| 1621 | + width: 95%; | |
| 1622 | + } | |
| 1623 | + | |
| 1624 | + #bbpress-forums div.bbp-forum-title h3, | |
| 1625 | + #bbpress-forums div.bbp-topic-title h3, | |
| 1626 | + #bbpress-forums div.bbp-reply-title h3 { | |
| 1627 | + font-size: 14px; | |
| 1628 | + } | |
| 1629 | +} | |
| 1630 | + | |
| 1631 | +/* =Extra Small Mobile | |
| 1632 | +-------------------------------------------------------------- */ | |
| 1633 | +@media only screen and (max-width: 240px) { | |
| 1634 | + | |
| 1635 | + #bbpress-forums li.bbp-header li.bbp-forum-topic-count, | |
| 1636 | + #bbpress-forums li.bbp-header li.bbp-forum-reply-count, | |
| 1637 | + #bbpress-forums li.bbp-body li.bbp-forum-topic-count, | |
| 1638 | + #bbpress-forums li.bbp-body li.bbp-forum-reply-count, | |
| 1639 | + #bbpress-forums li.bbp-header li.bbp-topic-voice-count, | |
| 1640 | + #bbpress-forums li.bbp-header li.bbp-topic-reply-count, | |
| 1641 | + #bbpress-forums li.bbp-body li.bbp-topic-voice-count, | |
| 1642 | + #bbpress-forums li.bbp-body li.bbp-topic-reply-count, | |
| 1643 | + #bbpress-forums li.bbp-footer div.bbp-search-author, | |
| 1644 | + #bbpress-forums li.bbp-footer div.bbp-topic-author, | |
| 1645 | + #bbpress-forums li.bbp-footer div.bbp-reply-author { | |
| 1646 | + width: 45%; | |
| 1647 | + } | |
| 1648 | + | |
| 1649 | + #bbpress-forums li.bbp-header li.bbp-forum-freshness, | |
| 1650 | + #bbpress-forums li.bbp-body li.bbp-forum-freshness, | |
| 1651 | + #bbpress-forums li.bbp-header li.bbp-topic-freshness, | |
| 1652 | + #bbpress-forums li.bbp-body li.bbp-topic-freshness { | |
| 1653 | + clear: both; | |
| 1654 | + width: 100%; | |
| 1655 | + } | |
| 1656 | + | |
| 1657 | + #bbpress-forums li.bbp-header li.bbp-forum-freshness, | |
| 1658 | + #bbpress-forums li.bbp-header li.bbp-topic-freshness { | |
| 1659 | + text-align: center; | |
| 1660 | + } | |
| 1661 | + | |
| 1662 | + #bbpress-forums li.bbp-body li.bbp-topic-freshness, | |
| 1663 | + #bbpress-forums li.bbp-header div.bbp-search-author, | |
| 1664 | + #bbpress-forums li.bbp-header div.bbp-search-content, | |
| 1665 | + #bbpress-forums li.bbp-header div.bbp-topic-author, | |
| 1666 | + #bbpress-forums li.bbp-header div.bbp-topic-content, | |
| 1667 | + #bbpress-forums li.bbp-header div.bbp-reply-author, | |
| 1668 | + #bbpress-forums li.bbp-header div.bbp-reply-content { | |
| 1669 | + margin-left: 0; | |
| 1670 | + text-align: left; | |
| 1671 | + } | |
| 1672 | + | |
| 1673 | + #bbpress-forums li.bbp-body li.bbp-topic-freshness p.bbp-topic-meta { | |
| 1674 | + display: inline-block; | |
| 1675 | + } | |
| 1676 | + | |
| 1677 | + #bbpress-forums li.bbp-header { | |
| 1678 | + overflow: hidden; | |
| 1679 | + } | |
| 1680 | + | |
| 1681 | + #bbpress-forums li.bbp-footer div.bbp-search-content, | |
| 1682 | + #bbpress-forums li.bbp-footer div.bbp-topic-content, | |
| 1683 | + #bbpress-forums li.bbp-footer div.bbp-reply-content { | |
| 1684 | + display: inline-block; | |
| 1685 | + margin-left: 0; | |
| 1686 | + } | |
| 1687 | + | |
| 1688 | + #bbpress-forums li.bbp-body div.bbp-topic-author, | |
| 1689 | + #bbpress-forums li.bbp-body div.bbp-reply-author { | |
| 1690 | + min-height: 60px; | |
| 1691 | + padding-left: 60px; | |
| 1692 | + } | |
| 1693 | + | |
| 1694 | + #bbpress-forums div.bbp-topic-author img.avatar, | |
| 1695 | + #bbpress-forums div.bbp-reply-author img.avatar { | |
| 1696 | + width: 40px; | |
| 1697 | + height: auto; | |
| 1698 | + } | |
| 1699 | + | |
| 1700 | + #bbpress-forums div.bbp-forum-title h3, | |
| 1701 | + #bbpress-forums div.bbp-topic-title h3, | |
| 1702 | + #bbpress-forums div.bbp-reply-title h3 { | |
| 1703 | + font-size: 12px; | |
| 1704 | + } | |
| 887 | 1705 | } |
