mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-09-01 12:42:32 +00:00
Marc Jamet
cabf67dcad
Fix : non working selector on ritual tab. Updated : re styling of gmroll button. Added : currencies.
1006 lines
22 KiB
CSS
1006 lines
22 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Architects+Daughter&family=Indie+Flower|Roboto&display=swap');
|
|
|
|
.sheet-global{
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-header{
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-logo{
|
|
max-width: 250px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-cell-logo{
|
|
max-width: 260px;
|
|
}
|
|
|
|
.sheet-cell-header{
|
|
min-width: 69%;
|
|
max-width: calc(100% - 250px);
|
|
}
|
|
|
|
.sheet-global .btn.repcontrol_add, .btn.repcontrol_edit{
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
border: none;
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dvXLZZFZYOHzJyJeXZAcEa8aKDuzQiMLxoAXYmeubSlK2KdSrIsKaoiAU6nWTVIiq9RUzX-GLGmUHAlXvyYgkDRWq_kWfE_72NVXiQnqtSk0djRrLfsXke5gntSTR_XpXYTFVLMCtz31zmE6nmWMFr=w168-h58-no?authuser=0');
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
color: white;
|
|
padding: 3px 20px;
|
|
transition: transform 0.3s ease;
|
|
transform: scale(1);
|
|
outline: transparent;
|
|
background-position: center;
|
|
}
|
|
|
|
.sheet-global .btn.repcontrol_add:hover, .btn.repcontrol_edit:hover {
|
|
background-position: center;
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
.sheet-global .btn.repcontrol_add:active, .btn.repcontrol_edit:active {
|
|
background-position: center;
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
|
|
.sheet-path,
|
|
.sheet-info,
|
|
.sheet-field,
|
|
.sheet-stuff,
|
|
.sheet-magie,
|
|
.sheet-advantage{
|
|
display: none;
|
|
padding: 1.5em;
|
|
}
|
|
|
|
/*------------ Modal ------------- */
|
|
|
|
.sheet-modal,
|
|
.sheet-modalritual
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-modal .sheet-close-button,
|
|
.sheet-modalritual .sheet-close-button
|
|
{
|
|
border: none;
|
|
background: transparent;
|
|
position: absolute;
|
|
top: 1em;
|
|
right: 1em;
|
|
}
|
|
|
|
.sheet-close-button
|
|
{
|
|
width: 25px;
|
|
}
|
|
|
|
|
|
.sheet-modalvalue[value="modaltrue"] ~ .sheet-modal,
|
|
.sheet-modalritualvalue[value="modalritualtrue"] ~ .sheet-modalritual
|
|
{
|
|
display: block;
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border: 2px solid black;
|
|
z-index: 200;
|
|
background-color: white;
|
|
padding: 2em;
|
|
max-height: 80vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
|
|
.sheet-modal label span,
|
|
.sheet-modalritual label span,
|
|
.sheet-path [name='act_modaltrue'],
|
|
.sheet-magie [name='act_modalritualtrue']
|
|
{
|
|
background-color: transparent;
|
|
color: black;
|
|
transition : all 0.3s ease;
|
|
border-radius: 0;
|
|
font-family: 'Architects Daughter', cursive;
|
|
font-weight: 900;
|
|
font-size: 15px ;
|
|
box-shadow : none;
|
|
border : 1px solid black;
|
|
padding : 10px 10px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-modal input[type='radio'],
|
|
.sheet-modalritual input[type='radio']
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-modal label input:checked ~ span,
|
|
.sheet-modalritual label input:checked ~ span,
|
|
.sheet-path [name='act_modaltrue']:hover,
|
|
.sheet-magie [name='act_modalritualtrue']:hover
|
|
{
|
|
color: #db569b;
|
|
border-color: #db569b;
|
|
}
|
|
|
|
.sheet-modal label input ~ .sheet-reset,
|
|
.sheet-modalritual label input ~ .sheet-reset
|
|
{
|
|
padding : 10px 10px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-weight: 900;
|
|
font-size: 25px ;
|
|
border: none;
|
|
}
|
|
|
|
|
|
.sheet-modal .sheet-path-wrapper,
|
|
.sheet-modalritual .sheet-path-wrapper
|
|
{
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dtHP2bnvZt5nW5OrlmBWTPAg1vLJha3heEq3kFdVtEn4YPewF0hcnC1hbotOHpBOKRgF3Wnej_v1EmYcnYyOheSSIGb000DPbb_buXNlzRz7p0DbtfqYURSqZtFyaH-99_k-6S_JvadR7yfIPQ538z=w231-h245-no?authuser=0');
|
|
height: 80px;
|
|
width: 80px;
|
|
}
|
|
|
|
.sheet-modal .sheet-score,
|
|
.sheet-modalritual .sheet-score
|
|
{
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.sheet-modal .sheet-path-wrapper input,
|
|
.sheet-modalritual .sheet-path-wrapper input
|
|
{
|
|
font-size: 20px;
|
|
margin: 1.5em 0.6em;
|
|
color: black;
|
|
font-weight: 600;
|
|
}
|
|
|
|
|
|
|
|
/*------------ Tabs button ------------- */
|
|
|
|
.sheet-tabstoggle[value="path"] ~ div.sheet-path,
|
|
.sheet-tabstoggle[value="info"] ~ div.sheet-info,
|
|
.sheet-tabstoggle[value="field"] ~ div.sheet-field,
|
|
.sheet-tabstoggle[value="magie"] ~ div.sheet-magie,
|
|
.sheet-tabstoggle[value="stuff"] ~ div.sheet-stuff,
|
|
.sheet-tabstoggle[value="advantage"] ~ div.sheet-advantage {
|
|
display: block;
|
|
}
|
|
|
|
|
|
|
|
.sheet-tabstoggle[value="path"] ~ div [name=act_path],
|
|
.sheet-tabstoggle[value="info"] ~ div [name=act_info],
|
|
.sheet-tabstoggle[value="field"] ~ div [name=act_field],
|
|
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie],
|
|
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff],
|
|
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] {
|
|
color: #db569b;
|
|
border-color: #db569b;
|
|
outline: transparent;
|
|
position: relative;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="path"] ~ div [name=act_path] span,
|
|
.sheet-tabstoggle[value="info"] ~ div [name=act_info] span,
|
|
.sheet-tabstoggle[value="field"] ~ div [name=act_field] span,
|
|
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie] span,
|
|
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff] span,
|
|
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] span {
|
|
position: absolute;
|
|
background-size: contain;
|
|
background-repeat : no-repeat;
|
|
height: 15px;
|
|
width: 15px;
|
|
top: 0;
|
|
opacity: 0;
|
|
transform: translate(0, 0) rotate(-180deg);
|
|
transition: opacity 0.3s, transform 0.5s ease;
|
|
}
|
|
|
|
.sheet-tabstoggle[value="path"] ~ div [name=act_path] span:nth-child(1),
|
|
.sheet-tabstoggle[value="info"] ~ div [name=act_info] span:nth-child(1),
|
|
.sheet-tabstoggle[value="field"] ~ div [name=act_field] span:nth-child(1),
|
|
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie] span:nth-child(1),
|
|
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff] span:nth-child(1),
|
|
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] span:nth-child(1) {
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3csmQHTvBiBqDJne8K2hlMKNFv-CLGVrqfwzvYbJBI47hVM5XVK_m1SZG-j2VT-xaAKQJefSsGgpwhNgUJ9DfFlUP9hdCyBRg00lRoPFdYu7Giva9lI2w7HBQbj1MvEhFIbFTGagxcYdtxlLfRKGg8t4Q=w48-h37-no?authuser=0');
|
|
left: 0;
|
|
transform: translate(4px, 20px) rotate(50deg);
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
.sheet-tabstoggle[value="path"] ~ div [name=act_path] span:nth-child(2),
|
|
.sheet-tabstoggle[value="info"] ~ div [name=act_info] span:nth-child(2),
|
|
.sheet-tabstoggle[value="field"] ~ div [name=act_field] span:nth-child(2),
|
|
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie] span:nth-child(2),
|
|
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff] span:nth-child(2),
|
|
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] span:nth-child(2) {
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dig12iVccXHjyBvw9EHpkd3LnUK53KDY8Nlvcl5L0a3GwuGyKiGHpTE6uOOfukKWPdZ_mW7fJ4VSX3QCDh8mVn8g1JwJTEH7Hw5i3P5Gjc1DfLQItGNkpCZFziCbFKK4Ed5tsPO8PapXsVgbUImpeRmQ=w58-h54-no?authuser=0');
|
|
left: 50%;
|
|
transform: translate(20px, 32px) rotate(23deg);
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
.sheet-tabstoggle[value="path"] ~ div [name=act_path] span:nth-child(3),
|
|
.sheet-tabstoggle[value="info"] ~ div [name=act_info] span:nth-child(3),
|
|
.sheet-tabstoggle[value="field"] ~ div [name=act_field] span:nth-child(3),
|
|
.sheet-tabstoggle[value="magie"] ~ div [name=act_magie] span:nth-child(3),
|
|
.sheet-tabstoggle[value="stuff"] ~ div [name=act_stuff] span:nth-child(3),
|
|
.sheet-tabstoggle[value="advantage"] ~ div [name=act_advantage] span:nth-child(3) {
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3ckNowHdOSTaSsBvuKhb55WlaUBETtUCjRNA8BKNGIdAU0eY0C66t2vozlTStWcVC4BFtnxanKF2fQM5WrhHT0E1pTcT83U12wZY1itkwe7A20yjVhNij02J4knXY2FXsbT_3W7mwligrK0puB4JoIFsg=w61-h43-no?authuser=0');
|
|
left: 90%;
|
|
transform: translate(5px, 20px) rotate(180deg);
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
|
|
/*------------ end Tabs button ------------- */
|
|
|
|
|
|
|
|
.charsheet .sheet-global .sheet-tooltip{
|
|
border: none;
|
|
}
|
|
|
|
.sheet-title{
|
|
font-family: 'Architects Daughter', cursive;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.sheet-mt-2{
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
.sheet-text-center{
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-text-left{
|
|
text-align: left;
|
|
}
|
|
|
|
img{
|
|
max-width: 100%;
|
|
}
|
|
|
|
.sheet-global{
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3cWAcftXDquAPtdF3BEzJaTgNCSRX5QWPPLLm52UHkA5UN527Wc7saEdL99mh0XFBLkoiruQvfih5z2qrj5LxdOhHv-4kx5riKEubxJ_s2kFvfSrZVnDRAITuuk5RA983UgRVQifIcvHLDP-tj4Sj_R=w1153-h825-no?authuser=0');
|
|
background-size: 450px;
|
|
background-position : top right;
|
|
background-repeat: no-repeat;
|
|
padding: 3em;
|
|
}
|
|
|
|
button[type=roll]{
|
|
font-size: 20px;
|
|
font-weight: 900;
|
|
width: auto;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
margin: auto;
|
|
cursor: pointer;
|
|
outline: transparent;
|
|
}
|
|
|
|
button[type=roll]::before{
|
|
transform: rotate(0deg);
|
|
display: inline-block;
|
|
pointer-events: none;
|
|
transition: transform 1s ease-out, color 0.3s ease;
|
|
font-size: 30px;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
button[type=roll]:hover::before{
|
|
color: #db569b;
|
|
}
|
|
|
|
button[type=roll]:active::before{
|
|
transform: rotate(1200deg);
|
|
}
|
|
|
|
|
|
input[type="text"]{
|
|
|
|
border-bottom: 1px solid black;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
textarea{
|
|
max-width: 90%;
|
|
height: auto;
|
|
border: 1px solid black;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
.sheet-number-wrapper{
|
|
height: 31px;
|
|
width: 30px;
|
|
background-image:url('https://lh3.googleusercontent.com/pw/ACtC-3eIdA3Ya3uBghyEaDlUtjqioq_jkS0NE1TF36HyHQcWHZTBaZuetcmgl9oJTCgO7Dn5fkB5VbMfpYAnynQuXxi4VDHnwC3dYakLf1fxSzN-x90rmXI4kBjUD1PRC5gbxai7nILp0RYNJ6WUEYx9Y780=w157-h162-no?authuser=0');
|
|
background-size: cover;
|
|
display: inline-block;
|
|
}
|
|
|
|
.sheet-number-wrapper input{
|
|
background-color: transparent;
|
|
outline: transparent;
|
|
text-align: center;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.sheet-initiative-button .sheet-number-wrapper{
|
|
margin-right: 8px;
|
|
}
|
|
|
|
|
|
/******************** Style grille **********************************/
|
|
|
|
.sheet-row{
|
|
display: block;
|
|
font-family: 'Roboto', sans-serif;
|
|
}
|
|
|
|
.sheet-cell{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
white-space: normal;
|
|
}
|
|
|
|
.sheet-cell-1{
|
|
width: 8.20%;
|
|
}
|
|
|
|
.sheet-cell-2{
|
|
width: 16.2%;
|
|
}
|
|
|
|
.sheet-cell-3{
|
|
width: 24.6%;
|
|
}
|
|
|
|
.sheet-cell-4{
|
|
width: 32.5%;
|
|
}
|
|
|
|
.sheet-cell-5{
|
|
width: 35%;
|
|
}
|
|
|
|
.sheet-cell-6{
|
|
width: 49%;
|
|
}
|
|
|
|
.sheet-cell-7{
|
|
width: 54.5%;
|
|
}
|
|
|
|
.sheet-cell-8{
|
|
width: 65%;
|
|
}
|
|
|
|
.sheet-cell-9{
|
|
width: 69%;
|
|
}
|
|
|
|
.sheet-cell-10{
|
|
width: 78%;
|
|
}
|
|
|
|
.sheet-cell-12{
|
|
width: 100% ;
|
|
}
|
|
|
|
.sheet-nowrap{
|
|
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-mt-1{
|
|
margin-top: 1em;
|
|
}
|
|
|
|
/******************** Style switch **********************************/
|
|
|
|
|
|
|
|
/* The switch - the box around the slider */
|
|
.sheet-switch {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: 60px;
|
|
height: 34px;
|
|
}
|
|
|
|
/* Hide default HTML checkbox */
|
|
.sheet-switch input {
|
|
opacity: 0;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
/* The slider */
|
|
.sheet-switch .sheet-slider {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: white;
|
|
border: 1px solid black;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
border-radius: 34px;
|
|
|
|
}
|
|
|
|
.sheet-switch .sheet-slider:before {
|
|
position: absolute;
|
|
content: "";
|
|
height: 26px;
|
|
width: 26px;
|
|
left: 4px;
|
|
bottom: 4px;
|
|
-webkit-transition: .4s;
|
|
transition: .4s;
|
|
border-radius: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
transform: rotate(0deg);
|
|
background-image : url('https://lh3.googleusercontent.com/pw/ACtC-3eu5eoBQ9_84ZJ1tYcKcFlOw89cacc4eCrHLzJT_tXMXrnJmQuDr38F_J7XS-dyrybAfCqcaJpRQdQtXHGUgzoGY1fE-nLCTKXRgKB9K6TmeefsPYjWjUMPcJyDJMzCtFI0Cf7ToFj0nO5md4qXyXwCZQ=s222-no?authuser=0');
|
|
|
|
}
|
|
|
|
.sheet-switch input:checked + .sheet-slider {
|
|
background-color: #db569b;
|
|
border: 1px solid #db569b;
|
|
}
|
|
|
|
.sheet-switch input:checked + .sheet-slider .sheet-all-text {
|
|
opacity: 0;
|
|
}
|
|
.sheet-switch input + .sheet-slider .sheet-all-text {
|
|
opacity: 1;
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 4px;
|
|
transition: opacity 0.4s ease-out;
|
|
font-family: 'Architects Daughter', cursive;
|
|
|
|
|
|
}
|
|
|
|
.sheet-switch input:checked + .sheet-slider .sheet-gm-text {
|
|
opacity: 1;
|
|
}
|
|
|
|
.sheet-switch input + .sheet-slider .sheet-gm-text {
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 9px;
|
|
left: 7px;
|
|
color: white;
|
|
transition: opacity 0.4s ease-out;
|
|
font-family: 'Architects Daughter', cursive;
|
|
|
|
}
|
|
|
|
.sheet-switch input:focus + .sheet-slider {
|
|
box-shadow: 0 0 1px #db569b;
|
|
}
|
|
|
|
.sheet-switch input:checked + .sheet-slider:before {
|
|
left: 40px;
|
|
transform: rotate(180deg) ;
|
|
}
|
|
|
|
|
|
.sheet-gmroll[value='/w gm '] ~ div button[type=roll]::before{
|
|
color: #db569b;
|
|
}
|
|
|
|
/******************** Style global **********************************/
|
|
|
|
.sheet-header-carac{
|
|
padding-left: 1em ;
|
|
}
|
|
|
|
input {
|
|
border: none;
|
|
background-color: none;
|
|
}
|
|
|
|
.sheet-header input {
|
|
width: calc(100% - 65px);
|
|
}
|
|
|
|
.sheet-initiative-p{
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.sheet-initiative-button{
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
.sheet-initiative-button .sheet-number-wrapper{
|
|
vertical-align: middle;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.sheet-top-body{
|
|
margin: 2em auto;
|
|
}
|
|
|
|
.sheet-top-body .sheet-cell{
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-top-body .sheet-sakura-left{
|
|
max-height: 210px;
|
|
}
|
|
|
|
|
|
.sheet-underligne{
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
.sheet-underligne img{
|
|
max-height: 20px;
|
|
}
|
|
|
|
.sheet-injury {
|
|
padding-left: 29px;
|
|
}
|
|
|
|
.sheet-injury label{
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin: auto;
|
|
max-width: 15px;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sheet-injury label span{
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
|
|
.sheet-injury label span::before{
|
|
position: absolute;
|
|
content: '';
|
|
top: 4px;
|
|
left: 3px;
|
|
height: 10px;
|
|
width: 8px;
|
|
border-radius: 50%;
|
|
z-index: -1;
|
|
border: 1px solid black;
|
|
}
|
|
|
|
.sheet-injury input:checked ~ label span::before{
|
|
background-color: black;
|
|
}
|
|
|
|
.sheet-global .sheet-injury label:hover ~ label span::before, .sheet-global .sheet-injury label:hover span::before, .sheet-global .sheet-injury input:checked ~ label:hover span::before{
|
|
background-color: #db569b;
|
|
}
|
|
|
|
.sheet-cancel{
|
|
color: black;
|
|
}
|
|
|
|
.sheet-cancel:hover{
|
|
color: #db569b;
|
|
}
|
|
|
|
|
|
.sheet-cancel::before{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-injury input{
|
|
width: 0;
|
|
margin: auto;
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
|
|
.sheet-injury .sheet-radios-injury{
|
|
text-align: left;
|
|
direction:rtl;
|
|
}
|
|
|
|
.sheet-injury p{
|
|
margin: auto;
|
|
}
|
|
|
|
|
|
/*************************************************/
|
|
|
|
.sheet-tabs-button{
|
|
background-color: transparent;
|
|
color: black;
|
|
transition : all 0.3s ease;
|
|
border-radius: 0;
|
|
font-family: 'Architects Daughter', cursive;
|
|
font-weight: 900;
|
|
font-size: 18px ;
|
|
margin: 10px;
|
|
margin-top: 1em;
|
|
box-shadow : none;
|
|
border : 1px solid black;
|
|
padding : 10px 18px;
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
.sheet-tabs-button:hover{
|
|
color: #db569b;
|
|
border-color : #db569b;
|
|
}
|
|
|
|
.sheet-checkbox label{
|
|
font-size: 12px;
|
|
font-family: inherit;
|
|
text-align: center;
|
|
font-weight: 100;
|
|
cursor: pointer;
|
|
margin: 0.5em auto;
|
|
display:inline-block;
|
|
width:auto;
|
|
}
|
|
|
|
.sheet-checkbox label span{
|
|
position: relative;
|
|
margin: auto;
|
|
}
|
|
|
|
.sheet-checkbox label input{
|
|
display: none;
|
|
}
|
|
|
|
.sheet-checkbox label input:checked ~ span::before{
|
|
position: absolute;
|
|
top: -2px;
|
|
left: 2px;
|
|
content: '';
|
|
height: 20px;
|
|
width: 20px;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dhky2vWv6abuZOybuIQhCuSm3nooJn0Yi7HzS4pTSkxxLPE9-tCZSyzb2RAI8taT_Sw1-5lYVSmUMRDdF5adDCwtOMRBwJPWX2x6mBzGuMi9pbH7CkES7LU0mhHVx1R6oHQOKPJgVslbTbowebnS6Hgw=w67-h59-no?authuser=0');
|
|
}
|
|
|
|
|
|
.sheet-checkbox label span img{
|
|
max-width:18px;
|
|
}
|
|
|
|
|
|
/*************************************************/
|
|
|
|
|
|
.sheet-field, .sheet-path, .sheet-magie{
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3fTzjmZRH7haOXA72Cii5euWoOjmwJlg0VCo-uaRRpMBQ-UrMaP3Q2ed9bvMjUWThw9S4AFAEdlR0lhFbPN7BEV0ZAu4bZ_MgWSpjh8QjFer8YGxSRE7cdnF652mBz7HgQSN7j5pGj1RRVT-41KMrN9=w599-h937-no?authuser=0');
|
|
background-repeat: no-repeat;
|
|
background-position: bottom left;
|
|
background-size: 200px;
|
|
padding-left: 70px;
|
|
padding-bottom: 50px;
|
|
min-height: 255px;
|
|
}
|
|
|
|
.sheet-path{
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3ctxFZbbFPdCsp6SYlFV-GrZr1CJOPy0sLaJlaUE-btg2D4HMU8IIg1lhuPLa2_o22LbMTUjB_U8HYR_s8KDErbju755lQcMOrsDxSdf1IwVtxaNq3E93wxVTyjPB_HGnjglf883Qmrg7jHbSVQl5VqRA=w354-h937-no?authuser=0');
|
|
padding-left: 91px;
|
|
padding-bottom: 27px;
|
|
}
|
|
|
|
|
|
.sheet-field > .sheet-row > .sheet-cell{
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-spe-cell{
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.sheet-field .sheet-field-name input{
|
|
max-width: calc(100% - 100px);
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-field .sheet-field-row .sheet-number-wrapper{
|
|
text-align: center;
|
|
margin: auto;
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
.sheet-field .sheet-field-row .sheet-number-wrapper input{
|
|
margin-top:20px;
|
|
}
|
|
|
|
.sheet-field .sheet-field-row .sheet-number-wrapper-small .sheet-number-wrapper{
|
|
width: 30px;
|
|
height: 31px;
|
|
}
|
|
.sheet-field .sheet-field-row .sheet-number-wrapper-small .sheet-number-wrapper input{
|
|
margin-top:2px;
|
|
}
|
|
|
|
.repitem:nth-child(1) .sheet-field-row .sheet-underligne, .repitem:nth-child(1) .sheet-spe-row .sheet-underligne, .repitem:nth-child(1) .sheet-weapon-wrapper .sheet-separator{
|
|
display: none;
|
|
}
|
|
.sheet-field-row .sheet-underligne, .sheet-spe-row .sheet-underligne{
|
|
margin: 1em auto;
|
|
}
|
|
|
|
.sheet-field .sheet-roll-field{
|
|
margin: 0.5em auto;
|
|
|
|
}
|
|
|
|
.sheet-slider button{
|
|
border: none;
|
|
outline: transparent;
|
|
background-color: white;
|
|
transition: transform 0.3s ease;
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
.sheet-slider button.sheet-left:active{
|
|
transform: translate(5px, 0);
|
|
}
|
|
|
|
|
|
.sheet-slider button.sheet-right:active {
|
|
transform: translate(-5px, 0);
|
|
}
|
|
|
|
.sheet-slider button img{
|
|
max-width: 15px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-global .sheet-roll-spe{
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.sheet-global .sheet-spe-name{
|
|
max-width: calc(100% - 25px);
|
|
}
|
|
|
|
|
|
/********************************* Avantage ******************************************/
|
|
|
|
.sheet-advantage, .sheet-info, .sheet-stuff {
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dmSz2DDxy6lbHTtwo0nEEWiKS1kIkjW13wZ2Fkd1Jugy16NMmCiaXKrJceko0yunAtRhSSgFNfMlzC4raXP6WF48_O6gqeR_orf84xnj7nwJA2xVY92mexvunhSpDMPXfsJrOi1bR2ybkThPcQgzg1=w644-h937-no?authuser=0');
|
|
background-repeat: no-repeat;
|
|
background-position: bottom right;
|
|
background-size: 250px;
|
|
padding-right: 70px;
|
|
padding-bottom: 50px;
|
|
min-height: 255px;
|
|
}
|
|
|
|
.sheet-stuff{
|
|
background-size: 195px;
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3fdBEOsZ8czMrVM7_BPKOPZGQx-Sr2RvEfH3nL8JT3X2z3eV-nJ52X_ikmVQigsnIZqZxXYHLGaTwjzLVBoajhY19BpfaVCd1wfImA1CUb9MWOW-QYKjNOLwAfRFMHdi3Gz_szFOLuJadIJJqItXzEWHA=w519-h937-no?authuser=0');
|
|
}
|
|
|
|
|
|
.sheet-advantage > .sheet-row > .sheet-cell{
|
|
vertical-align: top;
|
|
}
|
|
|
|
.sheet-advantage > .sheet-row > .sheet-cell input[type=text]{
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
|
|
|
|
/***************************** Voie ****************************************/
|
|
|
|
.sheet-path > .sheet-row > .sheet-cell{
|
|
vertical-align: top;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.sheet-path .sheet-path-wrapper{
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dtHP2bnvZt5nW5OrlmBWTPAg1vLJha3heEq3kFdVtEn4YPewF0hcnC1hbotOHpBOKRgF3Wnej_v1EmYcnYyOheSSIGb000DPbb_buXNlzRz7p0DbtfqYURSqZtFyaH-99_k-6S_JvadR7yfIPQ538z=w231-h245-no?authuser=0');
|
|
height: 70px;
|
|
width: 70px;
|
|
}
|
|
|
|
.sheet-path .sheet-path-wrapper input{
|
|
|
|
margin: 2.1em 1em;
|
|
|
|
}
|
|
|
|
.sheet-aspect-input{
|
|
margin: 1em auto;
|
|
}
|
|
|
|
.sheet-techniques, .sheet-magies{
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-techniques .repitem, .sheet-magies .repitem{
|
|
width: 49%;
|
|
display: inline-block;
|
|
max-width: 450px;
|
|
margin: 1em auto;
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
.sheet-tech-power{
|
|
margin-left: 8px;
|
|
}
|
|
|
|
|
|
/************************* Stuff *****************************/
|
|
|
|
.sheet-stuff-number{
|
|
border-bottom: 1px solid black;
|
|
margin: 0 5px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.sheet-dgt-p{
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.sheet-weapon-wrapper{
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.sheet-weapon-wrapper .sheet-separator{
|
|
margin: 2em auto;
|
|
margin-bottom: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.sheet-weapon-wrapper .sheet-separator img{
|
|
margin: auto;
|
|
width: 40%;
|
|
max-width: 200px;
|
|
}
|
|
|
|
|
|
/* rolltemplate */
|
|
|
|
.sheet-rolltemplate-sakura{
|
|
background-color: white;
|
|
background-image: url(https://imgsrv.roll20.net/?src=https%3A//lh3.googleusercontent.com/pw/ACtC-3cWAcftXDquAPtdF3BEzJaTgNCSRX5QWPPLLm52UHkA5UN527Wc7saEdL99mh0XFBLkoiruQvfih5z2qrj5LxdOhHv-4kx5riKEubxJ_s2kFvfSrZVnDRAITuuk5RA983UgRVQifIcvHLDP-tj4Sj_R%3Dw1153-h825-no%3Fauthuser%3D0);
|
|
background-size: 150px;
|
|
background-position: 93% 9px;
|
|
background-repeat: no-repeat;
|
|
color: black;
|
|
padding: 0 10px;
|
|
padding-top: 26px;
|
|
text-align: center;
|
|
border: 1px solid black;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.sheet-template-header {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.sheet-rolltemplate-sakura .sheet-roll-result{
|
|
background-image: url('https://lh3.googleusercontent.com/pw/ACtC-3dtHP2bnvZt5nW5OrlmBWTPAg1vLJha3heEq3kFdVtEn4YPewF0hcnC1hbotOHpBOKRgF3Wnej_v1EmYcnYyOheSSIGb000DPbb_buXNlzRz7p0DbtfqYURSqZtFyaH-99_k-6S_JvadR7yfIPQ538z=w231-h245-no?authuser=0');
|
|
height: 70px;
|
|
width: 70px;
|
|
display: inline-block;
|
|
background-size: contain;
|
|
font-size: 16px;
|
|
margin: 20px auto 10px;
|
|
}
|
|
|
|
.sheet-rolltemplate-sakura .sheet-roll-result span{
|
|
display: inline-block;
|
|
padding-top: 28px;
|
|
font-size: 18px;
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.sheet-rolltemplate-sakura .sheet-roll-result.sheet-fullcrit{
|
|
color: #3FB315;
|
|
}
|
|
.sheet-rolltemplate-sakura .sheet-roll-result.sheet-fullfail{
|
|
color: #B31515;
|
|
}
|
|
|
|
.sheet-rolltemplate-sakura .sheet-template-desc{
|
|
display: block;
|
|
padding: 10px 0;
|
|
padding-top: 20px;
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-sakura .sheet-template-note{
|
|
display: block;
|
|
padding: 0;
|
|
margin-bottom: 1em;
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
.sheet-rolltemplate-sakura .sheet-roll-injury{
|
|
margin-bottom: 1em;
|
|
font-size: 12px;
|
|
}
|
|
/***************************************/
|
|
|
|
.sheet-tooltip {
|
|
position: relative;
|
|
display: inline-block;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.sheet-tooltip .sheet-tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: black;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
border-radius: 6px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
bottom: 100%;
|
|
left: 50%;
|
|
margin-left: -60px;
|
|
}
|
|
|
|
.sheet-tooltip:hover .sheet-tooltiptext {
|
|
visibility: visible;
|
|
}
|
|
|
|
.sheet-tooltip .sheet-tooltiptext::after {
|
|
content: " ";
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
border-width: 10px;
|
|
border-style: solid;
|
|
border-color: black transparent transparent transparent;
|
|
}
|
|
|
|
|