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
    [​IMG]
    darkpollscreenshot.png


    Summary: A simple dark themed poll enhancement for those that want a dark themed poll visual or using dark themed styles

    Install: Upload the contents of the archive into your /gradients folder and paste the following into your EXTRA.CSS template.

    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 */
    

Recent Reviews

  1. MsJacquiiC
    MsJacquiiC
    5/5,
    Version: v1
    Nice share! I've adapted the color scheme to work with my new design = Looks lovely! Thanks ;)