diff --git a/Shaan (tabbed)/Shaan (tabbed).css b/Shaan (tabbed)/Shaan (tabbed).css index 53734ef1a1..ea5ca0a748 100644 --- a/Shaan (tabbed)/Shaan (tabbed).css +++ b/Shaan (tabbed)/Shaan (tabbed).css @@ -11,6 +11,7 @@ input.sheet-tab2:checked ~ div.sheet-tab2, input.sheet-tab3:checked ~ div.sheet-tab3, input.sheet-tab4:checked ~ div.sheet-tab4, input.sheet-tab5:checked ~ div.sheet-tab5 + { display:block; } @@ -354,7 +355,7 @@ th.sheet-necrose{ input.sheet-magie-perception { opacity: 0; - margin: 20px 0 0 20px; + margin: -200px 0 0 20px; width: 193px; height: 200px; cursor: pointer; @@ -362,7 +363,7 @@ input.sheet-magie-perception } /* Fake checkbox */ input.sheet-magie-perception + span::before { - margin: -120px 0 0 -192px; + margin: -220px 0 0 -192px; content: url(https://nsm09.casimages.com/img/2019/02/04//1902040327276857316107231.jpg); width: 192px; height: 200px; @@ -375,6 +376,7 @@ input.sheet-magie-perception:checked + span::before { input.sheet-magie-non-perception { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -395,6 +397,7 @@ input.sheet-magie-non-perception:checked + span::before { input.sheet-magie-mutation { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -415,6 +418,7 @@ input.sheet-magie-mutation:checked + span::before { input.sheet-magie-deplacement { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -435,6 +439,7 @@ input.sheet-magie-deplacement:checked + span::before { input.sheet-magie-controle { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -456,6 +461,7 @@ input.sheet-magie-controle:checked + span::before { input.sheet-magie-moi { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -476,6 +482,7 @@ input.sheet-magie-moi:checked + span::before { input.sheet-magie-lui { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -496,6 +503,7 @@ input.sheet-magie-lui:checked + span::before { input.sheet-magie-limbes { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -516,6 +524,7 @@ input.sheet-magie-limbes:checked + span::before { input.sheet-magie-objet { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -536,6 +545,7 @@ input.sheet-magie-objet:checked + span::before { input.sheet-magie-animal { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -556,6 +566,7 @@ input.sheet-magie-animal:checked + span::before { input.sheet-magie-vegetal { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -563,7 +574,7 @@ input.sheet-magie-vegetal } /* Fake checkbox */ input.sheet-magie-vegetal + span::before { - margin: 0 0 0 -192px; + margin: 200px 0 0 -192px; content: url(https://nsm09.casimages.com/img/2019/02/04//1902040437316857316107304.jpg); width: 192px; height: 200px; @@ -576,6 +587,7 @@ input.sheet-magie-vegetal:checked + span::before { input.sheet-magie-air { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -596,6 +608,7 @@ input.sheet-magie-air:checked + span::before { input.sheet-magie-eau { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -616,6 +629,7 @@ input.sheet-magie-eau:checked + span::before { input.sheet-magie-feu { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -636,6 +650,7 @@ input.sheet-magie-feu:checked + span::before { input.sheet-magie-terre { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -657,6 +672,7 @@ input.sheet-magie-terre:checked + span::before { input.sheet-magie-freq-jour { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -677,6 +693,7 @@ input.sheet-magie-freq-jour:checked + span::before { input.sheet-magie-freq-situation { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -697,6 +714,7 @@ input.sheet-magie-freq-situation:checked + span::before { input.sheet-magie-freq-2tours { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -718,6 +736,7 @@ input.sheet-magie-freq-2tours:checked + span::before { input.sheet-magie-freq-tour { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -738,6 +757,7 @@ input.sheet-magie-freq-tour:checked + span::before { input.sheet-magie-portee-contact { opacity: 0; + margin: -200px 0 0 100px; width: 193px; height: 201px; cursor: pointer; @@ -745,7 +765,7 @@ input.sheet-magie-portee-contact } /* Fake checkbox */ input.sheet-magie-portee-contact + span::before { - margin: 0 0 0 -192px; + margin: -200px 0 0 -192px; content: url(https://nsm09.casimages.com/img/2019/02/05//1902051233126857316107870.jpg); width: 192px; height: 200px; @@ -758,6 +778,7 @@ input.sheet-magie-portee-contact:checked + span::before { input.sheet-magie-portee-interaction { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -778,6 +799,7 @@ input.sheet-magie-portee-interaction:checked + span::before { input.sheet-magie-portee-distance { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -799,6 +821,7 @@ input.sheet-magie-portee-distance:checked + span::before { input.sheet-magie-portee-horizon { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -819,6 +842,7 @@ input.sheet-magie-portee-horizon:checked + span::before { input.sheet-magie-1cible { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -839,6 +863,7 @@ input.sheet-magie-1cible:checked + span::before { input.sheet-magie-2cibles { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -859,6 +884,7 @@ input.sheet-magie-2cibles:checked + span::before { input.sheet-magie-cibles-magie2 { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -880,6 +906,7 @@ input.sheet-magie-cibles-magie2:checked + span::before { input.sheet-magie-cibles-magie { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -900,6 +927,7 @@ input.sheet-magie-cibles-magie:checked + span::before { input.sheet-magie-duree-tour { opacity: 0; + margin: -200px 0 0 100px; width: 193px; height: 201px; cursor: pointer; @@ -920,6 +948,7 @@ input.sheet-magie-duree-tour:checked + span::before { input.sheet-magie-duree-magie3 { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -940,6 +969,7 @@ input.sheet-magie-duree-magie3:checked + span::before { input.sheet-magie-duree-heure { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; @@ -961,6 +991,7 @@ input.sheet-magie-duree-heure:checked + span::before { input.sheet-magie-duree-jour { opacity: 0; + margin: -200px 0 0 0; width: 193px; height: 201px; cursor: pointer; diff --git a/Shaan (tabbed)/Shaan (tabbed).html b/Shaan (tabbed)/Shaan (tabbed).html index 31331131f9..32c32807da 100644 --- a/Shaan (tabbed)/Shaan (tabbed).html +++ b/Shaan (tabbed)/Shaan (tabbed).html @@ -5,19 +5,20 @@