Forum main page change (using Stylish / stylesheets)

Discussion in 'Site and Forum Feedback' started by ShinyDren, Jun 7, 2015.

  1. ShinyDren, Jun 7, 2015
    Last edited: Aug 19, 2015

    ShinyDren macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #1
    I like the forum change in general, thanks to all that have worked on it.

    The front page just bugged me though, so I decided to see what I could do with it. Here are my results, it generally only changes the main and category pages. There are not many color changes here it was more about the layout. (All changes done strictly with css.)

    Here is a screenshot so you can see what it looks like.

    MR-Stylish-screenshot.png

    I used the "Stylish" browser plugin/extension to make it easy to turn on and off (available for Safari, Firefox, and Chrome). You should also be able to use this in a browser custom style sheet if you want.

    Instructions to implement (click each spoiler button to show the information)
    Desktop browsers using Stylish:
    Screenshots for installing (below) may be slightly different depending on browser/os version.

    Stylish-Safari-1.png
    • Click on Manage

    Stylish-Safari-2.png
    • Click on Edit [1]
    • Change the "Title" to something descriptive that you understand [2]
    • Copy the text from the below code box and Paste it into the "CSS" box [3]
    • Set the "Applies to:" items to "Domain" [4] and "forums.macrumors.com" [5]
    • Click on Save Style [6]
    • Your done.
    • Install the add-on by following the links on the userstyles.org site.
    • Click the Stylish add-on icon in the toolbar
    Stylish-Firefox-1.png
    • Click on "Write new style"
    • Click on "For forums.macrumors.com…"

    Stylish-Firefox-2.png
    • Add a "Name" that is something descriptive that you understand [1]
    • Copy the text from the below code box, place the cursor on line 4, and Paste the code into the box [2]
    • Click on Save [3]
    • Your done.
    • Install the extension by following the links on the userstyles.org site.
    • Click the Stylish add-on icon in the toolbar
    Stylish-Chrome-1.png
    • Click on the word "forums" of "Write style for: ..." (a tooltip will pop up before you actually click)

    Stylish-Chrome-2.png
    • Change "Enter a name" to something descriptive that you understand [1]
    • Copy the text from the below code box and Paste it into the "Code" box [2]
    • Set the "Applies to:" items to "URLs on the domain" [3] and "forums.macrumors.com" [4]
    • Click on Save [5]
    • Your done.


    Desktop browsers using some other extension: (for inserting CSS)
    Insert the code from below into the appropriate place and select the correct domain to apply it to.


    Using custom Style sheet within the browser: (no extensions)
    (Not recommended for most users, because you cannot make changes or turn it on/off without restarting the browser usually.)

    [Safari and Firefox are the same except where the files are located]
    • Create a new text file with the following code
    Code:
    @namespace url(http://www.w3.org/1999/xhtml);
    
    @-moz-document domain("forums.macrumors.com") {
    
    /* put new code here */
    
    }
    

    • Copy the text from the below code box, and Paste it into the file you just made (delete the 'new code here' line when you paste)
    • Save the file to the following file location and name for what matches your browser/os (different versions may have different file paths)
    • Firefox:
    Code:
    Firefox-Windows:
    C:\Users\[login_name]\AppData\Roaming\Mozilla\Firefox\Profiles\[random_text].default\chrome\userContent.css
    
    Firefox-Mac:
    ~/Library/Application Support/Firefox/Profiles/[random_text].default/chrome/userContent.css
    
    Firefox-Linux:
    ~/.mozilla/firefox/[random_text].default/chrome/userContent.css
    

    • Safari:
      • Save as anything_you_want.css, and place it anywhere_you_want
      • In Safari go to Preferences > Advanced
      • From the drop-down selector next to "Style sheet:" choose 'other…', then navigate to where you saved the file and click 'Choose'.


    Mobile browsers partial workaround:
    For mobile devices there is a partial workaround that will allow you to see what it looks like. You have to use a bookmarklet (to load the css file from a remote server) after the page is loaded. Used the custom styles method outlined on this page at simplyaccessible.com.

    Save this bookmarklet to your browser: MR-Custom
    It doesn't seem that you can make bookmarklet links within xenforo, so go to this page to get the bookmarklet.


    It has only been moderately tested with browsers on Macs, but here is the code to copy into Stylish or otherwise:
    EDIT: fixed code so that it should override all items when loaded from an external style sheet or any other extension/method.
    EDIT 2: fixed code to work properly after a recent site tweak that changed where a few items were.

    EDIT 3: fixed to display items correctly after forum reorganization (Aug. 2015).
    Code:
    .node.level_1:not(.node_12) .node.level_2 {
        width: 100% !important; /* make all sections full width, except Archives */
    }
    body:not(.node12) .nodeList.sectionMain>.node.level_2 {
        width: 100% !important; /* make category page sections full width */
    }
    
    body:not(.node12) .mr_nodeIconWrapper, .node .linkNodeInfo .nodeIcon {
        display: none !important; /* to hide unneccesary big block icon/graphic/text */
    }
    
    body:not(.node12) .node .nodeText, body:not(.node12) .node .subForumList {
        margin-left: 0 !important; /* shift text over where the nodeIconWrapper was */
    }
    
    .level_1 .level_2 .categoryForumNodeInfo > .subForumList > .nodeTitle {
        display: none !important; /* hide nonessential category item listing after nodeIconWrapper is hidden */
    }
    
    .subForumList::before, .subForumList::after {
        border: 0 !important; /* to hide the up-arrow/triangle from forum groups */
    }
    
    body:not(.node12) .node .subForumList {
        border-top: 0 !important; /* remove extra top border */
        padding: 5px 9px !important; /* remove extra space above and below subForumList's */
    }
    
    body:not(.node12) .node .nodeText {
        min-height: 40px !important; /* allow it to be smaller than 72px */
        padding: 8px 10px !important; /* padding for single rows to make things look nicer */
    }
    
    body:not(.node12) .node .nodeText .nodeTitle {
        height: auto !important; /* allow it to be smaller than 72px */
    }
    
    body:not(.node12) .nodeList .categoryForumNodeInfo, body:not(.node12) .nodeList .forumNodeInfo, body:not(.node12) .nodeList .linkNodeInfo {
        border-bottom-width: 1px !important; /* reduce extra bottom border width */
        margin-top: -1px !important; /* hide the doubled border between items */
        border-width: 1px 0 !important; /* hide side borders so it blends nicer */
    }
    
    .node .subForumList li.category ol {
        display: inherit !important; /* show new sub-forums of sub-forums on front page*/
    }
    
    body:not(.node12) .node.level_2 .nodeTitle>a::before {
        display: inline-block !important;
        font-family: FontAwesome, icomoon !important;
        speak: none;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        font-size: 1.25em !important;
        text-transform: none !important;
        content: "\f07b" !important;
        color: #949dab; /* important sections get changed below, so we leave this as regular to avoid conflict */
        margin-right: 10px !important;
        padding: 2px 5px 2px 2px !important;
        /* ----- Better Font Rendering ----- */
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
    }
    
    /* ----- the following rules match the icon colors to the category ----- */
    .node_27 .node.level_2 .nodeTitle a::before, .node27 .node.level_2 .nodeTitle a::before { color: rgb(77, 108, 153) !important; } /* News and Article */
    .node_103 .node.level_2 .nodeTitle a::before, .node103 .node.level_2 .nodeTitle a::before { color: rgb(117, 88, 122) !important; } /* iPhone, iOS, etc */
    .node_187 .node.level_2 .nodeTitle a::before, .node187 .node.level_2 .nodeTitle a::before { color: rgb(77, 108, 153) !important; } /* Apple Watch */
    .node_7 .node.level_2 .nodeTitle a::before, .node7 .node.level_2 .nodeTitle a::before { color: rgb(173, 56, 38) !important; } /* Macs */
    .node_141 .node.level_2 .nodeTitle a::before, .node141 .node.level_2 .nodeTitle a::before { color: rgb(189, 112, 158) !important; } /* Apple and Apple Services */
    .node_57 .node.level_2 .nodeTitle a::before, .node57 .node.level_2 .nodeTitle a::before { color: rgb(189, 140, 26) !important; } /* Special Interests */
    .node_21 .node.level_2 .nodeTitle a::before, .node21 .node.level_2 .nodeTitle a::before { color: rgb(108, 174, 32) !important; } /* Mac Community */
    
    
    .node.level_2 .nodeTitle, .node.level_2 .nodeTitle a {
        font-size: 12px !important; /* make all items same size text */
        color: rgb(21, 44, 78) !important; /* make all text the same color */
    }
    
    body:not(.node12) .node .subForumList li {
        margin: 4px 0 !important;
    }
    
    body:not(.node12) .node .forumNodeInfo .level-n, body:not(.node12) .node .categoryForumNodeInfo li.category .level-n, body:not(.node12) .mainContainer_noSidebar .node .categoryForumNodeInfo .level-n {
        margin-left: 15px !important; /* indent sub-forums that have a real forum above them in same category */
    }
    
    /* --------------- start LastPost section --------------- */
    /* --------- show last post info where available --------- */
    
    /* for next rule: before the comma is main page, after is for category pages, then hybrid pages */
    .node.level_1:not(.node_12) .node .nodeLastPost, body:not(.node12) .category_view .nodeList.sectionMain .node .nodeLastPost, body:not(.node12) .forum_view .nodeList.sectionMain .node .nodeLastPost {
        display: block !important; 
        width: 45% !important;
        position: absolute !important; 
        padding: 5px !important;
        margin: 0 !important;
        height: auto !important;
        font-size: 11px !important;
        line-height: normal !important;
        top: calc(50% - 19px) !important; /* 19px is approximately half of current (based on font size) last post text block */
        text-overflow: ellipsis !important;
    }
    .node .nodeLastPost .lastThreadTitle {
        height: auto !important;
    }
    .node .nodeLastPost a.avatar {
        display: none !important; /* do not display avatar of user of latest post */
    }
    span.lastThreadTitle>span {
        display: none !important; /* do not display "Latest:" text by post title*/
    }
    span.lastThreadUser:before {
        content: "by: " !important;
        color: inherit !important;
    }
    span.lastThreadMeta abbr {
        color: inherit !important;
    }
    .nodeLastPost.secondaryContent .lastThreadTitle a {
        color: rgb(46, 57, 72) !important; /* last post title link color */
        font-weight: 600 !important;
    }
    .nodeLastPost.secondaryContent .lastThreadUser a {
        color: rgb(66, 82, 103) !important; /* last post user link color */
    }
    
    /* ----- for main page ----- */
    .nodeList .node.level_1:not(.node_12) .categoryStrip .nodeTitle::after {
        content: "Last Post" !important;
        display: block !important;
        position: absolute !important;
        bottom: -10px !important;
        left: 55% !important;
        font-size: 13px !important;
        padding: 0 3px !important;
        color: inherit !important;
    }
    /* ----- for category pages ----- */
    .category_view .titleBar .titleBarWrapper::after {
        content: "Last Post" !important;
        display: inline !important;
        position: relative !important;
        float: right !important;
        bottom: 18px !important;
        width: 44% !important;
        font-size: 13px !important;
        padding: 0 5px !important;
        color: inherit !important;
    }
    /* ----- for hybrid pages ----- */
    body:not(.node12) .forum_view ol.nodeList.sectionMain::before {
        content: "Last Post" !important;
        display: block !important;
        position: relative !important;
        bottom: 1px !important;
        left: 55% !important;
        font-size: 13px !important;
        padding: 0 3px !important;
        margin-top: -20px !important;
        color: inherit !important;
    }
    
    .node.audentio_grid_md .nodeLastPost .lastThreadDate:before {
        content: "" !important; /* clean up pesky items (that only affect some items) from css files */
    }
    .node.audentio_grid_md .nodeLastPost .lastThreadTitle, .node.audentio_grid_md .nodeLastPost .lastThreadUser {
        display: inline !important; /* clean up pesky items (that only affect some items) from css files */
    }
    /* --------------- end LastPost section --------------- */
    
    body:not(.node12) .node.level_2 {
        padding: 0 5px !important; /* reduce vertical spacing between group items */
    }
    
    body:not(.node12) ol.nodeList div.nodeInfo:not(.categoryStrip) {
        background: linear-gradient(to right, rgba(226,234,243,0) 0%, rgba(226,234,243,0.8) 5%, rgba(226,234,243,1) 50%, rgba(226,234,243,0.8) 95%, rgba(226,234,243,0) 100%) !important;
    }
    
    .nodeList .categoryStrip {
        margin: 0 !important;
        height: 30px !important; /* reduce spacing around category text */
        background-color: inherit !important; /* so it has the same background color as the main page if it is changed */
        border-bottom-width: 4px !important;
    }
    .nodeList .categoryStrip .categoryText {
        line-height: 36px !important; /* shift text and reduce spacing around category text */
    }
    .nodeList .categoryStrip .nodeTitle {
        font-size: 16px !important; /* reduce category font a little */
    }
    
    .category_view .titleBar {
        margin: 0 !important;
        padding: 10px 5px 0 !important; /* bump the sides in */
    }
    .category_view .titleBar .titleBarWrapper {
        height: 24px !important; /* shift text and reduce spacing around category text */
        vertical-align: bottom !important;
    }
    .category_view .titleBar .titleBarWrapper h1 {
        font-size: 18px !important; /* reduce category font a little */
    }
    
    .category_view .nodeList.section {
        margin: 0 !important; /* get rid of extra space above items */
    }
    
    .node.level_1>.nodeList {
        margin-top: 1px !important;
    }
    
    .node_12 .node.forum.audentio_grid .nodeStats {
        min-width: 70px !important; /* since we are not hiding the drop-down sub-forum list within this node we want to force it a little wider to work with the double digit number*/
    }
    
    Enjoy! :)

    Thanks to all those who have replied and helped me in making this post and the code better, notably redheeler, grahamperrin, Gwendolini, and AngerDanger.

    Other notable layout tweak threads/posts:
    Pre-Xenforo smilies
    Square Avatars
    Hiding Avatars


    Edited to fix bookmarklet, fix code, add instructions, another code fix, and more code fixes.
     
  2. AngerDanger macrumors 68030

    AngerDanger

    Joined:
    Dec 9, 2008
    #2
    This seems like a nice compromise between the new and old layout, and I'm really digging having the Latest Post column back. Great work!

    Did you know before beggining that a secondaryContent class existed with the latest post information, or were you pleasantly surprised to find it when you began making changes?
     
  3. redheeler, Jun 9, 2015
    Last edited: Jun 9, 2015

    redheeler macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #3
    Nice work! Here's a way to get the pre-Xenforo custom Retina smilies back:
    Smilies.png
    Code:
    /*smile*/
    img.mceSmilieSprite.mceSmilie1{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*wink*/
    img.mceSmilieSprite.mceSmilie2{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*frown*/
    img.mceSmilieSprite.mceSmilie3{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*mad*/
    img.mceSmilieSprite.mceSmilie4{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*confused*/
    img.mceSmilieSprite.mceSmilie5{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*cool*/
    img.mceSmilieSprite.mceSmilie6{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*stick out tongue*/
    img.mceSmilieSprite.mceSmilie7{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*big grin*/
    img.mceSmilieSprite.mceSmilie8{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*eek*/
    img.mceSmilieSprite.mceSmilie9{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*red face*/
    img.mceSmilieSprite.mceSmilie10{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    /*roll eyes*/
    img.mceSmilieSprite.mceSmilie11{
        background: url('data:image/png;base64,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') no-repeat 0px 0px !important;
        background-size: 18px 18px !important;
    }
    
    Edit: Ok, this doesn't look quite right... :(
    Forum Main Page Change.png
     
  4. LadyX macrumors 68020

    LadyX

    Joined:
    Mar 4, 2012
  5. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #5
    Had no idea they were there until I started looking at the code and experimenting. It was a nice surprise.
     
  6. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #6
    Thanks, which browser/OS is causing that jumbled mess your seeing, maybe I can figure it out?


    Thanks
     
  7. redheeler, Jun 9, 2015
    Last edited: Jun 9, 2015

    redheeler macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #7
    Safari 8.0.6.

    Edit: None of the sections with sub-forums are showing correctly.
     
  8. xsquid macrumors regular

    xsquid

    Joined:
    May 27, 2015
  9. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #9
    Sorry for the delay in response, had to load up a VM with Yosemite to test Safari 8. Checked with 8.0.5 and 8.0.6 (after all software updates were installed), neither version would produce those problems on my testing.

    But, I was able to produce results that looked like what your screenshot showed by causing two of the rules to not implement. (With those two rules not active all browsers showed the same.)

    Here are the two rules that might be causing what you were seeing (they start at about line 44 in my code):
    Code:
    .node.level_1:not(.node_12) .node.audentio_grid .subForumList {
        display: block; /* change most popup sections to list sections (part 1)*/
    }
    
    .node.level_1:not(.node_12) .node.audentio_grid .subForumsPopup {
        display: none; /* change most popup sections to list sections (part 2)*/
    }
    
    
    Could you check to see off you have the exact same code or if that will fix it?

    .
    .
    .

    If that works, then could you see if changing the next rule that follows them (about line 52) to the following:
    Code:
    .node_113 .nodeText, .node_172 .nodeText, .node_142 .nodeText, .node_101 .nodeText, .node_143 .nodeText, .node_20 .nodeText, .node_68 .nodeText, .node_66 .nodeText, .node_132 .nodeText {
        display: none; /* hide duplicate listing after subForumList display */
    }
    
    (The above code just adds one more selector to the list that I think will make the Marketplace item display like all the rest.)

    Let me know how if this helps.
     
  10. grahamperrin macrumors 601

    grahamperrin

    Joined:
    Jun 8, 2007
    #10
  11. redheeler macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #11
    Commenting that out did the trick, thanks! Now the only thing I'm missing are those nice indented sub-forums, which do not appear at all.
     
  12. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #12
    You are right, the userstyles.org site for both Firefox and Chrome, and Sobolev's site for Safari. I probably should have included them originally but I usually just do a search within each browsers extensions to find them. Thanks for posting the links for anyone else that may want them.
     
  13. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #13
    Maybe I am not understanding you, but if I put a 'xx' in front of both of those rules (xx.node……) then I see what you did (because then those rules will never match anything). But when they are the way the code was posted then it all shows up as normal.

    The top rule of those two is what makes the sub-forum list display.
     
  14. redheeler macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #14
    I think I may have misunderstood your post, yes I have the two rules. I got the result I mentioned in my post above by commenting out the display:none rule on line 53. Looks much better than the screenshot I posted, but still no sub-forums displayed.
     
  15. Ollé macrumors member

    Ollé

    Joined:
    Jan 24, 2007
    Location:
    Australia
    #15
    Loving it! Looks so much better now, great job.
     
  16. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #16
    Not sure what is going on but, after a night to think about it, it seems that the best test is to simplify the tests as much as possible. I would suggest temporarily disabling all styles in stylish (or use a new empty file) and putting in only the below code.
    Code:
    .node.level_1:not(.node_12) .node.level_2 {
        width: 100% !important; /* make all sections full width, except Archives */
    }
    
    .node.level_1:not(.node_12) .node.audentio_grid .subForumList {
        display: block; /* change most popup sections to list sections (part 1)*/
    }
    
    .node.level_1:not(.node_12) .node.audentio_grid .subForumsPopup {
        display: none; /* change most popup sections to list sections (part 2)*/
    }
    
    It doesn't look real good but should show weather those lines are functioning. Here is a screenshot of what it should look like.
    MR-changes-basic-1.png
     
  17. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #17
    Thanks, glad you appreciate it.
     
  18. redheeler macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #18
    No luck, the sub-forums don't display like in your screenshot, even after deleting all other style from the stylesheet. I don't use stylish, it's a custom Safari extension which adds CSS/JavaScript to MacRumors Forums specifically.
     
  19. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #19
    Redheeler, sorry I wasn't available yesterday to get back to you. I think I've figured this out. I decided to load the css file as an external style sheet in the browser and skipping the stylish extension. I got the same thing you were originally posting with (both Safari and Firefox). After a bit more fiddling around I finally figured it out (I think). On these rules ( and a few others) I didn't have the !important tag at the end of the setting. Stylish didn't require it to be applied on theses rules but loading it through an external css file did (and presumably your extension loads it the same way).

    Anyway, give it a try with !important on those rules and see if it fixes it.
    Code:
    .node.level_1:not(.node_12) .node.audentio_grid .subForumList {
        display: block !important; /* change most popup sections to list sections (part 1)*/
    }
    
    .node.level_1:not(.node_12) .node.audentio_grid .subForumsPopup {
        display: none !important; /* change most popup sections to list sections (part 2)*/
    }
     
  20. redheeler macrumors 603

    redheeler

    Joined:
    Oct 17, 2014
    #20
    That was the issue, thanks. I always use !important when overriding styles (as you can see from my smiley revert code above, honestly hate the default Xenforo non-Retina smilies). I had no idea that Stylish doesn't require that.
     
  21. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #21
    Glad that got it. Some things in stylish did require the important tag (was why some of the rules already had it). But for some reason those rules didn't in stylish (so I forgot to add them) but everywhere else they were needed. Strange there was a discrepancy, I do feel a bit sheepish for not testing it before.

    Will edit first post to fix all those rules.
     
  22. Toltepeceno Suspended

    Toltepeceno

    Joined:
    Jul 17, 2012
    Location:
    SMT, Edo MX, MX
  23. Gwendolini macrumors 6502

    Gwendolini

    Joined:
    Feb 5, 2015
    Location:
    random
    #23
    @ShinyDren

    Thanks.

    You might want to add for those not that well versed in StyleSheet, that one should use these settings to make it work, as I left that one thing at URL instead of Domain, even with http:// and such.

    Screen Shot 2015-06-13 at 05.28.04.png
     
  24. Tanax macrumors 6502a

    Joined:
    Jun 15, 2011
    Location:
    Stockholm, Sweden
    #24
    No disrespect but sorry, I like the current design better. Only thing I like from your design is having the "last post" column back! :)
     
  25. ShinyDren thread starter macrumors member

    ShinyDren

    Joined:
    Jun 25, 2010
    Location:
    Ambitoysterous, USA
    #25
    Your welcome.

    No problem if you don't like it, every opinion matters. Discussion is what the forums are all about.

    If you do want to use just part you can. There are comments on what most of the rules do so you could pick just the ones that interest you if you wanted to do that.

    I have now added instructions and links to the original post as you and others suggested. You can tell me if I left something important out.
     

Share This Page