Le-Pelican
fa8afd1dc1
Bonjour Mises à jour : - Modification de la mise en page, plus courte - Champs Nom et Prénom modifiés au profit de Nom (en lien avec le nom du personnage de la feuille = character_name) - Modification de l'aspect des boutons pour les tests (dé pour les jets, carte pour le tirage de tarot) - Correction orthographe (Losirs->Loisirs) Ajouts : - Ajout d'une case à cocher pour passer à l'aspect Feuille du MJ - Feuille du MJ (possibilité d'ajouter les portraits des personnages en saisissant l'URL de l'image). Bien cordialement Le Pelican
475 lines
8.5 KiB
CSS
475 lines
8.5 KiB
CSS
|
|
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica&display=swap');
|
|
|
|
.charsheet {
|
|
background-image:url("https://mj.lepelican2000.fr/wp-content/uploads/2022/07/fond.png");
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 100%;
|
|
background-position:center top;
|
|
/* box-sizing: content-box; */
|
|
background-color:#D0D0D0;
|
|
width: 1050px;
|
|
/*max-height : 2000px;*/
|
|
min-width:1050px;
|
|
max-width:1050px;
|
|
/*height:1400px;*/
|
|
border: 5px solid #000000;
|
|
|
|
}
|
|
|
|
.charsheet button[type="roll"].sheet-d20:before{
|
|
content: ' ';
|
|
}
|
|
|
|
.charsheet button[type="roll"].sheet-d20:hover{
|
|
background-position: 0;
|
|
}
|
|
|
|
.charsheet button[type="roll"].sheet-d20{
|
|
background-image: url("https://mj.lepelican2000.fr/wp-content/uploads/2022/08/D20.png");
|
|
background-size: 26px 26px;
|
|
background-repeat: no-repeat;
|
|
width: 26px;
|
|
height: 26px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.charsheet button[type="roll"].sheet-carte:before{
|
|
content: ' ';
|
|
}
|
|
|
|
.charsheet button[type="roll"].sheet-carte:hover{
|
|
background-position: 0;
|
|
}
|
|
|
|
.charsheet button[type="roll"].sheet-carte{
|
|
/*background-image: url("https://mj.lepelican2000.fr/wp-content/uploads/2022/08/cartes2.png"); */
|
|
background-image: url("https://www.arkhane-asylum.fr/wp-content/uploads/2018/11/m_final_b-353x500.jpg");
|
|
background-size: 20px 30px;
|
|
background-repeat: no-repeat;
|
|
width: 20px;
|
|
height: 30px;
|
|
border-style: none;
|
|
background-color: transparent;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
|
|
div.sheet-option{
|
|
color:gray;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.sheet-ligne{
|
|
width:90%;
|
|
margin-left:5%;
|
|
margin-top:40px;
|
|
}
|
|
|
|
.sheet-ligne2{
|
|
width:90%;
|
|
margin-left:5%;
|
|
}
|
|
|
|
.sheet-ligne3{
|
|
width:90%;
|
|
margin-left:5%;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.sheet-ligne4{
|
|
width:100%;
|
|
margin-left:0%;
|
|
margin-bottom:10px;
|
|
border-bottom: 2px solid black;
|
|
}
|
|
|
|
.sheet-ligne5{
|
|
width:100%;
|
|
margin-left:0%;
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
max-height: 300px;
|
|
margin:auto;
|
|
padding:auto;
|
|
}
|
|
|
|
|
|
table,tr,td {
|
|
background-color:#FFFFFF;
|
|
border:2px solid black;
|
|
padding:2px;
|
|
}
|
|
|
|
table {
|
|
margin:auto;
|
|
/*width:80%;*/
|
|
}
|
|
|
|
h1 {
|
|
font-size:30px;
|
|
text-align:left;
|
|
color:white;
|
|
background-color: black;
|
|
font-family:"IM Fell DW Pica";
|
|
padding-left:5px;
|
|
}
|
|
|
|
h2 {
|
|
font-size:14px;
|
|
text-align:left;
|
|
font-weight:bold;
|
|
display:inline;
|
|
}
|
|
|
|
h3 {
|
|
font-size:14px;
|
|
text-align:center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
textarea {
|
|
resize: none;
|
|
border:2px solid #000000;
|
|
height:300px;
|
|
width:99%;
|
|
color:black;
|
|
background-color:#FFFFFF;
|
|
}
|
|
|
|
|
|
div.sheet-etatcivil {
|
|
font-size:16px;
|
|
align-content:left;
|
|
font-weight:bold;
|
|
display:inline;
|
|
font-family:"IM Fell DW Pica";
|
|
vertical-align:middle;
|
|
}
|
|
|
|
div.sheet-biograph {
|
|
font-size:16px;
|
|
align-content:left;
|
|
font-weight:bold;
|
|
display:inline;
|
|
font-family:"IM Fell DW Pica";
|
|
vertical-align:middle;
|
|
}
|
|
|
|
input.sheet-civil {
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
align-content:left;
|
|
display:inline;
|
|
border:0px;
|
|
color:black;
|
|
background:none;
|
|
font-family:"Patrick Hand";
|
|
vertical-align:middle;
|
|
|
|
}
|
|
|
|
input.sheet-portrait {
|
|
display:inline;
|
|
border-top:0px;
|
|
border-left:0px;
|
|
border-right:0px;
|
|
border-bottom:1px;
|
|
border-bottom-style:groove;
|
|
border-color:black;
|
|
color:black;
|
|
background:none;
|
|
vertical-align:middle;
|
|
|
|
}
|
|
|
|
input.sheet-bio {
|
|
font-size:20px;
|
|
font-weight:bold;
|
|
align-content:left;
|
|
display:inline;
|
|
/*border-top:0px;
|
|
border-left:0px;
|
|
border-right:0px;
|
|
border-bottom:2px;
|
|
border-bottom-style:groove;
|
|
border-color:maroon;*/
|
|
border:0px;
|
|
color:black;
|
|
background:none;
|
|
font-family:"Patrick Hand";
|
|
vertical-align:middle;
|
|
}
|
|
|
|
input.sheet-aptphys {
|
|
font-size:18px;
|
|
align-content:center;
|
|
text-align:center;
|
|
display:inline;
|
|
border:0px;
|
|
width:25px;
|
|
color:black;
|
|
font-family:"IM Fell DW Pica";
|
|
}
|
|
|
|
input.sheet-autrescarac {
|
|
font-size:30px;
|
|
align-content:center;
|
|
text-align:center;
|
|
display:inline;
|
|
border:0px;
|
|
width:100px;
|
|
color:black;
|
|
font-family:"IM Fell DW Pica";
|
|
}
|
|
|
|
div.sheet-caracteristiques {
|
|
font-size:20px;
|
|
margin:auto;
|
|
font-weight:bold;
|
|
display:inline;
|
|
font-family:"IM Fell DW Pica";
|
|
}
|
|
|
|
div.sheet-titrecaracteristiques {
|
|
font-size:18px;
|
|
margin:auto;
|
|
font-weight:bold;
|
|
display:inline;
|
|
color:white;
|
|
font-family:"IM Fell DW Pica";
|
|
}
|
|
|
|
td.sheet-carac {
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
height:40px;
|
|
}
|
|
|
|
td.sheet-titrecarac {
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
height:40px;
|
|
background:black;
|
|
}
|
|
|
|
div.sheet-centrenotes {
|
|
/*width:79%;*/
|
|
margin-left:10%;
|
|
margin-right:11%;
|
|
}
|
|
|
|
select.sheet-lames {
|
|
width:120px;
|
|
font-family:"IM Fell DW Pica";
|
|
}
|
|
|
|
select.sheet-lamesmj {
|
|
width:100px;
|
|
font-family:"IM Fell DW Pica";
|
|
}
|
|
|
|
div.sheet-jeu {
|
|
margin:auto;
|
|
display:inline;
|
|
font-family:"IM Fell DW Pica";
|
|
text-align:center;
|
|
}
|
|
|
|
td.sheet-lame {
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
/* ROLLETEMPLATES */
|
|
|
|
/*TEST */
|
|
.sheet-rolltemplate-test div.sheet-template-container {
|
|
border: 2px solid #000000 !important;
|
|
border-radius: 3px 3px 3px 3px;
|
|
background-color:white;
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-test img {
|
|
max-height: 250px;
|
|
vertical-align:middle;
|
|
margin:0px 50px;
|
|
|
|
}
|
|
|
|
|
|
.sheet-rolltemplate-test .sheet-template-header {
|
|
background-color: black;
|
|
|
|
color: #FFFFFF;
|
|
padding: 2px;
|
|
border-bottom: 1px solid black;
|
|
line-height: 1.6em;
|
|
font-size: 1.2em;
|
|
text-align:center;
|
|
}
|
|
|
|
.sheet-rolltemplate-test div {
|
|
padding: 5px;
|
|
/* border-bottom: 2px solid black;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-test .sheet-template-nomlame {
|
|
color : black;
|
|
font-size : 2em;
|
|
text-align : center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .sheet-template-resultatreussite {
|
|
color : olive;
|
|
font-size : 1em;
|
|
text-align : center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .sheet-template-resultatreussitepart {
|
|
color : teal;
|
|
font-size : 1em;
|
|
text-align : center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .sheet-template-resultatreussitecritique {
|
|
color : green;
|
|
font-size : 1em;
|
|
text-align : center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .sheet-template-resultatechec {
|
|
color : red;
|
|
font-size : 1em;
|
|
text-align : center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .sheet-template-resultatecheccritique {
|
|
color : maroon;
|
|
font-size : 1em;
|
|
text-align : center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .sheet-template-resultateffet {
|
|
color : black;
|
|
/* font-size : 1em;*/
|
|
text-align : left;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-test .sheet-template-info {
|
|
color : black;
|
|
/* font-size : 1.5em;*/
|
|
text-align : center;
|
|
font-weight:bold;
|
|
}
|
|
|
|
|
|
|
|
.sheet-rolltemplate-test div:nth-child(odd) {
|
|
/* background-color: #FFFFFF;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-test div:nth-child(even) {
|
|
/* background-color: #FFFFFF;*/
|
|
}
|
|
|
|
.sheet-rolltemplate-test .inlinerollresult {
|
|
display: inline-block;
|
|
min-width: 1.5em;
|
|
font-size:medium;
|
|
text-align: center;
|
|
border: 0px solid #000000 !important;
|
|
background-color:#FFFFFF;
|
|
}
|
|
|
|
|
|
/*Menu*/
|
|
|
|
div.sheet-tab-content {
|
|
display: none;
|
|
font-size: 12px;
|
|
font-family:"IM Fell DW Pica";
|
|
}
|
|
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2,
|
|
input.sheet-tab3:checked ~ div.sheet-tab3,
|
|
input.sheet-tab4:checked ~ div.sheet-tab4 {
|
|
display: block;
|
|
font-size: 12px;
|
|
font-family:"IM Fell DW Pica";
|
|
}
|
|
|
|
|
|
input.sheet-tab {
|
|
width: 250px;
|
|
height: 30px;
|
|
position: relative;
|
|
color: #5C2E05;
|
|
vertical-align: middle;
|
|
left: 200px;
|
|
margin: -82px;
|
|
cursor: pointer;
|
|
z-index: 2;
|
|
opacity: 0;
|
|
font-family:"IM Fell DW Pica";
|
|
}
|
|
|
|
input.sheet-tab+span::before {
|
|
content: attr(title);
|
|
border: solid 1px #c8c8c8;
|
|
background: #f2ece5;
|
|
border-color: black;
|
|
text-align: center;
|
|
color:gray;
|
|
display: inline-block;
|
|
width: 250px;
|
|
height: 30px;
|
|
z-index: 1;
|
|
font-family:"IM Fell DW Pica";
|
|
font-size:1.5em;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
input.sheet-tab:checked+span::before {
|
|
background: black;
|
|
color:#ffffff;
|
|
font-weight: bold;
|
|
font-family:"IM Fell DW Pica";
|
|
font-size:1.8em;
|
|
|
|
}
|
|
|
|
div.sheet-showPJ,
|
|
input.sheet-mjsheet:checked ~ div.sheet-showMJ{
|
|
display:inline;
|
|
}
|
|
|
|
div.sheet-showMJ,
|
|
input.sheet-mjsheet:checked ~ div.sheet-showPJ {
|
|
display:none;
|
|
}
|
|
|
|
input.sheet-mjsheet {
|
|
opacity:30%;
|
|
}
|
|
|
|
|
|
|