Files
roll20-character-sheets-tester/ChroniquesGalactiques/cog.css
T
NathaTerrien 0a6cd33a9e Chroniques Galactiques v1.0
New character sheet (french) for the Chroniques Galactiques scifi RPG.
2016-07-11 01:38:22 +02:00

313 lines
6.4 KiB
CSS

/* Couleurs
Base bleu = #2F5860
Bleu light = #7F989D
Dégradé fond : 575D51 9B9E99 CECBC4 DDDAD2 ECEDE8 FDFEFD
*/
div,
button,
textarea,
span,
input,
select,
table,
tr,
td,
th{
box-sizing: border-box;
font-family: Verdana;
font-size: 12px;
/* vertical-align:top; */
}
div.sheet-mainBg{
width: 850px;
background: linear-gradient(#9B9E99, #CECBC4, #DDDAD2, #ECEDE8, #FDFEFD);
text-align: center;
border: 2px solid #2F5860;
border-radius: 10px;
padding: 6px 0px 6px 0px;
}
table{
width:100%;
border-collapse: collapse;
}
table.sheet-tabsep{
border-collapse: separate;
border-spacing: 4px 2px;
}
.sheet-imghr{
width: 820px;
height: 5px;
padding: 0px;
/* box-shadow: 1px 1px 8px #555; */
}
.sheet-boxtitre{
font-family: 'Contrail One';
font-size: 15px;
background-color: #2F5860;
text-align: center;
font-style: normal;
/* font-weight: bold; */
text-transform: capitalize;
color: white;
border:none;
white-space: nowrap;
padding: 2px 4px 2px 4px;
}
.sheet-boxtitresmall{
font-family: 'Contrail One';
font-size: 13px;
background-color: #2F5860;
text-align: center;
font-style: normal;
font-weight: normal;
color: white;
border:none;
white-space: nowrap;
padding: 1px 2px 1px 2px;
vertical-align: top;
}
.sheet-boxinput{
background-color: white;
text-align: center;
font-style: normal;
font-weight: normal;
color: black;
border: 1px solid #2F5860;
white-space: nowrap;
}
.sheet-boxinputleft{
background-color: white;
text-align: left;
font-style: normal;
font-weight: normal;
color: black;
border: 1px solid #2F5860;
white-space: nowrap;
}
.sheet-boxinputlight{
background-color: white;
text-align: center;
font-style: normal;
font-weight: normal;
color: black;
border: 1px solid #7F989D;
white-space: nowrap;
}
.sheet-boxvoie{
background-color: white;
text-align: left;
font-style: normal;
font-weight: normal;
color: black;
border-top: none;
border-bottom: 1px dotted #2F5860;
border-left: 1px solid #2F5860;
border-right: 1px solid #2F5860;
white-space: nowrap;
}
.sheet-textfat{
font-family: 'Contrail One';
font-size: 15px;
font-weight: bold;
color: #2F5860;
border: none;
text-align: center;
}
.sheet-textfatleft{
font-family: 'Contrail One';
font-size: 15px;
font-weight: bold;
color: #2F5860;
border: none;
text-align: left;
padding-left: 4px;
padding-right: 4px;
}
.sheet-textbase{
font-family: 'Contrail One';
font-size: 14px;
color: #2F5860;
border: none;
text-align: center;
}
.sheet-textbasesmall{
color: #2F5860;
border: none;
font-size:11px;
}
.sheet-texttitresmall{
color: white;
font-size: 8px;
font-weight: normal;
}
button[type="roll"].sheet-boxtitre{
height:20px;
font-family: 'Contrail One';
font-size: 15px;
font-weight: normal;
text-decoration:none;
background:none;
background-image:none;
border: none;
box-shadow: none;
text-shadow: none;
}
button[type="roll"].sheet-boxtitre:hover{
font-weight: bold;
background-color:#7F989D;
border: 1px solide white;
}
button[type="roll"].sheet-neutre{
color: #2F5860;
font-weight: normal;
font-size: 20px;
text-decoration:none;
background:none;
background-image:none;
border: none;
box-shadow: none;
text-shadow: none;
padding: 0px;
margin: 0px;
}
button[type="roll"].sheet-neutre:hover{
font-weight: bold;
}
input, select{
border: none;
box-shadow: none;
max-height: 22px;
padding: 0px;
margin: 0px;
}
select.sheet-carac{
width: 62px;
}
select.sheet-selectmin{
width: 18px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="number"]{
width: 60px;
text-align: right;
}
input[type="text"]{
width: 100%;
text-align: left;
padding-left: 4px;
}
input[disabled]{
background-color: white;
font-style: italic;
}
input:not([disabled]):hover{
background-color: #7F989D;
}
select:not([disabled]):hover{
background-color: #7F989D;
}
input.sheet-nobox{
border-bottom: 2px dotted #2F5860;
}
textarea{
border: none;
box-shadow: none;
padding: 1px;
margin: 0px;
height: 1.5em;
resize: vertical;
vertical-align:top;
}
textarea.sheet-voixdesc{
resize: none;
height: 100%;
overflow-y: auto;
}
/* TEMPLATES */
.sheet-rolltemplate-co1 .sheet-imghr{
width: 176px;
height: 4px;
padding: 0px;
margin: 0px;
}
.sheet-rolltemplate-co1 table {
width: 189px;
padding: 2px;
border: 1px solid #2F5860;
border-radius: 6px;
background-color: #ffffff;
}
.sheet-rolltemplate-co1 th {
color: #2F5860;
margin: 0px;
padding: 0px 5px 0px 5px;
font-size: 16px;
text-align: left;
font-family: 'Contrail One';
font-variant: small-caps;
font-weight: bold;
white-space: nowrap;
}
.sheet-rolltemplate-co1 .sheet-subheader {
color: #000;
font-size: 12px;
font-style: italic;
font-family: 'Verdana';
font-variant: small-caps;
text-align: right;
white-space: nowrap;
}
.sheet-rolltemplate-co1 .sheet-tcat {
font-family: 'Verdana';
font-size: 12px;
font-weight: normal;
text-align: right;
padding-right: 2px;
}
.sheet-rolltemplate-co1 td {
margin: 0px;
padding: 0px 5px 0px 5px;
font-family: 'Verdana';
font-size: 12px;
font-weight: normal;
white-space: nowrap;
}
.sheet-rolltemplate-co1 .inlinerollresult {
background-color: rgba(255,255,255,0.9);
border-width: 1px;
border-color: #7F989D;
border-style: solid;
border-radius: 25%;
font-family: 'Contrail One';
font-size: 18px;
}
.sheet-rolltemplate-co1 .inlinerollresult.fullcrit {
color: #3FB315;
border-width: 2px;
border-color: #3FB315;
border-style: solid;
border-radius: 25%;
font-family: 'Contrail One';
font-size: 18px;
}
.sheet-rolltemplate-co1 .inlinerollresult.fullfail {
color: #B31515;
border-width: 2px;
border-color: #B31515;
border-style: solid;
border-radius: 25%;
font-family: 'Contrail One';
font-size: 18px;
}
.sheet-rolltemplate-co1 .inlinerollresult.importantroll {
color: #2F5860;
border-width: 2px;
border-color: #2F5860;
border-style: solid;
border-radius: 25%;
font-family: 'Contrail One';
font-size: 18px;
}