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 2016-06
- Copyright (c) 2014, 2016 Hiroto, et. al.
- All rights reserved.
- Redistribution and use in source and binary forms, with or without
- modification, are permitted provided that the following conditions are met:
- 1. Redistributions of source code must retain the above copyright notice, this
- list of conditions and the following disclaimer.
- 2. Redistributions in binary form must reproduce the above copyright notice,
- this list of conditions and the following disclaimer in the documentation
- and/or other materials provided with the distribution.
- THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
- ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
- WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
- DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
- ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
- (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
- LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
- ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
- (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
- SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- The views and conclusions contained in the software and documentation are those
- of the authors and should not be interpreted as representing official policies,
- either expressed or implied, of the Custom Styles Project.
- For more information on how to install this css and what the css does, see:
- https://discussions.apple.com/docs/DOC-7501
- v0.30 by rccharles
- - Smart phone support
- - Use BSD copyright notice
- - (min-width: 500px) and (max-width: 600px)
- v0.22 by rccharles
- - Adjusted original poster info.
- v0.21 by rccharles
- - Updates for 7-7-2016 ASC changes. Adjusted reply poster info names.
- v0.2 by rccharles
- - scrolling of large code blocks "advanced >> plain"
- - reformat buttons
- - nav list to horizontal for small windows
- - option to sink legalistic bombblast.
- Look for .~.~.~.~.~.~.~. then uncomment the three lines following
- - expanded the display of posts in a discussion to view all posts.
- Thanks turingtest2
- - colored backgrounds for posts
- - turingtest2's fix for copy & paste in tinyMCE
- - turingtest2's fix to get rid of answered and helpfuls at the top of every
- page.
- - light blue in tool icon pulldowns
- - link popup on simple edit
- Look for -.-.-.-.-.-.-.- then uncomment the line following
- - Move who replied to the left margin.
- - Move original poster's info to the left margin
- 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), /* Português & Spanish */
- 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: #F2F2F2 !important; /* light grey was white, must of the window was this color anyway. */
- }
- body {
- min-width: 0px !important;
- }
- /* Note: #body-apple is a div the covers the whole document. So, it overrides the body tag. */
- #body-apple {
- width: auto !important;
- min-width: 0px !important;
- background: #f2f2f2 !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; /* turns off bolding. 0.2 */
- line-height: inherit !important;
- }
- /* font
- 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;
- }
- /* Start 0.2 additions */
- /* Reduce white space in user tips */
- /* Put bolding back. body * is too strong above. Hack strong back! */
- strong {
- font-weight: bold !important;}
- /* No line after Communities. Waste of space and doesn't separate anything.
- https://discussions.apple.com/community/mac_os/mac_os_x_technologies/content */
- div#j-header-wrap header nav#j-globalNav-bg {border-bottom: 0px !important; }
- /* ??? */
- select#j-sort.form-cell.form-dropdown option {
- padding: 5px 6px 5px 8px !important;
- font-size: 14px !important;
- width: 180px !important; /* Was 220px */
- color:green !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;}
- /* Prevent capitalization of user names there. (Mine becomes Turingtest2 on
- that page and nowhere else, which is daft!) */
- .jive-username-link {text-transform: none !important;} /* Remove username
- capitalization */
- /* Scroll code listings. set max-height of syntax highlighted code in thread
- content browser */
- .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) */
- .jive-rendered-content pre {
- max-height: 500px !important;
- overflow: auto !important;
- }
- /* Rambling footer stuff will be sunk
- no more legalistic bomblast.
- Read about Apple's worries 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; } */
- /* end 0.2 additions */
- /* 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 Let's adjust in the header 9-20-2016 */
- /* 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;
- /* background-color: antiquewhite !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;
- /* background-color: antiquewhite !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) */
- /* I'll go with dark blue. In an earlier implementation of ASC, the bolded fond wasn't that noticeable, so
- a dark blue was picked. Might as well stay with it. 0.2 */
- /* .j-browse-details .j-td-title strong { font-weight: 600 !important; } */
- /* ================================================= */
- /* list of discussions adjustment for narrow windows */
- @media all and ( min-width: 500px ) and ( max-width: 1099px ) {
- /* ------------------
- Treatment for narrow window
- Hide Like and Bookmark columns in thread list view if
- viewport width <= 1098 (= 1265 - 166)
- */
- /* Table headers to ditch: like & bookmark headers.
- th + th hits 2 or more td's! Hence, it hits the lower td's.
- So, you need to fix up the lower td's. */
- .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; }
- /* Let the element behave like a <td> element
- And recover from the ditch above. */
- .j-browse-details > table.j-browse-list > thead.j-rc4 > tr > th + th + th + th {
- /*background-color: antiquewhite !important;/**/
- display: table-cell !important; }
- /* status
- Vertical align table cells. Hassle.
- For details on how, see: http://vanseodesign.com/css/vertical-centering/ */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon {
- display:inline-block;
- white-space: normal !important;
- vertical-align: middle !important;
- display:table-cell !important;}
- /* title */
- .j-browse-details .j-td-title {
- padding-top: 10px !important;
- padding-bottom: 10px !important;
- /*background-color: pink !important;/**/
- }
- .j-browse-details .j-td-title p.j-browse-content-location.font-color-meta-light {
- margin-bottom: 0 !important;
- /*background-color: antiquewhite !important;/**/
- }
- } /* end of media */
- /* ================================================= */
- /* list of discussions adjustment for small windows found on lanscaped smart phones
- all and ( min-width: 400px ) and ( max-width: 499px )*/
- @media all and ( max-width: 499px )
- {
- /* ------------------
- Treatment for small window
- */
- /* status, Title & Latest activite (time)
- Vertical align table cells. Hassle.
- For details on how, see: http://vanseodesign.com/css/vertical-centering/ */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon ,
- .j-browse-details .j-td-title,
- .j-browse-details .j-td-date
- {
- display:inline-block;
- white-space: normal !important;
- vertical-align: middle !important;
- display:table-cell !important;}
- table.j-browse-list {
- table-layout: fixed !important;
- margin-top: 20px !important;
- /*background-color: yellow !important;/**/}
- /* data columns to ditch.
- fyi: I think apple got rid of likes. */
- .j-browse-details .j-td-likes,
- .j-browse-details .j-td-bookmarks {
- display: none !important;
- /* background-color: yellow !important;/**/
- }
- /* problem with addressing first and second columns, because of th colspan="2" in
- header row. */
- .j-browse-details > table.j-browse-list > thead.j-rc4 > tr {
- display:none !important;
- }
- /* status */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon {
- width: 20px !important;/**/
- padding-left: 0 !important;
- padding-right: 3px !important;
- /*background-color: pink !important;/**/
- }
- /* replies */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-replies {
- width: 20px !important;/**/
- font-size: 12px !important;/**/
- background-color: antiquewhite !important;/**/
- }
- /* views */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-views {
- width: 32px !important;/**/
- font-size: 12px !important;/**/
- background-color: cornsilk !important;/**/
- }
- /* Latest activity (date) */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-date {
- width: 110px !important;/**/
- font-size: 12px !important;/**/
- /*background-color: antiquewhite!important;/**/
- }
- /* Actions */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-actions {
- width: 24px !important;/**/
- /* overflow:hidden !important; /**/
- /* background-color: silver !important;/**/
- }
- /* Try to get rid of the userid. Hard because of lack of addressability to the
- words in ... to ...
- This strange combo seems the best we can do. */
- .j-browse-details .j-td-title p.j-browse-content-location.font-color-meta-light
- {
- margin-bottom: 0 !important;
- /*display: none !important;*/
- visibility: hidden !important;/**/
- /*background-color: antiquewhite !important;/**/
- }
- .j-browse-details .j-td-title p.j-browse-content-location.font-color-meta-light a:nth-child(1){
- margin-bottom: 0 !important;
- /*display: inline !important;/**/
- visibility: visible !important;/**/
- /*background-color: pink !important;/**/
- }
- .j-browse-details .j-td-title p.j-browse-content-location.font-color-meta-light a:nth-child(2){
- margin-bottom: 0 !important;
- display: none !important;/**/
- /*visibility: visible !important;/**/
- /*background-color: cornsilk !important;/**/
- }
- } /* end of media */
- /* ================================================= */
- /* list of discussions adjustment for small windows found on potraited smart phones */
- @media all and ( max-width: 399px )
- {
- /* ------------------
- Treatment for small window
- */
- /* lot of other apps do not have padding (margin) on smart phones. */
- div#body-apple {
- padding-left: 2px !important;
- padding-right: 2px !important;
- }
- /* status */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon {
- padding-right: 1px !important;
- /*background-color: pink !important;/**/
- }
- /* title */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-title a {
- font-size: 13px !important;
- /* background-color: yellow !important;/**/
- }
- div.j-browse-details > table.j-browse-list > tbody >
- tr > td.j-td-title div p a {
- font-size: 11px !important;
- }
- /* status */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-icon span {
- /* background-color: teal!important;/**/
- }
- /* Latest activity (date) */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-date {
- width: 40px !important;/**/
- font-size: 12px !important;/**/
- /*background-color: antiquewhite!important;/**/
- }
- /* Actions */
- div.j-browse-details > table.j-browse-list > tbody > tr > td.j-td-actions {
- width: 20px !important;/**/
- /* Vertical align table cells. Hassle. */
- display:inline-block;
- white-space: normal !important;
- vertical-align: middle !important;
- display:table-cell !important;
- /*background-color: silver !important;/**/
- }
- } /* end of media all and ( max-width: 399px ) */
- /* 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 wide 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 ( min-width: 1265px ) *?
- /* ================================================= */
- @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; }
- } /* media all and ( max-width: 1265px ) */
- /* ------------------
- 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;
- }
- /* Used for margins around all replies
- .j-thread #body-apple .all-replies-container,
- Used for margins around tinymce
- .j-thread #body-apple .addReply
- */
- .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 #j-main #jive-breadcrumb,
- /* Used for margins around all replies */
- .j-thread #body-apple .all-replies-container
- {
- 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;
- }
- .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-original-message .jive-rendered-content p {
- font-size: inherit !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; }
- /* 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;
- }
- .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; 0.2 */
- 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
- I've tracked down a copy/paste error that happens in the editor if you decide
- to rearrange things. Typically the cut and pasted text inherits an unwanted
- fixed size which isn't displayed in the editor and can be missed after
- submission. This issue can be suppressed by not explicitly setting the font
- size of the editor area. turingtest2
- https://discussions.apple.com/docs/DOC-10241
- tt2's July 30th version
- .tiny_mce_content {font-size: inherit !important}
- What I have
- body.tiny_mce_content { line-height: inherit !important; } */
- /* tinymce input area. Stamp out all white
- area around top and bottom of editor */
- /* Subject input area for new post */
- div#jive-compose-title input#subject,
- .addReply .jive-thread-reply-inline,
- /* input field */
- body.tiny_mce_content{
- background-color: oldlace !important; /* antiquewhite azure lightskyblue
- lightsteelblue snow wheat whitesmoke */
- }
- /* 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) 0,2
- .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;
- /* margin-left: 150px !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;
- }
- } /* end */
- /* ==============================================
- Revise the display of posts in a Thread. 0.2
- Each of these cases may have one or more post after:
- -- Question only
- -- 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://discussions.apple.com/update-advanced-comment.jspa),
- url-prefix(https://discussionsjapan.apple.com/thread),
- url-prefix(https://discussionsjapan.apple.com/message),
- url-prefix(https://discussionsjapan.apple.com/update-advanced-comment.jspa),
- url-prefix(https://discussionskorea.apple.com/thread),
- url-prefix(https://discussionskorea.apple.com/message),
- url-prefix(https://discussionskorea.apple.com/update-advanced-comment.jspa),
- 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/es/update-advanced-comment.jspa),
- url-prefix(https://communities.apple.com/pt/thread),
- url-prefix(https://communities.apple.com/pt/message),
- url-prefix(https://communities.apple.com/pt/update-advanced-comment.jspa) {
- /* 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 0.21
- To select in Question and posible answer and helpful
- Starts with times stamp. Example "Jul 5, 2016 11:44 PM in response to Ferd II"
- Doesn't include original poster info.
- section.j-original-message
- to select all replies
- div.all-replies-container
- ul-jive-discussion-replies.jive-discussion-flat.jive-discussion-indent-0
- */
- /* Place the poster info to the left of the post for medium and large windows.
- Let poster info above the the post for a small window such as found on a smart
- phone. 0.30 */
- /* ================================================= */
- /* for small windows such as a smart phone. 0.30 */
- @media all and (max-width: 499px) {
- /* adjust margin for smart phone screen here. Different margin adjust is done for larger screens
- just below. More adjustments to element are made after moving of poster info for larger
- windows. */
- /* thread message border. All message except question it seems. */
- .jive-discussion-replies li.reply .jive-thread-message {
- margin-left: 0px !important; /* There is some other margin to prevent going all the way
- to the left margin. */
- }
- /* thread original messeage (question) */
- .j-thread-post section.j-original-message {
- margin: 0px 30px 0px 30px !important;
- }
- }
- /* ================================================= */
- /* For medium and large size windows... */
- @media all and (min-width: 500px) {
- /* Indent reply so that it stands out.
- Used for margins around tinymce's playground */
- .j-thread #body-apple .addReply
- {
- max-width: inherit !important;
- margin: 10px 40px !important;
- }
- /* thread message border. All message except question it seems. 0.30 */
- .jive-discussion-replies li.reply .jive-thread-message {
- margin-left: 80px !important;
- }
- /* thread original messeage (question) */ /* 0.30 */
- .j-thread-post section.j-original-message {
- margin: 0px 30px 0px 110px !important;
- }
- /* Move who wrote the question back to where it was before!
- Will appear to the left of the question text box. */
- /* Avatar */
- header.js-original-header img.jive-avatar {
- position: absolute !important;
- top: 30px !important;
- left: 15px !important;
- width: 66px !important;
- height: 66px !important;
- }
- /* Let questioner's info escape the box */
- div.j-thread-post.j-rc4 header.js-original-header.apple-overflow-hidden
- { overflow: visible !important; }
- /* html for user's name
- <strong itemprop="author"
- itemscope=""
- itemtype="http://schema.org/Person">
- <a rel="nofollow"
- href="/people/rccharles"
- data-externalid=""
- data-username="rccharles"
- data-avatarid="1095"
- id="jive-99999999999999999999999"
- data-userid="999999"
- data-presence="null"
- class="jiveTT-hover-user jive-username-link">rccharles</a>
- </strong>
- */
- /* move questioner to left of post 0.21 */
- header.js-original-header.apple-overflow-hidden span.j-post-author strong {
- position: absolute !important;
- top: 80px !important;
- left: -96px !important;
- text-align: center !important;
- width: 120px !important;
- /* background-color: yellow !important; */
- }
- /* questioner's name. text adjustment 0.21 */
- header.js-original-header.apple-overflow-hidden span.j-post-author strong a {
- font-weight: 400 !important; /* don't bold */
- font-size: 13px !important;
- line-height: 13px !important;
- /* background-color: pink !important; */
- }
- /* questioner's points icon. fyi: position: absolute didn't work here. === 0.22 */
- div.j-thread-post.j-rc4 header.js-original-header.apple-overflow-hidden span.status-image img.svg {
- margin-top: 110px !important;
- margin-left: -50px !important;
- }
- /* questioner's points. Actual coding:
- <span class="level-points">Level 6
- <span>(8,266 points)</span>
- </span>
- 0.22
- */
- div.status-container span.j-status-level:not(.community-manager) span.level-points
- {
- position: absolute !important;
- top: 140px !important;
- left: -94px !important; /* shove level # off the left of window. Need to save space. */
- width: 120px !important;
- text-align: center !important;
- text-indent: -80px !important;
- font-size: 12px !important;
- line-height: 12px !important;
- /* background-color: turquoise !important; /* */
- }
- /* 0.22 */
- div.status-container span.j-status-level:not(.community-manager) span.level-points span {
- margin-left: 20px !important;
- display: inline !important;
- /* background-color: yellow !important; /* */
- }
- /* Community host. css is a little different
- <span class="j-status-level community-manager">
- <span class="status-image">
- <img
- class="svg"
- src="/6.0.3.0d25e296/resources/images/status/ph-usermoderator.png?vid=20160707"
- alt="">
- </span>
- <span class="level-points"> Community Hosts
- </span>
- </span>
- 0.22 */
- header.js-original-header.apple-overflow-hidden span.j-status-level.community-manager span.level-points {
- position: absolute !important;
- top: 144px !important;
- left: -95px !important;
- font-size: 12px !important;
- line-height: 12px !important;
- text-align: center !important;
- width: 120px !important;
- }
- /* Time of question. Where to place after moving info to the side. 0.22 */
- /* move time questioner made question to after questioner name */
- /* div#body-apple section.j-original-message p.meta-posted {
- position: absolute !important;
- top: -12px !important;
- left: 280px !important;
- } */
- /* Leave some space above the bottons and below the text. */
- /* div#body-apple section.j-original-message div.thread-actions
- { margin-top: 20px !important;} */
- /* For some reason, maybe overflow: visible, wrecks some tags positioning, fix up. */
- /* Move folling and tool icon back to where they were */
- ul.apple-social-actions-toolbar { margin-top: -45px !important; }
- /* Move who wrote a post ( just relpies ) back to where it was before!
- ------------------------------------------------------------------
- some tags do not move in question in answer or helpful in answer.
- Avatar 0.21 */
- div.message-profile span.image-container img {
- position: absolute !important;
- top: -0px !important;
- left: -105px !important;
- width: 60px !important;
- height: 60px !important;
- }
- /* username 0.21 */
- div.message-profile span.username {
- position: absolute !important;
- top: 66px !important;
- left: -136px !important;
- font-size: 13px !important;
- line-height: 13px !important;
- text-align: center !important;
- width: 125px !important;
- padding: 0px !important;
- }
- /* Points icon 0.21 */
- div.message-profile span.status-image {
- position: absolute !important;
- top: 83px !important;
- left: -88px !important;
- }
- /* time of posting.
- example: Jun 13, 2016 10:48 AM in response to Eric Root 0.21
- */
- div.j-thread-post.j-rc4 > h3 + div.message-profile + span.j-inresponse-to
- {margin-top: -12px !important;} /* eyeball to be the same as botton spacing */
- /* <span class="level-points">Level 7
- <span>(27,528 points)</span>
- </span>
- level number hid by slidding of window 0.21*/
- div.message-profile span.j-status-level:not(.community-manager) span.level-points
- {
- position: absolute !important;
- top: 114px !important;
- left: -130px !important; /* shove level # off the left of window. Need to save space. */
- width: 120px !important;
- text-align: center !important;
- text-indent: -80px !important;
- font-size: 12px !important;
- line-height: 12px !important;
- /* background-color: turquoise !important; /* */
- }
- /* points. move to a visible spot 0.21 */
- div#jive-body div.message-profile span.j-status-level:not(.community-manager) span.level-points span {
- margin-left: 20px !important;
- display: inline !important;
- /* background-color: yellow !important; /* */
- }
- /* Community host. css is a little different
- <span class="j-status-level community-manager">
- <span class="status-image">
- <img
- class="svg"
- src="/6.0.3.0d25e296/resources/images/status
- /ph-usermoderator.png?vid=20160707"
- alt="">
- </span>
- <span class="level-points"> Community Hosts
- </span>
- </span>
- 0.21 */
- div.message-profile span.j-status-level.community-manager span.level-points {
- position: absolute !important;
- top: 114px !important;
- left: -130px !important;
- font-size: 12px !important;
- line-height: 12px !important;
- text-align: center !important;
- width: 120px !important;
- }
- /* Mess with answer in question who made post information */
- /* Seemed the "Posted on ..." in the Answer inside the question is in the answer box
- when it should be in the footer section :-(. Do a force adjust. Bug fix. */
- div.j-inline-correct-answer section p.meta-posted {margin-left: -20px !important;}
- /* Move avatar and username. */
- /* answer inside question. Here is the html we have to work with :-(
- <a rel="nofollow" href="/people/Hiroto" data-userid="999999" data-externalid="" data-avatarid="999999"
- data-username="Hiroto" class="username jiveTT-hover-user">
- <img class="jive-avatar" src="/people/Hiroto/avatar/40.png" data-height="40"
- alt="Hiroto" title="Hiroto" style="outline: none;" height="40" width="40">Hiroto
- </a>
- */
- /* adjust avator after move of the a tag. */
- div.j-inline-correct-answer div.footer-profile img.jive-avatar {
- width: 66px !important;
- height: 66px !important;
- margin-top: -70px !important;
- margin-left: 30px !important;
- }
- /* Username
- overflow: hidden !important;
- text-overflow: ellipsis !important;
- */
- div.j-inline-correct-answer div.footer-profile a.username.jiveTT-hover-user {
- position: absolute !important;
- top: 70px !important;
- left: -142px !important;
- font-size: 13px !important;
- line-height: 13px !important;
- text-align: center !important;
- width: 120px !important;
- padding: 0px !important;
- display:block !important;
- overflow: visible !important;
- }
- /* points icon within answer inside question */
- section.j-original-message div.j-inline-correct-answer div.footer-profile span.status-image img.svg {
- position: absolute !important;
- top: 0px !important;
- left: -15px !important;
- }
- /* points */
- div.j-inline-correct-answer div.footer-profile span.level-points > span {
- position: absolute !important;
- top: 114px !important;
- left: -148px !important;
- font-size: 12px !important;
- line-height: 12px !important;
- text-align: center !important;
- width: 120px !important;
- }
- /* answer points icon in regular reply area */
- div.all-replies-container div.j-inline-correct-answer div.footer-profile span.status-image img.svg {
- position: absolute !important;
- top: 16px !important;
- left: -10px !important;
- }
- /* Move avatar */
- /* helpful inside question */
- div.j-inline-promoted-helpful-answer div.footer-profile img.jive-avatar{
- position: absolute !important;
- top: 5px !important;
- left: -96px !important;
- width: 66px !important;
- height: 66px !important;
- }
- /* points icon */
- div.j-inline-promoted-helpful-answer div.footer-profile span.j-status-levels img {
- position: absolute !important;
- top: 76px !important;
- left: -74px !important;
- }
- /* points */
- div.j-inline-promoted-helpful-answer div.footer-profile span.level-points > span {
- position: absolute !important;
- top: 108px !important;
- left: -100px !important;
- font-size: 12px !important;
- line-height: 12px !important;
- }
- } /* end of moving posters to the left of the message <------------- */
- /* Comman for all window sizes in disaplay of posts. */
- /* thread original messeage (question) */ /* 0.30 NEW */
- /* #FFFFCC parchment #EDF7E8 light green answered */
- .j-thread-post section.j-original-message {
- /* margin: 0px 30px 0px 110px !important; */
- padding: 15px 10px !important;
- border-style: dotted !important;
- border-width: thin !important; /* thin */
- background: none repeat scroll 0% 0% #FFFFCC !important; /* parchment */
- }
- /* Reply button */
- .j-thread-post section .thread-actions {
- max-width: inherit !important;
- margin: 0px 25px 0px 0px !important;
- }
- /* lower metadata "Posted on ..." */
- .meta-posted {
- max-width: inherit !important;
- margin: 10px 25px 20px 0px !important; /* margin-left: 0px */
- font-size: 16px !important;
- }
- /* thread message border. All message except question it seems. 0.30 NEW */
- .jive-discussion-replies li.reply .jive-thread-message {
- border-style: dotted !important;
- border-width: thin !important;
- /* margin-left: 80px !important; */
- }
- /* promoted helpful answer and prompted recommended answer */ /* 0.3 NEW */
- /* Doesn't seem to have any effect :-( */
- .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 80px !important;
- /* background-color: turquoise !important; */
- border-style: dotted !important;
- border-width: thin !important;
- }
- /* ditch line between original post and first reply post
- No need since since setting background-color in orginal post 8-5-2016 */
- div ul.jive-discussion-replies.jive-discussion-flat.jive-discussion-indent-0 {
- border-top: 0px !important; }
- /* Tighten up double paragraphs spacing. I put in a blank paragraph to
- separate "real" paragraphs
- https://discussions.apple.com/message/30333231#30333231 */
- .j-thread .jive-content .j-thread-post section p,
- .j-thread .jive-content .j-thread-post section .jive-rendered-content p,
- .j-thread .jive-content .j-thread-post section.j-original-message .jive-rendered-content p {
- min-height: 0px !important;
- }
- /* Let's make the paragraph text a little more compact. */
- p[style="min-height: 8pt; height: 8pt; padding: 0px;"] { height: 0.6em !important; }
- /* the control that shows all replies, and forces the display of all replies
- when they might otherwise be hidden. Thanks turingtest2, London, UK */
- .helpful-allreply {display: none !important;} /* Hide helpful/all reply switch */
- #helpful-container {display: none !important;} /* Hide helpful block */
- .all-replies-container {display: inherit !important;} /* Display all replies block */
- /*You can hide the copies of any solved/recommended answers that appear immediately
- below the question with: turingtest2 */
- .j-answer-rollup {display: none !important;} /* Hide solved/recommended block */
- /* No more link popup on simple edit. turingtest2
- .-.-.-.-.-.-.-.- */
- /* .popOverContent {display: none !important;} /* Suppress pop-up link editor */
- /* For buttons without the black background like cancel
- Color picker
- http://www.w3schools.com/colors/colors_picker.asp */
- /* "I have this question too" on question */
- span.j-social-action.black-button.j-disabled,
- div.jive-composebuttons button.j-btn-global,
- 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 7px !important;
- color: #0288CC !important; /* light blue, was rgb(150,150,150) grey */
- font-size: 14px !important;
- line-height: 14px !important;
- background-color: #f2f2f2 !important;
- }
- /* "I have this question too" on question.
- Why was opacity 0.5 on this button but not others? */
- span.j-social-action.black-button.j-disabled {opacity: 1 !important;}
- /* button in reponse */
- div.all-replies-container .jive-thread-helpful-btn {
- color: #0288CC !important; /* light blue */
- background-color: #f2f2f2 !important;
- }
- /* Upper tool icon pulldwon */
- ul#jive-action-sidebar-tab-list_thread-actions-tab *,
- /* Lower tool icon pulldwon */
- ul.apple-thread-options.js-toggle-thread-actions li *,
- /* change lower button text from grey to light blue. */
- a.discussionPermaLink
- /* span.jive-icon-sml.jive-icon-warn */{ color: #0288CC !important; /* light blue */}
- /* Make all lower buttons the same. Who ever heard of different size buttons? */
- /* save reply, button you get to save an edit of a post */
- div.jive-composebuttons button#submitButton.j-btn-callout, /* post button on edit of orginal post */
- /* 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. may not be correct button :-( */
- div.jive-thread-reply-btn-correct a,
- /* Following; upper right */
- a#jive-link-thread-following.button.following-button, /* no box */
- /* alternative state of following button, follow */
- a#jive-link-thread-startFollowing.button.follow-button,
- /* action button with the V */
- a.apple-actions-link, /* not working */
- /* Tone down Reply Button */
- /* footer div.footer-toplevel-actions a .discussionAdd, */
- .discussionAdd,
- /* clicking on Reply to get the inputput, this is the save */
- div input.jive-form-button-save.j-btn-callout,
- /* clicking on Reply to get the inputput, this is the cancel */
- div input.jive-form-button-cancel{
- background-image: none !important; ; /* bye, bye gradiant */
- background-color: #f2f2f2 !important;
- color: #0288CC !important; /* light blue, was rgb(150,150,150) grey */
- padding: 7px !important;
- font-size: 14px !important;
- line-height: 14px !important;
- margin-bottom: 8px !important;
- }
- /* save reply, button you get to save an edit of a post. touch up
- https://discussions.apple.com/update-advanced-comment.jspa?id=30347987 */
- div#body-apple button#submitButton.j-btn-callout { margin-left: 20px !important; }
- /* Following button, upper right. Might as well box it for consistancy */
- a#jive-link-thread-following.button.following-button {
- border-style: solid !important;
- border-width: thin !important;
- border-color: #9b9b9b !important; /* grey, Apple's color */
- padding: 6px 6px 8px 28px !important;
- }
- /* Check icon with Following. Move to the left of following. */
- span.following-check.icon.icon-check {
- margin-left: -10px !important;
- margin-top: -7px !important;
- }
- /* Tool icon button upper left, right of Following button */
- a#apple-actions-link { padding: 4px 6px 4px !important; }
- /* Tool icon button lower left. same row as reply button */
- a.js-toggle-thread-options.thread-options { padding: 4px 4px 4px !important; }
- /* Tool box upper right */
- ul.apple-social-actions-toolbar li.apple-actions {height: 28px !important;}
- /* User machine and operating system info from profile
- Make metadata font size the same. */
- section.j-original-message p.jive-model-info-display {
- font-size: 16px !important;
- margin-left: 0px !important;
- }
- /* hover */
- /* "I have this question too" on question */
- span.j-social-action.black-button.j-disabled:hover,
- /* Following; upper right */
- a#jive-link-thread-following.button.following-button:hover,
- /* post button on edit of orginal post */
- div.jive-composebuttons button#submitButton.j-btn-callout:hover,
- /* cancel button on edit of orginal post */
- div.jive-composebuttons button.j-btn-global:hover,
- /* clicking on Reply to get the input, this is the save */
- div input.jive-form-button-save.j-btn-callout:hover,
- /* clicking on Reply to get the inputput, this is the cancel */
- div input.jive-form-button-cancel:hover,
- /* Reply button hover state */
- .discussionAdd:hover{ border-color: #0288CC !important; }
- /* ================================================= */
- /* Only for narrow width windows. */
- @media all and ( min-width: 500px ) and ( max-width: 1265px ) {
- /* 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 */
- }
- .j-thread #body-apple .thread-container-wrapper
- {
- max-width: inherit !important;
- margin: 10px 40px !important;
- }
- } /* end of media */
- /* ================================================= */
- /* Only for small windows cell phones and cell phones in lanscape mode. */
- @media all and (max-width: 499px) {
- /* the once upon a time sidebar */
- li.j-browse-filter-group-item.js-browse-filter-group-item a.js-select-link {
- height: 16px !important;
- /*background-color: antiquewhite !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: 50px !important; /* max of margin-bottom of proceeding line
- and margin-top */
- /*background-color: azure !important;/**/
- }
- /* was sidebar now moved to horizontal */
- div.j-column.j-column-s nav.j-second-nav {
- margin-bottom: 10px !important;
- /*background-color: red !important;/**/}
- /* Seems to be a blank line below [Following] */
- .j-thread #body-apple div.thread-container-wrapper
- {
- max-width: inherit !important;
- margin: 0px 5px !important;
- /*background-color: green !important;/**/
- }
- /* Question Q: */
- .j-thread #body-apple div.j-thread-post section.j-original-message
- h1 span.q-marker
- {
- margin-top: -12px !important;
- /*background-color: bisque !important;/**/
- }
- /* Question Title */
- .j-thread #body-apple div.j-thread-post section.j-original-message h1
- {
- display: inline !important;
- font-size: 20px !important;
- /*background-color: bisque !important;/**/
- }
- /* Text in orginal post */
- .j-thread #body-apple div.j-thread-post section.j-original-message span div.jive-rendered-content
- {
- margin-top:10px !important;
- display: inline !important;
- /*background-color: bisque !important;/**/
- }
- } /* end of media */
- /* ================================================= */
- /* Only for narrow width windows. */
- @media all and ( min-width: 321px ) and ( max-width: 499px ) {
- /* 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 */
- }
- .j-thread #body-apple .thread-container-wrapper
- {
- max-width: inherit !important;
- }
- .j-thread #body-apple .thread-container-wrapper,
- .j-thread #body-apple div.jive-content.j-op,
- /* Original post info */
- .j-thread #body-apple div.j-thread-post header.js-original-header,
- /* Replies */
- .j-thread #body-apple div.all-replies-container,
- /* Question */
- .j-thread #body-apple div.j-thread-post section.j-original-message
- {
- margin: 10px 10px !important;
- /*background-color: bisque !important;/**/
- }
- } /* end of media */
- /* ================================================= */
- /* adjustment for display of posts in a discussion for small screen
- found on smart phones */
- @media all and (max-width: 320px) {
- .j-thread #body-apple div.jive-content.j-op,
- /* Original post info */
- .j-thread #body-apple div.j-thread-post header.js-original-header,
- /* Replies */
- .j-thread #body-apple div.all-replies-container,
- /* Question */
- .j-thread #body-apple div.j-thread-post section.j-original-message
- {
- margin: 5px 5px !important;
- /*background-color: bisque !important;/* light brownish red */
- }
- /* reply button */
- .j-thread #body-apple div.thread-actions
- {
- width: 95% !important;
- /*background-color: lemonchiffon !important;/**/
- }
- } /* end of media */
- } /* @-moz-document for responses */
- /* =======================================================================================
- For ASC web pages with a sidebar shown on narrow window, 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
- https://discussions.apple.com/content?filterID=following~objecttype~objecttype[thread]
- */
- @-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: 499px) {
- li.j-browse-filter-group-item.js-browse-filter-group-item a.js-select-link
- {height: 16px !important;}
- }
- /* ================================================= */
- @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), #j-globalNav-bg {
- background-color:yellow !important;
- border: 2px dashed black !important;
- } */
- /* ------------------
- Treatment for narrow window
- Method 1 (minimum optimisation)
- Places
- https://discussions.apple.com/places
- 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 */
- /* height: 30px !important;*/
- /* vertical-align: middle !important; */
- text-align: center !important;
- margin-left: 0 !important;
- padding-left: 0 !important;
- }
- li.j-browse-filter-group-item.js-browse-filter-group-item a.js-select-link {
- height: 23px !important;
- padding-top:7px !important}
- /* 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. In the May 2016 ASC, the blue box moves correct when the sidebar is moved to the right.
- Still broken for horizontal. 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. horizontal nav bar */
- div .j-column.j-column-s nav li a:hover {
- border-color: #42aaff !important; /* light blue */
- }
- } /* media */
- } /* @-moz-document url-prefix for sidebar */
- /* ==============================================28
- 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; }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement