Da im Script W2DPluginVoteScript.inc unterschiedliche CSS-Klassen für die verschiedenen Ausgabemöglichkeiten (in der Sidebar / im Content) definiert wurden, kann man das Aussehen der Abstimmung ebenso wie das der Ergebnisse individuell bestimmen.
CSS für die Sidebar (Beispiel)
Um den gesamten Code ansehen zu können, nutzen Sie bitte die Markierfunktion mit Hilfe der Maus.
/* Formate für Plugin Vote in der Sidebar */
#sidebar table {
width: 95%;
text-align: center;
margin: 0px 0px 10px 5px;
/* oben, rechts, unten, links */
}
#sidebar td {
padding: 5px 5px 3px 5px;
/* oben, rechts, unten, links */
margin: 0px;
text-align: left;
}
#sidebar td.bar {
padding: 4px 5px 5px 0px;
/* oben, rechts, unten, links */
margin: 0px;
text-align: left;
width: 40%;
line-height: 160%;
white-space: no-wrap;
}
#sidebar td.ergebnis {
padding: 0px 1px 0px 0px;
/* oben, rechts, unten, links */
margin: 0px;
text-align: left;
line-height: 1.0em;
font-weight: bold;
background-color: transparent;
color: <cc:print value="&usercolor.medium">;
font-size: 0.75em;
white-space: no-wrap;
}
#sidebar .ergebnis {
font-size: 0.75em;
}
#sidebar .right{
text-align: right;
font-size: 0.75em;
width: 30%;
}
#sidebar h5, #sidebar h6 {
color: <cc:print value="&usercolor.dark">;
background-color: transparent;
font-family: Trebuchet, Verdana, geneva, lucida, helvetica, arial, sans-serif;
font-size: 100%;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 2px 3px;
/* oben, rechts, unten, links */
margin-right: 10px !important;
margin-left: 5px !important;
margin-bottom: 5px !important;
border: 1px solid #095D02;
}
#sidebar span.repeatquestion {
color: <cc:print value="&usercolor.dark">;
background-color: transparent;
font-size: 110% !important;
letter-spacing: 0.05em;
font-style: normal;
font-weight: bold;
padding: 5px;
}
