mirror of
https://github.com/Nighthawk42/roll20-character-sheets.git
synced 2026-08-30 03:40:32 +00:00
383 lines
8.0 KiB
CSS
383 lines
8.0 KiB
CSS
.charsheet{
|
|
background-color:white;
|
|
font-size: medium;
|
|
}
|
|
/*=======================Tabs=======================*/
|
|
|
|
div.sheet-tab-content {
|
|
display: none;
|
|
}
|
|
|
|
input.sheet-tab1:checked ~ div.sheet-tab1,
|
|
input.sheet-tab2:checked ~ div.sheet-tab2,
|
|
input.sheet-tab3:checked ~ div.sheet-tab3 {
|
|
display: block;
|
|
}
|
|
|
|
input.sheet-tab {
|
|
width: 130px;
|
|
height: 20px;
|
|
position: relative;
|
|
left: 6px;
|
|
margin: 0px ;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
border-radius: 5px 5px 5px 5px;
|
|
margin-left:30px;
|
|
}
|
|
|
|
input.sheet-tab::before
|
|
{
|
|
content: attr(title);
|
|
color:white;
|
|
text-shadow:none;
|
|
|
|
text-align: center;
|
|
display: inline-block;
|
|
|
|
background: #1E9EE3;
|
|
|
|
width: 130px;
|
|
height: 20px;
|
|
font-size: 16px;
|
|
font-weight:700;
|
|
border-radius: 15px 15px 15px 15px;
|
|
|
|
border:2px solid #1E9EE3;
|
|
|
|
}
|
|
|
|
input.sheet-tab:checked::before
|
|
{
|
|
background: #fff;
|
|
color:#1E9EE3;
|
|
/* border-bottom-color: #fff; */
|
|
text-shadow:none;
|
|
}
|
|
|
|
input.sheet-tab:not(:first-child)::before
|
|
{
|
|
border-left: none;
|
|
}
|
|
div.sheet-tab-content {
|
|
|
|
width: 840px;
|
|
padding: 5px;
|
|
/*background: url('http://s2.postimg.org/c4n1hmy89/dark_metal_grid_6.jpg');*/
|
|
margin-right:auto;
|
|
margin-left:auto;
|
|
}
|
|
|
|
/*=======================End of tabs=======================*/
|
|
|
|
|
|
.sheet-wrapper {
|
|
overflow: auto;
|
|
border-style: solid;
|
|
background-color: White;
|
|
border-color: lightGray;
|
|
margin: 5px auto;
|
|
border-width: thin;
|
|
padding: 10px;
|
|
width:800px;
|
|
max-width: 90%;
|
|
}
|
|
|
|
.sheet-section {
|
|
overflow: auto;
|
|
border-bottom: solid 1px #1E9EE3;
|
|
}
|
|
|
|
.sheet-col {
|
|
display:block;
|
|
float:left;
|
|
width:342px;
|
|
margin-right:5px;
|
|
margin-left:5px;
|
|
}
|
|
|
|
.sheet-input-field{
|
|
background-color: #1E9EE3;
|
|
display:block;
|
|
border-radius: 5px;
|
|
color: white;
|
|
padding:5px;
|
|
margin:5px;
|
|
float:left;
|
|
}
|
|
|
|
.sheet-input-field {
|
|
font-family: Narkisim;
|
|
font-size: medium;
|
|
margin-left:5px;
|
|
}
|
|
.sheet-input-field2 {
|
|
background-color: #E5F09C;
|
|
display:block;
|
|
border-radius: 5px;
|
|
color: #1E9EE3;
|
|
padding:5px;
|
|
margin:5px;
|
|
float:left;
|
|
}
|
|
|
|
.sheet-input-field2 {
|
|
font-family: Narkisim;
|
|
font-size: medium;
|
|
margin-left:5px;
|
|
}
|
|
input[type="number"] {
|
|
text-align:center;
|
|
}
|
|
textarea.sheet-textarea {
|
|
height:36px;
|
|
width:300px;
|
|
resize:vertical;
|
|
border:none;
|
|
box-shadow:none;
|
|
}
|
|
textarea.sheet-textarea2 {
|
|
height:72px;
|
|
width:800px;
|
|
resize:vertical;
|
|
border:1px dotted;
|
|
box-shadow:0px 0px 5px #1E9EE3;
|
|
}
|
|
.sheet-abilities-table{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
border-spacing: 3px;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.sheet-abilities-table th {
|
|
background-color: #1E9EE3;
|
|
color:white;
|
|
font-weight: normal;
|
|
border-radius: 5px;
|
|
padding:5px;
|
|
}
|
|
|
|
.sheet-abilities-table td {
|
|
padding:5px;
|
|
background-color: #9DD6F5;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.sheet-specialties {
|
|
width: 170px;
|
|
height: 38px;
|
|
margin-bottom: 0;
|
|
resize:none;
|
|
}
|
|
|
|
.sheet-section-table{
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
border-spacing: 2px;
|
|
border-collapse: separate;
|
|
}
|
|
|
|
.sheet-section-table th {
|
|
width:150px;
|
|
background-color: #303030;
|
|
color:white;
|
|
font-weight: normal;
|
|
border-radius: 5px;
|
|
padding:5px;
|
|
}
|
|
|
|
.sheet-section-table td {
|
|
text-align: center;
|
|
width:150px;
|
|
background-color: white;
|
|
color:#303030;
|
|
font-weight: normal;
|
|
border-radius: 5px;
|
|
padding:5px;
|
|
}
|
|
|
|
.sheet-info{
|
|
text-align: center;
|
|
width:150px;
|
|
color:#303030;
|
|
font-weight: normal;
|
|
font-size: 70%;
|
|
border-radius: 5px;
|
|
padding:2px;
|
|
}
|
|
/*-----misc-----*/
|
|
|
|
.sheet-hidden {
|
|
display: none;
|
|
}
|
|
input.sheet-hider:checked ~ div.sheet-body {
|
|
display: none;
|
|
}
|
|
/*----- sheet Specialty -----*/
|
|
input.sheet-Specialty[type="checkbox"] {
|
|
opacity: 0;
|
|
height:30px;
|
|
width: 50px;
|
|
position: relative;
|
|
top: 15px;
|
|
left: 15px;
|
|
margin: 0px;
|
|
padding:0px;
|
|
cursor: pointer;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* -----Fake sheet-reset Specialty----- */
|
|
|
|
input.sheet-Specialty[type="checkbox"] + span::before
|
|
{
|
|
position: relative;
|
|
top: -15px;
|
|
left: 15px;
|
|
margin-right: 0px;
|
|
line-height: 14px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
content: "";
|
|
height:30px;
|
|
width: 50px;
|
|
border-radius:15px;
|
|
background: radial-gradient(circle at 0px 10px, white, #9DD6F5);
|
|
border:1px solid transparent;
|
|
}
|
|
|
|
input.sheet-Specialty[type="checkbox"]:checked:active + span::before,
|
|
input.sheet-Specialty[type="checkbox"]:active + span::before {
|
|
border:1px solid white;
|
|
}
|
|
input.sheet-Specialty[type="checkbox"]:checked + span::before {
|
|
background: radial-gradient(circle at 80px 10px, white, #9DD6F5);
|
|
border:1px solid transparent;
|
|
}
|
|
/* ======== button: ability ========*/
|
|
.sheet-ability button[type="roll"]:before,
|
|
.sheet-ability:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-ability button[type="roll"],
|
|
.sheet-ability {
|
|
display: block;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
border: 1px solid #9DD6F5;
|
|
box-shadow: none;
|
|
outline:0;
|
|
|
|
margin: 0;
|
|
background: radial-gradient(circle at 0px 10px, white, #9DD6F5);
|
|
font-size:1em !important;
|
|
font-weight:bold;
|
|
height:50px;
|
|
width: 120px;
|
|
padding-left:20px;
|
|
color: black;
|
|
text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
|
|
}
|
|
.sheet-ability button[type="roll"]:hover,
|
|
.sheet-ability:hover {
|
|
background: radial-gradient(circle at 40px 10px, white, #9DD6F5);
|
|
}
|
|
|
|
.sheet-ability button[type="roll"]:active,
|
|
.sheet-ability:active {
|
|
background: radial-gradient(circle at 80px 10px, white, #9DD6F5);
|
|
}
|
|
|
|
/* ======== button: ability_yellow ========*/
|
|
.sheet-ability_yellow button[type="roll"]:before,
|
|
.sheet-ability_yellow:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-ability_yellow button[type="roll"],
|
|
.sheet-ability_yellow {
|
|
display: block;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
border: 1px solid #E5F09C;
|
|
box-shadow: none;
|
|
outline:0;
|
|
|
|
margin: 0;
|
|
background: radial-gradient(circle at 0px 10px, white, #E5F09C);
|
|
font-size:1em !important;
|
|
font-weight:bold;
|
|
height:50px;
|
|
width: 120px;
|
|
padding-left:20px;
|
|
color: black;
|
|
text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
|
|
}
|
|
.sheet-ability_yellow button[type="roll"]:hover,
|
|
.sheet-ability_yellow:hover {
|
|
background: radial-gradient(circle at 40px 10px, white, #E5F09C);
|
|
}
|
|
|
|
.sheet-ability_yellow button[type="roll"]:active,
|
|
.sheet-ability_yellow:active {
|
|
background: radial-gradient(circle at 80px 10px, white, #E5F09C);
|
|
}
|
|
|
|
/* ======== button: combat ========*/
|
|
.sheet-combat button[type="roll"]:before,
|
|
.sheet-combat:before {
|
|
content: ""!important;
|
|
display: none;
|
|
border:none;
|
|
}
|
|
.sheet-combat button[type="roll"],
|
|
.sheet-combat {
|
|
display: block;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
border: 1px solid #000;
|
|
box-shadow: none;
|
|
outline:0;
|
|
|
|
margin: 0;
|
|
background: radial-gradient(circle at 0px 10px, white, #000);
|
|
font-size:1em !important;
|
|
font-weight:bold;
|
|
height:25px;
|
|
width: 40px;
|
|
padding-left:20px;
|
|
color: black;
|
|
text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
|
|
}
|
|
.sheet-combat button[type="roll"]:hover,
|
|
.sheet-combat:hover {
|
|
background: radial-gradient(circle at 40px 10px, white, #000);
|
|
}
|
|
|
|
.sheet-combat button[type="roll"]:active,
|
|
.sheet-combat:active {
|
|
background: radial-gradient(circle at 80px 10px, white, #000);
|
|
}
|
|
|
|
.sheet-rolltemplate-sofai {
|
|
border-radius:5px;
|
|
padding:5px;
|
|
box-shadow: 5px 5px 10px 5px black;
|
|
background: #F5E3D2;
|
|
color:654018;
|
|
font-size:16px;
|
|
font-family: Berylium-Regular;
|
|
} |