mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
Create sheet.css
This commit is contained in:
AdrTru
@@ -0,0 +1,481 @@
|
||||
/* Roll20 Official public Repository */
|
||||
/* My Own Repository for Testing */
|
||||
.sheet-pc,
|
||||
.sheet-npc {
|
||||
display: none; }
|
||||
|
||||
.sheet-npc_toggle[value="0"] ~ .sheet-pc,
|
||||
.sheet-npc_toggle[value="1"] ~ .sheet-npc {
|
||||
display: block; }
|
||||
|
||||
div.sheet-pc_main,
|
||||
div.sheet-pc_schopnosti,
|
||||
div.sheet-pc_vybava,
|
||||
div.sheet-pc_extra {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sheet-pc_toggle_page[value="0"] ~ div.sheet-pc_main,
|
||||
.sheet-pc_toggle_page[value="1"] ~ div.sheet-pc_schopnosti,
|
||||
.sheet-pc_toggle_page[value="2"] ~ div.sheet-pc_vybava,
|
||||
.sheet-pc_toggle_page[value="3"] ~ div.sheet-pc_extra {
|
||||
display: grid;}
|
||||
|
||||
.sheet-pc_toggle_page[value="0"] ~ div.sheet-pc_selector button.sheet-pc_main,
|
||||
.sheet-pc_toggle_page[value="1"] ~ div.sheet-pc_selector button.sheet-pc_schopnosti,
|
||||
.sheet-pc_toggle_page[value="2"] ~ div.sheet-pc_selector button.sheet-pc_vybava,
|
||||
.sheet-pc_toggle_page[value="3"] ~ div.sheet-pc_selector button.sheet-pc_extra {
|
||||
background-color: transparent;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/*-------------------------------------------------*/
|
||||
label {
|
||||
margin: 5px 0px 5px 0px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
/* --------- Inputs ------------- */
|
||||
|
||||
input[type="text"] {
|
||||
background-color: transparent;
|
||||
border-style: none none solid none;
|
||||
border-color: black;
|
||||
}
|
||||
|
||||
input[type="number"] {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
background-color: transparent;
|
||||
width: 89%;
|
||||
height: 70%;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
input[type="checkbox"].sheet-checkbox {
|
||||
border-style: solid black;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
textarea:focus,
|
||||
input[type="text"]:focus,
|
||||
input[type="number"]:focus{
|
||||
background-color: #F6CED8;
|
||||
}
|
||||
|
||||
select {
|
||||
background-color: transparent;
|
||||
border-style: none none solid none;
|
||||
border-color: black;
|
||||
height: 70%;
|
||||
}
|
||||
|
||||
/* -----Hides up/down buttons on numberfields that don't need them ---*/
|
||||
|
||||
input[type=number].sheet-ref::-webkit-inner-spin-button,
|
||||
input[type=number].sheet-ref::-webkit-outer-spin-button,
|
||||
input[type=number].sheet-txtfield::-webkit-inner-spin-button,
|
||||
input[type=number].sheet-txtfield::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
input[type=number].sheet-ref,
|
||||
input[type=number].sheet-txtfield {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
||||
/* ------- Buttons ---------- */
|
||||
|
||||
button[type="roll"]:not(.sheet-small){
|
||||
color: black;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
button[type="roll"]:not(.sheet-small)::before{
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
|
||||
/* --------- General Section Styling ------------- */
|
||||
.sheet-flex-center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.sheet-flex-middle {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.sheet-flex-down {
|
||||
flex-flow: column nowrap;
|
||||
}
|
||||
|
||||
.sheet-container {
|
||||
/* width: 750px;*/
|
||||
background-color: white;
|
||||
/* position: relative; */
|
||||
border: 1px solid black;
|
||||
margin: 0px;
|
||||
padding: 5px;
|
||||
min-width: 90%;
|
||||
}
|
||||
|
||||
.sheet-section {
|
||||
padding: 5px;
|
||||
/* min-height: 90%;
|
||||
background-color: white;
|
||||
border: 1px solid red;*/
|
||||
}
|
||||
|
||||
div.sheet-pc {
|
||||
min-width:500px;
|
||||
}
|
||||
|
||||
div.sheet-pc_hlavicka {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-rows: 2fr;
|
||||
grid-template-areas:"pc_name pc_stav pc_akce";
|
||||
grid-gap: 6px;
|
||||
/* width: 650px; Defines the width and height of the sheet*/
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
div.sheet-pc_name{
|
||||
grid-area: pc_name;
|
||||
padding-top: 5px;
|
||||
width:250px;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
div.sheet-pc_name select{
|
||||
width:300px;
|
||||
}
|
||||
div.sheet-pc_name select.sheet-velikost{
|
||||
width:50px;
|
||||
}
|
||||
|
||||
div.sheet-pc_stav{
|
||||
grid-area: pc_stav;
|
||||
padding-top: 5px;
|
||||
width:240px;
|
||||
margin-bottom:25px;
|
||||
}
|
||||
|
||||
div.sheet-pc_stav input{
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
div.sheet-pc_stav label{
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
div.sheet-pc_stav span{
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
div.sheet-pc_akce{
|
||||
grid-area: pc_akce;
|
||||
padding-top: 5px;
|
||||
width:300px;
|
||||
}
|
||||
|
||||
div.sheet-pc_akce button[type="roll"]{
|
||||
margin-left: 0px;
|
||||
padding-right: 50px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
div.sheet-pc_akce button.sheet-iniciativa{
|
||||
margin-left: 65px;
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
div.sheet-pc_akce input{
|
||||
margin-left: 8px;
|
||||
padding-right: 50px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
div.sheet-pc_akce label{
|
||||
margin-bottom: 18px;
|
||||
margin-left: -15px;
|
||||
font-size: 0.6em;
|
||||
}
|
||||
|
||||
div.sheet-pc_akce .sheet-setradio div{
|
||||
margin-left: -10px;
|
||||
min-width: 80px;
|
||||
/* background-color:#CCCCCC;*/
|
||||
}
|
||||
|
||||
div.sheet-pc_akce .sheet-ucoc span:not(.sheet-small){
|
||||
font-size: 1.6em;
|
||||
min-width: 30px;
|
||||
/* background-color:#CCCCCC;*/
|
||||
}
|
||||
|
||||
div.sheet-pc_selector{
|
||||
background-color:#DDD;
|
||||
}
|
||||
div.sheet-pc_selector button{
|
||||
margin: 2px 5px 2px 5px;
|
||||
}
|
||||
|
||||
div.sheet-pc_main{
|
||||
/* display: grid;*/
|
||||
grid-template-columns: 1fr 2fr;
|
||||
grid-template-rows: 1fr 0.5fr 0.5fr;
|
||||
grid-template-areas:"pc_staty pc_tvt"
|
||||
"pc_staty pc_strel"
|
||||
"pc_staty pc_zbroj";
|
||||
grid-gap: 6px;
|
||||
/* width: 650px; Defines the width and height of the sheet*/
|
||||
}
|
||||
|
||||
div.sheet-pc_stats{
|
||||
grid-area: pc_staty;
|
||||
width:245px;
|
||||
/* margin-left:15px;*/
|
||||
}
|
||||
|
||||
div.sheet-pc_stats .sheet-mezi label{
|
||||
font-size: 0.9em;
|
||||
margin-left:5px;
|
||||
width:110px;
|
||||
}
|
||||
div.sheet-pc_stats .sheet-vlastnost label{
|
||||
width:100px;
|
||||
}
|
||||
div.sheet-pc_stats .sheet-vlastnost span{
|
||||
width:20px;
|
||||
text-align:right;
|
||||
}
|
||||
div.sheet-pc_stats .sheet-hledani label{
|
||||
width:160px;
|
||||
}
|
||||
div.sheet-pc_stats div.sheet-mezi{
|
||||
margin-top:10px;
|
||||
background-color:#EEE;
|
||||
}
|
||||
|
||||
|
||||
|
||||
div.sheet-pohyb span,
|
||||
div.sheet-pohyb input,
|
||||
div.sheet-pohyb label {
|
||||
font-size: 0.75em;
|
||||
padding-right:5px;
|
||||
margin-left:5px;
|
||||
margin-top:-7px;
|
||||
}
|
||||
div.sheet-pohyb span{
|
||||
width:20px;
|
||||
}
|
||||
div.sheet-pohyb span.sheet-vaha{
|
||||
width:55px;
|
||||
}
|
||||
|
||||
div.sheet-pohyb label {
|
||||
width:40px;
|
||||
}
|
||||
|
||||
div.sheet-pc_tvt{
|
||||
grid-area: pc_tvt;
|
||||
padding-top: 5px;
|
||||
/* width:200px;*/
|
||||
}
|
||||
div.sheet-pc_strel{
|
||||
grid-area: pc_strel;
|
||||
padding-top: 5px;
|
||||
/* width:200px;*/
|
||||
}
|
||||
div.sheet-pc_zbroj{
|
||||
grid-area: pc_zbroj;
|
||||
padding-top: 5px;
|
||||
/* width:200px;*/
|
||||
}
|
||||
|
||||
div.sheet-radek {
|
||||
background-color: transparent;
|
||||
border-style: none none solid none;
|
||||
border-color: #EEE;
|
||||
border-radius: 0px;
|
||||
}
|
||||
|
||||
div.sheet-popisky{
|
||||
background-color:#EEE;
|
||||
height:20px;
|
||||
}
|
||||
div.sheet-popisky label{
|
||||
margin-left:10px;
|
||||
width:25px;
|
||||
}
|
||||
div.sheet-popisky label.sheet-jmeno{
|
||||
margin-left:10px;
|
||||
width:160px;
|
||||
}
|
||||
input[type = checkbox].sheet-2h {
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.sheet-rolltemplate-Hledani .sheet-container,
|
||||
.sheet-rolltemplate-Utok .sheet-container,
|
||||
.sheet-rolltemplate-Obrana .sheet-container {
|
||||
background-color: #ffffff;
|
||||
border: 1px solid;
|
||||
padding: 2px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-Hledani .sheet-container h1,
|
||||
.sheet-rolltemplate-Utok .sheet-container h1,
|
||||
.sheet-rolltemplate-Obrana .sheet-container h1 {
|
||||
color: rgb(126, 45, 64);
|
||||
font-size: 1.2em;
|
||||
font-variant: small-caps;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-Hledani div,
|
||||
.sheet-rolltemplate-Utok div,
|
||||
.sheet-rolltemplate-Obrana div {
|
||||
padding: 2px;
|
||||
};
|
||||
|
||||
.sheet-rolltemplate-Hledani span,
|
||||
.sheet-rolltemplate-Utok span,
|
||||
.sheet-rolltemplate-Obrana span{
|
||||
color: rgb(126, 45, 64);
|
||||
font-family: "Times New Roman", Times, serif;
|
||||
font-size: 1.2em;
|
||||
font-variant: small-caps;
|
||||
line-height: 1.6em;
|
||||
padding-left: 5px;
|
||||
text-align: right;
|
||||
width:80px;
|
||||
|
||||
}
|
||||
.sheet-rolltemplate-Hledani label,
|
||||
.sheet-rolltemplate-Utok label,
|
||||
.sheet-rolltemplate-Obrana label {
|
||||
font-family: "Times New Roman", Times, serif;
|
||||
font-size: 1.2em;
|
||||
font-variant: small-caps;
|
||||
line-height: 1.6em;
|
||||
padding-left: 5px;
|
||||
text-align: right;
|
||||
width:60px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-Hledani .sheet-subheader,
|
||||
.sheet-rolltemplate-Utok .sheet-subheader,
|
||||
.sheet-rolltemplate-Obrana .sheet-subheader {
|
||||
color: #000;
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-Hledani .sheet-arrow-right,
|
||||
.sheet-rolltemplate-Utok .sheet-arrow-right,
|
||||
.sheet-rolltemplate-Obrana .sheet-arrow-right {
|
||||
border-bottom: 2px solid transparent;
|
||||
border-left: 190px solid rgb(126, 45, 64);
|
||||
border-top: 2px solid transparent;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-Hledani .sheet-tcat,
|
||||
.sheet-rolltemplate-Utok .sheet-tcat,
|
||||
.sheet-rolltemplate-Obrana .sheet-tcat {
|
||||
font-style: italic;
|
||||
width:80px;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-Hledani .sheet-rowcolor,
|
||||
.sheet-rolltemplate-Utok .sheet-rowcolor,
|
||||
.sheet-rolltemplate-Obrana .sheet-rowcolor{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.sheet-rolltemplate-Hledani .inlinerollresult,
|
||||
.sheet-rolltemplate-Utok .inlinerollresult,
|
||||
.sheet-rolltemplate-Obrana .inlinerollresult {
|
||||
background-color: #ffffff;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-Hledani .inlinerollresult.fullcrit,
|
||||
.sheet-rolltemplate-Utok .inlinerollresult.fullcrit,
|
||||
.sheet-rolltemplate-Obrana .inlinerollresult.fullcrit {
|
||||
color: #3FB315;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-Hledani .inlinerollresult.fullfail,
|
||||
.sheet-rolltemplate-Utok .inlinerollresult.fullfail,
|
||||
.sheet-rolltemplate-Obrana .inlinerollresult.fullfail {
|
||||
color: #B31515;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sheet-rolltemplate-Hledani .inlinerollresult.importandivoll,
|
||||
.sheet-rolltemplate-Utok .inlinerollresult.importandivoll,
|
||||
.sheet-rolltemplate-Obrana .inlinerollresult.importandivoll {
|
||||
color: #4A57ED;
|
||||
border: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user