Files
roll20-character-sheets/Shaan/shaan.css
T
2017-11-09 14:43:23 +01:00

633 lines
10 KiB
CSS

.charsheet {
font-family: cursive,'Times New Roman', Times, serif;
background: url('https://github.com/DiChim/roll20-character-sheets/raw/master/Shaan/shaan_bg.jpg');
font-size: 15px;
}
select {
background-color: transparent;
border: 0 solid #000;
border-bottom-width: 1px;
border-left-width: 1px;
height:25px;
/*font-size: 12px;*/
font-family: cursive,'Times New Roman', Times, serif;
font-size: 12px;
width : 110px;
}
textarea{
width:95%;
background-color: transparent;
border: 0 solid #000;
border-bottom-width: 1px;
border-left-width: 1px;
font-family: cursive,'Times New Roman', Times, serif;
}
textarea.sheet-pouvoir{
height: 60px;
}
textarea.sheet-motivation{
height: 60px;
}
button[type="roll"].sheet-rollbase {
color: #538079;
background: transparent;
border: none;
border-radius: 0px;
font-size: 30pt;
}
button[type="roll"].sheet-rollnecrose {
color: #000000;
background: transparent;
border: none;
border-radius: 0px;
font-size: 30pt;
}
button[type="roll"]:hover{
font-weight: bold;
text-shadow: 0px 0px 2px #FB667E;
}
input[type="text"] {
background-color: transparent;
border: 0 solid #000;
border-bottom-width: 1px;
border-left-width: 1px;
height:22px;
font-family: cursive,'Times New Roman', Times, serif;
font-size: 12px;
width : 130px;
}
input[type="number"] {
background-color: transparent;
border-bottom-width: 1px;
border-left-width: 1px;
font-family: cursive,'Times New Roman', Times, serif;
font-size: 12px;
text-align:center;
}
.charsheet table {
width: 100%;
}
.charsheet td {
padding: 0px 2px 0px 2px;
border: 0px solid red;
vertical-align: text-top;
}
.charsheet th {
padding: 5px;
border: 0 solid #000;
background-color: #538079;
color: #FFF;
}
img {
vertical-align:top;
}
img.sheet-logo{
height:120px;
}
input[type="number"].sheet-chiffre {
width : 60px;
}
input[type="number"].sheet-ame-base{
border:none;
/*border-bottom: 2px solid #6793BA;*/
color:#6793BA;
font-size: 25px;
height:30px;
width:60px;
font-style:bold;
}
input[type="number"].sheet-ame{
border:none;
border-bottom: 2px solid #6793BA;
color:#6793BA;
font-size: 15px;
}
input[type="number"].sheet-ame-b{
border:none;
color:#6793BA;
font-size: 20px;
}
input[type="number"].sheet-corps-base{
border:none;
color:#CA6D54;
font-size: 25px;
height:30px;
width:60px;
font-style:bold;
}
input[type="number"].sheet-corps{
border:none;
border-bottom: 2px solid #CA6D54;
color:#CA6D54;
font-size: 15px;
}
input[type="number"].sheet-corps-b{
border:none;
color:#CA6D54;
font-size: 20px;
}
input[type="number"].sheet-esprit-base{
border:none;
color:#BC9B6A;
font-size: 25px;
height:30px;
width:60px;
font-style:bold;
}
input[type="number"].sheet-esprit{
border:none;
border-bottom: 2px solid #BC9B6A;
color:#BC9B6A;
font-size: 15px;
}
input[type="number"].sheet-esprit-b{
border:none;
color:#BC9B6A;
font-size: 20px;
}
input[type="number"].sheet-necrose-base{
border:none;
/*border-bottom: 2px solid #6793BA;*/
color:#6D6F71;
font-size: 25px;
height:30px;
width:60px;
font-style:bold;
}
input[type="number"].sheet-necrose{
border:none;
border-bottom: 2px solid #6D6F71;
color:#6D6F71;
font-size: 15px;
}
.sheet-contenant-cercle{
clear: both;
position:relative;
top:0px;
left:0px;
width: 740px;
height:670px;
border: 0px solid blue;
}
.sheet-cercle{
position:absolute;
top:0px;
left:70px;
width: 660px;
border: 0px solid green;
}
.sheet-ame-d{
position:absolute;
top:270px;
left:252px;
text-align: center;
}
.sheet-art{
position:absolute;
top:42px;
left:92px;
text-align: center;
}
.sheet-art-base{
position:absolute;
top:75px;
left:145px;
text-align: center;
}
.sheet-shaan{
position:absolute;
top:5px;
left:245px;
text-align: center;
}
.sheet-shaan-base{
position:absolute;
top:30px;
left:303px;
text-align: center;
}
.sheet-magie{
position:absolute;
top:42px;
left:505px;
text-align: center;
}
.sheet-magie-base{
position:absolute;
top:75px;
left:452px;
text-align: center;
}
.sheet-corps-d{
position:absolute;
top:420px;
left:305px;
text-align: center;
}
.sheet-rituel{
position:absolute;
top:205px;
left:635px;
text-align: center;
}
.sheet-rituel-base{
position:absolute;
top:235px;
left:575px;
text-align: center;
}
.sheet-survie{
position:absolute;
top:372px;
left:635px;
text-align: center;
}
.sheet-survie-base{
position:absolute;
top:397px;
left:575px;
text-align: center;
}
.sheet-combat{
position:absolute;
top:543px;
left:551px;
text-align: center;
}
.sheet-combat-base{
position:absolute;
top:533px;
left:495px;
text-align: center;
}
.sheet-esprit-d{
position:absolute;
top:370px;
left:170px;
text-align: center;
}
.sheet-social{
position:absolute;
top:205px;
left:-37px;
text-align: center;
}
.sheet-social-base{
position:absolute;
top:235px;
left:20px;
text-align: center;
}
.sheet-savoir{
position:absolute;
top:372px;
left:-37px;
text-align: center;
}
.sheet-savoir-base{
position:absolute;
top:397px;
left:20px;
text-align: center;
}
.sheet-technique{
position:absolute;
top:543px;
left:42px;
text-align: center;
}
.sheet-technique-base{
position:absolute;
top:533px;
left:100px;
text-align: center;
}
.sheet-necrose-d{
position:absolute;
top:620px;
left:240px;
text-align: center;
}
.sheet-necrose-d-base{
position:absolute;
top:605px;
left:298px;
text-align: center;
}
th.sheet-esprit{
color: #FFF;
background-color: #BC9B6A;
width: 25%;
}
th.sheet-ame{
color: #FFF;
background-color: #6793BA;
width: 25%;
}
th.sheet-corps{
color: #FFF;
background-color: #CA6D54;
width: 25%;
}
th.sheet-necrose{
color: #FFF;
background-color: #6D6F71;
width: 25%;
}
.sheet-repetition select{
width : 90px;
}
.sheet-repetition input[type="text"] {
width : 190px;
}
.sheet-repetition input[type="number"] {
width: 50px;
}
/* Roll template */
.sheet-rolltemplate-shaan-base table{
width: 100%;
background-color: #FFFFFF;
border: 1px solid;
color: black;
font-size: 1em;
font-family: cursive,'Times New Roman', Times, serif;
}
.sheet-rolltemplate-shaan-base th{
background-color:#538079;
margin: 5px;
padding: 3px;
color: #FFFFFF;
font-size: 102%;
}
.sheet-rolltemplate-shaan-base td{
margin: 5px;
padding: 3px;
background-color:#FFFFFF;
height: 35px;
}
.sheet-rolltemplate-shaan-base tr.sheet-de_ame{
/*background-color:#6793BA;*/
}
.sheet-rolltemplate-shaan-base td.sheet-de_ame{
color:#6793BA;
font-family: 'dicefontd10';
font-size: 400%;
}
.sheet-rolltemplate-shaan-base td.sheet-de_ame_jet{
color:#6793BA;
background-color: transparent;
padding: 6px;
font-size: large;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.sheet-rolltemplate-shaan-base tr.sheet-de_esprit{
/*background-color:#BC9B6A;;*/
}
.sheet-rolltemplate-shaan-base td.sheet-de_esprit{
color:#BC9B6A;
font-family: 'dicefontd10';
font-size: 400%;
}
.sheet-rolltemplate-shaan-base td.sheet-de_esprit_jet{
color:#BC9B6A;
background-color: transparent;
padding: 6px;
font-size: large;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.sheet-rolltemplate-shaan-base tr.sheet-de_corps{
/*background-color:#CA6D54;*/
}
.sheet-rolltemplate-shaan-base td.sheet-de_corps{
color:#CA6D54;
font-family: 'dicefontd10';
font-size: 400%;
}
.sheet-rolltemplate-shaan-base td.sheet-de_corps_jet{
color:#CA6D54;
background-color: transparent;
padding: 6px;
font-size: large;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.sheet-rolltemplate-shaan-base .inlinerollresult {
background-color: #ffffff;
border: none;
}
.sheet-rolltemplate-shaan-base .inlinerollresult.fullcrit {
border: none;
}
.sheet-rolltemplate-shaan-base .inlinerollresult.fullfail {
border: none;
}
.sheet-rolltemplate-shaan-base .inlinerollresult.importantroll {
border: none;
}
.sheet-rolltemplate-shaan-necrose table{
width: 100%;
background-color: #FFFFFF;
border: 1px solid;
color: ##000000;
font-size: 1em;
font-family: cursive,'Times New Roman', Times, serif;
}
.sheet-rolltemplate-shaan-necrose th{
background-color:#538079;
margin: 5px;
padding: 3px;
color: #FFFFFF;
font-size: 102%;
}
.sheet-rolltemplate-shaan-necrose td{
margin: 5px;
padding: 3px;
background-color:#FFFFFF;
height: 35px;
}
.sheet-rolltemplate-shaan-necrose td.sheet-de_necrose{
color:#000000;
font-family: 'dicefontd10';
font-size: 400%;
}
.sheet-rolltemplate-shaan-base .inlinerollresult {
background-color: #FFFFFF;
border: none;
}
.sheet-rolltemplate-shaan-base .inlinerollresult.fullcrit {
border: none;
}
.sheet-rolltemplate-shaan-base .inlinerollresult.fullfail {
border: none;
}
.sheet-rolltemplate-shaan-base .inlinerollresult.importantroll {
border: none;
}
/* Fin Roll template*/
/* === fieldset button === */
div.repcontrol{
display: inline-block;
width: 100%;
}
.repcontrol_move{
height: 11px;
line-height: 11px;
margin-top: 4px;
}
.repcontrol_del {
height: 22px;
line-height: 12px;
margin-top: 4px;
width: 30px;
}
.repcontrol_add, .repcontrol_edit {
color: transparent;
box-shadow: none;
background: transparent;
border-color: transparent;
text-shadow:none;
width: 100px;
}
.repcontrol_add:focus, .repcontrol_edit:focus {
outline: none;
}
.repcontrol .repcontrol_edit:after {
content: 'y';
visibility: visible;
font-family: pictos;
border: 1px solid transparent;
border-radius: 2px;
font-size: 20px;
height: 20px;
width: 20px;
padding: 2px 4px 2px 4px;
color: rgba(177,121,63,0.7);
}
.editmode ~ .repcontrol .repcontrol_edit:after {
content: '2';
}
.repcontrol .repcontrol_add:before {
content: '+';
visibility: visible;
font-family: pictos;
border: 1px solid transparent;
border-radius: 2px;
font-size: 20px;
height: 20px;
width: 20px;
padding: 2px 4px 2px 4px;
color: rgba(177,121,63,0.7);
}
.repcontrol .repcontrol_edit:hover:after,
.repcontrol .repcontrol_add:hover:before
{
box-shadow: 1px 1px 4px 2px rgba(147,35,21,0.8);
border-color: #CF3134;
color: #CF3134;
}
.repcontrol_add:focus:before, .repcontrol_edit:focus:after {
color: #CF3134;
}
/* === Fin fieldset button === */