rccharles
Level 6
(8,516 points)
Classic Mac OS
Q: Am I missing something in the recommended list?
I followed the recommendation in the doc-7311. I add the word content after the link. I click on discussions.
I am missing the original posters name and the last posters name. If the discussion has not been answered, and the original poster was also the last poster, I figure there is a good chance the original poster still has a question.
Is the best the 2014 forums can do?
Robert
by Hiroto,Solvedanswer
Hiroto
Level 5
(7,348 points)
Hello
As for the said problem of the posted styles which makes the syntax highlighted code invisible in advanced editor, I found the offending rule is -
{ background: white !important; }
Replacing it with the following one solves the issue.
{ background: white; }
I post the revised CSS rules (v 0.3) below, which also include some additional rules for reducing white spaces in inline editor, advanced editor and activity stream.
And as for learning materials, I forgot to mention the primary document I consult constantly -
http://www.w3.org/TR/CSS21/css2.pdf
All the best,
H
/*
custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.3)
*/
@-moz-document
domain(discussions.apple.com),
domain(discussionsjapan.apple.com),
domain(discussionskorea.apple.com)
{
/* ------------------------------------------------
BODY
*/
{ background: white; }
#-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-t 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--place #jive- > 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 ) */
.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--formpage-document .jive-content.doc-page {
margin: 0px 40px !important;
padding: 0px !important;
}
/* header */
.j-thread .jive-content.jive-create-thread h2,
.jive--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--formpage-document .jive-content.doc-page #jive-compose-title,
.jive--formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
/* line height in editor */
.tiny_mce_content { line-height: inherit !important; }
/* replying to */
.jive--formpage-comment .jive-thread-message { margin: 0px !important; }
/* buttons (Reply|Cancel) */
.j-publishbar,
.jive--formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
/* ---------------------------
ACTIVITY STREAM
*/
/* activity entry */
.j-act-entry { padding: 5px 0px 10px 100px !important; }
/* activity title */
.j--home .j-act-title { padding: 10px 0px 5px 24px !important; }
/* Like list */
.j-act-grouped .j-act-g-item { padding: 3px !important; }
}
