Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-31 20:22:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
32a3859da5fb141ffe2d414595f968226d01faef
roll20-character-sheets/Awaken/scss/files/corruption.scss
T
Zakarik 8ddf35ac46 [Awaken] New Sheet
2021-07-14 15:44:07 +02:00

238 lines
12 KiB
SCSS
Raw Blame History

div.corruption {
display:flex;
width:100%;
justify-content: space-between;
flex-wrap: wrap;
margin-top:10px;
div.block {
display:flex;
width:calc(100% - 24px);
justify-content: space-between;
flex-wrap: wrap;
padding:12px;
border:1px solid $black;
border-top-left-radius:30px;
}
div.smallBlock {
display:flex;
width:calc(100% - 24px);
justify-content: right;
margin-left: auto;
position:relative;
margin-top:-1px;
div.line {
position:absolute;
width:99px;
background:$white;
border-left:1px solid $black;
border-right:1px solid $black;
border-bottom:1px solid $black;
border-bottom-right-radius:30px;
padding-left:12px;
padding-right:12px;
padding-bottom:12px;
}
}
div.line {
display:flex;
width:100%;
align-items:center;
justify-content: right;
input[type="hidden"][value="1"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="2"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="2"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="3"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="3"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="3"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="4"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="4"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="4"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="4"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="5"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="5"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="5"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="5"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="5"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="6"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="6"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="6"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="6"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="6"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="6"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="7"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="7"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="7"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="7"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="7"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="7"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="7"] ~ button[type="action"].corruption_7,
input[type="hidden"][value="8"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="8"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="8"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="8"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="8"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="8"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="8"] ~ button[type="action"].corruption_7,
input[type="hidden"][value="8"] ~ button[type="action"].corruption_8,
input[type="hidden"][value="9"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="9"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="9"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="9"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="9"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="9"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="9"] ~ button[type="action"].corruption_7,
input[type="hidden"][value="9"] ~ button[type="action"].corruption_8,
input[type="hidden"][value="9"] ~ button[type="action"].corruption_9,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_7,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_8,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_9,
input[type="hidden"][value="10"] ~ button[type="action"].corruption_10,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_7,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_8,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_9,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_10,
input[type="hidden"][value="11"] ~ button[type="action"].corruption_11,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_7,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_8,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_9,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_10,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_11,
input[type="hidden"][value="12"] ~ button[type="action"].corruption_12,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_7,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_8,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_9,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_10,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_11,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_12,
input[type="hidden"][value="13"] ~ button[type="action"].corruption_13,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_7,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_8,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_9,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_10,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_11,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_12,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_13,
input[type="hidden"][value="14"] ~ button[type="action"].corruption_14,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_1,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_2,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_3,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_4,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_5,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_6,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_7,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_8,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_9,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_10,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_11,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_12,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_13,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_14,
input[type="hidden"][value="15"] ~ button[type="action"].corruption_15 {
background:$black;
color:$white;
}
button[type="action"] {
width:40px;
height:15px;
border:1px solid $black;
text-align: center;
line-height:15px;
padding:0px;
height:22px;
line-height: 22px;
font-weight:bold;
&:not(:first-of-type) {
margin-left:3px;
}
}
span.titreLarge {
width:102px;
white-space: nowrap;
color:$red;
margin-right:auto;
font-weight:bold;
}
span.titreSmall {
width:82px;
white-space: nowrap;
color:$red;
margin-right:auto;
font-weight:bold;
}
span.spaceSmall {
display:inline-block;
width:calc(100% - 102px - (9 * 42px) - (9 * 3px));
height:2px;
border-bottom:2px dotted $black;
}
span.spaceLarge {
display:inline-block;
width:calc(100% - 82px - (6 * 42px) - (6 * 3px));
height:2px;
border-bottom:2px dotted $black;
}
span.score {
width:40px;
height:15px;
text-align: center;
border:1px solid black;
line-height:15px;
margin-left:3px;
height:22px;
line-height: 22px;
font-weight:bold;
border-radius:15px;
}
&:not(:first-of-type) {
margin-top:3px;
}
}
}
Reference in New Issue View Git Blame Copy Permalink