• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Dark Poll Enhancement

Dark Poll Enhancement v1

No permission to download
This is a dark themed poll enhancement for dark themed styles

Shelley

Well-known member
#1
Shelley submitted a new resource:

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



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.
Read more about this resource...
 

Shelley

Well-known member
#7
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 */