From a29ffda4b93a92f65dc8a9f9ef670017f61af74c Mon Sep 17 00:00:00 2001 From: Lithl Date: Thu, 12 Jun 2014 00:20:41 -0500 Subject: [PATCH 1/5] Combat page first pass Essence motes, attack, damage moved to Combat page Combos, armor added Verbose charms, weapons added Need to remove weapons from statistics page, replace charms on statistics page with Merits & Flaws Need to move Dodge DV and Mental DVs to Combat page --- Exalted2e/exalted2e.css | 170 +++- Exalted2e/exalted2e.html | 1790 ++++++++++++++++++++++---------------- 2 files changed, 1179 insertions(+), 781 deletions(-) diff --git a/Exalted2e/exalted2e.css b/Exalted2e/exalted2e.css index 15364792c3..9f67d64c28 100644 --- a/Exalted2e/exalted2e.css +++ b/Exalted2e/exalted2e.css @@ -1,7 +1,6 @@ -.charsheet -{ - background-color: White; -} +.charsheet { background-color: white; } + +.sheet-vspace { margin-top: 10px; } .sheet-center, h3.sheet-ability, @@ -16,7 +15,8 @@ h4 margin-left: 0px; } -h1.sheet-separator +h1.sheet-separator, +hr { width: 100%; text-align: center; @@ -26,6 +26,15 @@ h1.sheet-separator background-position: left 50%; } +hr { height: 10px; } + +label { font-size: 16px; } + +button[type="roll"].sheet-blank-roll-button::before +{ + content: ""; +} + h1.sheet-separator span { background: white; @@ -58,7 +67,8 @@ div.sheet-ability div } div.sheet-attribute, -div.sheet-ability +div.sheet-ability, +ul.sheet-craft-types li { clear: right; } @@ -68,7 +78,6 @@ div.sheet-ability width: 841px; } -div[data-groupname="repeating_charms"], h4.sheet-span2 { width: 543px; @@ -76,12 +85,7 @@ h4.sheet-span2 div[data-groupname="repeating_charms"] .repitem { - display: inline-block; -} - -div[data-groupname="repeating_charms"] .repitem:nth-child(even) -{ - margin-left: 8px; + width: 100%; } .sheet-charm @@ -99,6 +103,11 @@ textarea.sheet-three-lines height: 8ex; } +textarea.sheet-two-lines +{ + height: 5ex; +} + div.sheet-virtue { display: inline-block; @@ -111,14 +120,17 @@ p.sheet-disclaimer text-align: center; } -.sheet-narrow -{ - width: 80px; -} +.sheet-regular { width: 120px; } +.sheet-narrow { width: 80px; } +.sheet-very-narrow { width: 40px; } -.sheet-very-narrow +span.sheet-span-header { - width: 40px; + display: inline-block; + padding: 4px; + margin: 0px; + font-weight: bold; + font-size: 110%; } div[data-groupname="repeating_attack"] div:not(:first-child) div.sheet-attack @@ -126,10 +138,43 @@ div[data-groupname="repeating_attack"] div:not(:first-child) div.sheet-attack border-top: 1px solid #ccc; } +div.sheet-combat-equipment div.sheet-weapons { display: inline-block; vertical-align: top; } +div.sheet-weapons div.sheet-rolls { padding: 5px; } +div.sheet-weapons span { border-top: 3px solid black; border-right: 1px solid black; } +div.sheet-weapons span:first-of-type, +div.sheet-weapons div.sheet-rolls, +div.sheet-weapons div.sheet-attack input:first-of-type { border-left: 3px solid black; } +div.sheet-weapons span:last-of-type, +div.sheet-weapons div.sheet-rolls, +div.sheet-weapons div.sheet-attack input:last-of-type{ border-right: 3px solid black; } +div.sheet-weapons div.sheet-attack select { height: 28px; vertical-align: top; } +div.sheet-weapons div.sheet-attack input, +div.sheet-weapons div.sheet-attack select +{ + border: 1px solid black; + border-left: none; + margin: 0px; + border-radius: 0px; +} + +/*div.repcontainer[data-groupname="repeating_attacks"] div.repitem:last-child input*/ +div.repcontainer[data-groupname="repeating_attacks"] div.repitem:last-child div.sheet-rolls +{ + border-bottom: 3px solid black; +} + +div.sheet-weapons .repcontrol { width: 400px; } + +div.sheet-combat-equipment div.sheet-armor +{ + display: inline-block; +} + /* Align labels and input boxes */ label, div.sheet-background, -div.sheet-charm +div.sheet-charm, +div.sheet-combo { display: -webkit-flex; display: flex; @@ -138,6 +183,7 @@ div.sheet-charm div.sheet-background input[type="text"], div.sheet-charm input[type="text"]:not(.sheet-very-narrow), +div.sheet-combo input[type="text"]:not(.sheet-narrow), label input[type="text"], label input[type="number"], label select @@ -168,6 +214,27 @@ div.sheet-background div.sheet-dots text-align: right; } +ul.sheet-craft-types +{ + list-style-type: none; + display: none; + position: absolute; + background-color: #fefefe; + z-index: 5; + width: 190px; + padding: 5px; + border: 1px solid #3f8ff3; + + border-radius: 5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; +} + +div.sheet-craft-types:hover ul.sheet-craft-types +{ + display: block; +} + /* Style boxes */ label input[type="text"], label input[type="number"], @@ -176,6 +243,8 @@ div.sheet-ability input[type="text"], div.sheet-background input[type="text"], div.sheet-charm input[type="text"], div.sheet-charm input[type="number"], +div.sheet-charm select, +div.sheet-combo input[type="text"], .sheet-fancy { border: 0px; @@ -189,12 +258,15 @@ div.sheet-charm input[type="number"], border-bottom: 1px solid #000; } +div.sheet-charm select { margin-bottom: 0px; } + label input[type="text"]:focus, label input[type="number"]:focus, div.sheet-ability input[type="text"]:focus, div.sheet-background input[type="text"]:focus, div.sheet-charm input[type="text"]:focus, div.sheet-charm input[type="number"]:focus, +div.sheet-combo input[type="text"]:focus, .sheet-fancy:focus { box-shadow: rgba(83, 167, 235, 0.466667) 0px 0px 6px 0px; @@ -370,3 +442,61 @@ select.sheet-health-value { float: right; } + +/* Tabs */ +input.sheet-tab +{ + position: inherit; + width: 100px; + height: 18px; +} + +input.sheet-tab:first-of-type { margin-left: 5px; } +input.sheet-tab:first-of-type + span::before { margin-left: -85px; } + +input.sheet-tab + span::before, +input.sheet-tab:checked ~ input.sheet-tab + span::before +{ + content: attr(title); + margin-left: -90px; + margin-right: 10px; + padding-top: 2px; + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + width: 100px; + height: 18px; + font-size: 14px; + + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); + font-weight: bold; + color: #f8f8f8; + + background-color: #cbd600; + background-image: -webkit-gradient(linear, left top, left bottom, from(#cbd600), to(#d9b84e)); + background-image: -webkit-linear-gradient(top, #cbd600, #d9b84e); + background-image: -moz-linear-gradient(top, #cbd600, #d9b84e); + background-image: -ms-linear-gradient(top, #cbd600, #d9b84e); + background-image: -o-linear-gradient(top, #cbd600, #d9b84e); + background-image: linear-gradient(to bottom, #cbd600, #d9b84e); + filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cbd600, endColorstr=#d9b84e); +} + +input.sheet-tab:checked + span::before +{ + border: 1px solid #6a7000; + background-color: #9ba300; + background-image: -webkit-gradient(linear, left top, left bottom, from(#9ba300), to(#c9a32b)); + background-image: -webkit-linear-gradient(top, #9ba300, #c9a32b); + background-image: -moz-linear-gradient(top, #9ba300, #c9a32b); + background-image: -ms-linear-gradient(top, #9ba300, #c9a32b); + background-image: -o-linear-gradient(top, #9ba300, #c9a32b); + background-image: linear-gradient(to bottom, #9ba300, #c9a32b); + filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9ba300, endColorstr=#c9a32b); +} + +div.sheet-tab-content { display: none; } +input.sheet-tab[value="statistics"]:checked ~ div.sheet-statistics-tab { display: block; } +input.sheet-tab[value="combat"]:checked ~ div.sheet-combat-tab { display: block; } +input.sheet-tab[value="magic"]:checked ~ div.sheet-magic-tab { display: block; } +input.sheet-tab[value="background"]:checked ~ div.sheet-background-tab { display: block; } \ No newline at end of file diff --git a/Exalted2e/exalted2e.html b/Exalted2e/exalted2e.html index 4569fd825d..0416b2b455 100644 --- a/Exalted2e/exalted2e.html +++ b/Exalted2e/exalted2e.html @@ -1,4 +1,4 @@ -
+
@@ -22,798 +22,1066 @@
-

Attributes

+ + + + -
-
-
- Strength -
- - - - - -
-
-
- Dexterity -
- - - - - -
-
-
- Stamina -
- - - - - -
-
-
- -
-
- Charisma -
- - - - - -
-
-
- Manipulation -
- - - - - -
-
-
- Appearance -
- - - - - -
-
-
- -
-
- Intelligence -
- - - - - -
-
-
- Wits -
- - - - - -
-
-
- Perception -
- - - - - -
-
-
+
+ BACKGROUND: Languages, Movement calculations, Anima flare, Backgrounds, Specialties, Intimacies, Familiar
-

Abilities

- -
-
-

Dawn

-
- - Archery -
- - - - - - - -
-
-
- - Martial Arts -
- - - - - - - -
-
-
- - Melee -
- - - - - - - -
-
-
- - Thrown -
- - - - - - - -
-
-
- - War -
- - - - - - - -
-
-
- -
-

Zenith

-
- - Integrity -
- - - - - - - -
-
-
- - Performance -
- - - - - - - -
-
-
- - Presence -
- - - - - - - -
-
-
- - Resistance -
- - - - - - - -
-
-
- - Survival -
- - - - - - - -
-
-
- -
-

Twilight

-
- - Craft -
- - - - - - - -
-
-
- - Investigation -
- - - - - - - -
-
-
- - Lore -
- - - - - - - -
-
-
- - Medicine -
- - - - - - - -
-
-
- - Occult -
- - - - - - - -
-
-
-
-
-
-

Night

-
- - Athletics -
- - - - - - - -
-
-
- - Awareness -
- - - - - - - -
-
-
- - Dodge -
- - - - - - - -
-
-
- - Larceny -
- - - - - - - -
-
-
- - Stealth -
- - - - - - - -
-
-
- -
-

Eclipse

-
- - Bureaucracy -
- - - - - - - -
-
-
- - Linguistics -
- - - - - - - -
-
-
- - Ride -
- - - - - - - -
-
-
- - Sail -
- - - - - - - -
-
-
- - Socialize -
- - - - - - - -
-
-
- -
-

Specialties

-
-
- - -
- - - -
-
-
-
+
+ MAGIC: Sorcery, Artifacts, Hearthstones
-

Advantages

- -
-
-

Backgrounds

-
-
- -
- - - - - -
-
-
-

Weapons

- -

Anima

- -

Limit Break

-
- - - - - - - - - - - - +
+
+
+
+

Personal Essence

+
|
+
+
+

Peripheral Essence

+
|
-

Virtue Flaw

-
-
-

Charms

-
-
- - -
-
-
-
-

Willpower

-
- - - - - - - - - - +
+ +

Charms

+ Name + Type + Duration + Cost + Effect +
+
+ + + + + +
+
+ +

Combos

+ Name + Charms + Cost +
+
+ + + +
+
+ +

Combat

+
+
+
+
+
+
+ Weapon / Attack + Speed + Accuracy + Damage + Defense + Range + Rate +
+
+ + + + + + +
-
- - - - - - - - - - -
-

Soak

- - - -

Health

-
-
- +
+
+
+ + - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + + + +
+
+ +
+
+

Armor

+ +
+ + + +
+ + + +
+
+
+ +
+

Attributes

+ +
+
+
+ Strength +
+ + + + + +
+
+
+ Dexterity +
+ + + + + +
+
+
+ Stamina +
+ + + + + +
+
+
+ +
+
+ Charisma +
+ + + + + +
+
+
+ Manipulation +
+ + + + + +
+
+
+ Appearance +
+ + + + + +
+
+
+ +
+
+ Intelligence +
+ + + + + +
+
+
+ Wits +
+ + + + + +
+
+
+ Perception +
+ + + + + +
+
+
+
+ +

Abilities

+ +
+
+

Dawn

+
+ + Archery +
+ + + + + + + +
+
+
+ + Martial Arts +
+ + + + + + + +
+
+
+ + Melee +
+ + + + + + + +
+
+
+ + Thrown +
+ + + + + + + +
+
+
+ + War +
+ + + + + + + +
+
+
+ +
+

Zenith

+
+ + Integrity +
+ + + + + + + +
+
+
+ + Performance +
+ + + + + + + +
+
+
+ + Presence +
+ + + + + + + +
+
+
+ + Resistance +
+ + + + + + + +
+
+
+ + Survival +
+ + + + + + + +
+
+
+ +
+

Twilight

+
+ + Craft +
    +
  • + Air +
    + + + + + + + +
    +
    • +
  • + Earth +
    + + + + + + + +
    +
    • +
  • + Fire +
    + + + + + + + +
    +
    • +
  • + Water +
    + + + + + + + +
    +
    • +
  • + Wood +
    + + + + + + + +
    +
    • +
  • + Fate +
    + + + + + + + +
    +
    • +
  • + Genesis +
    + + + + + + + +
    +
    • +
  • + Glamour +
    + + + + + + + +
    +
    • +
  • + Magitech +
    + + + + + + + +
    +
    • +
  • + Vitriol +
    + + + + + + + +
    +
    • +
+
+
+ + Investigation +
+ + + + + + + +
+
+
+ + Lore +
+ + + + + + + +
+
+
+ + Medicine +
+ + + + + + + +
+
+
+ + Occult +
+ + + + + + + +
+
+
+
+
+
+

Night

+
+ + Athletics +
+ + + + + + + +
+
+
+ + Awareness +
+ + + + + + + +
+
+
+ + Dodge +
+ + + + + + + +
+
+
+ + Larceny +
+ + + + + + + +
+
+
+ + Stealth +
+ + + + + + + +
+
+
+ +
+

Eclipse

+
+ + Bureaucracy +
+ + + + + + + +
+
+
+ + Linguistics +
+ + + + + + + +
+
+
+ + Ride +
+ + + + + + + +
+
+
+ + Sail +
+ + + + + + + +
+
+
+ + Socialize +
+ + + + + + + +
+
+
+ +
+

Specialties

+
+
+ + +
+ + + +
+
+
+
+
+ +

Advantages

+ +
+
+

Backgrounds

+
+
+ +
+ + + + + +
+
+
+

Weapons

+ +

Anima

+ +

Limit Break

+
+ + + + + + + + + + + + +
+

Virtue Flaw

+ +
+
+

Charms

+
+
+ + +
+
+
+
+

Willpower

+
+ + + + + + + + + + +
+
+ + + + + + + + + + +
+

Soak

+ + + +

Health

+
+
+ + +
+
+
+ Incapacitated +
- -
- Incapacitated -
-
-
-

Virtues

-
-

Compassion

+
+

Virtues

+
+

Compassion

+
+ + + + + +
+
+ + + + + +
+
+
+

Temperance

+
+ + + + + +
+
+ + + + + +
+
+
+

Conviction

+
+ + + + + +
+
+ + + + + +
+
+
+

Valor

+
+ + + + + +
+
+ + + + + +
+
+

Essence

- - - - - -
-
- - - - - + + + + + + + + + +
+

Experience

+
-
-

Temperance

-
- - - - - -
-
- - - - - -
-
-
-

Conviction

-
- - - - - -
-
- - - - - -
-
-
-

Valor

-
- - - - - -
-
- - - - - -
-
-

Essence

-
- - - - - - - - - - -
-
-
|
-
|
-
-
-

Experience

-
-
- -

Quick Reference

- -

Calculations do not include applicable specialties or stunts.

- -
-
-

Defense

-
Dodge DV:
-
- Parry DV: - - - -

* Stunt or charm required

-
-
Dodge MDV:
-
- Parry MDV: - - - -

* Stunt or charm most likely required

-
-
Natural Bashing Soak:
-
Natural Lethal Soak:
-
Natural Aggravated Soak:
-
-
-

Movement

-

Calculations do not include mobility penalties. Speeds are in yards

-
Move (land):
-
- Move (climb/swim): - -

Speed 0, DV -0 reflexive action; used during another action.

-
-
Dash (land):
-
- Dash (climb/swim): - -

Speed 3, DV -2 action; used up to once per flurry, voids parry without stunt or charm.

-
-
Jump (vertical):
-
- Jump (horizontal): - -

Speed 5, DV -1 miscellaneous action; used up to once per flurry, may combine with move

-
-
+

Quick Reference

-
-

Offense

-
- Join Battle/Debate: - -
-
- Join War: - -
-
-
-
+
+ Parry DV: + + + +

* Stunt or charm required

+
+
Dodge MDV:
+
+ Parry MDV: + - - - - - - - - - - - - - - - - + + + + + - + +

* Stunt or charm most likely required

-
-
- Damage: +
Natural Bashing Soak:
+
Natural Lethal Soak:
+
Natural Aggravated Soak:
+
+ +
+

Movement

+

Calculations do not include mobility penalties. Speeds are in yards

+
Move (land):
+
+ Move (climb/swim): + +

Speed 0, DV -0 reflexive action; used during another action.

+
+
Dash (land):
+
+ Dash (climb/swim): + +

Speed 3, DV -2 action; used up to once per flurry, voids parry without stunt or charm.

+
+
Jump (vertical):
+
+ Jump (horizontal): + +

Speed 5, DV -1 miscellaneous action; used up to once per flurry, may combine with move

+
+
+ +
+

Offense

-
+
\ No newline at end of file From cc13a1c22c1a87fe16150cdaeee623d9bac25d6f Mon Sep 17 00:00:00 2001 From: Lithl Date: Sun, 15 Jun 2014 19:02:16 -0500 Subject: [PATCH 2/5] Completed Magic tab, combat tab nearly complete Moved movement calculations to combat tab Added lift weight to combat tab Removed charms, essence motes, and weapons from statistics tab Repositioned dodge DV and mental dodge DV on statistics tab, re-styled health/soak area Removed quick reference area from statistics tab Added sorcery, artifacts, and hearthstones to magic tab --- Exalted2e/exalted2e.css | 74 ++++++++-- Exalted2e/exalted2e.html | 289 +++++++++++++++++++++++++-------------- 2 files changed, 246 insertions(+), 117 deletions(-) diff --git a/Exalted2e/exalted2e.css b/Exalted2e/exalted2e.css index 9f67d64c28..e1270efbac 100644 --- a/Exalted2e/exalted2e.css +++ b/Exalted2e/exalted2e.css @@ -4,10 +4,9 @@ .sheet-center, h3.sheet-ability, -h4 -{ - text-align: center; -} +h4 { text-align: center; } + +.sheet-right { text-align: right; } h4 { @@ -73,7 +72,7 @@ ul.sheet-craft-types li clear: right; } -.sheet-col .sheet-2colrow +.sheet-col .sheet-2colrow.sheet-sub2colrow { width: 841px; } @@ -88,7 +87,10 @@ div[data-groupname="repeating_charms"] .repitem width: 100%; } -.sheet-charm +.sheet-charm, +.sheet-sorcery, +.sheet-artifacts, +.sheet-hearthstones { margin-bottom: 5px; } @@ -174,7 +176,10 @@ div.sheet-combat-equipment div.sheet-armor label, div.sheet-background, div.sheet-charm, -div.sheet-combo +div.sheet-combo, +div.sheet-sorcery, +div.sheet-artifacts, +div.sheet-hearthstones { display: -webkit-flex; display: flex; @@ -184,6 +189,9 @@ div.sheet-combo div.sheet-background input[type="text"], div.sheet-charm input[type="text"]:not(.sheet-very-narrow), div.sheet-combo input[type="text"]:not(.sheet-narrow), +div.sheet-sorcery input[type="text"]:not(.sheet-regular):not(.sheet-narrow), +div.sheet-artifacts input[type="text"], +div.sheet-hearthstones input[type="text"], label input[type="text"], label input[type="number"], label select @@ -192,6 +200,30 @@ label select flex: 1 1 auto; } +div.sheet-sorcery input[type="text"].sheet-wide-flex:not(.sheet-regular):not(.sheet-narrow), +div.sheet-artifacts input[type="text"].sheet-wide-flex, +div.sheet-hearthstones input[type="text"].sheet-wide-flex +{ + -webkit-flex: 70%; + flex: 70%; +} + +div.sheet-sorcery input[type="text"], +div.sheet-artifacts input[type="text"], +div.sheet-artifacts select, +div.sheet-hearthstones input[type="text"], +div.sheet-hearthstones input[type="checkbox"], +div.sheet-hearthstones select +{ + margin-right: 5px; +} + +div.sheet-artifacts select, +div.sheet-hearthstones select:not(:first-of-type) +{ + font-size: 21px; +} + label span { -webkit-flex: 0 1 auto; @@ -237,7 +269,7 @@ div.sheet-craft-types:hover ul.sheet-craft-types /* Style boxes */ label input[type="text"], -label input[type="number"], +label:not(.sheet-dv) input[type="number"], label select, div.sheet-ability input[type="text"], div.sheet-background input[type="text"], @@ -245,6 +277,11 @@ div.sheet-charm input[type="text"], div.sheet-charm input[type="number"], div.sheet-charm select, div.sheet-combo input[type="text"], +div.sheet-sorcery input[type="text"], +div.sheet-artifacts input[type="text"], +div.sheet-artifacts select, +div.sheet-hearthstones input[type="text"], +div.sheet-hearthstones select, .sheet-fancy { border: 0px; @@ -258,7 +295,9 @@ div.sheet-combo input[type="text"], border-bottom: 1px solid #000; } -div.sheet-charm select { margin-bottom: 0px; } +div.sheet-charm select, +div.sheet-artifacts select, +div.sheet-hearthstones select { margin-bottom: 0px; } label input[type="text"]:focus, label input[type="number"]:focus, @@ -267,17 +306,23 @@ div.sheet-background input[type="text"]:focus, div.sheet-charm input[type="text"]:focus, div.sheet-charm input[type="number"]:focus, div.sheet-combo input[type="text"]:focus, +div.sheet-sorcery input[type="text"]:focus, +div.sheet-artifacts input[type="text"]:focus, +div.sheet-hearthstones input[type="text"]:focus, .sheet-fancy:focus { box-shadow: rgba(83, 167, 235, 0.466667) 0px 0px 6px 0px; } -label.sheet-soak +label.sheet-soak, +label.sheet-dv { display: inline-block; max-width: 70px; } +label.sheet-dv { max-width: 100px; } + input[type="number"] { text-align: center; @@ -366,7 +411,8 @@ div.sheet-dots input[type="checkbox"]:first-child + span::before /* Styles unique to fake checkbox (checked) */ div.sheet-ability input[type="checkbox"]:first-child:checked + span::before, -div.sheet-will input[type="checkbox"]:checked + span::before +div.sheet-will input[type="checkbox"]:checked + span::before, +div.sheet-hearthstones input[type="checkbox"]:checked + span::before { content: "✓"; color: #bea000; @@ -383,6 +429,12 @@ div.sheet-will input[type="checkbox"]:checked + span::before background: radial-gradient(#f6f6f6, #dfdfdf); } +div.sheet-hearthstones input[type="checkbox"] + span::before +{ + margin-left: -15px; + margin-top: 5px; +} + div.sheet-dots input[type="checkbox"]:first-child:checked + span::before { border: solid 1px transparent; diff --git a/Exalted2e/exalted2e.html b/Exalted2e/exalted2e.html index 0416b2b455..b821eef1a2 100644 --- a/Exalted2e/exalted2e.html +++ b/Exalted2e/exalted2e.html @@ -32,22 +32,168 @@
- MAGIC: Sorcery, Artifacts, Hearthstones +

Sorcery

+ Name + Duration + Cost + Effect +
+
+ + + + +
+
+ +

Artifacts

+ Name + Rating + Effect +
+
+ + + +
+
+ +

Hearthstones

+ Name + Aspect + Rating + Effect + Socketed +
+
+ + + + + +
+
-
-

Personal Essence

-
|
+

Essence Motes

+
+
+

Personal Essence

+
|
+
+
+

Peripheral Essence

+
|
+
+
+
-

Peripheral Essence

-
|
+

Athleticism

+
+
+ + +
Move (land):
+
Move (climb/swim):
+ +
+ + + +
Jump (vertical):
+
Jump (horizontal):
+
+
+ +
Dash (land):
+
Dash (climb/swim):
+ +
+ + + + + + + + + + + +
Lift/Pull/Push:
+
Throw Object:
+
+
-

Charms

Name @@ -833,8 +979,6 @@
-

Weapons

-

Anima

Limit Break

@@ -856,14 +1000,14 @@
-

Charms

-
+

Merits & Flaws

+ +

Willpower

@@ -890,35 +1034,42 @@
-

Soak

+

Health

+

Soak

-

Health

-
+

Dodge Defense

+ + + +
+
+
+
+ + +
+
- -
-
-
- Incapacitated -
@@ -1010,78 +1161,4 @@
- -

Quick Reference

- -

Calculations do not include applicable specialties or stunts.

- -
-
-

Defense

-
Dodge DV:
-
- Parry DV: - - - -

* Stunt or charm required

-
-
Dodge MDV:
-
- Parry MDV: - - - -

* Stunt or charm most likely required

-
-
Natural Bashing Soak:
-
Natural Lethal Soak:
-
Natural Aggravated Soak:
-
- -
-

Movement

-

Calculations do not include mobility penalties. Speeds are in yards

-
Move (land):
-
- Move (climb/swim): - -

Speed 0, DV -0 reflexive action; used during another action.

-
-
Dash (land):
-
- Dash (climb/swim): - -

Speed 3, DV -2 action; used up to once per flurry, voids parry without stunt or charm.

-
-
Jump (vertical):
-
- Jump (horizontal): - -

Speed 5, DV -1 miscellaneous action; used up to once per flurry, may combine with move

-
-
- -
-

Offense

-
-
\ No newline at end of file From f6b4aa91fdd7276e5cb34975d41ef38f5746feed Mon Sep 17 00:00:00 2001 From: Lithl Date: Sat, 21 Jun 2014 05:39:23 -0500 Subject: [PATCH 3/5] Completed Background tab I'd like the Familiar section to be formatted a little more nicely, but this will have to do. Cleaning up the Statistics tab after removing things is still on the to-do list. Need to add Merits/Flaws section on Statistics tab --- Exalted2e/exalted2e.css | 100 ++++++-- Exalted2e/exalted2e.html | 512 +++++++++++++++++++++++++++++++++------ 2 files changed, 528 insertions(+), 84 deletions(-) diff --git a/Exalted2e/exalted2e.css b/Exalted2e/exalted2e.css index e1270efbac..2f760f4c32 100644 --- a/Exalted2e/exalted2e.css +++ b/Exalted2e/exalted2e.css @@ -88,9 +88,14 @@ div[data-groupname="repeating_charms"] .repitem } .sheet-charm, +.sheet-combo, .sheet-sorcery, .sheet-artifacts, -.sheet-hearthstones +.sheet-hearthstones, +.sheet-languages, +.sheet-background, +.sheet-specialty, +.sheet-intimacy { margin-bottom: 5px; } @@ -135,11 +140,23 @@ span.sheet-span-header font-size: 110%; } +div.repcontrol { margin-top: 5px; } + div[data-groupname="repeating_attack"] div:not(:first-child) div.sheet-attack { border-top: 1px solid #ccc; } +div[data-groupname="repeating_intimacies"] .repitem +{ + display: inline-block; +} + +div[data-groupname="repeating_intimacies"] .repitem:nth-child(even) +{ + margin-left: 40px; +} + div.sheet-combat-equipment div.sheet-weapons { display: inline-block; vertical-align: top; } div.sheet-weapons div.sheet-rolls { padding: 5px; } div.sheet-weapons span { border-top: 3px solid black; border-right: 1px solid black; } @@ -159,7 +176,6 @@ div.sheet-weapons div.sheet-attack select border-radius: 0px; } -/*div.repcontainer[data-groupname="repeating_attacks"] div.repitem:last-child input*/ div.repcontainer[data-groupname="repeating_attacks"] div.repitem:last-child div.sheet-rolls { border-bottom: 3px solid black; @@ -172,6 +188,37 @@ div.sheet-combat-equipment div.sheet-armor display: inline-block; } +/* tables */ +table.sheet-anima, +table.sheet-familiar-attacks, +table.sheet-familiar-attacks > tbody > tr > td > input[type="text"] { width: 100%; } + +table.sheet-anima:first-of-type > tbody > tr > td:last-child, +table.sheet-anima:last-of-type > thead > tr:last-child > th:last-child, +table.sheet-anima:last-of-type > tbody > tr > td:first-child { padding-left: 10px; } + +table.sheet-anima:last-of-type { margin-top: 30px; } + +table.sheet-anima:last-of-type > thead > tr > td { width: 70px; } + +table.sheet-anima th +{ + font-size: 18px; + text-align: left; +} + +table.sheet-anima td { font-weight: bold; } + +table.sheet-anima > thead > tr:first-child > th { font-size: 20px; } + +table.sheet-familiar-attacks > thead > tr > th:first-child { text-align: left; } + +table.sheet-familiar-attacks > tbody > tr > td:nth-child(2), +table.sheet-familiar-attacks > tbody > tr > td:nth-child(3), +table.sheet-familiar-attacks > tbody > tr > td:nth-child(5) { text-align: center; } + +table.sheet-familiar-attacks > tbody > tr:not(:first-child) > td > * { margin-top: 5px; } + /* Align labels and input boxes */ label, div.sheet-background, @@ -179,7 +226,11 @@ div.sheet-charm, div.sheet-combo, div.sheet-sorcery, div.sheet-artifacts, -div.sheet-hearthstones +div.sheet-hearthstones, +div.sheet-languages, +div.sheet-specialty, +div.sheet-intimacy, +div.sheet-familiar-row { display: -webkit-flex; display: flex; @@ -192,6 +243,9 @@ div.sheet-combo input[type="text"]:not(.sheet-narrow), div.sheet-sorcery input[type="text"]:not(.sheet-regular):not(.sheet-narrow), div.sheet-artifacts input[type="text"], div.sheet-hearthstones input[type="text"], +div.sheet-languages input[type="text"], +div.sheet-specialty input[type="text"], +div.sheet-intimacy input[type="text"], label input[type="text"], label input[type="number"], label select @@ -200,6 +254,9 @@ label select flex: 1 1 auto; } +div.sheet-intimacy input[type="text"] { max-width: 220px; } +div.sheet-intimacy div.sheet-dots { width: 185px; } + div.sheet-sorcery input[type="text"].sheet-wide-flex:not(.sheet-regular):not(.sheet-narrow), div.sheet-artifacts input[type="text"].sheet-wide-flex, div.sheet-hearthstones input[type="text"].sheet-wide-flex @@ -213,7 +270,10 @@ div.sheet-artifacts input[type="text"], div.sheet-artifacts select, div.sheet-hearthstones input[type="text"], div.sheet-hearthstones input[type="checkbox"], -div.sheet-hearthstones select +div.sheet-hearthstones select, +div.sheet-charm select, +div.sheet-charm input[type="text"], +div.sheet-combo input[type="text"] { margin-right: 5px; } @@ -231,17 +291,9 @@ label span margin-right: 20px; } -div.sheet-ability input[type="text"] -{ - max-width: 170px; -} - -div.sheet-background input[type="text"] -{ - max-width: 160px; -} - -div.sheet-background div.sheet-dots +div.sheet-background div.sheet-dots, +div.sheet-specialty div.sheet-dots, +div.sheet-intimacy div.sheet-dots { text-align: right; } @@ -282,6 +334,14 @@ div.sheet-artifacts input[type="text"], div.sheet-artifacts select, div.sheet-hearthstones input[type="text"], div.sheet-hearthstones select, +div.sheet-languages input[type="text"], +div.sheet-intimacy input[type="text"], +div.sheet-familiar-health-row select, +table.sheet-familiar-attacks > tbody > tr > td > input[type="text"], +table.sheet-familiar-attacks > tbody > tr > td > input[type="number"], +select.sheet-health-label, +select.sheet-health-value, +div.sheet-essence input[type="number"]:not([disabled]), .sheet-fancy { border: 0px; @@ -309,6 +369,10 @@ div.sheet-combo input[type="text"]:focus, div.sheet-sorcery input[type="text"]:focus, div.sheet-artifacts input[type="text"]:focus, div.sheet-hearthstones input[type="text"]:focus, +div.sheet-languages input[type="text"]:focus, +div.sheet-intimacy input[type="text"]:focus, +table.sheet-familiar-attacks > tbody > tr > td > input[type="text"]:focus, +table.sheet-familiar-attacks > tbody > tr > td > input[type="number"]:focus, .sheet-fancy:focus { box-shadow: rgba(83, 167, 235, 0.466667) 0px 0px 6px 0px; @@ -412,7 +476,9 @@ div.sheet-dots input[type="checkbox"]:first-child + span::before /* Styles unique to fake checkbox (checked) */ div.sheet-ability input[type="checkbox"]:first-child:checked + span::before, div.sheet-will input[type="checkbox"]:checked + span::before, -div.sheet-hearthstones input[type="checkbox"]:checked + span::before +div.sheet-hearthstones input[type="checkbox"]:checked + span::before, +div.sheet-languages input[type="checkbox"]:checked + span::before, +table.sheet-anima input[type="checkbox"]:checked + span::before { content: "✓"; color: #bea000; @@ -495,6 +561,8 @@ select.sheet-health-value float: right; } +div.sheet-familiar-health-row select.sheet-health-value { float: none; } + /* Tabs */ input.sheet-tab { diff --git a/Exalted2e/exalted2e.html b/Exalted2e/exalted2e.html index b821eef1a2..f3774f7170 100644 --- a/Exalted2e/exalted2e.html +++ b/Exalted2e/exalted2e.html @@ -28,7 +28,441 @@
- BACKGROUND: Languages, Movement calculations, Anima flare, Backgrounds, Specialties, Intimacies, Familiar +
+
+

Languages

+
+
+ + +
+
+
+ +
+

Anima

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Solar Anima
MotesManifestation
1-3Weak Caste Mark
4-7Strong Caste Mark
8-10Mild Aura
11-15Bonfire Aura
16+Iconic
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Anima Abilities
CostEffect
1MoteCause Caste Mark to glow for scene.
1MoteCause Anima to glow for scene.
1MoteKnow exact time of day innately.
+
+
+ +
+
+

Backgrounds

+
+
+ +
+ + + + + +
+
+
+
+ +
+

Specialties

+
+
+ + +
+ + + +
+
+
+
+
+ +

Intimacies

+
+
+ +
+ + + + + + + + + + +
+
+
+ +

Familiar

+
+ + +
+ +
+ + + + + + +
+ +
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AttackSpeedAccuracyDamageRate
@@ -114,7 +548,7 @@
|
-
+

Athleticism

@@ -148,48 +582,13 @@ - -
Lift/Pull/Push:
-
Throw Object:
+
Lift/Pull/Push:
+ + + + + +
Throw Object:
@@ -948,17 +1347,7 @@

Specialties

-
-
- - -
- - - -
-
-
+
@@ -966,19 +1355,6 @@
-

Backgrounds

-
-
- -
- - - - - -
-
-

Anima

Limit Break

From 3b583e1acde203f9976088a1827b89448ce40974 Mon Sep 17 00:00:00 2001 From: Lithl Date: Tue, 1 Jul 2014 15:07:00 -0500 Subject: [PATCH 4/5] Final stages Settings tab cleaned up Added sub-crafts to attack dropdowns --- Exalted2e/exalted2e.css | 36 ++++++++++++++++++++------ Exalted2e/exalted2e.html | 56 +++++++++++++++++++++++++++++++--------- 2 files changed, 72 insertions(+), 20 deletions(-) diff --git a/Exalted2e/exalted2e.css b/Exalted2e/exalted2e.css index 2f760f4c32..fe705c0fe0 100644 --- a/Exalted2e/exalted2e.css +++ b/Exalted2e/exalted2e.css @@ -77,9 +77,10 @@ ul.sheet-craft-types li width: 841px; } -h4.sheet-span2 +.sheet-span2 { width: 543px; + margin-left: 0px; } div[data-groupname="repeating_charms"] .repitem @@ -95,7 +96,9 @@ div[data-groupname="repeating_charms"] .repitem .sheet-languages, .sheet-background, .sheet-specialty, -.sheet-intimacy +.sheet-intimacy, +.sheet-merit, +.sheet-flaw { margin-bottom: 5px; } @@ -140,6 +143,10 @@ span.sheet-span-header font-size: 110%; } +div.sheet-2colrow.sheet-span2 div.sheet-col { width: 250px; } + +div.sheet-2colrow.sheet-span2 div.sheet-col span.sheet-span-header:first-child { width: 200px; } + div.repcontrol { margin-top: 5px; } div[data-groupname="repeating_attack"] div:not(:first-child) div.sheet-attack @@ -230,7 +237,9 @@ div.sheet-hearthstones, div.sheet-languages, div.sheet-specialty, div.sheet-intimacy, -div.sheet-familiar-row +div.sheet-familiar-row, +div.sheet-merit, +div.sheet-flaw { display: -webkit-flex; display: flex; @@ -246,6 +255,8 @@ div.sheet-hearthstones input[type="text"], div.sheet-languages input[type="text"], div.sheet-specialty input[type="text"], div.sheet-intimacy input[type="text"], +div.sheet-merit input[type="text"], +div.sheet-flaw input[type="text"], label input[type="text"], label input[type="number"], label select @@ -273,7 +284,9 @@ div.sheet-hearthstones input[type="checkbox"], div.sheet-hearthstones select, div.sheet-charm select, div.sheet-charm input[type="text"], -div.sheet-combo input[type="text"] +div.sheet-combo input[type="text"], +div.sheet-merit input[type="text"], +div.sheet-flaw input[type="text"] { margin-right: 5px; } @@ -314,10 +327,9 @@ ul.sheet-craft-types -moz-border-radius: 5px; } -div.sheet-craft-types:hover ul.sheet-craft-types -{ - display: block; -} +div.sheet-craft-types:hover ul.sheet-craft-types { display: block; } + +div.sheet-craft-types:hover ul.sheet-craft-types + div { opacity: 0.4; } /* Style boxes */ label input[type="text"], @@ -337,6 +349,10 @@ div.sheet-hearthstones select, div.sheet-languages input[type="text"], div.sheet-intimacy input[type="text"], div.sheet-familiar-health-row select, +div.sheet-merit input[type="text"], +div.sheet-merit input[type="number"], +div.sheet-flaw input[type="text"], +div.sheet-flaw input[type="number"], table.sheet-familiar-attacks > tbody > tr > td > input[type="text"], table.sheet-familiar-attacks > tbody > tr > td > input[type="number"], select.sheet-health-label, @@ -371,6 +387,10 @@ div.sheet-artifacts input[type="text"]:focus, div.sheet-hearthstones input[type="text"]:focus, div.sheet-languages input[type="text"]:focus, div.sheet-intimacy input[type="text"]:focus, +div.sheet-merit input[type="text"]:focus, +div.sheet-merit input[type="number"]:focus, +div.sheet-flaw input[type="text"]:focus, +div.sheet-flaw input[type="number"]:focus, table.sheet-familiar-attacks > tbody > tr > td > input[type="text"]:focus, table.sheet-familiar-attacks > tbody > tr > td > input[type="number"]:focus, .sheet-fancy:focus diff --git a/Exalted2e/exalted2e.html b/Exalted2e/exalted2e.html index f3774f7170..05eb7a06c1 100644 --- a/Exalted2e/exalted2e.html +++ b/Exalted2e/exalted2e.html @@ -704,7 +704,16 @@ - + + + + + + + + + + + @@ -752,7 +761,16 @@ - + + + + + + + + + + + @@ -1151,6 +1169,7 @@
+
Hover to select crafts
@@ -1345,10 +1364,7 @@
-
-

Specialties

- -
+

Advantages

@@ -1376,13 +1392,29 @@
-

Merits & Flaws

- +
+ Flaw + Cost +
+
+ + +
+
+
+

Willpower

From a3abe46aa44cc0ce89e461f2f90850f33ccfa3aa Mon Sep 17 00:00:00 2001 From: Lithl Date: Tue, 1 Jul 2014 17:36:57 -0500 Subject: [PATCH 5/5] Clean up CSS --- Exalted2e/exalted2e.css | 762 +++++++++++++++++---------------------- Exalted2e/exalted2e.html | 4 +- 2 files changed, 334 insertions(+), 432 deletions(-) diff --git a/Exalted2e/exalted2e.css b/Exalted2e/exalted2e.css index fe705c0fe0..7e9730f272 100644 --- a/Exalted2e/exalted2e.css +++ b/Exalted2e/exalted2e.css @@ -1,91 +1,60 @@ -.charsheet { background-color: white; } +.charsheet +{ + background-color: #fff; + overflow: hidden; +} -.sheet-vspace { margin-top: 10px; } - -.sheet-center, -h3.sheet-ability, -h4 { text-align: center; } - -.sheet-right { text-align: right; } +.sheet-vspace { margin-top:10px; } h4 { - font-weight: normal; - margin-left: 0px; + font-weight: 400; + margin-left: 0; } -h1.sheet-separator, +h1, hr { - width: 100%; - text-align: center; - background-image: url('http://i.imgur.com/TwZ84rO.jpg'); - background-repeat: repeat-x; - background-size: auto 10px; + background-image: url(http://i.imgur.com/TwZ84rO.jpg); background-position: left 50%; + background-repeat: repeat-x; + background-size: auto 10px; + + text-align: center; + width: 100%; } hr { height: 10px; } label { font-size: 16px; } -button[type="roll"].sheet-blank-roll-button::before +h1 span { - content: ""; + background: #fff; + padding: 0 5px; } -h1.sheet-separator span -{ - background: white; - padding: 0 5px 0 5px; -} - -img.sheet-banner -{ - max-height: 100px; -} +img { max-height: 100px; } span.sheet-attribute, span.sheet-ability { display: inline-block; - font-weight: bold; - font-size: 14px; -} -span.sheet-attribute + div, -span.sheet-ability + div -{ - display: inline-block; -} - -div.sheet-attribute div, -div.sheet-ability div -{ - float: right; + font-size: 14px; + font-weight: 700; } div.sheet-attribute, div.sheet-ability, -ul.sheet-craft-types li -{ - clear: right; -} +ul.sheet-craft-types li { clear: right; } -.sheet-col .sheet-2colrow.sheet-sub2colrow -{ - width: 841px; -} +.sheet-col .sheet-2colrow.sheet-sub2colrow { width: 841px; } .sheet-span2 { + margin-left: 0; width: 543px; - margin-left: 0px; -} - -div[data-groupname="repeating_charms"] .repitem -{ - width: 100%; } .sheet-charm, @@ -98,520 +67,396 @@ div[data-groupname="repeating_charms"] .repitem .sheet-specialty, .sheet-intimacy, .sheet-merit, -.sheet-flaw -{ - margin-bottom: 5px; -} +.sheet-flaw { margin-bottom: 5px; } -textarea.sheet-four-lines -{ - height: 11ex; -} +.sheet-four-lines { height: 11ex; } -textarea.sheet-three-lines -{ - height: 8ex; -} +.sheet-three-lines { height: 8ex; } -textarea.sheet-two-lines -{ - height: 5ex; -} - -div.sheet-virtue -{ - display: inline-block; -} - -p.sheet-disclaimer -{ - font-size: 80%; - font-style: italic; - text-align: center; -} +.sheet-two-lines { height: 5ex; } .sheet-regular { width: 120px; } + .sheet-narrow { width: 80px; } + .sheet-very-narrow { width: 40px; } -span.sheet-span-header +.sheet-span-header { display: inline-block; + + font-size: 110%; + font-weight: 700; + + margin: 0; padding: 4px; - margin: 0px; - font-weight: bold; - font-size: 110%; } -div.sheet-2colrow.sheet-span2 div.sheet-col { width: 250px; } +.sheet-2colrow.sheet-span2 .sheet-col { width: 250px; } -div.sheet-2colrow.sheet-span2 div.sheet-col span.sheet-span-header:first-child { width: 200px; } +.sheet-2colrow.sheet-span2 .sheet-col .sheet-span-header:first-child { width: 200px; } -div.repcontrol { margin-top: 5px; } +[data-groupname=repeating_attack] div:not(:first-child) .sheet-attack { border-top: 1px solid #ccc; } -div[data-groupname="repeating_attack"] div:not(:first-child) div.sheet-attack -{ - border-top: 1px solid #ccc; -} +[data-groupname=repeating_intimacies] .repitem:nth-child(even) { margin-left: 40px; } -div[data-groupname="repeating_intimacies"] .repitem +.sheet-combat-equipment .sheet-weapons { display: inline-block; + vertical-align: top; } -div[data-groupname="repeating_intimacies"] .repitem:nth-child(even) +.sheet-weapons .sheet-rolls { padding: 5px; } + +.sheet-weapons span { - margin-left: 40px; + border-right: 1px solid #000; + border-top: 3px solid #000; } -div.sheet-combat-equipment div.sheet-weapons { display: inline-block; vertical-align: top; } -div.sheet-weapons div.sheet-rolls { padding: 5px; } -div.sheet-weapons span { border-top: 3px solid black; border-right: 1px solid black; } -div.sheet-weapons span:first-of-type, -div.sheet-weapons div.sheet-rolls, -div.sheet-weapons div.sheet-attack input:first-of-type { border-left: 3px solid black; } -div.sheet-weapons span:last-of-type, -div.sheet-weapons div.sheet-rolls, -div.sheet-weapons div.sheet-attack input:last-of-type{ border-right: 3px solid black; } -div.sheet-weapons div.sheet-attack select { height: 28px; vertical-align: top; } -div.sheet-weapons div.sheet-attack input, -div.sheet-weapons div.sheet-attack select +.sheet-weapons span:first-of-type, +.sheet-weapons .sheet-rolls, +.sheet-weapons .sheet-attack input:first-of-type { border-left: 3px solid #000; } + +.sheet-weapons span:last-of-type, +.sheet-weapons .sheet-rolls, +.sheet-weapons .sheet-attack input:last-of-type { border-right: 3px solid #000; } + +.sheet-weapons .sheet-attack select { - border: 1px solid black; - border-left: none; - margin: 0px; - border-radius: 0px; + height: 28px; + vertical-align: top; } -div.repcontainer[data-groupname="repeating_attacks"] div.repitem:last-child div.sheet-rolls +.sheet-weapons .sheet-attack input, +.sheet-weapons .sheet-attack select { - border-bottom: 3px solid black; + border: 1px solid #000; + border-left: none; + border-radius: 0; + + margin: 0; } -div.sheet-weapons .repcontrol { width: 400px; } +.repcontainer[data-groupname=repeating_attacks] .repitem:last-child .sheet-rolls { border-bottom: 3px solid #000; } -div.sheet-combat-equipment div.sheet-armor -{ - display: inline-block; -} +.sheet-weapons .repcontrol { width: 400px; } -/* tables */ -table.sheet-anima, -table.sheet-familiar-attacks, -table.sheet-familiar-attacks > tbody > tr > td > input[type="text"] { width: 100%; } +.sheet-anima:first-of-type > tbody > tr > td:last-child, +.sheet-anima:last-of-type > thead > tr:last-child > th:last-child, +.sheet-anima:last-of-type > tbody > tr > td:first-child { padding-left: 10px; } -table.sheet-anima:first-of-type > tbody > tr > td:last-child, -table.sheet-anima:last-of-type > thead > tr:last-child > th:last-child, -table.sheet-anima:last-of-type > tbody > tr > td:first-child { padding-left: 10px; } +.sheet-anima:last-of-type { margin-top: 30px; } -table.sheet-anima:last-of-type { margin-top: 30px; } +.sheet-anima:last-of-type > thead > tr > td { width: 70px; } -table.sheet-anima:last-of-type > thead > tr > td { width: 70px; } - -table.sheet-anima th +.sheet-anima th { font-size: 18px; text-align: left; } -table.sheet-anima td { font-weight: bold; } +.sheet-anima td { font-weight: 700; } -table.sheet-anima > thead > tr:first-child > th { font-size: 20px; } +.sheet-anima > thead > tr:first-child > th { font-size: 20px; } -table.sheet-familiar-attacks > thead > tr > th:first-child { text-align: left; } +.sheet-familiar-attacks > thead > tr > th:first-child { text-align: left; } -table.sheet-familiar-attacks > tbody > tr > td:nth-child(2), -table.sheet-familiar-attacks > tbody > tr > td:nth-child(3), -table.sheet-familiar-attacks > tbody > tr > td:nth-child(5) { text-align: center; } - -table.sheet-familiar-attacks > tbody > tr:not(:first-child) > td > * { margin-top: 5px; } - -/* Align labels and input boxes */ label, -div.sheet-background, -div.sheet-charm, -div.sheet-combo, -div.sheet-sorcery, -div.sheet-artifacts, -div.sheet-hearthstones, -div.sheet-languages, -div.sheet-specialty, -div.sheet-intimacy, -div.sheet-familiar-row, -div.sheet-merit, -div.sheet-flaw +.sheet-background, +.sheet-charm, +.sheet-combo, +.sheet-sorcery, +.sheet-artifacts, +.sheet-hearthstones, +.sheet-languages, +.sheet-specialty, +.sheet-intimacy, +.sheet-familiar-row, +.sheet-merit, +.sheet-flaw { - display: -webkit-flex; display: flex; width: 100%; } -div.sheet-background input[type="text"], -div.sheet-charm input[type="text"]:not(.sheet-very-narrow), -div.sheet-combo input[type="text"]:not(.sheet-narrow), -div.sheet-sorcery input[type="text"]:not(.sheet-regular):not(.sheet-narrow), -div.sheet-artifacts input[type="text"], -div.sheet-hearthstones input[type="text"], -div.sheet-languages input[type="text"], -div.sheet-specialty input[type="text"], -div.sheet-intimacy input[type="text"], -div.sheet-merit input[type="text"], -div.sheet-flaw input[type="text"], -label input[type="text"], -label input[type="number"], +.sheet-background input[type=text], +.sheet-charm input, +.sheet-combo input:not(.sheet-narrow), +.sheet-sorcery input:not(.sheet-regular):not(.sheet-narrow), +.sheet-artifacts input, +.sheet-hearthstones input[type=text], +.sheet-languages input[type=text], +.sheet-specialty input[type=text], +.sheet-intimacy > input, +.sheet-merit input[type=text], +.sheet-flaw input[type=text], +label input, label select { -webkit-flex: 1 1 auto; - flex: 1 1 auto; + flex: 1 1 auto; } -div.sheet-intimacy input[type="text"] { max-width: 220px; } -div.sheet-intimacy div.sheet-dots { width: 185px; } +.sheet-intimacy > input { max-width: 220px; } -div.sheet-sorcery input[type="text"].sheet-wide-flex:not(.sheet-regular):not(.sheet-narrow), -div.sheet-artifacts input[type="text"].sheet-wide-flex, -div.sheet-hearthstones input[type="text"].sheet-wide-flex +.sheet-intimacy .sheet-dots { width: 185px; } + +.sheet-sorcery .sheet-wide-flex, +.sheet-artifacts .sheet-wide-flex, +.sheet-hearthstones .sheet-wide-flex { -webkit-flex: 70%; - flex: 70%; + flex: 70%; } -div.sheet-sorcery input[type="text"], -div.sheet-artifacts input[type="text"], -div.sheet-artifacts select, -div.sheet-hearthstones input[type="text"], -div.sheet-hearthstones input[type="checkbox"], -div.sheet-hearthstones select, -div.sheet-charm select, -div.sheet-charm input[type="text"], -div.sheet-combo input[type="text"], -div.sheet-merit input[type="text"], -div.sheet-flaw input[type="text"] -{ - margin-right: 5px; -} +.sheet-sorcery input, +.sheet-artifacts input, +.sheet-artifacts select, +.sheet-hearthstones input, +.sheet-hearthstones select, +.sheet-charm select, +.sheet-charm input, +.sheet-combo input, +.sheet-merit input[type=text], +.sheet-flaw input[type=text] { margin-right: 5px; } -div.sheet-artifacts select, -div.sheet-hearthstones select:not(:first-of-type) -{ - font-size: 21px; -} +.sheet-artifacts select, +.sheet-hearthstones select:not(:first-of-type) { font-size: 21px; } label span { -webkit-flex: 0 1 auto; - flex: 0 1 auto; - margin-right: 20px; -} + flex: 0 1 auto; -div.sheet-background div.sheet-dots, -div.sheet-specialty div.sheet-dots, -div.sheet-intimacy div.sheet-dots -{ - text-align: right; + margin-right: 20px; } ul.sheet-craft-types { - list-style-type: none; - display: none; - position: absolute; - background-color: #fefefe; - z-index: 5; - width: 190px; - padding: 5px; - border: 1px solid #3f8ff3; - - border-radius: 5px; + -moz-border-radius: 5px; -webkit-border-radius: 5px; - -moz-border-radius: 5px; -} + border-radius: 5px; + border: 1px solid #3f8ff3; -div.sheet-craft-types:hover ul.sheet-craft-types { display: block; } + background-color: #fefefe; + display: none; + list-style-type: none; + padding: 5px; + position: absolute; + width: 190px; + z-index: 5; +} div.sheet-craft-types:hover ul.sheet-craft-types + div { opacity: 0.4; } -/* Style boxes */ -label input[type="text"], -label:not(.sheet-dv) input[type="number"], +label input[type=text], +label:not(.sheet-dv) input[type=number], label select, -div.sheet-ability input[type="text"], -div.sheet-background input[type="text"], -div.sheet-charm input[type="text"], -div.sheet-charm input[type="number"], -div.sheet-charm select, -div.sheet-combo input[type="text"], -div.sheet-sorcery input[type="text"], -div.sheet-artifacts input[type="text"], -div.sheet-artifacts select, -div.sheet-hearthstones input[type="text"], -div.sheet-hearthstones select, -div.sheet-languages input[type="text"], -div.sheet-intimacy input[type="text"], -div.sheet-familiar-health-row select, -div.sheet-merit input[type="text"], -div.sheet-merit input[type="number"], -div.sheet-flaw input[type="text"], -div.sheet-flaw input[type="number"], -table.sheet-familiar-attacks > tbody > tr > td > input[type="text"], -table.sheet-familiar-attacks > tbody > tr > td > input[type="number"], -select.sheet-health-label, -select.sheet-health-value, -div.sheet-essence input[type="number"]:not([disabled]), +.sheet-background > input, +.sheet-charm input, +.sheet-charm select, +.sheet-combo input, +.sheet-sorcery input, +.sheet-artifacts input, +.sheet-artifacts select, +.sheet-hearthstones > input, +.sheet-hearthstones select, +.sheet-languages input[type=text], +.sheet-specialty input[type=text], +.sheet-intimacy > input, +.sheet-familiar-health-row select, +.sheet-merit input, +.sheet-flaw input, +.sheet-familiar-attacks > tbody > tr > td > input, +.sheet-health-label, +.sheet-health-value, +.sheet-essence input:not([disabled]), .sheet-fancy { - border: 0px; - background: transparent; - -moz-box-shadow: none; + -moz-box-shadow: none; -webkit-box-shadow: none; - box-shadow: none; - border-radius: 0px; - vertical-align: baseline; - + box-shadow: none; + + background: transparent; + + border: 0; border-bottom: 1px solid #000; + border-radius: 0; + + vertical-align: baseline; } -div.sheet-charm select, -div.sheet-artifacts select, -div.sheet-hearthstones select { margin-bottom: 0px; } +.sheet-charm select, +.sheet-artifacts select, +.sheet-hearthstones select { margin-bottom: 0; } -label input[type="text"]:focus, -label input[type="number"]:focus, -div.sheet-ability input[type="text"]:focus, -div.sheet-background input[type="text"]:focus, -div.sheet-charm input[type="text"]:focus, -div.sheet-charm input[type="number"]:focus, -div.sheet-combo input[type="text"]:focus, -div.sheet-sorcery input[type="text"]:focus, -div.sheet-artifacts input[type="text"]:focus, -div.sheet-hearthstones input[type="text"]:focus, -div.sheet-languages input[type="text"]:focus, -div.sheet-intimacy input[type="text"]:focus, -div.sheet-merit input[type="text"]:focus, -div.sheet-merit input[type="number"]:focus, -div.sheet-flaw input[type="text"]:focus, -div.sheet-flaw input[type="number"]:focus, -table.sheet-familiar-attacks > tbody > tr > td > input[type="text"]:focus, -table.sheet-familiar-attacks > tbody > tr > td > input[type="number"]:focus, -.sheet-fancy:focus -{ - box-shadow: rgba(83, 167, 235, 0.466667) 0px 0px 6px 0px; -} +label input:focus, +label.sheet-essence input:focus, +label.sheet-soak input:focus, +.sheet-background > input:focus, +.sheet-charm input:focus, +.sheet-combo input:focus, +.sheet-sorcery input:focus, +.sheet-artifacts input:focus, +.sheet-hearthstones > input:focus, +.sheet-languages input[type=text]:focus, +.sheet-specialty input[type=text]:focus, +.sheet-intimacy > input:focus, +.sheet-merit input:focus, +.sheet-flaw input:focus, +.sheet-familiar-attacks > tbody > tr > td > input:focus, +.sheet-essence input:focus, +.sheet-armor > label > input:focus, +.sheet-familiar-row > label > input:focus, +.sheet-fancy:focus { box-shadow: rgba(83, 167, 235, 0.466667) 0 0 6px 0; } -label.sheet-soak, -label.sheet-dv +.sheet-soak, +.sheet-dv { display: inline-block; max-width: 70px; } -label.sheet-dv { max-width: 100px; } - -input[type="number"] -{ - text-align: center; -} +.sheet-dv { max-width: 100px; } .sheet-essence label:not(.sheet-committed), -.sheet-essence input[type="number"] +.sheet-essence input[type=number] { display: inline; - padding-right: 0px; + padding-right: 0; } -/* Hide actual dot/checkbox */ -input[type="radio"], -input[type="checkbox"] +input[type=radio], +input[type=checkbox] { - opacity: 0; - width: 16px; - height: 16px; - position: relative; - top: 5px; - left: 6px; - margin: -10px; cursor: pointer; + + top: 5px; + left: 6px; + width: 16px; + height: 16px; + + margin: -10px; + opacity: 0; + position: relative; z-index: 1; } -/* Styles common to fake dot and checkbox */ -input[type="radio"] + span::before, -input[type="checkbox"] + span::before +input[type=radio] + span::before, +input[type=checkbox] + span::before { - margin-right: 4px; + -moz-box-shadow: 0 0 2px #ccc; + -webkit-box-shadow: 0 0 2px #ccc; + box-shadow: 0 0 2px #ccc; + + background: radial-gradient(#f6f6f6,#dfdfdf); border: solid 1px #a8a8a8; - line-height: 14px; - text-align: center; display: inline-block; + line-height: 14px; + margin-right: 4px; + + text-align: center; vertical-align: middle; - - -moz-box-shadow: 0 0 2px #ccc; - -webkit-box-shadow: 0 0 2px #ccc; - box-shadow: 0 0 2px #ccc; - - background: #f6f6f6; - background: -moz-radial-gradient(#f6f6f6, #dfdfdf); - background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); - background: -ms-radial-gradient(#f6f6f6, #dfdfdf); - background: -o-radial-gradient(#f6f6f6, #dfdfdf); - background: radial-gradient(#f6f6f6, #dfdfdf); } -/* Styles unique to fake dot (checked or left of checked) */ -input[type="radio"] + span::before +input[type=radio] + span::before { - content: "•"; - width: 12px; - height: 12px; - font-size: 24px; - - -moz-border-radius: 50%; + -moz-border-radius: 50%; -webkit-border-radius: 50%; - border-radius: 50%; + border-radius: 50%; + + content:" •"; + font-size: 24px; + + width: 12px; + height: 12px; } -/* Styles unique to fake checkbox (unchecked) */ -input[type="checkbox"] + span::before +input[type=checkbox] + span::before { - content: ""; - width: 14px; - height: 14px; - font-size: 12px; - - -moz-border-radius: 3px; + -moz-border-radius: 3px; -webkit-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; + + content: ""; + font-size: 12px; + + width: 14px; + height: 14px; } -div.sheet-ability input[type="checkbox"]:first-child + span::before -{ - opacity: 1; -} +.sheet-dots input[type=checkbox]:first-child + span::before { opacity: 0.3; } -div.sheet-dots input[type="checkbox"]:first-child + span::before +.sheet-ability input[type=checkbox]:first-child:checked + span::before, +.sheet-will input[type=checkbox]:checked + span::before, +.sheet-hearthstones input[type=checkbox]:checked + span::before, +.sheet-languages input[type=checkbox]:checked + span::before, +.sheet-anima input[type=checkbox]:checked + span::before { - opacity: 0.3; -} - -/* Styles unique to fake checkbox (checked) */ -div.sheet-ability input[type="checkbox"]:first-child:checked + span::before, -div.sheet-will input[type="checkbox"]:checked + span::before, -div.sheet-hearthstones input[type="checkbox"]:checked + span::before, -div.sheet-languages input[type="checkbox"]:checked + span::before, -table.sheet-anima input[type="checkbox"]:checked + span::before -{ - content: "✓"; - color: #bea000; - - -moz-box-shadow: 0 0 2px #ccc; + -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; - box-shadow: 0 0 2px #ccc; - - background: #f6f6f6; - background: -moz-radial-gradient(#f6f6f6, #dfdfdf); - background: -webkit-radial-gradient(#f6f6f6, #dfdfdf); - background: -ms-radial-gradient(#f6f6f6, #dfdfdf); - background: -o-radial-gradient(#f6f6f6, #dfdfdf); - background: radial-gradient(#f6f6f6, #dfdfdf); + box-shadow: 0 0 2px #ccc; + + background: radial-gradient(#f6f6f6,#dfdfdf); + color: #bea000; + content: "✓"; } -div.sheet-hearthstones input[type="checkbox"] + span::before +.sheet-hearthstones input[type=checkbox] + span::before { margin-left: -15px; - margin-top: 5px; + margin-top: 5px; } -div.sheet-dots input[type="checkbox"]:first-child:checked + span::before +.sheet-dots input[type=checkbox]:first-child:checked + span::before { - border: solid 1px transparent; - background: transparent; - content: "✖"; - color: #a00; - - -moz-box-shadow: 0 0 2px transparent; + -moz-box-shadow: 0 0 2px transparent; -webkit-box-shadow: 0 0 2px transparent; - box-shadow: 0 0 2px transparent; + box-shadow: 0 0 2px transparent; + + background: transparent; + border: solid 1px transparent; + color: #a00; + content: "✖"; } -div.sheet-dots input[type="checkbox"]:first-child:hover:checked + span::before, -div.sheet-ability input[type="checkbox"]:first-child + span::before +.sheet-dots input[type=checkbox]:first-child:hover:checked + span::before, +.sheet-ability input[type=checkbox]:first-child + span::before { - -moz-box-shadow: 0 0 2px #ccc; + -moz-box-shadow: 0 0 2px #ccc; -webkit-box-shadow: 0 0 2px #ccc; - box-shadow: 0 0 2px #ccc; - + box-shadow: 0 0 2px #ccc; + border: solid 1px #a8a8a8; margin-right: 4px; } -/* Remove dot from all radios _after_ selected one */ -input[type="radio"]:checked ~ input[type="radio"] + span::before -{ - content: ""; -} +.sheet-dots input[type=checkbox]:checked ~ input[type=radio] + span { opacity: 0.5; } -/* Show checkbox when hovering or when it's checked */ -div.sheet-dots input[type="checkbox"]:first-child:hover + span::before, -div.sheet-dots input[type="checkbox"]:first-child:checked + span::before -{ - opacity: 1; -} +.sheet-health-label,.sheet-health-value { width: 45px; } -/* Fade out dots when checkbox is checked */ -div.sheet-dots input[type="checkbox"]:checked ~ input[type="radio"] + span -{ - opacity: 0.5; -} +.sheet-familiar-health-row select.sheet-health-value { float: none; } -/* Hide checked dots when checkbox is checked */ -div.sheet-dots input[type="checkbox"]:checked ~ input[type="radio"] + span::before -{ - content: ""; -} - -/* Handle health boxes */ -select.sheet-health-label, -select.sheet-health-value -{ - width: 45px; -} - -select.sheet-health-value -{ - float: right; -} - -div.sheet-familiar-health-row select.sheet-health-value { float: none; } - -/* Tabs */ input.sheet-tab { - position: inherit; - width: 100px; + width: 100px; height: 18px; + + position:inherit; } input.sheet-tab:first-of-type { margin-left: 5px; } + input.sheet-tab:first-of-type + span::before { margin-left: -85px; } input.sheet-tab + span::before, input.sheet-tab:checked ~ input.sheet-tab + span::before { - content: attr(title); - margin-left: -90px; - margin-right: 10px; - padding-top: 2px; - border-radius: 3px; + -moz-border-radius: 3px; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - width: 100px; - height: 18px; - font-size: 14px; - - text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); - font-weight: bold; - color: #f8f8f8; - + border-radius: 3px; + background-color: #cbd600; background-image: -webkit-gradient(linear, left top, left bottom, from(#cbd600), to(#d9b84e)); background-image: -webkit-linear-gradient(top, #cbd600, #d9b84e); @@ -619,12 +464,26 @@ input.sheet-tab:checked ~ input.sheet-tab + span::before background-image: -ms-linear-gradient(top, #cbd600, #d9b84e); background-image: -o-linear-gradient(top, #cbd600, #d9b84e); background-image: linear-gradient(to bottom, #cbd600, #d9b84e); - filter:progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cbd600, endColorstr=#d9b84e); + filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cbd600, endColorstr=#d9b84e); + + color: #f8f8f8; + content: attr(title); + + font-size: 14px; + font-weight: 700; + + width: 100px; + height: 18px; + + margin-left: -90px; + margin-right: 10px; + padding-top: 2px; + + text-shadow: -1px -1px 0 rgba(0,0,0,0.5); } input.sheet-tab:checked + span::before { - border: 1px solid #6a7000; background-color: #9ba300; background-image: -webkit-gradient(linear, left top, left bottom, from(#9ba300), to(#c9a32b)); background-image: -webkit-linear-gradient(top, #9ba300, #c9a32b); @@ -632,11 +491,54 @@ input.sheet-tab:checked + span::before background-image: -ms-linear-gradient(top, #9ba300, #c9a32b); background-image: -o-linear-gradient(top, #9ba300, #c9a32b); background-image: linear-gradient(to bottom, #9ba300, #c9a32b); - filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9ba300, endColorstr=#c9a32b); + filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9ba300, endColorstr=#c9a32b); + + border: 1px solid #6a7000; } -div.sheet-tab-content { display: none; } -input.sheet-tab[value="statistics"]:checked ~ div.sheet-statistics-tab { display: block; } -input.sheet-tab[value="combat"]:checked ~ div.sheet-combat-tab { display: block; } -input.sheet-tab[value="magic"]:checked ~ div.sheet-magic-tab { display: block; } -input.sheet-tab[value="background"]:checked ~ div.sheet-background-tab { display: block; } \ No newline at end of file +.sheet-tab-content { display: none; } + +.sheet-center, +h3.sheet-ability, +h4, +.sheet-familiar-attacks > tbody > tr > td:nth-child(2), +.sheet-familiar-attacks > tbody > tr > td:nth-child(3), +.sheet-familiar-attacks > tbody > tr > td:nth-child(5), +input[type=number] { text-align: center; } + +.sheet-right, +.sheet-background .sheet-dots, +.sheet-specialty .sheet-dots, +.sheet-intimacy .sheet-dots { text-align: right; } + +button[type=roll].sheet-blank-roll-button::before, +input[type=radio]:not(.sheet-tab):checked ~ input[type=radio] + span::before, +.sheet-dots input[type=checkbox]:checked ~ input[type=radio] + span::before { content: ""; } + +span.sheet-attribute + div, +span.sheet-ability + div, +.sheet-virtue, +[data-groupname=repeating_intimacies] .repitem, +.sheet-combat-equipment .sheet-armor { display: inline-block; } + +div.sheet-attribute div, +div.sheet-ability div, +.sheet-health-value { float: right; } + +[data-groupname=repeating_charms] .repitem, +.sheet-anima, +.sheet-familiar-attacks, +.sheet-familiar-attacks > tbody > tr > td > input[type=text] { width: 100%; } + +.repcontrol, +.sheet-familiar-attacks > tbody > tr:not(:first-child) > td > input { margin-top: 5px; } + +div.sheet-craft-types:hover ul.sheet-craft-types, +.sheet-tab[value=statistics]:checked ~ .sheet-statistics-tab, +.sheet-tab[value=combat]:checked ~ .sheet-combat-tab, +.sheet-tab[value=magic]:checked ~ .sheet-magic-tab, +.sheet-tab[value=background]:checked ~ .sheet-background-tab { display: block; } + +div.sheet-ability > input[type=checkbox]:first-child + span::before, +.sheet-dots input[type=checkbox]:first-child:hover + span::before, +.sheet-dots input[type=checkbox]:first-child:checked + span::before { opacity: 1; } \ No newline at end of file diff --git a/Exalted2e/exalted2e.html b/Exalted2e/exalted2e.html index 05eb7a06c1..886f2e6b5f 100644 --- a/Exalted2e/exalted2e.html +++ b/Exalted2e/exalted2e.html @@ -548,7 +548,7 @@
|
-
+

Athleticism

@@ -1564,7 +1564,7 @@

Experience

- +