tabs radios replaced buttons

This commit is contained in:
Cassie
2019-02-02 01:04:24 -06:00
parent a6fabaf1c0
commit b229728035
2 changed files with 1030 additions and 1000 deletions
+34 -41
View File
@@ -168,63 +168,52 @@
.sheet-tabs div {display: inline-block;}
.sheet-tabs input[type="radio"],
.sheet-tabs input[type="checkbox"] {
height : 18px;
position: absolute;
top : 80%;}
.sheet-tab-whisper input[type="radio"] {
width: 6%;}
.sheet-tab-toggles input[type="checkbox"]:nth-of-type(1) {
width: 7%;}
.sheet-tab-toggles input[type="checkbox"]:nth-of-type(2) {
width: 8%;}
.sheet-tab-col input[type="radio"]:nth-of-type(4),
.sheet-tab-col input[type="radio"]:nth-of-type(5),
.sheet-tab-col input[type="radio"]:nth-of-type(6),
.sheet-tab-col input[type="radio"]:nth-of-type(7) {
width: 5.5%;}
.sheet-tabs input[type="radio"]:nth-of-type(8) {
width: 6%;}
.sheet-tabs input[type="radio"]:nth-of-type(9) {
width: 2%;}
.sheet-tabs input[type="radio"] + span,
.sheet-tabs input[type="checkbox"] + span {
.sheet-tabs button[type="action"] {
background-color: #333;
border-radius : 2px;
border : 1px solid #000;
box-shadow : inset 0px 0px 3px 1px #7c7c7c;
color : #fff;
font-family : sans-serif;
font-size : 1em;
font-weight : bolder;
padding : 3px;}
text-transform : capitalize;
padding : 5px;}
.sheet-tabs input[type="radio"]:checked + span,
.sheet-tabs input[type="checkbox"]:checked + span {
.sheet-tabs input[value*="gm"] + button[type="action"],
.sheet-tabs input[value*="wounds"] + button[type="action"],
.sheet-tabs input[value*="Modifiers"] + button[type="action"],
.sheet-tabs input[value*="edge"] + button[type="action"],
.sheet-tabs input[value*="core"] ~ button[name*="core"],
.sheet-tabs input[value*="arms"] ~ button[name*="arms"],
.sheet-tabs input[value*="augs"] ~ button[name*="augs"],
.sheet-tabs input[value*="gear"] ~ button[name*="gear"],
.sheet-tabs input[value*="magic"] ~ button[name*="magic"],
.sheet-tabs input[value*="matrix"] ~ button[name*="matrix"],
.sheet-tabs input[value*="social"] ~ button[name*="social"],
.sheet-tabs input[value*="vehicle"] ~ button[name*="vehicle"],
.sheet-tabs input[value*="options"] ~ button[name*="options"] {
background-color: #610b0d;
box-shadow : inset 0px 0px 3px 1px #e31715;
color : #fff;}
.sheet-tab-col input[type="radio"] + span:last-child {font-family: pictos;}
.sheet-tab-col button[type="action"]:last-child {
font-family: pictos;
text-transform: lowercase;}
.sheet-tab-whisper,
.sheet-tab-toggles {
margin-left : 1.5%;
margin-right: 6%;}
margin-left : 1%;
margin-right: 5%;}
.sheet-tabs span.sheet-d6 {
.sheet-tabs button[type="roll"] {
color : #fff;
font-size : 1.7em;
position : relative;
top : -3px;
vertical-align: middle;}
font-family : "dicefontd6";
font-size : 2.5em;
vertical-align: top;}
.sheet-tabs button[type="roll"]:hover {
text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px #e31715;}
.sheet-tabs img {
vertical-align: top;
@@ -240,7 +229,11 @@
display: none;}
.sheet-sheet_type:not([value="pc"]) ~ .sheet-tabs {
margin-bottom: -1.5%;}
background : black;
margin-bottom: -1.5%;
padding : 2%;
position : relative;
width : 720px;}
.sheet-sheet_type:not([value="pc"]) ~ .sheet-tabs input[type="radio"],
.sheet-sheet_type:not([value="pc"]) ~ .sheet-tabs input[type="checkbox"] {
File diff suppressed because it is too large Load Diff