dnd4e first commit
This commit is contained in:
Alex L.
+192
-19
@@ -1,35 +1,208 @@
|
||||
.charsheet .sheet-3colrowCust .sheet-col {
|
||||
width: calc(33% - 4px);
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.sheet-col:last-child {
|
||||
margin-right: 0!important;
|
||||
}
|
||||
|
||||
.charsheet label {
|
||||
display: inline-block;
|
||||
width: 75px;
|
||||
width: 75px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.charsheet input {
|
||||
.charsheet input[type='number'], .charsheet input[type='text'] {
|
||||
display: inline-block;
|
||||
width: 165px;
|
||||
}
|
||||
|
||||
.sheet-col strong.sheet-dee {
|
||||
font-size: 1.4em;
|
||||
font-weight: bold;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.charsheet input.sheet-short {
|
||||
width: 3.5em;
|
||||
}
|
||||
|
||||
.charsheet {
|
||||
background-image: url("http://freeseamlesstextures.com/images/28-faded-parchment-background-sml.jpg");
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.charsheet table td, .charsheet table th {
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
/* baseinfo - Top section with name, class, etc */
|
||||
|
||||
.sheet-baseinfo {
|
||||
display: inline-block;
|
||||
width: 149px;
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.sheet-baseinfo label, .sheet-baseinfo input, .sheet-baseinfo select {
|
||||
display: block;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.sheet-baseinfo label {
|
||||
border-top: 1px solid black;
|
||||
width: 92%;
|
||||
}
|
||||
|
||||
.sheet-baseinfo.sheet-number {
|
||||
width: 39px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.sheet-baseinfo.sheet-short {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.sheet-baseinfo.sheet-medium {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
/* statblock */
|
||||
.sheet-statblock {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.sheet-statblock:last-child {
|
||||
margin-bottom: 0!important;
|
||||
}
|
||||
|
||||
.sheet-statblock input[type='number'], .sheet-statblock input[type='text'] {
|
||||
display: inline-block;
|
||||
border: 1px solid #ccc;
|
||||
padding: 4px;
|
||||
height: 28px;
|
||||
width: 50px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.sheet-statblock label {
|
||||
padding: 5px 0;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
height: 28px;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-black label {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.sheet-statblock input, .sheet-statblock select, .sheet-statblock textarea {
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
}
|
||||
|
||||
.sheet-statblock h2 {
|
||||
width: 100%;
|
||||
background-color: black;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
select.sheet-dtype {
|
||||
width: 60px;
|
||||
vertical-align: top;
|
||||
.sheet-statblock .sheet-rowitem {
|
||||
height: 40px;
|
||||
margin: 2px 0;
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-tinyitem,
|
||||
.sheet-statblock .sheet-smallitem,
|
||||
.sheet-statblock .sheet-meditem,
|
||||
.sheet-statblock .sheet-medlargeitem,
|
||||
.sheet-statblock .sheet-largeitem,
|
||||
.sheet-statblock textarea {
|
||||
display: inline-block;
|
||||
padding: 6px 5px;
|
||||
width: calc(80% - 13px);
|
||||
height: 28px;
|
||||
vertical-align: middle;
|
||||
margin: 0 -2px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.sheet-statblock textarea {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.sheet-statblock textarea.sheet-small {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.sheet-statblock input[type='checkbox'] {
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-tinyitem input[type='number'], .sheet-statblock .sheet-tinyitem input[type='text'], .sheet-statblock .sheet-tinyitem select,
|
||||
.sheet-statblock .sheet-smallitem input[type='number'], .sheet-statblock .sheet-smallitem input[type='text'], .sheet-statblock .sheet-smallitem select,
|
||||
.sheet-statblock .sheet-meditem input[type='number'], .sheet-statblock .sheet-meditem input[type='text'], .sheet-statblock .sheet-meditem select,
|
||||
.sheet-statblock .sheet-medlargeitem input[type='number'], .sheet-statblock .sheet-medlargeitem input[type='text'], .sheet-statblock .sheet-medlargeitem select,
|
||||
.sheet-statblock .sheet-largeitem input[type='number'], .sheet-statblock .sheet-largeitem input[type='text'], .sheet-statblock .sheet-largeitem select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-tinyitem {
|
||||
width: calc(15% - 10px);
|
||||
padding: 6px 3px;
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-smallitem {
|
||||
width: calc(20% - 4px);
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-meditem {
|
||||
width: calc(33% - 9px);
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-medlargeitem {
|
||||
width: calc(40% - 8px);
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-halfblack {
|
||||
background: linear-gradient(to right, white 50%, black 50%);
|
||||
}
|
||||
.sheet-statblock .sheet-black {
|
||||
background: black;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-headerrowitem .sheet-tinyitem,
|
||||
.sheet-statblock .sheet-headerrowitem .sheet-smallitem,
|
||||
.sheet-statblock .sheet-headerrowitem .sheet-meditem,
|
||||
.sheet-statblock .sheet-headerrowitem .sheet-medlargeitem,
|
||||
.sheet-statblock .sheet-headerrowitem .sheet-largeitem {
|
||||
padding: 0 5px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-headerrowitem .sheet-tinyitem {
|
||||
padding: 6px 3px;
|
||||
}
|
||||
|
||||
.sheet-statblock .sheet-headerrowitem label {
|
||||
padding: 0;
|
||||
font-size: 9px;
|
||||
line-height: 9px;
|
||||
font-weight: normal;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
/* Fixes */
|
||||
|
||||
input[type='number'] {
|
||||
-moz-appearance:textfield;
|
||||
}
|
||||
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
}
|
||||
+915
-93
File diff suppressed because it is too large
Load Diff
+11
-3
@@ -6,8 +6,16 @@ Would a TODO file be useful for co-ordinating what everyone might be working on,
|
||||
|
||||
F.ex.
|
||||
|
||||
General layout //Unfinished, getting to it ASAP -Ville S
|
||||
General layout //Unfinished, getting to it ASAP -Ville S //Done -Alex L.
|
||||
|
||||
Ability Scores //Added basic scores, working on modifiers / mod + ½ level, defenses. -Ville S
|
||||
Ability Scores //Added basic scores, working on modifiers / mod + ½ level, defenses. -Ville S //Done -Alex L.
|
||||
|
||||
Skills //To do, soon. -Someone else
|
||||
Skills //To do, soon. -Someone else //Done -Alex L.
|
||||
|
||||
2014-04-09 20:23 :
|
||||
Updated html and css to resemble classic B/W 4th Edition character sheet.
|
||||
|
||||
ToDo:
|
||||
Rolls - Waiting on Rileys response re:Buttons with text.
|
||||
|
||||
-Alex L.
|
||||
+3
-3
@@ -2,8 +2,8 @@ Would a TODO file be useful for co-ordinating what everyone might be working on,
|
||||
|
||||
F.ex.
|
||||
|
||||
General layout //Unfinished, getting to it ASAP -Ville S
|
||||
General layout //Unfinished, getting to it ASAP -Ville S //Done -Alex L.
|
||||
|
||||
Ability Scores //Added basic scores, working on modifiers / mod + ½ level, defenses. -Ville S
|
||||
Ability Scores //Added basic scores, working on modifiers / mod + ½ level, defenses. -Ville S //Done -Alex L.
|
||||
|
||||
Skills //To do, soon. -Someone else
|
||||
Skills //To do, soon. -Someone else //Done -Alex L.
|
||||
|
||||
Reference in New Issue
Block a user