Dark Poll Enhancement

Unmaintained Dark Poll Enhancement v1

No permission to download
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 */
Author
Shelley
Downloads
51
First release
Last update
Rating
5.00 star(s) 1 ratings

Latest reviews

Nice share! I've adapted the color scheme to work with my new design = Looks lovely! Thanks ;)
Top