MediaWiki:WhalePolls.css

.whale-poll { /* Question background */ --question-bg-color: #0528cf; /* Question text */ --question-text-color: #FFF; /* Vote bar background */ --answer-bg-color: #b4c0fd; /* Vote bar */ --answer-fg-color: #062ef0; /* Vote bar number */ --answer-num-color: #FFF; }

.whale-poll, .whale-poll * { box-sizing:border-box; }

/* Question */ .skin-oasis .whale-poll .ajax-poll, /* override AjaxPoll.scss */ .whale-poll .ajax-poll { border:4px solid var(--question-bg-color); display:block; margin:0; padding:0; position:relative; width:100%; } .whale-poll .header { background:var(--question-bg-color); color:var(--question-text-color); font-size:20px; line-height:130%; padding:12px; }

.whale-poll .ajax-poll .center { display:none; }

/* Answers */ .whale-poll .ajax-poll form { padding:8px 12px; } .whale-poll .ajax-poll .pollAnswerName { display:block; font-size:12px; padding:8px 0; } .whale-poll .ajax-poll .pollAnswerVotes { background:var(--answer-bg-color); border:0; font-size:12px; height:auto; margin:0; padding:4px; position:relative; } .whale-poll .ajax-poll .pollAnswerVotes span { border:0; color:var(--answer-num-color); display:block; height:100%; left:0; padding-left:4px; position:relative; top:0; vertical-align:middle; } .whale-poll .ajax-poll .pollAnswerVotes div { background:var(--answer-fg-color); border:0; display:block; height:100%; transition:0.3s ease all; }

/* Footer */ .whale-poll .ajax-poll #ajax-poll-area > div:not(.pollAnswer):not(.pollAnswerName):not(.pollAnswerVotes) { font-size:12px; line-height:170%; } .whale-poll .ajax-poll input[type="submit"] { background:var(--question-bg-color); border:0; border-radius:0; color:var(--question-text-color); cursor:pointer; display:block; height:24px; margin-top:10px; padding:0; width:100%; } .whale-poll .ajax-poll form > span { display:block; font-size:12px; text-align:center; }

/* Functional tweaks */ .whale-poll.whale-poll-rightcolumn { width:300px; }

/* Fancy tweaks */ /* Rounded */ .whale-poll.whale-poll-rounded .ajax-poll, .whale-poll.whale-poll-rounded .ajax-poll input[type="submit"] { border-radius:5px; }