Matching Html request

Initiative fixed, added roll templates, added show all tab
This commit is contained in:
CoalPoweredPuppet
2015-04-19 15:10:34 -04:00
parent 547a74e778
commit bb4757ef27
+803 -26
View File
@@ -8,32 +8,33 @@
.sheet-clear {
background:none;
}
/*-----tabs-----*/
/*----------- Tabs Setup -------------*/
input.sheet-tab1:not(:checked) ~ .sheet-tab1,
input.sheet-tab2:not(:checked) ~ .sheet-tab2,
input.sheet-tab3:not(:checked) ~ .sheet-tab3,
input.sheet-tab4:not(:checked) ~ .sheet-tab4,
input.sheet-tab5:not(:checked) ~ .sheet-tab5,
input.sheet-tab6:not(:checked) ~ .sheet-tab6 {
display: none;
div.sheet-core-content {
display: none;
width:840px;
}
input.sheet-tab {
width: calc(20% - 4px);
max-width: 150px;
height: 20px;
outline: none !important;
position: relative;
cursor: pointer;
z-index: 1;
.charsheet div[class^="sheet-section"] {
/*visibility: hidden;
opacity: 0;
max-height:0;
overflow: hidden;*/
display: none;
}
input.sheet-tab1 {
margin-left: 1px;
.charsheet input.sheet-tab1:checked ~ div.sheet-section-1,
.charsheet input.sheet-tab2:checked ~ div.sheet-section-2,
.charsheet input.sheet-tab3:checked ~ div.sheet-section-3,
.charsheet input.sheet-tab4:checked ~ div.sheet-section-4,
.charsheet input.sheet-tab5:checked ~ div.sheet-section-5,
.charsheet input.sheet-tab6:checked ~ div.sheet-section-6 {
display: block;
}
.charsheet input.sheet-tab99:checked ~ div[class^="sheet-section"] {
display: block;
}
input.sheet-tab::before {
content: attr(title);
display: inline-block;
@@ -54,13 +55,41 @@ input.sheet-tab::before {
input.sheet-tab:checked::before {
border-bottom-color: white;
}
.sheet-tab-br {
border-bottom: 1px solid #a8a8a8;
margin-bottom: 5px;
margin-top: 1px;
.charsheet input.sheet-tab {
width: calc(20% - 4px);
max-width: 135px;
height: 20px;
outline: none !important;
position: relative;
cursor: pointer;
z-index: 1;
opacity: 10;
z-index: 9999;
}
.charsheet span.sheet-tab {
display: none;
}
.charsheet input.sheet-tab1:checked + span.sheet-tab1,
.charsheet input.sheet-tab2:checked + span.sheet-tab2,
.charsheet input.sheet-tab3:checked + span.sheet-tab3,
.charsheet input.sheet-tab4:checked + span.sheet-tab4,
.charsheet input.sheet-tab5:checked + span.sheet-tab5,
.charsheet input.sheet-tab6:checked + span.sheet-tab6,
.charsheet input.sheet-tab7:checked + span.sheet-tab7,
.charsheet input.sheet-tab8:checked + span.sheet-tab8,
.charsheet input.sheet-tab99:checked + span.sheet-tab99 {
background: #dbc792; /*originally ab8b57*/
color: #755b27; /*originally white*/
border-radius: 4px;
}
/*----------- End Tab Setup -----------*/
/*-----Sheet Arrow-----*/
input.sheet-arrow {
float: left;
@@ -154,7 +183,7 @@ input.sheet-arrow[type="checkbox"]:checked + span::before
.sheet-wrapper .sheet-select {
border: 0 !important;
-webkit-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
text-overflow: "";
@@ -251,6 +280,10 @@ h2 {
text-align: center;
font-style: italic;
}
.sheet-hide {
display:none;
}
/*====text box ====*/
.sheet-wrapper input[type="text"], .sheet-wrapper input[type="number"], .sheet-wrapper textarea {
display: inline-block;
@@ -533,4 +566,748 @@ input.sheet-roundcheck[type="checkbox"]:checked + span::before
.sheet-careerroll button[type="roll"]:hover label {
background-color: #A54885;
color:black;
}
}
/* My adaptation of the Pathfinder Based Stuff*/
/* Weapons */
.sheet-rolltemplate-weapon .sheet-border {
border-color: #191970;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sheet-rolltemplate-weapon .sheet-header {
color: #191970;
padding: 2px 0px 2px 4px;
font-size: 1.2em;
font-weight: bold;
text-align: left;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: 1px;
}
.sheet-rolltemplate-weapon .sheet-shadow {
font-family: "Times New Roman", Times, serif;
}
.sheet-rolltemplate-weapon .sheet-shadow th,
.sheet-rolltemplate-weapon .sheet-shadow td {
padding-left: 5px;
padding-right: 5px;
}
.sheet-rolltemplate-weapon .sheet-header_background {
background-color: transparent;
border-color: #191970;
border-style: solid;
border-width: 0px;
border-bottom-width: 3px;
border-right-width: 4px;
border-top-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-weapon .sheet-header_background_down {
background-color: transparent;
border-color: #191970;
border-style: solid;
border-width: 0px;
border-top-width: 3px;
border-right-width: 4px;
border-bottom-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-weapon .sheet-tcat {
font-weight: bold;
}
.sheet-rolltemplate-weapon .sheet-content {
padding: 1px 5px 1px 5px;
font-size: 0.9em;
text-align: center;
}
.sheet-rolltemplate-weapon .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-weapon .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-weapon .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-weapon .inlinerollresult.importantroll {
color: #4A57ED;
border: none;
}
.sheet-rolltemplate-weapon table.sheet-shadow {
background:white;
border-radius: 10px;
border-collapse: collapse;
border-spacing:0;
box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black;
}
.sheet-rolltemplate-weapon .sheet-shadow td:last-child {
border-right: none;
}
.sheet-rolltemplate-weapon .sheet-shadow th:first-child {
border-radius: 10px 0 0 0;
}
.sheet-rolltemplate-weapon .sheet-shadow th:last-child {
border-radius: 0 10px 0 0;
}
.sheet-rolltemplate-weapon .sheet-shadow tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
/* Skill */
.sheet-rolltemplate-skill .sheet-border {
border-color: #191970;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sheet-rolltemplate-skill .sheet-header {
color: #191970;
padding: 2px 0px 2px 4px;
font-size: 1.2em;
font-weight: bold;
text-align: left;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: 1px;
}
.sheet-rolltemplate-skill .sheet-shadow {
font-family: "Times New Roman", Times, serif;
}
.sheet-rolltemplate-skill .sheet-shadow th,
.sheet-rolltemplate-skill .sheet-shadow td {
padding-left: 5px;
padding-right: 5px;
}
.sheet-rolltemplate-skill .sheet-header_background {
background-color: transparent;
border-color: #191970;
border-style: solid;
border-width: 0px;
border-bottom-width: 3px;
border-right-width: 4px;
border-top-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-skill .sheet-header_background_down {
background-color: transparent;
border-color: #191970;
border-style: solid;
border-width: 0px;
border-top-width: 3px;
border-right-width: 4px;
border-bottom-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-skill .sheet-tcat {
font-weight: bold;
}
.sheet-rolltemplate-skill .sheet-content {
padding: 1px 5px 1px 5px;
font-size: 0.9em;
text-align: center;
}
.sheet-rolltemplate-skill .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-skill .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-skill .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-skill .inlinerollresult.importantroll {
color: #4A57ED;
border: none;
}
.sheet-rolltemplate-skill table.sheet-shadow {
background:white;
border-radius: 10px;
border-collapse: collapse;
border-spacing:0;
box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black;
}
.sheet-rolltemplate-skill .sheet-shadow td:last-child {
border-right: none;
}
.sheet-rolltemplate-skill .sheet-shadow th:first-child {
border-radius: 10px 0 0 0;
}
.sheet-rolltemplate-skill .sheet-shadow th:last-child {
border-radius: 0 10px 0 0;
}
.sheet-rolltemplate-skill .sheet-shadow tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
/* Initiative */
.sheet-rolltemplate-Initiative .sheet-border {
border-color: #191970;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sheet-rolltemplate-Initiative .sheet-header {
color: red;
padding: 2px 0px 2px 4px;
font-size: 1.2em;
font-weight: bold;
text-align: left;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: 1px;
}
.sheet-rolltemplate-Initiative .sheet-shadow {
font-family: "Times New Roman", Times, serif;
}
.sheet-rolltemplate-Initiative .sheet-shadow th,
.sheet-rolltemplate-Initiative .sheet-shadow td {
padding-left: 5px;
padding-right: 5px;
}
.sheet-rolltemplate-Initiative .sheet-header_background {
background-color: transparent;
border-color: red;
border-style: solid;
border-width: 0px;
border-bottom-width: 3px;
border-right-width: 4px;
border-top-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-Initiative .sheet-header_background_down {
background-color: transparent;
border-color: red;
border-style: solid;
border-width: 0px;
border-top-width: 3px;
border-right-width: 4px;
border-bottom-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-Initiative .sheet-tcat {
font-weight: bold;
}
.sheet-rolltemplate-Initiative .sheet-content {
padding: 1px 5px 1px 5px;
font-size: 0.9em;
text-align: center;
}
.sheet-rolltemplate-Initiative .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-Initiative .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-Initiative .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-Initiative .inlinerollresult.importantroll {
color: #4A57ED;
border: none;
}
.sheet-rolltemplate-Initiative table.sheet-shadow {
background:white;
border-radius: 10px;
border-collapse: collapse;
border-spacing:0;
box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black;
}
.sheet-rolltemplate-Initiative .sheet-shadow td:last-child {
border-right: none;
}
.sheet-rolltemplate-Initiative .sheet-shadow th:first-child {
border-radius: 10px 0 0 0;
}
.sheet-rolltemplate-Initiative .sheet-shadow th:last-child {
border-radius: 0 10px 0 0;
}
.sheet-rolltemplate-Initiative .sheet-shadow tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
/* ========== Soak ========== */
.sheet-rolltemplate-Soak .sheet-border {
border-color: black;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sheet-rolltemplate-Soak .sheet-header {
color: #191970;
padding: 2px 0px 2px 4px;
margin-left:10px;
font-size: 1.2em;
font-weight: bold;
text-align: left;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: 1px;
}
.sheet-rolltemplate-Soak .sheet-shadow {
font-family: "Times New Roman", Times, serif;
}
.sheet-rolltemplate-Soak .sheet-shadow th,
.sheet-rolltemplate-Soak .sheet-shadow td {
padding-left: 5px;
padding-right: 5px;
}
.sheet-rolltemplate-Soak .sheet-header_background {
background-color: transparent;
border-color: black;
border-style: solid;
border-width: 0px;
border-bottom-width: 3px;
border-left-width: 4px;
border-top-left-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-Soak .sheet-header_background_down {
background-color: transparent;
border-color: black;
border-style: solid;
border-width: 0px;
border-top-width: 3px;
border-left-width: 4px;
border-bottom-left-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-Soak .sheet-tcat {
font-weight: bold;
}
.sheet-rolltemplate-Soak .sheet-content {
padding: 1px 5px 1px 5px;
font-size: 0.9em;
text-align: center;
}
.sheet-rolltemplate-Soak .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-Soak .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-Soak .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-Soak .inlinerollresult.importantroll {
color: #4A57ED;
border: none;
}
.sheet-rolltemplate-Soak table.sheet-shadow {
background:white;
border-radius: 10px;
border-collapse: collapse;
border-spacing:0;
box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black;
}
.sheet-rolltemplate-Soak .sheet-shadow td:last-child {
border-right: none;
}
.sheet-rolltemplate-Soak .sheet-shadow th:first-child {
border-radius: 10px 0 0 0;
}
.sheet-rolltemplate-Soak .sheet-shadow th:last-child {
border-radius: 0 10px 0 0;
}
.sheet-rolltemplate-Soak .sheet-shadow tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
/* Scramble */
.sheet-rolltemplate-Scramble .sheet-border {
border-color: #FFF100;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sheet-rolltemplate-Scramble .sheet-header {
color: #FFF100;
text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
padding: 2px 0px 2px 4px;
font-size: 1.2em;
font-weight: bold;
text-align: left;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: 1px;
}
.sheet-rolltemplate-Scramble .sheet-shadow {
font-family: "Times New Roman", Times, serif;
}
.sheet-rolltemplate-Scramble .sheet-shadow th,
.sheet-rolltemplate-Scramble .sheet-shadow td {
padding-left: 5px;
padding-right: 5px;
}
.sheet-rolltemplate-Scramble .sheet-header_background {
background-color: transparent;
border-color: #FFF100;
border-style: solid;
border-width: 0px;
border-bottom-width: 3px;
border-right-width: 4px;
border-top-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-Scramble .sheet-header_background_down {
background-color: transparent;
border-color: #FFF100;
border-style: solid;
border-width: 0px;
border-top-width: 3px;
border-right-width: 4px;
border-bottom-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-Scramble .sheet-tcat {
font-weight: bold;
}
.sheet-rolltemplate-Scramble .sheet-content {
padding: 1px 5px 1px 5px;
font-size: 0.9em;
text-align: center;
}
.sheet-rolltemplate-Scramble .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-Scramble .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-Scramble .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-Scramble .inlinerollresult.importantroll {
color: #4A57ED;
border: none;
}
.sheet-rolltemplate-Scramble table.sheet-shadow {
background:white;
border-radius: 10px;
border-collapse: collapse;
border-spacing:0;
box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black;
}
.sheet-rolltemplate-Scramble .sheet-shadow td:last-child {
border-right: none;
}
.sheet-rolltemplate-Scramble .sheet-shadow th:first-child {
border-radius: 10px 0 0 0;
}
.sheet-rolltemplate-Scramble .sheet-shadow th:last-child {
border-radius: 0 10px 0 0;
}
.sheet-rolltemplate-Scramble .sheet-shadow tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
/* Scramble */
.sheet-rolltemplate-Dodge .sheet-border {
border-color: #00ADEF;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sheet-rolltemplate-Dodge .sheet-header {
color: #00ADEF;
text-shadow: 0px 0px 2px black,0px 0px 2px black,0px 0px 2px black;
padding: 2px 0px 2px 4px;
font-size: 1.2em;
font-weight: bold;
text-align: left;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: 1px;
}
.sheet-rolltemplate-Dodge .sheet-shadow {
font-family: "Times New Roman", Times, serif;
}
.sheet-rolltemplate-Dodge .sheet-shadow th,
.sheet-rolltemplate-Dodge .sheet-shadow td {
padding-left: 5px;
padding-right: 5px;
}
.sheet-rolltemplate-Dodge .sheet-header_background {
background-color: transparent;
border-color: #00ADEF;
border-style: solid;
border-width: 0px;
border-bottom-width: 3px;
border-right-width: 4px;
border-top-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-Dodge .sheet-header_background_down {
background-color: transparent;
border-color: #00ADEF;
border-style: solid;
border-width: 0px;
border-top-width: 3px;
border-right-width: 4px;
border-bottom-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-Dodge .sheet-tcat {
font-weight: bold;
}
.sheet-rolltemplate-Dodge .sheet-content {
padding: 1px 5px 1px 5px;
font-size: 0.9em;
text-align: center;
}
.sheet-rolltemplate-Dodge .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-Dodge .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-Dodge .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-Dodge .inlinerollresult.importantroll {
color: #4A57ED;
border: none;
}
.sheet-rolltemplate-Dodge table.sheet-shadow {
background:white;
border-radius: 10px;
border-collapse: collapse;
border-spacing:0;
box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black;
}
.sheet-rolltemplate-Dodge .sheet-shadow td:last-child {
border-right: none;
}
.sheet-rolltemplate-Dodge .sheet-shadow th:first-child {
border-radius: 10px 0 0 0;
}
.sheet-rolltemplate-Dodge .sheet-shadow th:last-child {
border-radius: 0 10px 0 0;
}
.sheet-rolltemplate-Dodge .sheet-shadow tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}
/* ========== random ========== */
.sheet-rolltemplate-random .sheet-border {
border-color: black;
border-style: solid;
border-width: 1px;
border-top-width: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sheet-rolltemplate-random .sheet-header {
color: #191970;
padding: 2px 0px 2px 4px;
margin-left:10px;
font-size: 1.2em;
font-weight: bold;
text-align: left;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: 1px;
}
.sheet-rolltemplate-random .sheet-shadow {
font-family: "Times New Roman", Times, serif;
}
.sheet-rolltemplate-random .sheet-shadow th,
.sheet-rolltemplate-random .sheet-shadow td {
padding-left: 5px;
padding-right: 5px;
font-size:0.8em;
}
.sheet-rolltemplate-random .sheet-header_background {
background-color: transparent;
border-color: black;
border-style: solid;
border-width: 0px;
border-bottom-width: 3px;
border-left-width: 4px;
border-top-left-radius: 16px;
border-right-width: 4px;
border-top-right-radius: 16px; background-size: auto;
}
.sheet-rolltemplate-random .sheet-header_background_down {
background-color: transparent;
border-color: black;
border-style: solid;
border-width: 0px;
border-top-width: 3px;
border-left-width: 4px;
border-bottom-left-radius: 16px;
border-right-width: 4px;
border-bottom-right-radius: 16px;
background-size: auto;
}
.sheet-rolltemplate-random .sheet-tcat {
font-weight: bold;
}
.sheet-rolltemplate-random .sheet-content {
padding: 1px 5px 1px 5px;
font-size: 0.9em;
text-align: center;
}
.sheet-rolltemplate-random .inlinerollresult {
background-color: transparent;
border: none;
}
.sheet-rolltemplate-random .inlinerollresult.fullcrit {
color: #3FB315;
border: none;
}
.sheet-rolltemplate-random .inlinerollresult.fullfail {
color: #B31515;
border: none;
}
.sheet-rolltemplate-random .inlinerollresult.importantroll {
color: #4A57ED;
border: none;
}
.sheet-rolltemplate-random table.sheet-shadow {
background:white;
border-radius: 10px;
border-collapse: collapse;
border-spacing:0;
box-shadow: 0 0 5px black, 0 0 5px black, -5px -5px 10px black;
}
.sheet-rolltemplate-random .sheet-shadow td:last-child {
border-right: none;
}
.sheet-rolltemplate-random .sheet-shadow th:first-child {
border-radius: 10px 0 0 0;
}
.sheet-rolltemplate-random .sheet-shadow th:last-child {
border-radius: 0 10px 0 0;
}
.sheet-rolltemplate-random .sheet-shadow tr:last-child td:first-child {
border-radius: 0 0 0 10px;
}