Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Custom Cascading Style Sheet for Apple Support Communities board system introduced
- in 2014-06
- Copyright 2014, 2016 Hiroto, et. al.
- GNU General Public License
- This program is free software: you can redistribute it and/or modify
- it under the terms of the GNU General Public License as published by
- the Free Software Foundation, version 3
- This program is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- GNU General Public License for more details.
- For a copy of the GNU General Public License
- see <http://www.gnu.org/licenses/>.
- For more information on what the css does, see:
- https://discussions.apple.com/docs/DOC-7501
- Change Log
- Version 0.6:
- -- Fold versions 0.43 and 0.50 into this version.
- -- Add GNU General Public License
- -- Add media tag to select on screen size.
- -- Scroll large code listings
- -- Change color highlights unread posts
- -- Fix size of thread content display.
- Version 0.61:
- -- Narrow text for printing listing of this file
- -- Delete "added in" comments about versioning. Seems obvious to me without.
- -- More fixing of width of content display size of large window.
- -- Delete @-moz-document special case adjustment for max-width
- -- Size adjust for thread content and reply for large screens
- -- Reduce the amount of duplicate code
- Version 0.62
- -- avoid userstyles.org/ error messages
- -- pacify ASC badges for those who want to enable the code
- [ Note: Some badges are turned off in 0.63 ]
- https://discussions.apple.com/message/30002950#30002950
- ------> How to get rid of discussion list Badges Lines 115 to 146 <----
- Go down find this line of code
- .j-status-level.expertise-tile { display: none !important; }
- You need to eliminate the slash / star * before the line of code and
- the star * slash / after the line of code.
- To get rid of all badges everywhere, uncomment the next three lines of code.
- Version 0.63
- -- Decided on a minimalist philosophy to focus on reading the posts.
- -- Don't display badges on list of discussion posts
- -- Footers should be short not take up a half a page.
- Uncomment the three lines of code to accomplish this after the
- "Rambling footer stuff will strink". Note some bombblast
- will remain, see adjustment at the end of the sheet.
- #globaldisclaimer.sosumi {display: none !important; }
- #j-footer #breadcrumbs {display: none !important; }
- p.gf-buy {display: none !important; }
- -- Show points on the profile popup!
- Version 0.64
- -- Align left with right side header info
- -- Delete excessive white space in header
- -- Delete redundant wording in header
- -- Change two vertical nav bars to horizontal
- -- Purge footer bombblast
- -- Support Spanish and Portuguese forums
- -- Support decorator option on the url
- Version 1.0: May 2016 ASC page layout changes
- -- Ditch floating banner when scrolling past first question
- -- Set font so to make text more readable. Adopted fonts from prior Jive forum
- -- Position breadcrumb to where ASC says. Needed to delete some css
- -- ASC redid list of posts for a thread. Delete obsolete css
- -- fix up broken "sort by ..." popup in my content listing
- -- Sink legalistic bombblast again. Rose by changing ids
- Look for .~.~.~.~.~.~.~. then uncomment the three lines following
- -- Stamp out misaligned blue boxes on horizontal nav lists
- -- Revise reply posts in a thread
- -- https://discussions.apple.com/docs/DOC-10241#comment-6446
- -- No need for decorator code. Apple fixed up decorator.
- -- Added turingtest2, London, UK suggestions
- */
- /* ==============================================
- Spanish
- https://communities.apple.com/es/docs/DOC-1004
- Português
- https://communities.apple.com/pt/welcome
- There are multiple @-moz statements to better select
- which pages are selected. Thus, avoiding the over
- abundance of selections based on class and id selectors.
- */
- @-moz-document
- domain(discussions.apple.com), /* English */
- domain(communities.apple.com), /* Português Spanish */
- domain(discussionsjapan.apple.com),
- domain(discussionskorea.apple.com)
- {
- /* Common css for small and large windows */
- /* Scroll code listings. set max-height of syntax highlighted code in thread
- content browser v0.6 */
- .jive-rendered-content .dp-highlighter {
- max-height: 500px !important;
- overflow: auto !important;
- }
- /* Scroll code listings. set max-heiht of pre code (visible when javascript is disabled)
- v0.6 */
- .jive-rendered-content pre {
- max-height: 500px !important;
- overflow: auto !important;
- }
- /* highlights in dark blue unread posts when logged in. v0.6
- All your posts
- https://discussions.apple.com/content?filterID=participated~objecttype~objecttype[thread]
- Discussions you authored
- https://discussions.apple.com/content?filterID=contentstatus[published]~objecttype~objecttype[thread]
- To see the discussions you have read and not read in a community
- The suffix to use for any ASC forum, placed after the basic link to any forum, it's
- /content?filterID=contentstatus[published]~objecttype~objecttype[thread]
- for iPhone community this would be:
- https://discussions.apple.com/community/iphone/using_iphone/content?filterID=contentstatus[published]~objecttype~objecttype[thread]
- */
- .j-td-title strong {
- color:#191970 !important;
- font-weight: normal !important;}
- /* Avoid double scrolling in posts which happened here:
- https://discussions.apple.com/docs/DOC-9254
- #globalfooter and #globaldisclaimer elements which originally define the width
- to fixed value as 980px
- */
- #globalfooter, #globaldisclaimer { width: 80% !important; }
- /* Get more vertical space. This line gets rid of the global Apple navigation bar at the top.
- The black bar with Apple-Logo Mac iPad iPhone Watcsh Tv Music Support
- */
- #global-nav-wrapper {display: none !important; }
- /* Pacify badges
- These four lines, when uncommented, eliminate the display of badges. Some or all of the
- lines are commend out. Each comment starts all the way to the left.
- */
- /* -------------------------------------------------------------------------------
- THREAD CONTENT BROWSER
- status level expertise badge
- To avoid formatting problems of badges overlapping next post, enable this line.
- */
- .j-status-level.expertise-tile { display: none !important; }
- /* ---------------------------------------------------------------------------------
- THREAD LIST BROWSER
- leader board
- */
- .jive-widget-leaderboardwidget {display: none !important; }
- /* ---------------------------------------------------------------------------------
- PROFILE
- profile status container for specialties and awards
- */
- /* .profile-status-container { display: none !important; } */
- /* profile modal note status row for specialties and awards */
- /* .status-row { display: none !important; } */
- /* Rambling footer stuff will be sunk */
- /* no more legalistic bomblast. Read about it on the
- Welcome page.
- .~.~.~.~.~.~.~. */
- /* footer #globaldisclaimer {display: none !important; } */
- /* Not a complete path to here, so why be misleading */
- /* footer nav.footer-breadory {display: none !important; } */
- /* Guess by now folks know how to buy an apple product */
- /* p.gf-buy {display: none !important; } */
- /* Reveal points in popup when you click on an ASC id or aviator.
- thanks to turingtest2.
- https://discussions.apple.com/message/30179703#30179703 */
- .level-points > span {display: inherit !important;} /* Display point information */
- /* 0.64 insertion point */
- /* Use less space on the top of the page. We see this every day. I don't use any
- of the links here anyway. Ok, to make them smaller.
- The goal is not to have to do a "manditory" page down to get to posts. */
- /* Move up the "New My Subscriptions ..." nav bar. Looks better aligned with
- "Apple Support Communities" */
- #j-globalNav { margin-top: -12px !important;}
- /* need less height for "Apple Support Communities New My Subscriptions ... "
- after moving up the nav bar*/
- #j-globalNav-bg {
- height: 20px !important;
- border-bottom: none !important;
- }
- /* Less space below avator ... */
- #j-header-wrap { margin-bottom: 0px !important;}
- /* -- move up "Apple Support Communities / Content"
- When windows size is contracted, these words will
- overlay words to the left. "... | logout"
- First nav bar doesn't overlay "Apple Support Community". ... <--> -- */
- /* #jive-breadcrumb {
- margin-top: -10px !important;
- margin-bottom: 0px !important;
- right: 40px !important;
- } */
- /* Less space above "All Content User Tips Discussions" nav bar */
- .j-layout { margin-top: 10px !important;}
- /* Purge the words "Find helpful content and discussions." Redundant.
- Why are we here? Pro users will know. */
- #apple-full-subheader {display: none !important;}
- /* Adjust the h2 header to take up less room on the page.
- Let's focus on the posts. */
- h1, h2 {
- font-size: 24px !important;;
- line-height: 28px !important;;
- }
- .j-page-header {
- margin-top: 0px !important;
- margin-bottom: 0px !important;
- }
- /* Get rid of the idiotic floating banner that appers when you scroll past the
- question. Enven us senior citizens can remember that. */
- .persist-question {display: none !important;}
- /* Pick the fonts and color of the May 2014 jive forum */
- body{
- font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif !important;
- }
- /* Combine duplicate code here. */
- /* ---------------------------------------------------------------------------------
- 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 */
- { /* v0.43 */
- background: white !important; /* Effectively overrides most of the body color.
- These are more specific. */
- }
- /* ---------------------------------------------------------------------------------
- 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; }
- /* ---------------------------------------------------------------------------------
- THREAD LIST BROWSER - list of discussions in a Community
- */
- /* 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;
- }
- /* 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; }
- /* thumbnail view list item margin */
- .j-browse-content .j-thumb-view > li,
- .j-browse-places .j-browse-thumbnails > li { margin-right: 20px !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;
- }
- /* 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; }
- /* 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; }
- /* ---------------------------------------------------------------------------------
- THREAD CONTENT BROWSER - Displays the contents of the posts.
- */
- /* thread header */
- /* ---------------------------------------------------------------------------------
- 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; }
- /* ---------------------------------------------------------------------------------
- SEARCH RESULTS
- */
- /* search result entry */
- .j-search-results-main-container .j-search-result
- { padding: 10px !important; } /* v0.43 */
- /* ---------------------------------------------------------------------------------
- DOC (USER TIP)
- */
- /* user tip canvas */
- .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
- /* ---------------------------------------------------------------------------------
- PROFILE
- */
- /* header & navigation bar (Bio|Activity|Content|Communities) */
- .j-view-profile .j-page-header { padding: 10px 40px !important; }
- .j-bigtab-nav { margin: 10px 40px !important; }
- /* Bio */
- .j-layout-l .j-column-wrap-l { width: 100% !important; }
- /* Communities (places) sidebar ui blue marker adjustment
- (according to the sidebar width changed to 166px from 180px for selector:
- .j-layout-sl.j-browse-places .j-column-s in PLACES section) */
- .j-view-profile .j-second-nav ul > li.active { width: 156px !important; }
- /* Wide screen browser
- ===================
- This rule set will be fine for normal to wide window whose width is ca. 1265px or greater.
- However, it will not be beneficial to very narrow window of 700-900px in width.
- */
- @media all and (min-width: 1265px)
- {
- /* ---------------------------------------------------------------------------------
- BODY
- */
- body {
- background: white;
- min-width: 0px !important;
- }
- #body-apple {
- width: 100% !important;
- min-width: 0px !important;
- }
- /* ---------------------------------------------------------------------------------
- ASC TOP PAGE
- */
- #jive-widgetframe-body_5780758 > .content-large, /* discussions.apple.com */
- #jive-widgetframe-body_188974 > .content-large, /* discussionsjapan.apple.com */
- #jive-widgetframe-body_20835 > .content-large /* discussionskorea.apple.com */
- { /* added parent id */
- 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 - list of discussions in a Community
- */
- /* ------------------
- When uncommented, hide Like and Bookmark columns in thread list view.
- */ /* (optional) */
- /* ~~~~~~~~~~~~~~~~~~~~ (currently commented out) ~~~>
- .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; }
- <~~~~~~~~~~~~~~~~~~~~ */
- /* ------------------
- Treatment for narrow window
- Method 1 (minimum optimization)
- 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; }
- /* ------------------ */
- /* ------------------
- 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; }
- /* ------------------ */
- /* ---------------------------------------------------------------------------------
- THREAD CONTENT BROWSER - Displays the contents of the posts.
- */
- /*
- Put the brakes on infinite expansion of text. Sets how wide the text display area in a
- window can get. Eventhou the window maybe large, folks find it easier to read
- the words when the text area is smaller.
- */
- /* Original post. Includes answering post if present */
- /* posts in thread */
- /* Types of replies */
- #jive-thread-messages-container,
- /* Advanced reply */
- #jive-body {
- max-width: 1100px !important;
- }
- /* ------------------
- Treatment for narrow window
- Method 1 (minimum optimization)
- 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; }
- /* ------------------ */
- /* ----------------------------------------------------------------------------
- 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; }
- /* ----------------------------------------------------------------------------
- PLACES
- */
- /* latest activity column */
- .j-browse-details .j-td-activity { max-width: 650px !important; }
- } /* end of media for wide screen */
- /* Narrow screen browser
- =====================
- */
- @media all and (max-width: 1265px)
- {
- /* Debug to identify which page we found. Place our ukiyo-e. */
- /* h1, h2, h3, #apple-site-title > a:nth-child(1) {
- background-color: aqua !important;
- }
- */
- /* v0.6 */
- /* styles for small screens ( narrow browsers window )
- ========================
- Narrow is basically the same as the above wide screen browser except that this lets
- the sidebar column (filter column) in list view be pushed down or up in layout flow
- to make room for the main column (table column) when the window is not wide enough.
- It is done by setting margin-left and padding-left of main column to 0 and setting
- max-width of main column, which is currently 1019px. Consequently, if window width
- is less than 1265px (= 40 (margin-left) + 1019 (main column) + 166 (sidebar colum)
- + 40 (margin-right)), sidebar column is pushed down or up according to document
- tree order. This rule set is intended to be useful for normal to narrow window
- whose width is in range ca. 700-1400px. It can be used for wider window as well but
- there's no point to set the max-width of main column in order to move sidebar
- column when the window is wide enough.
- custom styles for Apple Support Communities board system introduced in 2014-06
- (v 0.5)
- */
- /* -----------------------------------------------------------------------------
- BODY
- */
- body {
- background: white;
- min-width: 0px !important;
- }
- /* This css causes the text to reflow instead of getting cut off.
- It has a side effect of trimming the "Q" in question but the text
- get reflowed.
- */
- #body-apple {
- width: 100% !important;
- min-width: 0px !important;
- }
- /* Text reflow problem with New Activity Content etc.
- https://discussions.apple.com/thread/7517905
- Provide work-around. Maybe Firefox issue.
- */
- #apple-site-title { font-size: 14px !important; }
- /* -----------------------------------------------------------------------------
- ASC TOP PAGE
- */
- #jive-widgetframe-body_5780758 > .content-large, /* discussions.apple.com */
- #jive-widgetframe-body_188974 > .content-large, /* discussionsjapan.apple.com */
- #jive-widgetframe-body_20835 > .content-large /* discussionskorea.apple.com */
- { /* added parent id */
- 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
- */
- /* ------------------
- Hide Like and Bookmark columns in thread list view.
- */
- /* ------------------ display in small screen */
- .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; }
- /* ------------------ */
- /* ------------------
- Treatment for narrow window
- Method 1 (minimum optimisation)
- Adjust thread list table's shift and margin to maximize its width.
- */
- /* ------------------ (currently commented out)
- .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; }
- ------------------ */
- /* ------------------
- 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
- */
- /* ------------------ (currently active) */
- .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; }
- /* fix up "Sort by ..." after we messed it up 1.0 */
- #j-sort { width: auto !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 not sure what sidebar we are going after.
- Messes up "Sort by ... " 1.0 == */
- /* 1.0 == .j-layout-sl.j-browse-content .j-column-s,
- .j-layout-sl.j-browse-places .j-column-s { float: right !important; } */
- /* ------------------ */
- /* -----------------------------------------------------------------------------
- THREAD CONTENT BROWSER - Displays the contents of the posts.
- */
- /* -----------------------------------------------------------------------------
- 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,
- .j-view-profile .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; }
- /* -----------------------------------------------------------------------------
- PLACES
- */
- /* latest activity column */
- .j-browse-details .j-td-activity { max-width: 650px !important; }
- } /* end of media for narrow browsers. */
- } /* @-moz-document */
- /* ==============================================
- For ASC web pages with a sidebar, make the side bar
- horizontal. Adjusts the column sizes in lists.
- adding more @-moz-document callouts prevents collateral damage
- to other web pages when css class and id conflicts.
- example pages:
- https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
- https://discussions.apple.com/community/ipad/ipad_in_business_and_education/content
- ?filterID=contentstatus[published]~objecttype~objecttype[thread]
- https://communities.apple.com/es/community/ipad/using_ipad/content?filterID=
- contentstatus[published]~objecttype~objecttype[thread]
- https://communities.apple.com/pt/people/espa%C3%B1ol.rccharles/content?manage=true
- avoid:
- https://communities.apple.com/pt/search.jspa
- */
- @-moz-document
- url-prefix(https://discussions.apple.com/content),
- url-prefix(https://discussions.apple.com/community),
- url-prefix(https://discussions.apple.com/people),
- url-prefix(https://discussionsjapan.apple.com/content),
- url-prefix(https://discussionsjapan.apple.com/community),
- url-prefix(https://discussionsjapan.apple.com/people),
- url-prefix(https://discussionskorea.apple.com/content),
- url-prefix(https://discussionskorea.apple.com/community),
- url-prefix(https://discussionskorea.apple.com/people),
- url-prefix(https://communities.apple.com/es/content),
- url-prefix(https://communities.apple.com/es/community/),
- url-prefix(https://communities.apple.com/es/people),
- url-prefix(https://communities.apple.com/pt/content),
- url-prefix(https://communities.apple.com/pt/community/),
- url-prefix(https://communities.apple.com/pt/people) {
- @media all and (max-width: 1265px) {
- /* Debug to identify which page we found. Place our ukiyo-e. */
- /* h1, h2, h3, #apple-site-title > a:nth-child(1) {
- border: 2px dashed black !important;
- } */
- /* ------------------
- Treatment for narrow window
- Method 1 (minimum optimisation)
- Adjust community list table's shift and margin to maximize its width.
- */
- /* ------------------ (currently commented out)
- .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-s { width: 166px !important; }
- ------------------ */
- /* ------------------
- 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
- */
- /* ------------------ (currently active) */
- .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; }
- /* ------------------ */
- /* See if we can position "start ad discussion, Write a user tip" bottom
- bar a little better */
- .j-box {
- margin-top: 40px !important;
- float: right !important;}
- /* Turn verical nav list into a horizontal nav list to save vertical space.
- This nav bar appear above the list of dicussions in the Your Content page.
- It appears below in the list of discussions page.
- A larger screen has room for vertical navigation, so let along. */
- /* We need to make room for the horizontal nav bar. A floating right, the area to the left
- is blank anyway. */
- .j-layout-sl.j-browse-content .j-column-s
- { width: 95% !important; } /* let more room for horizontal navigation 0.64 */
- /* make nav bar horizontal amoung other things. */
- div .j-column.j-column-s nav ul li {
- float: left !important; /* makes the list items horizontal */
- width: 120px !important; /* width of each link */
- text-align: center !important;
- margin-left: 0 !important;
- padding-left: 0 !important;
- }
- /* let a little space to the left of the navigation bar. */
- div .j-column.j-column-s nav {
- margin-left: 0px !important;
- margin-top: 20px !important; /* max of margin-bottom of proceeding line and margin-top */
- }
- /* after making the navigating link horizontal, the blue overlay box doesn't immediately
- jump to the draft box. After clicking on any of the other links, the blue box
- parks on the draft box and will not move. The function must be implemented in javascript which
- cannot be changed from css. Purge it.
- Upper nav bar on your content */
- /* https://discussions.apple.com/people/<apple-id>/content */
- body.jive-view-profile.j-view-profile.j-view-profile-nonself.other .j-second-nav > ul:nth-child(1) > li:last-child,
- body.j-body-yourwork.other li.active:last-child {display: none !important;}
- /* Found another blue overlay box.
- https://discussions.apple.com/people/<ASC_id>/content?manage=true */
- body.jive-view-profile.j-view-profile.j-view-profile-self.other li.active:last-child {display: none !important;}
- /* style the link (a tag) inside the li
- Put a box around the links. Complete box makes for a dark middle Line. So, leave
- off right line but for righ most link. Do the best we can
- ASC box grey-line color #d7d7d7 also seems like grey #eaeaea */
- div .j-column.j-column-s nav li a {
- border: 1px solid #d7d7d7 !important;
- border-left: none !important; /* avoid double border lines for middle items */
- padding-left: 0 !important;
- }
- /* Fill in the first box with a line on the left */
- /* Upper nav bar on your content
- https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread] */
- body.j-body-yourwork.other li.j-browse-filter-group-item:first-child > a,
- /* https://discussions.apple.com/people/<apple-id>/content?manage=true */
- body.jive-view-profile.j-view-profile.j-view-profile-self other li.active:first-child > a,
- /* https://discussions.apple.com/people/<apple-id>/content */
- div .j-column.j-column-s nav.j-second-nav ul > li:first-child > a,
- /* lower nav bar, see here:
- https://discussions.apple.com/community/ipad/ipad_in_business_and_education
- /content?filterID=contentstatus[published]~objecttype~objecttype[thread] */
- body.j-body-place.other li.j-browse-filter-group-item:first-child {
- border-left: 1px solid #d7d7d7 !important; /* avoid double border lines for middle items */
- }
- /* Hover over nav bar item */
- div .j-column.j-column-s nav li a:hover {
- color: #42aaff !important; /* light blue */
- }
- } /* media */
- } /* @-moz-document url-prefix for sidebar */
- /* ==============================================
- Revise the display posts in a Thread.
- Cases:
- -- Question only
- -- Question with posts
- -- Question with answer
- -- Question with helpful
- -- Question with answer and helpful
- examples:
- https://discussions.apple.com/thread/7583029
- https://communities.apple.com/pt/thread/4531
- https://communities.apple.com/pt/thread/4705
- */
- @-moz-document
- url-prefix(https://discussions.apple.com/thread),
- url-prefix(https://discussions.apple.com/message),
- url-prefix(https://discussionsjapan.apple.com/thread),
- url-prefix(https://discussionsjapan.apple.com/message),
- url-prefix(https://discussionskorea.apple.com/thread),
- url-prefix(https://discussionskorea.apple.com/nessage),
- url-prefix(https://communities.apple.com/es/thread),
- url-prefix(https://communities.apple.com/es/message), /* I have not see an es message */
- url-prefix(https://communities.apple.com/pt/thread),
- url-prefix(https://communities.apple.com/pt/message) {
- /* Debug to identify which page we found. Place our ukiyo-e. */
- /* h1, h2, h3 {
- background-color: aqua !important;
- border: 2px dashed black !important;
- } */
- /* significant classes and selecters
- To select in Question and posible answer and helpful
- section.j-original-message
- to select all replies
- div.all-replies-container
- ul-jive-discussion-replies.jive-discussion-flat.jive-discussion-indent-0
- */
- /* No line after Communities. Waste of space and doesn't separate anything. */
- body.jive-bod div#body-apple #j-globalNav-bg {border-bottom-width: 0px !important; }
- /* Try to make text "pop" -- a photography term */
- /* Avoid problem with q scrolling off to the left
- https://discussions.apple.com/message/30312176#message30312176 */
- .j-thread-post section.j-original-message h1 {
- max-width: inherit !important;;
- margin: 0px 60px 20px 60px !important;;
- }
- .j-original-message h1 .q-marker {
- left: -60px !important;
- font-size: 32px !important;
- }
- /* by styling the paragraph early, we can fix up any misses later.
- This seemed like a good idea, but p is too broad and causes to much fix up.
- So, we best to be cautious and to be more selective */
- /* font-size in Question and posible answer and helpful */
- section.j-original-message p,
- /* Correct answer just after question. */
- div.jive-rendered-content p,
- /* Well, folks can render in any tag they want. */
- /* div.jive-rendered-content h4,*/
- /* Unbelievable, Apple is hardcoding color, font-size & font-family via a style tag in a span.
- Got them! */
- div.jive-rendered-content p span,
- /* Correct answer, but in reply section. When in suppressed display. */
- div.jive-rendered-content p,
- /* font-size for reponses */
- /* for replies other than question, answer and helpful */
- div.all-replies-container p {
- font-size: 16px !important;
- font-weight: normal !important;
- color: #000000 !important; /* rgb(51,51,51) blackish. Same color as before may 2016 */
- font-family: initial !important; /* get rid of it. Do the normal cascade */
- }
- /* the control that shows all replies, and forces the display of all replies
- when they might otherwise be hidden. Thanks turingtest2, London, UK */
- .more-answers {display: none !important;} /* Hide the more to the conversation block */
- .all-replies-container {display: inherit !important;} /* Display all answers */
- /* Let's try indenting all the extraneous stuff.
- For some reason in the question area and the date, 50px didn't produce uniform indenting. 5% did.
- For the buttons in the repsonse are 50px worked better. */
- /* Question */
- section.j-original-message span p.jive-model-info-display,
- section.j-original-message span p.meta-posted,
- .thread-actions,
- /* Responses */
- /* date */
- .j-inresponse-to {
- padding-left: 5% !important;
- color: rgb(150,150,150) !important; /* grey */
- font-size: 14px !important;
- }
- /* indent reply button. May only effect english pages. */
- footer div.footer-toplevel-actions,
- /* answer button */
- div.j-inline-correct-answer footer {
- padding-left: 5% !important; }
- span a.black-button.jive-acclaim-likelink, /* question button */
- div.j-inline-correct-answer footer a.action-button, /* answer button */
- span.js-acclaim-container.acclaim-container a /* response button */
- {
- padding: 7px 9px !important;
- color: rgb(150,150,150) !important; /* grey */
- font-size: 14px !important;
- }
- /* button in reponse */
- div.all-replies-container .jive-thread-helpful-btn {
- padding-left: 50px !important;
- }
- /* Make all lower buttons the same. Who ever heard of different size buttons? */
- /* Correct answer. Isn't as bad as the reply button, but might as well use the
- same set of rule, even if we do not need all. */
- div.jive-thread-reply-btn-correct a,
- /* Tone down Reply Button */
- /* footer div.footer-toplevel-actions a .discussionAdd, */
- .discussionAdd{
- background-image: none !important; ; /* bye, bye gradiant */
- background-color: white !important;
- color: rgb(150,150,150) !important; /* grey */
- padding: 7px !important;
- font-size: 14px !important;
- line-height: 14px !important;
- }
- /* Try to set a uniform space between buttons */
- /* later */
- /* Srink large response title */
- li.all-replies.active.none span.menu {font-size: 50% !important;}
- /* white space between repls */
- .all-replies-container li {margin-top: 50px !important;}
- /* Custom font weight and color */
- .jive-rendered-content p {
- font-weight: normal !important;
- color: #000000;
- }
- /* on a small response window */
- @media all and (max-width: 1100px) {
- /* no padding or margin looks bad. */
- body {padding-left: 20px !important;}
- } /* end of media for a small screen */
- } /* @-moz-document for responses */
- /* ==============================================
- Leave the login window footer alone. So, turn these fields back on.
- */
- @-moz-document
- url-prefix(https://discussions.apple.com/people/),
- url-prefix(https://discussions.apple.com/welcome),
- url-prefix(https://discussionsjapan.apple.com/people/),
- url-prefix(https://discussionsjapan.apple.com/welcome/),
- url-prefix(https://discussionskorea.apple.com/people/),
- url-prefix(https://discussionskorea.apple.com/welcome/),
- url-prefix(https://communities.apple.com/es/people),
- url-prefix(https://communities.apple.com/es/welcome),
- url-prefix(https://communities.apple.com/pt/people),
- url-prefix(https://communities.apple.com/pt/welcome) {
- /* legalistic bomblast on login window*/
- #globaldisclaimer.sosumi {display: inherit !important; }
- /* path to here */
- #j-footer #breadcrumbs {display: inherit !important; }
- /* apple product info */
- p.gf-buy {display: inherit !important; }
- }
- /*
- Addresses problems with decorator tag mentioned here:
- https://discussions.apple.com/message/30170332#30170332
- looking for a page like:
- https://discussions.apple.com/thread/7522221?decorator=print&displayFullThread=true
- */
- /*
- Examples of @-moz-document selectors
- @-moz-document
- regexp("https:\/\/discussions\.apple\.com\/thread\/.*\?decorator=print&displayFullThread=true.*")
- @-moz-document
- url-prefix(https://discussions.apple.com/people/),
- url-prefix(https://discussions.apple.com/welcome),
- url-prefix(https://discussionsjapan.apple.com/people/),
- url-prefix(https://discussionsjapan.apple.com/welcome/),
- url-prefix(https://discussionskorea.apple.com/people/),
- url-prefix(https://discussionskorea.apple.com/welcome/),
- url-prefix(https://communities.apple.com/es/people),
- url-prefix(https://communities.apple.com/es/welcome),
- url-prefix(https://communities.apple.com/pt/people),
- url-prefix(https://communities.apple.com/pt/welcome)
- @-moz-document
- domain(discussions.apple.com), English
- domain(communities.apple.com), Português Spanish
- domain(discussionsjapan.apple.com),
- domain(discussionskorea.apple.com) */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement