222 lines
3.7 KiB
SCSS
222 lines
3.7 KiB
SCSS
hr {
|
|
background-image: linear-gradient(to right, $transparent, $transparent-black, $transparent);
|
|
border: 0;
|
|
height: 1px;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.sheet-no-background {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.charsheet {
|
|
background: $off-white url('http://i.imgur.com/RggDtsN.png');
|
|
margin-top: -10px;
|
|
padding: 2px 3px !important;
|
|
}
|
|
|
|
.sheet-wrap-box {
|
|
background-color: $white;
|
|
border: 1px solid $black;
|
|
border-radius: $border-radius;
|
|
padding: 3px;
|
|
}
|
|
|
|
.sheet-heading {
|
|
text-transform: capitalize !important;
|
|
}
|
|
|
|
.sheet-wrap-box-label,
|
|
.sheet-wrap-box-title,
|
|
.sheet-ability-name {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.sheet-wrap-box-title,
|
|
.sheet-ability-name {
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sheet-wrap-box-title {
|
|
margin: 5px 0 0;
|
|
}
|
|
|
|
.sheet-wrap-box-label {
|
|
font-size: .8em;
|
|
}
|
|
|
|
.sheet-light-label {
|
|
color: $light-gray;
|
|
}
|
|
|
|
.sheet-bold,
|
|
.sheet-rolltemplate-5e-shaped .sheet-bold {
|
|
font-weight: bold;
|
|
}
|
|
.sheet-italic,
|
|
.sheet-rolltemplate-5e-shaped .sheet-italic {
|
|
font-style: italic;
|
|
}
|
|
.sheet-capitalize,
|
|
.sheet-rolltemplate-5e-shaped .sheet-capitalize {
|
|
text-transform: capitalize !important;
|
|
}
|
|
.sheet-lowercase,
|
|
.sheet-rolltemplate-5e-shaped .sheet-lowercase {
|
|
text-transform: lowercase !important;
|
|
}
|
|
.sheet-uppercase,
|
|
.sheet-rolltemplate-5e-shaped .sheet-uppercase {
|
|
text-transform: uppercase !important;
|
|
}
|
|
|
|
.sheet-border-bottom {
|
|
border-bottom: 1px solid $light-gray;
|
|
}
|
|
.sheet-border-right,
|
|
.sheet-rolltemplate-5e-shaped .sheet-border-right {
|
|
border-right: 1px solid $black;
|
|
}
|
|
.sheet-border-left,
|
|
.sheet-rolltemplate-5e-shaped .sheet-border-left {
|
|
border-left: 1px solid $black;
|
|
}
|
|
|
|
[class*='sheet-pictos'] {
|
|
font-size: 14px;
|
|
}
|
|
.sheet-pictos {
|
|
font-family: 'Pictos';
|
|
}
|
|
|
|
.sheet-zebra,
|
|
.sheet-rolltemplate-5e-shaped .sheet-zebra {
|
|
background-color: $teal;
|
|
}
|
|
|
|
.sheet-zebra-rows {
|
|
.sheet-shaped-row:nth-child(even) {
|
|
background-color: $teal;
|
|
}
|
|
}
|
|
|
|
.sheet-important-text,
|
|
.sheet-rolltemplate-5e-shaped .sheet-important-text {
|
|
color: $important-red;
|
|
}
|
|
|
|
.sheet-small-label,
|
|
.sheet-rolltemplate-5e-shaped .sheet-small-label {
|
|
font-size: 11px;
|
|
input {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
.sheet-small-label {
|
|
select {
|
|
appearance: none;
|
|
}
|
|
}
|
|
|
|
.sheet-input-like {
|
|
display: inline-block;
|
|
padding: 1px;
|
|
}
|
|
|
|
.sheet-big-text {
|
|
font-size: 1.4em;
|
|
}
|
|
.sheet-big-font {
|
|
font-size: 15px;
|
|
}
|
|
|
|
|
|
.sheet-checkbox-wrap,
|
|
[class^='sheet-checkbox-label'] {
|
|
cursor: pointer;
|
|
font-size: 100%;
|
|
font-weight: normal;
|
|
margin-bottom: 0;
|
|
padding-right: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-white-space-no-wrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sheet-wrap {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.sheet-small-checkbox {
|
|
transform: scale(.8);
|
|
}
|
|
|
|
.sheet-checkbox-label-sm {
|
|
font-size: 9px;
|
|
|
|
& input[type=checkbox] {
|
|
height: 10px;
|
|
margin-top: -1px;
|
|
transform: scale(.6);
|
|
}
|
|
}
|
|
.sheet-checkbox-label-md {
|
|
font-size: 85%;
|
|
|
|
& input[type=checkbox] {
|
|
margin-top: -1px;
|
|
transform: scale(.7);
|
|
}
|
|
}
|
|
.sheet-checkbox-label {
|
|
display: inline-block;
|
|
[type='checkbox'] {
|
|
display: none;
|
|
+ span {
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
padding: 1px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sheet-selectable {
|
|
user-select: text;
|
|
}
|
|
|
|
input.sheet-toggle-pseudo-button {
|
|
height: 17px;
|
|
}
|
|
span.sheet-toggle-pseudo-button {
|
|
background-color: $bright-blue !important;
|
|
box-shadow: 0 2px 5px 0 $mostly-transparent-black;
|
|
font-size: .85em !important;
|
|
height: 17px;
|
|
padding: 3px !important;
|
|
}
|
|
|
|
.sheet-attacks,
|
|
.sheet-spell {
|
|
input[readonly] {
|
|
background: $whitish-gray;
|
|
}
|
|
}
|
|
.sheet-gray-bg {
|
|
background: $whitish-gray;
|
|
}
|
|
|
|
.sheet-action-name,
|
|
.sheet-spell-name {
|
|
border: 0;
|
|
font-family: 'Times New Roman', Times, serif;;
|
|
font-size: 1.7em;
|
|
font-variant: small-caps;
|
|
font-weight: bold;
|
|
line-height: 1.1em;
|
|
padding: 0 !important;
|
|
}
|