143 lines
3.0 KiB
CSS
143 lines
3.0 KiB
CSS
/************* SHEET ***************/
|
|
div,
|
|
button,
|
|
textarea,
|
|
span,
|
|
input,
|
|
select,
|
|
table,
|
|
tr,
|
|
td,
|
|
th{
|
|
box-sizing: border-box;
|
|
}
|
|
input[type=radio].sheet-styleCharacter,
|
|
input[type=radio].sheet-styleCombat,
|
|
input[type=radio].sheet-styleSpacecraft,
|
|
input[type=radio].sheet-styleNpc{
|
|
margin-left:2px;
|
|
margin-right: 1px;
|
|
display: inline-block;
|
|
}
|
|
input[type=radio].sheet-styleCharacter + span,
|
|
input[type=radio].sheet-styleCombat + span,
|
|
input[type=radio].sheet-styleSpacecraft + span,
|
|
input[type=radio].sheet-styleNpc + span{
|
|
font-size:11px;
|
|
color: #888888;
|
|
text-align:left;
|
|
}
|
|
input[type=radio].sheet-styleCharacter:checked ~ .sheet-character,
|
|
input[type=radio].sheet-styleCombat:checked ~ .sheet-combat{
|
|
background: linear-gradient(#142611, #DBDCDE, #E0E7ED, white);
|
|
width: 1056px;
|
|
padding: 10px;
|
|
}
|
|
input[type=radio].sheet-styleSpacecraft:checked ~ .sheet-spacecraft{
|
|
background: linear-gradient(#2B2C40, #DBDCDE, #E0E7ED, white);
|
|
width: 1056px;
|
|
padding: 10px;
|
|
}
|
|
input[type=radio].sheet-styleCharacter:checked ~ .sheet-spacecraft,
|
|
input[type=radio].sheet-styleCombat:checked ~ .sheet-spacecraft{
|
|
display: none;
|
|
}
|
|
input[type=radio].sheet-styleCharacter:checked ~ .sheet-combat,
|
|
input[type=radio].sheet-styleSpacecraft:checked ~ .sheet-combat{
|
|
display: none;
|
|
}
|
|
input[type=radio].sheet-styleCombat:checked ~ .sheet-character,
|
|
input[type=radio].sheet-styleSpacecraft:checked ~ .sheet-character{
|
|
display: none;
|
|
}
|
|
input[type=checkbox]{
|
|
margin-left: 10px;
|
|
}
|
|
table{
|
|
border-collapse: collapse;
|
|
padding: none;
|
|
margin none;
|
|
width: 100%;
|
|
}
|
|
th{
|
|
padding: none;
|
|
margin: none;
|
|
font-size: 10px;
|
|
}
|
|
tr{
|
|
padding: none;
|
|
margin: none;
|
|
}
|
|
td{
|
|
padding: none;
|
|
margin; none;
|
|
white-space: nowrap;
|
|
}
|
|
input[type=text]{
|
|
margin: 0px;
|
|
padding-left: 0.3em;
|
|
padding-right: 0.1em;
|
|
padding-top: 0.1em;
|
|
padding-bottom: 0.1em;
|
|
}
|
|
input[type=textarea]{
|
|
margin: 0px;
|
|
padding-left: 0.3em;
|
|
padding-right: 0.1em;
|
|
padding-top: 0.1em;
|
|
padding-bottom: 0.1em;
|
|
}
|
|
select{
|
|
height: 22px;
|
|
margin: 0px;
|
|
padding-left: 0em;
|
|
padding-right: 0.2em;
|
|
padding-top: 0.2em;
|
|
padding-bottom: 0.2em;
|
|
background-color: white;
|
|
}
|
|
input[type="number"]{
|
|
text-align: right;
|
|
height: 20px;
|
|
margin: 0px;
|
|
padding-left: 0.2em;
|
|
padding-right: 0.3em;
|
|
padding-top: 0.2em;
|
|
padding-bottom: 0.1em;
|
|
}
|
|
.sheet-header{
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 10px;
|
|
}
|
|
.sheet-attributes{
|
|
color: white;
|
|
background: #262626;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
padding-left: 10px;
|
|
margin: 0px 0px 0px 0px;
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
}
|
|
.sheet-strong{
|
|
color: #262626;
|
|
background: transparent;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
padding-left: 10px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
.sheet-small-right{
|
|
font-size: 10px;
|
|
text-align: right;
|
|
}
|
|
.sheet-small-left{
|
|
font-size: 10px;
|
|
text-align: left;
|
|
}
|
|
.sheet-small-center{
|
|
font-size: 10px;
|
|
text-align: center;
|
|
}
|