diff --git a/Aria/Aria.css b/Aria/Aria.css new file mode 100644 index 0000000000..d140b8b855 --- /dev/null +++ b/Aria/Aria.css @@ -0,0 +1,659 @@ +@font-face { + font-family: 'Kalam'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: local('Kalam'), local('Kalam-Regular'), url(https://fonts.gstatic.com/s/kalam/v11/YA9dr0Wd4kDdMthfOCfzsw.woff2) format('woff2'); + unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; +} + +@font-face { + font-family: 'Piazzolla'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url(https://fonts.gstatic.com/s/piazzolla/v2/N0b52SlTPu5rIkWIZjVKKtYtfxYqZ4RJBFzFfYUjkSDdlqZgy7I_wUL13gA.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} + +body {} + +input { + font-family: 'Kalam', cursive; + font-size: 18px; + padding: 0px 5px; + color: #307187; + background-color: rgba(255, 255, 255, .5); + border-color: #a69c73; +} + +textarea { + font-family: 'Kalam', cursive; + font-size: 18px; + color: #307187; + background-color: rgba(255, 255, 255, .5); + border-color: #a69c73; + resize: none; +} + +button { + position: relative; + background-color: rgba(255, 255, 255, .5) !important; + background-image: none !important; + border: 1px solid #a69c73 !important; + border-radius: 0px !important; + padding: 5px 5px !important; + width: 15px; + height: 15px; + top: -2px; +} + +.sheet-body { + position: relative; + font-family: 'Piazzolla', serif; + max-width: 1000px; + min-width: 500px; + margin: 0; + padding: 0; + top: 0px; + bottom: 0px; + left: 0px; + right: 0px; + height: 1330px; + background: #fcf8f2 url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Aria/FichePJ.jpg) no-repeat center center; + background-size: 100% 100%; + border: 1px solid #a69c73; + color: #201f22; +} + +.sheet-titre { + text-transform: uppercase; + font-size: 18px; +} + +.sheet-av-texte { + float: left; + width: 25%; + line-height: 25px; + overflow: hidden; +} + +.sheet-av-input-texte { + float: left; + width: 75%; + overflow: hidden; +} + +.sheet-ca-button { + float: left; + width: 32px; + height: 29px; + line-height: 25px; +} + +.sheet-ca-texte { + float: left; + width: 33%; + line-height: 25px; + overflow: hidden; +} + +.sheet-ca-input-texte { + float: left; + width: 50px; + overflow: hidden; + text-align: center; +} + +.sheet-vi-button { + position: relative; + top: 30px; + width: 30px; + height: 29px; + line-height: 25px; +} + +.sheet-vi-input-texte { + position: relative; + width: calc(100% - 110px); + top: 0px; + left: 32px; + overflow: hidden; +} + +.sheet-vi-input-texte-degats { + position: absolute; + float: right; + width: 75px; + height: 75px !important; + top: 0px; + right: 0px; + border-radius: 37px; + overflow: hidden; + text-align: center; + font-size: 20px; + padding: 0px; +} + +.sheet-vi-texte1 { + position: absolute; + float: left; + overflow: hidden; + top: 58px; + left: 30px; +} + +.sheet-vi-texte2 { + position: absolute; + float: left; + overflow: hidden; + top: 58px; + left: calc(100% - 106px); +} + +.sheet-sa-input-texte { + width: 75px; + height: 75px !important; + border-radius: 37px; + overflow: hidden; + text-align: center; + font-size: 25px; +} + +.sheet-sa-texte { + overflow: hidden; + text-align: center; +} + +.sheet-rp-texte { + line-height: 12px; +} + +.sheet-rp-input-texte { + position: relative; + height: 50px; + font-size: 15px; + top: 5px; +} + +.sheet-comp { + position: relative; + width: 100%; + height: 1px; + margin-top: 28px; +} + +.sheet-co-button { + position: absolute; + top: -4px; + width: 30px; + height: 29px; + line-height: 25px; +} + +.sheet-co-nom { + position: absolute; + top: 0px; + left: 32px; + font-size: 12px; +} + +.sheet-co-lien { + position: absolute; + top: 0px; + right: 70px; + width: 80px; + text-align: center; +} + +.sheet-co-score { + position: absolute; + top: -5px; + right: 0px; + width: 70px; + text-align: center; +} + +.sheet-co-input-texte { + width: 50px; + text-align: center; +} + +.sheet-comp-sp { + position: relative; + width: 100%; + height: 1px; + margin-top: 28px; +} + +.sheet-co-sp-button { + position: absolute; + top: -4px; + width: 30px; + height: 29px; + line-height: 25px; +} + +.sheet-co-sp-nom { + position: absolute; + top: -5px; + left: 32px; + width: calc(100% - 212px); + font-size: 12px; +} + +.sheet-co-sp-lien { + position: absolute; + top: -5px; + right: 70px; + width: 105px; + text-align: center; +} + +.sheet-co-sp-score { + position: absolute; + top: -5px; + right: 0px; + width: 70px; + text-align: center; +} + +.sheet-co-sp-input-nom { + width: 100%; + font-size: 15px; + padding: 2px 2px; +} + +.sheet-co-sp-input-lien { + width: 40px; + text-align: center; + font-size: 15px; + padding: 2px 2px; +} + +.sheet-co-sp-input-score { + width: 50px; + text-align: center; +} + +.sheet-po-texte { + text-transform: uppercase; +} + +.sheet-po-input-texte { + position: relative; + height: 150px; + font-size: 15px; +} + + +/*------------- AVENTURIER -------------*/ + +.sheet-block-av-ca { + position: relative; + top: 20px; + left: 10px; + width: calc(50% - 70px); +} + +.sheet-t-aventurier { + position: absolute; + width: 100%; +} + +.sheet-av-nom { + position: absolute; + top: 35px; + width: 100%; +} + +.sheet-av-profession { + position: absolute; + top: 65px; + width: 100%; +} + +.sheet-av-age { + position: absolute; + top: 95px; + width: 100%; +} + + +/*---------- CARACTERISTIQUES ----------*/ + +.sheet-t-carac { + position: absolute; + top: 125px; + width: 100%; +} + +.sheet-ca-force { + position: absolute; + top: 160px; + width: 100%; +} + +.sheet-ca-dexterite { + position: absolute; + top: 190px; + width: 100%; +} + +.sheet-ca-endurance { + position: absolute; + top: 220px; + width: 100%; +} + +.sheet-ca-intelligence { + position: absolute; + top: 250px; + width: 100%; +} + +.sheet-ca-charisme { + position: absolute; + top: 280px; + width: 100%; +} + + +/*--------- VIVRE OU SURVIVRE ---------*/ + +.sheet-block-vi { + position: relative; + top: 20px; + left: calc(50% - 40px); + width: calc(50% - 70px); +} + +.sheet-t-vivre { + position: absolute; + top: 0px; + width: 100%; +} + +.sheet-vi-arme1 { + position: absolute; + top: 35px; + width: 100%; +} + +.sheet-vi-arme2 { + position: absolute; + top: 135px; + width: 100%; +} + +.sheet-vi-arme3 { + position: absolute; + top: 235px; + width: 100%; +} + + +/*--------------- SANTE ---------------*/ + +.sheet-block-sa { + position: relative; + top: 20px; + left: calc(100% - 100px); + width: 100px; + text-align: center; +} + +.sheet-sa-vie { + position: absolute; + top: 0px; + width: 100%; + text-align: center; +} + +.sheet-sa-blessures { + position: absolute; + top: 110px; + width: 100%; + text-align: center; +} + +.sheet-sa-protection { + position: absolute; + top: 220px; + width: 100%; + text-align: center; +} + +.sheet-sa-hr1 { + position: relative; + top: 350px; +} + + +/*----------------- RP -----------------*/ + +.sheet-block-rp { + position: relative; + top: 360px; + left: 10px; + width: calc(100% - 20px); +} + +.sheet-rp-genial { + float: left; + width: calc(50% - 18px); + padding-right: 10px; +} + +.sheet-rp-problemes { + float: left; + width: calc(50% - 18px); + padding-left: 10px; +} + +.sheet-hr1 { + position: relative; + border-top-color: #a69c73; + top: 380px; + width: calc(100% - 20px); +} + + +/*----------- COMPETENCES -----------*/ + +.sheet-block-co-titre { + position: relative; + top: 380px; + left: 10px; + width: calc(50% - 30px); + text-transform: uppercase; +} + +.sheet-co-titre1 { + position: absolute; + top: 0px; + left: 0px; +} + +.sheet-co-titre2 { + position: absolute; + top: 0px; + right: 70px; + width: 80px; + text-align: center; +} + +.sheet-co-titre3 { + position: absolute; + top: 0px; + right: 0px; + width: 70px; + text-align: center; +} + +.sheet-block-co { + position: relative; + top: 400px; + left: 10px; + width: calc(50% - 20px); +} + +.sheet-block-co-sp-titre { + position: relative; + top: -180px; + left: calc(50% + 20px); + width: calc(50% - 30px); + text-transform: uppercase; +} + +.sheet-co-sp-titre1 { + position: absolute; + top: 0px; + left: 0px; +} + +.sheet-co-sp-titre2 { + position: absolute; + top: 0px; + right: 70px; + width: 105px; + text-align: center; +} + +.sheet-co-sp-titre3 { + position: absolute; + top: 0px; + right: 0px; + width: 70px; + text-align: center; +} + +.sheet-block-co-sp { + position: relative; + top: -180px; + left: calc(50% + 10px); + width: calc(50% - 20px); +} + +.sheet-hr2 { + position: relative; + border-top-color: #a69c73; + top: 80px; + width: calc(100% - 20px); +} + + +/*---------- POSSESSION/NOTES ----------*/ + +.sheet-block-po { + position: relative; + top: 80px; + left: 10px; + width: calc(100% - 20px); +} + +.sheet-po-possessions { + float: left; + width: calc(50% - 18px); + padding-right: 10px; +} + +.sheet-po-notes { + float: left; + width: calc(50% - 18px); + padding-left: 10px; +} + + +/* ===================================================== */ + + +/* ===================== TEMPLATES ===================== */ + + +/* ===================================================== */ + +.sheet-rolltemplate-aria1 { + border-color: #a69c73; + border-style: solid; + border-width: 2px; + background: #fcf8f2; + padding: 5px 5px; + padding-bottom: 1px; + font-family: 'Piazzolla', serif; + font-size: 10pt; +} + +.sheet-rolltemplate-aria1 h1, +.sheet-rolltemplate-aria1 h2 { + margin: 0; + padding: 0; + line-height: 1; +} + +.sheet-rolltemplate-aria1 h1 { + font-size: 16pt; + margin-bottom: 2px; +} + +.sheet-rolltemplate-aria1 h2 { + border-bottom: 2px solid rgba(85, 78, 48, 0.20); + margin-bottom: 10px; + color: rgba(85, 78, 48, 1); + font-size: 12pt; +} + +.sheet-rolltemplate-aria1 .sheet-aria1-body { + margin-left: 1px; +} + +.sheet-rolltemplate-aria1 .sheet-aria1-roll { + margin-top: 10px; + text-align: center; +} + +.sheet-rolltemplate-aria1 .sheet-aria1-footer { + width: 100%; + height: 10px; +} + +.sheet-rolltemplate-aria1 .sheet-aria1-buttons { + text-align: center; +} + +.sheet-rolltemplate-aria1 .sheet-aria1-buttons a { + background: rgba(85, 78, 48, 1); + padding: 5px; + color: white; + display: inline-block; + border: 1px solid white; +} + +.sheet-rolltemplate-aria1 .sheet-aria1-buttons .sheet-aria1-buttontext { + font-style: italic; +} + +.sheet-rolltemplate-aria1 .sheet-aria1-body .importantroll, +.sheet-rolltemplate-aria1 .sheet-aria1-body .fullcrit, +.sheet-rolltemplate-aria1 .sheet-aria1-body .fullfail, +.sheet-rolltemplate-aria1 .sheet-aria1-body .inlinerollresult, +.sheet-rolltemplate-aria1 .sheet-aria1-roll .importantroll, +.sheet-rolltemplate-aria1 .sheet-aria1-roll .fullcrit, +.sheet-rolltemplate-aria1 .sheet-aria1-roll .fullfail, +.sheet-rolltemplate-aria1 .sheet-aria1-roll .inlinerollresult { + border: none; + background: transparent; + font-family: inherit; + font-size: 18pt; + font-weight: bold; +} + +.sheet-rolltemplate-aria1 .sheet-aria1-body .fullfail, +.sheet-rolltemplate-aria1 .sheet-aria1-roll .fullfail { + color: rgba(160, 50, 50, 1); +} + +.sheet-rolltemplate-aria1 .sheet-aria1-body .fullcrit, +.sheet-rolltemplate-aria1 .sheet-aria1-roll .fullcrit { + color: rgba(50, 120, 50, 1); +} diff --git a/Aria/Aria.html b/Aria/Aria.html new file mode 100644 index 0000000000..a6e7499bc2 --- /dev/null +++ b/Aria/Aria.html @@ -0,0 +1,388 @@ +