diff --git a/DreamsAndMachines/Dreams and Machines.css b/DreamsAndMachines/Dreams and Machines.css index 23c526415f..bb0696d0e1 100644 --- a/DreamsAndMachines/Dreams and Machines.css +++ b/DreamsAndMachines/Dreams and Machines.css @@ -1,1084 +1,556 @@ - - -/*----------------- FONTS ------------------*/ - - -@import url('https://fonts.googleapis.com/css?family=Open+Sans|Yeseva+One&display=swap'); - - -/* -font-family: 'Open Sans', sans-serif; -font-family: 'Yeseva One', cursive; -*/ - - -/*----------------- BACKGROUND ------------------*/ - -.charsheet { - - background: - linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px), - linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px; - background-color:#2d3036; - background-size: 64px 128px; - background-repeat: round; - - width: 830px; - height: auto; - -} - - -/*----------------- GRIDS ------------------*/ - - - .sheet-main { - -} - -.sheet-main-top { - display: grid; - width: 310px; - height: 50px; - grid-gap: 6px; - grid-template-columns: 310px; - grid-template-rows: 30px; - grid-template-areas:"tabselector"; -} - -/*----------------- 2 columned, 406px each ------------------*/ -.sheet-main-protagonist { - display: block; - width: 820px; - height: auto; - grid-gap: 6px; - align-items: start; - grid-template-columns: 406px 406x; - grid-template-rows: minmax(min-content, max-content) ; - grid-template-areas:"pcinfo pcinfo" - "skillstyles skillstyles" - "focuses focuses" - "talents talents" - "weapons weapons" - "armor armor" - "items items" - "contacts contacts" - "bonecharms bonecharms" - "mana mana" - "powers powers" - "notes notes"; -} - -.sheet-main-npc { - display: block; - width: 820px; - height: auto; - grid-gap: 6px; - align-items: start; - grid-template-columns: 406px 406x; - grid-template-rows: minmax(min-content, max-content) ; - grid-template-areas:"npcinfo npcinfo" - "skillstyles skillstyles" - "focuses focuses" - "specialrules specialrules" - "weapons weapons" - "armor armor" - "items items" - "storyhooks storyhooks"; -} - - - -/*----------------- GENERAL CSS ------------------*/ - -textarea { - width: 70%; - height: 85%; -} - -textarea.sheet-notetext{ - width: 800px; - height: 140px; -} - -.sheet-hidden { - display: none; -} - -.sheet-section { + background: rgba(0, 255, 255, 0.141); + border: solid 1px #1aa2e1; + box-sizing: border-box; + width: 800px; padding: 5px; - border-style: solid; - justify-content: center; - + margin-right: 10px; + display: grid; + grid-template-columns: 35px 50px 1fr; + grid-template-rows: repeat(40, 50px); } -.sheet-flex-col { - display: flex; - flex-flow: row wrap; - /*justify-content: flex-start;*/ +.headertitle { + grid-column: 2 / 2; + grid-row: 1 / 1; + display: grid; } - -.sheet-flex-col-center { - display: flex; - flex-flow: row wrap; - justify-content: center; - align-content: center; - /*justify-content: flex-start;*/ +.header { + grid-column: 3 / 5; + grid-row: 1 / 1; + display: grid; + height: 30px; } - -.sheet-flex-center { - display: grid; - justify-content: center; - align-content: center; +.headerdice { + grid-column: 1 / 1; + grid-row: 1 / 1; + display: grid; } - -.sheet-hide-section { - display: none; - +.charimage { + grid-column: 6 / 8; + grid-row: 1 / 4; +} +.sheet-tabselector { + grid-column: 1 / 5 ; + grid-row: 2 / 2; } - /* --------------------------------Hide and Display section of Code-------------------------------- */ /* Configure the tab buttons*/ -.sheet-main-protagonist, -.sheet-main-npc {display: none;} +.attributes, +.truths, +.talents, +.equipment {display: none;} /* show the selected tab */ -.sheet-tabstoggle[value="protagonist"] ~ div.sheet-main-protagonist, -.sheet-tabstoggle[value="npc"] ~ div.sheet-main-npc {display: block;} +.sheet-tabstoggle[value="attributes"] ~ div.attributes, +.sheet-tabstoggle[value="truths"] ~ div.truths, +.sheet-tabstoggle[value="talents"] ~ div.talents, +.sheet-tabstoggle[value="equipment"] ~ div.equipment {display: block;} - - - -/*------------- Section-specific CSS -------------*/ - - -h1 { - - font-family: 'Yeseva One', cursive; - color: white; - - +.attributes{ + grid-column: 1 / 8; + grid-row: 3 / 3; +} +.attribute-grid{ + display: grid; + grid-template-columns: repeat(7, 1fr); + grid-template-rows: repeat(40, 50px); +} +.attributes-title{ + grid-column: 1 / 7; + grid-row: 1 / 1; + align-items: center; +} +.attributes-might{ + grid-column: 1 / 1; + grid-row: 2 / 5; +} +.attributes-quickness{ + grid-column: 2 / 2; + grid-row: 2 / 5; +} +.attributes-insight{ + grid-column: 3 / 3; + grid-row: 2 / 5; +} +.attributes-resolve{ + grid-column: 4 / 4; + grid-row: 2 / 5; +} +.spiritpool{ + grid-column: 5 / 5; + grid-row: 2 / 5; +} +.skills-title{ + grid-column: 1 / 7; + grid-row: 5 / 5; +} +.skills-fight{ + grid-column: 1 / 1; + grid-row: 6 / 7; +} +.skills-move{ + grid-column: 2 / 2; + grid-row: 6 / 7; +} +.skills-operate{ + grid-column: 3 / 3; + grid-row: 6 / 7; +} +.skills-sneak{ + grid-column: 4 / 4; + grid-row: 6 / 7; +} +.skills-study{ + grid-column: 5 / 5; + grid-row: 6 / 7; +} +.skills-survive{ + grid-column: 6 / 6; + grid-row: 6 / 7; +} +.skills-talk{ + grid-column: 7 / 7; + grid-row: 6 / 7; +} +.techlevel{ + grid-column: 1 / 1; + grid-row: 8 / 9; +} +.supplypoints{ + grid-column: 2 / 2; + grid-row: 8 / 9; +} +.growth{ + grid-column: 3 / 3; + grid-row: 8 / 9; +} +.harms{ + grid-column: 4 / 7; + grid-row: 8 / 9; } -h2 { - - font-family: 'Yeseva One', cursive; - color: black; - +.truths{ + grid-column: 1 / 8; + grid-row: 3 / 3; +} +.truths-grid{ + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(40, 50px); +} +.truths-title{ + grid-column: 1 / 5; + grid-row: 1 / 1; +} +.truths-origin{ + grid-column: 1 / 1; + grid-row: 2 / 2; +} +.truths-archtype{ + grid-column: 2 / 2; + grid-row: 2 / 2; +} +.truths-temperament{ + grid-column: 3 / 3; + grid-row: 2 / 2; +} +.truths-other{ + grid-column: 1 / 4; + grid-row: 4 / 4; +} +.bonds{ + grid-column: 1 / 4; + grid-row: 6 / 6; } -h2.sheet-middle-title{ - - font-family: 'Yeseva One', cursive; - color: white; - text-align: center; - display: inline; - font-size: 1.5em; - font-weight: normal; - line-height: 30px; - margin-bottom: 0px; - - +.talents{ + grid-column: 1 / 8; + grid-row: 3 / 3; +} +.talents-grid{ + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-template-rows: repeat(40, 50px); +} +.archtypegoals{ + grid-column: 1 / 1; + grid-row: 1 / 1; +} +.exhaustion{ + grid-column: 2 / 2; + grid-row: 1 / 1; +} +.attitude{ + grid-column: 3 / 3; + grid-row: 1 / 1; +} +.talents-title{ + grid-column: 1 / 3; + grid-row: 2 / 2; +} +.talents-list{ + grid-column: 1 / 3; + grid-row: 3 / 3; +} +.goals{ + grid-column: 4 / 4; + grid-row: 3 / 3; } -h2.sheet-left-title{ - - font-family: 'Yeseva One', cursive; - color: white; - display: inline; - font-size: 1.5em; - font-weight: normal; - line-height: 30px; - margin-bottom: 0px; - - +.equipment{ + grid-column: 1 / 8; + grid-row: 3 / 3; } - -h2.sheet-middle-title-1{ - - font-family: 'Yeseva One', cursive; - color: white; - text-align: center; - display: inline; - font-size: 1.5em; - font-weight: normal; - line-height: 30px; - margin-bottom: 0px; - grid-column: 1 / -1; - +.equipment-grid{ + display: grid; + grid-template-columns: 1.15fr 0.40fr 0.7fr 0.7fr 3fr; + grid-template-rows: repeat(40, 50px); +} +.coin{ + grid-column: 1 / 5; + grid-row: 1 / 1; +} +.equipment-title{ + grid-column: 1 / 5; + grid-row: 2 / 2; +} +.equipment-title-name{ + grid-column: 1 / 2; + grid-row: 3 / 3; +} +.equipment-title-desc{ + grid-column: 4 / 5; + grid-row: 3 / 3; +} +.equipment-list{ + grid-column: 1 / 8; + grid-row: 4 / 4; +} +.weapons-title{ + grid-column: 1 / 5; + grid-row: 7 / 7; +} +.weapons-title-name{ + grid-column: 1 / 1; + grid-row: 8 / 8; +} +.weapons-title-tech{ + grid-column: 2 / 2; + grid-row: 8 / 8; +} +.weapons-title-type{ + grid-column: 3 / 3; + grid-row: 8 / 8; +} +.weapons-title-damage{ + grid-column: 4 / 4; + grid-row: 8 / 8; +} +.weapons-title-qual{ + grid-column: 5 / 5; + grid-row: 8 / 8; +} +.weapons-list{ + grid-column: 1 / 8; + grid-row: 9 / 9; } -label.sheet-middle-label { - - font-family: 'Yeseva One', cursive; - text-align: center; - color: white; - display: inline; - font-size: 1.2em; - font-weight: normal; - line-height: 30px; - margin-bottom: 0px; - -} - -label.sheet-left-label{ - - font-family: 'Yeseva One', cursive; - color: white; - display: inline; - font-size: 1.2em; - font-weight: normal; - line-height: 30px; - margin-bottom: 0px; - - -} - -label.sheet-left-label-small{ - - font-family: 'Yeseva One', cursive; - color: white; - display: inline; - font-size: 1em; - font-weight: normal; - line-height: 30px; - margin-bottom: 0px; - - -} - -label.sheet-left-label-1 { - - font-family: 'Yeseva One', cursive; - color: black; - display: inline; - font-size: 1.2em; - font-weight: normal; - line-height: 30px; - margin-bottom: 0px; - background-color: #FFFFF0; - background-repeat: repeat; - background-size: 70px; - grid-column: 1 / -1; - -} - - -span.sheet-left-span { - - font-family: 'Open Sans', sans-serif; - color: white; - display: inline; - font-size: 1em; - font-weight: normal; - line-height: 18px; - margin-bottom: 0px; - background: rgba(162, 159, 167, 0.5); - -} - -span.sheet-centre-span { - - font-family: 'Open Sans', sans-serif; - color: white; - display: inline; - font-size: 1em; - font-weight: normal; - line-height: 18px; - margin-bottom: 0px; - background: rgba(162, 159, 167, 0.5); - margin: auto; - -} - -input.sheet-char-inputs{ - +.char-inputs{ font-family: 'Open Sans', sans-serif; display: inline; height:30px; width:150px; - } -input.sheet-name-inputs{ - - color:white; - background: transparent; - border: none; - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:180px; - +.skill-character { + box-shadow: none; + width: 20px; + height: 20px; + border: none; + border-radius: 0; + margin: 0 0 0 2px; + padding: 0; + outline: none; } -input.sheet-talent-inputs{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:200px; - +img{ + width: 200px; + height: 200px; } -input.sheet-talent-inputs-short{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:165px; - +.char-inputs{ + width: 220px; + height: 20px; +} +.char-select{ + width: 100px; + height: 30px; +} +.char-inputs-short{ + width: 100px; + height: 30px; +} +.char-inputs-shortish{ + width: 150px; + height: 30px; +} +.char-inputs-long{ + width: 500px; + height: 30px; +} +.char-inputs-longish{ + width: 350px; + height: 30px; } -input.sheet-talent-inputs-long{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:302px; - +/* Roll templates*/ + +.sheet-rolltemplate-foraw, +.sheet-rolltemplate-focd, +.sheet-rolltemplate-fohitlocation, +.sheet-rolltemplate-foskill, +.sheet-rolltemplate-foattribute { + background: rgba(0, 255, 255, 0.141); + border: solid 1px #1aa2e1; + box-sizing: border-box; + width: 100%; + padding: 5px; + margin-right: 10px; } - -input.sheet-talent-inputs-extra-long{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:474px; - +.sheet-rolltemplate-foraw .sheet-container, +.sheet-rolltemplate-focd .sheet-container, +.sheet-rolltemplate-fohitlocation .sheet-container, +.sheet-rolltemplate-foskill .sheet-container, +.sheet-rolltemplate-foattribute .sheet-container { + display: grid; + grid-template-columns: 1fr; + padding: 5px 5px 5px 55px; } - -input.sheet-specialrules-inputs{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:468px; - +.sheet-rolltemplate-foraw *, +.sheet-rolltemplate-focd *, +.sheet-rolltemplate-fohitlocation *, +.sheet-rolltemplate-foskill *, +.sheet-rolltemplate-foattribute * { + font: 400 14px/20px 'Roboto', monospace; + color: #4f43d2; } - -div.sheet-notes textarea, -div.sheet-storyhooks textarea { - - font-family: 'Open Sans', sans-serif; -} - -input.sheet-focus-inputs{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:97px; - -} - -input.sheet-readonly-inputs{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:130px; - -} - -.sheet-pcinfo input[type=number].sheet-char-inputs{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:150px; - -} - -.sheet-pcinfo input[type=number].sheet-char-inputs-short, -.sheet-focuses input[type=number].sheet-char-inputs-short, -.sheet-weapons input[type=number].sheet-char-inputs-short, -.sheet-armor input[type=number].sheet-char-inputs-short{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:61px; - -} - -.sheet-skillsstyles input[type=number].sheet-stat-inputs{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:40px; - text-align: center; - -} - -input.sheet-char-inputs-long{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:686px; - -} - -select.sheet-select-inputs{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:98px; - -} - -select.sheet-select-inputs-long{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:130px; - -} - -select.sheet-select-inputs-npc{ - - font-family: 'Open Sans', sans-serif; - display: inline; - height:30px; - width:134px; - -} - -input.sheet-stat-inputs { - - font-family: 'Open Sans', sans-serif; - margin: auto; - display: inline; - height:25px; - width:25px; - -} - -input.sheet-truth-inputs { - - font-family: 'Open Sans', sans-serif; - color: white; - justify-content: center; - align-content: center; - display: inline; - font-size: 1.5em; - font-weight: normal; - line-height: 20px; - width:386px; - margin-bottom: 0px; - -} - -.charsheet .repcontrol_add, -.charsheet .repcontrol_edit, -.charsheet .repcontrol_del { - - font-family: 'Yeseva One', cursive; - background-color: #6b71a7; - background-image: none; - color: white; - width: 80px; - height: 25px; - border-style: none; - border-radius: 8px; - text-align: center; - -} - -.charsheet .repcontrol_add:hover, -.charsheet .repcontrol_edit:hover, -.charsheet .repcontrol_del:hover { - - background-color: #868ac4; - -} - -button.sheet-selectbutton { - - font-family: 'Yeseva One', cursive; - background-color: #6b71a7; - color: white; - width: 25px; - height: 25px; - border-style: none; - border-radius: 8px; - text-align: center; - -} - -.sheet-focuses button[type=roll].sheet-selectbutton-long { - - font-family: 'Yeseva One', cursive; - background-color: #6b71a7; - color: white; - width: 200px; - height: 25px; - border-style: none; - border-radius: 8px; - text-align: center; - background-image: none; - -} - -.sheet-talents button[type=roll].sheet-usebutton, -.sheet-items button[type=roll].sheet-usebutton, -.sheet-bonecharms button[type=roll].sheet-usebutton, -.sheet-powers button[type=roll].sheet-usebutton, -.sheet-specialrules button[type=roll].sheet-usebutton { - - font-family: 'Yeseva One', cursive; - background-color: #6b71a7; - color: white; - width: 40px; - height: 25px; - border-style: none; - border-radius: 8px; - text-align: center; - background-image: none; - -} - -button.sheet-tabbutton { - - font-family: 'Yeseva One', cursive; - background-color: #6b71a7; - font-size: 150%; - color: white; - width: 140px; - height: 30px; - border-style: none; - border-radius: 8px; - -} - -button.sheet-tabbutton:hover, -button.sheet-selectbutton:hover, -.sheet-focuses button[type=roll].sheet-selectbutton-long:hover, -.sheet-talents button[type=roll].sheet-usebutton:hover, -.sheet-items button[type=roll].sheet-usebutton:hover, -.sheet-bonecharms button[type=roll].sheet-usebutton:hover, -.sheet-powers button[type=roll].sheet-usebutton:hover, -.sheet-specialrules button[type=roll].sheet-usebutton:hover { - - background-color: #868ac4; - -} - -.sheet-focuses button[type=roll].sheet-selectbutton-long::before, -.sheet-skillstyles button[type=act].sheet-selectbutton::before, -.sheet-talents button[type=roll].sheet-usebutton:before, -.sheet-items button[type=roll].sheet-usebutton:before, -.sheet-bonecharms button[type=roll].sheet-usebutton:before, -.sheet-powers button[type=roll].sheet-usebutton:before, -.sheet-specialrules button[type=roll].sheet-usebutton:before { - content: ""; - -} - - - - - - -.sheet-tabselector { - grid-area: tabselector; - font-family: 'Yeseva One', cursive; - grid-template-columns: 200px 290px 150px 20px 150px ; - display: grid; - grid-template-rows: 50px; - grid-gap: 4px; - -} - -.sheet-pcinfo { - grid-area: pcinfo; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 120px 160px 80px 160px 120px 160px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 30px 30px 30px 30px; - - grid-template-areas:". . . . . ." - ". . . . . voidpointarea" - ". . . . . stressarea" - ". firsttruth firsttruth firsttruth firsttruth firsttruth" - ". secondtruth secondtruth secondtruth secondtruth secondtruth"; - -} - -.sheet-voidpointarea { - grid-area: voidpointarea; - font-family: 'Yeseva One', cursive; - grid-template-columns: 71px 10px 71px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px; - - -} - -.sheet-stressarea { - grid-area: stressarea; - font-family: 'Yeseva One', cursive; - grid-template-columns: 71px 10px 71px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px; - - -} - -.sheet-firsttruth { - grid-area: firsttruth; - font-family: 'Yeseva One', cursive; - grid-template-columns: 686px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px; - - -} - -.sheet-secondtruth { - grid-area: secondtruth; - font-family: 'Yeseva One', cursive; - grid-template-columns: 686px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px; - - -} - -.sheet-npcinfo { - grid-area: npcinfo; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 120px 160px 80px 160px 120px 160px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 30px 30px 30px; - - grid-template-areas:". . . . . ." - ". . . stressarea . reputationarea" - ". firsttruth firsttruth firsttruth firsttruth firsttruth" - ". secondtruth secondtruth secondtruth secondtruth secondtruth"; - -} - -.sheet-reputationarea { - grid-area: reputationarea; - font-family: 'Yeseva One', cursive; - grid-template-columns: 71px 10px 71px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px; - - -} - -.sheet-skillstyles { - grid-area: skillstyles; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 40px 90px 63px 40px 90px 63px 30px 386px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px 30px 30px 30px 30px 30px 30px auto; - -} - -.sheet-focuses { - grid-area: focuses; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 40px 90px 63px 40px 90px 63px 30px 386px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px 30px 30px 30px 30px 30px 30px 30px auto; - -} - -.sheet-talents { - grid-area: talents; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - -.sheet-weapons { - grid-area: weapons; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - -.sheet-armor { - grid-area: armor; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - -.sheet-items { - grid-area: items; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - -.sheet-contacts { - grid-area: contacts; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - -.sheet-bonecharms { - grid-area: bonecharms; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - -.sheet-mana { - grid-area: mana; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 60px 160px 60px 55px 100px 80px 50px 60px 50px 60px 50px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px; - - grid-template-areas:". manaarea . . . . . . . . ."; - -} - -.sheet-manaarea { - grid-area: manaarea; - font-family: 'Yeseva One', cursive; - grid-template-columns: 71px 10px 71px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px; - - -} - -.sheet-powers { - grid-area: powers; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - -.sheet-notes { - grid-area: notes; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - -.sheet-specialrules { - grid-area: specialrules; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - -.sheet-storyhooks { - grid-area: storyhooks; - align-self: self-start; - font-family: 'Yeseva One', cursive; - grid-template-columns: 820px; - display: grid; - grid-gap: 4px; - grid-template-rows: 30px 10px auto; - -} - - - - - - - - - -/*Skill Roll Template*/ -.sheet-rolltemplate-Dishonoredroll div.sheet-Dishonored-container{ - background: - linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px), - linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px; - background-color:#2d3036; - background-size: 64px 128px; - - background-repeat: repeat; -} -.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-roll-header{ - +.sheet-rolltemplate-foraw strong, +.sheet-rolltemplate-focd strong, +.sheet-rolltemplate-fohitlocation strong, +.sheet-rolltemplate-foskill strong, +.sheet-rolltemplate-foattribute strong { font-weight: bold; - color: #868ac4; - font-size:X-large; - text-align:center; + color: #1aa2e1; } -.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-dice{ - background-color: #ffffff00; - color: white; - font-style:italic; - font-size:medium; - text-align:center; +.sheet-rolltemplate-foraw h1, +.sheet-rolltemplate-focd h1, +.sheet-rolltemplate-fohitlocation h1, +.sheet-rolltemplate-foskill h1, +.sheet-rolltemplate-foattribute h1 { + font-weight: bold; + font-size: 16px; + line-height: 24px; + color: #4f43d2; } -.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-type{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white; - - -} -.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-roll-result{ - text-align: center; - background-color: transparent; - padding-top: 10px; - padding-bottom: 10px; - font-style:italic; - color:#868ac4; - font-weight:bold; - +.sheet-rolltemplate-foraw .sheet-container p, +.sheet-rolltemplate-focd .sheet-container p, +.sheet-rolltemplate-fohitlocation .sheet-container p, +.sheet-rolltemplate-foskill .sheet-container p, +.sheet-rolltemplate-foattribute .sheet-container p { + margin-top: 5px; } -.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-fail{ - font-size:large; +.sheet-rolltemplate-focd .inlinerollresult, +.sheet-rolltemplate-fohitlocation .inlinerollresult, +.sheet-rolltemplate-foskill .inlinerollresult, +.sheet-rolltemplate-foattribute .inlinerollresult, +.sheet-rolltemplate-focd .inlinerollresult.fullcrit, +.sheet-rolltemplate-fohitlocation .inlinerollresult.fullcrit, +.sheet-rolltemplate-foskill .inlinerollresult.fullcrit, +.sheet-rolltemplate-foattribute .inlinerollresult.fullcrit, +.sheet-rolltemplate-focd .inlinerollresult.fullfail, +.sheet-rolltemplate-fohitlocation .inlinerollresult.fullfail, +.sheet-rolltemplate-foskill .inlinerollresult.fullfail, +.sheet-rolltemplate-foattribute .inlinerollresult.fullfail, +.sheet-rolltemplate-focd .inlinerollresult.importantroll, +.sheet-rolltemplate-fohitlocation .inlinerollresult.importantroll, +.sheet-rolltemplate-foskill .inlinerollresult.importantroll, +.sheet-rolltemplate-foattribute .inlinerollresult.importantroll { + background: none; + color: #4f43d2; + border: none; +} +.sheet-rolltemplate-focd.sheet-rolltemplate-darkmode .inlinerollresult, +.sheet-rolltemplate-fohitlocation.sheet-rolltemplate-darkmode .inlinerollresult, +.sheet-rolltemplate-foskill.sheet-rolltemplate-darkmode .inlinerollresult, +.sheet-rolltemplate-foattribute.sheet-rolltemplate-darkmode .inlinerollresult { + background: none; + border: none; +} +.sheet-rolltemplate-focd .inlinerollresult, +.sheet-rolltemplate-fohitlocation .inlinerollresult, +.sheet-rolltemplate-foskill .inlinerollresult, +.sheet-rolltemplate-foattribute .inlinerollresult, +.sheet-rolltemplate-focd .inlinerollresult.fullcrit, +.sheet-rolltemplate-fohitlocation .inlinerollresult.fullcrit, +.sheet-rolltemplate-foskill .inlinerollresult.fullcrit, +.sheet-rolltemplate-foattribute .inlinerollresult.fullcrit, +.sheet-rolltemplate-focd .inlinerollresult.fullfail, +.sheet-rolltemplate-fohitlocation .inlinerollresult.fullfail, +.sheet-rolltemplate-foskill .inlinerollresult.fullfail, +.sheet-rolltemplate-foattribute .inlinerollresult.fullfail, +.sheet-rolltemplate-focd .inlinerollresult.importantroll, +.sheet-rolltemplate-fohitlocation .inlinerollresult.importantroll, +.sheet-rolltemplate-foskill .inlinerollresult.importantroll, +.sheet-rolltemplate-foattribute .inlinerollresult.importantroll { + color: #1aa2e1; +} + +.sheet-rolltemplate-focd .sheet-die { + background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_blank_pb.png') + left top / 35px no-repeat; +} +.sheet-rolltemplate-focd .sheet-diehit { + background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_hit_pb.png') + left top / 35px no-repeat; +} +.sheet-rolltemplate-focd .sheet-diehitx2 { + background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_hitx2_pb.png') + left top / 35px no-repeat; +} +.sheet-rolltemplate-foraw .sheet-container, +.sheet-rolltemplate-focd .sheet-dievb { + background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Fallout%202d20/images/die_vaultboy_pb.png') + left top / 35px no-repeat; +} + +.sheet-rolltemplate-focd a[href^="!"], +.sheet-rolltemplate-focd a[href^="~"] { + background: none; + color: #4f43d2; + border: solid 1px #4f43d2; +} +.sheet-rolltemplate-focd a[href^="!"]:hover, +.sheet-rolltemplate-focd a[href^="~"]:hover { + background: #4f43d2; + color: #1aa2e1; + border: solid 1px #1aa2e1; +} + +.sheet-rolltemplate-foskill .sheet-hidden { + display: none; +} +.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=strength] ~ .sheet-container .sheet-strength, +.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=perception] ~ .sheet-container .sheet-perception, +.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=endurance] ~ .sheet-container .sheet-endurance, +.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=charisma] ~ .sheet-container .sheet-charisma, +.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=intelligence] ~ .sheet-container .sheet-intelligence, +.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=agility] ~ .sheet-container .sheet-agility, +.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=luck] ~ .sheet-container .sheet-luck, +.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=body] ~ .sheet-container .sheet-body, +.sheet-rolltemplate-foskill .sheet-hidden-attribute[data-i18n-placeholder*=mind] ~ .sheet-container .sheet-mind, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=athletics] ~ .sheet-container .sheet-athletics, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=barter] ~ .sheet-container .sheet-barter, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=big_guns] ~ .sheet-container .sheet-big_guns, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=energy_weapons] ~ .sheet-container .sheet-energy_weapons, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=explosives] ~ .sheet-container .sheet-explosives, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=lockpick] ~ .sheet-container .sheet-lockpick, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=medicine] ~ .sheet-container .sheet-medicine, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=melee_weapons] ~ .sheet-container .sheet-melee_weapons, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=pilot] ~ .sheet-container .sheet-pilot, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=repair] ~ .sheet-container .sheet-repair, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=science] ~ .sheet-container .sheet-science, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=small_guns] ~ .sheet-container .sheet-small_guns, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=sneak] ~ .sheet-container .sheet-sneak, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=speech] ~ .sheet-container .sheet-speech, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=survival] ~ .sheet-container .sheet-survival, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=throwing] ~ .sheet-container .sheet-throwing, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=unarmed] ~ .sheet-container .sheet-unarmed, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=melee]:not([data-i18n-placeholder*=melee_]) ~ .sheet-container .sheet-melee, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=guns]:not([data-i18n-placeholder*=_guns]) ~ .sheet-container .sheet-guns, +.sheet-rolltemplate-foskill .sheet-hidden-skill[data-i18n-placeholder*=other] ~ .sheet-container .sheet-other { + display: inline-block; +} + +.sheet-rolltemplate-focd .sheet-results, +.sheet-rolltemplate-fohitlocation .sheet-results, +.sheet-rolltemplate-foskill .sheet-results { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-around; + justify-items: center; + margin: 5px 0; +} +.sheet-rolltemplate-focd .sheet-result, +.sheet-rolltemplate-fohitlocation .sheet-result, +.sheet-rolltemplate-foskill .sheet-result { + border: 1px #4f43d2 solid; text-align: center; - padding: 5px; - font-style: bold; + width: 35px; + height: 35px; + margin: 2px 0px; +} +.sheet-rolltemplate-focd .sheet-result { + border: none; + text-indent: -9999px; +} +.sheet-rolltemplate-foskill .sheet-total, +.sheet-rolltemplate-foskill .sheet-total * { + font-size: 16px; +} + +.sheet-rolltemplate-foskill .sheet-success { + border: 1px #4f43d2 solid; + background: #4f43d2; +} +.sheet-rolltemplate-foskill .sheet-success * { color: black; - background-color: red; } -.sheet-rolltemplate-Dishonoredroll .sheet-Dishonored-success{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white; - background-color: green; +.sheet-rolltemplate-foskill .sheet-critical { + border: 1px #1aa2e1 solid; + background: #1aa2e1; } - - - - -/*Talent Roll Template*/ -.sheet-rolltemplate-dishonoredtalent div.sheet-Dishonored-talent-container{ - background: - linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px), - linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px; - background-color:#2d3036; - background-size: 64px 128px; - - background-repeat: repeat; +.sheet-rolltemplate-foskill .sheet-critical *, +.sheet-rolltemplate-foskill .sheet-critical .inlinerollresult { + color: black; } -.sheet-rolltemplate-dishonoredtalent .sheet-Dishonored-talent-header{ +.sheet-rolltemplate-foskill .sheet-critical .sheet-total, +.sheet-rolltemplate-foskill .sheet-critical .sheet-total * { font-weight: bold; - color: #868ac4; - font-size:X-large; - text-align:center; } -.sheet-rolltemplate-dishonoredtalent .sheet-Dishonored-talent-name{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white; +.sheet-rolltemplate-foskill .sheet-complication { + border: 1px #4f43d2 dashed; } - -.sheet-rolltemplate-dishonoredtalent .sheet-Dishonored-talent-desc{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white;; -} - -/*Item Roll Template*/ -.sheet-rolltemplate-dishonoreditem div.sheet-Dishonored-item-container{ - background: - linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px), - linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px; - background-color:#2d3036; - background-size: 64px 128px; - - background-repeat: repeat; -} -.sheet-rolltemplate-dishonoreditem .sheet-Dishonored-item-header{ +.sheet-rolltemplate-foskill .sheet-complication .sheet-total, +.sheet-rolltemplate-foskill .sheet-complication .sheet-total * { font-weight: bold; - color: #868ac4; - font-size:X-large; - text-align:center; + color: #1aa2e1; } -.sheet-rolltemplate-dishonoreditem .sheet-Dishonored-item-name{ - font-size:large; +.sheet-rolltemplate-foskill .sheet-dice, +.sheet-rolltemplate-foskill .sheet-dice * { + font-size: 12px; + line-height: 8px; +} +.sheet-rolltemplate-foskill .sheet-options, +.sheet-rolltemplate-focd .sheet-options { text-align: center; - padding: 5px; - font-style: bold; - color: white; } - -.sheet-rolltemplate-dishonoreditem .sheet-Dishonored-item-desc{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white;; +.sheet-rolltemplate-foskill .sheet-options a[href^="~"], +.sheet-rolltemplate-focd .sheet-options a[href^="~"] { + background: rgb(7, 82, 233); + border: solid 1px black; + color: #bebae9; + font-size: 12px; + padding: 0 10px; } - - -/*Bonecharm Roll Template*/ -.sheet-rolltemplate-dishonoredbonecharm div.sheet-Dishonored-bonecharm-container{ - background: - linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px), - linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px; - background-color:#2d3036; - background-size: 64px 128px; - - background-repeat: repeat; +.sheet-rolltemplate-foskill .sheet-options a[href^="~"]:hover, +.sheet-rolltemplate-focd .sheet-options a[href^="~"]:hover { + background: #4f43d2; + border: solid 1px #1aa2e1; + color: #1aa2e1; } -.sheet-rolltemplate-dishonoredbonecharm .sheet-Dishonored-bonecharm-header{ - font-weight: bold; - color: #868ac4; - font-size:X-large; - text-align:center; -} -.sheet-rolltemplate-dishonoredbonecharm .sheet-Dishonored-bonecharm-name{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white; -} - -.sheet-rolltemplate-dishonoredbonecharm .sheet-Dishonored-bonecharm-desc{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white;; -} - - -/*Power Roll Template*/ -.sheet-rolltemplate-dishonoredpower div.sheet-Dishonored-power-container{ - background: - linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px), - linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px; - background-color:#2d3036; - background-size: 64px 128px; - - background-repeat: repeat; -} -.sheet-rolltemplate-dishonoredpower .sheet-Dishonored-power-header{ - font-weight: bold; - color: #868ac4; - font-size:X-large; - text-align:center; -} -.sheet-rolltemplate-dishonoredpower .sheet-Dishonored-power-name{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white; -} - -.sheet-rolltemplate-dishonoredpower .sheet-Dishonored-power-desc{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white;; -} - - -/*Special Rule Roll Template*/ -.sheet-rolltemplate-dishonoredspecialrule div.sheet-Dishonored-specialrule-container{ - background: - linear-gradient(135deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px), - linear-gradient(225deg, #2d3036 21px, #3f444f 22px, #3f444f 24px, transparent 24px, transparent 67px, #3f444f 67px, #3f444f 69px, transparent 69px)0 64px; - background-color:#2d3036; - background-size: 64px 128px; - - background-repeat: repeat; -} -.sheet-rolltemplate-dishonoredspecialrule .sheet-Dishonored-specialrule-header{ - font-weight: bold; - color: #868ac4; - font-size:X-large; - text-align:center; -} -.sheet-rolltemplate-dishonoredspecialrule .sheet-Dishonored-specialrule-name{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white; -} - -.sheet-rolltemplate-dishonoredspecialrule .sheet-Dishonored-specialrule-desc{ - font-size:large; - text-align: center; - padding: 5px; - font-style: bold; - color: white;; -} - - - - - - diff --git a/DreamsAndMachines/Dreams and Machines.html b/DreamsAndMachines/Dreams and Machines.html index 8ecf78f4e1..5d49c4a15d 100644 --- a/DreamsAndMachines/Dreams and Machines.html +++ b/DreamsAndMachines/Dreams and Machines.html @@ -1,293 +1,278 @@
- +
+ +
+
+ +
+
+
+
+ +
+ + + + +
+ + + + + + + +
- + + +
+
+
+ +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
-
- -
-

DREAMS and MACHINES

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

Talents

+
+
+
+
+