1. The second prompt is revealed! (Q2 2018)

    "Breaking into Snape's office in the middle of the night was a risky move at the best of times..."

    Deadline is June 18th, also known as the 22nd Anniversary of a seriously sad day—a tremendously black day for anyone.

    As with before you can check out the new thread discussing scoring, rules, and other such matters in the in the Story Competitions forum.

    Dismiss Notice

DLP Stylish Theme

Discussion in 'Graphics Discussion' started by Zombie, Mar 3, 2018.

  1. Zombie

    Zombie John Waynes Teeth Prestige DLP Supporter

    Joined:
    Apr 28, 2007
    Messages:
    1,350
    Location:
    Within the Garden of Nurgle.
    High Score:
    2,094
    Massive WIP: Feedback Welcome.

    This makes the side bar go to the bottom of the page, and removes the new post/ social aspects of of the sidebar.
    So all that shows is admin/mods when they are active and then members and forum stats.

    Also gets rid of the banner and the search box.

    There are no color changes, but it should work with whatever default theme you have enabled. I use black/white because I'm colorblind.

    Known issues:
    Working on getting the search to show without the banner
    New post button isn't visible at the top of the page, which it could be hidden behind something. I did remove the Breadcrumb and the footer on mine, which I'm enabling footer back because it has copyright on it.

    the bottom sections might appear larger for some people, it looks fine for me, but I'm using FF and a larger monitor than most.

    the donation bar I also turned off because I'm working on restyling it before turning it back on, it also has the added effect of not making it appear on the Donation page if you click the link on the main nav bar.

    other weird effects you come across if you choose to use this, please let me know, I'm going to be working on this, and hope to release several different color variations with different things implemented.

    I'm in no way an expect at HTML /CSS, so it probably looks atrocious to you, but it does what I want it to.

    It also only works on FF version of Stylish atm... working on adding usability on Chrome. I just use FF as a primary browser.

    Preview:

    [​IMG]


    Code:
    /* DLP CSS
     Zombie */
    
    
    @-moz-document domain("forums.darklordpotter.net"){
    
    
    /* Turning Stuff Off */
    
      .breadBoxTop{
        display:none !important;
        }
    
    
    
    /* Turns off header image banner, and sets forum links to top of page */
    
        #logoBlock{
        display:none !important;
        }
    
        #headerProxy{
        margin-bottom: 0.625rem !important;
        padding-bottom: 0 !important;
        height:20% !important;
        }
    
    /* Body Mods */
        body{
           font-family: "Helvetica Neue", "Arial" sans-serif !important;
        font-size: 1.125rem !important;
        }
    
        .mainContainer{
        margin-right:-0.625rem !important;
        }
     
        .mainContent{
        margin-right: 1.25rem!important;
        margin-left: 1.25rem !important;
        margin-top:6.25rem !important;
        margin-bottom: 1.25rem !important;
        background-color:red !important;                                  
        }
    
        a.navLink{
            color: #eee !important;
            font-size:1.25rem;
     
        }
    
        a.navLink:hover{
    
            color:#eee;
            text-transform:uppercase !important;
            font-weight:bold !important;
            font-size:1rem;
     
        }                
     
    /* Side Bar Mods */
    
    /* Sets Width of Side bar to a percentage */
    
        .sidebar{                                    
        Width:97.4%;
        height:20%;
        margin-right:1.25rem;                                    
        }
    
        /* Turns off Donation Goal */
    
       .DonationGoal {
        display:none !important;
        }
        .section.donationGoal{
        display:none !important;
        }
    
        /* Turns off Profile Post Recent Post */
        .profilePostList{
        display:none !important;
        }
    
        /* Turns off new post */
    
        .threadList{
        display:none !important;
        }
    
     
        /* Turns off the footer
        Comment out if you don't want that turned off.*/
    
        .footer{
        display:none !important;
        }
        .footerLegal{
        display:none !important;
        }
    
        }
     
    Last edited: Mar 3, 2018
  2. Seyllian

    Seyllian Auror DLP Supporter

    Joined:
    Aug 9, 2016
    Messages:
    697
    Gender:
    Male
    High Score:
    0
    A few things:
    upload_2018-3-4_16-29-42.png

    Cuts off profile page view
     
  3. Sauce Bauss

    Sauce Bauss Headmaster DLP Supporter

    Joined:
    Apr 4, 2008
    Messages:
    1,071
    Gender:
    Male
    Location:
    Texas
    I feel like the prettiest girl in school~
     
  4. Seyllian

    Seyllian Auror DLP Supporter

    Joined:
    Aug 9, 2016
    Messages:
    697
    Gender:
    Male
    High Score:
    0
    You are bby
     
  5. Zombie

    Zombie John Waynes Teeth Prestige DLP Supporter

    Joined:
    Apr 28, 2007
    Messages:
    1,350
    Location:
    Within the Garden of Nurgle.
    High Score:
    2,094
    Updated code. The profile page shouldn't be fucked anymore.

    Can't figure out why your bottom is showing as off but mine is lined up. If you use the B/W theme does it persist?

    I might have to do something in regards to different screen density.
    Still no color changes.

    New post button is still missing from other pages, only showing at the bottom, working on that currently.

    New code:

    Code:
    /* DLP CSS
    Created by Zombie */
    
    
    @-moz-document domain("forums.darklordpotter.net"){
    
    
    /* Turning Stuff Off */
    
      .breadBoxTop{
        display:none !important;
        }
    
       .titleBar{
        display:none !important;
        }
    
    /* Turns off header image banner, and sets forum links to top of page */
    
        #logoBlock{
        display:none !important;
        }
    
       #headerProxy{
          height:6.25rem !important;
           }
    
    /* Body Mods */
        body{
           font-family: "Helvetica Neue", "Arial" sans-serif !important;
        font-size: 1.125rem !important;  
        }
    
        .mainContainer{
        margin-right:-0.625rem !important;
        }
       
        .mainContent{
        margin-right: 1.25rem!important;
        margin-left: 1.25rem !important;
        margin-top:6.25rem !important;
        margin-bottom: 1.25rem !important;
        background-color:red !important;                                    
        }
    
        a.navLink{
            color: #eee !important;
            font-size:1.25rem;
     
        }
    
        a.navLink:hover{
    
            color:#eee;
            text-transform:uppercase !important;
            font-weight:bold !important;
            font-size:1rem;
       
        }                  
     
    /* Side Bar Mods */
    
    /* Sets Width of Side bar to 100 percent */
    
        .sidebar{                                      
        Width:97.4%;
        height:20%;
        margin-right:1.25rem;                                      
        }
    
        /* Turns off Donation Goal */
    
       .DonationGoal {
        display:none !important;
        }
        .section.donationGoal{
        display:none !important;
        }
    
        /* Turns off Profile Post Recent Post */
        .profilePostList{
        display:none !important;
        }
    
        /* Turns off new post */
    
        .threadList{
        display:none !important;
        }  
     
        }
     
    Last edited: Mar 5, 2018