Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-31 04:02:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cosmetic Changes

Browse Source 
Made textarea fields bigger
This commit is contained in:
plexsoup
2017-03-07 02:37:58 -08:00
parent e2450f5532
commit 89f4535399
2 changed files with 100 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
The Veil/dev/TheVeil.css
+58 -17
View File
@@ -514,19 +514,22 @@ div.sheet-titleSmallBoxesBottom div {
width: 90%;
}
.sheet-container div.repitem:nth-of-type(even) h2 {
.sheet-container div.sheet-tab1 div.repitem:nth-of-type(even) h2,
.sheet-container div.sheet-tab2 div.repitem:nth-of-type(even) h2 {
text-align: right;
border-bottom: 6px solid;
border-left: 12px solid transparent !important;
border-right: 0;
/* margin-right: -30%; */
}
.sheet-container div.repitem:nth-of-type(even) h2 input[type="text"] {
.sheet-container div.sheet-tab1 div.repitem:nth-of-type(even) h2 input[type="text"],
.sheet-container div.sheet-tab2 div.repitem:nth-of-type(even) h2 input[type="text"] {
text-align: right;
}
.sheet-container div.repitem:nth-of-type(odd) h2 {
.sheet-container div.sheet-tab1 div.repitem:nth-of-type(odd) h2,
.sheet-container div.sheet-tab2 div.repitem:nth-of-type(odd) h2 {
border-bottom: 6px solid;
border-right: 12px solid transparent !important;
border-left: 0;
@@ -534,7 +537,8 @@ div.sheet-titleSmallBoxesBottom div {
}
.sheet-container h2.sheet-AlternateElement {
.sheet-container div.sheet-tab1 h2.sheet-AlternateElement,
.sheet-container div.sheet-tab2 h2.sheet-AlternateElement {
left: 35%;
text-align: right;
@@ -594,7 +598,8 @@ div.sheet-2columns div.sheet-sidebar {
}
div.sheet-majorMainColumn {
width: calc(100% - 130px);
width: calc(100% - 75px);
margin-right: -100px;
vertical-align: top;
display: inline-block;
@@ -616,15 +621,16 @@ div.sheet-columnThirds {
text-align: center;
}
div.sheet-columnHalves {
div.sheet-tab-content > div.sheet-columnHalves {
display: inline-block;
width: calc(50% - 5px);
vertical-align: top;
text-align: center;
/* text-align: center; */
text-align: left;
}
div.sheet-columnHalves div {
width: calc(100% - 4px);
width: 100%;
}
div.sheet-verticalStates {
@@ -656,8 +662,15 @@ div.sheet-verticalStates {
}
.sheet-columnHalves div.repitem {
width: calc(50% - 4px);
.sheet-columnHalves div.sheet-miscNotes div.repitem {
width: 50%;
}
.sheet-columnHalves div.sheet-miscNotes div.repitem textarea {
width: 100%;
}
.sheet-columnHalves h2 {
width: calc(50% - 11px);
}
img.sheet-spanColumns {
@@ -687,15 +700,26 @@ _/ _/_/_/_/ _/ _/ _/ _/ _/ _/ _/ _/_/_/_/ _/ _/
textarea {
height: 50px;
width: 95%;
margin-top: 2px;
margin-bottom: 0px;
width: calc(100% - 11px);
resize: both;
min-width: 20px;
max-width: 100%;
min-height: 50px;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 2px;
margin-right: 2px;
font-size: x-small;
line-height: 1.25em;
background: rgba(128, 128, 128, 0.3) !important;
}
.sheet-columnHalves div.sheet-miscNotes textarea {
resize: vertical;
padding: 0;
margin: 0;
}
input.sheet-narrowInput {
@@ -724,6 +748,23 @@ input.sheet-narrowInput {
vertical-align: top;
}
.sheet-miscNotes > div h2 {
min-width: 75px;
width: 100px;
}
div.sheet-tab3 div.sheet-miscNotes h2 {
width: 175px;
text-align: left;
border-bottom: 6px solid;
border-right: 12px solid transparent !important;
border-left: 0 !important;
}
div.sheet-tab3 div.sheet-miscNotes h2 input[type="text"] {
text-align: left !important;
}
.sheet-playbook {
padding-top: 10px;
@@ -1002,7 +1043,7 @@ input.sheet-emotionSpikeIncrementor[type="checkbox"] + span + span {
position: absolute;
z-index: 2;
bottom: 0;
margin-left: 5px;
margin-left: -5px;
background-color: grey;
border: 0;
}
@@ -1255,8 +1296,8 @@ div.sheet-tab-content
border-top-color: inherit;
border-left: 5px solid transparent !important;
border-right: 5px solid transparent !important;
margin: 4px 0 0 5px;
padding: 5px;
margin: 0;
padding: 0;
padding-top: 15px;
font-family: "Arial", "Helvetica", sans-serif;
letter-spacing: 0.05em;
The Veil/dev/TheVeil.html
+42 -19
View File
@@ -1040,7 +1040,7 @@ _/ _/ _/_/_/_/ _/ _/ _/_/_/ _/_/_/_/ _/ _/
<div class="sheet-miscNotes">
<fieldset class="repeating_Notes">
<div style="display: inline-block">
<div>
<h2>
<input type="text" name="attr_NoteTitle" class="sheet-playbookDetailTitle" placeholder="Note Title"/>
</h2>
@@ -1068,19 +1068,8 @@ _/ _/ _/_/_/_/ _/ _/ _/_/_/ _/_/_/_/ _/ _/
<div class="sheet-tab-content sheet-tab4">
<div class="sheet-columnHalves">
<div class="sheet-miscNotes">
<h2>ENVIRONMENT</h2>
<div class="sheet-environmentNotes">
<fieldset class="repeating_Environment">
<textarea name="attr_environmentNote" rows="2" placeholder="Environment Notes" ></textarea>
</fieldset>
</div>
</div>
<div class="sheet-miscNotes">
<h2>ASSUMPUTIONS</h2>
<div class="sheet-assumptionsNotes">
<fieldset class="repeating_Assumptions">
@@ -1088,6 +1077,26 @@ _/ _/ _/_/_/_/ _/ _/ _/_/_/ _/_/_/_/ _/ _/
</fieldset>
</div>
</div>
<div class="sheet-miscNotes">
<h2>ENVIRONMENT</h2>
<div class="sheet-environmentNotes">
<fieldset class="repeating_Environment">
<textarea name="attr_environmentNote" rows="2" placeholder="Environment Notes" ></textarea>
</fieldset>
</div>
</div>
<div class="sheet-miscNotes">
<h2>CULTURE & SOCIETY</h2>
<div class="sheet-cultureNotes">
<fieldset class="repeating_Culture">
<textarea name="attr_cultureNote" rows="2" placeholder="Culture & Society Notes" ></textarea>
</fieldset>
</div>
</div>
<div class="sheet-miscNotes">
@@ -1120,15 +1129,26 @@ _/ _/ _/_/_/_/ _/ _/ _/_/_/ _/_/_/_/ _/ _/
</fieldset>
</div>
</div>
<div class="sheet-miscNotes">
<h2>CULTURE & SOCIETY</h2>
<div class="sheet-cultureNotes">
<fieldset class="repeating_Culture">
<textarea name="attr_cultureNote" rows="2" placeholder="Culture & Society Notes" ></textarea>
<div class="sheet-miscNotes">
<h2>THREATS / ANTAGONISTS</h2>
<div class="sheet-threatNotes">
<fieldset class="repeating_threats">
<textarea name="attr_threatNote" rows="2" placeholder="Threat, Front, or Antogonist" ></textarea>
</fieldset>
</div>
</div>
<div class="sheet-miscNotes">
<h2>EVENTS</h2>
<div class="sheet-eventNotes">
<fieldset class="repeating_events">
<textarea name="attr_eventNote" rows="2" placeholder="Event: actual or potential" ></textarea>
</fieldset>
</div>
</div>
<div class="sheet-miscNotes">
<h2>NOTES</h2>
<div class="sheet-miscNotes">
@@ -1137,7 +1157,10 @@ _/ _/ _/_/_/_/ _/ _/ _/_/_/ _/_/_/_/ _/ _/
<textarea name="attr_miscNote" rows="2" placeholder="Misc Notes" ></textarea>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div> <!-- sheet-mainColumn -->