Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

dnd4e first commit #11

Merged
merged 1 commit into from Apr 9, 2014
Merged

dnd4e first commit #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
205 changes: 189 additions & 16 deletions D&D_4E/D&D_4E.css
View file
Open in desktop
@@ -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 {
background-color: white;
}

.charsheet input.sheet-short {
width: 3.5em;
/* baseinfo - Top section with name, class, etc */

.sheet-baseinfo {
display: inline-block;
width: 149px;
margin-right: 3px;
}

.charsheet {
background-image: url("http://freeseamlesstextures.com/images/28-faded-parchment-background-sml.jpg");
.sheet-baseinfo label, .sheet-baseinfo input, .sheet-baseinfo select {
display: block;
text-align: left;
width: 100%;
margin: 0;
}

.charsheet table td, .charsheet table th {
font-size: 1.2em;
font-weight: bold;
text-align: center;
.sheet-baseinfo label {
border-top: 1px solid black;
width: 92%;
}

select.sheet-dtype {
.sheet-baseinfo.sheet-number {
width: 39px;
margin-right: 10px;
}

.sheet-baseinfo.sheet-short {
width: 60px;
vertical-align: top;
}

.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;
}

.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;
}