@@ -140,3 +140,127 @@ input[type="checkbox"]:checked ~ input[type="radio"] + span::before
|
||||
{
|
||||
content: "";
|
||||
}
|
||||
|
||||
input.wheel
|
||||
{
|
||||
position: relative;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
div.paradox
|
||||
{
|
||||
position: relative;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
top: -20px;
|
||||
}
|
||||
|
||||
span.q-marker::before
|
||||
{
|
||||
content: "•";
|
||||
font-size: 20px;
|
||||
|
||||
position: relative;
|
||||
top: 17px;
|
||||
left: -6px;
|
||||
}
|
||||
|
||||
input.top { margin-top:0px; }
|
||||
input.mid-eighth { margin-top: 4px; }
|
||||
input.mid-quarter { margin-top: 16px; }
|
||||
input.mid-three-eighth { margin-top: 32px; }
|
||||
input.middle { margin-top: 50px; }
|
||||
input.middle-2 { margin-top: 68px; }
|
||||
input.mid-five-eighth { margin-top: 84px; }
|
||||
input.mid-three-quarter { margin-top: 100px; }
|
||||
input.mid-seven-eighth { margin-top: 112px; }
|
||||
input.bottom { margin-top: 120px; }
|
||||
|
||||
input.left-1 { margin-left: 0px; }
|
||||
input.left-2 { margin-left: -11px; }
|
||||
input.left-3 { margin-left: -17px; }
|
||||
input.left-4,
|
||||
input.left-5,
|
||||
input.left-6,
|
||||
input.left-7 { margin-left: -18px; }
|
||||
input.left-8 { margin-left: -22px; }
|
||||
input.left-9 { margin-left: -28px; }
|
||||
input.left-10 { margin-left: -38px; }
|
||||
|
||||
input.wheel0
|
||||
{
|
||||
/* nothing */
|
||||
}
|
||||
|
||||
input.wheel15
|
||||
{
|
||||
transform:rotate(15deg);
|
||||
-ms-transform:rotate(15deg); /* IE 9 */
|
||||
-webkit-transform:rotate(15deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.wheel30
|
||||
{
|
||||
transform:rotate(30deg);
|
||||
-ms-transform:rotate(30deg); /* IE 9 */
|
||||
-webkit-transform:rotate(30deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.wheel45
|
||||
{
|
||||
transform:rotate(45deg);
|
||||
-ms-transform:rotate(45deg); /* IE 9 */
|
||||
-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.wheel60
|
||||
{
|
||||
transform:rotate(60deg);
|
||||
-ms-transform:rotate(60deg); /* IE 9 */
|
||||
-webkit-transform:rotate(60deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.wheel75
|
||||
{
|
||||
transform:rotate(75deg);
|
||||
-ms-transform:rotate(75deg); /* IE 9 */
|
||||
-webkit-transform:rotate(75deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.wheel105
|
||||
{
|
||||
transform:rotate(105deg);
|
||||
-ms-transform:rotate(105deg); /* IE 9 */
|
||||
-webkit-transform:rotate(105deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.wheel120
|
||||
{
|
||||
transform:rotate(120deg);
|
||||
-ms-transform:rotate(120deg); /* IE 9 */
|
||||
-webkit-transform:rotate(120deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.wheel135
|
||||
{
|
||||
transform:rotate(135deg);
|
||||
-ms-transform:rotate(135deg); /* IE 9 */
|
||||
-webkit-transform:rotate(135deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.wheel150
|
||||
{
|
||||
transform:rotate(150deg);
|
||||
-ms-transform:rotate(150deg); /* IE 9 */
|
||||
-webkit-transform:rotate(150deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
input.wheel165
|
||||
{
|
||||
transform:rotate(165deg);
|
||||
-ms-transform:rotate(165deg); /* IE 9 */
|
||||
-webkit-transform:rotate(165deg); /* Opera, Chrome, and Safari */
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user