mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
2035 lines
60 KiB
CSS
2035 lines
60 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap");
|
|
@import url("https://fonts.googleapis.com/css?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,1,0");
|
|
.charsheet * {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.charsheet {
|
|
font-family: "Noto Serif KR";
|
|
}
|
|
|
|
.charsheet textarea {
|
|
resize: vertical;
|
|
}
|
|
.charsheet label {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
.charsheet textarea, .charsheet input[type=text], .charsheet input[type=number] {
|
|
font-size: 14px;
|
|
line-height: 1.6em;
|
|
background: rgba(255, 255, 255, 0.4);
|
|
padding: 2px;
|
|
backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
border-radius: 1px;
|
|
transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
transition-property: background, box-shadow;
|
|
}
|
|
.charsheet textarea:focus, .charsheet textarea:active, .charsheet input[type=text]:focus, .charsheet input[type=text]:active, .charsheet input[type=number]:focus, .charsheet input[type=number]:active, .charsheet select:focus, .charsheet select:active {
|
|
background: rgba(255, 255, 255, 0.6);
|
|
outline: none;
|
|
box-shadow: 0 0 0 3px #E8EAD2 inset;
|
|
}
|
|
.charsheet .rolling {
|
|
color: #1E3C3B;
|
|
box-shadow: none;
|
|
}
|
|
.charsheet .rolling:before {
|
|
font-size: 20px;
|
|
font-family: "dicefontd20";
|
|
content: "t";
|
|
text-shadow: 0 0 2px #1E3C3B;
|
|
}
|
|
.charsheet .itemcontrol {
|
|
z-index: 1;
|
|
}
|
|
.charsheet .itemcontrol .repcontrol_remove {
|
|
position: absolute;
|
|
left: 100%;
|
|
}
|
|
.charsheet .itemcontrol .repcontrol_move {
|
|
position: absolute;
|
|
right: 100%;
|
|
}
|
|
.charsheet .displaynone {
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-label {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.charsheet h3.sheet-label {
|
|
font-size: 18px;
|
|
}
|
|
.charsheet .sheet-by {
|
|
font-size: 11px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: #57312B;
|
|
position: relative;
|
|
bottom: 44px;
|
|
padding-left: 166px;
|
|
padding-right: 138px;
|
|
}
|
|
|
|
.charsheet .st-tooltip {
|
|
content: "ddd";
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
transform: translate(-50%, 5px);
|
|
padding: 5px;
|
|
background: rgba(0, 0, 0, 0.8);
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
font-size: 12px;
|
|
white-space: nowrap;
|
|
z-index: 100;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.charsheet .sheet-main {
|
|
width: 840px;
|
|
padding: 100px 40px;
|
|
position: relative;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please Rule the North with me, Grand Duke!/img/bgpattern.png") repeat -10px -10px, url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please Rule the North with me, Grand Duke!/img/bgborder1.png") no-repeat top left, url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please Rule the North with me, Grand Duke!/img/bgborder2.png") no-repeat center left, url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please Rule the North with me, Grand Duke!/img/bgborder3.png") no-repeat bottom left, url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please Rule the North with me, Grand Duke!/img/bg_1.png") no-repeat 620px -100px, url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please Rule the North with me, Grand Duke!/img/bg_2.png") no-repeat -100px calc(100% - 20px);
|
|
}
|
|
.charsheet .top-div label {
|
|
position: absolute;
|
|
left: 100px;
|
|
top: 30px;
|
|
width: unset;
|
|
}
|
|
.charsheet .top-div label:hover span::before {
|
|
opacity: 1;
|
|
}
|
|
.charsheet .top-div label input {
|
|
display: none;
|
|
}
|
|
.charsheet .top-div label input + span {
|
|
display: inline-block;
|
|
top: 10px;
|
|
position: relative;
|
|
}
|
|
.charsheet .top-div label input + span::before {
|
|
content: "마스터(대공님) 시트로 전환";
|
|
color: #fff;
|
|
position: absolute;
|
|
top: 26px;
|
|
min-width: -webkit-fill-available;
|
|
z-index: 1;
|
|
padding: 2px 4px 4px 4px;
|
|
border-radius: 1px;
|
|
white-space: nowrap;
|
|
background: #1E3C3B;
|
|
left: 4px;
|
|
opacity: 0;
|
|
transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
font-family: initial;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
}
|
|
.charsheet .top-div label input + span::after {
|
|
content: "toggle_off";
|
|
font-family: "Material Symbols Rounded";
|
|
font-size: 32px;
|
|
color: #1E3C3B;
|
|
font-weight: 400;
|
|
}
|
|
.charsheet .top-div label input:checked + span::before {
|
|
content: "캐릭터 시트로 전환";
|
|
}
|
|
.charsheet .top-div label input:checked + span::after {
|
|
content: "toggle_on";
|
|
}
|
|
.charsheet hr {
|
|
flex-basis: 100%;
|
|
grid-column: span 4;
|
|
border: none;
|
|
height: 14px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please Rule the North with me, Grand Duke!/img/deco1.png") center no-repeat;
|
|
width: 100%;
|
|
}
|
|
.charsheet h2 {
|
|
margin-bottom: 10px;
|
|
}
|
|
.charsheet .character-sheet {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 10px;
|
|
}
|
|
.charsheet .section.fief {
|
|
grid-column: span 3;
|
|
}
|
|
.charsheet .section.seasons, .charsheet .section.retainer {
|
|
grid-column: span 4;
|
|
}
|
|
.charsheet .section.common {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.charsheet .section.info, .charsheet .section.fief {
|
|
flex-basis: 300px;
|
|
}
|
|
.charsheet .section.department {
|
|
flex-basis: 300px;
|
|
}
|
|
.charsheet .section.status {
|
|
flex-basis: 150px;
|
|
flex-grow: 1;
|
|
}
|
|
.charsheet .section.skills {
|
|
flex-basis: 450px;
|
|
flex-grow: 1;
|
|
}
|
|
.charsheet .section.common, .charsheet .section.relation, .charsheet .section.colleague {
|
|
flex-basis: 100%;
|
|
}
|
|
.charsheet .master-sheet {
|
|
display: none;
|
|
gap: 10px;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
}
|
|
.charsheet label.extbox {
|
|
width: unset;
|
|
float: right;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
}
|
|
.charsheet .add-ext {
|
|
display: none;
|
|
grid-template-columns: 1fr 1fr;
|
|
gap: 10px;
|
|
background: rgba(255, 255, 255, 0.4);
|
|
padding: 10px 10px 0 10px;
|
|
backdrop-filter: blur(10px);
|
|
border: #1E3C3B 4px double;
|
|
border-radius: 4px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.charsheet .add-ext > div:first-child {
|
|
grid-column: span 2;
|
|
}
|
|
.charsheet #rel_ext:checked + .add-ext {
|
|
display: grid;
|
|
}
|
|
.charsheet #season_ext:checked + .add-ext {
|
|
display: grid;
|
|
}
|
|
.charsheet .sheet-toggle-menu[value="1"] ~ .character-sheet {
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-toggle-menu[value="1"] ~ .master-sheet {
|
|
display: grid;
|
|
}
|
|
.charsheet .sheet-toggle-menu[value="1"] ~ .relation-item textarea, .charsheet .sheet-toggle-menu[value="1"] ~ .relation-item button {
|
|
display: none;
|
|
}
|
|
.charsheet .sheet-toggle-menu[value="1"] ~ .relation-item .relation-item-content > div::before {
|
|
content: unset;
|
|
}
|
|
.charsheet .sheet-toggle-menu[value="1"] ~ .relation-item input {
|
|
width: calc(100% - 20px);
|
|
}
|
|
.charsheet .sheet-toggle-menu[value="1"] ~ label[for=rel_ext] {
|
|
display: none;
|
|
}
|
|
.charsheet .info .st-row, .charsheet .department .st-row {
|
|
display: grid;
|
|
grid-template-columns: 60px 1fr;
|
|
gap: 4px;
|
|
position: relative;
|
|
margin-bottom: 4px;
|
|
align-items: center;
|
|
}
|
|
.charsheet .info .st-row input, .charsheet .department .st-row input {
|
|
width: 100%;
|
|
}
|
|
.charsheet .info .st-row.dep-lv, .charsheet .department .st-row.dep-lv {
|
|
grid-template-columns: 60px 30px 1fr 30px 30px;
|
|
}
|
|
.charsheet .info input[name=attr_character_department_lv], .charsheet .department input[name=attr_character_department_lv] {
|
|
background: transparent;
|
|
border: none;
|
|
font-weight: 900;
|
|
font-size: 20px;
|
|
height: 30px;
|
|
}
|
|
.charsheet .info button, .charsheet .department button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.charsheet .info .department-area, .charsheet .department .department-area {
|
|
display: grid;
|
|
grid-template-columns: repeat(5, 1fr);
|
|
height: 22px;
|
|
gap: 1px;
|
|
}
|
|
.charsheet .info .department-area > span, .charsheet .department .department-area > span {
|
|
padding: 2px;
|
|
backdrop-filter: blur(10px);
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
transition-property: background, box-shadow;
|
|
}
|
|
.charsheet .info .department-area > span:first-child, .charsheet .department .department-area > span:first-child {
|
|
border-top-left-radius: 12px;
|
|
border-bottom-left-radius: 12px;
|
|
background-color: #6f8277;
|
|
}
|
|
.charsheet .info .department-area > span:nth-child(2), .charsheet .department .department-area > span:nth-child(2) {
|
|
background-color: #5b7068;
|
|
}
|
|
.charsheet .info .department-area > span:nth-child(3), .charsheet .department .department-area > span:nth-child(3) {
|
|
background-color: #465f59;
|
|
}
|
|
.charsheet .info .department-area > span:nth-child(4), .charsheet .department .department-area > span:nth-child(4) {
|
|
background-color: #324d4a;
|
|
}
|
|
.charsheet .info .department-area > span:last-child, .charsheet .department .department-area > span:last-child {
|
|
border-top-right-radius: 12px;
|
|
border-bottom-right-radius: 12px;
|
|
background-color: rgba(255, 255, 255, 0.4);
|
|
}
|
|
.charsheet .info .department-area.exp-0 > span, .charsheet .info .department-area.exp--1 > span, .charsheet .department .department-area.exp-0 > span, .charsheet .department .department-area.exp--1 > span {
|
|
background-color: rgba(255, 255, 255, 0.4) !important;
|
|
}
|
|
.charsheet .info .department-area.exp-1 span:nth-child(1) ~ span, .charsheet .department .department-area.exp-1 span:nth-child(1) ~ span {
|
|
background-color: rgba(255, 255, 255, 0.4) !important;
|
|
}
|
|
.charsheet .info .department-area.exp-2 span:nth-child(2) ~ span, .charsheet .department .department-area.exp-2 span:nth-child(2) ~ span {
|
|
background-color: rgba(255, 255, 255, 0.4) !important;
|
|
}
|
|
.charsheet .info .department-area.exp-3 span:nth-child(3) ~ span, .charsheet .department .department-area.exp-3 span:nth-child(3) ~ span {
|
|
background-color: rgba(255, 255, 255, 0.4) !important;
|
|
}
|
|
.charsheet .info .department-area.exp-4 span:nth-child(4) ~ span, .charsheet .department .department-area.exp-4 span:nth-child(4) ~ span {
|
|
background-color: rgba(255, 255, 255, 0.4) !important;
|
|
}
|
|
.charsheet .common .common-dice {
|
|
position: relative;
|
|
background: rgba(255, 255, 255, 0.4);
|
|
backdrop-filter: blur(10px);
|
|
padding: 4px 8px;
|
|
border: #1E3C3B 4px double;
|
|
border-radius: 4px;
|
|
}
|
|
.charsheet .common .common-dice h3 {
|
|
margin-bottom: 6px;
|
|
}
|
|
.charsheet .common .common-dice h3 .add-dice {
|
|
font-size: 12px;
|
|
float: right;
|
|
}
|
|
.charsheet .common .common-dice h3 .add-dice input {
|
|
width: 36px;
|
|
height: 24px;
|
|
font-size: 16px;
|
|
vertical-align: top;
|
|
}
|
|
.charsheet .common .common-dice h3 .add-dice::after {
|
|
content: "";
|
|
clear: both;
|
|
}
|
|
.charsheet .common .common-dice > .st-row {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 8px;
|
|
}
|
|
.charsheet .common .common-dice > .st-row:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.charsheet .common .common-dice > .st-row h4 {
|
|
flex-shrink: 0;
|
|
width: 60px;
|
|
}
|
|
.charsheet .common .common-dice > .st-row input {
|
|
vertical-align: top;
|
|
width: 80px;
|
|
}
|
|
.charsheet .common .common-dice > .st-row input[readonly] {
|
|
grid-column: span 2;
|
|
cursor: default;
|
|
}
|
|
.charsheet .common .common-dice > .st-row input[readonly]:hover + .st-tooltip {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
.charsheet .common .common-winpoint {
|
|
width: 80px;
|
|
}
|
|
.charsheet .common .common-winpoint input {
|
|
width: 100%;
|
|
}
|
|
.charsheet .common .common-stress {
|
|
align-items: center;
|
|
padding-left: 20px;
|
|
}
|
|
.charsheet .common .common-stress:not(:has(input:checked)) span {
|
|
background-color: white !important;
|
|
}
|
|
.charsheet .common .common-stress label {
|
|
width: unset;
|
|
margin: 0;
|
|
}
|
|
.charsheet .common .common-stress .title {
|
|
display: flex;
|
|
margin: 0 0 10px -10px;
|
|
}
|
|
.charsheet .common .common-say {
|
|
display: flex;
|
|
flex-shrink: 2;
|
|
flex-basis: 80px;
|
|
padding-top: 28px;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
}
|
|
.charsheet .common .common-say button {
|
|
box-shadow: none;
|
|
font-weight: 600;
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
color: #1E3C3B;
|
|
background: rgba(232, 234, 210, 0.2);
|
|
transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
border-radius: 2px;
|
|
}
|
|
.charsheet .common .common-say button::before {
|
|
content: none;
|
|
}
|
|
.charsheet .common .common-say button:hover {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-color: #1E3C3B;
|
|
}
|
|
.charsheet button[type=action], .charsheet button.btn {
|
|
color: #57312B;
|
|
background: rgba(232, 234, 210, 0.2);
|
|
border: none;
|
|
border-radius: 10px;
|
|
height: 26px;
|
|
transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
box-shadow: none;
|
|
}
|
|
.charsheet button[type=action]:hover, .charsheet button[type=action]:focus, .charsheet button[type=action]:active, .charsheet button.btn:hover, .charsheet button.btn:focus, .charsheet button.btn:active {
|
|
background: #E8EAD2;
|
|
outline-color: #1E3C3B;
|
|
}
|
|
.charsheet input[type=radio].ra-status {
|
|
display: inline-block;
|
|
position: absolute;
|
|
opacity: 0;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
width: 20px;
|
|
height: 20px !important;
|
|
}
|
|
.charsheet input[type=radio].ra-status + span {
|
|
width: 20px;
|
|
height: 20px;
|
|
display: inline-block;
|
|
background-color: #1E3C3B;
|
|
outline: 2px solid #1E3C3B;
|
|
outline-offset: 1px;
|
|
border: 1px solid #1E3C3B;
|
|
}
|
|
.charsheet input[type=radio].ra-status:checked ~ span {
|
|
background-color: #fff;
|
|
}
|
|
.charsheet input[type=radio].ra-status:checked + span {
|
|
background-color: #1E3C3B;
|
|
}
|
|
.charsheet .ra-status-0 {
|
|
position: absolute;
|
|
width: 20px;
|
|
height: 20px !important;
|
|
left: -20px;
|
|
appearance: none;
|
|
border: none;
|
|
outline: none;
|
|
background: transparent;
|
|
}
|
|
.charsheet .ra-status-0::after {
|
|
content: "0";
|
|
position: relative;
|
|
top: 0;
|
|
display: inline-block;
|
|
}
|
|
.charsheet .ra-status-0:checked ~ span {
|
|
background-color: #fff !important;
|
|
}
|
|
.charsheet #stress_0:checked ~ span {
|
|
background-color: #fff;
|
|
}
|
|
.charsheet [name=attr_stress].ra-status {
|
|
width: 16px;
|
|
height: 16px !important;
|
|
transform: rotate(45deg);
|
|
}
|
|
.charsheet [name=attr_stress].ra-status + span {
|
|
transform: rotate(45deg);
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 16px;
|
|
}
|
|
.charsheet [name=attr_stress_max] {
|
|
display: none;
|
|
}
|
|
.charsheet [name=attr_stress_max]:checked ~ span {
|
|
background-color: #86888b !important;
|
|
outline-color: #86888b !important;
|
|
border-color: #86888b !important;
|
|
}
|
|
.charsheet .status .status-item {
|
|
position: relative;
|
|
margin: 10px 0;
|
|
}
|
|
.charsheet .status .status-item:not(:has(input:checked)) span {
|
|
background-color: white !important;
|
|
}
|
|
.charsheet .status .status-item span.sheet-label {
|
|
position: relative;
|
|
top: -5px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
width: 32px;
|
|
display: inline-block;
|
|
}
|
|
.charsheet .status .status-item input.sheet-label {
|
|
width: 120px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.charsheet .status .status-item input.ra-status, .charsheet .status .status-item input.ra-status + span {
|
|
margin-left: 4px;
|
|
}
|
|
.charsheet .skills .skill-item {
|
|
position:relative;
|
|
}
|
|
.charsheet .skills .skill-item>button.rolling.btn {
|
|
position:absolute;
|
|
left:100%;
|
|
}
|
|
.charsheet .skills .skill-item:first-of-type {
|
|
margin-top: 8px;
|
|
}
|
|
.charsheet .skills .skill-item input[type=text] {
|
|
width: 300px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.charsheet .skills .skill-item textarea {
|
|
height: 100px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.charsheet .relation {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
}
|
|
.charsheet .relation input[type=checkbox] {
|
|
display: none;
|
|
}
|
|
.charsheet .relation label {
|
|
width: unset;
|
|
margin: 0;
|
|
}
|
|
.charsheet .relation .add-ext {
|
|
margin-top: -10px;
|
|
}
|
|
.charsheet .relation .relation-item, .charsheet .relation .st-row {
|
|
display: grid;
|
|
grid-template-columns: 60px auto;
|
|
column-gap: 10px;
|
|
position: relative;
|
|
}
|
|
.charsheet .relation .st-row input {
|
|
width: calc(100% - 20px);
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item textarea, .charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item input {
|
|
background: transparent;
|
|
backdrop-filter: none;
|
|
margin: 0;
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item::after {
|
|
position: absolute;
|
|
right: -20px;
|
|
top: -40px;
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item .relation-item-content {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
grid-template-rows: 30px 1fr;
|
|
column-gap: 10px;
|
|
background: rgba(255, 255, 255, 0.4);
|
|
backdrop-filter: blur(10px);
|
|
padding: 4px 10px 10px 10px;
|
|
box-shadow: 4px 4px 0 rgba(30, 60, 59, 0.2);
|
|
transition: box-shadow cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
border: #1E3C3B 4px double;
|
|
border-radius: 4px;
|
|
margin-right: 20px;
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item .relation-item-content:hover {
|
|
box-shadow: 4px 4px 0 #1E3C3B;
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item .relation-item-content > input:nth-child(1) {
|
|
grid-column: 1/3;
|
|
font-size: 1.4em;
|
|
font-weight: bold;
|
|
width: 100%;
|
|
border: none;
|
|
color: #57312B;
|
|
margin-bottom: 5px;
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item .relation-item-content > textarea:nth-child(2) {
|
|
height: 100%;
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item .relation-item-content div.relation-item-right div {
|
|
display: flex;
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item .relation-item-content div.relation-item-right div::before {
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
width: 15px;
|
|
text-align: center;
|
|
padding-top: 3px;
|
|
color: #1E3C3B;
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item .relation-item-content div.relation-item-right div:first-child::before {
|
|
content: "Q";
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item .relation-item-content div.relation-item-right div:nth-child(2)::before {
|
|
content: "A";
|
|
}
|
|
.charsheet .relation .sheet-toggle-menu[value="0"] ~ .relation-item .relation-item-content div.relation-item-right textarea {
|
|
height: 100px;
|
|
border: none;
|
|
}
|
|
.charsheet .master-sheet .info .st-row {
|
|
grid-template-columns: 1fr;
|
|
gap: 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
.charsheet .colleague .colleague-item {
|
|
margin-bottom: 8px;
|
|
display: grid;
|
|
grid-template-columns: 150px 150px 1fr;
|
|
gap: 2px;
|
|
position: relative;
|
|
}
|
|
.charsheet .colleague .colleague-item.title {
|
|
margin-bottom: 0;
|
|
}
|
|
.charsheet .colleague .colleague-item input {
|
|
width: 100%;
|
|
}
|
|
.charsheet .fief h2 {
|
|
text-align: right;
|
|
}
|
|
.charsheet .fief .fief-expansion {
|
|
display: grid;
|
|
grid-template: repeat(3, 1fr)/repeat(5, 1fr);
|
|
gap: 16px;
|
|
padding: 0 8px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please Rule the North with me, Grand Duke!/img/bg_fief.png") no-repeat center/cover;
|
|
}
|
|
.charsheet .fief .fief-expansion label {
|
|
text-align: center;
|
|
font-size: 16px;
|
|
border-radius: 26px;
|
|
border: 1px solid #1E3C3B;
|
|
padding: 4px 12px;
|
|
margin: 0;
|
|
background: rgb(250, 251, 246);
|
|
transition: background cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
word-break: keep-all;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
gap: 4px;
|
|
}
|
|
.charsheet .fief .fief-expansion label:nth-child(3), .charsheet .fief .fief-expansion label:nth-child(7), .charsheet .fief .fief-expansion label:nth-child(9), .charsheet .fief .fief-expansion label:nth-child(13) {
|
|
background: #E8EAD2;
|
|
}
|
|
.charsheet .fief .fief-expansion label .fief-desc {
|
|
font-size: 0.75em;
|
|
}
|
|
.charsheet .fief .fief-expansion label input {
|
|
display: none;
|
|
}
|
|
.charsheet .fief .fief-expansion label:has(:checked) {
|
|
background: #1E3C3B;
|
|
color: #fff;
|
|
}
|
|
/* .charsheet .seasons button[name=act_season-roll] {
|
|
font-family: "dicefontd20";
|
|
font-size: 24px;
|
|
vertical-align: top;
|
|
} */
|
|
.charsheet .seasons .season-item {
|
|
display: grid;
|
|
grid-template-rows: 30px auto 1fr;
|
|
grid-template-columns: 1fr 1fr;
|
|
column-gap: 10px;
|
|
row-gap: 2px;
|
|
justify-content: start;
|
|
position: relative;
|
|
margin-bottom: 10px;
|
|
background: rgba(255, 255, 255, 0.4);
|
|
backdrop-filter: blur(10px);
|
|
padding: 4px 8px;
|
|
border: #1E3C3B 4px double;
|
|
border-radius: 4px;
|
|
box-shadow: 4px 4px 0 rgba(30, 60, 59, 0.2);
|
|
transition: box-shadow cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
}
|
|
.charsheet .seasons .season-item h3 {
|
|
grid-column: span 2;
|
|
display: grid;
|
|
grid-template-columns: 60px 80px 1fr;
|
|
}
|
|
.charsheet .seasons .season-item h3 button {
|
|
margin-left: 10px;
|
|
color:#1E3C3B;
|
|
height: 100%;
|
|
}
|
|
.charsheet .seasons .season-item:hover {
|
|
box-shadow: 4px 4px 0 #1E3C3B;
|
|
}
|
|
.charsheet .seasons .season-item input {
|
|
width: 100%;
|
|
}
|
|
.charsheet .seasons .season-item .season-title {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow:hidden;
|
|
}
|
|
.charsheet .seasons .season-item .season-title button {
|
|
font-size:inherit;
|
|
background:transparent;
|
|
color:inherit!important;
|
|
border-radius: 0;
|
|
margin:0;
|
|
}
|
|
.charsheet .seasons .season-item .season-title>button {
|
|
font-size: 14px;
|
|
color: #E8EAD2!important;
|
|
background: #1E3C3B;
|
|
border-radius: 2px;
|
|
padding:0 4px;
|
|
text-shadow:none;
|
|
}
|
|
.charsheet .seasons .season-item .season-title button:hover {
|
|
background:#1E3C3B46;
|
|
/* box-shadow: 0 0 0 3px #E8EAD2 inset; */
|
|
}
|
|
.charsheet .seasons .season-item .season-title button::before {
|
|
content: "";
|
|
}
|
|
.charsheet .seasons .season-item .season-title button.material-symbols-rounded {
|
|
font-size: 20px;
|
|
position: relative;
|
|
top: -1px;
|
|
height: 28px;
|
|
vertical-align: middle;
|
|
}
|
|
.charsheet .seasons .season-item .season-title>div {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border-bottom: 1px dashed;
|
|
}
|
|
.charsheet .seasons .season-item select {
|
|
width: 80px;
|
|
background:transparent;
|
|
color:inherit;
|
|
border:none;
|
|
margin:0;
|
|
}
|
|
.charsheet .seasons .season-item textarea {
|
|
background: transparent;
|
|
border: none;
|
|
backdrop-filter: none;
|
|
}
|
|
.charsheet .retainer .retainer-item {
|
|
margin-bottom: 8px;
|
|
display: grid;
|
|
grid-template-columns: 150px 150px 1fr;
|
|
gap: 2px;
|
|
position: relative;
|
|
}
|
|
.charsheet .retainer .retainer-item.title {
|
|
margin-bottom: 0;
|
|
}
|
|
.charsheet .retainer .retainer-item input {
|
|
width: 100%;
|
|
}
|
|
.charsheet .retainer .retainer-item textarea {
|
|
grid-column: span 3;
|
|
height: 60px;
|
|
margin: 0;
|
|
}
|
|
.charsheet .sheet-icon {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900;
|
|
}
|
|
|
|
.sheet-rolltemplate-daegong-operate .inlinerollresult {
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt {
|
|
position: relative;
|
|
width: 280px;
|
|
left: -20px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bgpattern.png") repeat -10px -10px/40px;
|
|
background-color: #fff;
|
|
padding: 6px 4px 0 4px;
|
|
margin-bottom: 12px;
|
|
top: 12px;
|
|
border: 3px double #1E3C3B;
|
|
border-radius: 2px;
|
|
box-shadow: -2px -2px rgba(30, 60, 59, 0.2);
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-border {
|
|
width: 100%;
|
|
height: 13px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bg_rt.png") no-repeat top center;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-family: "Noto Serif KR";
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-title h3 {
|
|
font-family: "Noto Serif KR";
|
|
color: #1E3C3B;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-title h3.sheet-pre::after {
|
|
content: " 선언";
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-title h3.sheet-roll::after {
|
|
content: " 굴림";
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-title span {
|
|
color: #57312B;
|
|
background: #E8EAD2;
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
font-weight: 600;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-box {
|
|
padding: 10px 6px;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-box:empty {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-card {
|
|
padding: 4px 6px;
|
|
background: #1E3C3B;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin: 4px 2px;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-attr-area {
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-attr-name {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-radius: 2px;
|
|
padding: 2px 4px;
|
|
font-family: "Noto Serif KR";
|
|
display: inline-block;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-label a {
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
color: #1E3C3B;
|
|
background: rgba(232, 234, 210, 0.2);
|
|
transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
border-radius: 2px;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-label a:hover {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-color: #1E3C3B;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rollresult .inlinerollresult {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
width: 40px;
|
|
height: 40px;
|
|
background-color: #fff;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-n.png");
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
border: none;
|
|
margin: 0 5px 5px 0;
|
|
font-size: 20px;
|
|
font-family: "Noto Serif KR";
|
|
font-weight: 800;
|
|
transition: transform 0.3s ease-in-out;
|
|
color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rollresult .inlinerollresult.fullcrit, .sheet-rolltemplate-daegong-operate .sheet-rollresult .inlinerollresult[original-title*="5"], .sheet-rolltemplate-daegong-operate .sheet-rollresult .inlinerollresult[title*="5"] {
|
|
color: #005a57;
|
|
box-shadow: 0 0 4px #005a57;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rollresult .inlinerollresult.fullfail {
|
|
color: #940c0c;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rollresult.sheet-pre .inlinerollresult {
|
|
color: transparent;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rollresult.sheet-pre .inlinerollresult::after {
|
|
content: "?";
|
|
color: #1E3C3B;
|
|
position: absolute;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rollresult:hover .inlinerollresult.fullcrit, .sheet-rolltemplate-daegong-operate .sheet-rollresult:hover .inlinerollresult[original-title*="5"], .sheet-rolltemplate-daegong-operate .sheet-rollresult:hover .inlinerollresult[title*="5"] {
|
|
transform: scale(1.1);
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-table {
|
|
grid-template-columns: 100px 1fr;
|
|
grid-auto-rows: 1fr;
|
|
display: grid;
|
|
gap: 4px;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-table .inlinerollresult {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-table > div {
|
|
background: #1E3C3B;
|
|
color: #E8EAD2;
|
|
padding: 4px;
|
|
text-align: center;
|
|
border-top-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
grid-column-start: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-table > span {
|
|
padding-left: 10px;
|
|
font-weight: bolder;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-table-full {
|
|
grid-column-end: 3;
|
|
transition: background 0.3s ease-in-out;
|
|
border-top-left-radius: 0px !important;
|
|
border-bottom-right-radius: 0px !important;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-table-full a {
|
|
top: 0;
|
|
left: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
background: transparent;
|
|
color: #E8EAD2;
|
|
border: none;
|
|
text-align: center;
|
|
font-weight: 900;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-rt-table-full:hover {
|
|
background: #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-isdaegong + span.inlinerollresult {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d.png") !important;
|
|
position: relative;
|
|
box-shadow: 0 0 4px #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-isdaegong + span.inlinerollresult::after {
|
|
content: "대공님!";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: calc(100% + 2px);
|
|
width: 48px;
|
|
z-index: 1;
|
|
font-size: 12px;
|
|
font-family: auto;
|
|
background: #57312B;
|
|
border-radius: 6px;
|
|
padding: 2px 6px;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-isdaegong + span.inlinerollresult:hover::after {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate [class^=sheet-dicebox] {
|
|
display: grid;
|
|
grid-template-columns: 56px 1fr;
|
|
align-items: start;
|
|
justify-items: start;
|
|
gap: 10px;
|
|
}
|
|
.sheet-rolltemplate-daegong-operate .sheet-dicebox-0 {
|
|
display: none;
|
|
}
|
|
|
|
.sheet-rolltemplate-daegong-event .inlinerollresult {
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt {
|
|
position: relative;
|
|
width: 280px;
|
|
left: -20px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bgpattern.png") repeat -10px -10px/40px;
|
|
background-color: #fff;
|
|
padding: 6px 4px 0 4px;
|
|
margin-bottom: 12px;
|
|
top: 12px;
|
|
border: 3px double #1E3C3B;
|
|
border-radius: 2px;
|
|
box-shadow: -2px -2px rgba(30, 60, 59, 0.2);
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-border {
|
|
width: 100%;
|
|
height: 13px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bg_rt.png") no-repeat top center;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-family: "Noto Serif KR";
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-title h3 {
|
|
font-family: "Noto Serif KR";
|
|
color: #1E3C3B;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-title h3.sheet-pre::after {
|
|
content: " 선언";
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-title h3.sheet-roll::after {
|
|
content: " 굴림";
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-title span {
|
|
color: #57312B;
|
|
background: #E8EAD2;
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
font-weight: 600;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-box {
|
|
padding: 10px 6px;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-box:empty {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-card {
|
|
padding: 4px 6px;
|
|
background: #1E3C3B;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin: 4px 2px;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-attr-area {
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-attr-name {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-radius: 2px;
|
|
padding: 2px 4px;
|
|
font-family: "Noto Serif KR";
|
|
display: inline-block;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-label a {
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
color: #1E3C3B;
|
|
background: rgba(232, 234, 210, 0.2);
|
|
transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
border-radius: 2px;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-label a:hover {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-color: #1E3C3B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rollresult .inlinerollresult {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
width: 40px;
|
|
height: 40px;
|
|
background-color: #fff;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-n.png");
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
border: none;
|
|
margin: 0 5px 5px 0;
|
|
font-size: 20px;
|
|
font-family: "Noto Serif KR";
|
|
font-weight: 800;
|
|
transition: transform 0.3s ease-in-out;
|
|
color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rollresult .inlinerollresult.fullcrit, .sheet-rolltemplate-daegong-event .sheet-rollresult .inlinerollresult[original-title*="5"], .sheet-rolltemplate-daegong-event .sheet-rollresult .inlinerollresult[title*="5"] {
|
|
color: #005a57;
|
|
box-shadow: 0 0 4px #005a57;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rollresult .inlinerollresult.fullfail {
|
|
color: #940c0c;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rollresult.sheet-pre .inlinerollresult {
|
|
color: transparent;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rollresult.sheet-pre .inlinerollresult::after {
|
|
content: "?";
|
|
color: #1E3C3B;
|
|
position: absolute;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rollresult:hover .inlinerollresult.fullcrit, .sheet-rolltemplate-daegong-event .sheet-rollresult:hover .inlinerollresult[original-title*="5"], .sheet-rolltemplate-daegong-event .sheet-rollresult:hover .inlinerollresult[title*="5"] {
|
|
transform: scale(1.1);
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-table {
|
|
grid-template-columns: 100px 1fr;
|
|
grid-auto-rows: 1fr;
|
|
display: grid;
|
|
gap: 4px;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-table .inlinerollresult {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-table > div {
|
|
background: #1E3C3B;
|
|
color: #E8EAD2;
|
|
padding: 4px;
|
|
text-align: center;
|
|
border-top-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
grid-column-start: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-table > span {
|
|
padding-left: 10px;
|
|
font-weight: bolder;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-table-full {
|
|
grid-column-end: 3;
|
|
transition: background 0.3s ease-in-out;
|
|
border-top-left-radius: 0px !important;
|
|
border-bottom-right-radius: 0px !important;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-table-full a {
|
|
top: 0;
|
|
left: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
background: transparent;
|
|
color: #E8EAD2;
|
|
border: none;
|
|
text-align: center;
|
|
font-weight: 900;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-rt-table-full:hover {
|
|
background: #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-1 :last-child {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d.png") !important;
|
|
position: relative;
|
|
box-shadow: 0 0 4px #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-1 :last-child::after {
|
|
content: "대공님!";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: calc(100% + 2px);
|
|
width: 48px;
|
|
z-index: 1;
|
|
font-size: 12px;
|
|
font-family: auto;
|
|
background: #57312B;
|
|
border-radius: 6px;
|
|
padding: 2px 6px;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-1 :last-child:hover::after {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-2 :nth-last-child(2), .sheet-rolltemplate-daegong-event .sheet-countdaegong-2 :nth-last-child(2) ~ * {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d.png") !important;
|
|
position: relative;
|
|
box-shadow: 0 0 4px #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-2 :nth-last-child(2)::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-2 :nth-last-child(2) ~ *::after {
|
|
content: "대공님!";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: calc(100% + 2px);
|
|
width: 48px;
|
|
z-index: 1;
|
|
font-size: 12px;
|
|
font-family: auto;
|
|
background: #57312B;
|
|
border-radius: 6px;
|
|
padding: 2px 6px;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-2 :nth-last-child(2):hover::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-2 :nth-last-child(2) ~ *:hover::after {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-3 :nth-last-child(3), .sheet-rolltemplate-daegong-event .sheet-countdaegong-3 :nth-last-child(3) ~ * {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d.png") !important;
|
|
position: relative;
|
|
box-shadow: 0 0 4px #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-3 :nth-last-child(3)::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-3 :nth-last-child(3) ~ *::after {
|
|
content: "대공님!";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: calc(100% + 2px);
|
|
width: 48px;
|
|
z-index: 1;
|
|
font-size: 12px;
|
|
font-family: auto;
|
|
background: #57312B;
|
|
border-radius: 6px;
|
|
padding: 2px 6px;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-3 :nth-last-child(3):hover::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-3 :nth-last-child(3) ~ *:hover::after {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-4 :nth-last-child(4), .sheet-rolltemplate-daegong-event .sheet-countdaegong-4 :nth-last-child(4) ~ * {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d.png") !important;
|
|
position: relative;
|
|
box-shadow: 0 0 4px #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-4 :nth-last-child(4)::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-4 :nth-last-child(4) ~ *::after {
|
|
content: "대공님!";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: calc(100% + 2px);
|
|
width: 48px;
|
|
z-index: 1;
|
|
font-size: 12px;
|
|
font-family: auto;
|
|
background: #57312B;
|
|
border-radius: 6px;
|
|
padding: 2px 6px;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-4 :nth-last-child(4):hover::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-4 :nth-last-child(4) ~ *:hover::after {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-5 :nth-last-child(5), .sheet-rolltemplate-daegong-event .sheet-countdaegong-5 :nth-last-child(5) ~ * {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d.png") !important;
|
|
position: relative;
|
|
box-shadow: 0 0 4px #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-5 :nth-last-child(5)::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-5 :nth-last-child(5) ~ *::after {
|
|
content: "대공님!";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: calc(100% + 2px);
|
|
width: 48px;
|
|
z-index: 1;
|
|
font-size: 12px;
|
|
font-family: auto;
|
|
background: #57312B;
|
|
border-radius: 6px;
|
|
padding: 2px 6px;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-5 :nth-last-child(5):hover::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-5 :nth-last-child(5) ~ *:hover::after {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-6 :nth-last-child(6), .sheet-rolltemplate-daegong-event .sheet-countdaegong-6 :nth-last-child(6) ~ * {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d.png") !important;
|
|
position: relative;
|
|
box-shadow: 0 0 4px #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-6 :nth-last-child(6)::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-6 :nth-last-child(6) ~ *::after {
|
|
content: "대공님!";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: calc(100% + 2px);
|
|
width: 48px;
|
|
z-index: 1;
|
|
font-size: 12px;
|
|
font-family: auto;
|
|
background: #57312B;
|
|
border-radius: 6px;
|
|
padding: 2px 6px;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-6 :nth-last-child(6):hover::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-6 :nth-last-child(6) ~ *:hover::after {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-7 :nth-last-child(7), .sheet-rolltemplate-daegong-event .sheet-countdaegong-7 :nth-last-child(7) ~ * {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d.png") !important;
|
|
position: relative;
|
|
box-shadow: 0 0 4px #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-7 :nth-last-child(7)::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-7 :nth-last-child(7) ~ *::after {
|
|
content: "대공님!";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: calc(100% + 2px);
|
|
width: 48px;
|
|
z-index: 1;
|
|
font-size: 12px;
|
|
font-family: auto;
|
|
background: #57312B;
|
|
border-radius: 6px;
|
|
padding: 2px 6px;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-7 :nth-last-child(7):hover::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-7 :nth-last-child(7) ~ *:hover::after {
|
|
opacity: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-8 :nth-last-child(8), .sheet-rolltemplate-daegong-event .sheet-countdaegong-8 :nth-last-child(8) ~ * {
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d.png") !important;
|
|
position: relative;
|
|
box-shadow: 0 0 4px #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-8 :nth-last-child(8)::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-8 :nth-last-child(8) ~ *::after {
|
|
content: "대공님!";
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: calc(100% + 2px);
|
|
width: 48px;
|
|
z-index: 1;
|
|
font-size: 12px;
|
|
font-family: auto;
|
|
background: #57312B;
|
|
border-radius: 6px;
|
|
padding: 2px 6px;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
opacity: 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-event .sheet-countdaegong-8 :nth-last-child(8):hover::after, .sheet-rolltemplate-daegong-event .sheet-countdaegong-8 :nth-last-child(8) ~ *:hover::after {
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-rolltemplate-daegong-relation {
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .inlinerollresult {
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt {
|
|
position: relative;
|
|
width: 280px;
|
|
left: -20px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bgpattern.png") repeat -10px -10px/40px;
|
|
background-color: #fff;
|
|
padding: 6px 4px 0 4px;
|
|
margin-bottom: 12px;
|
|
top: 12px;
|
|
border: 3px double #1E3C3B;
|
|
border-radius: 2px;
|
|
box-shadow: -2px -2px rgba(30, 60, 59, 0.2);
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-border {
|
|
width: 100%;
|
|
height: 13px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bg_rt.png") no-repeat top center;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-family: "Noto Serif KR";
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-title h3 {
|
|
font-family: "Noto Serif KR";
|
|
color: #1E3C3B;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-title h3.sheet-pre::after {
|
|
content: " 선언";
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-title h3.sheet-roll::after {
|
|
content: " 굴림";
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-title span {
|
|
color: #57312B;
|
|
background: #E8EAD2;
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
font-weight: 600;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-box {
|
|
padding: 10px 6px;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-box:empty {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-card {
|
|
padding: 4px 6px;
|
|
background: #1E3C3B;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin: 4px 2px;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-attr-area {
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rt-attr-name {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-radius: 2px;
|
|
padding: 2px 4px;
|
|
font-family: "Noto Serif KR";
|
|
display: inline-block;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-label a {
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
color: #1E3C3B;
|
|
background: rgba(232, 234, 210, 0.2);
|
|
transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
border-radius: 2px;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-label a:hover {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-color: #1E3C3B;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation h4 {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
line-height: 1.2;
|
|
margin: 12px 0 8px 0;
|
|
font-family: "Noto Serif KR";
|
|
font-weight: 700;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rel-q::before, .sheet-rolltemplate-daegong-relation .sheet-rel-a::before {
|
|
text-align: center;
|
|
font-weight: 900;
|
|
color: #1E3C3B;
|
|
background: #E8EAD2;
|
|
border-radius: 2px;
|
|
padding: 0 4px 2px 4px;
|
|
width: 12px;
|
|
font-family: "Noto Serif KR";
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-right: 10px;
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rel-q::before {
|
|
content: "Q";
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rel-a::before {
|
|
content: "A";
|
|
}
|
|
.sheet-rolltemplate-daegong-relation .sheet-rel-a {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.sheet-rolltemplate-daegong-crisis {
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .inlinerollresult {
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt {
|
|
position: relative;
|
|
width: 280px;
|
|
left: -20px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bgpattern.png") repeat -10px -10px/40px;
|
|
background-color: #fff;
|
|
padding: 6px 4px 0 4px;
|
|
margin-bottom: 12px;
|
|
top: 12px;
|
|
border: 3px double #1E3C3B;
|
|
border-radius: 2px;
|
|
box-shadow: -2px -2px rgba(30, 60, 59, 0.2);
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-border {
|
|
width: 100%;
|
|
height: 13px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bg_rt.png") no-repeat top center;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-family: "Noto Serif KR";
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-title h3 {
|
|
font-family: "Noto Serif KR";
|
|
color: #1E3C3B;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-title h3.sheet-pre::after {
|
|
content: " 선언";
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-title h3.sheet-roll::after {
|
|
content: " 굴림";
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-title span {
|
|
color: #57312B;
|
|
background: #E8EAD2;
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
font-weight: 600;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-title span.sheet-rt-dif-easy::before {
|
|
content:"쉬움";
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-title span.sheet-rt-dif-normal::before {
|
|
content:"보통";
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-title span.sheet-rt-dif-hard::before {
|
|
content:"어려움";
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-box {
|
|
padding: 10px 6px;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-box:empty {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-card {
|
|
padding: 4px 6px;
|
|
background: #1E3C3B;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin: 4px 2px;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-attr-area {
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-attr-name {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-radius: 2px;
|
|
padding: 2px 4px;
|
|
font-family: "Noto Serif KR";
|
|
display: inline-block;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-label a {
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
color: #1E3C3B;
|
|
background: rgba(232, 234, 210, 0.2);
|
|
transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
border-radius: 2px;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-label a:hover {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-color: #1E3C3B;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis h3 {
|
|
flex-wrap: wrap;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis .sheet-rt-box {
|
|
line-height: 1.4;
|
|
}
|
|
.sheet-rolltemplate-daegong-crisis h4 {
|
|
text-align: center;
|
|
margin: 12px 0 8px 0;
|
|
font-family: "Noto Serif KR";
|
|
font-weight: 700;
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-daegong-dif .inlinerollresult {
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt {
|
|
position: relative;
|
|
width: 280px;
|
|
left: -20px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bgpattern.png") repeat -10px -10px/40px;
|
|
background-color: #fff;
|
|
padding: 6px 4px 0 4px;
|
|
margin-bottom: 12px;
|
|
top: 12px;
|
|
border: 3px double #1E3C3B;
|
|
border-radius: 2px;
|
|
box-shadow: -2px -2px rgba(30, 60, 59, 0.2);
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-border {
|
|
width: 100%;
|
|
height: 13px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bg_rt.png") no-repeat top center;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-family: "Noto Serif KR";
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-title h3 {
|
|
font-family: "Noto Serif KR";
|
|
color: #1E3C3B;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-title h3.sheet-pre::after {
|
|
content: " 선언";
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-title h3.sheet-roll::after {
|
|
content: " 굴림";
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-title span {
|
|
color: #57312B;
|
|
background: #E8EAD2;
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
font-weight: 600;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-box {
|
|
padding: 10px 6px;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-box:empty {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-card {
|
|
padding: 4px 6px;
|
|
background: #1E3C3B;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin: 4px 2px;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-attr-area {
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-attr-name {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-radius: 2px;
|
|
padding: 2px 4px;
|
|
font-family: "Noto Serif KR";
|
|
display: inline-block;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-label a {
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
color: #1E3C3B;
|
|
background: rgba(232, 234, 210, 0.2);
|
|
transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
border-radius: 2px;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-label a:hover {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-color: #1E3C3B;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-table {
|
|
grid-template-columns: 100px 1fr;
|
|
grid-auto-rows: 1fr;
|
|
display: grid;
|
|
gap: 4px;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-table .inlinerollresult {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-table > div {
|
|
background: #1E3C3B;
|
|
color: #E8EAD2;
|
|
padding: 4px;
|
|
text-align: center;
|
|
border-top-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
grid-column-start: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-table > span {
|
|
padding-left: 10px;
|
|
font-weight: bolder;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-table-full {
|
|
grid-column-end: 3;
|
|
transition: background 0.3s ease-in-out;
|
|
border-top-left-radius: 0px !important;
|
|
border-bottom-right-radius: 0px !important;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-table-full a {
|
|
top: 0;
|
|
left: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
background: transparent;
|
|
color: #E8EAD2;
|
|
border: none;
|
|
text-align: center;
|
|
font-weight: 900;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-table-full:hover {
|
|
background: #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-table {
|
|
margin: 0 20px;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-title {
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-border {
|
|
margin: 5px 0 15px 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-one-dicebox {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-one-dicebox .inlinerollresult {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
width: 80px;
|
|
height: 80px;
|
|
background-color: #fff;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-n-big.png");
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
border: none;
|
|
margin: 0 5px 5px 0;
|
|
font-size: 32px;
|
|
font-family: "Noto Serif KR";
|
|
font-weight: 800;
|
|
transition: transform 0.3s ease-in-out;
|
|
color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
.sheet-rolltemplate-daegong-dif .sheet-rt-table {
|
|
grid-template: 1fr 1fr/100px 1fr !important;
|
|
}
|
|
|
|
.sheet-rolltemplate-daegong-nim .inlinerollresult {
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt {
|
|
position: relative;
|
|
width: 280px;
|
|
left: -20px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bgpattern.png") repeat -10px -10px/40px;
|
|
background-color: #fff;
|
|
padding: 6px 4px 0 4px;
|
|
margin-bottom: 12px;
|
|
top: 12px;
|
|
border: 3px double #1E3C3B;
|
|
border-radius: 2px;
|
|
box-shadow: -2px -2px rgba(30, 60, 59, 0.2);
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-border {
|
|
width: 100%;
|
|
height: 13px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bg_rt.png") no-repeat top center;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-family: "Noto Serif KR";
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-title h3 {
|
|
font-family: "Noto Serif KR";
|
|
color: #1E3C3B;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-title h3.sheet-pre::after {
|
|
content: " 선언";
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-title h3.sheet-roll::after {
|
|
content: " 굴림";
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-title span {
|
|
color: #57312B;
|
|
background: #E8EAD2;
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
font-weight: 600;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-box {
|
|
padding: 10px 6px;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-box:empty {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-card {
|
|
padding: 4px 6px;
|
|
background: #1E3C3B;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin: 4px 2px;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-attr-area {
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-attr-name {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-radius: 2px;
|
|
padding: 2px 4px;
|
|
font-family: "Noto Serif KR";
|
|
display: inline-block;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-label a {
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
color: #1E3C3B;
|
|
background: rgba(232, 234, 210, 0.2);
|
|
transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
border-radius: 2px;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-label a:hover {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-color: #1E3C3B;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-table {
|
|
grid-template-columns: 100px 1fr;
|
|
grid-auto-rows: 1fr;
|
|
display: grid;
|
|
gap: 4px;
|
|
align-items: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-table .inlinerollresult {
|
|
background: transparent;
|
|
border: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-table > div {
|
|
background: #1E3C3B;
|
|
color: #E8EAD2;
|
|
padding: 4px;
|
|
text-align: center;
|
|
border-top-left-radius: 10px;
|
|
border-bottom-right-radius: 10px;
|
|
grid-column-start: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-table > span {
|
|
padding-left: 10px;
|
|
font-weight: bolder;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-table-full {
|
|
grid-column-end: 3;
|
|
transition: background 0.3s ease-in-out;
|
|
border-top-left-radius: 0px !important;
|
|
border-bottom-right-radius: 0px !important;
|
|
border-top-right-radius: 10px;
|
|
border-bottom-left-radius: 10px;
|
|
position: relative;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-table-full a {
|
|
top: 0;
|
|
left: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
background: transparent;
|
|
color: #E8EAD2;
|
|
border: none;
|
|
text-align: center;
|
|
font-weight: 900;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-table-full:hover {
|
|
background: #57312B;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-table {
|
|
margin: 0 20px;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-title {
|
|
justify-content: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-rt-border {
|
|
margin: 5px 0 15px 0;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-one-dicebox {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .sheet-one-dicebox .inlinerollresult {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
width: 80px;
|
|
height: 80px;
|
|
background-color: #fff;
|
|
background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/dice-d-big.png");
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
border: none;
|
|
margin: 0 5px 5px 0;
|
|
font-size: 32px;
|
|
font-family: "Noto Serif KR";
|
|
font-weight: 800;
|
|
transition: transform 0.3s ease-in-out;
|
|
color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .inlinerollresult.fullcrit, .sheet-rolltemplate-daegong-nim .inlinerollresult[original-title*="5"], .sheet-rolltemplate-daegong-nim .inlinerollresult[title*="5"] {
|
|
color: #005a57;
|
|
box-shadow: 0 0 4px #005a57;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim .inlinerollresult.fullfail {
|
|
color: #940c0c;
|
|
}
|
|
.sheet-rolltemplate-daegong-nim:hover .inlinerollresult.fullcrit, .sheet-rolltemplate-daegong-nim:hover .inlinerollresult[original-title*="5"], .sheet-rolltemplate-daegong-nim:hover .inlinerollresult[title*="5"] {
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.sheet-rolltemplate-daegong-say .inlinerollresult {
|
|
line-height: 1;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt {
|
|
position: relative;
|
|
width: 280px;
|
|
left: -20px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bgpattern.png") repeat -10px -10px/40px;
|
|
background-color: #fff;
|
|
padding: 6px 4px 0 4px;
|
|
margin-bottom: 12px;
|
|
top: 12px;
|
|
border: 3px double #1E3C3B;
|
|
border-radius: 2px;
|
|
box-shadow: -2px -2px rgba(30, 60, 59, 0.2);
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-border {
|
|
width: 100%;
|
|
height: 13px;
|
|
background: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Please%20Rule%20the%20North%20with%20me,%20Grand%20Duke!/img/bg_rt.png") no-repeat top center;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-title {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-family: "Noto Serif KR";
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-title h3 {
|
|
font-family: "Noto Serif KR";
|
|
color: #1E3C3B;
|
|
font-weight: 800;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-title h3.sheet-pre::after {
|
|
content: " 선언";
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-title h3.sheet-roll::after {
|
|
content: " 굴림";
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-title span {
|
|
color: #57312B;
|
|
background: #E8EAD2;
|
|
padding: 2px 4px;
|
|
border-radius: 2px;
|
|
font-weight: 600;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-center {
|
|
text-align: center;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-box {
|
|
padding: 10px 6px;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-box:empty {
|
|
display: none;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-card {
|
|
padding: 4px 6px;
|
|
background: #1E3C3B;
|
|
color: #fff;
|
|
border-radius: 4px;
|
|
margin: 4px 2px;
|
|
font-size: 12px;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-attr-area {
|
|
margin-bottom: 10px;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-rt-attr-name {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-radius: 2px;
|
|
padding: 2px 4px;
|
|
font-family: "Noto Serif KR";
|
|
display: inline-block;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-label a {
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
border: 1px solid rgba(30, 60, 59, 0.2);
|
|
color: #1E3C3B;
|
|
background: rgba(232, 234, 210, 0.2);
|
|
transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s;
|
|
border-radius: 2px;
|
|
}
|
|
.sheet-rolltemplate-daegong-say .sheet-label a:hover {
|
|
color: #E8EAD2;
|
|
background: #1E3C3B;
|
|
border-color: #1E3C3B;
|
|
}
|