From 50f77f593c052d32c6607d7d4fdf439a0c8bf828 Mon Sep 17 00:00:00 2001 From: CoalPoweredPuppet Date: Tue, 1 Sep 2015 11:48:51 -0400 Subject: [PATCH] Update to Deathwatch, the 2nd --- Deathwatch/Deathwatch.css | 56 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 56 insertions(+) diff --git a/Deathwatch/Deathwatch.css b/Deathwatch/Deathwatch.css index c3bb7b7234..cf1aa7501f 100644 --- a/Deathwatch/Deathwatch.css +++ b/Deathwatch/Deathwatch.css @@ -490,6 +490,62 @@ padding-right: 1%; .sheet-mainright { width:39%; float:right; +} +/* Radio buttons that look like checkboxes */ +/* Hide actual radio/checkbox */ +input.sheet-checkradio[type="radio"] +{ + opacity: 0; + width: 16px; + height: 16px; + position: relative; + top: 5px; + left: 6px; + margin: -10px; + cursor: pointer; + z-index: 1; +} + +/* Fake radio/checkbox */ +input.sheet-checkradio[type="radio"] + span::before +{ + margin-right: 0px; + margin-left: 4px; + border: solid 1px #a6a6a6; + line-height: 10px; + text-align: center; + display: inline-block; + vertical-align: middle; + + -moz-box-shadow: 0 0 2px #ccc; + -webkit-box-shadow: 0 0 2px #ccc; + box-shadow: 0 0 2px #ccc; + + background: #f6f6f6; + background: -moz-radial-gradient(#f6f6f6, #dfdfdf); + background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); + background: -ms-radial-gradient(#f6f6f6, #dfdfdf); + background: -o-radial-gradient(#f6f6f6, #dfdfdf); + background: radial-gradient(#f6f6f6, #dfdfdf); +} + +/* Fake radio */ +input.sheet-checkradio[type="radio"] + span::before +{ + content: ""; + width: 10px; + height: 10px; + font-size: 10px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +input.sheet-checkradio[type="radio"]:checked + span::before +{ + content: "✓"; + color: white; + background:black; } /*----- tabs -----*/