387 lines
8.0 KiB
CSS
387 lines
8.0 KiB
CSS
* {
|
|
box-sizing: border-box;
|
|
}
|
|
/* ---- DIV ----- */
|
|
div{
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
text-align: center;
|
|
}
|
|
div.sheet-main{
|
|
padding: 4px;
|
|
width: 850px;
|
|
background: white;
|
|
text-align:center;
|
|
font-family: 'Verdana';
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: #AAAAAA;
|
|
}
|
|
div.sheet-ligne{
|
|
display: block;
|
|
width: 100%;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
margin: 1px 0px 1px 0px;
|
|
/* border: 1px solid red; */
|
|
}
|
|
div.sheet-mycol{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
/* border: 1px solid blue; */
|
|
}
|
|
div.sheet-mycolbrd{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
border: 1px solid black;
|
|
border-radius: 6px;
|
|
text-align: center;
|
|
padding: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
div.sheet-libeldesc{
|
|
color: black;
|
|
display: block;
|
|
font-size: 0.7em;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
margin-bottom: 1px;
|
|
}
|
|
div.sheet-libel1{
|
|
color: black;
|
|
display: inline-block;
|
|
font-size: 0.9em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
width: 65px;
|
|
text-transform: uppercase;
|
|
margin-bottom: 4px;
|
|
}
|
|
div.sheet-libel2{
|
|
color: black;
|
|
display: inline-block;
|
|
font-size: 1.5em;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
width: 50px;
|
|
text-transform: uppercase;
|
|
margin-bottom: 4px;
|
|
}
|
|
div.sheet-libel3{
|
|
color: black;
|
|
display: inline-block;
|
|
font-size: 1.3em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 100px;
|
|
text-transform: uppercase;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
/* --------------------- */
|
|
/* ------ ONGLETS ------ */
|
|
/* --------------------- */
|
|
div.sheet-onglcer1,
|
|
div.sheet-onglcer2,
|
|
div.sheet-onglcer3,
|
|
div.sheet-onglcer4{
|
|
display: none;
|
|
width: 100%;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
margin: 1px 0px 1px 0px;
|
|
/* border: 1px solid #DD5633; */
|
|
/* border-radius: 0px 6px 6px 6px; */
|
|
padding: 3px;
|
|
z-index: 0;
|
|
}
|
|
input[type="radio"].sheet-onglcer1,
|
|
input[type="radio"].sheet-onglcer2,
|
|
input[type="radio"].sheet-onglcer3,
|
|
input[type="radio"].sheet-onglcer4{
|
|
margin: 0;
|
|
margin-top: -4px;
|
|
margin-bottom: -4px;
|
|
padding: 0;
|
|
display: inline-block;
|
|
opacity: 0;
|
|
width: 110px;
|
|
height: 25px;
|
|
z-index: 2;
|
|
}
|
|
input[type="radio"].sheet-onglcer1 + span,
|
|
input[type="radio"].sheet-onglcer2 + span,
|
|
input[type="radio"].sheet-onglcer3 + span,
|
|
input[type="radio"].sheet-onglcer4 + span{
|
|
color: #666666;
|
|
background-color: #DDDDDD;
|
|
font-size:15px;
|
|
text-align:center;
|
|
display: inline-block;
|
|
width: 110px;
|
|
height: 28px;
|
|
margin: 0;
|
|
margin-left: -110px;
|
|
margin-right: -5px;
|
|
padding:0;
|
|
margin-bottom: -2px;
|
|
padding-top: 5px;
|
|
font-size: 0.9em;
|
|
text-transform: uppercase;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-left-color: black;
|
|
border-top-color: black;
|
|
border-right-color: black;
|
|
border-bottom-color: black;
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
z-index: 1;
|
|
}
|
|
input[type="radio"].sheet-onglcer1:checked + span ,
|
|
input[type="radio"].sheet-onglcer2:checked + span ,
|
|
input[type="radio"].sheet-onglcer3:checked + span ,
|
|
input[type="radio"].sheet-onglcer4:checked + span {
|
|
font-weight: bold;
|
|
color: black;
|
|
background-color: white;
|
|
border-left-color: black;
|
|
border-top-color: black;
|
|
border-right-color: black;
|
|
border-bottom-color: white;
|
|
}
|
|
input[type="radio"].sheet-onglcer1:checked ~ div.sheet-onglcer1{
|
|
display: block;
|
|
}
|
|
input[type="radio"].sheet-onglcer2:checked ~ div.sheet-onglcer2{
|
|
display: block;
|
|
}
|
|
input[type="radio"].sheet-onglcer3:checked ~ div.sheet-onglcer3{
|
|
display: block;
|
|
}
|
|
input[type="radio"].sheet-onglcer4:checked ~ div.sheet-onglcer4{
|
|
display: block;
|
|
}
|
|
|
|
/* --------------------- */
|
|
/* --------FORMS-------- */
|
|
/* --------------------- */
|
|
select.sheet-short {
|
|
width: 80px;
|
|
}
|
|
|
|
/* ---- INPUT ----- */
|
|
input{
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
color: black;
|
|
font-family: cursive;
|
|
font-weight: normal;
|
|
border-radius: 0px;
|
|
}
|
|
input[type="text"]{
|
|
padding: 0px 0px 1px 2px;
|
|
border-width: 0px 0px 1px 0px;
|
|
border-style: solid;
|
|
}
|
|
input[type="text"].sheet-biginp{
|
|
font-size: 1.2em;
|
|
/* font-weight: bold; */
|
|
}
|
|
input[type="number"]{
|
|
text-align: right;
|
|
border-width: 0px 1px 1px 0px;
|
|
border-style: solid;
|
|
}
|
|
input[type="number"].sheet-inpnum1c{
|
|
width: 25px;
|
|
}
|
|
input[type="number"].sheet-inpnum2c{
|
|
width: 35px;
|
|
}
|
|
input[type="number"].sheet-inpnum2cbig{
|
|
width: 35px;
|
|
font-size: 140%;
|
|
/* margin-bottom: 4px; */
|
|
}
|
|
input[type="number"].sheet-inpnum2cboxed{
|
|
/* border: 1px solid black; */
|
|
width: 35px;
|
|
}
|
|
input.sheet-long {
|
|
width: 500px;
|
|
}
|
|
input.sheet-medium {
|
|
width: 90px;
|
|
}
|
|
input.sheet-short {
|
|
width: 60px;
|
|
}
|
|
|
|
input.sheet-extrashort {
|
|
width: 40px;
|
|
}
|
|
textarea {
|
|
resize:none;
|
|
font-weight: normal;
|
|
font-family: cursive;
|
|
}
|
|
textarea.sheet-text2col {
|
|
width: 400px;
|
|
}
|
|
textarea.sheet-text3col {
|
|
width: 95%;
|
|
}
|
|
/* --------------------- */
|
|
/* --------TEXT--------- */
|
|
/* --------------------- */
|
|
label.sheet-avent2 {
|
|
font-size:10px;
|
|
margin-top:0px;
|
|
margin-bottom:0px;
|
|
}
|
|
/* --------------------- */
|
|
/* -------BOUTONS------- */
|
|
/* --------------------- */
|
|
button[type=roll].sheet-btRoll20,
|
|
button[type=roll].sheet-btRoll20Green,
|
|
button[type=roll].sheet-btRoll20Red,
|
|
button[type=roll].sheet-btRoll20big,
|
|
button[type=roll].sheet-btDesc,
|
|
button[type=roll].sheet-btLien{
|
|
color: black;
|
|
padding:0;
|
|
margin: 0;
|
|
border:none;
|
|
background:none;
|
|
opacity: 0.5;
|
|
}
|
|
button[type=roll]:hover{
|
|
opacity: 1.0;
|
|
}
|
|
button[type=roll].sheet-btRoll20 {
|
|
height: 1.3em;
|
|
width: 1.3em;
|
|
line-height: 1.3em;
|
|
}
|
|
button[type=roll].sheet-btRoll20:before {
|
|
font-size: 1.3em;
|
|
}
|
|
button[type=roll].sheet-btRoll20Green {
|
|
height: 1em;
|
|
width: 1em;
|
|
line-height: 1em;
|
|
background-color: #b6d7a8;
|
|
display: block;
|
|
}
|
|
button[type=roll].sheet-btRoll20Green:before {
|
|
font-size: 0.8em;
|
|
}
|
|
button[type=roll].sheet-btRoll20Red {
|
|
height: 1em;
|
|
width: 1em;
|
|
line-height: 1em;
|
|
background-color: #ea9999;
|
|
display: block;
|
|
}
|
|
button[type=roll].sheet-btRoll20Red:before {
|
|
font-size: 0.8em;
|
|
}
|
|
button[type=roll].sheet-btRoll20big{
|
|
height: 2em;
|
|
width: 2em;
|
|
line-height: 2em;
|
|
}
|
|
button[type=roll].sheet-btRoll20big:before {
|
|
font-size: 2em;
|
|
}
|
|
button[type=roll].sheet-btDesc{
|
|
color: black;
|
|
height: 18px;
|
|
width: 18px;
|
|
line-height: 16px;
|
|
opacity: 0.4;
|
|
}
|
|
button[type=roll].sheet-btDesc:before{
|
|
font-family: "Pictos";
|
|
font-size: 1.0em;
|
|
content: 'i';
|
|
}
|
|
button[type=roll].sheet-btDesc:hover{
|
|
opacity: 1.0;
|
|
}
|
|
button[type=roll].sheet-btLien:before{
|
|
font-family: "Pictos";
|
|
font-size: 0.9em;
|
|
content: 'G';
|
|
width: 1em;
|
|
vertical-align: top;
|
|
}
|
|
button[type=roll].sheet-btLien:hover{
|
|
opacity: 1.0;
|
|
}
|
|
|
|
/* --------------------- */
|
|
/* ----SWITCH PJ/PNJ---- */
|
|
/* --------------------- */
|
|
div.sheet-block_b {
|
|
display: none;
|
|
}
|
|
input.sheet-block_switch:checked ~ div.sheet-block_a {
|
|
display: none;
|
|
}
|
|
input.sheet-block_switch:checked ~ div.sheet-block_b {
|
|
display: inline;
|
|
}
|
|
input.sheet-block_switch:not(:checked) ~ span:after {
|
|
content:" PNJ";
|
|
}
|
|
input.sheet-block_switch:checked ~ span:after {
|
|
content:" PJ";
|
|
}
|
|
|
|
/* --------------------- */
|
|
/* ----- TEMPLATES ----- */
|
|
/* --------------------- */
|
|
.sheet-rolltemplate-jet div {
|
|
background: palegoldenrod;
|
|
border: 1px solid black;
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
width: 100%;
|
|
}
|
|
|
|
.sheet-rolltemplate-jet div > h3{
|
|
color: black;
|
|
text-align: center;
|
|
margin-bottom: 2px;
|
|
font-size: 130%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-jet div > h4{
|
|
color: firebrick;
|
|
text-align: center;
|
|
margin-bottom: 2px;
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-jet div > h5{
|
|
text-align: center;
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-rolltemplate-jet div > div{
|
|
border: none;
|
|
padding: 0px;
|
|
font-weight: bold;
|
|
} |