Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- 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)
- {
- .all-replies-container {display: inherit !important;} /* Display all answers */
- .more-answers {display: none !important;} /* Hide the more to the conversation block */
- /* ------------------------------------------------------------------------------- -----------------
- 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;
- max-width: 1100px !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: 400 !important; }
- /* highlights in dark blue unread posts when logged in. */
- .j-td-title strong {color:#191970 !important; font-weight: normal !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; }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement