mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-07 07:32:28 +00:00
Merge pull request #1302 from plexsoup/patch-6
Updated Tavern Tales css for version 1.01
This commit is contained in:
Phil
@@ -4,10 +4,16 @@
|
||||
|
||||
color: black;
|
||||
font-family: "Times New Roman", Times, serif;
|
||||
background-color: #B8B894;
|
||||
/*background-color: #B8B894;*/
|
||||
padding:15px;
|
||||
}
|
||||
|
||||
.sheet-logo {
|
||||
/*
|
||||
width:40%;
|
||||
align:right;
|
||||
*/
|
||||
}
|
||||
.sheet-TavernTalesSheetBody .sheet-col h3 {
|
||||
font-size: 3.0em;
|
||||
color: black;
|
||||
@@ -15,6 +21,32 @@
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.sheet-TavernTalesHeader {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.sheet-TavernTalesContent {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-TavernTalesColumn {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 43%;
|
||||
padding-right: 5%;
|
||||
|
||||
}
|
||||
|
||||
.sheet-TavernTalesFooter {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.sheet-Attributes th {
|
||||
color: black;
|
||||
|
||||
@@ -26,8 +58,17 @@
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.sheet-TTStatsTable {
|
||||
/* width: 90%; */
|
||||
|
||||
}
|
||||
|
||||
.sheet-traits textarea {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.sheet-combatDamage {
|
||||
/*
|
||||
margin: 0px;
|
||||
padding-top: 10px;
|
||||
padding-right: 0px;
|
||||
@@ -35,14 +76,50 @@
|
||||
padding-left: 0px;
|
||||
|
||||
text-align: center;
|
||||
*/
|
||||
}
|
||||
|
||||
.sheet-traitXP{
|
||||
position: relative;
|
||||
right: -86%;
|
||||
font-size: 0.5em;
|
||||
}
|
||||
|
||||
.sheet-traitXP input{
|
||||
height: 2em;
|
||||
font-size: 1em;
|
||||
padding: 0;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.sheet-TTConditions{
|
||||
margin-left:40px;
|
||||
width:90%;
|
||||
|
||||
}
|
||||
.sheet-TTConditions checkbox{
|
||||
margin: 4px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.sheet-TTConditions input[type="text"]{
|
||||
width: 80%;
|
||||
|
||||
}
|
||||
|
||||
.sheet-TTConditions textarea{
|
||||
width: 80%;
|
||||
height: 60px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.sheet-combatDamage select {
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
padding-right: 0px;
|
||||
padding-bottom: 0px;
|
||||
padding-left: 0px;
|
||||
padding-left: 0px;
|
||||
width:90px;
|
||||
}
|
||||
|
||||
@@ -51,20 +128,18 @@
|
||||
padding-top: 0px;
|
||||
padding-right: 0px;
|
||||
padding-bottom: 0px;
|
||||
padding-left: 0px;
|
||||
padding-left: 0px;
|
||||
width:50px;
|
||||
}
|
||||
|
||||
.sheet-defense p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.sheet-TTTraitType {
|
||||
margin: 0px;
|
||||
padding-top: 0px;
|
||||
padding-right: 0px;
|
||||
padding-bottom: 0px;
|
||||
padding-left: 0px;
|
||||
padding-left: 0px;
|
||||
width:50px;
|
||||
}
|
||||
|
||||
@@ -86,15 +161,272 @@
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
width:30%;
|
||||
height:50px;
|
||||
|
||||
}
|
||||
|
||||
.sheet-TTcharacterName {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-TTXPTreasureTable {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.sheet-TTbioDesc {
|
||||
height: 75px;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.sheet-TTtraitDesc {
|
||||
padding:0px;
|
||||
margin:0px;
|
||||
width:60%;
|
||||
height:50px;
|
||||
|
||||
}
|
||||
|
||||
.sheet-TTBIGTitles {
|
||||
font-family: "Times New Roman", Times, serif;
|
||||
text-align:right;
|
||||
font-size: 1.0em;
|
||||
font-weight: bold;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
.sheet-TTBIGs {
|
||||
margin-left:auto;
|
||||
margin-right:0%;
|
||||
width:75%;
|
||||
height:100px;
|
||||
height:1em;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
ooooo ooooo o8o .o8 .o8
|
||||
`888' `888' `"' "888 "888
|
||||
888 888 oooo .oooo888 .oooo888 .ooooo. ooo. .oo.
|
||||
888ooooo888 `888 d88' `888 d88' `888 d88' `88b `888P"Y88b
|
||||
888 888 888 888 888 888 888 888ooo888 888 888
|
||||
888 888 888 888 888 888 888 888 .o 888 888
|
||||
o888o o888o o888o `Y8bod88P" `Y8bod88P" `Y8bod8P' o888o o888o
|
||||
*/
|
||||
|
||||
|
||||
input.sheet-hiddenSectionToggle
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
input.sheet-hiddenSectionToggle:checked + span + div
|
||||
{
|
||||
display: block;
|
||||
width: 90%;
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
input.sheet-hiddenSectionToggle:not(:checked) + span + div
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-TavernTalesHideableSection {
|
||||
border-color: black;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
border-radius: 8px;
|
||||
background-color: #fcf4e8;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.sheet-traitsTabAllContent,
|
||||
.sheet-traitsTabCombatContent,
|
||||
.sheet-traitsTabExplorationContent,
|
||||
.sheet-traitsTabInteractionContent,
|
||||
.sheet-traitsTabGeneralContent {
|
||||
display:none;
|
||||
}
|
||||
|
||||
input.sheet-tab
|
||||
{
|
||||
width: 121px;
|
||||
height: 20px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
margin: 0px;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
font-family: 'IM Fell English SC', serif;
|
||||
}
|
||||
|
||||
input.sheet-tab::before
|
||||
{
|
||||
content: attr(title);
|
||||
border: solid 2px #E8E8E8;
|
||||
border-bottom: none;
|
||||
border-top-left-radius: 1em;
|
||||
border-top-right-radius: 1em;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
width: 121px;
|
||||
height: 20px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
background: burlywood;
|
||||
}
|
||||
|
||||
|
||||
input.sheet-tab:checked::before
|
||||
{
|
||||
background: wheat;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
input.sheet-tab-all:checked ~ .sheet-traitsTabAllContent,
|
||||
input.sheet-tab-combat:checked ~ .sheet-traitsTabCombatContent,
|
||||
input.sheet-tab-exploration:checked ~ .sheet-traitsTabExplorationContent,
|
||||
input.sheet-tab-interaction:checked ~ .sheet-traitsTabInteractionContent,
|
||||
input.sheet-tab-general:checked ~ .sheet-traitsTabGeneralContent { /* show the correct tab */
|
||||
display:block;
|
||||
background-color: wheat;
|
||||
border-bottom-right-radius: 1em;
|
||||
}
|
||||
|
||||
|
||||
.sheet-traits {
|
||||
margin: 0px;
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
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/kGAcTZm.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: 22%;
|
||||
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(255, 255, 255, 0.66);
|
||||
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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user