Issue of scrolling TileList

If you scroll a tilelist component it jumps to a row of tiles to another. even if you use liveScrolling.

I want elements to look as if they are sliding when you drag the scroll to the top and bottom bars. who is looking more natural than to simply skip to the next line.

I think that to achieve this, I need somehow put the tilelist to be big enough to fit all the tiles in it without scrolling. then incorporate that in a vbox and scrolling of vbox and not the tile list. I'm not sure how to achieve it without finished with 2 scroll bars.

Someone knows a way?

Thank you!!

Alex Harui talks about this issue on his blog here:
http://blogs.Adobe.com/aharui/2008/03/smooth_scrolling_list.html

HTH,
Matt Horn
Flex docs

Tags: Flex

Similar Questions

  • After putting in the software disc, computer returned to "out of the box" settings, and issues with scrolling Touchpad and webcam.

    Original title: scrolling problem and webcam Touchpad

    I just got my laptop Dell Inspiron taken for repairs, a couple of weeks. He was brought back to me with a new motherboard and CPU. After putting in the disc of the software, my computer returned to its "out of the box" settings How can I get my touchpad to scroll again? I need to download some application to legislate again? My built in camera is not working more, should I download an app for that also?

    Hi Marissa,

    1. what exactly happen when you try to use the touchpad and built-in camera?

    2. you receive messages or error codes?

    3. are you able to use the other features/devices built on the laptop with no problems?

    This problem may occur if the touchpad and webcam drivers are not installed properly.

    I suggest to refer to the Dell Support website to install the latest version of the touchpad and webcam drivers for your laptop and find the issue.

    We may also refer to article and check if it helps to solve the problem.

    What to do when a device is not installed correctly

    Since you have repaired the laptop recently, you can also get in contact with Dell Support for assistance.

    Hope the helps of information. Let us know if you need help with Windows related issues. We will be happy to help you.

  • Unstable Vista on Equium A100 - issue of scroll bars

    Vista is really unstable on this Equium A100... or I do something wrong?
    In contrast to the good old XP on my previous Satellite this folds operating system windows upward when I hit the scroll bars, simetimes minimizing, sometimes closing... And it is not better.

    It of Vista or have my settings to change?
    I certainly haven't changed anything since I got last month.

    Someone can advise me or do we wait for Bill Gates to have patches to fix?
    Even its just done on this window...

    Hello

    I put t know what s wrong with your Vista because Vista is working ok on my Satellite L30.
    Of course, it s makes my L30 very slowly, but I use two BONES; XP and Vista.
    I use XP for my usual work, because some programs special don t works under Vista.

    In any case, it would be very interesting to know if this strange behavior that happens on the new BONES recovered.
    You always write it happens sometimes. So I think that it of very difficult to reproduce this problem.

    I would recommend again the OS of Vista recovery CD.
    After installation, run the update to Vista. I noticed many available patches!

    Good luck

  • UltraNav issue with scrolling

    I recently bought a SL410 and am running Windows 7 Pro 32-Bit. I have a problem with a finger and two fingers for scrolling. I've updated the drivers for the Touchpad. But the scrolling works sometimes then sometimes it works and then stops working during scrolling. I tried to turn off alone or two-finger scrolling. But it does not work. I even changed the sensitivity of the Touchpad, but it does not work. I thought I'd try the driver from Synaptics site but did not know if it works. If anyone has any other suggestions that would be great.

    OK I understand some advanced settings had to be put off. I went in intelligently check it in the Touchpad settings appear to have caused problems with scrolling. When I disabled it the Smart check the view worked much better.

  • Android app, smooth contained issue of scrolling after the presentation of the app

    I just submit an android application for the Google game store, and when I download the application submitted to the store good scrolling InDesign articles are no longer works.

    They were very well on the test application, but with the app from the store to play the section cutting at the bottom of the screen and does not display the content underneath until you have sailed beyond the lower part of the display content previously.

    Screenshots below show how the content is not updated until the end of the content of the previous page.

    Here is a link to the app in the store game: LAUGHS Media Sciences - Android applications on Google game

    1 scroll to the bottom of first page content (content of the 2nd page does not yet, just white space)

    Screenshot_1.jpg

    2. scroll down further on the first page of content (still no content second page)

    Screenshot_2.jpg

    3 scroll to the content of the first page displayed, now second page content comes

    Screenshot_3.jpg

    Ivan Mironchuk

    OK, we ran through the whole process from our side and confirmed the problem is resolved, and that generate a good scrolling .article file with the new plug-in InDesign renders properly on Android.

    Because you still have this problem, I suggest you call the assistance to assistance companies. They can walk through things like making sure you have the correct version of the plug-in installed, have updated the .article file correctly, etc..

    You can find contact information company technical support by logging on http://publish.adobe.com/ and clicking on the Support link on the list of the left tab. Note that you must be logged in with your main account for the active support link.

    Neil

  • Hardly no explainable inclined object (rotation) no issue of scrolling

    Thank you for your patience.

    I want my design elements to have a 4 degrees of tilt. I want to make rectangles so I may have some effects of scroll inside of them.

    I can't give a width of 100% rotated object so I have really wide rectangles. The problem is that these objects broad effect the width of the page.

    So the question is I can either:

    (A) make an object does not contribute to the width of the page?

    (B) make a skewed rectangle, or something else, which may have 100% width?

    I can't be the first to want that bit tilted look, perhaps there is another solution entirely.

    Here is a picture below where you can see the rotated rectangles.

    Thank you for your help in advance.

    Screen Shot 2015-08-14 at 8.53.36 am.png

    Unfortunately, we cannot make the width for content rotation, I think you're referring to different forms that can be used as full-width.

    More details:

    https://forums.Adobe.com/thread/1392874

    Thank you

    Sanjit

  • Background fill appropriate size issue of scrolling movement. Help, please...

    I'm having a problem with the background fill. I use at least a 2500px wide image. It seems that when I checked scroll, the image resized to fit the browser normally when I preview the page. However, if I turn scrolling off the coast, when previewing the page, the background image reduced by 30 to 50% and no longer scales to adapt to. As soon as I get back, see scroll even once, it then scales to fit as usual.  This also happens if I checked and then the value 0 initial and final scroll movement. Once again, it reduces the clutter and stops scaling to fit. As soon as I put any value in the initial and final query, it reduces the image.

    When you do the same above on a master page, using the same image, even with active scroll, the image isn't scaling to fit.

    This brings me to the second question. Custom background scrolling does not work. No matter what I put the values, the browser always scrolls the background image, even if I change the speed or direction, it remains at 1 and in the movement of top.

    How can I fix?

    Thank you!

    This is due to the fact of the size of the image and scroll the parameters with filling, please check this post which includes a similar discussion:

    https://forums.Adobe.com/thread/1362457

    In addition this will help you:

    https://helpx.Adobe.com/Muse/how-to/muse-size-resolution-graphics.html

    Thank you

    Sanjit

  • Issue of scrolling image with text wrap.

    When you group multiple images with a single column of text in a scrolling text block, the functionality of text wrapping (was applied also to all the picture frames) only works for the first image. For all of the following images, the text wrapping is ignored. Ideas for a solution?

    Anchor online images for the text to wrap to work, is not not ideal.

    but there are enough options to make it work. That it was always a little weird

    never considered a bug, been around for centuries.

  • New issue of scrolling smoothly

    I could create and download several pages oversized without problem... until today. Today, I tried to add

    two new articles and Folio Builder will load only a direction, not both. I'll start with my _v file download that correctly. So I will try to add the provision of schooling he just replaced / updated and layout _v. They were created in the same way as those that I already loaded, 768w x 2000 h & 1024w x 2000 h. These are single page files and each direction load properly. It becomes a key concern of date limit. Everything has been updated recently that could have caused this? Am I missing something?

    In a somewhat related note, the content viewer does not want to display oversized, smooth, scrolling of pages in their entirety.

    It is a known problem. Use the Import option to import section. Let me know if you need more details.

  • Issue of scrolling?

    Clip_3.jpg

    any solution for this... it is compenent of the combobox.

    any solution?

    use;

    m: var number;

    var b: number;

    combo_box.addEventListener (MouseEvent.MOUSE_DOWN, startscrollF);

    function startscrollF(event: MouseEvent): void {}

    paramF (combo_box.mouseY, combo_box.dropdown.verticalScrollPosition, combo_box.dropdown.height - 10, combo_box.dropdown.maxVerticalScrollPosition);

    this.addEventListener (Event.ENTER_FRAME, scrollF);

    stage.addEventListener (MouseEvent.MOUSE_UP, stopscrollF);

    }

    function scrollF (e: Event): void {}

    combo_box. DropDown.verticalScrollPosition = Math.round (Math.min (combo_box.dropdown.mouseY * m + b, combo_box.dropdown.maxVerticalScrollPosition));

    }

    function stopscrollF (e: Event): void {}

    this.removeEventListener (Event.ENTER_FRAME, scrollF);

    }

    function paramF (x 1: Number, y1: number, x 2: Number, y2: number): void {}

    m = (y2 - y1) / (x 1 - x 2);

    b = m * x 1 - y1;

    }

  • Horizontal scrolling problem the office 2016

    Hello, I'm an old fan of Thinkpad, used more than 12 thinkpad machines.

    My current main machine is X 1 carbon 3rd gen, OS Windows 10

    I'm very frustrated, because the two Touchpad and trackpoint horizontal scrolling in MS office 2016, particularly excel and onenote, does not work.

    I tried to install and reinstall the drivers and formatted the machine several times.

    I tried to find the solution on the web, but there is no clear solution to this subject so far, unfortunately.

    Above all, I am very angry with the ignorance and slow technical support from Lenovo.

    Because this problem was published for more than a year.

    An idea for horizontal scrolling?

    In response to the customer, reports that horizontal scrolling in MS Office was not supported on ThinkPad several models running Windows 10, an update of the Synaptics driver was published for this problem.

    Models:

    ThinkPad P50s

    ThinkPad T460s, T560

    ThinkPad X 250

    ThinkPad X carbon 1 (types of Machine: 20BS, 20BT 20FB, 20 CF)

    Tablet ThinkPad X 1 (20GG, 20GH)

    ThinkPad X 1 Yoga (types of Machine: 20FQ, 20FR)

    Version 19.3.4.39

    (Fix) Fixed an issue where a horizontal scrolling may not work in MS Office when the Firefox browser was opened.

    (Fix) Fixed an issue where scrolling icon may have overlay of black color in the recent Windows 10 environment.

    Synaptics ThinkPad UltraNav Driver, v 19.3.4.39, can be downloaded here: http://support.lenovo.com/us/en/downloads/DS118386

    Thank you

  • My laptop does not shows correct date and time... and when scrolling a page it scrolls very slow

    Hello

    I'm having a problem with my laptop. It does not shows date and the correct time. I put it to update manually, and every time I restart or turn off my laptop and reopen it shows as in the year 2007. Please help me... And when I scroll a page, it will slow real lines showing a... As half page goes up. My touchpad is not working properly it's button are good work. I've updated with synaptic driver, but it displays error as there are two or more materials

    Hello

    -What is the limited issue with scrolling of Web pages or all Microsoft-related applications (Excel, Word, One notes, etc...)?
    -What version of Internet Explorer is installed on your computer?
    -You are aware of any changes made on the computer before this problem?
     
    Step 1: For the synchronization of the clock of your computer problem, I suggest to return the article mentioned below and check if the problem persists.

    Loss of the time in a computer settings might also be due to some problems in the system (Input Output) BIOS of a computer database. You can also check with your computer manufacturer to see if there is no updated BIOS for your computer model.
    Warning of the BIOS:

    BIOS change / semiconductor (CMOS) to complementary metal oxide settings can cause serious problems that may prevent your computer from starting properly. Microsoft cannot guarantee that problems resulting from the configuration of the BIOS/CMOS settings can be solved. Changes to settings are at your own risk.

     
    Step 2: For the problem with scrolling of Web pages, I suggest to see the link below and check if the problem persists.
    The problems with the mouse button or scroll the parameters
     
    Step 3: Run the Microsoft FIXIT from the link below and check if the problem persists.

    Difficulty of broken desktop shortcuts and common system maintenance tasks
     
    Hope this information helps.
  • In-App purchase issue

    While the investigation into the issue of images do not hit any fly/scrolling in a Webview (http://supportforums.blackberry.com/t5/Native-Development/Issue-With-Scrolling-Images-In-Webview/m-p...) I came across the question if a user buys my in-app purchase then removes the application and reinstall the in-app purchase did not work.

    First of all, in-app purchase is to remove the ads - it does that very well, but when the application is removed and reinstalled ads appear once more and I don't want to force consumers to pay twice, so I really need to get this fixed number as it is preventing me to release an update of my application.

    I'm working out of this example: http://supportforums.blackberry.com/t5/Native-Development/Sample-Removing-In-App-Ads/m-p/2783323/hig... and have used it to create buying app for my application.

    Here's my source, my main.qml of my application file code:

    import bb.cascades 1.0
    import bb.platform 1.0
    import com.sample.payment 1.0
    
    TabbedPane {
        id: tabbedPane
        property variant payment
    
        Menu.definition: MenuDefinition {
            id: appMenu
            actions: [
                ActionItem {
                    title: "About"
                    imageSource: "asset:///IMG/ic_info.png"
    
                    onTriggered: {
                        aboutSheet.open()
                    }
                },
                ActionItem {
                    title: "Contact Us"
                    imageSource: "asset:///IMG/ic_email.png"
    
                    onTriggered: {
                        emailInvocation.query.uri = "mailto:[email protected]?subject=Shopping For eBay App: Contact"
                        emailInvocation.query.updateQuery();
                    }
    
                },
                ActionItem {
                    id: upgradeAction
                    title: "Remove Ads"
                    imageSource: "asset:///IMG/ic_clear_list.png"
    
                    onTriggered: {
                        if (tabbedPane.payment) {
                            /* replace the values in quotes "" below with the values from
                             * your vendor account for this application's add-on. */
                            payment.mPaymentControl.pid = "{REMOVED}"
                            payment.mPaymentControl.sku = "{REMOVED}"
                            payment.mPaymentControl.name = "Remove Ads"
                            payment.mPaymentControl.metadata = "Purchasing this will remove the adverts!"
                            payment.mPaymentControl.getPrice(payment.mPaymentControl.pid, payment.mPaymentControl.sku);
                            payment.mPaymentControl.purchase(payment.mPaymentControl.pid, payment.mPaymentControl.sku, payment.mPaymentControl.name, payment.mPaymentControl.metadata)
                        }
                    }
                    attachedObjects: [
                        // Definition to hold the PaymentControl so it is only created when neccesary
                        ComponentDefinition {
                            id: paymentdef
                            Container {
                                id: payContainer
                                onCreationCompleted: {
                                    console.log("Payment Definition Created - Checking for Existing Purchases")
                                    paymentControl.getExisting(true);
                                }
    
                                property alias mPaymentControl: paymentControl
    
                                attachedObjects: [
                                    PaymentServiceControl {
                                        id: paymentControl
                                        property string pid
                                        property string sku
                                        property string name
                                        property string metadata
    
                                        // Play receipt animation on purchase response
    
                                        onPurchaseResponseSuccess: {
                                            cpp.saveValueFor("removedAds", "23");
                                            root.removedAds = 23;
                                            console.log("purchaseResponse - " + receiptString)
                                        }
                                        onInfoResponseError: {
                                            console.log("Purchase Error - " + errorCode + " - " + errorText)
                                        }
    
                                        onExistingPurchasesResponseSuccess: {
                                            if (receiptsString == "(No purchases)") {
                                                console.log("existing unable to find receipt")
                                            } else {
                                                console.log("existing receiptString - " + receiptsString)
                                                cpp.saveValueFor("removedAds", "23");
                                                root.removedAds = 23;
                                            }
                                            console.log("existingPurchaseResponse Success - " + receiptsString)
                                        }
                                    }
                                ]
                            }
                        }
                    ]
                },
                ActionItem {
                    title: "Share App"
                    imageSource: "asset:///IMG/ic_share.png"
    
                    onTriggered: {
                        invokeShare.trigger("bb.action.SHARE")
                    }
                },
                ActionItem {
                    title: "More Apps"
                    imageSource: "asset:///IMG/ic_buy.png"
    
                    onTriggered: {
                        invokebb.trigger("bb.action.OPEN")
                    }
                }
            ]
            attachedObjects: [
                Sheet {
                    id: aboutSheet
                    About {
                    }
                },
                Invocation {
                    id: invokeShare
                    query {
                        mimeType: "text/plain"
                        data: qsTr("Get your shopping done easily on your #BlackBerry10 with 'Shopping For eBay'; check it out in @BlackBerry World: http://appworld.blackberry.com/webstore/content/35964888/")
                        invokeActionId: "bb.action.SHARE"
                    }
                },
                Invocation {
                    id: invokebb
                    query {
                        mimeType: "text/html"
                        uri: "appworld://vendor/64825/"
                        invokeActionId: "bb.action.OPEN"
                    }
                },
                Invocation {
                    id: emailInvocation
                    query.mimeType: "text/plain"
                    query.invokeTargetId: "sys.pim.uib.email.hybridcomposer"
                    query.invokeActionId: "bb.action.SENDEMAIL"
                    onArmed: {
                        emailInvocation.trigger(emailInvocation.query.invokeActionId);
                    }
                }
            ]
        }
        showTabsOnActionBar: false
        Tab {
            title: qsTr("Home") + Retranslate.onLocaleOrLanguageChanged
            imageSource: "IMG/101.Home.png"
            NavigationPane {
                id: navigationPane0
                Page {
                    onCreationCompleted: {
                        root.removedAds = parseInt(cpp.getValueFor("removedAds", ""))
                        if (root.removedAds != 23) {
                            tabbedPane.payment = paymentdef.createObject(navigationPane0);
                        } else {
                            console.log("Not Creating Payment Definition, User has Already Paid To Remove Ads")
                        }
    
                    }
                    id: page1
                    //actionBar actions
    
                    //Title bar
    
                    Container {
                        id: root
                        property int removedAds
    
                        onRemovedAdsChanged: {
                            if (removedAds == 23) {
                                myAds.visible = false
                                myAds2.visible = false
                                appMenu.removeAction(upgradeAction)
                            }
                        }
                        Container {
                            id: myAds
                            horizontalAlignment: HorizontalAlignment.Center
                            layout: StackLayout {
    
                            }
                            MyAds {
                                horizontalAlignment: HorizontalAlignment.Center
                                topPadding: 15.0
                            }
                        }
                        Container {
    
                            layout: DockLayout {
    
                            }
                            // To enable scrolling in the WebView, it is put inside a ScrollView.
                            ScrollView {
                                id: scrollView
    
                                scrollViewProperties.overScrollEffectMode: OverScrollEffectMode.None
                                // We let the scroll view scroll in both x and y and enable zooming,
                                // max and min content zoom property is set in the WebViews onMinContentScaleChanged
                                // and onMaxContentScaleChanged signal handlers.
                                scrollViewProperties {
                                    scrollMode: ScrollMode.Vertical
                                    pinchToZoomEnabled: true
                                }
    
                                //Webview
    
                            } // ScrollView// A progress indicator that is used to show the loading status
                            Container {
                                bottomPadding: 25
                                horizontalAlignment: HorizontalAlignment.Center
                                verticalAlignment: VerticalAlignment.Bottom
    
                                ProgressIndicator {
                                    id: progressIndicator
                                    opacity: 0.0
                                }
                            }
                        }
                    } // End of container
                }
            }
        } //End of first tab
    } //End of tabbedPane
    

    Any help and advice in this regard would be greatly appricated.

    Thanks in advance!

    If you test using a sandbox past purchases account cannot be restored. Purchases made with a sandbox account did not get connected to the server, so if you try to restore (ex after you remove and then re - install the app even) then no purchase will be returned.

    You can test your rollback logic with purchases in the same session of the app: open the app, make a purchase, try a restore, all this without closing the application.

    The only other option would be to remove your account from the sandbox and try buying using real $$

  • How can I display the last field added to the Manager (bottom) and keep the scrolling feature?

    Issues around scrolling on managers of blackberry is a real headache.

    I would like to be able to add fields to the bottom of a Manager and have this field displayed on the merits without taking the focus to another control.

    I'm looking for something similar to how works the yahoo chat window, for example.

    I was not able to get the last label field added to the box to display.

    Here is the code relavent I have:

    
     //adds a labelfield and a nullfield to the display    public void update()  {     UiApplication.getUiApplication().invokeLater( new Runnable()        {            public void run()            {             try               {                 scrollingWindow.add(new LabelField("Hello1" + count) );                   //add nullfield to facilitate scrolling                   NullField nullField = new NullField( NullField.FOCUSABLE );                   scrollingWindow.add(nullField);                   count++;              }             catch( Exception ex )             {                 Dialog.alert( ex.getMessage() );              }            }        }); }
    

    Any ideas?

    Couple of quick things:

    (1) you can make your LabelField focusable and save adding the NullFields

    New LabelField ("Hello1" + count, Field.FOCUSABLE)

    (2) have you tried to discover what field has focus, then set the focus on your new field, and then reset back to that he originated from?

  • Question for Hiroto - css user

    I redesigned the css for the Spanish and Portuguese CSA web site.  I modified your css.

    Here's what I came with:

    Re: Style sheet for Japanese, Korean, Spanish and Portuguese CSA sites user

    I have two questions:

    (1) I want the 'P' in order to act as 'R' when the window is made narrower.  See this web page.  Make the windows smaller and larger to see 'P' and 'R' in action.

    https://communities.Apple.com/pt/thread/4601

    When I do the narrow window the letter P [issue] is scrolled off the right but the letter R [answer] does not work.

    P's off to the left

    P is visible

    (2)

    You remember what ASC Web page the effects of this code?  I couldn't identify a use of this code.

    What is "Community list table"? [jive now decides he wants to put a lot of spaces in this.]  who know why]

    
    /* ------------------ 
    
      
    Treatment for narrow window 
    
      
    Method 1 (minimum optimisation) 
    
      
    Adjust community list table's shift and margin to maximize its width. 
    
    */                                                                 
    /* v0.43 */  
    
    /* ------------------ (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 
    
    */                                                                   
    /* v0.5 */  
    
    /* ------------------ (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;  }      
    
    /* ------------------ */  
    
       
    

    Hello

    Well, it took me some time to investigate the new presentation of 2016-06 of the ASC (Japanese, etc). It's really annoying...

    You can find my current project CSS below. For better maintainablility, I made new CSS file derived from the previous one for 2014-06 format. Section of the DISPLAY OF THE WIRE CONTENT has been significantly redesigned. It may contain useless residues of the previous, because I have not yet cleaned up seriously.

    Moreover, the Q brand in question is placed in a strange way, using the negative zone offset (left:-60px banner), which would be the reason why it behaves well in your settings.

    Relevant rules in original CSS:

    .j-thread #body-apple .j-thread-post section.j-original-message h1 {
        max-width: 860px;
        margin: 0px auto 30px;  /* <-- left margin is auto, which may be problematic in variable width environment */
    }
    .j-thread .jive-content .j-thread-post section.j-original-message h1 .q-marker {
        position: absolute;
        top: 0px;
        left: -60px;            /* <-- negative box offset for left side */
        font-size: 55px;
        font-weight: 200;
        line-height: 1em;
    }
    

    which I adjusted it as follows:

    .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;
    }
    

    ---

    Here's my project. Please feel free to change, adapt, and reuse what you see fit.

    /*
        custom styles for Apple Support Communities board system introduced in 2016-06 (v0.10d)
       
        written by Hiroto, 2016-06
    */
    @-moz-document
        domain(communities.apple.com),
        domain(discussionsjapan.apple.com),
        domain(discussionskorea.apple.com)
    {
        /* ------------------------------------------------------------------------------------------------
            BODY
        */
        body.j-body-welome,             /* Welcome */
        body.j-body-place,              /* Community */
        body.j-body-yourwork,           /* Content */
        body.j-body-home,               /* Activity */
        body.j-body-yourconnections,    /* People */
        body.j-body-preferences,        /* Preferences */
        body.jive-body-content,         /* Thread */
        body.jive-body-search,          /* Search */
        body.jive-view-profile          /* Profile */
        {                                                                              
            background: white !important;
        }
        body {
            background: white;
            min-width: 0px !important;
        }
        #body-apple {
            width: 100% !important;
            min-width: 0px !important;
        }
        #globalheader { display: none !important; }                                    
        #global-nav-wrapper {display: none !important; }                               
        #globalfooter,
        #globaldisclaimer { width: 80% !important; }                                    
    
        /* ------------------------------------------------------------------------------------------------
            TEXT
        */
        body {                                                                                  /* NEW */
            font-size: 16px !important;
            font-weight: 400 !important;
            line-height: 1.25 !important;
        }
       
        body * {                                                                                /* NEW */
            /* font-size: inherit !important; */
            font-weight: inherit !important;
            line-height: inherit !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;
        }
    
        #jive-alert {                                                                           /* NEW */
            width: auto !important;
            max-width: inherit !important;
            margin: -20px 40px 10px !important;
        }
        .j-thread #jive-alert {                                                                 /* NEW */
            margin: -50px 40px 10px !important;
        }
        .jive-body-formpage.j-thread #jive-alert {                                              /* NEW */
            margin: -30px 40px 10px !important;
        }
        #jive-breadcrumb {                                                                      /* NEW */
            width: auto !important;
            margin-right: 40px !important;
            position: relative !important;
        }
        .j-js-footer-wrap {                                                                     /* NEW */
            width: auto !important;
            min-width: 0px !important;
        }
        footer#j-footer {                                                                       /* NEW */
            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;
        }
    
        /* ------------------------------------------------------------------------------------------------
            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: 110% !important;
            font-weight: 500 !important;
            color: rgb(0, 136, 204) !important;
        }
        .category-latest .category-latest-container .category-latest-row:nth-child(odd) {
            background: rgb(247, 247, 247) !important;
        }
        .category-latest .category-latest-container .category-latest-row .read-full {
            display: none !important;
        }
       
        .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;
        }
        /* ------------------ */
        
    
        /* 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;
        }
        
    
        /* ------------------
            Hide Like and Bookmark columns in thread list view.
        */                                                                             
        /* ------------------ (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; }
        ------------------ */
    
        /* user name link */
        .jive-username-link { text-transform: none !important; }                        
    
        /* threads list view table tr td  */
        .j-browse-details-tbody tr td { padding: 2px !important; }                              /* CHANGED */
    
        /* threads list view left most icon */
        .j-browse-details-tbody .j-td-icon { padding: 0px 6px 0px !important; }                 /* NEW */
       
        /* 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 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;
        }
    
        /* 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; }
    
        /* ------------------
            Treatment for narrow window
            Method 1 (minimum optimisation)
    
            Adjust thread list table's shift and margin to maximize its width.
        */                                                                             
        /* ------------------ (currently active) */
        .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 commented out) */
    /*
        .j-layout-sl.j-browse-content .j-column-wrap-l { max-width: 1019px !important; }
        .j-layout-sl.j-browse-content .j-column-wrap-l { margin-left: 0px !important; }
        .j-layout-sl.j-browse-content .j-column-l      { margin-left: 0px !important; }
        .j-layout-sl.j-browse-content .j-column-s      { width: 166px !important; }
    */
        /* ------------------ */
    
        /* ------------------
            Swap left-right positions of thread list table and sidebar ui (filters & actions)
        */                                                                             
        /* let thread list table float left */
        .j-layout-sl.j-browse-content .j-column-wrap-l,
        .j-layout-sl.j-browse-places .j-column-wrap-l { float: left !important; }
    
        /* let sidebar ui float right */
        .j-layout-sl.j-browse-content .j-column-s,
        .j-layout-sl.j-browse-places .j-column-s { float: right !important; }
        /* ------------------ */
    
        /* ------------------
            leader board
        */
        /* .jive-widget.jive-box.j-rc5.jive-widget-leaderboardwidget */
       
    /*
        .jive-widget-leaderboardwidget {display: none !important; }                    
    */
    
        .jive-widget-leaderboardwidget { max-width: 1000px !important; }                       
        .jive-widget-leaderboardwidget .j-bigtab-nav .j-tabbar { padding-top: 10px !important; }
        .jive-widget-leaderboardwidget .jive-widget-topmembers.split-columns ul li { min-height: 0px !important; }
        .jive-widget-leaderboardwidget .top-member-username,
        .jive-widget-leaderboardwidget .top-member-username * { font-size: inherit !important; }
        .jive-widget-leaderboardwidget .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 > a {
            border-radius: 0% !important;
            width: 60px !important;
            height: 60px !important;
        }
        .jive-widget-leaderboardwidget .pagination-class { margin-top: 30px !important; }
        /* ------------------ */
    
        /* article list
            .j-rc5 is used to identify this list
            e.g., https://discussions.apple.com/article/HT1939 */                      
        .j-layout-sl.j-browse-content.j-rc5 #jive-body-maincol { margin: 0px 0px 0px 166px !important; }
    
        /* ------------------------------------------------------------------------------------------------
            THREAD CONTENT BROWSER
        */
        /* thread header */
        .apple-thread-header {
            width: auto !important;
            margin-bottom: 10px !important;
            margin-left: 40px !important;
        }
    
        /* thread message */                                                                    /* NEW */
        .j-thread .jive-content .j-thread-post .jive-rendered-content {
            font-size:   inherit !important;
        }
        .j-thread #body-apple .jive-thread-messages h2.helpful-allreply,
        .j-thread #body-apple #helpful-container,
        .j-thread #body-apple .j-thread-post > header .j-post-author,
        .j-thread #body-apple .thread-container-wrapper,
        .j-thread #body-apple .all-replies-container,
        .j-thread #body-apple #j-main #jive-breadcrumb,
        .j-thread #body-apple .addReply,
        .j-thread #body-apple #jive-body-intro-content {
            max-width: inherit !important;
            margin: 10px 40px !important;
        }
        .j-inresponse-to {
            font-size: inherit !important;
        }
        .j-thread .jive-content .j-thread-post > header,
        .j-thread .jive-content .j-thread-post > h3.header {
            margin: 15px 0px 10px 0px !important;
        }
    
        /* thread original messeage (question) */                                               /* NEW */
        .j-thread-post section.j-original-message {
            margin: 0px 30px !important;
            padding: 15px 10px !important;
            border-style: dotted !important;
            border-width: thin !important;
            background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
        }
        .j-thread-post section.j-original-message h1 {
            max-width: inherit !important;;
            margin: 0px 60px 20px 60px !important;;
        }
        .j-thread-post section.j-original-message .jive-rendered-content {
            max-width: inherit !important;;
            margin: 0px 25px !important;;
        }
       
        /* original poster profile header */
        .j-thread .jive-content .j-thread-post > header.js-original-header {
            max-width: inherit !important;
            margin: 0px 40px !important;
            padding: 5px !important;
        }
    
        .j-thread-post section .thread-actions {
            max-width: inherit !important;
            margin: 0px 25px !important;
        }
        .j-original-message .jive-rendered-content p {
            font-size:   inherit !important;
        }
        .meta-posted {
            max-width: inherit !important;
            margin: 10px 25px 20px !important;
        }
        /* Q mark */
        .j-original-message h1 .q-marker {
            left: -60px !important;
            font-size: 32px !important;
        }
        
    
        /* answer rollup */                                                                     /* NEW */
        .j-answer-rollup.span-full-width {
            background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
            padding-bottom: 10px !important;
            margin: 20px 0px 0px 0px !important;
            border: 1px solid rgb(45, 184, 71) !important;
        }
        .j-inline-correct-answer {
            padding: 0px !important;
            max-width: inherit !important;
            margin: 0px 10px !important;
        }
        .j-inline-correct-answer section {
            margin: 10px 0px !important;
        }
        /* A mark */
        .j-inline-correct-answer .answer-marker {
            left: 0px !important;
            font-size: 32px !important;
        }
        
    
        /* persistent question shown at top */                                                  /* NEW */
        .persist-question.persist { display: none !important; }
    
       
        /* Solved and Helpful marker text */                                                    /* NEW */
        .j-thread-post header .j-correct-text,
        .j-thread-post h3.header .j-correct-text,
        .j-thread-post header .j-helpful-text,
        .j-thread-post h3.header .j-helpful-text {
            font-size: 22px !important;
            background: none repeat scroll 0% 0% transparent !important;
            border-style: none !important;
            margin: 0px !important;
            padding: 10px !important;
        }
    
       
        /* thread content */
        .j-thread .jive-content { margin: 0px 10px 0px 10px !important; }                       /* CHANGED */
    
       
        /* thread replies ul */
        ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
       
        /* thread reply li */
        .jive-discussion-replies li.reply { margin-top: 15px !important; }
    
        /* thread message border */                                                             /* NEW */
        .jive-discussion-replies li.reply .jive-thread-message {
            border-style: dotted !important;
            border-width: thin !important;
        }
    
        /* orgininal poster comment background */                                               /* NEW */
        .original-poster-comment {
            background: none repeat scroll 0% 0% rgb(247, 247, 237) !important;
            top:    0px !important;
            right:  0px !important;
            bottom: 0px !important;
            left:   0px !important;
        }
    
        /* pagenation */                                                                        /* NEW */
        .j-thread .jive-thread-messages .j-pagination {
            margin: 30px 0px !important;
        }
    
        /* promoted helpful answer and prompted recommended answer */                           /* NEW */
        .j-inline-promoted-helpful-answer,
        .j-inline-recommended-answer {
            background: none repeat scroll 0% 0% rgb(247, 232, 207) !important;
            padding: 15px 10px 5px 10px !important;
            margin: 0px 10px 15px 10px !important;
            border-style: dotted !important;
            border-width: thin !important;
        }
        .j-inline-promoted-helpful-answer p {
            margin: 0px !important;
        }
        .j-inline-promoted-helpful-answer header .reply-date,
        .j-inline-promoted-helpful-answer h3.header .reply-date,
        .j-inline-recommended-answer header .reply-date,
        .j-inline-recommended-answer h3.header .reply-date {
            font-size: inherit !important;
            margin: 10px 0px !important;
        }
        .j-inline-promoted-helpful-answer header .j-helpful-text,
        .j-inline-promoted-helpful-answer h3.header .j-helpful-text,
        .j-inline-recommended-answer header .j-helpful-text,
        .j-inline-recommended-answer h3.header .j-helpful-text {
            font-size: 22px !important;
            background: none repeat scroll 0% 0% transparent !important;
            border-style: none !important;
            margin: 0px !important;
        }
        .j-inline-promoted-helpful-answer section .reply-body,
        .j-inline-recommended-answer section .reply-body {
            font-size: inherit !important;
            margin-bottom: 20px !important;
        }
        .j-inline-promoted-helpful-answer section,
        .j-inline-recommended-answer section {
            padding: 0px 20px !important;
        }
        #helpful-container { padding-top: 0px !important; }
        #helpful-container hr { margin: 10px !important; }
        #helpful-container .more-answers { margin: 0px !important; }
        #helpful-container .more-answers * { font-size: 24px !important; }
    
        /* inline correct answer, helpful answer background */                                  /* NEW */
        div[itemprop="acceptedAnswer"] {
            background: none repeat scroll 0% 0% rgb(237, 247, 232) !important;
        }
        .j-thread .jive-content.j-helpful,
        .j-thread .jive-content.j-helpful.j-op {
            background: none repeat scroll 0% 0% rgb(247, 232, 207) !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;
        }
        .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;
        }
    
        /* 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: 6px !important;
        }
        
    
        /* thread rendered content */
        .jive-rendered-content { padding-bottom: 4px !important; }
       
        /* thread rendered content quote & pre */
        .jive-rendered-content .jive-quote,
        .jive-rendered-content .jive-pre {
            margin: 5px 15px !important;
        }
    
        /* thread reply footer (Return to Community | Go to original post) */
        #jive-thread-reply-footer { margin-top: 10px !important; }
       
        /* more like this links, incomming links */
        #apple-related-threads { margin: 0px 40px !important; }
        #apple-related-threads .j-box { margin-bottom: 0px !important; }
        .j-icon-list li { padding: 3px 0px 3px 22px !important; }
    
        /* related articles */                                                         
        .apple-sidebar-property {
            width: auto !important;
            padding-left: 0px !important;
        }
        .jive-box-body.jive-sidebar-body.jive-sidebar-body-related-articles { padding: 15px 0px !important; }
        
    
        /* ------------------
            staus level, expertise, level points
        */
        /* status level expertise tile */
        .j-status-level.expertise-tile,
        .status-tile.expertise-tile { display: none !important; }                  
       
        /* status level level points */
        .j-status-level .level-points span { display: inherit !important; }            
        .j-status-level .level-points { white-space: inherit !important; }             
        /* ------------------ */
    
        /* ------------------------------------------------------------------------------------------------
            INLINE EDITOR
        */
        /* editor */
        .jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
    
        /* ------------------------------------------------------------------------------------------------
            ADVANCED EDITOR
        */
    
        /* content area */
        .j-thread.jive-body-formpage #body-apple .j-form {
            max-width: inherit !important;
            margin: 0px auto 20px !important;
            width: inherit !important;
        }
        .j-thread .jive-content.jive-create-thread,
        .jive-body-formpage-document .jive-content.doc-page {
            margin: 0px 40px !important;
            padding: 0px !important;
        }
    
        /* editor panel */
        .j-thread .jive-content.jive-create-thread #jive-compose-title,
        .j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
        .jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
        .jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
    
        /* line height in editor */
        body.tiny_mce_content { line-height: inherit !important; }
    
        /* replying to */
        p.jive-replying-to { padding: 20px 0px !important; }
        .jive-body-formpage-comment .jive-thread-message { margin: 0px 40px 0px 80px !important; }
    
        /* reply to avatar */
        .j-thread-post header .j-post-avatar {
            position: absolute !important;
            top: 0px !important;
            left: -50px !important;
            width: auto !important;
        }
       
        /* buttons (Reply|Cancel) */
        .j-publishbar,
        .jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
    
        /* ------------------------------------------------------------------------------------------------
            ACTIVITY STREAM
        */
        /* activity entry */
        .j-act-entry { padding: 5px 0px 10px 100px !important; }
    
        /* activity title */
        .j-body-home .j-act-title { padding: 5px 0px 5px 24px !important; }
    
        /* activity body & comment */                                                  
        .j-body-home .j-act-init { padding: 5px 0px 10px 100px !important; }
        .apple-activity-comments-wrapper { margin-left: 0px !important; }
    
        /* Like list */
        .j-act-grouped .j-act-g-item { padding: 3px !important; }
       
       
        /* ------------------------------------------------------------------------------------------------
            SEARCH RESULTS
        */
        /* search result entry */
        .j-search-results-main-container .j-search-result { padding: 10px !important; } 
    
        /* ------------------------------------------------------------------------------------------------
            DOC (USER TIP)
        */                                                                             
        /* user tip canvas */
        .jive-body-content.j-doc .j-column-wrap-l { margin: 0px 40px !important; }
    
        .j-doc .jive-content {                                                                  /* NEW */
            margin: 0px !important;
            padding: 10px !important;
            border: thin dotted !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; }
    
        /* ------------------
            profile specialties and awards
        */
        /* profile status container for specialties and awards */
        .jive-view-profile .profile-status-container { display: none !important; }              /* REFINED */                   
    
        /* profile modal note status row for specialties and awards */
        .status-row { display: none !important; }                                      
        /* ------------------ */
    
        /* ------------------------------------------------------------------------------------------------
            PLACES
        */                                                                             
        /* latest activity column */
        .j-browse-details .j-td-activity { max-width: 650px !important; }
    
        /* ------------------
            Treatment for narrow window
            Method 1 (minimum optimisation)
    
            Adjust community list table's shift and margin to maximize its width.
        */                                                                             
        /* ------------------ (currently active) */
        .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; }
        /* ------------------ */
        /* ------------------
            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 commented out) */
    /*
        .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; }
    */
        /* ------------------ */
    }
    

    Good luck

    H

Maybe you are looking for