tabs radios replaced buttons
This commit is contained in:
@@ -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
Reference in New Issue
Block a user