Merge pull request #13706 from BE-Arbiter/dreden_files_rpg/develop

[Dreden files RPG] - Migration to CSE + Small features

Dresden Files Role-Playing Game/sheet.json

@@ -1,9 +1,9 @@
 {
   "html": "DFRPG.html",
   "css": "DFRPG.css",
-  "authors": "Teddy McCormick",
+  "authors": "Teddy McCormick,Arbiter",
   "preview": "preview.png",
-  "roll20userid": "28338",
+  "roll20userid": "28338,144915",
   "instructions": "A character and city sheet designed for the Dresden Files Role-Playing Game. Designed to match the pen-and-paper sheets as much as possible by default, with toggleable options to expand/reorganize some fields for easier online play.\n\n\nIncludes two roll templates: descriptiveroll and simpleroll. For the header, the templates accept a 'name' value for the character name, an optional 'verb' value that comes after the name (for example, 'Steve rolls...'), and a 'check' value that is the title of the roll (typically, the skill rolled). Then, both templates accept a descriptiveroll value which converts a roll into its equivalent on the Fate ladder, and a (technically optional) descriptivename value will display as the key. For example, '{{descriptivename=Discipline}} {{descriptiveroll=[[4]]}}' would display 'Discipline | Great (+4)'. It also supports descriptiveroll2 and 3 (along with descriptivename2 and 3) should you want multiple named roll results in one template roll.\n\nThe descriptiveroll template is functionally identical to the simpleroll template, except that it also accepts a 'roll' value, which it converts to its equivalent on the Fate ladder, and displays large and centered.\n\n\nThis sheet uses the same attribute names as the DFRPG sheet by Brian Shields, so the two sheets are mostly compatible if you want to switch between them. The only major incompatibility is the skill list, which functions completely differently here.",
-  "legacy": true
+  "legacy": false
 }

Dresden Files Role-Playing Game/src/css/buttons.css

@@ -0,0 +1,21 @@
+/*Hover Link Button */
+div.power .hover-button,
+div.theme-threat-face .hover-button,
+div.section .hover-button{
+    display:none;
+    position: absolute;
+    top: 2px;
+    right: 2px;
+}
+
+div .hover-button.hover-button-bl{
+    top: auto;
+    right: auto;
+    left: 2px;
+    bottom : 0.75em;
+}
+div.power:hover > .hover-button,
+div.theme-threat-face:hover > .hover-button,
+div.section:hover > .hover-button{
+    display: block;
+}

Dresden Files Role-Playing Game/src/css/components/theme-threat.css

@@ -0,0 +1,14 @@
+/* FACES */
+div.theme-threat-face{
+    display : flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: flex-start;
+}
+
+div.theme-threat-face input[type=text]{
+    width:40%;
+}
+div.theme-threat-face textarea{
+    width:60%;
+}

Dresden Files Role-Playing Game/src/css/flex.css

@@ -0,0 +1,136 @@
+/* Row & Column*/
+.flex-row,
+.flex-column{
+    display: flex;
+    flex-wrap: nowrap;
+    gap : 0.5rem;
+}
+
+.flex-row {
+    flex-direction: row;
+}
+
+.flex-column {
+    flex-direction: column;
+}
+
+.w-1 {
+    width: calc(1 * 100% / 12);
+}
+
+.w-2 {
+    width: calc(2 * 100% / 12);
+}
+
+.w-3 {
+    width: calc(3 * 100% / 12);
+}
+
+.w-4 {
+    width: calc(4 * 100% / 12);
+}
+
+.w-5 {
+    width: calc(5 * 100% / 12);
+}
+
+.w-6 {
+    width: calc(6 * 100% / 12);
+}
+
+.w-7 {
+    width: calc(7 * 100% / 12);
+}
+
+.w-8 {
+    width: calc(8 * 100% / 12);
+}
+
+.w-9 {
+    width: calc(9 * 100% / 12);
+}
+
+.w-10 {
+    width: calc(10 * 100% / 12);
+}
+
+.w-11 {
+    width: calc(11 * 100% / 12);
+}
+
+.w-12 {
+    width: calc(12 * 100% / 12);
+}
+/* Text Alignement */
+.text-center{
+    text-align: center;
+}
+.text-left{
+    text-align: left;
+}
+.text-right{
+    text-align: right;
+}
+/* padding */
+.pad-1{
+    padding: 0.2rem
+}
+.pad-2{
+    padding: 0.5rem
+}
+.pad-3{
+    padding: 1rem
+}
+.pad-4{
+    padding: 1.5rem
+}
+/* gap */
+.gap-1{
+    gap: 0.2rem;
+}
+.gap-2{
+    gap: 0.5rem;
+}
+.gap-3{
+    gap: 1rem;
+}
+.gap-4{
+    gap: 1.5rem;
+}
+
+/* Axis Alignement */
+.justify-start{
+    justify-content: flex-start;
+}
+.justify-end{
+    justify-content: flex-end;
+}
+.justify-center{
+    justify-content: center;
+}
+.justify-sb{
+    justify-content: space-between;
+}
+.justify-sa{
+    justify-content: space-around;
+}
+.justify-se{
+    justify-content: space-evenly;
+}
+/* Text-weight */
+.bold{
+    font-weight:bold;
+}
+/* Cross Axis Alignment*/
+.align-start{
+    align-items: flex-start;
+}
+.align-end{
+    align-items: flex-end;
+}
+.align-center{
+    align-items: center;
+}
+.align-stretch{
+    align-items: stretch;
+}