Files
roll20-character-sheets/COPS/COPS.css
T
2017-11-27 14:40:04 +01:00

1033 lines
17 KiB
CSS

input[type="number"]
{
width:30px;
text-align:center;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button
{
-webkit-appearance: none;
margin: 0;
}
input[type="number"]
{
-moz-appearance:textfield;
}
input[type="text"]
{
width:150px;
}
input[type="text"].sheet-long
{
width:100%;
}
input[type="number"].sheet-long
{
width:100%;
}
input[type="date"]
{
width:130px;
}
select
{
margin:0px;
width:100% !important;
}
h1
{
font-family:verdana, sans-serif;
font-size:150%;
color:navy;
background-color:transparent;
text-align:center;
}
h2
{
font-family:verdana, sans-serif;
font-size:100%;
color:maroon;
background-color:transparent;
text-align:left;
margin:10px;
}
h3
{
font-family:verdana, sans-serif;
font-size:100%;
color:black;
background-color:transparent;
text-align:left;
}
textarea
{
margin:0px;
padding:0px;
}
div.sheet-overflow
{
overflow:auto;
}
.sheet-inlineTable
{
display:inline-table;
vertical-align:top;
}
.sheet-top
{
vertical-align:top;
}
.sheet-paddingLeft5px
{
padding-left:11px !important;
}
.sheet-dBleu
{
background-color:blue;
color:white;
}
.sheet-CSSTableLeft
{
float:left;
}
.sheet-CSSTableRight
{
float:right;
}
.sheet-CSSTable
{
border:1px solid black;
}
.sheet-CSSTable th
{
font-size: 1.3em;
font-weight:normal;
}
.sheet-CSSTable tr
{
vertical-align:middle;
text-align:left;
font-size:12px;
padding:5px;
font-family:Trebuchet MS;
font-weight:normal;
color:#000000;
}
.sheet-CSSTable td,
.sheet-CSSTable th
{
text-align:left;
padding-right:2px;
padding-left:2px;
}
.sheet-CSSTable tr:nth-child(even)
{
background-color:Silver;
}
.sheet-CSSTable tr:nth-child(odd)
{
background-color:DarkGray ;
}
.sheet-CSSTable td:nth-child(odd)
{
border-left:1px solid black;
}
.sheet-CSSTableComp
{
border:1px solid black;
}
.sheet-CSSTableComp th
{
font-size: 1.3em;
font-weight:normal;
}
.sheet-CSSTableComp tr
{
vertical-align:middle;
text-align:left;
font-size:12px;
padding:5px;
font-family:Trebuchet MS;
font-weight:normal;
color:#000000;
}
.sheet-CSSTableComp td,
.sheet-CSSTableComp th
{
text-align:left;
padding-right:2px;
padding-left:2px;
}
.sheet-CSSTableComp tr:nth-child(even)
{
background-color:Silver;
}
.sheet-CSSTableComp tr:nth-child(odd)
{
background-color:DarkGray ;
}
.sheet-CSSTableHeader
{
border-collapse:unset;
}
.sheet-CSSTableHeader th
{
font-size: 1.3em;
font-weight:normal;
}
.sheet-CSSTableHeader tr
{
vertical-align:middle;
text-align:left;
font-size:12px;
padding:5px;
font-family:Trebuchet MS;
font-weight:normal;
color:#000000;
}
.sheet-CSSTableHeader td,
.sheet-CSSTableHeader th
{
text-align:left;
padding-right:2px;
padding-left:2px;
border-right:1px solid black;
border-left:1px solid black;
}
.sheet-CSSTableHeader th:first-child
{
background-color:Silver;
border-top-left-radius:30px;
border-top-right-radius:30px;
text-align:center;
font-weight:bold;
}
.sheet-CSSTableHeader tr
{
background-color:DarkGray;
}
.sheet-CSSTableInventaire
{
border-collapse:unset;
border-bottom:1px solid black;
}
.sheet-CSSTableInventaire th
{
font-size: 1.3em;
text-align:center;
font-weight:bold;
}
.sheet-CSSTableInventaire tr
{
vertical-align:middle;
text-align:left;
font-size:12px;
padding:5px;
font-family:Trebuchet MS;
font-weight:normal;
color:#000000;
}
.sheet-CSSTableInventaire tr:nth-child(odd)
{
background-color:Silver;
}
.sheet-CSSTableInventaire tr:nth-child(even)
{
background-color:DarkGray ;
}
.sheet-CSSTableInventaire td,
.sheet-CSSTableInventaire th
{
padding-right:2px;
padding-left:2px;
}
.sheet-CSSTableInventaire td.sheet-bRight,
.sheet-CSSTableInventaire th.sheet-bRight
{
border-right:1px solid black;
}
.sheet-CSSTableInventaire td.sheet-bLeft,
.sheet-CSSTableInventaire th.sheet-bLeft
{
border-left:1px solid black;
}
.sheet-CSSTableInventaire tr.sheet-header,
.sheet-CSSTableInventaire tr.sheet-bottom
{
background-color:transparent !important;
}
.sheet-CSSTableInventaire th.sheet-header
{
background-color:Silver;
border-top-left-radius:30px;
border-top-right-radius:30px;
border-right:1px solid black;
border-left:1px solid black;
border-top:1px solid black;
}
.sheet-CSSTableInventaire th.sheet-bottom
{
background-color:Silver;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
border-right:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
}
.sheet-CSSTablePRepeat
{
padding:0px !important;
}
.sheet-CSSTableLangueRepeat td
{
border:0px;
}
.sheet-CSSTableCarac
{
margin-top:10px !important;
border:1px solid black;
margin:auto;
}
.sheet-CSSTableCarac th
{
font-size: 1.3em;
font-weight:normal;
}
.sheet-CSSTableCarac tr
{
vertical-align:middle;
text-align:left;
font-size:12px;
padding:5px;
font-family:Trebuchet MS;
font-weight:normal;
color:#000000;
}
.sheet-CSSTableCarac td,
.sheet-CSSTableCarac th
{
text-align:center;
width:14%;
}
.sheet-CSSTableCarac td:nth-child(even),
.sheet-CSSTableCarac th:nth-child(even)
{
background-color:Silver;
}
.sheet-CSSTableCarac td:nth-child(odd),
.sheet-CSSTableCarac th:nth-child(odd)
{
background-color:DarkGray ;
}
.sheet-CSSTableSI
{
width:calc(100% - 200px) !important;
}
.sheet-CSSTableStat
{
margin:0px;padding:0px;
width:100%;
border:1px solid #000000;
}
.sheet-CSSTableStat table
{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;
padding:0px;
}
.sheet-CSSTableStatRepeat
{
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;
padding:0px;
}
.sheet-CSSTableStatRepeat tr,
.sheet-CSSTableStatRepeat td
{
vertical-align:middle;
border:1px solid #000000;
border-width:0px 1px 1px 1px;
text-align:center;
padding:6px;
font-size:14px;
font-family:Trebuchet MS;
font-weight:normal;
color:#000000;
}
.sheet-CSSTableNoTop
{
border-top-width:0px;
}
.sheet-CSSTableNoBottom
{
border-bottom-width:0px;
}
.sheet-height170px
{
height:170px;
}
.sheet-width100
{
width:100%;
}
.sheet-width90
{
width:90%;
}
.sheet-width70
{
width:70%;
}
.sheet-width50
{
width:50%;
}
.sheet-width49
{
width:49%;
}
.sheet-width45
{
width:45%;
}
.sheet-width30
{
width:30%;
}
.sheet-width20
{
width:20%;
}
.sheet-width65px
{
width:65px;
}
.sheet-height90px
{
height:90px;
}
.sheet-center
{
text-align:center;
}
.sheet-marginCenter
{
margin:auto;
}
.sheet-marginTop10
{
margin-top:10px;
}
.sheet-marginBottom10
{
margin-bottom:10px;
}
.sheet-CSSTableStat tr:nth-child(odd)
{
background-color:#e5e5e5;
}
.sheet-CSSTableStat tr:nth-child(even)
{
background-color:transparent;
}
.sheet-CSSTableStat td
{
vertical-align:middle;
border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:center;
padding:6px;
font-size:14px;
font-family:Trebuchet MS;
font-weight:normal;
color:#000000;
}
.sheet-CSSTableStat tr:last-child td
{
border-width:0px 1px 0px 0px;
}
.sheet-CSSTableStat tr td:last-child
{
border-width:0px 0px 1px 0px;
}
.sheet-CSSTableStat tr:last-child td:last-child
{
border-width:0px 0px 0px 0px;
}
.sheet-CSSTableStat tr:first-child td
{
background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
background: -o-linear-gradient(top,#4c4c4c,000000);
background-color:#4c4c4c;
border:0px solid #000000;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:Trebuchet MS;
font-weight:bold;
color:#ffffff;
}
.sheet-CSSTableStat tr:first-child:hover td
{
background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
background: -o-linear-gradient(top,#4c4c4c,000000);
background-color:#4c4c4c;
}
.sheet-CSSTableStat tr:first-child td:first-child
{
border-width:0px 0px 1px 0px;
}
.sheet-CSSTableStat tr:first-child td:last-child
{
border-width:0px 0px 1px 1px;
}
input.sheet-cButton
{
height: 22px;
cursor: pointer;
z-index: 1;
opacity: 0;
position:relative;
}
input.sheet-cButton + span::before
{
content: attr(title);
text-align: center;
display: inline-block;
height: 20px;
position:relative;
font-size: 14px;
font-weight:bold;
border:1px solid black;
box-shadow: 2px 2px 3px 0px #000000;
background: Silver;
}
input.sheet-cButton:checked + span::before
{
box-shadow: 0px 0px 7px 0px #000000 inset;
}
input.sheet-buttonStage:checked ~ table.sheet-stages,
input.sheet-buttonContact:checked ~ table.sheet-contact
{
display:table;
}
table.sheet-stages,
table.sheet-contact
{
display:none;
}
.sheet-width40px
{
width:40px;
}
input.sheet-width40px + span::before
{
width:38px;
margin-left:-40px;
}
.sheet-width40px
{
width:40px;
}
.sheet-width80px
{
width:80px;
}
input.sheet-width80px + span::before
{
width:78px;
margin-left:-80px;
}
.sheet-width120px
{
width:120px;
}
input.sheet-width120px + span::before
{
width:118px;
margin-left:-120px;
}
.sheet-width150px
{
width:150px;
}
input.sheet-width150px + span::before
{
width:148px;
margin-left:-150px;
}
.sheet-noBorderBottom
{
border-bottom:none;
}
.sheet-mButton
{
height: 21px !important;
position: relative;
top: -8px;
cursor: pointer;
z-index: 1;
opacity: 0;
margin-top: 6px;
margin-bottom: -10px;
}
.sheet-mButton + span::before
{
content: attr(title);
text-align: center;
display: inline-block;
height: 20px;
font-size: 14px;
font-weight: bold;
border: 1px solid black;
position: relative;
color: white;
border-top-right-radius: 1em 1em;
border-top-left-radius: 1em 1em;
margin-bottom: -1px;
background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
background: -o-linear-gradient(top,#4c4c4c,000000);
background-color:#4c4c4c;
}
.sheet-mButtonNext250
{
left:-2px;
}
.sheet-mButtonNext250 + span::before
{
margin-left:-254px !important;
}
.sheet-mButtonNext200
{
left:-6px;
}
.sheet-mButtonNext200 + span::before
{
margin-left:-206px !important;
}
.sheet-mButtonNext150_1 + span::before
{
margin-left:-156px !important;
}
.sheet-mButtonNext150_1
{
left:-4px;
}
.sheet-mButtonNext150_2 + span::before
{
margin-left:-158px !important;
}
.sheet-mButtonNext150_2
{
left:-7px;
}
.sheet-mButtonNext125_1 + span::before
{
margin-left:-135px !important;
}
.sheet-mButtonNext125_1
{
left:-10px;
}
.sheet-mButton:checked + span::before
{
border-bottom: 1px solid darkgray;
background: transparent repeating-linear-gradient(DimGray, Gray, DarkGray) repeat scroll 0% 0% !important;
}
.sheet-mButtonW125
{
width: 125px;
}
.sheet-mButtonW125 + span::before
{
width: 125px;
margin-left: -125px;
}
.sheet-mButtonW150
{
width: 150px;
}
.sheet-mButtonW150 + span::before
{
width: 150px;
margin-left: -150px;
}
.sheet-mButtonW200
{
width: 200px;
}
.sheet-mButtonW200 + span::before
{
width: 200px;
margin-left: -200px;
}
.sheet-mButtonW250
{
width: 250px;
}
.sheet-mButtonW250 + span::before
{
width: 250px;
margin-left: -250px;
}
input.sheet-m1:checked ~ div.sheet-m1,
input.sheet-m2:checked ~ div.sheet-m2,
input.sheet-m3:checked ~ div.sheet-m3,
input.sheet-m4:checked ~ div.sheet-m4,
input.sheet-m5:checked ~ div.sheet-m5,
input.sheet-m6:checked ~ div.sheet-m6
{
display:block;
}
div.sheet-menu
{
display:none;
background: transparent repeating-linear-gradient(DarkGray, Gray, DimGray) repeat scroll 0% 0%;
border: 1px solid black;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
border-top-right-radius: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
overflow:auto;
min-width:818px;
}
button[type=roll].sheet-carac-button::before
{
font-family: Trebuchet MS;
content: '';
width:100%;
}
button[type=roll].sheet-carac-button
{
width:100%;
margin:0px !important;
}
/*TEMPLATES*/
.sheet-rolltemplate-base table tr.sheet-header,
.sheet-rolltemplate-base table tr.sheet-bottom,
.sheet-rolltemplate-armement table tr.sheet-header,
.sheet-rolltemplate-armement table tr.sheet-bottom,
.sheet-rolltemplate-protection table tr.sheet-header,
.sheet-rolltemplate-protection table tr.sheet-bottom
{
background-color:transparent !important;
}
.sheet-rolltemplate-base table th.sheet-header,
.sheet-rolltemplate-armement table th.sheet-header,
.sheet-rolltemplate-protection table th.sheet-header
{
background-color:Silver;
border-top-left-radius:30px;
border-top-right-radius:30px;
border-right:1px solid black;
border-left:1px solid black;
border-top:1px solid black;
}
.sheet-rolltemplate-base table td.sheet-bottom,
.sheet-rolltemplate-armement table td.sheet-bottom,
.sheet-rolltemplate-protection table td.sheet-bottom
{
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
border-right:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
height:15px;
}
.sheet-rolltemplate-base table,
.sheet-rolltemplate-armement table,
.sheet-rolltemplate-protection table
{
border-collapse:unset;
width:100%;
}
.sheet-rolltemplate-base table th,
.sheet-rolltemplate-armement table th,
.sheet-rolltemplate-protection table th
{
font-size: 1.3em;
text-align:center;
font-weight:bold;
}
.sheet-rolltemplate-base table tr,
.sheet-rolltemplate-armement table tr,
.sheet-rolltemplate-protection table tr
{
vertical-align:middle;
text-align:left;
font-size:12px;
padding:5px;
font-family:Trebuchet MS;
font-weight:normal;
color:#000000;
}
.sheet-rolltemplate-base table th,
.sheet-rolltemplate-armement table th,
.sheet-rolltemplate-protection table th
{
border-left:1px solid black;
border-right:1px solid black;
}
.sheet-rolltemplate-base table td:nth-child(odd),
.sheet-rolltemplate-base table th:nth-child(odd),
.sheet-rolltemplate-armement table td:nth-child(odd),
.sheet-rolltemplate-armement table th:nth-child(odd),
.sheet-rolltemplate-protection table td:nth-child(odd),
.sheet-rolltemplate-protection table th:nth-child(odd)
{
border-left:1px solid black;
}
.sheet-rolltemplate-base table td:nth-child(even),
.sheet-rolltemplate-armement table td:nth-child(even),
.sheet-rolltemplate-protection table td:nth-child(even)
{
border-right:1px solid black;
width:30%;
text-align:center !important;
}
.sheet-rolltemplate-base table tr:nth-child(odd) td,
.sheet-rolltemplate-base table tr:nth-child(odd) th,
.sheet-rolltemplate-armement table tr:nth-child(odd) td,
.sheet-rolltemplate-armement table tr:nth-child(odd) th,
.sheet-rolltemplate-protection table tr:nth-child(odd) td,
.sheet-rolltemplate-protection table tr:nth-child(odd) th
{
background-color:Silver;
}
.sheet-rolltemplate-base table tr:nth-child(even) td,
.sheet-rolltemplate-base table tr:nth-child(even) th,
.sheet-rolltemplate-armement table tr:nth-child(even) td,
.sheet-rolltemplate-armement table tr:nth-child(even) th,
.sheet-rolltemplate-protection table tr:nth-child(even) td,
.sheet-rolltemplate-protection table tr:nth-child(even) th
{
background-color:DarkGray;
}
.sheet-rolltemplate-base table td,
.sheet-rolltemplate-base table th,
.sheet-rolltemplate-armement table td,
.sheet-rolltemplate-armement table th,
.sheet-rolltemplate-protection table td,
.sheet-rolltemplate-protection table th
{
padding-right:2px;
padding-left:2px;
}
.sheet-rolltemplate-base .inlinerollresult,
.sheet-rolltemplate-armement .inlinerollresult,
.sheet-rolltemplate-protection .inlinerollresult
{
background-color: transparent;
border: none;
}
.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-armement .inlinerollresult.fullcrit ,
.sheet-rolltemplate-protection .inlinerollresult.fullcrit
{
border: none;
}
.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-armement .inlinerollresult.fullfail,
.sheet-rolltemplate-protection .inlinerollresult.fullfail
{
border: none;
}
.sheet-rolltemplate-base .inlinerollresult.importantroll,
.sheet-rolltemplate-armement .inlinerollresult.importantroll,
.sheet-rolltemplate-protection .inlinerollresult.importantroll
{
border: none;
}
.sheet-rolltemplate-base .sheet-CSSTablePRepeat,
.sheet-rolltemplate-armement .sheet-CSSTablePRepeat,
.sheet-rolltemplate-protection .sheet-CSSTablePRepeat
{
padding:0px !important;
}
.sheet-rolltemplate-base .sheet-width50,
.sheet-rolltemplate-armement .sheet-width50,
.sheet-rolltemplate-protection .sheet-width50
{
width:50%;
}