From f46a5d90bd7161ff1f86ecfb43bead0109feda30 Mon Sep 17 00:00:00 2001 From: mantonyz Date: Thu, 24 Apr 2014 20:17:38 -0500 Subject: [PATCH] Update Mage.css --- CWOD-Mage/Mage.css | 124 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 124 insertions(+) diff --git a/CWOD-Mage/Mage.css b/CWOD-Mage/Mage.css index 770c12ef56..d4b3f754cb 100644 --- a/CWOD-Mage/Mage.css +++ b/CWOD-Mage/Mage.css @@ -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 */ +}