wip

generator/css/card-size.css

@@ -1,101 +0,0 @@
-/*
-    Full page printing CSS
-    ======================
-
-    Since we want precisely specify the card sizes, we must not allow the user to scale the content to fit a sheet of paper.
-    We must also make sure the browser does not add randomly sized margins to the page.
-
-    Instead, we use absolute sizes for all content, such that it fills a sheet of paper:
-    1) Remove all page margins (using the @page CSS rule). The borders of the document will be outside of the printable area,
-       however, we will cluster all content around the center, so that we won't crop anything.
-    2) Fill the document with <page> elements which have an absolute size equal to the full area of the paper.
-    3) Fill each page with cards, arranged around the center of the page.
-*/
-
-
-/* Center all content within a page */
-.page {
-    display: flex;
-    align-content: center;
-    justify-content: center;
-    flex-direction: row;
-    flex-wrap: wrap;
-    page-break-after: always;
-    padding: 0;
-}
-
-/* A4 paper area */
-/* Chrome has problems with page sizes given in metric units. Make the paper area slightly smaller to work around this. */
-page[size="A4"] {
-    width:  210mm; /* full: 210.0mm */
-    height: 296mm; /* full: 297.0mm */
-}
-
-/* US letter area */
-page[size="Letter"] {
-    width:  8.5in;
-    height: 11.0in;
-}
-
-page[size="25x35"] {
-    width: 2.5in;
-    height: 3.5in;
-}
-
-/* Default card size */
-.card {
-    width:2.5in;
-    height:3.5in;
-}
-
-/* Bridge card size */
-.card-size-225x35 {
-    width:2.25in;
-    height:3.5in;
-}
-.card-size-225x35 .card-back-icon {
-    width: 1in;
-    height: 1in;
-}
-
-/* Poker / Magic card size */
-.card-size-25x35 {
-    width:2.5in;
-    height:3.5in;
-}
-.card-size-25x35 .card-back-icon {
-    width: 1in;
-    height: 1in;
-}
-
-/* Poker / Magic card size */
-.card-size-35x50 {
-    width:3.5in;
-    min-width:3.5in;
-    height:5.0in;
-}
-.card-size-35x50 .card-back-icon {
-    width: 1.5in;
-    height: 1.5in;
-}
-
-/* Landscape big card */
-.card-size-75x50 {
-    width:7.5in;
-    height:5.0in;
-}
-.card-size-75x50 .card-back-icon {
-    width: 2in;
-    height: 2in;
-}
-
-/* Card sizes that fill out the entire sheet of paper (minimal margins) */
-.page[size="A4"] .card-size-full3x3 {
-    width:69mm;
-    height:98mm;
-}
-
-.page[size="Letter"] .card-size-full3x3 {
-    width:71mm;
-    height:92mm;
-}

generator/css/cards.css

@@ -1,234 +0,0 @@
-.card {
-    border: 2mm solid;
-    border-radius: 4px;
-    box-sizing: border-box;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
-    font-size: 8pt;
-}
-
-.card-content-container {
-    padding:2mm;
-    padding-top:1mm;
-    border-radius: 2mm;
-    margin-top:0px;
-    background-color: white;
-    border-color: inherit;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    font-size: inherit;
-}
-
-.card-back {
-    background-color: white;
-    border-radius: 4mm;
-    border-color: inherit;
-    margin: 3mm;
-    flex: 1;
-    display: flex;
-}
-
-.card-back-inner {
-    margin: 3mm;
-    border: 1mm solid;
-    border-color: inherit;
-    border-radius: 4mm;
-    flex: 1;
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-}
-
-.card-back-icon {
-    width: 1in;
-    height: 1in;
-    border: 4mm solid;
-    border-color: inherit;
-    border-radius: 4mm;
-    background-repeat: no-repeat;
-    background-size: contain;
-}
-
-.card-title-icon {
-    width: 12mm;
-    height: 12mm;
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-color: inherit;
-    border-color: inherit;
-}
-.card-title-icon-container {
-    position: absolute;
-    right: -1mm;
-    top: -1mm;
-    border: 1mm solid;
-    border-radius: 1mm;
-    background-color: inherit;
-    border-color: inherit;
-}
-
-.card-title-inlineicon {
-    width: 7mm;
-    height: 7mm;
-    background-repeat: no-repeat;
-    background-size: contain;
-    background-color: inherit;
-    border-color: inherit;
-}
-.card-title-inlineicon-container {
-    position: absolute;
-    right: -1mm;
-    top: -1mm;
-    border: 1mm solid;
-    border-radius: 1mm;
-    background-color: inherit;
-    border-color: inherit;
-}
-
-.card-title {
-    height: 8mm;
-    padding-left: 2mm;
-    font-family: Lora, 'Calisto MT', 'Bookman Old Style', Bookman, 'Goudy Old Style', Garamond, 'Hoefler Text', 'Bitstream Charter', Georgia, serif;
-    font-variant: small-caps;
-    font-weight: bold;
-    background-color: inherit;
-    color: white;
-}
-.card-title-16 {
-    font-size: 16pt;
-    line-height: 6.5mm;
-}
-.card-title-15 {
-    font-size: 15pt;
-    line-height: 6.5mm;
-}
-.card-title-14 {
-    font-size: 14pt;
-    line-height: 6.5mm;
-}
-.card-title-13 {
-    font-size: 13pt;
-    line-height: 7mm;
-}
-.card-title-12 {
-    font-size: 12pt;
-    line-height: 7mm;
-}
-.card-title-11 {
-    font-size: 11pt;
-    line-height: 7.5mm;
-}
-.card-title-10 {
-    font-size: 10pt;
-    line-height: 7.5mm;
-}
-.card-subtitle {
-    height: 18px;
-    line-height: 18px;
-    margin-bottom: 0.0em;
-    font-family: 'Noto Sans', 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif;
-    font-size: 10pt;
-    font-style: italic;
-}
-
-.card-property-line {
-    text-indent: -1em;
-    margin-left: 1em;
-    font-size: inherit;
-    color: black;
-}
-
-.card-property-name {
-    display: inline;
-    font-size: inherit;
-}
-.card-property-text {
-    display: inline;
-}
-
-.card-section {
-    border-bottom: 1px solid;
-    font-size: 10pt;
-    font-variant: small-caps;
-    font-weight: normal;
-    letter-spacing: 1px;
-    margin: 0;
-    border-color: inherit;
-}
-
-.card-section + .card-element {
-    margin-top: 0.3em;
-}
-
-.card-p {
-
-}
-
-.card-fill {flex:1;}
-
-.card-description-line {
-    margin-top: 0.5em;
-    margin-bottom: 0.0em;
-    font-size: inherit;
-    color: black;
-}
-.card-description-name {
-    display: inline;
-    font-size: inherit;
-    font-style: italic;
-}
-.card-description-name::after {
-    content: ".";
-}
-.card-description-text {
-    display: inline;
-}
-
-.card-ruler {
-    width: 100%;
-    height: 1.0mm;
-    margin-top: 0.3em;
-    margin-bottom: 0.3em;
-}
-
-.card-box {
-    display: inline;
-    height: 10mm;
-    width: 10mm;
-    margin-right: 0.3em;
-}
-
-.card-stats {
-    width: 100%
-}
-
-.card-stats-header {
-    text-align: center;
-    padding: 0;
-    width: 16.6%;
-}
-
-.card-stats-cell {
-    text-align: center;
-    padding: 0;
-}
-
-.card-bullet-line {
-    font-size: inherit;
-    color: black;
-    padding-left: 16px;
-    padding-bottom: 0;
-    margin-bottom: 0;
-    margin-top: 0;
-}
-
-.card-bullet {
-    margin-bottom: 0;
-    margin-top: 0;
-    font-size: inherit;
-}

generator/css/class-icons.css

@@ -1,12 +0,0 @@
-.icon-class-barbarian { background-image: url(../img/classes/barbarian.png);}
-.icon-class-bard { background-image: url(../img/classes/bard.png);}
-.icon-class-cleric { background-image: url(../img/classes/cleric.png);}
-.icon-class-druid { background-image: url(../img/classes/druid.png);}
-.icon-class-fighter { background-image: url(../img/classes/fighter.png);}
-.icon-class-monk { background-image: url(../img/classes/monk.png);}
-.icon-class-paladin { background-image: url(../img/classes/paladin.png);}
-.icon-class-ranger { background-image: url(../img/classes/ranger.png);}
-.icon-class-rogue { background-image: url(../img/classes/rogue.png);}
-.icon-class-sorcerer { background-image: url(../img/classes/sorcerer.png);}
-.icon-class-warlock { background-image: url(../img/classes/warlock.png);}
-.icon-class-wizard { background-image: url(../img/classes/wizard.png);}

generator/css/custom-icons.css

@@ -1,34 +0,0 @@
-.icon-custom-armor-light { background-image: url(../img/leather-vest.png);}
-.icon-custom-armor-medium { background-image: url(../img/lamellar.png);}
-.icon-custom-armor-heavy { background-image: url(../img/breastplate.png);}
-.icon-custom-shield { background-image: url(../img/round-shield.png);}
-
-.icon-custom-potion { background-image: url(../img/drink-me.png);}
-.icon-custom-light { background-image: url(../img/candle-flame.png);}
-.icon-custom-flask { background-image: url(../img/fizzing-flask.png);}
-.icon-custom-vial { background-image: url(../img/chemical-drop.png);}
-.icon-custom-poison { background-image: url(../img/poison-bottle.png);}
-.icon-custom-trap { background-image: url(../img/wolf-trap.png);}
-.icon-custom-item { background-image: url(../img/knapsack.png);}
-.icon-custom-wand { background-image: url(../img/crystal-wand.png);}
-.icon-custom-swords { background-image: url(../img/crossed-swords.png);}
-.icon-custom-arrows { background-image: url(../img/target-arrows.png);}
-.icon-custom-swordarrow { background-image: url(../img/mixed-swords.png);}
-
-.icon-custom-spell { background-image: url(../img/white-book.png);}
-.icon-custom-spell-0 { background-image: url(../img/white-book-0.png);}
-.icon-custom-spell-1 { background-image: url(../img/white-book-1.png);}
-.icon-custom-spell-2 { background-image: url(../img/white-book-2.png);}
-.icon-custom-spell-3 { background-image: url(../img/white-book-3.png);}
-.icon-custom-spell-4 { background-image: url(../img/white-book-4.png);}
-.icon-custom-spell-5 { background-image: url(../img/white-book-5.png);}
-.icon-custom-spell-6 { background-image: url(../img/white-book-6.png);}
-.icon-custom-spell-7 { background-image: url(../img/white-book-7.png);}
-.icon-custom-spell-8 { background-image: url(../img/white-book-8.png);}
-.icon-custom-spell-9 { background-image: url(../img/white-book-9.png);}
-.icon-custom-spell-holy { background-image: url(../img/white-book-cd.png);}
-.icon-custom-spell-runes { background-image: url(../img/book-cover.png);}
-
-.icon-custom-class-arcane { background-image: url(../img/robe.png);}
-.icon-custom-class-cleric { background-image: url(../img/holy-symbol.png);}
-.icon-custom-class-rogue { background-image: url(../img/cloak-dagger.png);}

generator/css/output.css

@@ -1,34 +0,0 @@
-.page-background {
-  background: rgb(204,204,204); 
-}
-
-body {
-    display: flex;
-    justify-content:center;
-    align-content:center;
-}
-
-.page-preview {
-    background: white;
-    margin: 0 auto;
-    margin-bottom: 16px;
-    box-shadow: 0 0 8px rgba(0,0,0,0.5);
-}
-
-@media print {
-  .page-preview {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    box-shadow: 0;
-    background-color: white;
-  }
-  .page-background {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    box-shadow: 0;
-    /* Set the background to gray to visualize the page size in the print preview */
-    background-color: gray;
-  }
-}