428 lines
7.4 KiB
CSS
428 lines
7.4 KiB
CSS
.charsheet {
|
|
|
|
background: white;
|
|
|
|
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
height: 140px;
|
|
width: 97%;
|
|
}
|
|
|
|
textarea.sheet-hide {
|
|
height: 60px;
|
|
}
|
|
|
|
textarea,
|
|
input {
|
|
outline: none;
|
|
box-shadow: none;
|
|
margin-bottom: 1px;
|
|
}
|
|
|
|
.sheet-header textarea,
|
|
.sheet-header input {
|
|
border: none;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
font-family: "Times New Roman", Georgia, Serif;
|
|
color: darkgoldenrod;
|
|
text-shadow: -1px -1px 0px yellow, 1px 1px 0px black, 0 5px 25px darkred, 0px 4px 3px maroon, 0px 8px 6px darkred;
|
|
letter-spacing: 2px;
|
|
}
|
|
|
|
select {
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type=number]:disabled::-webkit-inner-spin-button,
|
|
input[type=number]:disabled::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[disabled] {-moz-appearance: textfield}
|
|
|
|
.repcontainer .btn,
|
|
.repcontrol .btn {
|
|
border-radius: 0;
|
|
background-image: none;
|
|
border: none;
|
|
}
|
|
|
|
label {
|
|
|
|
display: inline;
|
|
font-size: 1em;
|
|
color: burlywood;
|
|
align: left;
|
|
}
|
|
|
|
/* ===== LAYOUT ===== */
|
|
.sheet-col-left {
|
|
float: left;
|
|
width: 39%;
|
|
}
|
|
|
|
.sheet-col-right {
|
|
float: right;
|
|
width: 60%;
|
|
}
|
|
|
|
|
|
/* ===== TOGGLE ===== */
|
|
.sheet-toggle:not(:checked) ~ .sheet-hide,
|
|
.sheet-toggle:checked ~ .sheet-show {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
/* ===== Boxes ===== */
|
|
.sheet-attributes, .sheet-abilities, .sheet-progression, .sheet-gear,
|
|
.sheet-bonds, .sheet-statistics, .sheet-section-spells, .sheet-personality,
|
|
.sheet-optionalRules, .sheet-topbar, .sheet-box {
|
|
|
|
border-radius: 8px;
|
|
margin: 1px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.sheet-attributes, .sheet-abilities, .sheet-progression, .sheet-gear,
|
|
.sheet-bonds, .sheet-statistics, .sheet-section-spells, .sheet-personality,
|
|
.sheet-topbar, .sheet-box {
|
|
text-align: center;
|
|
color: white;
|
|
background: black;}
|
|
|
|
|
|
.sheet-optionalRules {
|
|
text-align: left;
|
|
color: gainsboro;
|
|
background: maroon;
|
|
}
|
|
|
|
.sheet-progression span {
|
|
width: 30%;
|
|
padding-left: 1.5%;
|
|
padding-right: 1.5%;
|
|
|
|
}
|
|
|
|
.sheet-statistics input[name="attr_primaryWeapon"] {
|
|
width: 30%;
|
|
}
|
|
|
|
.sheet-statistics input[name="attr_damage"] {
|
|
width: 10%;
|
|
}
|
|
|
|
|
|
/* ===== UTILITY ===== */
|
|
.sheet-clearfix {
|
|
clear: both;
|
|
}
|
|
|
|
.sheet-right {
|
|
float: right !important;
|
|
}
|
|
|
|
.sheet-left {
|
|
float: left !important;
|
|
}
|
|
|
|
.sheet-translucent {
|
|
background-color: rgba(250,235,215, 0.75);
|
|
padding: 8px;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
/* ===== TWEAKS ===== */
|
|
|
|
.sheet-NPCs input[type="text"] {
|
|
width: 75px;
|
|
}
|
|
|
|
.sheet-NPCs input[name="attr_NPCname"],
|
|
.sheet-NPCs input[name="attr_NPCWeapons"],
|
|
.sheet-NPCs input[name="attr_NPCAbilities"],
|
|
.sheet-NPCs input[name="attr_NPCInstincts"]
|
|
{
|
|
width: 170px;
|
|
}
|
|
|
|
|
|
.sheet-damage input[name="attr_weaponDamage"] {
|
|
width: 20%;
|
|
}
|
|
|
|
.sheet-damage input[name="attr_weaponName"] {
|
|
width: 40%;
|
|
}
|
|
|
|
.sheet-section-moves input[name="attr_movename"],
|
|
.sheet-section-spells input[name="attr_spellname"],
|
|
.sheet-section-skills input[name="attr_skillname"] {
|
|
width: 95%;
|
|
}
|
|
|
|
.sheet-section-gear input[name="attr_itemtags"] {
|
|
width: 85%;
|
|
float: left;
|
|
}
|
|
|
|
.sheet-section-gear input[name="attr_itemweight"] {
|
|
width: 15%;
|
|
float: left;
|
|
}
|
|
|
|
|
|
/* ===== Tabs ===== */
|
|
|
|
div.sheet-tab-content { display: none; }
|
|
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2,
|
|
input.sheet-tab3:checked ~ div.sheet-tab3,
|
|
input.sheet-tab4:checked ~ div.sheet-tab4,
|
|
input.sheet-tab5:checked ~ div.sheet-tab5
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
|
|
input.sheet-tab
|
|
{
|
|
width: 150px;
|
|
height: 20px;
|
|
position: relative;
|
|
top: -2px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
|
|
font-family: "Times New Roman", Georgia, Serif;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
color: darkgrey;
|
|
|
|
letter-spacing: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
input.sheet-tab::before
|
|
{
|
|
/* needed to hide checkboxes */
|
|
content: attr(title);
|
|
|
|
width: 150px;
|
|
height: 20px;
|
|
|
|
border: solid 2px #E8E8E8;
|
|
border-bottom: none;
|
|
border-top-left-radius: 1em;
|
|
border-top-right-radius: 1em;
|
|
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
input.sheet-tab:checked::before
|
|
{
|
|
|
|
background: dimgrey;
|
|
color: darkgrey;
|
|
text-shadow: 1px 1px 0px black, 0 5px 25px brown, 0px 4px 3px maroon, 0px 8px 6px darkred;
|
|
|
|
}
|
|
|
|
input.sheet-tab:not(:checked)::before
|
|
{
|
|
background: darkslategrey;
|
|
color:darkgrey;
|
|
text-shadow: 1px 1px 0px black;
|
|
|
|
}
|
|
|
|
input.sheet-tab:not(:first-child)::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
|
|
/* input.sheet-tab2::before
|
|
{
|
|
background: aquamarine;
|
|
|
|
}
|
|
|
|
input.sheet-tab2:checked::before
|
|
{
|
|
background: aqua;
|
|
|
|
border-bottom-color: #blue;
|
|
}
|
|
*/
|
|
|
|
div.sheet-tab-content
|
|
{
|
|
/* width: 830px; */
|
|
border: 1px solid #a8a8a8;
|
|
border-top-color: #000;
|
|
margin: 0 0 0 2px;
|
|
padding: 5px;
|
|
background-image:url("http://i.imgur.com/sFJ2XiB.jpg");
|
|
background-size: 100%;
|
|
background-repeat: repeat;
|
|
}
|
|
|
|
div.sheet-tab1 {
|
|
|
|
/*
|
|
background-image:url("http://i.imgur.com/sFJ2XiB.jpg");
|
|
background-size: 100%;
|
|
background-repeat: no-repeat;
|
|
*/
|
|
|
|
}
|
|
/*
|
|
div.sheet-tab2
|
|
{
|
|
background-color: azure;
|
|
}
|
|
|
|
div.sheet-tab3
|
|
{
|
|
background-color: black;
|
|
}
|
|
*/
|
|
|
|
|
|
/*
|
|
|
|
ooooooooo. oooo oooo
|
|
`888 `Y88. `888 `888
|
|
888 .d88' .ooooo. 888 888 .oooo.o
|
|
888ooo88P' d88' `88b 888 888 d88( "8
|
|
888`88b. 888 888 888 888 `"Y88b.
|
|
888 `88b. 888 888 888 888 o. )88b
|
|
o888o o888o `Y8bod8P' o888o o888o 8""888P'
|
|
|
|
*/
|
|
|
|
.sheet-rolltemplate-TTRoll {
|
|
width: 120%;
|
|
margin: 0;
|
|
margin-left: -45px;
|
|
margin-top: -2px;
|
|
margin-bottom: -2px;
|
|
padding: 1px;
|
|
background-image: url("http://i.imgur.com/DYymYk8.jpg");
|
|
background-size: 100% 100%;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-rollContent .sheet-rollLimits .inlinerollresult {
|
|
background-color: inherit;
|
|
border: inherit;
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-rollFooter .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
text-align: center;
|
|
border: 2px solid darkgrey;
|
|
background-color: darkgoldenrod;
|
|
border-radius:9px;
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-rollFooter .sheet-sadRollResult .inlinerollresult {
|
|
|
|
border: 2px solid darkred;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-rollFooter .sheet-happyRollResult .inlinerollresult {
|
|
|
|
border: 2px solid green;
|
|
color: black;
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-rollContent {
|
|
width: 60%;
|
|
margin-top: 8%;
|
|
margin-bottom: 8%;
|
|
margin-left: 27%;
|
|
margin-right: 11%;
|
|
padding: 0;
|
|
border-style: none;
|
|
color: black;
|
|
font-family: "Helvetica Neue", Helvetica, sans-serif;
|
|
border-radius: 1em;
|
|
text-align: center;
|
|
/*
|
|
background-image: url("http://i.imgur.com/2yDT9iP.png");
|
|
background-size: 100% 100%;
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
*/
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-rollHeader {
|
|
background-color: burlywood;
|
|
font-size: 1.5em;
|
|
margin: 0px;
|
|
padding: 4px;
|
|
border-top-left-radius: 1em;
|
|
border-top-right-radius: 1em;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-rollBody {
|
|
|
|
margin:0px;
|
|
background: rgba(217, 205, 191, 0.90);
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
/*
|
|
.sheet-rolltemplate-TTRoll tr:nth-child(3) {
|
|
background-color: burlywood;
|
|
border-bottom-right-radius: 1em;
|
|
border-bottom-left-radius: 1em;
|
|
}
|
|
*/
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-rollNotes {
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-fineprint,
|
|
.sheet-rolltemplate-TTRoll .sheet-rollLimits {
|
|
text-align: center;
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-exciting {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-TTRoll .sheet-rollFooter {
|
|
background-color: burlywood;
|
|
border-bottom-left-radius: 1em;
|
|
border-bottom-right-radius: 1em;
|
|
margin: 0px;
|
|
padding: 4px;
|
|
text-align: center;
|
|
}
|