First Draft
Version 1.0 of Choasium's Basic Roleplaying game.
This commit is contained in:
Lockbox313
@@ -0,0 +1,324 @@
|
||||
/*Hide stuff*/
|
||||
|
||||
.charsheet div.sheet-hpbl {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-showhbpl:checked ~ div.sheet-hpbl {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.charsheet div.sheet-hitloc{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-showhitloc:checked ~ div.sheet-hitloc {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
|
||||
.charsheet div.sheet-edufld{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-showedufld:checked ~ div.sheet-edufld {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.charsheet div.sheet-mjrwnd{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-showmjrwnd:checked ~ div.sheet-mjrwnd {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
/* Configuration Window*/
|
||||
.charsheet .sheet-cdiv {
|
||||
width:810px;
|
||||
/*border: 1px dotted;*/
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.sheet-HideConfig:checked ~ *.sheet-config {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.charsheet span.sheet-is-config::after { /*Close Config: grayish background with black text*/
|
||||
content: "^";
|
||||
}
|
||||
|
||||
.charsheet .sheet-HideConfig:checked + span.sheet-is-config::after { /*Show Configuration: Black background with grayish text*/
|
||||
content: "v";
|
||||
}
|
||||
|
||||
.charsheet span.sheet-is-config {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 5%;
|
||||
height: 16px;
|
||||
font-size: 9px;
|
||||
/*font-family: "Pictos";*/
|
||||
/*background: #65763c;*/
|
||||
background: black; /*#93537c;*/
|
||||
color: white; /*white;*/
|
||||
font-weight: bold;
|
||||
border-radius: 4px;
|
||||
margin-left: -5%;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-HideConfig {
|
||||
width: 5%;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
margin-left: auto;
|
||||
margin-top: auto;
|
||||
/*position: absolute;
|
||||
right: 20%;*/
|
||||
opacity: 0;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.charsheet .sheet-HideConfig:checked + span.sheet-is-config {
|
||||
background: black;
|
||||
border-radius: 4px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.charsheet label.sheet-configitem {
|
||||
margin-left: 10px;
|
||||
width: 50px;
|
||||
font-size: .9em;
|
||||
font-weight: normal
|
||||
}
|
||||
|
||||
/*End Configuration Window*/
|
||||
|
||||
.sheet-section-header{
|
||||
text-align: center;
|
||||
color: #FFF;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.sheet-col h3{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
div.repcontrol button
|
||||
{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
div.repcontrol button.repcontrol_add::before,
|
||||
div.repcontrol button.repcontrol_edit::before
|
||||
{
|
||||
font-family: Pictos;
|
||||
position: relative;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* +Add */
|
||||
div.repcontrol button.repcontrol_add::before
|
||||
{
|
||||
content: "&"; /* & in Pictos is a + sign, while + is a plus inside a circle */
|
||||
left: -5px;
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* Modify */
|
||||
div.repcontrol button.repcontrol_edit::before
|
||||
{
|
||||
content: "x"; /* x in Pictos is a crossed hammer and wrench */
|
||||
left: -5px;
|
||||
top: -4px;
|
||||
}
|
||||
/* Done */
|
||||
div.repcontrol.editmode button.repcontrol_edit::before
|
||||
{
|
||||
content: "3"; /* 3 in Pictos is a check mark */
|
||||
}
|
||||
|
||||
.sheet-big-col{
|
||||
width: calc(60% - 20px) !important;
|
||||
}
|
||||
.sheet-small-col{
|
||||
width: calc(40% - 20px) !important;
|
||||
}
|
||||
|
||||
.sheet-characteristics p
|
||||
{
|
||||
margin-left: 20px;
|
||||
margin-right: 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
button[type="roll"].sheet-plain
|
||||
{
|
||||
width:100%;
|
||||
}
|
||||
button[type="roll"].sheet-plain-major-wound
|
||||
{
|
||||
background: #000;
|
||||
background: -webkit-linear-gradient(#000, #000);
|
||||
background: linear-gradient(#000, #000);
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px 0 #000;
|
||||
font-size: 1.0em;
|
||||
|
||||
}
|
||||
|
||||
button[type="roll"].sheet-plain-major-wound::before
|
||||
{
|
||||
content: "";
|
||||
width: 117px;
|
||||
color: #fff ;
|
||||
background-color: #000
|
||||
|
||||
}
|
||||
|
||||
|
||||
button[type="roll"].sheet-plain::before
|
||||
{
|
||||
content: "";
|
||||
|
||||
}
|
||||
|
||||
|
||||
.sheet-hit-location-selection {
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
width:100%
|
||||
}
|
||||
|
||||
|
||||
.sheet-hit-location-selection td{
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.sheet-hit-location-selection select{
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.sheet-loc-text{
|
||||
text-align:left;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.sheet-header-text{
|
||||
font-size: 10px;
|
||||
}
|
||||
.sheet-armor-name{
|
||||
width:100px;
|
||||
}
|
||||
|
||||
|
||||
.sheet-template_value{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-HL-Missle th {
|
||||
text-align: centre;
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.sheet-rolltemplate-HL-Missle table {
|
||||
width: 230px;
|
||||
padding: 2px;
|
||||
border: 1px solid;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-HL-Melee th {
|
||||
text-align: centre;
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.sheet-rolltemplate-HL-Melee table {
|
||||
width: 230px;
|
||||
padding: 2px;
|
||||
border: 1px solid;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-skillRoll th {
|
||||
text-align: centre;
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.sheet-rolltemplate-skillRoll table {
|
||||
width: 230px;
|
||||
padding: 2px;
|
||||
border: 1px solid;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-melee-roll th {
|
||||
text-align: centre;
|
||||
color: #ffffff;
|
||||
background-color: #000000;
|
||||
}
|
||||
.sheet-rolltemplate-melee-roll table {
|
||||
width: 230px;
|
||||
padding: 2px;
|
||||
border: 1px solid;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-melee-roll .template_value{
|
||||
text-align: right;
|
||||
}
|
||||
.charsheet .sheet-cat_header{
|
||||
font-size:1.3em;
|
||||
}
|
||||
|
||||
.charsheet .sheet-chkfiller{
|
||||
width:12px;
|
||||
}
|
||||
|
||||
.charsheet .sheet-skillname{
|
||||
width:154px;
|
||||
}
|
||||
|
||||
|
||||
.charsheet button[type=roll].sheet-textButton {
|
||||
background-color: transparent;
|
||||
color: black;
|
||||
border: none;
|
||||
font-size: 1.25em;
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
background-image: none;
|
||||
text-shadow: none;
|
||||
box-shadow: none;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
/*margin-top: -5px;*/
|
||||
/*width: 70%;*/
|
||||
}
|
||||
|
||||
.charsheet span.sheet-diceroll {
|
||||
font-family: "dicefontd20";
|
||||
}
|
||||
|
||||
.charsheet button[type=roll].sheet-textButton::before,
|
||||
.charsheet button[type=roll].sheet-powerButton::before {
|
||||
content: "" !important;
|
||||
}
|
||||
|
||||
.charsheet input[type=text].sheet-standard {
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
border-bottom: dotted 1px black;
|
||||
color: black;
|
||||
}
|
||||
Reference in New Issue
Block a user