Dark Poll Enhancement

Dark Poll Enhancement v1

No permission to download

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