Updated with unix line endings (#5651)

* updates to html and css

fixed duplicated attr and cleaned up css and title styles

* Added unix line ends
This commit is contained in:
dayst
2019-11-11 12:36:13 -06:00
committed by Cassie Levett
parent 2c9996b4c9
commit 305fde6fc5
2 changed files with 158 additions and 149 deletions
+6 -6
View File
@@ -77,7 +77,7 @@ Notes:
<table class="sheet-char sheet-physical">
<tr>
<th class="sheet-char-title" colspan="2">
<th class="sheet-char-title sheet-char-title-centered" colspan="2">
<h3>Physical</h3>
</th>
</tr>
@@ -121,7 +121,7 @@ Notes:
<table class="sheet-char sheet-mental">
<tr>
<th class="sheet-char-title" colspan="2">
<th class="sheet-char-title sheet-char-title-centered" colspan="2">
<h3>Mental</h3>
</th>
</tr>
@@ -164,7 +164,7 @@ Notes:
<table class="sheet-char sheet-social">
<tr>
<th class="sheet-char-title" colspan="2">
<th class="sheet-char-title sheet-char-title-centered" colspan="2">
<h3>Social</h3>
</th>
</tr>
@@ -646,7 +646,7 @@ Notes:
</div>
</td>
<td style="width:100%">
<input type="text" value="" name="attr_traumas_mental_text_3" />
<input type="text" value="" name="attr_traumas_social_text_3" />
</td>
</tr>
<tr>
@@ -661,7 +661,7 @@ Notes:
</div>
</td>
<td>
<input type="text" value="" name="attr_traumas_mental_text_2" />
<input type="text" value="" name="attr_traumas_social_text_2" />
</td>
</tr>
<tr>
@@ -768,4 +768,4 @@ Notes:
</table>
</div><!-- end section -->
+152 -143
View File
@@ -1,56 +1,59 @@
.sheet-text-left {
float:left;
float: left;
}
.sheet-text-right {
float:right;
float: right;
}
.sheet-label {
padding:2px 4px;
/*width:30% !important;*/
}
padding: 2px 4px;
/*width:30% !important;*/
}
.sheet-section {
border:1px solid #ccc;
border-top:none;
padding:5px;
border: 1px solid #ccc;
border-top: none;
padding: 5px;
}
.sheet-section-title {
background:url(http://i.imgur.com/nehe2Ck.png) center bottom no-repeat; /*http://i.imgur.com/Xh4uOmE.png*/
background: url(http://i.imgur.com/nehe2Ck.png) center bottom no-repeat;
/*http://i.imgur.com/Xh4uOmE.png*/
}
.sheet-section-title-2 {
background:url(http://i.imgur.com/ydyJ0Ul.png) center bottom no-repeat; /*http://i.imgur.com/Xh4uOmE.png*/
/*height:35px;*/
background: url(http://i.imgur.com/ydyJ0Ul.png) center bottom no-repeat;
/*http://i.imgur.com/Xh4uOmE.png*/
/*height:35px;*/
}
.sheet-section-title h3,
.sheet-section-title-2 h3 {
color:#fff;
font-size:22px;
color: #fff;
font-size: 22px;
}
.sheet-sub-title {
background: #666; /*#485a6d;*/
color:#fff;
background: #666;
/*#485a6d;*/
color: #fff;
padding-left: 5px;
}
.sheet-testing input[type="text"]
{
width:40px;
text-align:center;
.sheet-testing input[type="text"] {
width: 40px;
text-align: center;
}
/* table */
table {
width:100%;
width: 100%;
}
table tr td {
vertical-align:top;
vertical-align: top;
}
@@ -66,43 +69,43 @@ input[type="radio"].sheet-radio-set-clear {
position: relative;
cursor: pointer;
z-index: 1;
margin-left:-2px;
margin-left: -2px;
}
/* Fake radio */
input[type="radio"].sheet-radio-set + span::before,
input[type="radio"].sheet-radio-set-clear + span::before {
input[type="radio"].sheet-radio-set+span::before,
input[type="radio"].sheet-radio-set-clear+span::before {
margin-right: -2px;
border: solid 1px #a8a8a8;
line-height: 12px;
text-align: center;
display: inline-block;
vertical-align:middle;
vertical-align: middle;
box-shadow: 0 0 2px #ccc;
background: #f6f6f6;
background: radial-gradient(#f6f6f6, #dfdfdf);
content: '▪';
width: 12px;
height: 12px;
font-size: 28px;
margin-left:-15px;
margin-left: -15px;
/*border-radius: 2px;*/
}
input[type="radio"].sheet-radio-set-clear + span::before {
input[type="radio"].sheet-radio-set-clear+span::before {
content: "▫";
background: #fff;
background: radial-gradient(#ffffff, #f3f3f3f3);
border: solid 1px #e3e3e3;
color:#a8a8a8;
color: #a8a8a8;
}
/* Remove dot from all radios _after_ selected one */
input[type="radio"].sheet-radio-set:checked ~ input[type="radio"].sheet-radio-set + span::before,
input[type="radio"].sheet-radio-set-clear:checked ~ input[type="radio"].sheet-radio-set + span::before {
input[type="radio"].sheet-radio-set:checked~input[type="radio"].sheet-radio-set+span::before,
input[type="radio"].sheet-radio-set-clear:checked~input[type="radio"].sheet-radio-set+span::before {
content: "";
}
@@ -111,80 +114,80 @@ input[type="radio"].sheet-radio-set-clear:checked ~ input[type="radio"].sheet-ra
.sheet-section-stress input[type="radio"].sheet-radio-set {
width: 30%;
height: 16px;
margin-left:-2px;
margin-left: -2px;
}
.sheet-section-stress input[type="radio"].sheet-radio-set-clear {
width:7%;
width: 7%;
}
/* Fake radio */
.sheet-section-stress input[type="radio"].sheet-radio-set + span::before {
.sheet-section-stress input[type="radio"].sheet-radio-set+span::before {
margin-right: -2px;
content: '';
width: 30%;
height: 16px;
margin-left:-30%;
margin-left: -30%;
background: #485a6d;
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
}
.sheet-section-stress input[type="radio"].sheet-radio-set-clear + span::before {
width:7%;
.sheet-section-stress input[type="radio"].sheet-radio-set-clear+span::before {
width: 7%;
}
.sheet-section-stress input[type="radio"].sheet-radio-set:checked ~ input[type="radio"].sheet-radio-set + span::before,
.sheet-section-stress input[type="radio"].sheet-radio-set-clear:checked ~ input[type="radio"].sheet-radio-set + span::before{
.sheet-section-stress input[type="radio"].sheet-radio-set:checked~input[type="radio"].sheet-radio-set+span::before,
.sheet-section-stress input[type="radio"].sheet-radio-set-clear:checked~input[type="radio"].sheet-radio-set+span::before {
box-shadow: 0 0 2px #ccc;
background: #f6f6f6;
background: radial-gradient(#f6f6f6, #dfdfdf);
}
.sheet-dice-roll input[type="radio"].sheet-radio-set + span::before {
.sheet-dice-roll input[type="radio"].sheet-radio-set+span::before {
margin-right: -2px;
content: '';
width: 7%;
height: 16px;
margin-left:-7%;
margin-left: -7%;
background: #485a6d;
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
}
.sheet-dice-roll input[type="radio"].sheet-radio-set-clear + span::before {
width:7%
.sheet-dice-roll input[type="radio"].sheet-radio-set-clear+span::before {
width: 7%
}
.sheet-dice-roll input[type="radio"].sheet-radio-set:checked ~ input[type="radio"].sheet-radio-set + span::before,
.sheet-dice-roll input[type="radio"].sheet-radio-set-clear:checked ~ input[type="radio"].sheet-radio-set + span::before{
.sheet-dice-roll input[type="radio"].sheet-radio-set:checked~input[type="radio"].sheet-radio-set+span::before,
.sheet-dice-roll input[type="radio"].sheet-radio-set-clear:checked~input[type="radio"].sheet-radio-set+span::before {
box-shadow: 0 0 2px #ccc;
background: #f6f6f6;
background: radial-gradient(#f6f6f6, #dfdfdf);
}
/* Vertical radio button half circle */
.sheet-radio-stack-vert {
vertical-align:top;
vertical-align: top;
width: 50%;
}
.sheet-radio-stack-vert .sheet-text-left,
.sheet-radio-stack-vert .sheet-text-right {
font-size: 18px;
padding:5px;
padding: 5px;
text-align: center;
float: none;
display: block;
@@ -194,105 +197,105 @@ input[type="radio"].sheet-radio-set-clear:checked ~ input[type="radio"].sheet-ra
.sheet-radio-stack-vert .sheet-char-radio-left,
.sheet-radio-stack-vert .sheet-char-radio-right {
/*background: #e3e3e3;*/
width:26px;
width: 26px;
/*height:200px;*/
text-align: left;
clear:both;
clear: both;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-set {
.sheet-radio-stack-vert input[type="radio"].sheet-radio-set {
width: 28px;
height: 28px;
margin-left:-1px;
margin-left: -1px;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-set + span::before {
border-radius:12px;
.sheet-radio-stack-vert input[type="radio"].sheet-radio-set+span::before {
border-radius: 12px;
line-height: 24px;
content: '▪';
width: 24px;
height: 24px;
font-size: 16px;
color:#fff;
color: #fff;
background: #999;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-set,
.sheet-radio-stack-vert input[type="radio"].sheet-radio-set + span::before {
position:absolute;
.sheet-radio-stack-vert input[type="radio"].sheet-radio-set+span::before {
position: absolute;
}
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-set + span::before,
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-set + span::before {
margin-left:0px;
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-set+span::before,
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-set+span::before {
margin-left: 0px;
}
input[type="radio"].sheet-radio-vert-1,
input[type="radio"].sheet-radio-vert-1 + span::before {
margin-top:180px;
input[type="radio"].sheet-radio-vert-1+span::before {
margin-top: 180px;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-1 + span::before {
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-1+span::before {
content: '1' !important;
}
input[type="radio"].sheet-radio-vert-2,
input[type="radio"].sheet-radio-vert-2 + span::before {
margin-top:148px;
input[type="radio"].sheet-radio-vert-2+span::before {
margin-top: 148px;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-2 + span::before {
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-2+span::before {
content: '2' !important;
}
input[type="radio"].sheet-radio-vert-3,
input[type="radio"].sheet-radio-vert-3 + span::before {
margin-top:90px;
input[type="radio"].sheet-radio-vert-3+span::before {
margin-top: 90px;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-3 + span::before {
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-3+span::before {
content: '3' !important;
}
input[type="radio"].sheet-radio-vert-4,
input[type="radio"].sheet-radio-vert-4 + span::before {
margin-top:32px;
input[type="radio"].sheet-radio-vert-4+span::before {
margin-top: 32px;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-4 + span::before {
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-4+span::before {
content: '4' !important;
}
input[type="radio"].sheet-radio-vert-5,
input[type="radio"].sheet-radio-vert-5 + span::before {
margin-top:0px;
input[type="radio"].sheet-radio-vert-5+span::before {
margin-top: 0px;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-5 + span::before {
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-5+span::before {
content: '5' !important;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-set:checked ~ input[type="radio"].sheet-radio-set + span::before {
.sheet-radio-stack-vert input[type="radio"].sheet-radio-set:checked~input[type="radio"].sheet-radio-set+span::before {
background: #fff;
color:#ccc;
color: #ccc;
}
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-1:checked + span::before,
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-2:checked + span::before,
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-3:checked + span::before,
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-4:checked + span::before,
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-5:checked + span::before {
color:#fff;
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-1:checked+span::before,
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-2:checked+span::before,
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-3:checked+span::before,
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-4:checked+span::before,
.sheet-radio-stack-vert input[type="radio"].sheet-radio-vert-5:checked+span::before {
color: #fff;
background: #485a6d;
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
/*box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);*/
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.4);
border:none;
border-radius:13px;
border: none;
border-radius: 13px;
line-height: 26px;
width: 26px;
height: 26px;
@@ -307,28 +310,28 @@ input[type="radio"].sheet-radio-vert-5 + span::before {
}
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-1,
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-1 + span::before {
margin-left:15px;
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-1+span::before {
margin-left: 15px;
}
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-2,
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-2 + span::before {
margin-left:60px;
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-2+span::before {
margin-left: 60px;
}
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-3,
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-3 + span::before {
margin-left:80px;
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-3+span::before {
margin-left: 80px;
}
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-4,
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-4 + span::before {
margin-left:60px;
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-4+span::before {
margin-left: 60px;
}
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-5,
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-5 + span::before {
margin-left:15px;
.sheet-radio-stack-vert .sheet-char-radio-left input[type="radio"].sheet-radio-vert-5+span::before {
margin-left: 15px;
}
/*right circle*/
@@ -340,28 +343,28 @@ input[type="radio"].sheet-radio-vert-5 + span::before {
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-1,
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-1 + span::before {
margin-left:-15px;
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-1+span::before {
margin-left: -15px;
}
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-2,
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-2 + span::before {
margin-left:-60px;
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-2+span::before {
margin-left: -60px;
}
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-3,
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-3 + span::before {
margin-left:-80px;
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-3+span::before {
margin-left: -80px;
}
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-4,
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-4 + span::before {
margin-left:-60px;
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-4+span::before {
margin-left: -60px;
}
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-5,
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-5 + span::before {
margin-left:-15px;
.sheet-radio-stack-vert .sheet-char-radio-right input[type="radio"].sheet-radio-vert-5+span::before {
margin-left: -15px;
}
/* Switch
@@ -371,8 +374,9 @@ input[type="radio"].sheet-radio-vert-5 + span::before {
margin: 0px auto;
height: 28px;
width: 51px;
padding-left:4px;
background: #e3e3e3;/*rgba(0, 0, 0, 0.20);*/
padding-left: 4px;
background: #e3e3e3;
/*rgba(0, 0, 0, 0.20);*/
border-radius: 3px;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
@@ -384,29 +388,29 @@ input[type="radio"].sheet-radio-vert-5 + span::before {
position: relative;
cursor: pointer;
z-index: 1;
margin-left:-2px;
margin-left: -2px;
display: inline-block;
}
.sheet-switch [type=radio] + span {
.sheet-switch [type=radio]+span {
margin-right: 0px;
line-height: 26px;
text-align: center;
display: inline-block;
vertical-align: top;
width: 26px;
height: 27px;
font-size: 22px;
margin-left:-27px;
color:#ccc;
margin-left: -27px;
color: #ccc;
}
.sheet-switch [type=radio]:checked + span {
.sheet-switch [type=radio]:checked+span {
border-radius: 3px;
background: #485a6d;
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
@@ -418,7 +422,7 @@ input[type="radio"].sheet-radio-vert-5 + span::before {
width: 78px;
}
.sheet-switch-traumas [type=radio] + span {
.sheet-switch-traumas [type=radio]+span {
font-size: 12px;
}
@@ -430,44 +434,48 @@ input[type="radio"].sheet-radio-vert-5 + span::before {
.sheet-section-features,
.sheet-section-traumas,
.sheet-section-stress {
width:100%;
width: 100%;
}
.sheet-section-char tr td,
.sheet-section-features tr td,
.sheet-section-traumas tr td,
.sheet-section-stress tr td {
text-align:center;
width:33.3%;
text-align: center;
width: 33.3%;
}
.sheet-section-features tr td td,
.sheet-section-traumas tr td td,
.sheet-section-stress tr td td {
width:auto;
width: auto;
}
.sheet-char-title {
background: #485a6d;
background-image: linear-gradient(to bottom, #485a6d, #2c3947);
padding:5px;
padding: 5px;
}
.sheet-char-title-centered {
text-align: center;
}
.sheet-char-title h3 {
color:#fff;
font-size:24px;
color: #fff;
font-size: 24px;
}
.sheet-char-level {
height: 260px;
}
.sheet-char {
width:100%;
.sheet-char {
width: 100%;
}
.sheet-physical{
.sheet-physical {
background: url(http://i.imgur.com/xKSbT29.gif) center -160px no-repeat;
}
@@ -481,17 +489,17 @@ input[type="radio"].sheet-radio-vert-5 + span::before {
.sheet-section-features input[type=text],
.sheet-section-traumas input[type=text] {
width:100%;
width: 100%;
}
.sheet-stress-level-3,
.sheet-stress-level-2,
.sheet-stress-level-1 {
color:#fff;
color: #fff;
display: inline-block;
text-align: center;
line-height: 18px;
padding:0 10px;
padding: 0 10px;
}
.sheet-stress-level-3 {
@@ -507,7 +515,7 @@ input[type="radio"].sheet-radio-vert-5 + span::before {
}
.sheet-divider {
border-left:1px dotted #999;
border-left: 1px dotted #999;
}
.sheet-dice-roll {
@@ -517,17 +525,18 @@ input[type="radio"].sheet-radio-vert-5 + span::before {
.charsheet .sheet-dice-roll button[type=roll] {
font-size: 14px !important;
line-height: 20px !important;
width:90% !important;
width: 90% !important;
background: #485a6d !important;
background-image: linear-gradient(to bottom, #485a6d, #2c3947) !important;
color: #fff !important;
}
.charsheet .sheet-dice-roll button[type="roll"]::before {
padding-right:3px !important;
padding-right: 3px !important;
}
.sheet-dice-roll td {
.sheet-dice-roll td {
vertical-align: middle;
}
}