This gitlab repository is moving to a new Home. The new server will be running the latest version with a lot of nice features and increased performance. Thererfor you are no longer able to sign up to this gitlab server. Check https://code.dirk-benkert.de for the new server. All active repositories will be moved over.

Commit 641e977c by Dirk Benkert

added shadowrun fonts

fixed margins and paddings in labels and inputs
reduced borders to 1px for input elements
parent fa6f66ac
......@@ -680,7 +680,7 @@
</div>
<div class="form-row withspace">
<label>Metatype</label>
<select data-printselect="#metatypePrintSelectaf7e">
<select data-printselect="#metatypePrintSelectbf4a">
<option></option>
<option>Human</option>
<option>Elf</option>
......@@ -688,7 +688,7 @@
<option>Troll</option>
<option>Dwarf</option>
</select>
<input type="text" id="metatypePrintSelectaf7e" class="print-select">
<input type="text" id="metatypePrintSelectbf4a" class="print-select small">
<label>Ethnicity</label>
<input type="text">
</div>
......@@ -696,12 +696,12 @@
<label>Age</label>
<input type="text" class="small">
<label>Sex</label>
<select data-printselect="#sexPrintSelectaf7e" class="small">
<select data-printselect="#sexPrintSelectbf4a" class="small">
<option></option>
<option>m</option>
<option>f</option>
</select>
<input type="text" id="sexPrintSelectaf7e" class="print-select">
<input type="text" id="sexPrintSelectbf4a" class="print-select small">
<label>Height</label>
<input type="text" class="small">
<label>Weight</label>
......@@ -994,7 +994,7 @@
</div>
<div class="form-row withspace">
<label>Metatype</label>
<select data-printselect="#metatypePrintSelect4a4b">
<select data-printselect="#metatypePrintSelect424c">
<option></option>
<option>Human</option>
<option>Elf</option>
......@@ -1002,7 +1002,7 @@
<option>Troll</option>
<option>Dwarf</option>
</select>
<input type="text" id="metatypePrintSelect4a4b" class="print-select">
<input type="text" id="metatypePrintSelect424c" class="print-select small">
<label>Ethnicity</label>
<input type="text">
</div>
......@@ -1010,12 +1010,12 @@
<label>Age</label>
<input type="text" class="small">
<label>Sex</label>
<select data-printselect="#sexPrintSelect4a4b" class="small">
<select data-printselect="#sexPrintSelect424c" class="small">
<option></option>
<option>m</option>
<option>f</option>
</select>
<input type="text" id="sexPrintSelect4a4b" class="print-select">
<input type="text" id="sexPrintSelect424c" class="print-select small">
<label>Height</label>
<input type="text" class="small">
<label>Weight</label>
......
......@@ -680,7 +680,7 @@
</div>
<div class="form-row withspace">
<label>Metatyp</label>
<select data-printselect="#metatypePrintSelect0bc2">
<select data-printselect="#metatypePrintSelect5d14">
<option></option>
<option>Mensch</option>
<option>Elf</option>
......@@ -688,7 +688,7 @@
<option>Troll</option>
<option>Zwerg</option>
</select>
<input type="text" id="metatypePrintSelect0bc2" class="print-select">
<input type="text" id="metatypePrintSelect5d14" class="print-select small">
<label>Ethnie</label>
<input type="text">
</div>
......@@ -696,12 +696,12 @@
<label>Alter</label>
<input type="text" class="small">
<label>Geschlecht</label>
<select data-printselect="#sexPrintSelect0bc2" class="small">
<select data-printselect="#sexPrintSelect5d14" class="small">
<option></option>
<option>m</option>
<option>f</option>
</select>
<input type="text" id="sexPrintSelect0bc2" class="print-select">
<input type="text" id="sexPrintSelect5d14" class="print-select small">
<label>Größe</label>
<input type="text" class="small">
<label>Gewicht</label>
......@@ -994,7 +994,7 @@
</div>
<div class="form-row withspace">
<label>Metatyp</label>
<select data-printselect="#metatypePrintSelect1c7b">
<select data-printselect="#metatypePrintSelect929a">
<option></option>
<option>Mensch</option>
<option>Elf</option>
......@@ -1002,7 +1002,7 @@
<option>Troll</option>
<option>Zwerg</option>
</select>
<input type="text" id="metatypePrintSelect1c7b" class="print-select">
<input type="text" id="metatypePrintSelect929a" class="print-select small">
<label>Ethnie</label>
<input type="text">
</div>
......@@ -1010,12 +1010,12 @@
<label>Alter</label>
<input type="text" class="small">
<label>Geschlecht</label>
<select data-printselect="#sexPrintSelect1c7b" class="small">
<select data-printselect="#sexPrintSelect929a" class="small">
<option></option>
<option>m</option>
<option>f</option>
</select>
<input type="text" id="sexPrintSelect1c7b" class="print-select">
<input type="text" id="sexPrintSelect929a" class="print-select small">
<label>Größe</label>
<input type="text" class="small">
<label>Gewicht</label>
......
......@@ -22,7 +22,7 @@ div.mod.modBox.box(class=boxsize, draggable="true")
option= labels.orc
option= labels.troll
option= labels.dwarf
input.print-select(type="text", id=metatype)
input.print-select.small(type="text", id=metatype)
label= labels.ethnicity
input(type="text")
div.form-row.withspace
......@@ -33,7 +33,7 @@ div.mod.modBox.box(class=boxsize, draggable="true")
option
option= labels.m
option= labels.f
input.print-select(type="text", id=sex)
input.print-select.small(type="text", id=sex)
label= labels.height
input.small(type="text")
label= labels.weight
......
// font headline
@font-face {
font-family: 'armadurasolidw00-regularRg';
src: url('../fonts/armadurasolid/armadurasolidw00-regular-webfont.eot');
src: url('../fonts/armadurasolid/armadurasolidw00-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/armadurasolid/armadurasolidw00-regular-webfont.woff2') format('woff2'),
url('../fonts/armadurasolid/armadurasolidw00-regular-webfont.woff') format('woff'),
url('../fonts/armadurasolid/armadurasolidw00-regular-webfont.ttf') format('truetype'),
url('../fonts/armadurasolid/armadurasolidw00-regular-webfont.svg#armadurasolidw00-regularRg') format('svg');
font-weight: normal;
font-style: normal;
}
// font labels / text input
@font-face {
font-family: 'friz_quadrataregular';
src: url('frizquadrataregular-webfont.eot');
src: url('frizquadrataregular-webfont.eot?#iefix') format('embedded-opentype'),
url('frizquadrataregular-webfont.woff2') format('woff2'),
url('frizquadrataregular-webfont.woff') format('woff'),
url('frizquadrataregular-webfont.ttf') format('truetype'),
url('frizquadrataregular-webfont.svg#friz_quadrataregular') format('svg');
font-weight: normal;
font-style: normal;
}
@gutter-full: 20px;
@gutter-half: @gutter-full / 2;
......@@ -25,6 +53,10 @@ body {
padding: @gutter-full;
}
h2 {
font-family: 'armadurasolidw00-regularRg';
}
// navbar styles
.navbar-fixed-top {
border-bottom: 2px solid @sr-gray;
......@@ -110,11 +142,10 @@ td, th {
// general elements, input, select label in a box
label {
//flex: 1;
font-size: 0.8em;
font-size: 0.8em;
margin-bottom: 0;
white-space: nowrap;
padding: 10px 5px 0px 0px;
padding: 5px 5px 0px 0px;
font-weight: normal;
color: @sr-gray;
}
......@@ -122,11 +153,29 @@ label.light {
color: @sr-gray-light;
}
input[type="text"] {
padding: 0px @gutter-half / 2;
}
input, select {
flex: 2;
font-size: 0.8em;
color: @sr-gray-light;
appearance: none;
box-shadow: none;
border-radius: none;
border: 0;
border-bottom: @borderwidth solid @sr-gray;
border-bottom: 1px solid @sr-gray;
margin-top: 5px;
margin-bottom: 1px;
}
input[type="text"]:focus, select:focus {
outline: none;
border-bottom: 2px solid @sr-gray;
margin-bottom: 0px;
}
input[type="checkbox"] {
flex: auto;
border: 1px solid @sr-red;
......
......@@ -8,7 +8,7 @@
}
.boxBody {
border: 2px solid @sr-red;
border: 1px solid @sr-red;
padding: 0 @gutter-half / 2 @gutter-half / 2 @gutter-half / 2;
margin: @gutter-half 0 0 0;
background-color: #fff;
......@@ -24,7 +24,7 @@
// first row in a box usualy has only labels and therefore needs a separate border
// the rest or the rows has obly inputs which bring a border along.
.form-row.border {
border-bottom: @borderwidth solid @sr-gray;
border-bottom: 1px solid @sr-gray;
input, select {
border: 0;
......
......@@ -3,6 +3,7 @@
}
.document-page {
font-family: 'friz_quadrataregular';
height: @page-height;
width: @page-width;
page-break-before: always;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment