1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Dark Poll Enhancement v1

This is a dark themed poll enhancement for dark themed styles

  1. Shelley

    Shelley Well-Known Member

    Shelley submitted a new resource:

    Dark Poll Enhancement (version v1) - This is a dark themed poll enhancement for dark themed styles

    Read more about this resource...
     
  2. Banana Pup

    Banana Pup Well-Known Member

    Off topic, but.. what theme is that in the screenies?
     
  3. Lisa

    Lisa Well-Known Member

    Ooohhh pretty!
     
  4. Shelley

    Shelley Well-Known Member

    An incomplete custom theme. W.I.P :D
     
  5. Banana Pup

    Banana Pup Well-Known Member

    Well I love the color combo :)
     
  6. SportainmentMG

    SportainmentMG Active Member

    Great work Shelley,
    Off course it comes just hours after I spent an hour editing your last one to suit my darker theme lol.
     
  7. Shelley

    Shelley Well-Known Member

    Update: I missed some hover styling and buttons within the poll so this update comes with the hovers being styled and buttons styled which you can modify to your preference and/or fit your sites style design. The release thread has been updated with the additional code but I'll post it here also with the screenshots.

    darkpoll-enhancement-1.png
    darkpoll-enhancement-2.png

    Code:
    /* DARK THEMED POLL ENHANCEMENTS */
    
    #PollContainer {
        background-color: #474747;
        border: 1px solid #262626;
        border-radius: 5px;
        margin: 10px auto;
        padding: 10px;
    }
    
    #PollContainer .sectionMain {
        background-color: #5a5a5a !important;
        border: 1px solid #3e3e3e !important;
        border-radius: 4px !important;
    }
    #PollContainer .secondaryContent {
        background: none #5a5a5a !important;
        border: 0 solid #D7EDFC;
    }
    .pollResult .bar {
        background: url("@imagePath/xenforo/gradients/pollbar-grad.png") repeat-x scroll top #aa0000 !important;
        border-radius: 3px;
    }
    .pollResult .barContainer {
        border: 1px solid #700000 !important;
        border-radius: 3px;
    }
    .pollBlock .pollOptions, .pollBlock .pollResults {
        border-bottom: 1px solid #2d2d2d !important;
        box-shadow: 0 1px #858484, 0 -1px #2d2d2d;
        border-top: 1px solid #858484!important;
    
    }
    .pollBlock .question .questionText {
        color: #F7E5B6 !important;
        text-shadow: 0 1px 2px #2d2d2d;
    }
    .pollResult  {
        color: #a4a4a4 !important;
    }
    
    .pollResults a, .pollBlock .question .editLink {
        color: #e0dfdf !important;
    }
    
    .pollBlock .questionMark {
        background: url("@imagePath/xenforo/gradients/poll-image.png") no-repeat transparent !important;
        font-size: 0 !important;
        top: -4px !important;
    }
    .pollBlock .pollOption label:hover {
        background-color: #4d4b4d !important;
        color: #b2b2b2;
        border-radius: 3px !important; 
    }
    
    .pollBlock .buttons .button {
    background: url("@imagePath/xenforo/gradients/threadview-bg.png") repeat-x scroll bottom #1982b9; /* Old browsers */
    background: -moz-linear-gradient(top, #1982b9 0%, #036496 50%, #014d75 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1982b9), color-stop(50%,#036496), color-stop(100%,#014d75)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1982b9 0%,#036496 50%,#014d75 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1982b9 0%,#036496 50%,#014d75 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1982b9 0%,#036496 50%,#014d75 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1982b9 0%,#036496 50%,#014d75 100%); /* W3C */
        border: 1px solid #00293f;
        border-radius: 3px;
        box-shadow: none;
        color: #fff;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #001f2f;
    }
    
    .pollBlock .buttons .button:hover {
        color: #F7E5B6;
    }
    
    /* DARK THEMED POLL ENHANCEMENTS */
    
     

Share This Page