Files
roll20-character-sheets-tester/Masks - A New Generation/masks.css
T

598 lines
20 KiB
CSS

p {
font-family: Arial, Helvetica, sans-serif; !important;
}
.charsheet .sheet-maindiv label {
display: inline-block;
width: auto;
margin-left: 5px;
}
/* horizontal dividing line */
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
}
/* cityscape banner */
.charsheet .sheet-maindiv .sheet-section-header {
background: url('http://i.imgur.com/VzFYeyS.png') repeat-x left center transparent;
height: 45px;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
/* entire column sizing & background */
.charsheet .sheet-maindiv .sheet-col.sheet-odd{
background: #d3e5f5 url('http://i.imgur.com/b61mWlr.png') repeat left top;
margin: 0px;
width: 235px;
}
.charsheet .sheet-maindiv .sheet-col.sheet-even{
background: #d3e5f5 url('http://i.imgur.com/b61mWlr.png') repeat left top;
margin-left: 25px;
margin-right: 25px;
width: calc(99% - 520px);
}
/* Freak, Danger etc titles */
.charsheet .sheet-maindiv label.sheet-name {
width: 105px;
font-weight: bold;
font-size: 1.5em;
line-height: 0.1em;
}
/* Conditions roll title */
.charsheet .sheet-maindiv label.sheet-nameconditions {
width: 122px;
font-size: 1.5em;
line-height: 0.1em;
}
/* Sum of Labels title */
.charsheet .sheet-maindiv label.sheet-netlabels {
width: 122px;
line-height: 0.1em;
margin-left: 37px;
}
.sheet-attr-box .sheet-locked{
display: none;
}
.sheet-attr-box .sheet-statline{
display: inline-block;
}
/* for locking Labels */
.sheet-labellock:checked ~ .sheet-statline{
display: none;
}
.sheet-labellock:checked ~ .sheet-locked{
display: inline-block;
}
/* Conditions column labels */
.charsheet .sheet-maindiv label.sheet-conditionname {
width: 115px;
padding-left: 10px;
font-size: 1.5em;
line-height: 0.7em;
}
/* section title blocks */
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-labels,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-potential,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-advancements,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-actives,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-passives,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-conditions,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-influence,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-drives,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-heart,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomtrack,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-burn,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-mentor,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-lessons,
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-contacts{
height: 57px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-labels{
background: url('http://i.imgur.com/q6S91js.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-potential {
background: url('http://i.imgur.com/E292Tiz.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-advancements {
background: url('http://i.imgur.com/WBc3WPs.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-actives {
background: url('http://i.imgur.com/WHSu2FT.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-passives {
background: url('http://i.imgur.com/RQFxnZs.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-conditions {
background: url('http://i.imgur.com/BACKOR7.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-influence {
background: url('http://i.imgur.com/ECvK3Re.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-drives {
background: url('http://i.imgur.com/Pk44DfN.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-heart {
background: url('http://i.imgur.com/9o6rwdm.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-doomtrack {
background: url('http://i.imgur.com/HmVXW5p.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-burn {
background: url('http://i.imgur.com/4p7XJSb.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-mentor {
background: url('http://i.imgur.com/TRVVvDp.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-lessons {
background: url('http://i.imgur.com/AcsBm9H.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet .sheet-maindiv .sheet-col .sheet-section-title-contacts {
background: url('http://i.imgur.com/k68TLsZ.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
/* french images */
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-labels{
background: url('http://masques.jdrlab.fr/labels.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-potential {
background: url('http://masques.jdrlab.fr/potential.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-advancements {
background: url('http://masques.jdrlab.fr/advancements.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-actives {
background: url('http://masques.jdrlab.fr/activemoves.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-passives {
background: url('http://masques.jdrlab.fr/passivemoves.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-conditions {
background: url('http://masques.jdrlab.fr/conditions.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-influence {
background: url('http://masques.jdrlab.fr/influence.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-drives {
background: url('http://masques.jdrlab.fr/drives.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-heart {
background: url('http://masques.jdrlab.fr/heart.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-doomtrack {
background: url('http://masques.jdrlab.fr/doomtrack.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-burn {
background: url('http://masques.jdrlab.fr/burn.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-mentor {
background: url('http://masques.jdrlab.fr/mentor.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-lessons {
background: url('http://masques.jdrlab.fr/lessons.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
.charsheet.lang-fr .sheet-maindiv .sheet-col .sheet-section-title-contacts {
background: url('http://masques.jdrlab.fr/contacts.png') no-repeat left top, url('http://i.imgur.com/XlwKcId.png') repeat-x left top; }
/* END french images */
/* gap between column edge and interior elements */
.charsheet .sheet-attr-box {
padding-left: 5px;
}
/* number inputs ie. Label values */
.charsheet .sheet-attr-box input[type=number]{
margin-right: 5px;
width: 50px;
text-align: center;
font-size: 1em;
font-weight: bold;
}
.charsheet .sheet-roll-box input[type=checkbox]{
margin-left: 10px;
}
.ui-dialog .charsheet button[type=roll]{
float: right;
}
label.sheet-attr {
font-size: 1.5em;
display: inline-block;
}
.repcontainer div.repitem {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
}
/* Move: */
div.repitem .sheet-movenametext {
width: 50px;
box-sizing: border-box;
}
/* Label: */
div.repitem .sheet-movenametextlabel {
margin-left: 37px;
width: 50px;
box-sizing: border-box;
}
/* default text input */
div.repitem input[type=text]{
width: 100%;
padding-left: 8px;
box-sizing: border-box;
font-size: 0.9em;
}
/* move name text inputs */
.sheet-actives div.repitem input[type=text]{
width: 184px;
padding-left: 8px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
.sheet-passives div.repitem input[type=text]{
width: 215px;
padding-left: 8px;
font-weight: bold;
font-size: 1em;
box-sizing: border-box;
}
/* space around Add, Modify buttons etc */
.repcontrol {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
/* active move drop-down box */
.repcontainer div.repitem select {
width: 184px;
margin: 0;
}
div.repitem .sheet-desc, div.repitem .sheet-passivedesc {
box-sizing: border-box;
}
.repitem textarea,.sheet-box textarea {
width: 100%;
height: 61px;
resize: vertical;
font-size: 0.9em;
box-sizing: border-box;
}
/* collapse moves */
.sheet-activemoveshowhide:checked ~ .sheet-activemovecontent{
display: none;
}
.sheet-passivemoveshowhide:checked ~ .sheet-passivemovecontent{
display: none;
}
/* italic descriptors */
.sheet-roll-box label.sheet-taglines,
.sheet-roll-box label.sheet-conditiontaglines{
max-width: 100%;
margin: 0;
padding-top: 0px;
padding-left: 37px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-col label.sheet-influencetaglines{
max-width: 100%;
margin: 0;
padding-top: 0px;
padding-bottom: 5px;
padding-left: 7px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* all the playbook selection wizardry */
.sheet-beacon,
.sheet-bull,
.sheet-delinquent,
.sheet-doomed,
.sheet-janus,
.sheet-legacy,
.sheet-nova,
.sheet-outsider,
.sheet-protege,
.sheet-transformed,
.sheet-innocent,
.sheet-joined,
.sheet-newborn,
.sheet-reformed,
.sheet-star,
.sheet-something {
display: none;
}
.sheet-playbookSelected {
display: none;
}
.sheet-lock:checked ~ .sheet-playbook,
.sheet-lock:checked ~ .sheet-playbook + label {
display: none;
}
.sheet-lock:checked ~ .sheet-playbook:checked,
.sheet-lock:checked ~ .sheet-playbook:checked + label,
.sheet-lock:checked ~ .sheet-playbookSelected {
display: inline-block;
}
.sheet-lock:not(:checked) ~ .sheet-playbook,
.sheet-lock:not(:checked) ~ .sheet-playbook + label {
display: inline-block;
}
.sheet-lock:checked ~ .sheet-classcol {
display: none;
}
.sheet-classcol > .sheet-playbook:checked,
.sheet-classcol > .sheet-playbook:checked + label {
display: inline-block;
}
input.sheet-showhide:checked ~ .sheet-subbox {display: none;}
.sheet-isbeacon:checked ~ .sheet-beacon,
.sheet-isbull:checked ~ .sheet-bull,
.sheet-isdelinquent:checked ~ .sheet-delinquent,
.sheet-isdoomed:checked ~ .sheet-doomed,
.sheet-isjanus:checked ~ .sheet-janus,
.sheet-islegacy:checked ~ .sheet-legacy,
.sheet-isnova:checked ~ .sheet-nova,
.sheet-isoutsider:checked ~ .sheet-outsider,
.sheet-isprotege:checked ~ .sheet-protege,
.sheet-istransformed:checked ~ .sheet-transformed,
.sheet-isinnocent:checked ~ .sheet-innocent,
.sheet-isjoined:checked ~ .sheet-joined,
.sheet-isnewborn:checked ~ .sheet-newborn,
.sheet-isreformed:checked ~ .sheet-reformed,
.sheet-isstar:checked ~ .sheet-star,
.sheet-issomething:checked ~ .sheet-something {
display: block;
}
.sheet-playbookSelected .sheet-playbook {
font-weight: bold;
font-size: 1.5em;
}
.sheet-subbox .sheet-movenametext {
padding-left: 5px;
width: 60px;
line-height: 1.3em;
text-align: left;
box-sizing: border-box;
}
/* The Beacon */
.sheet-beacon div.repitem input[type=text]{
width: 198px;
padding-left: 8px;
}
.sheet-beacon div.repitem input[type=checkbox]{
margin-left: 5px;
margin-right: 5px;
}
.sheet-beacon div.repitem .sheet-showhide{
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
.sheet-beacon .sheet-beacondrivehide:checked ~ .sheet-beacondriveseries{
display: none;
}
.sheet-beacon .sheet-beacondrivecompleted:checked + .sheet-beacondrive{
text-decoration: line-through;
}
/* The Bull */
.sheet-bull .sheet-heart label{
margin-left: 10px;
width: 46px;
}
.sheet-bull input[type=text]{
width: 160px;
padding-left: 8px;
margin-right: 5px;
box-sizing: border-box;
}
.sheet-bull .sheet-hearttagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* The Doomed */
.sheet-doomed .sheet-doomsign,
.sheet-doomed .sheet-doomsignfinal{
text-decoration: line-through;
font-size: 0.9em;
font-weight: normal;
padding-right: 0px;
}
.sheet-doomed .sheet-doomsignmarked{
margin-left: 7px;
}
.sheet-doomed .sheet-doomsignmarked:checked + .sheet-doomsign{
text-decoration: underline;
font-weight: bold;
}
.sheet-doomed .sheet-doomsignmarked:checked + .sheet-doomsignfinal{
text-decoration: underline;
font-weight: bold;
font-size: 1.5em;
font-style: italic;
}
/* The Nova */
.sheet-nova .sheet-burn{
margin-left: 5px;
margin-bottom: 7px;
}
.sheet-nova .sheet-burntagline{
padding-left: 5px;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
}
/* The Protege */
.sheet-protege .sheet-mentor {
margin-left: 5px;
margin-bottom: 7px;
}
.sheet-protege label.sheet-mentortitle {
width: 74px;
}
.sheet-protege select {
width: 100px;
margin-bottom: 0px;
}
/* The Newborn */
.sheet-newborn input[type=text]{
width: 225px;
margin-left: 5px;
margin-bottom: 3px;
font-size: 0.9em;
}
/**
* http://nicolasgallagher.com/micro-clearfix-hack/
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.sheet-cf:before,
.sheet-cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.sheet-cf:after {
clear: both;
}
/* roll template */
.sheet-rolltemplate-aw table {
width: 189px;
height: 189px;
padding: 2px;
background: url(http://i.imgur.com/EkH4alD.png) top left;
background-size: 189px 189px;
background-repeat: no-repeat;
border-spacing: 0;
}
/* hero name + roll name */
.sheet-rolltemplate-aw th {
color: #333333;
padding-top: 20px;
padding-right: 12px;
padding-left: 10px;
line-height: 1.2em;
font-family: "comic sans", cursive, sans-serif;
font-size: 1.1em;
vertical-align: center;
border-spacing: 0;
}
/* big number dice result */
.sheet-rolltemplate-aw .sheet-result {
font-family: "comic sans", cursive, sans-serif;
font-size: 2em;
padding-top: 0px;
padding-right: 0px;
padding-left: 11px;
vertical-align: top;
text-decoration: none;
text-align: center;
}
/* Hit, Miss, YEAH! etc */
.sheet-rolltemplate-aw td {
color: #333333;
height: 78px;
width: 153px;
padding-top: 0px;
padding-right: 30px;
font-family: "comic sans", cursive, sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: top;
text-align: center;
}
/* roll name adjustment */
.sheet-rolltemplate-aw .rolledmovename {
font-weight: bold;
font-style: italic;
font-size: 1.2em;
}
/* 10+ colour */
.sheet-rolltemplate-aw .sheet-success .inlinerollresult,
.sheet-rolltemplate-aw .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-aw .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-aw .sheet-success .inlinerollresult.importantroll{
background-color: transparent;
color: #22AA22;
border: none;
}
/* 7-9 colour */
.sheet-rolltemplate-aw .inlinerollresult,
.sheet-rolltemplate-aw .inlinerollresult.fullcrit,
.sheet-rolltemplate-aw .inlinerollresult.fullfail,
.sheet-rolltemplate-aw .inlinerollresult.importantroll{
background-color: transparent;
color: #000080;
border: none;
}
/* 6- colour */
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult,
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-aw .sheet-failure .inlinerollresult.importantroll{
background-color: transparent;
color: #B31515;
border: none;
}