Nighthawk/roll20-character-sheets
1
0
Fork 0
mirror of https://github.com/Nighthawk42/roll20-character-sheets.git synced 2026-08-31 12:12:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

[KURO] RollBack font-face change tab css name

Browse Source
This commit is contained in:
Sylvain Lézier
2017-12-07 14:06:27 +01:00
parent 25f189fd4c
commit 9503dfaedf
2 changed files with 179 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Kuro/Kuro.css
+31 -3
View File
@@ -1,3 +1,31 @@
/* fonts google css?family=Russo+One */
/* latin-ext */
/*@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/BUtWDi-16QNsA8yggnRs5RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
/*@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/RO6e96EC9m6OLO0tr7J3z1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}*/
/* fonts google css?family=Special+Elite */
/* latin */
/*@font-face {
font-family: 'Special Elite';
font-style: normal;
font-weight: 400;
src: local('Special Elite Regular'), local('SpecialElite-Regular'), url(https://fonts.gstatic.com/s/specialelite/v8/9-wW4zu3WNoD5Fjka35JmzxObtw73-qQgbr7Be51v5c.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}*/
/*
.sheet-sheet {
font-family: 'Special Elite', cursive;
width: 100%;
@@ -44,10 +72,10 @@
}
.sheet-skills{
height: 435px !important;
}
}*/
/* tab */
body {
/*body {
padding: 20px 40px;
}
@@ -94,4 +122,4 @@ body {
[type=radio]:checked ~ label ~ .content {
z-index: 1;
opacity: 1;
}
}*/
Kuro/Kuro.html
+148 -16
View File
@@ -1,7 +1,132 @@
<div class="charsheet tabe-pane lang-en" style="display: block;">
<div class="sheet-sheet" style=" position:relative;">
<div class="sheet-charsheet sheet-tabe-pane sheet-lang-en" style="display: block">
<div class="sheet-sheet" style=" position:relative;">
<style>
/* fonts google css?family=Russo+One */
/* latin-ext */
@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/BUtWDi-16QNsA8yggnRs5RJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Russo One';
font-style: normal;
font-weight: 400;
src: local('Russo One'), local('RussoOne-Regular'), url(https://fonts.gstatic.com/s/russoone/v6/RO6e96EC9m6OLO0tr7J3z1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* fonts google css?family=Special+Elite */
/* latin */
@font-face {
font-family: 'Special Elite';
font-style: normal;
font-weight: 400;
src: local('Special Elite Regular'), local('SpecialElite-Regular'), url(https://fonts.gstatic.com/s/specialelite/v8/9-wW4zu3WNoD5Fjka35JmzxObtw73-qQgbr7Be51v5c.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
.sheet-sheet {
font-family: 'Special Elite', cursive;
width: 100%;
}
.sheet-sheet * {
padding: 1px;
}
.sheet-kuro_section_title{
font-family: 'Russo One', sans-serif;
font-weight: bold;
font-size: 2em;
text-align: center;
padding-top: 15px;
padding-bottom: 5px;
}
.sheet-kuro_field {
clear: both;
width: 100%;
}
.sheet-kuro_field:after{
clear:both;
content: "";
display: table;
}
.sheet-kuro_field .sheet-name{
float: left;
}
.sheet-kuro_field .sheet-value{
float: right;
}
.sheet-kuro_field input{
border:0;
border-bottom:solid 1px #000;
outline:none;
}
.sheet-kuro_field input[type=text]{
float: right;
width: calc(100% - 7em);
}
.sheet-kuro_field button[type=roll]{
width: 21px;
height: 21px
}
.sheet-skills{
height: 435px !important;
}
/* tab */
/*body {
padding: 20px 40px;
}*/
.sheet-kuro-tabs {
position: relative;
min-height: 435px !important;
clear: both;
margin: 35px 0 25px;
background: white;
}
.sheet-kuro-tab {
float: left;
}
.sheet-kuro-tab label {
background: #eee;
padding: 10px;
border: 1px solid #ccc;
margin-left: -1px;
position: relative;
left: 1px;
top: -29px;
}
.sheet-kuro-tab [type=radio] {
display: none;
}
.sheet-kuro-tab-content {
position: absolute;
top: -1px;
left: 0;
background: white;
right: 0;
bottom: 0;
padding: 20px;
border: 1px solid #ccc;
-webkit-transition: opacity .6s linear;
opacity: 0;
}
[type=radio]:checked ~ label {
background: white;
border-bottom: 1px solid white;
z-index: 2;
}
[type=radio]:checked ~ label ~ .sheet-kuro-tab-content {
z-index: 1;
opacity: 1;
}
</style>
<div name="kuro_first_row" class="sheet-2colrow sheet-kuro_id">
@@ -85,60 +210,67 @@
Skills
</div>
<div class="sheet-tabs">
<div class="sheet-kuro-tabs">
<div class="sheet-tab">
<div class="sheet-kuro-tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">Combat</label>
<div class="sheet-content">
<div class="sheet-kuro-tab-content">
Combat Skills
<fieldset class="repeating_combat_skills">
<div class="sheet-kuro_field"><span class="sheet-name"><input type="text" name="attr_combat_skill_name"></span><span class="sheet-value" name="attr_combat_skill_value"></span></div>
<div class="sheet-kuro_field">
<span class="sheet-name"><input type="text" name="attr_combat_skill_name"></span>
<span class="sheet-value">
<input type="number" name="attr_combat_skill_value">
<button class="sheet-d6-dice" type="roll" value="&{template:default} {{name=@{combat_skill_name}}} {{Roll=[[@{combat_skill_value}d6]]}}">?</button>
</span></div>
</fieldset>
</div>
</div>
<div class="sheet-tab">
<div class="sheet-kuro-tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">Academic</label>
<div class="sheet-content">
<div class="sheet-kuro-tab-content">
<textarea>Academic Skills</textarea>
</div>
</div>
<div class="sheet-tab">
<div class="sheet-kuro-tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">General</label>
<div class="sheet-content">
<div class="sheet-kuro-tab-content">
<textarea>General Skills</textarea>
</div>
</div>
<div class="sheet-tab">
<div class="sheet-kuro-tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4">Technical</label>
<div class="sheet-content">
<div class="sheet-kuro-tab-content">
<textarea>Technical Skills</textarea>
</div>
</div>
<div class="sheet-tab">
<div class="sheet-kuro-tab">
<input type="radio" id="tab-5" name="tab-group-1">
<label for="tab-5">Engineering</label>
<div class="sheet-content">
<div class="sheet-kuro-tab-content">
<textarea>Engineering Skills</textarea>
</div>
</div>
<div class="sheet-tab">
<div class="sheet-kuro-tab">
<input type="radio" id="tab-6" name="tab-group-1">
<label for="tab-6">Contacts</label>
<div class="sheet-content">
<div class="sheet-kuro-tab-content">
<textarea>Contacts Skills</textarea>
</div>
</div>