I made up a hacked userContent.css file from Hiroto's post. I notice that I like his earlier file for list and his later file for threads. I make a hack that uses url-prefix to split out urls to go the best css lists and threads.
Both content lists and threads are displaying nice.
/*
custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.5) rc
Rc noticed that the version 0.3 worked fined for lists, but not for threads.
This hack splits out the rules so to make both lists and threads look nice.
Examples of the urls to filter
content list type:
https://discussions.apple.com/people/rccharles/content?filterID=participated
Thread with list of posts
https://discussions.apple.com/thread/6453552
reply is the same
https://discussions.apple.com/thread/6453552
This is a hack. The rules could be simplified. rc
*/
/* for thread and reply rc */
@-moz-document
url-prefix(https://discussions.apple.com/thread/),
url-prefix(https://discussionsjapan.apple.com/thread/),
url-prefix(https://discussionskorea.apple.com/thread/)
{
/* ------------------------------------------------
BODY
*/
body {
background: white;
min-width: 0px !important;
}
#body-apple {
width: 100% !important;
min-width: 0px !important;
}
/* ------------------------------------------------
TEXT
*/
/* line spacing */
.jive-content { line-height: 1.25 !important; }
/* ------------------------------------------------
ASC HEADER AREA
*/
#j-header,
#j-compact-header,
#j-footer { width: 100% !important; }
/* navigation header (Apple Support Communities ...) */
#j-header-wrap {
padding: 0px 40px !important;
margin: 0px 0px 15px !important;
}
#j-globalNav-bg {
padding: 0pX !important;
margin: 0px !important;
}
#j-satNav { overflow: visible !important; }
#jive-breadcrumb { right: 40px !important; }
/* ------------------------------------------------
ASC TOP PAGE
*/
#jive-widgetframe-body_5780758 > .content-large, /* discussions.apple.com */
#jive-widgetframe-body_188974 > .content-large, /* discussionsjapan.apple.com */ /* added in v0.42 */
#jive-widgetframe-body_20835 > .content-large /* discussionskorea.apple.com */ /* added in v0.42 */
{ /* added parent id in v0.41 */
text-align: center !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.apple-communities {
display: inline-block !important;
width: 1120px !important;
text-align: left !important;
}
/* ------------------------------------------------
THREAD LIST BROWSER
*/
/* show author name in 'Latest activity' column in detailed list view of threads */
td.j-td-date > span { display : inherit !important; }
/* main section */
#j-main { padding: 0px !important; }
/* table cell title */
.jive-table td.jive-table-cell-title { padding: 5px !important; }
/* threads list view table tr td */
.j-browse-details-tbody tr td { padding: 5px !important; }
/* communities list view table tr td */
.jive-communities-listing table tr td { padding: 5px !important; }
/* thumbnails view width */
.j-browse-content .j-thumb-view,
.j-browse-places .j-browse-thumbnails,
.j-browse-people .j-browse-thumbnails { width: 100% !important; }
/* social actions row */
.apple-social-actions-wrapper { margin-right: 0px !important; }
.j-thread .j-social-actions { margin-right: 40px !important; }
/* apple subheader row ("Find helpful contents and discussions" etc )*/
#apple-full-subheader,
#apple-activity-subheader {
padding: 0px 80px 15px !important;
margin-bottom: 15px !important;
}
/* page header */
.j-body-place #jive-body > header.j-page-header {
margin-left: 40px !important;
margin-right: 40px !important;
width: auto !important;
}
/* browser filter row */
#j-browse-filters { margin-bottom: 5px !important; }
/* browser controls row */
.j-type-row { margin-bottom: 0px !important; }
/* browser controls content types (All Contents|User Tips|Discussions) width */
#js-browse-controls .j-type-row .j-content-types {
width: 90% !important;
}
/* browser controls view toggle (Thumbnails|Details) width */
#js-browse-controls #j-item-view-toggle {
width: 10% !important;
display: table !important;
}
/* content filter row (All|Open|Answered|Threads) */
.j-content-filter {
background: white !important;
margin-bottom: 10px !important;
}
/* container canvas */
.j-contained {
margin-left: 40px !important;
margin-right: 40px !important;
}
/* category filter bar */
.jive-content-filter {
left: 0px !important;
width: 80% !important;
}
.touchcarousel-wrapper { width: 100% !important; }
.touchcarousel .tc-paging-container { width: 90% !important; } /* added in v0.41 */
/* more search results available */
#j-more-search-results-available { padding: 10px !important; }
/* misc */
.jive-widget { margin-bottom: 10px !important; }
.j-column { margin-bottom: 10px !important; }
/* ------------------
swap left-right positions of threads table and sidebar ui (filters & actions)
*/
/* threads table float left */
.j-layout-sl .j-column-wrap-l { float: left !important; }
/* sidebar ui float right */
.j-layout-sl .j-column-s { font-size: xx-smallwidth !important; width: 1% !important; float: right !important; visibility: collapse !important;} /* rc */
/* ------------------ */
/* ------------------------------------------------
THREAD CONTENT BROWSER
*/
/* thread header */
.apple-thread-header {
width: auto !important;
margin-bottom: 10px !important;
margin-left: 40px !important;
}
/* thread original post */
.j-thread .jive-content { margin: 0px 40px 0px 140px !important; }
/* thread replies ul */
ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
/* thread reply li */
.jive-discussion-replies li.reply { margin-top: 15px !important; }
/* thread view indent */
.jive-discussion-indent-1 li.reply { padding-left: 15px !important; }
/* thread info */
.jive-thread-info {
padding: 10px 40px !important;
margin: 0px !important;
}
/* thread answer rollup */
.j-answer-rollup { margin: 30px 0px !important; }
/* thread post header (poster, date, response to) */
.j-thread-post > header {
padding: 10px 20px 0px 20px !important;
margin-bottom: 12px !important;
}
/* thread post section (message body) */
.j-thread-post section {
padding: 0px 20px !important;
margin-bottom: 6px !important;
}
/* thread post footer (Like|Reply etc) */
.j-thread-post footer { padding: 0px 15px !important; }
.j-thread-post footer > ul { padding: 2px !important; }
.j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }
/* thread rendered content */
.jive-rendered-content { padding-bottom: 4px !important; }
/* thread rendered content quote & pre */
.jive-rendered-content .jive-quote,
.jive-rendered-content .jive-pre {
margin: 5px 15px !important;
}
/* thread reply footer (Return to Community|Go to original post) */
#jive-thread-reply-footer { margin-top: 10px !important; }
/* more like this links, incomming links */
#apple-related-threads { margin: 0px 40px !important; }
#apple-related-threads .j-box { margin-bottom: 0px !important; }
.j-icon-list li { padding: 3px 0px 3px 22px !important; }
/* ---------------------------
INLINE EDITOR
*/
/* editor */
.jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
/* ---------------------------
ADVANCED EDITOR
*/
/* content area */
.j-thread .jive-content.jive-create-thread,
.jive-body-formpage-document .jive-content.doc-page {
margin: 0px 40px !important;
padding: 0px !important;
}
/* header */
.j-thread .jive-content.jive-create-thread h2,
.jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }
/* editor panel */
.j-thread .jive-content.jive-create-thread #jive-compose-title,
.j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
.jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
.jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
/* line height in editor */
body.tiny_mce_content { line-height: inherit !important; }
/* replying to */
.jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }
/* buttons (Reply|Cancel) */
.j-publishbar,
.jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
/* ---------------------------
ACTIVITY STREAM
*/
/* activity entry */
.j-act-entry { padding: 5px 0px 10px 100px !important; }
/* activity title */
.j-body-home .j-act-title { padding: 10px 0px 5px 24px !important; }
/* Like list */
.j-act-grouped .j-act-g-item { padding: 3px !important; }
/* ---------------------------
SEARCH RESULTS
*/
.jive-body-search .j-layout-sl .j-column-wrap-l { margin-left: 0px !important; } /* added in v0.41 */
}
/* This is version 0.3 with changed moz-document selection.
Let's the list range past the right edge of the panel. In effect, we are hidding the
filters and actions.
This is a hack. The rules could be simplified. rc
custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.3)
*/
@-moz-document
url-prefix(https://discussions.apple.com/community/),
url-prefix(https://discussions.apple.com/people/),
url-prefix(https://discussionsjapan.apple.com/community/),
url-prefix(https://discussionsjapan.apple.com/people/),
url-prefix(https://discussionskorea.apple.com/community/),
url-prefix(https://discussionskorea.apple.com/people/)
{
/* ------------------------------------------------
BODY
*/
body { background: white; }
#body-apple { width: 100% !important; }
/* ------------------------------------------------
TEXT
*/
/* line spacing */
.jive-content { line-height: 1.25 !important; }
/* ------------------------------------------------
ASC TOP PAGE
*/
.content-large { text-align: center !important; }
.apple-communities {
display: inline-block !important;
width: 1120px !important;
text-align: left !important;
}
/* ------------------------------------------------
THREAD LIST BROWSER
*/
/* show author name in 'Latest activity' column in detailed list view of threads */
td.j-td-date > span { display : inherit !important; }
/* main section */
#j-main { padding: 0px !important; }
/* table cell title */
.jive-table td.jive-table-cell-title { padding: 5px !important; }
/* threads list view table tr td */
.j-browse-details-tbody tr td { padding: 5px !important; }
/* communities list view table tr td */
.jive-communities-listing table tr td { padding: 5px !important; }
/* thumbnails view width */
.j-browse-content .j-thumb-view,
.j-browse-places .j-browse-thumbnails,
.j-browse-people .j-browse-thumbnails { width: 100% !important; }
/* social actions row */
.apple-social-actions-wrapper { margin-right: 0px !important; }
.j-thread .j-social-actions { margin-right: 40px !important; }
/* apple subheader row ("Find helpful contents and discussions" etc )*/
#apple-full-subheader,
#apple-activity-subheader {
padding: 0px 80px 15px !important;
margin-bottom: 15px !important;
}
/* page header */
.j-body-place #jive-body > header.j-page-header {
margin-left: 40px !important;
margin-right: 40px !important;
width: auto !important;
}
/* browser filter row */
#j-browse-filters { margin-bottom: 5px !important; }
/* browser controls row */
.j-type-row { margin-bottom: 0px !important; }
/* browser controls content types (All Contents|User Tips|Discussions) width */
#js-browse-controls .j-type-row .j-content-types {
width: 90% !important;
}
/* browser controls view toggle (Thumbnails|Details) width */
#js-browse-controls #j-item-view-toggle {
width: 10% !important;
display: table !important;
}
/* content filter row (All|Open|Answered|Threads) */
.j-content-filter {
background: white !important;
margin-bottom: 10px !important;
}
/* container canvas */
.j-contained {
margin-left: 40px !important;
margin-right: 40px !important;
}
/* category filter bar */
.jive-content-filter {
left: 0px !important;
width: 80% !important;
}
.touchcarousel-wrapper { width: 100% !important; }
/* more search results available */
#j-more-search-results-available { padding: 10px !important; }
/* misc */
.jive-widget { margin-bottom: 10px !important; }
.j-column { margin-bottom: 10px !important; }
/* ------------------
swap left-right positions of threads table and sidebar ui (filters & actions)
*/
/* threads table float left */
.j-layout-sl .j-column-wrap-l { float: left !important; }
/* sidebar ui float right */
.j-layout-sl .j-column-s { float: right !important; }
/* ------------------ */
/* ------------------------------------------------
THREAD CONTENT BROWSER
*/
/* thread header */
.apple-thread-header {
width: auto !important;
margin-bottom: 10px !important;
margin-left: 40px !important;
}
/* thread original post */
.j-thread .jive-content { margin: 0px 40px 0px 140px !important; }
/* thread replies ul */
ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
/* thread reply li */
.jive-discussion-replies li.reply { margin-top: 15px !important; }
/* thread view indent */
.jive-discussion-indent-1 li.reply { padding-left: 15px !important; }
/* thread info */
.jive-thread-info {
padding: 10px 40px !important;
margin: 0px !important;
}
/* thread answer rollup */
.j-answer-rollup { margin: 30px 0px !important; }
/* thread post header (poster, date, response to) */
.j-thread-post > header {
padding: 10px 20px 0px 20px !important;
margin-bottom: 12px !important;
}
/* thread post section (message body) */
.j-thread-post section {
padding: 0px 20px !important;
margin-bottom: 6px !important;
}
/* thread post footer (Like|Reply etc) */
.j-thread-post footer { padding: 0px 15px !important; }
.j-thread-post footer > ul { padding: 2px !important; }
.j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }
/* thread rendered content */
.jive-rendered-content { padding-bottom: 4px !important; }
/* thread rendered content quote & pre */
.jive-rendered-content .jive-quote,
.jive-rendered-content .jive-pre {
margin: 5px 15px !important;
}
/* thread reply footer (Return to Community|Go to original post) */
#jive-thread-reply-footer { margin-top: 10px !important; }
/* more like this links, incomming links */
#apple-related-threads { margin: 0px 40px !important; }
#apple-related-threads .j-box { margin-bottom: 0px !important; }
.j-icon-list li { padding: 3px 0px 3px 22px !important; }
/* ---------------------------
INLINE EDITOR
*/
/* editor */
.jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
/* ---------------------------
ADVANCED EDITOR
*/
/* content area */
.j-thread .jive-content.jive-create-thread,
.jive-body-formpage-document .jive-content.doc-page {
margin: 0px 40px !important;
padding: 0px !important;
}
/* header */
.j-thread .jive-content.jive-create-thread h2,
.jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }
/* editor panel */
.j-thread .jive-content.jive-create-thread #jive-compose-title,
.j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
.jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
.jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
/* line height in editor */
body.tiny_mce_content { line-height: inherit !important; }
/* replying to */
.jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }
/* buttons (Reply|Cancel) */
.j-publishbar,
.jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
/* ---------------------------
ACTIVITY STREAM
*/
/* activity entry */
.j-act-entry { padding: 5px 0px 10px 100px !important; }
/* activity title */
.j-body-home .j-act-title { padding: 10px 0px 5px 24px !important; }
/* Like list */
.j-act-grouped .j-act-g-item { padding: 3px !important; }
}
rccharles
Level 6
(8,516 points)
