For Hiroto

Hi Hiroto,

To remove badges in ASC replies, I've been trying, in vain, to insert just one line of code from the new 0.62 CSS, into my current ASC CSS (posted below.) Because I do not wish to use the full 0.62--which does work for removing badges--I need to find the proper place to insert, if possible, just this one line of code in to the CSS I am using.

.j-status-level.expertise-tile { display: none !important; }

I've tried placing it, uncommented, in any number of locations in my current ASC CSS, but I can't get it to work there. Thanks in advance for any help you can offer.

This appears beginning line 116 in the 0.62, in this section.

/* Pacify badges 0.62

These four lines, when uncommented, eliminate the display of badges. Some or all of the lines are

commend out. Each comment starts all the way to the left.

*/

/* -------------------------------------------------------------------------------

THREAD CONTENT BROWSER

status level expertise badge

To avoid formatting problems of badges overlapping next post, enable this line.

*/

/* .j-status-level.expertise-tile { display: none !important; } */

/* ------------------------------------------------------------------------------- --

THREAD LIST BROWSER

leader board

*/

/* .jive-widget-leaderboardwidget {display: none !important; } */

Here is my current CSS:

1 /*

2 custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.6)

3

4 Copyright 2014 Hiroto, et. al.

5

6 GNU General Public License

7

8

9

10 This program is free software: you can redistribute it and/or modify

11 it under the terms of the GNU General Public License as published by

12 the Free Software Foundation, version 3

13

14

15

16 This program is distributed in the hope that it will be useful,

17 but WITHOUT ANY WARRANTY; without even the implied warranty of

18 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the

19 GNU General Public License for more details.

20

21

22

23 For a copy of the GNU General Public License

24 see <http://www.gnu.org/licenses/>.

25

26 Change Log:

27 -- Fold versions 0.43 and 0.50 into this version.

28 -- Added media tag to select on screen size.

29 -- Scroll large code listings

30 -- Change color highlights unread posts

31

32

33

34 */

35 @-moz-document

36 url-prefix(https://discussions.apple.com/community/),

37 url-prefix(https://discussions.apple.com/people/),

38 url-prefix(https://discussions.apple.com/content)

39 {

40

41

42

43 /* Scroll code listings. set max-height of syntax highlighted code in thread content browser */

44 .jive-rendered-content .dp-highlighter {

45 max-height: 500px !important;

46 overflow: auto !important;

47 } /* added in v0.6 */

48 /* Scroll code listings. set max-heiht of pre code (visible when javascript is disabled) */

49 .jive-rendered-content pre {

50 max-height: 500px !important;

51 overflow: auto !important;

52 }

53 /* added in v0.6 */

54

55 /* highlights in dark blue unread posts when logged in. added in v0.6 */

56 .j-td-title strong {color:#191970 !important; font-weight: normal !important;}

57

58

59

60 /* Wide screen browser

61 ===================

62

63 This rule set will be fine for normal to wide window whose width is ca. 1265px or greater.

64 However, it will not be beneficial to very narrow window of 700-900px in width.

65 */

66

67

68

69 @media all and (min-width: 1265px) /* added in v0.6 */

70 {

71 /* ------------------------------------------------------------------------------- -----------------

72 BODY

73 */

74 body.j-body-welome, /* Welcome */

75 body.j-body-place, /* Community */

76 body.j-body-yourwork, /* Content */

77 body.j-body-home, /* Activity */

78 body.j-body-yourconnections, /* People */

79 body.j-body-preferences, /* Preferences */

80 body.jive-body-content, /* Thread */

81 body.jive-body-search, /* Search */

82 body.jive-view-profile /* Profile */

83 { /* added in v0.43 */

84 background: white !important;

85 }

86 body {

87 background: white;

88 min-width: 0px !important;

89 }

90 #body-apple {

91 width: 100% !important;

92 min-width: 0px !important;

93 }

94

95

96

97

98 /* ------------------------------------------------------------------------------- -----------------

99 TEXT

100 */

101 /* line spacing */

102 .jive-content { line-height: 1.25 !important; }

103

104

105

106

107 /* ------------------------------------------------------------------------------- -----------------

108 ASC HEADER AREA

109 */

110 #j-header,

111 #j-compact-header,

112 #j-footer { width: 100% !important; }

113

114 /* navigation header (Apple Support Communities ...) */

115 #j-header-wrap {

116 padding: 0px 40px !important;

117 margin: 0px 0px 15px !important;

118 }

119 #j-globalNav-bg {

120 padding: 0pX !important;

121 margin: 0px !important;

122 }

123 #j-satNav { overflow: visible !important; }

124 #jive-breadcrumb { right: 40px !important; }

125

126

127

128

129 /* ------------------------------------------------------------------------------- -----------------

130 ASC TOP PAGE

131 */

132 #jive-widgetframe-body_5780758 > .content-large, /* discussions.apple.com */

133 #jive-widgetframe-body_188974 > .content-large, /* discussionsjapan.apple.com */ /* added in v0.42 */

134 #jive-widgetframe-body_20835 > .content-large /* discussionskorea.apple.com */ /* added in v0.42 */

135 { /* added parent id in v0.41 */

136 text-align: center !important;

137 overflow-x: auto !important;

138 overflow-y: hidden !important;

139 }

140 .apple-communities {

141 display: inline-block !important;

142 width: 1120px !important;

143 text-align: left !important;

144 }

145

146

147

148

149 /* ------------------------------------------------------------------------------- -----------------

150 THREAD LIST BROWSER

151 */

152 /* show author name in 'Latest activity' column in detailed list view of threads */

153 td.j-td-date > span { display : inherit !important; }

154

155

156

157 /* main section */

158 #j-main { padding: 0px !important; }

159

160

161

162 /* table cell title */

163 .jive-table td.jive-table-cell-title { padding: 5px !important; }

164

165 /* thread list view column widths */ /* added in v0.43 */

166 .j-browse-details .j-td-title { max-width: none !important; }

167 .j-browse-details .j-td-date {

168 width: auto !important;

169 max-width: 20% !important;

170 }

171

172

173

174 /* ------------------

175 Hide Like and Bookmark columns in thread list view.

176 */ /* added in v0.43 (optional) */

177 /* ------------------ (currently commented out) */

178 .j-browse-details .j-td-likes,

179 .j-browse-details .j-td-bookmarks { display: none !important; }

180 .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,

181 .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th { display: none !important; }

182 .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th { display: table-cell !important; }

183 /* ------------------ */

184

185

186

187 /* threads list view table tr td */

188 .j-browse-details-tbody tr td { padding: 5px !important; }

189

190

191

192 /* communities list view table tr td */

193 .jive-communities-listing table tr td { padding: 5px !important; }

194

195 /* thumbnails view width */

196 .j-browse-content .j-thumb-view,

197 .j-browse-places .j-browse-thumbnails,

198 .j-browse-people .j-browse-thumbnails { width: 100% !important; }

199

200 /* thumbnail view list item margin */ /* added in v0.43 */

201 .j-browse-content .j-thumb-view > li,

202 .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }

203

204

205

206 /* social actions row */

207 .apple-social-actions-wrapper { margin-right: 0px !important; }

208 .j-thread .j-social-actions { margin-right: 40px !important; }

209

210

211

212 /* apple header, subheader row ("Find helpful contents..." etc )*/ /* fixed in v0.43 */

213 #apple-full-subheader,

214 #apple-activity-subheader {

215 padding: 0px 40px 15px !important;

216 margin-bottom: 15px !important;

217 }

218 #apple-full-header h2,

219 #apple-activity-header h2 { padding: 0px 40px !important; }

220

221

222

223 /* page header */

224 .j-body-place #jive-body > header.j-page-header {

225 margin-left: 40px !important;

226 margin-right: 40px !important;

227 width: auto !important;

228 }

229

230 /* browser filter row */

231 #j-browse-filters { margin-bottom: 5px !important; }

232

233

234

235 /* browser controls row */

236 .j-type-row { margin-bottom: 0px !important; }

237

238

239

240 /* browser controls content types (All Contents|User Tips|Discussions) width */

241 #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }

242

243 /* browser controls view toggle (Thumbnails|Details) width */

244 #js-browse-controls #j-item-view-toggle {

245 width: 10% !important;

246 display: table !important;

247 }

248

249

250

251 /* content filter row (All|Open|Answered|Threads) */

252 .j-content-filter {

253 background: white !important;

254 margin-bottom: 10px !important;

255 }

256

257 /* container canvas */

258 .j-contained {

259 margin-left: 40px !important;

260 margin-right: 40px !important;

261 }

262

263

264

265 /* category filter bar */

266 .jive-content-filter {

267 left: 0px !important;

268 width: 80% !important;

269 }

270 .touchcarousel-wrapper { width: 100% !important; }

271 .touchcarousel .tc-paging-container { width: 90% !important; } /* added in v0.41 */

272

273

274

275 /* more search results available */

276 #j-more-search-results-available { padding: 10px !important; }

277

278 /* misc */

279 .jive-widget { margin-bottom: 10px !important; }

280 .j-column { margin-bottom: 10px !important; }

281

282

283

284

285 /* ------------------

286 Treatment for narrow window

287 Method 1 (minimum optimisation)

288

289

290

291 Adjust thread list table's shift and margin to maximize its width.

292 */ /* added in v0.43 */

293 .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }

294 .j-layout-sl.j-browse-content .j-column-l { margin-left: 166px !important; }

295 .j-layout-sl.j-browse-content .j-column-s { width: 166px !important; }

296 /* ------------------ */

297

298

299

300 /* ------------------

301 Swap left-right positions of thread list table and sidebar ui (filters & actions)

302 */ /* fixed in v0.43 */

303 /* let thread list table float left */

304 .j-layout-sl.j-browse-content .j-column-wrap-l,

305 .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }

306

307

308

309 /* let sidebar ui float right */

310 .j-layout-sl.j-browse-content .j-column-s,

311 .j-layout-sl.j-browse-places .j-column-s { float: right !important; }

312 /* ------------------ */

313

314

315

316

317 /* ------------------------------------------------------------------------------- -----------------

318 THREAD CONTENT BROWSER

319 */

320 /* thread header */

321 .apple-thread-header {

322 width: auto !important;

323 margin-bottom: 10px !important;

324 margin-left: 40px !important;

325 }

326

327 /* thread original post */

328 .j-thread .jive-content { margin: 0px 40px 0px 140px !important; }

329

330 /* thread replies ul */

331 ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }

332

333 /* thread reply li */

334 .jive-discussion-replies li.reply { margin-top: 15px !important; }

335

336

337

338 /* thread view indent */

339 .jive-discussion-indent-1 li.reply { padding-left: 15px !important; }

340

341 /* thread info */

342 .jive-thread-info {

343 padding: 10px 40px !important;

344 margin: 0px !important;

345 }

346

347 /* thread answer rollup */

348 .j-answer-rollup { margin: 30px 0px !important; }

349

350 /* thread post header (poster, date, response to) */

351 .j-thread-post > header {

352 padding: 10px 20px 0px 20px !important;

353 margin-bottom: 12px !important;

354 }

355

356 /* thread post section (message body) */

357 .j-thread-post section {

358 padding: 0px 20px !important;

359 margin-bottom: 6px !important;

360 }

361

362 /* thread post footer (Like|Reply etc) */

363 .j-thread-post footer { padding: 0px 15px !important; }

364 .j-thread-post footer > ul { padding: 2px !important; }

365 .j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }

366

367

368

369 /* thread rendered content */

370 .jive-rendered-content { padding-bottom: 4px !important; }

371

372 /* thread rendered content quote & pre */

373 .jive-rendered-content .jive-quote,

374 .jive-rendered-content .jive-pre {

375 margin: 5px 15px !important;

376 }

377

378

379

380 /* thread reply footer (Return to Community|Go to original post) */

381 #jive-thread-reply-footer { margin-top: 10px !important; }

382

383 /* more like this links, incomming links */

384 #apple-related-threads { margin: 0px 40px !important; }

385 #apple-related-threads .j-box { margin-bottom: 0px !important; }

386 .j-icon-list li { padding: 3px 0px 3px 22px !important; }

387

388

389

390

391 /* ------------------------------------------------------------------------------- -----------------

392 INLINE EDITOR

393 */

394 /* editor */

395 .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }

396

397

398

399

400 /* ------------------------------------------------------------------------------- -----------------

401 ADVANCED EDITOR

402 */

403 /* content area */

404 .j-thread .jive-content.jive-create-thread,

405 .jive-body-formpage-document .jive-content.doc-page {

406 margin: 0px 40px !important;

407 padding: 0px !important;

408 }

409

410

411

412 /* header */

413 .j-thread .jive-content.jive-create-thread h2,

414 .jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }

415

416

417

418 /* editor panel */

419 .j-thread .jive-content.jive-create-thread #jive-compose-title,

420 .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,

421 .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,

422 .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }

423

424

425

426 /* line height in editor */

427 body.tiny_mce_content { line-height: inherit !important; }

428

429

430

431 /* replying to */

432 .jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }

433

434

435

436 /* buttons (Reply|Cancel) */

437 .j-publishbar,

438 .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }

439

440

441

442

443 /* ------------------------------------------------------------------------------- -----------------

444 ACTIVITY STREAM

445 */

446 /* activity entry */

447 .j-act-entry { padding: 5px 0px 10px 100px !important; }

448

449

450

451 /* activity title */

452 .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }

453

454

455

456 /* activity body & comment */ /* added in v0.43 */

457 .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }

458 .apple-activity-comments-wrapper { margin-left: 0px !important; }

459

460

461

462 /* Like list */

463 .j-act-grouped .j-act-g-item { padding: 3px !important; }

464

465

466 /* ------------------------------------------------------------------------------- -----------------

467 SEARCH RESULTS

468 */

469 /* search result entry */

470 .j-search-results-main-container .j-search-result { padding: 10px !important; } /* added in v0.43 */

471

472

473

474

475 /* ------------------------------------------------------------------------------- -----------------

476 DOC (USER TIP)

477 */ /* added in v0.43 */

478 /* user tip canvas */

479 .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }

480

481

482

483

484 /* ------------------------------------------------------------------------------- -----------------

485 PROFILE

486 */ /* added in v0.43 */

487 /* header & navigation bar (Bio|Activity|Content|Communities) */

488 .j-view-profile .j-page-header { padding: 10px 40px !important; }

489 .j-bigtab-nav { margin: 10px 40px !important; }

490

491 /* Bio */

492 .j-layout-l .j-column-wrap-l { width: 100% !important; }

493

494

495

496 /* Communities (places) sidebar ui blue marker adjustment

497 (according to the sidebar width changed to 166px from 180px for selector: .j-layout-sl.j-browse-places .j-column-s

498 in PLACES section) */

499 .j-view-profile .j-second-nav ul > li.active { width: 156px !important; }

500

501

502

503

504 /* ------------------------------------------------------------------------------- -----------------

505 PLACES

506 */ /* added in v0.43 */

507 /* latest activity column */

508 .j-browse-details .j-td-activity { max-width: 650px !important; }

509

510

511

512

513 /* ------------------

514 Treatment for narrow window

515 Method 1 (minimum optimisation)

516

517

518

519 Adjust community list table's shift and margin to maximize its width.

520 */ /* added in v0.43 */

521 .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }

522 .j-layout-sl.j-browse-places .j-column-l { margin-left: 166px !important; }

523 .j-layout-sl.j-browse-places .j-column-l { padding-left: 0px !important; }

524 .j-layout-sl.j-browse-places .j-column-s { width: 166px !important; }

525 /* ------------------ */

526 } /* end of wide screen */

527

528

529

530 @media all and (max-width: 1265px) /* added in v0.6 */

531 {

532 /* styles for small screens ( narrow browsers window )

533 ========================

534

535 Narrow is basically the same as the above wide screen browser except that this lets the sidebar

536 column (filter column) in list view be pushed down or up in layout flow to make room for the main

537 column (table column) when the window is not wide enough. It is done by setting margin-left and

538 padding-left of main column to 0 and setting max-width of main column, which is currently 1019px.

539 Consequently, if window width is less than 1265px (= 40 (margin-left) + 1019 (main column) + 166

540 (sidebar colum) + 40 (margin-right)), sidebar column is pushed down or up according to document

541 tree order. This rule set is intended to be useful for normal to narrow window whose width is in

542 range ca. 700-1400px. It can be used for wider window as well but there's no point to set the

543 max-width of main column in order to move sidebar column when the window is wide enough.

544

545 custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.5) */

546

547 /* ------------------------------------------------------------------------------- -----------------

548 BODY

549 */

550 body.j-body-welome, /* Welcome */

551 body.j-body-place, /* Community */

552 body.j-body-yourwork, /* Content */

553 body.j-body-home, /* Activity */

554 body.j-body-yourconnections, /* People */

555 body.j-body-preferences, /* Preferences */

556 body.jive-body-content, /* Thread */

557 body.jive-body-search, /* Search */

558 body.jive-view-profile /* Profile */

559 { /* added in v0.43 */

560 background: white !important;

561 }

562 body {

563 background: white;

564 min-width: 0px !important;

565 }

566 #body-apple {

567 width: 100% !important;

568 min-width: 0px !important;

569 }

570

571

572

573

574 /* ------------------------------------------------------------------------------- -----------------

575 TEXT

576 */

577 /* line spacing */

578 .jive-content { line-height: 1.25 !important; }

579

580

581

582

583 /* ------------------------------------------------------------------------------- -----------------

584 ASC HEADER AREA

585 */

586 #j-header,

587 #j-compact-header,

588 #j-footer { width: 100% !important; }

589

590 /* navigation header (Apple Support Communities ...) */

591 #j-header-wrap {

592 padding: 0px 40px !important;

593 margin: 0px 0px 15px !important;

594 }

595 #j-globalNav-bg {

596 padding: 0pX !important;

597 margin: 0px !important;

598 }

599 #j-satNav { overflow: visible !important; }

600 #jive-breadcrumb { right: 40px !important; }

601

602

603

604

605 /* ------------------------------------------------------------------------------- -----------------

606 ASC TOP PAGE

607 */

608 #jive-widgetframe-body_5780758 > .content-large, /* discussions.apple.com */

609 #jive-widgetframe-body_188974 > .content-large, /* discussionsjapan.apple.com */ /* added in v0.42 */

610 #jive-widgetframe-body_20835 > .content-large /* discussionskorea.apple.com */ /* added in v0.42 */

611 { /* added parent id in v0.41 */

612 text-align: center !important;

613 overflow-x: auto !important;

614 overflow-y: hidden !important;

615 }

616 .apple-communities {

617 display: inline-block !important;

618 width: 1120px !important;

619 text-align: left !important;

620 }

621

622

623

624

625 /* ------------------------------------------------------------------------------- -----------------

626 THREAD LIST BROWSER

627 */

628 /* show author name in 'Latest activity' column in detailed list view of threads */

629 td.j-td-date > span { display : inherit !important; }

630

631

632

633 /* main section */

634 #j-main { padding: 0px !important; }

635

636

637

638 /* table cell title */

639 .jive-table td.jive-table-cell-title { padding: 5px !important; }

640

641 /* thread list view column widths */ /* added in v0.43 */

642 .j-browse-details .j-td-title { max-width: none !important; }

643 .j-browse-details .j-td-date {

644 width: auto !important;

645 max-width: 20% !important;

646 }

647

648

649

650 /* ------------------

651 Hide Like and Bookmark columns in thread list view.

652 */ /* added in v0.43 */

653 /* ------------------ display in small screen changed 0.6 */

654 .j-browse-details .j-td-likes,

655 .j-browse-details .j-td-bookmarks { display: none !important; }

656 .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,

657 .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th { display: none !important; }

658 .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th { display: table-cell !important; }

659 /* ------------------ */

660

661

662

663 /* threads list view table tr td */

664 .j-browse-details-tbody tr td { padding: 5px !important; }

665

666

667

668 /* communities list view table tr td */

669 .jive-communities-listing table tr td { padding: 5px !important; }

670

671 /* thumbnails view width */

672 .j-browse-content .j-thumb-view,

673 .j-browse-places .j-browse-thumbnails,

674 .j-browse-people .j-browse-thumbnails { width: 100% !important; }

675

676 /* thumbnail view list item margin */ /* added in v0.43 */

677 .j-browse-content .j-thumb-view > li,

678 .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }

679

680

681

682 /* social actions row */

683 .apple-social-actions-wrapper { margin-right: 0px !important; }

684 .j-thread .j-social-actions { margin-right: 40px !important; }

685

686

687

688 /* apple header, subheader row ("Find helpful contents..." etc )*/ /* fixed in v0.43 */

689 #apple-full-subheader,

690 #apple-activity-subheader {

691 padding: 0px 40px 15px !important;

692 margin-bottom: 15px !important;

693 }

694 #apple-full-header h2,

695 #apple-activity-header h2 { padding: 0px 40px !important; }

696

697

698

699 /* page header */

700 .j-body-place #jive-body > header.j-page-header {

701 margin-left: 40px !important;

702 margin-right: 40px !important;

703 width: auto !important;

704 }

705

706 /* browser filter row */

707 #j-browse-filters { margin-bottom: 5px !important; }

708

709

710

711 /* browser controls row */

712 .j-type-row { margin-bottom: 0px !important; }

713

714

715

716 /* browser controls content types (All Contents|User Tips|Discussions) width */

717 #js-browse-controls .j-type-row .j-content-types { width: 90% !important; }

718

719 /* browser controls view toggle (Thumbnails|Details) width */

720 #js-browse-controls #j-item-view-toggle {

721 width: 10% !important;

722 display: table !important;

723 }

724

725

726

727 /* content filter row (All|Open|Answered|Threads) */

728 .j-content-filter {

729 background: white !important;

730 margin-bottom: 10px !important;

731 }

732

733 /* container canvas */

734 .j-contained {

735 margin-left: 40px !important;

736 margin-right: 40px !important;

737 }

738

739

740

741 /* category filter bar */

742 .jive-content-filter {

743 left: 0px !important;

744 width: 80% !important;

745 }

746 .touchcarousel-wrapper { width: 100% !important; }

747 .touchcarousel .tc-paging-container { width: 90% !important; } /* added in v0.41 */

748

749

750

751 /* more search results available */

752 #j-more-search-results-available { padding: 10px !important; }

753

754 /* misc */

755 .jive-widget { margin-bottom: 10px !important; }

756 .j-column { margin-bottom: 10px !important; }

757

758

759

760

761 /* ------------------

762 Treatment for narrow window

763 Method 1 (minimum optimisation)

764

765

766

767 Adjust thread list table's shift and margin to maximize its width.

768 */ /* added in v0.43 */

769 /* ------------------ (currently commented out)

770 .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }

771 .j-layout-sl.j-browse-content .j-column-l { margin-left: 166px !important; }

772 .j-layout-sl.j-browse-content .j-column-s { width: 166px !important; }

773 ------------------ */

774 /* ------------------

775 Treatment for narrow window

776 Method 2 (more beneficial to narrow window but has disadvantage for wide window)

777

778 Let thread list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).

779 If window is wide enough (>=1265px), sidebar ui is displayed next to thread list table,

780 otherwise it is displayed below or above it (depending upon its document tree order).

781

782 * sidebar width (constant) = 166px

783 * thread table max width = 1019px

784 * canvas margin-left = 40px

785 * canvas margin-right = 40px

786 ---------------------------------------

787 * total = 1265px

788 */ /* added in v0.5 */

789 /* ------------------ (currently active) */

790 .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }

791 .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }

792 .j-layout-sl.j-browse-content .j-column-l { margin-left: 0px !important; }

793 .j-layout-sl.j-browse-content .j-column-s { width: 166px !important; }

794 /* ------------------ */

795

796

797

798 /* ------------------

799 Swap left-right positions of thread list table and sidebar ui (filters & actions)

800 */ /* fixed in v0.43 */

801 /* let thread list table float left */

802 .j-layout-sl.j-browse-content .j-column-wrap-l,

803 .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }

804

805

806

807 /* let sidebar ui float right */

808 .j-layout-sl.j-browse-content .j-column-s,

809 .j-layout-sl.j-browse-places .j-column-s { float: right !important; }

810 /* ------------------ */

811

812

813

814

815 /* ------------------------------------------------------------------------------- -----------------

816 THREAD CONTENT BROWSER

817 */

818 /* thread header */

819 .apple-thread-header {

820 width: auto !important;

821 margin-bottom: 10px !important;

822 margin-left: 40px !important;

823 }

824

825 /* thread original post */

826 .j-thread .jive-content { margin: 0px 40px 0px 140px !important; }

827

828 /* thread replies ul */

829 ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }

830

831 /* thread reply li */

832 .jive-discussion-replies li.reply { margin-top: 15px !important; }

833

834

835

836 /* thread view indent */

837 .jive-discussion-indent-1 li.reply { padding-left: 15px !important; }

838

839 /* thread info */

840 .jive-thread-info {

841 padding: 10px 40px !important;

842 margin: 0px !important;

843 }

844

845 /* thread answer rollup */

846 .j-answer-rollup { margin: 30px 0px !important; }

847

848 /* thread post header (poster, date, response to) */

849 .j-thread-post > header {

850 padding: 10px 20px 0px 20px !important;

851 margin-bottom: 12px !important;

852 }

853

854 /* thread post section (message body) */

855 .j-thread-post section {

856 padding: 0px 20px !important;

857 margin-bottom: 6px !important;

858 }

859

860 /* thread post footer (Like|Reply etc) */

861 .j-thread-post footer { padding: 0px 15px !important; }

862 .j-thread-post footer > ul { padding: 2px !important; }

863 .j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }

864

865

866

867 /* thread rendered content */

868 .jive-rendered-content { padding-bottom: 4px !important; }

869

870 /* thread rendered content quote & pre */

871 .jive-rendered-content .jive-quote,

872 .jive-rendered-content .jive-pre {

873 margin: 5px 15px !important;

874 }

875

876

877

878 /* thread reply footer (Return to Community|Go to original post) */

879 #jive-thread-reply-footer { margin-top: 10px !important; }

880

881 /* more like this links, incomming links */

882 #apple-related-threads { margin: 0px 40px !important; }

883 #apple-related-threads .j-box { margin-bottom: 0px !important; }

884 .j-icon-list li { padding: 3px 0px 3px 22px !important; }

885

886

887

888

889 /* ------------------------------------------------------------------------------- -----------------

890 INLINE EDITOR

891 */

892 /* editor */

893 .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }

894

895

896

897

898 /* ------------------------------------------------------------------------------- -----------------

899 ADVANCED EDITOR

900 */

901 /* content area */

902 .j-thread .jive-content.jive-create-thread,

903 .jive-body-formpage-document .jive-content.doc-page {

904 margin: 0px 40px !important;

905 padding: 0px !important;

906 }

907

908

909

910 /* header */

911 .j-thread .jive-content.jive-create-thread h2,

912 .jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }

913

914

915

916 /* editor panel */

917 .j-thread .jive-content.jive-create-thread #jive-compose-title,

918 .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,

919 .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,

920 .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }

921

922

923

924 /* line height in editor */

925 body.tiny_mce_content { line-height: inherit !important; }

926

927

928

929 /* replying to */

930 .jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }

931

932

933

934 /* buttons (Reply|Cancel) */

935 .j-publishbar,

936 .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }

937

938

939

940

941 /* ------------------------------------------------------------------------------- -----------------

942 ACTIVITY STREAM

943 */

944 /* activity entry */

945 .j-act-entry { padding: 5px 0px 10px 100px !important; }

946

947

948

949 /* activity title */

950 .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }

951

952

953

954 /* activity body & comment */ /* added in v0.43 */

955 .j-body-home .j-act-init,

956 .j-view-profile .j-act-init { padding: 5px 0px 10px 100px !important; }

957 .apple-activity-comments-wrapper { margin-left: 0px !important; }

958

959

960

961 /* Like list */

962 .j-act-grouped .j-act-g-item { padding: 3px !important; }

963

964

965 /* ------------------------------------------------------------------------------- -----------------

966 SEARCH RESULTS

967 */

968 /* search result entry */

969 .j-search-results-main-container .j-search-result { padding: 10px !important; } /* added in v0.43 */

970

971

972

973

974 /* ------------------------------------------------------------------------------- -----------------

975 DOC (USER TIP)

976 */ /* added in v0.43 */

977 /* user tip canvas */

978 .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }

979

980

981

982

983 /* ------------------------------------------------------------------------------- -----------------

984 PROFILE

985 */ /* added in v0.43 */

986 /* header & navigation bar (Bio|Activity|Content|Communities) */

987 .j-view-profile .j-page-header { padding: 10px 40px !important; }

988 .j-bigtab-nav { margin: 10px 40px !important; }

989

990 /* Bio */

991 .j-layout-l .j-column-wrap-l { width: 100% !important; }

992

993

994

995 /* Communities (places) sidebar ui blue marker adjustment

996 (according to the sidebar width changed to 166px from 180px for selector: .j-layout-sl.j-browse-places .j-column-s

997 in PLACES section) */

998 .j-view-profile .j-second-nav ul > li.active { width: 156px !important; }

999

1000

1001

1002

1003 /* ------------------------------------------------------------------------------- -----------------

1004 PLACES

1005 */ /* added in v0.43 */

1006 /* latest activity column */

1007 .j-browse-details .j-td-activity { max-width: 650px !important; }

1008

1009

1010

1011

1012 /* ------------------

1013 Treatment for narrow window

1014 Method 1 (minimum optimisation)

1015

1016

1017

1018 Adjust community list table's shift and margin to maximize its width.

1019 */ /* added in v0.43 */

1020 /* ------------------ (currently commented out)

1021 .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }

1022 .j-layout-sl.j-browse-places .j-column-l { margin-left: 166px !important; }

1023 .j-layout-sl.j-browse-places .j-column-s { width: 166px !important; }

1024 ------------------ */

1025 /* ------------------

1026 Treatment for narrow window

1027 Method 2 (more beneficial to narrow window but has disadvantage for wide window)

1028

1029 Let community list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).

1030 If window is wide enough (>=1265px), sidebar ui is displayed next to community list table,

1031 otherwise it is displayed below or above it (depending upon its document tree order).

1032

1033 * sidebar width (constant) = 166px

1034 * community table max width = 1019px

1035 * canvas margin-left = 40px

1036 * canvas margin-right = 40px

1037 ---------------------------------------

1038 * total = 1265px

1039 */ /* added in v0.5 */

1040 /* ------------------ (currently active) */

1041 .j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }

1042 .j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }

1043 .j-layout-sl.j-browse-places .j-column-l { margin-left: 0px !important; }

1044 .j-layout-sl.j-browse-places .j-column-l { padding-left: 0px !important; }

1045 .j-layout-sl.j-browse-places .j-column-s { width: 166px !important; }

1046 /* ------------------ */

1047

1048

1049

1050

1051 } /* end of narrow browsers. */

1052 } /* end of moz-document */