MediaWiki:Ajaxpoll.css

/** * CSS for AJAX Poll extension * @file * @ingroup Extensions * @author Dariusz Siedlecki * @author Thomas Gries */ :root { /* Ajax poll styles */ --theme-ajaxpoll-background-color: #fafafa; --theme-ajaxpoll-border-color: #999; --theme-ajaxpoll-text-color: #000; --theme-ajaxpoll-container-background-color: #ffffcf; --theme-ajaxpoll-ajaxmisc-text-color: #808080; --theme-ajaxpoll-revoke-color: #a6cddf; --theme-ajaxpoll-vote-color: #a6cddf; --theme-ajaxpoll-answer-vote-color: #d5f5ff; --theme-ajaxpoll-answer-border-color: #537d90; --theme-ajaxpoll-vote-radio-background-color: #b9e9ff; --theme-ajaxpoll-vote-radio-checked-background-color: #878787; --theme-ajaxpoll-vote-radio-checked-border-color: var(--theme-ajaxpoll-vote-radio-background-color); /* not actually the border. This is the area between the inner circle and the outline */ --theme-ajaxpoll-vote-radio-outline-color: var(--theme-ajaxpoll-vote-radio-checked-background-color); }

.ajaxpoll { width: 400px; border: 1px dashed #999; background: #fafafa; padding: 10px 20px 10px 10px; }

.ajaxpoll .ajaxpoll-question { font-weight: bold; }

.ajaxpoll .ajaxpoll-answer-name, .ajaxpoll-answer-name-revoke { margin-top: 5px; padding-left: 0; font-size: 0.9em; }

.ajaxpoll .ajaxpoll-hover-vote { background: #00f; }

.ajaxpoll .ajaxpoll-hover-revoke { background: #ffd700; }

.ajaxpoll .ajaxpoll-answer-vote { border: 1px solid #ccc; width: 100%; margin-left: 0; height: 12px; font-size: 10px; position: relative; }

.ajaxpoll .ajaxpoll-answer-vote div { border-right: 1px solid #ccc; background: #e5e5e5; position: absolute; top: 0; left: 0; height: 12px; font-size: 1px; line-height: 12px; z-index: 2; }

.ajaxpoll .ajaxpoll-our-vote div { border: 1px solid #008000; top: -1px; left: -1px; }

.ajaxpoll .ajaxpoll-answer-vote span { position: absolute; top: -3px; left: 3px; z-index: 4; }

.ajaxpoll label { cursor: pointer; }

.ajaxpoll input { cursor: pointer; vertical-align: middle; margin-top: 0; margin-bottom: 0; margin-left: 0; }

.ajaxpoll .ajaxpoll-checkevent { background: #0f0; }

.ajaxpoll .ajaxpoll-misc { margin-bottom: 10px; color: #808080; }

.ajaxpoll .ajaxpoll-ajax { background: #ffffcf; padding: 1px 4px; border-radius: 0.5em; display: none; }

.ajaxpoll .ajaxpoll-info { margin-top: 20px; color: #808080; }

.ajaxpoll .ajaxpoll-id-info { color: #fafafa; font-size: 100%; float: right; }

input[type="radio"] { appearance: none; border-radius: 50%; background-color: var(--theme-ajaxpoll-vote-radio-background-color); outline: 1px solid var(--theme-ajaxpoll-vote-radio-outline-color); width: 12px; height: 12px; }

input[type="radio"]:checked { border: 3px solid var(--theme-ajaxpoll-vote-radio-checked-border-color); background-color: var(--theme-ajaxpoll-vote-radio-checked-background-color); }

/* Front page poll styling. Eckserah */ .containerTem .ajaxpoll { margin: auto; width: auto; }

.ajaxpoll label { font-size: 16px; line-height: 24px; display: block; }

.ajaxpoll label input { height: 14px; width: 14px; margin-top: 5px; float: left; margin-left: 3px; }

.ajaxpoll label span { float: left; }

.ajaxpoll label:after { content: ''; display: block; clear: both; }

.ajaxpoll label.ajaxpoll-hover-vote { background-color: var(--theme-ajaxpoll-vote-color); }

.ajaxpoll label.ajaxpoll-hover-revoke { background-color: var(--theme-ajaxpoll-revoke-color); }

.ajaxpoll .ajaxpoll-answer-vote { height: 16px; }

.ajaxpoll .ajaxpoll-answer-vote div { border-color: var(--theme-ajaxpoll-answer-border-color); background-color: var(--theme-ajaxpoll-answer-vote-color); height: 16px; top: 0; }

.ajaxpoll .ajaxpoll-answer-vote.ajaxpoll-our-vote div { height: 14px; }

.ajaxpoll .ajaxpoll-answer-vote span { top: 0; }