Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-30 03:40:32 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
master
roll20-character-sheets/World of Fantasy/wof.css
T

1769 lines
33 KiB
CSS
Raw Permalink Blame History

@import url('https://fonts.googleapis.com/css?family=Merriweather:wght@400;700&family=Suez+One&display=swap');
.sheet-text-s{
font-size: 11px;
}
.sheet-text-m{
font-size: 12px;
font-family: 'Merriweather', serif;
}
.sheet-text-l{
font-size: 20px;
font-family: 'Merriweather', serif;
font-weight: bold;
}
.sheet-text-xl{
font-size: 30px !important;
font-family: 'Merriweather', serif !important;
font-weight:bold !important;
}
.sheet-icon-big{
max-height: 45px !important;
max-width: 45px !important;
}
.sheet-icon-small{
max-height: 20px !important;
max-width: 20px !important;
}
button[type=roll].sheet-d6-dice {
border-radius: 0%;
background-color: white !important;
background-image: none !important;
}
button[type=roll].sheet-d6-dice:hover {
background-color: #ddd !important;
}
button[type=roll].sheet-d6-dice::before {
font-family: 'dicefontd6';
content: 'F ';
}
.sheet-margin-neg-t-12{
margin-top: -12px !important;
}
.sheet-margin-l-2{
margin-left: 2px !important;
}
.sheet-margin-l-0{
margin-left: 0px !important;
}
.sheet-padding-r-2{
padding-right: 2px !important;
}
.sheet-checkbox-round {
width: .8em !important;
height: .8em !important;
background-color: white;
border-radius: 50% !important;
vertical-align: middle !important;
border: 1px solid #ddd;
appearance: none !important;
-webkit-appearance: none !important;;
outline: none;
cursor: pointer;
}
.sheet-checkbox-round:checked {
background-color: gray;
}
.sheet-border-l{
border-left: darkgray 2px solid !important;
}
.sheet-cb-control-bigger {
font-family: arial;
display: block;
position: relative;
cursor: pointer;
font-size: 12px;
height: 20px;
width: 20px;
margin-left: 7px;
margin-right: 10px;
margin-top: 8px;
padding-right: 0px !important;
}
.sheet-cb-control-bigger input {
position: absolute;
z-index: -1;
opacity: 0;
margin: 0 !important;
}
.sheet-cb-control-indicator-bigger {
position: absolute;
top: 0px;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #ddd;
background-color: white;
border-radius: 15px;
}
.sheet-cb-control-bigger:hover input ~ .sheet-cb-control-indicator-bigger,
.sheet-cb-control-bigger input:focus ~ .sheet-cb-control-indicator-bigger {
border: 1px solid #ddd !important;
background-color: white !important;
}
.sheet-cb-control-bigger input:checked ~ .sheet-cb-control-indicator-bigger {
background: #000000 !important;
border: 1px solid #ddd !important;
}
.sheet-cb-control-bigger:hover input:not([disabled]):checked ~ .sheet-cb-control-indicator-bigger,
.sheet-cb-control-bigger input:checked:focus ~ .sheet-cb-control-indicator-bigger {
border: 1px solid #ddd;
background: #0e6647;
}
.sheet-cb-control-bigger input:disabled ~ .sheet-cb-control-indicator-bigger-bigger {
border: 1px solid #ddd !important;
background-color: white !important;
opacity: 0.6;
pointer-events: none;
}
.sheet-cb-control-indicator-bigger:after {
box-sizing: unset;
content: '';
position: absolute;
display: none;
}
.sheet-cb-control-bigger input:checked ~ .sheet-cb-control-indicator-bigger:after {
display: block;
}
.sheet-cb-control-checkbox-bigger .sheet-cb-control-indicator-bigger:after {
left: 7px;
top: 2px;
width: 4px;
height: 12px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(40deg);
}
.sheet-cb-control-checkbox-bigger input:disabled ~ .sheet-cb-control-indicator-bigger:after {
border: 1px solid #ddd;
background-color: white;
}
.sheet-cb-control {
font-family: arial;
display: block;
position: relative;
cursor: pointer;
font-size: 12px;
height: 10px;
width: 10px;
margin-left: 10px;
margin-top: 5px;
}
.sheet-cb-control input {
position: absolute;
z-index: -1;
opacity: 0;
margin: 0 !important;
}
.sheet-cb-control-indicator {
position: absolute;
top: 0px;
left: 0;
height: 10px;
width: 10px;
border: 1px solid #ddd;
background-color: white;
border-radius: 15px;
}
.sheet-cb-control:hover input ~ .sheet-cb-control-indicator,
.sheet-cb-control input:focus ~ .sheet-cb-control-indicator {
border: 1px solid #ddd !important;
background-color: white !important;
}
.sheet-cb-control input:checked ~ .sheet-cb-control-indicator {
background: #000000 !important;
border: 1px solid #ddd !important;
}
.sheet-cb-control:hover input:not([disabled]):checked ~ .sheet-cb-control-indicator,
.sheet-cb-control input:checked:focus ~ .sheet-cb-control-indicator {
border: 1px solid #ddd;
background: #0e6647;
}
.sheet-cb-control input:disabled ~ .sheet-cb-control-indicator {
border: 1px solid #ddd !important;
background-color: white !important;
opacity: 0.6;
pointer-events: none;
}
.sheet-cb-control-indicator:after {
box-sizing: unset;
content: '';
position: absolute;
display: none;
}
.sheet-cb-control input:checked ~ .sheet-cb-control-indicator:after {
display: block;
}
.sheet-cb-control-checkbox .sheet-cb-control-indicator:after {
left: 3px;
top: 1px;
width: 2px;
height: 5px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.sheet-cb-control-checkbox input:disabled ~ .sheet-cb-control-indicator:after {
border: 1px solid #ddd;
background-color: white;
}
.sheet-input-estadistica{
height: 35px !important;
width: 35px !important;
border: black solid 2px;
font-size: 20px !important;
}
.sheet-input-experiencia{
height: 35px !important;
width: 55px !important;
border: black solid 2px;
font-size: 20px !important;
}
.sheet-height-100{
height: 100% !important;
}
.sheet-bg-shield{
background-image: url("https://i.imgur.com/9Uuxfyt.png");
background-repeat: no-repeat;
background-size: 40% 90% !important;
background-position: center;
height: 50px !important;
}
.sheet-bg-hearth{
background-image: url("https://i.imgur.com/XiyDdxL.png");
background-repeat: no-repeat;
background-size: 60% 80% !important;
background-position: center;
height: 50px !important;
}
.sheet-bg-sun{
background-image: url("https://i.imgur.com/xx36oCy.png");
background-repeat: no-repeat;
background-size: 70% 90% !important;
background-position: center;
height: 50px !important;
}
.sheet-vertical-hr {
height: 4px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 70%;
}
.sheet-bg-frame{
border-image: url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat;
-moz-border-image:url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat; /* Old firefox */
-webkit-border-image:url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat; /* Safari */
-o-border-image:url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat; /* Opera */
}
.sheet-input-nobg{
background-color: transparent;
font-size: 25px !important;
width: 1.7em !important;
}
.sheet-character-sheet input[type=number] {
-webkit-appearance: textfield !important;
-moz-appearance: textfield !important;
text-align: center;
}
/* Chrome, Safari, Edge, Opera */
.sheet-character-sheet input::-webkit-outer-spin-button,
.sheet-character-sheet input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sheet-character-sheet input {
border-radius: 0%;
/*width: auto;*/
}
.sheet-character-sheet input[type=checkbox] {
transform: scale(1.5);
margin: 10px;
}
.sheet-character-sheet textarea {
width: 94% !important;
padding: 1%;
border: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
resize: none;
margin: auto;
height: 80% !important;
}
.sheet-character-sheet select{
width: auto !important;
margin-bottom: 0 !important;
}
.repcontainer .repitem {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 2px;
}
.sheet-character-sheet .sheet-fieldset-row .repitem {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.sheet-character-sheet .sheet-fieldset-column .repitem {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.sheet-white-bg {
background-color: white;
color: black;
}
.sheet-black-bg {
background-color: black;
color: white;
}
.sheet-line{
margin-top: 15px;
margin-bottom: 5px;
}
.sheet-margin-2 {
margin: 2px !important;
}
.sheet-margin-t-2 {
margin-top: 2px;
}
.sheet-margin-4 {
margin: 4px;
}
.sheet-padding-2 {
padding: 2px;
}
.sheet-padding-4 {
padding: 4px;
}
.sheet-font-regular {
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 400;
}
.sheet-font-bold {
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 900;
}
.sheet-font-light {
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 300;
}
.sheet-label-title {
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 400;
font-size: 11px;
}
.sheet-input-value {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 12px;
border-width: 0 0 3px 0;
}
.sheet-label-bold {
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 900;
background-color: #F8F8F8;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
}
.sheet-label-bold-big {
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 900;
background-color: transparent;
font-size: 16px;
text-align: center;
}
.sheet-no-border {
border: none;
}
.sheet-border-black {
border: black solid 2px !important;
}
.sheet-height-30p {
max-height: 30px !important;
}
.sheet-height-50p {
height: 50px !important;
}
.sheet-height-45p {
height: 45px !important;
}
.sheet-width-100 {
width: 100% !important;
}
.sheet-rolltemplate-TestAllProps, .sheet-rolltemplate-Challenge
{
border-image: url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat;
-moz-border-image:url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat; /* Old firefox */
-webkit-border-image:url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat; /* Safari */
-o-border-image:url("https://i.imgur.com/S97hsFR.png") 100 / 23px / 0px repeat; /* Opera */
}
.sheet-rolltemplate-TestAllProps table, .sheet-rolltemplate-Challenge table {
width: 100%;
background-color: white;
}
.sheet-rolltemplate-TestAllProps caption, .sheet-rolltemplate-Challenge caption {
background-color: rgb(0, 0, 0);
color: white;
font-family: 'Merriweather', serif;
font-variant: small-caps;
font-style: normal;
font-weight: 900;
padding: 5px !important
}
.sheet-rolltemplate-TestAllProps td, .sheet-rolltemplate-Challenge td {
padding: 5px;
line-height: 1.4em;
vertical-align: top
}
.sheet-rolltemplate-TestAllProps td:first-child, .sheet-rolltemplate-Challenge td:first-child {
font-weight: bold;
text-align: right;
min-width: 50px;
padding-right: 10px
}
.sheet-rolltemplate-TestAllProps td:last-child, .sheet-rolltemplate-Challenge td:last-child {
text-align: center;
}
.sheet-rolltemplate-TestAllProps tr:nth-child(even), .sheet-rolltemplate-Challenge tr:nth-child(even) {
background-color: #eee
}
.sheet-tab-button {
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 900;
color: white !important;
box-shadow: none !important;
background: black !important;
font-size: 1em !important;
letter-spacing: 2px;
text-align: center;
border-radius: 0%;
padding: 5px !important;
border: none;
}
/* BUTTONS */
.sheet-blank-roll-button:before {
content: "" !important;
}
.sheet-blank-roll-button {
box-shadow: none !important;
background: none !important;
border: none !important;
}
/***
GENERIC
***/
/* +ADD - MODIFY BUTTON */
[data-groupname^="repeating_"]>button.btn.repcontrol_add::after {
content: "Nuevo";
background-color: #F8F8F8 !important;
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 900;
text-align: center;
color: black;
margin-left: -32px;
}
/* Overlay the Modify/Done button. Overlying text is static */
[data-groupname^="repeating_"]>button.btn.repcontrol_edit::after {
content: "Modificar";
background-color: #F8F8F8 !important;
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 900;
text-align: center;
color: black;
margin-left: -39px;
}
[data-groupname^="repeating_"]>button.btn.repcontrol_done::after {
content: "Terminar";
background-color: #F8F8F8 !important;
font-family: 'Lato', sans-serif;
font-variant: small-caps;
font-style: normal;
font-weight: 900;
text-align: center;
color: black;
margin-left: -39px;
}
.sheet-text-center {
text-align: center !important;
}
.sheet-text-left {
text-align: left !important;
}
.sheet-text-right {
text-align: right !important;
}
.sheet-flex-group-center,
.sheet-flex-group-left,
.sheet-flex-group-right {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 5px;
border: 1px solid #999;
}
.sheet-flex-group-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}
.sheet-flex-group-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
}
.sheet-flex-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.sheet-flex-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* Grid system */
.sheet-row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sheet-row-nw {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.sheet-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.sheet-row-natural-height {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.sheet-row-flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.sheet-col {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 0.5rem;
}
.sheet-col-nw {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
padding: 0.5rem;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.sheet-column {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sheet-column-nw {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.sheet-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.sheet-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.sheet-last {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.sheet-align-start {
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sheet-align-end {
-ms-flex-item-align: end;
align-self: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.sheet-align-center {
-ms-flex-item-align: center;
align-self: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sheet-align-baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.sheet-align-stretch {
-ms-flex-item-align: stretch;
align-self: stretch;
}
.sheet-center-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sheet-padding-0 {
padding: 0px !important;
}
.sheet-margin-0 {
margin: 0px !important;
}
.sheet-padding-l-0 {
padding-left: 0px !important;
}
.sheet-padding-l-5 {
padding-left: 5px !important;
}
.sheet-padding-l-10 {
padding-left: 10px !important;
}
.sheet-padding-l-15 {
padding-left: 15px !important;
}
.sheet-padding-l-20 {
padding-left: 20px !important;
}
.sheet-padding-l-25 {
padding-left: 25px !important;
}
.sheet-padding-l-30 {
padding-left: 30px !important;
}
.sheet-padding-l-35 {
padding-left: 35px !important;
}
.sheet-padding-l-40 {
padding-left: 40px !important;
}
.sheet-padding-l-45 {
padding-left: 45px !important;
}
.sheet-padding-l-50 {
padding-left: 50px !important;
}
.sheet-padding-l-55 {
padding-left: 55px !important;
}
.sheet-padding-l-60 {
padding-left: 60px !important;
}
.sheet-padding-l-65 {
padding-left: 65px !important;
}
.sheet-padding-l-70 {
padding-left: 70px !important;
}
.sheet-padding-l-75 {
padding-left: 75px !important;
}
.sheet-padding-l-80 {
padding-left: 80px !important;
}
.sheet-padding-l-85 {
padding-left: 85px !important;
}
.sheet-padding-l-90 {
padding-left: 90px !important;
}
.sheet-padding-l-95 {
padding-left: 95px !important;
}
.sheet-padding-l-100 {
padding-left: 100px !important;
}
.sheet-padding-r-0 {
padding-right: 0px !important;
}
.sheet-padding-r-5 {
padding-right: 5px !important;
}
.sheet-padding-r-10 {
padding-right: 10px !important;
}
.sheet-padding-r-15 {
padding-right: 15px !important;
}
.sheet-padding-r-20 {
padding-right: 20px !important;
}
.sheet-padding-r-25 {
padding-right: 25px !important;
}
.sheet-padding-r-30 {
padding-right: 30px !important;
}
.sheet-padding-r-35 {
padding-right: 35px !important;
}
.sheet-padding-r-40 {
padding-right: 40px !important;
}
.sheet-padding-r-45 {
padding-right: 45px !important;
}
.sheet-padding-r-50 {
padding-right: 50px !important;
}
.sheet-padding-r-55 {
padding-right: 55px !important;
}
.sheet-padding-r-60 {
padding-right: 60px !important;
}
.sheet-padding-r-65 {
padding-right: 65px !important;
}
.sheet-padding-r-70 {
padding-right: 70px !important;
}
.sheet-padding-r-75 {
padding-right: 75px !important;
}
.sheet-padding-r-80 {
padding-right: 80px !important;
}
.sheet-padding-r-85 {
padding-right: 85px !important;
}
.sheet-padding-r-90 {
padding-right: 90px !important;
}
.sheet-padding-r-95 {
padding-right: 95px !important;
}
.sheet-padding-r-100 {
padding-right: 100px !important;
}
.sheet-padding-t-0 {
padding-top: 0px !important;
}
.sheet-padding-t-5 {
padding-top: 5px !important;
}
.sheet-padding-t-10 {
padding-top: 10px !important;
}
.sheet-padding-t-15 {
padding-top: 15px !important;
}
.sheet-padding-t-20 {
padding-top: 20px !important;
}
.sheet-padding-t-25 {
padding-top: 25px !important;
}
.sheet-padding-t-30 {
padding-top: 30px !important;
}
.sheet-padding-t-35 {
padding-top: 35px !important;
}
.sheet-padding-t-40 {
padding-top: 40px !important;
}
.sheet-padding-t-45 {
padding-top: 45px !important;
}
.sheet-padding-t-50 {
padding-top: 50px !important;
}
.sheet-padding-t-55 {
padding-top: 55px !important;
}
.sheet-padding-t-60 {
padding-top: 60px !important;
}
.sheet-padding-t-65 {
padding-top: 65px !important;
}
.sheet-padding-t-70 {
padding-top: 70px !important;
}
.sheet-padding-t-75 {
padding-top: 75px !important;
}
.sheet-padding-t-80 {
padding-top: 80px !important;
}
.sheet-padding-t-85 {
padding-top: 85px !important;
}
.sheet-padding-t-90 {
padding-top: 90px !important;
}
.sheet-padding-t-95 {
padding-top: 95px !important;
}
.sheet-padding-t-100 {
padding-top: 100px !important;
}
.sheet-padding-b-0 {
padding-bottom: 0px !important;
}
.sheet-padding-b-5 {
padding-bottom: 5px !important;
}
.sheet-padding-b-10 {
padding-bottom: 10px !important;
}
.sheet-padding-b-15 {
padding-bottom: 15px !important;
}
.sheet-padding-b-20 {
padding-bottom: 20px !important;
}
.sheet-padding-b-25 {
padding-bottom: 25px !important;
}
.sheet-padding-b-30 {
padding-bottom: 30px !important;
}
.sheet-padding-b-35 {
padding-bottom: 35px !important;
}
.sheet-padding-b-40 {
padding-bottom: 40px !important;
}
.sheet-padding-b-45 {
padding-bottom: 45px !important;
}
.sheet-padding-b-50 {
padding-bottom: 50px !important;
}
.sheet-padding-b-55 {
padding-bottom: 55px !important;
}
.sheet-padding-b-60 {
padding-bottom: 60px !important;
}
.sheet-padding-b-65 {
padding-bottom: 65px !important;
}
.sheet-padding-b-70 {
padding-bottom: 70px !important;
}
.sheet-padding-b-75 {
padding-bottom: 75px !important;
}
.sheet-padding-b-80 {
padding-bottom: 80px !important;
}
.sheet-padding-b-85 {
padding-bottom: 85px !important;
}
.sheet-padding-b-90 {
padding-bottom: 90px !important;
}
.sheet-padding-b-95 {
padding-bottom: 95px !important;
}
.sheet-padding-b-100 {
padding-bottom: 100px !important;
}
.sheet-margin-l-0 {
margin-left: 0px !important;
}
.sheet-margin-l-5 {
margin-left: 5px !important;
}
.sheet-margin-l-10 {
margin-left: 10px !important;
}
.sheet-margin-l-15 {
margin-left: 15px !important;
}
.sheet-margin-l-20 {
margin-left: 20px !important;
}
.sheet-margin-l-25 {
margin-left: 25px !important;
}
.sheet-margin-l-30 {
margin-left: 30px !important;
}
.sheet-margin-l-35 {
margin-left: 35px !important;
}
.sheet-margin-l-40 {
margin-left: 40px !important;
}
.sheet-margin-l-45 {
margin-left: 45px !important;
}
.sheet-margin-l-50 {
margin-left: 50px !important;
}
.sheet-margin-l-55 {
margin-left: 55px !important;
}
.sheet-margin-l-60 {
margin-left: 60px !important;
}
.sheet-margin-l-65 {
margin-left: 65px !important;
}
.sheet-margin-l-70 {
margin-left: 70px !important;
}
.sheet-margin-l-75 {
margin-left: 75px !important;
}
.sheet-margin-l-80 {
margin-left: 80px !important;
}
.sheet-margin-l-85 {
margin-left: 85px !important;
}
.sheet-margin-l-90 {
margin-left: 90px !important;
}
.sheet-margin-l-95 {
margin-left: 95px !important;
}
.sheet-margin-l-100 {
margin-left: 100px !important;
}
.sheet-margin-r-0 {
margin-right: 0px !important;
}
.sheet-margin-r-5 {
margin-right: 5px !important;
}
.sheet-margin-r-10 {
margin-right: 10px !important;
}
.sheet-margin-r-15 {
margin-right: 15px !important;
}
.sheet-margin-r-20 {
margin-right: 20px !important;
}
.sheet-margin-r-25 {
margin-right: 25px !important;
}
.sheet-margin-r-30 {
margin-right: 30px !important;
}
.sheet-margin-r-35 {
margin-right: 35px !important;
}
.sheet-margin-r-40 {
margin-right: 40px !important;
}
.sheet-margin-r-45 {
margin-right: 45px !important;
}
.sheet-margin-r-50 {
margin-right: 50px !important;
}
.sheet-margin-r-55 {
margin-right: 55px !important;
}
.sheet-margin-r-60 {
margin-right: 60px !important;
}
.sheet-margin-r-65 {
margin-right: 65px !important;
}
.sheet-margin-r-70 {
margin-right: 70px !important;
}
.sheet-margin-r-75 {
margin-right: 75px !important;
}
.sheet-margin-r-80 {
margin-right: 80px !important;
}
.sheet-margin-r-85 {
margin-right: 85px !important;
}
.sheet-margin-r-90 {
margin-right: 90px !important;
}
.sheet-margin-r-95 {
margin-right: 95px !important;
}
.sheet-margin-r-100 {
margin-right: 100px !important;
}
.sheet-margin-t-0 {
margin-top: 0px !important;
}
.sheet-margin-t-5 {
margin-top: 5px !important;
}
.sheet-margin-t-10 {
margin-top: 10px !important;
}
.sheet-margin-t-15 {
margin-top: 15px !important;
}
.sheet-margin-t-20 {
margin-top: 20px !important;
}
.sheet-margin-t-25 {
margin-top: 25px !important;
}
.sheet-margin-t-30 {
margin-top: 30px !important;
}
.sheet-margin-t-35 {
margin-top: 35px !important;
}
.sheet-margin-t-40 {
margin-top: 40px !important;
}
.sheet-margin-t-45 {
margin-top: 45px !important;
}
.sheet-margin-t-50 {
margin-top: 50px !important;
}
.sheet-margin-t-55 {
margin-top: 55px !important;
}
.sheet-margin-t-60 {
margin-top: 60px !important;
}
.sheet-margin-t-65 {
margin-top: 65px !important;
}
.sheet-margin-t-70 {
margin-top: 70px !important;
}
.sheet-margin-t-75 {
margin-top: 75px !important;
}
.sheet-margin-t-80 {
margin-top: 80px !important;
}
.sheet-margin-t-85 {
margin-top: 85px !important;
}
.sheet-margin-t-90 {
margin-top: 90px !important;
}
.sheet-margin-t-95 {
margin-top: 95px !important;
}
.sheet-margin-t-100 {
margin-top: 100px !important;
}
.sheet-margin-b-0 {
margin-bottom: 0px !important;
}
.sheet-margin-b-5 {
margin-bottom: 5px !important;
}
.sheet-margin-b-10 {
margin-bottom: 10px !important;
}
.sheet-margin-b-15 {
margin-bottom: 15px !important;
}
.sheet-margin-b-20 {
margin-bottom: 20px !important;
}
.sheet-margin-b-25 {
margin-bottom: 25px !important;
}
.sheet-margin-b-30 {
margin-bottom: 30px !important;
}
.sheet-margin-b-35 {
margin-bottom: 35px !important;
}
.sheet-margin-b-40 {
margin-bottom: 40px !important;
}
.sheet-margin-b-45 {
margin-bottom: 45px !important;
}
.sheet-margin-b-50 {
margin-bottom: 50px !important;
}
.sheet-margin-b-55 {
margin-bottom: 55px !important;
}
.sheet-margin-b-60 {
margin-bottom: 60px !important;
}
.sheet-margin-b-65 {
margin-bottom: 65px !important;
}
.sheet-margin-b-70 {
margin-bottom: 70px !important;
}
.sheet-margin-b-75 {
margin-bottom: 75px !important;
}
.sheet-margin-b-80 {
margin-bottom: 80px !important;
}
.sheet-margin-b-85 {
margin-bottom: 85px !important;
}
.sheet-margin-b-90 {
margin-bottom: 90px !important;
}
.sheet-margin-b-95 {
margin-bottom: 95px !important;
}
.sheet-margin-b-100 {
margin-bottom: 100px !important;
}
.sheet-col-xs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.sheet-col-xs-1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 8.33333%;
}
.sheet-col-xs-offset-1 {
margin-left: 8.33333%;
}
.sheet-col-xs-2 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 16.66667%;
}
.sheet-col-xs-offset-2 {
margin-left: 16.66667%;
}
.sheet-col-xs-3 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 25%;
}
.sheet-col-xs-offset-3 {
margin-left: 25%;
}
.sheet-col-xs-4 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 33.33333%;
}
.sheet-col-xs-offset-4 {
margin-left: 33.33333%;
}
.sheet-col-xs-5 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 41.66667%;
}
.sheet-col-xs-offset-5 {
margin-left: 41.66667%;
}
.sheet-col-xs-6 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 50%;
}
.sheet-col-xs-offset-6 {
margin-left: 50%;
}
.sheet-col-xs-7 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 58.33333%;
}
.sheet-col-xs-offset-7 {
margin-left: 58.33333%;
}
.sheet-col-xs-8 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 66.66667%;
}
.sheet-col-xs-offset-8 {
margin-left: 66.66667%;
}
.sheet-col-xs-9 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 75%;
}
.sheet-col-xs-offset-9 {
margin-left: 75%;
}
.sheet-col-xs-10 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 83.33333%;
}
.sheet-col-xs-offset-10 {
margin-left: 83.33333%;
}
.sheet-col-xs-11 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 91.66667%;
}
.sheet-col-xs-offset-11 {
margin-left: 91.66667%;
}
.sheet-col-xs-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}
.sheet-col-xs-offset-12 {
margin-left: 100%;
}
.sheet-row-start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sheet-row-center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sheet-row-end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.sheet-row-top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.sheet-row-middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sheet-row-bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.sheet-row-around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.sheet-row-between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sheet-first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.sheet-last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.sheet-col-gutter-lr {
padding: 0 0.5rem;
}
.sheet-col-no-gutter {
padding: 0;
}
.sheet-show {
display: block !important;
}
.sheet-row-show {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.sheet-hide {
display: none !important;
}
.sheet-show-xs {
display: block !important;
}
.sheet-row-show-xs {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.sheet-hide-xs {
display: none !important;
}
Reference in New Issue View Git Blame Copy Permalink