Hello
Here's my revised CSS rules version 0.11. Please feel free to modify, adapt and reuse them as you wish.
Kind regards,
H
/*
custom styles for Apple Support Communities board system introduced in 2016-06 (v0.11)
v0.11
- introduced @media rules in THREAD LIST BROWSER and PLACES sections:
@media all and ( max-width: X ) rule
@media all and ( min-width: Y ) rule
- added, refined and fixed rules in various sections, which include but not limited to
BODY
- changed #body-apple {width: 100%} to {width: auto}, which is essential to
prevent horizontal scroller from appearing in narrow window environment.
TEXT > font
- added rules to use fine local font in lieu of illegible remote font
ASC TOP PAGE
- added rules on 'search or ask a question', 'featured topics' etc
COMMUNITIES CATEGORIES OVERVIEW
- new section
THREAD LIST BROWSER > community overview
- added and refined rules (treating filter ui layout)
PROFILE > content
- new subsection (treating browser control ui layout)
BLOG
- new section
UNAUTHORIZED
- new section
v0.10d
- draft
written by Hiroto, 2016-06
*/
@-moz-document
domain(communities.apple.com),
domain(discussions.apple.com),
domain(discussionsjapan.apple.com),
domain(discussionskorea.apple.com),
domain(discussionschinese.apple.com)
{
/* ------------------------------------------------------------------------------------------------
BODY
*/
body.j-body-welome, /* Welcome */
body.j-body-place, /* Community */
body.j-body-yourwork, /* Content */
body.j-body-home, /* Activity */
body.j-body-yourconnections, /* People */
body.j-body-preferences, /* Preferences */
body.jive-body-content, /* Thread */
body.jive-body-search, /* Search */
body.jive-view-profile /* Profile */
{
background: white !important;
}
body {
background: white;
min-width: 0px !important;
}
#body-apple {
width: auto !important;
min-width: 0px !important;
}
#globalheader { display: none !important; }
#global-nav-wrapper {display: none !important; }
#globalfooter,
#globaldisclaimer { width: 80% !important; }
/* ------------------------------------------------------------------------------------------------
TEXT
*/ /* NEW */
body {
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
}
body * {
/* font-size: inherit !important; */
font-weight: inherit !important;
line-height: inherit !important;
}
/* font
- let it use well-established fine local fonts
in lieu of slow, small, condensed and illegible remote fonts
by removing the following from the font-family per language:
lang | remote font name
-----|-----------------
ja | "Apple TP"
ko | "Yoon Gothic"
zh | "PingHei"
en | "Myriad Set Pro"
es | "Myriad Set Pro"
pt | "Myriad Set Pro"
*/ /* NEW (experimental) */
/*
* { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif !important; }
*/
[lang|="ja"] * {
font-family: "Hiragino Kaku Gothic Pro", "Meiryo",
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
[lang|="ko"] * {
font-family: "Apple Gothic", "HY Gulim", "MalgumGothic", "HY Dotum", "Lexi Gulim",
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
[lang|="zh"] * {
font-family: "STHeitiSC-Light",
"Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
[lang|="en"] *,
[lang|="es"] *,
[lang|="pt"] * {
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}
/* preseve monospace for pre.jive-pre */
pre.jive-pre { font-family: monospace !important; }
/* ------------------------------------------------------------------------------------------------
ASC HEADER, FOOTER 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;
width: auto !important; /* NEW */
}
#j-satNav { overflow: visible !important; }
#j-header-wrap { margin-bottom: 50px !important; } /* NEW */
#apple-full-header { margin: 10px 0px 0px !important; } /* NEW */
#second-row { /* NEW */
padding-top: 25px !important;
height: 30px !important;
}
/* announcement */ /* NEW */
#jive-alert {
width: auto !important;
max-width: inherit !important;
margin: -20px 40px 10px !important;
}
.j-thread #jive-alert {
margin: -50px 40px 10px !important;
}
.jive-body-formpage.j-thread #jive-alert {
margin: -30px 40px 10px !important;
}
/* breadcrumb */ /* NEW */
#jive-breadcrumb {
width: auto !important;
margin-right: 40px !important;
position: relative !important;
}
/* footter */ /* NEW */
.j-js-footer-wrap {
width: auto !important;
min-width: 0px !important;
}
footer#j-footer {
width: auto !important;
min-width: 0px !important;
}
/* ------------------------------------------------------------------------------------------------
ASC TOP PAGE
*/
.j-body-welcome #jive-alert { margin: 0px 40px !important; }
.j-body-welcome .hero-container img { width: auto !important; }
.j-body-welcome.j-body-home [id|=jive-widgetframe] > .content-large {
text-align: center !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.apple-communities {
display: inline-block !important;
width: auto !important;
text-align: left !important;
}
/* search or ask a question */
.ask-a-question-container .j-form input[type="text"] { width: 90% !important; }
/* featured topics */
.jive-widget-featuredcontentwidget h2 {
font-size: 28px !important;
}
.jive-widget-featuredcontentwidget .content-large .featured-content-header {
padding-bottom: 30px !important;
}
.jive-widget-featuredcontentwidget .content-large .featured-content-header p.sub-title {
margin: 10px 0px 20px !important;
}
.jive-widget-featuredcontentwidget .featured-list-container {
max-width: 1000px !important;
}
.jive-widget-featuredcontentwidget .featured-list-container .featured-list-row {
margin-bottom: 20px !important;
border-style: dotted !important;
border-width: thin !important;
}
.jive-widget-featuredcontentwidget .featured-list-container .featured-list-user {
margin: 0px 10px !important;
}
.jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc {
margin: 0px 10px !important;
}
.jive-widget-featuredcontentwidget h4.title {
font-size: 18px !important;
margin: 10px 0px !important;
text-decoration: underline !important;
}
.jive-widget-featuredcontentwidget .rating-row,
.jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc blockquote,
.jive-widget-featuredcontentwidget .featured-list-container .featured-list-desc .user-metadata {
margin-bottom: 10px !important;
}
/* new to communities? */
.on-boarding .on-boarding-header h2 {
font-size: 28px !important;
margin: 0px 0px 25px !important;
}
.on-boarding .img-container { margin: 0px auto 30px !important; }
/* how-to grid */
.on-boarding > .grid-display {
margin-top: 40px !important;
padding: 20px 0px !important;
max-width: 1000px !important;
display: inline-block !important;
}
.on-boarding .row .column h3 {
margin: 0px 30px 20px !important;
max-height: 50% !important;
}
/* ------------------------------------------------------------------------------------------------
COMMUNITIES CATEGORIES OVERVIEW
*/ /* NEW */
/* communities description */
.apple-space-overview .jive-widget-subcommunitieswidget .community-image {
width: 200px !important;
position: absolute !important;
z-index: -1 !important;
}
.apple-space-overview .jive-widget-subcommunitieswidget .community-image img {
width: 200px !important;
height: 200px !important;
}
.apple-space-overview .jive-widget-subcommunitieswidget .community-description {
margin-bottom: 45px !important;
}
.apple-space-overview .jive-widget-subcommunitieswidget .community-description h1 {
font-size: 28px !important;
margin: 30px 0px !important;
}
/* top communities */
.apple-space-overview h2.community-title {
font-size: 24px !important;
margin: 0px 0px 20px !important;
}
.apple-space-overview .category-latest-header h3 {
font-size: 22px !important;
margin: 0px 0px 20px !important;
}
.apple-space-overview .category-latest h3,
.apple-space-overview .category-latest h4 { font-size: 20px !important; }
.apple-space-overview .jive-widget-subcommunitieswidget .content-large { padding: 10px !important; }
.apple-space-overview .jive-widget-subcommunitieswidget .content-large > nav { padding-top: 0px !important; }
.apple-space-overview .jive-widget-recentcontentfilterwidget {
padding-bottom: 10px !important;
margin-bottom: 0px !important;
}
/* search for more topics */
.apple-space-overview .category-page .ask-a-question-header {
margin-top: 20px !important;
width: auto !important;
}
.apple-space-overview .category-page .ask-a-question-header h2 { font-size: 24px !important; }
.apple-space-overview .category-page .ask-a-question-container {
width: 80% !important;
max-width: 1000px !important;
margin: 30px auto !important;
}
.apple-space-overview .category-page .ask-a-question-container .j-form input[type="text"] {
padding: 10px 10px 10px 50px !important;
width: 94% !important;
}
.apple-space-overview .category-page .ask-a-question-footer { margin: 40px 0px !important; }
/* contact apple support */
.apple-space-overview .section-eyebrow { font-size: 24px !important; }
.apple-space-overview .section-header {
font-size: 22px !important;
margin: 0px 0px 30px !important;
}
/* ------------------------------------------------------------------------------------------------
THREAD LIST BROWSER
*/
/* ------------------
community overview
*/ /* NEW */
.category-latest .category-latest-container .category-latest-row {
margin: 0px !important;
padding: 5px 0px !important;
}
.category-latest .category-latest-container .category-latest-row .discussion-metadata {
margin: 5px 0px !important;
}
.category-latest .category-latest-container .category-latest-row .discussion-title a {
font-size: 100% !important;
font-weight: 500 !important;
color: rgb(0, 136, 204) !important;
}
.category-latest .category-latest-container .category-latest-row:nth-child(odd) {
background: rgb(247, 247, 247) !important;
}
.category-latest .category-latest-container .category-latest-row .read-full {
display: none !important;
}
.category-latest .category-latest-container .category-latest-row .discussion-metadata .cell {
margin-right: 15px !important;
}
.category-latest .category-latest-container .category-latest-row .discussion-metadata .cell a {
color: rgb(0, 136, 204) !important;
text-decoration: none !important;
}
.apple-space-overview #body-apple .list-page .ask-a-question-sidebar {
margin: 0px 70px 10px 0px !important;
}
.apple-space-overview #body-apple .list-page .ask-a-question-sidebar .ask-a-question-space-icon {
width: 128px !important;
height: 128px !important;
}
.apple-space-overview #body-apple .list-page .ask-a-question-wrapper .community-siblings {
padding: 5px 0px !important;
font-size: 20px !important;
}
/* content filter (by type (solved|recommended|unanswered) & category) */
.jive-content-filter {
width: 20% !important;
max-width: 250px !important;
min-width: 100px !important;
padding: 0px 10px 0px 0px !important;
}
.jive-content-filter h2 {
margin-bottom: 15px !important;
font-weight: 500 !important;
}
.jive-content-filter ul li { margin: 3px 0px !important; }
.jive-content-filter ul li:nth-child(odd) { background: rgb(247, 247, 247) !important; }
.jive-content-filter ul li a.jive-content-filter-highlight { background: rgb(230, 240, 230) !important; }
/* ------------------ */
/* 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; }
/* thread list view column widths */
.j-browse-details .j-td-title { max-width: none !important; }
.j-browse-details .j-td-date {
width: auto !important;
max-width: 20% !important;
}
/* thread list view: read thread font weight */ /* NEW (feature restored) */
.j-browse-details .j-td-title strong { font-weight: 600 !important; }
@media all and ( max-width: 1099px )
{
/* ------------------
Treatment for narrow window
Hide Like and Bookmark columns in thread list view if viewport width <= 1098 (= 1265 - 166)
*/
.j-browse-details .j-td-likes,
.j-browse-details .j-td-bookmarks { display: none !important; }
.j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th,
.j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th { display: none !important; }
.j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th { display: table-cell !important; }
}
/* user name link */
.jive-username-link { text-transform: none !important; }
/* threads list view table tr td */ /* CHANGED */
.j-browse-details-tbody tr td { padding: 2px !important; }
/* threads list view left most icon */ /* NEW */
.j-browse-details-tbody .j-td-icon { padding: 0px 6px 0px !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; }
/* thumbnail view list item margin */
.j-browse-content .j-thumb-view > li,
.j-browse-places .j-browse-thumbnails > li { margin-right: 20px !important; }
/* thumbnail view article font size */ /* NEW */
.j-thumb article { font-size: inherit !important; }
/* thunbnail view article header height */ /* NEW */
.j-content-thumb header { height: 22px !important; }
/* thumbnail view article header font size */ /* NEW */
.j-thumb header h4.shrunk { font-size: 80% !important; }
.j-browse-content .j-content-thumb header .icon {
font-size: 16px !important;
margin: 0px 8px 0px 0px !important;
}
/* thumbnail view article height */ /* NEW */
.j-browse-content .j-content-thumb article { height: 120px !important; }
/* thumbnail view footer */ /* NEW */
.j-browse-content .j-content-thumb.j-thumb footer { padding: 4px 0px 0px !important; }
/* social actions row */
.apple-social-actions-wrapper { margin-right: 0px !important; }
.j-thread .j-social-actions { margin-right: 40px !important; }
/* apple header, subheader row ("Find helpful contents..." etc )*/
#apple-full-subheader,
#apple-activity-subheader {
padding: 0px 40px 15px !important;
margin-bottom: 15px !important;
}
#apple-full-header h2,
#apple-activity-header h2 { padding: 0px 40px !important; }
/* page header */
.j-body-place #jive-body > header.j-page-header {
margin-left: 40px !important;
margin-right: 40px !important;
width: auto !important;
}
/* pagenation */ /* NEW */
.j-pagination-prevnext > .j-pagination-prev,
.j-pagination-prevnext > .j-pagination-next { font-size: 0px !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;
}
/* 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; }
@media all and ( min-width: 1265px )
{
/* ------------------
Treatment for narrow window
Method 1 (minimum optimisation)
Adjust thread list table's shift and margin to maximize its width.
*/
.j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: -166px !important; }
.j-layout-sl.j-browse-content .j-column-l { margin-left: 166px !important; }
.j-layout-sl.j-browse-content .j-column-s { width: 166px !important; }
}
@media all and ( max-width: 1265px )
{
/* ------------------
Treatment for narrow window
Method 2 (more beneficial to narrow window but has disadvantage for wide window)
Let thread list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
If window is wide enough (>=1265px), sidebar ui is displayed next to thread list table,
otherwise it is displayed below or above it (depending upon its document tree order).
* sidebar width (constant) = 166px
* thread table max width = 1019px
* canvas margin-left = 40px
* canvas margin-right = 40px
---------------------------------------
* total = 1265px
*/
.j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }
.j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }
.j-layout-sl.j-browse-content .j-column-l { margin-left: 0px !important; }
.j-layout-sl.j-browse-content .j-column-s { width: 166px !important; }
}
/* ------------------
Swap left-right positions of thread list table and sidebar ui (filters & actions)
*/
/* let thread list table float left */
.j-layout-sl.j-browse-content .j-column-wrap-l,
.j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }
/* let sidebar ui float right */
.j-layout-sl.j-browse-content .j-column-s,
.j-layout-sl.j-browse-places .j-column-s { float: right !important; }
/* ------------------ */
/* ------------------
leader board
*/
/* .jive-widget.jive-box.j-rc5.jive-widget-leaderboardwidget */
/*
.jive-widget-leaderboardwidget {display: none !important; }
*/
.jive-widget-leaderboardwidget { max-width: 1000px !important; }
.jive-widget-leaderboardwidget .j-bigtab-nav .j-tabbar { padding-top: 10px !important; }
.jive-widget-leaderboardwidget .jive-widget-topmembers.split-columns ul li { min-height: 0px !important; }
.jive-widget-leaderboardwidget .top-member-username,
.jive-widget-leaderboardwidget .top-member-username * { font-size: inherit !important; }
.jive-widget-leaderboardwidget .top-member-username { margin-left: 15px !important; }
.jive-widget-leaderboardwidget .user-level-points {
font-size: 18px !important;
margin: 14px 0px !important;
width: 60px !important;
height: 30px !important;
padding: 8px 0px 0px !important;
}
.jive-widget-leaderboardwidget .top-member-profile-info { width: 80% !important; }
.jive-widget-leaderboardwidget .top-member-profile-info > a {
border-radius: 0% !important;
width: 60px !important;
height: 60px !important;
}
.jive-widget-leaderboardwidget .top-member-username a.jiveTT-hover-user { width: auto !important; }
.jive-widget-leaderboardwidget .pagination-class { margin-top: 30px !important; }
/* ------------------ */
/* article list
.j-rc5 is used to identify this list
e.g., https://discussions.apple.com/article/HT1939 */
.j-layout-sl.j-browse-content.j-rc5 #jive-body-maincol { margin: 0px 0px 0px 166px !important; }
/* ------------------------------------------------------------------------------------------------
THREAD CONTENT BROWSER
*/
/* thread header */
.apple-thread-header {
width: auto !important;
margin-bottom: 10px !important;
margin-left: 40px !important;
}
/* thread message */ /* NEW */
.j-thread .jive-content .j-thread-post .jive-rendered-content {
font-size: inherit !important;
}
.j-thread #body-apple .jive-thread-messages h2.helpful-allreply,
.j-thread #body-apple #helpful-container,
.j-thread #body-apple .j-thread-post > header .j-post-author,
.j-thread #body-apple .thread-container-wrapper,
.j-thread #body-apple .all-replies-container,
.j-thread #body-apple #j-main #jive-breadcrumb,
.j-thread #body-apple .addReply,
.j-thread #body-apple #jive-body-intro-content {
max-width: inherit !important;
margin: 10px 40px !important;
}
.j-inresponse-to {
font-size: inherit !important;
}
.j-thread .jive-content .j-thread-post > header,
.j-thread .jive-content .j-thread-post > h3.header {
margin: 15px 0px 10px 0px !important;
}
/* thread original messeage (question) */ /* NEW */
.j-thread-post section.j-original-message {
margin: 0px 30px !important;
padding: 15px 10px !important;
border-style: dotted !important;
border-width: thin !important;
background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
}
.j-thread-post section.j-original-message h1 {
max-width: inherit !important;
margin: 0px 60px 20px 60px !important;
}
.j-thread-post section.j-original-message .jive-rendered-content {
max-width: inherit !important;
margin: 0px 25px !important;
}
/* original poster profile header */
.j-thread .jive-content .j-thread-post > header.js-original-header {
max-width: inherit !important;
margin: 0px 40px !important;
padding: 5px !important;
}
.j-thread-post section .thread-actions {
max-width: inherit !important;
margin: 0px 25px !important;
}
.j-original-message .jive-rendered-content p {
font-size: inherit !important;
}
.meta-posted {
max-width: inherit !important;
margin: 10px 25px 20px !important;
}
/* Q mark */
.j-original-message h1 .q-marker {
left: -60px !important;
font-size: 32px !important;
}
/* answer rollup */ /* NEW */
.j-answer-rollup.span-full-width {
background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
padding-bottom: 10px !important;
margin: 20px 0px 0px 0px !important;
border: 1px solid rgb(45, 184, 71) !important;
}
.j-inline-correct-answer {
padding: 0px !important;
max-width: inherit !important;
margin: 0px 10px !important;
}
.j-inline-correct-answer section {
margin: 10px 0px !important;
}
/* A mark */
.j-inline-correct-answer .answer-marker {
left: 0px !important;
font-size: 32px !important;
}
/* persistent question shown at top */ /* NEW */
.persist-question.persist { display: none !important; }
/* Solved and Helpful marker text */ /* NEW */
.j-thread-post header .j-correct-text,
.j-thread-post h3.header .j-correct-text,
.j-thread-post header .j-helpful-text,
.j-thread-post h3.header .j-helpful-text {
font-size: 22px !important;
background: none repeat scroll 0% 0% transparent !important;
border-style: none !important;
margin: 0px !important;
padding: 10px !important;
}
/* thread content */ /* CHANGED */
.j-thread .jive-content { margin: 0px 10px 0px 10px !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 message border */ /* NEW */
.jive-discussion-replies li.reply .jive-thread-message {
border-style: dotted !important;
border-width: thin !important;
}
/* orgininal poster comment background */ /* NEW */
.original-poster-comment {
background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
top: 0px !important;
right: 0px !important;
bottom: 0px !important;
left: 0px !important;
}
/* pagenation */ /* NEW */
.j-thread .jive-thread-messages .j-pagination {
margin: 30px 0px !important;
}
/* promoted helpful answer and prompted recommended answer */ /* NEW */
.j-inline-promoted-helpful-answer,
.j-inline-recommended-answer {
background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;
padding: 15px 10px 5px 10px !important;
margin: 0px 10px 15px 10px !important;
border-style: dotted !important;
border-width: thin !important;
}
.j-inline-promoted-helpful-answer p {
margin: 0px !important;
}
.j-inline-promoted-helpful-answer header .reply-date,
.j-inline-promoted-helpful-answer h3.header .reply-date,
.j-inline-recommended-answer header .reply-date,
.j-inline-recommended-answer h3.header .reply-date {
font-size: inherit !important;
margin: 10px 0px !important;
}
.j-inline-promoted-helpful-answer header .j-helpful-text,
.j-inline-promoted-helpful-answer h3.header .j-helpful-text,
.j-inline-recommended-answer header .j-helpful-text,
.j-inline-recommended-answer h3.header .j-helpful-text {
font-size: 22px !important;
background: none repeat scroll 0% 0% transparent !important;
border-style: none !important;
margin: 0px !important;
}
.j-inline-promoted-helpful-answer section .reply-body,
.j-inline-recommended-answer section .reply-body {
font-size: inherit !important;
margin-bottom: 20px !important;
}
.j-inline-promoted-helpful-answer section,
.j-inline-recommended-answer section {
padding: 0px 20px !important;
}
#helpful-container { padding-top: 0px !important; }
#helpful-container hr { margin: 10px !important; }
#helpful-container .more-answers { margin: 0px !important; }
#helpful-container .more-answers * { font-size: 24px !important; }
/* inline correct answer, helpful answer background */ /* NEW */
div[itemprop="acceptedAnswer"] {
background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
}
.j-thread .jive-content.j-helpful,
.j-thread .jive-content.j-helpful.j-op {
background: none repeat scroll 0% 0% rgb(250, 240, 220) !important;
}
/* switch between 'hellpful replies only' and 'all replies' */ /* NEW */
.jive-thread-messages .helpful-all-switch * {
font-size: 24px !important;
}
.jive-thread-messages .helpful-all-switch li.inactive {
padding: 0px !important;
top: 32px !important;
}
.jive-thread-messages .helpful-all-switch li.inactive span.menu {
width: auto !important;
min-width: 160px !important;
padding: 5px !important;
text-align: center !important;
}
/* thread content footer profile */ /* NEW */
.j-thread-post section.j-original-message footer .footer-profile {
margin-right: 10px !important;
}
.j-thread-post footer .footer-profile {
margin-right: -10px !important;
}
.j-thread-post footer .footer-profile .j-status-level {
padding: 0px 10px 0px 0px !important;
}
.j-thread-post footer .footer-profile .username,
.j-thread-post footer .footer-profile .jive-username-link {
padding: 0px 10px 0px 10px !important;
max-width: 250px !important;
}
.j-inline-correct-answer footer .footer-profile .j-status-levels,
.j-inline-promoted-helpful-answer footer .footer-profile .j-status-levels,
.j-inline-recommended-answer footer .footer-profile .j-status-levels {
padding: 0px 10px 0px 0px !important;
}
.j-inline-correct-answer footer .footer-profile .username,
.j-inline-promoted-helpful-answer footer .footer-profile .username,
.j-inline-recommended-answer footer .footer-profile .username {
padding: 0px 10px 0px 10px !important;
max-width: 250px !important;
}
/* text wrap in header */
.j-thread-post > header .j-post-author { white-space: normal !important; }
/* thread post section (message body) */
.j-thread-post section {
padding: 0px 20px !important;
margin-bottom: 15px !important; /* CHANGED */
}
/* 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; }
/* related articles */
.apple-sidebar-property {
width: auto !important;
padding-left: 0px !important;
}
.jive-box-body.jive-sidebar-body.jive-sidebar-body-related-articles { padding: 15px 0px !important; }
/* ------------------
staus level, expertise, level points
*/
/* status level expertise tile */
.j-status-level.expertise-tile,
.status-tile.expertise-tile { display: none !important; }
/* status level level points */
.j-status-level .level-points span { display: inherit !important; }
.j-status-level .level-points { white-space: inherit !important; }
/* ------------------ */
/* ------------------------------------------------------------------------------------------------
INLINE EDITOR
*/
/* editor */
.jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
/* ------------------------------------------------------------------------------------------------
ADVANCED EDITOR
*/
/* content area */
.j-thread.jive-body-formpage #body-apple .j-form {
max-width: inherit !important;
margin: 0px auto 20px !important;
width: inherit !important;
}
.j-thread .jive-content.jive-create-thread,
.jive-body-formpage-document .jive-content.doc-page {
margin: 0px 40px !important;
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 */
p.jive-replying-to { padding: 20px 0px !important; }
.jive-body-formpage-comment .jive-thread-message { margin: 0px 40px 0px 80px !important; }
/* reply to avatar */
.j-thread-post header .j-post-avatar {
position: absolute !important;
top: 0px !important;
left: -50px !important;
width: auto !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: 5px 0px 5px 24px !important; }
/* activity body & comment */
.j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }
.apple-activity-comments-wrapper { margin-left: 0px !important; }
/* Like list */
.j-act-grouped .j-act-g-item { padding: 3px !important; }
/* ------------------------------------------------------------------------------------------------
SEARCH RESULTS
*/
/* search result entry */
.j-search-results-main-container .j-search-result { padding: 10px !important; }
/* ------------------------------------------------------------------------------------------------
DOC (USER TIP)
*/
/* user tip canvas */
.jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
/* user tip border etc */ /* NEW */
.j-doc .jive-content {
margin: 0px !important;
padding: 10px !important;
border: thin dotted !important;
}
/* ------------------------------------------------------------------------------------------------
BLOG (MODERATOR TIP)
*/ /* NEW */
/* blog canvas */
.jive-body-content.j-blog .j-column-wrap-l { margin: 0px 40px !important; }
/* blog border etc */
.jive-content-blog {
margin: 0px !important;
padding: 10px !important;
border: thin dotted !important;
border-radius: 0px !important;
}
/* ------------------------------------------------------------------------------------------------
UNAUTHORIZED (WARNING)
*/ /* NEW */
/* unauthorized error message */
.jive-body-warn.jive-body-unathorized #j-main { margin: 0px 40px !important; }
/* ------------------------------------------------------------------------------------------------
PROFILE
*/
/* header & navigation bar (Bio|Activity|People|Content|Communities|Bookmarks) */
.j-view-profile .j-page-header { padding: 10px 40px !important; }
.j-bigtab-nav { margin: 10px 40px !important; }
/* filter ui current selection blue marker */ /* NEW */
.j-view-profile .j-second-nav ul > li.active {
display: none !important;
}
/* ------------------
Bio
*/
.j-layout-l .j-column-wrap-l { width: 100% !important; }
/* ------------------
profile specialties and awards
*/
/* profile status container for specialties and awards */ /* REFINED (rule) */
.jive-view-profile .profile-status-container { display: none !important; }
/* profile modal note status row for specialties and awards */
.status-row { display: none !important; }
/* ------------------ */
/* ------------------
Content
*/ /* NEW */
/* browser control ui */
.j-view-profile .j-layout-sl.j-browse-content .j-column-s #js-browse-controls {
margin: 25px 0px 0px -166px !important;
}
/* ------------------------------------------------------------------------------------------------
PLACES (almost hidden, rarely used)
e.g.
https://discussions.apple.com/places
https://discussionsjapan.apple.com/places
https://communities.apple.com/es/places
etc.
*/
/* latest activity column */
.j-browse-details .j-td-activity { max-width: 650px !important; }
/* filter row margin bottom */
.j-body-yourplaces #j-browse-filters { margin-bottom: 30px !important;}
@media all and ( min-width: 1265px )
{
/* ------------------
Treatment for narrow window
Method 1 (minimum optimisation)
Adjust community list table's shift and margin to maximize its width.
*/
.j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: -166px !important; }
.j-layout-sl.j-browse-places .j-column-l { margin-left: 166px !important; }
.j-layout-sl.j-browse-places .j-column-l { padding-left: 0px !important; }
.j-layout-sl.j-browse-places .j-column-s { width: 166px !important; }
}
@media all and ( max-width: 1265px )
{
/* ------------------
Treatment for narrow window
Method 2 (more beneficial to narrow window but has disadvantage for wide window)
Let community list table have full width but not exceed 1019px to make room for sidebar ui (filters & actions).
If window is wide enough (>=1265px), sidebar ui is displayed next to community list table,
otherwise it is displayed below or above it (depending upon its document tree order).
* sidebar width (constant) = 166px
* community table max width = 1019px
* canvas margin-left = 40px
* canvas margin-right = 40px
---------------------------------------
* total = 1265px
*/
.j-layout-sl.j-browse-places .j-column-wrap-l { max-width: 1019px !important; }
.j-layout-sl.j-browse-places .j-column-wrap-l { margin-left: 0px !important; }
.j-layout-sl.j-browse-places .j-column-l { margin-left: 0px !important; }
.j-layout-sl.j-browse-places .j-column-l { padding-left: 0px !important; }
.j-layout-sl.j-browse-places .j-column-s { width: 166px !important; }
}
}
