Work on the tif design

This commit is contained in:
7u83 2020-02-24 11:29:33 +00:00
parent 894e460efa
commit 346fd821a8
2 changed files with 111 additions and 15 deletions

124
ka.html
View File

@ -15,27 +15,123 @@
</head> </head>
<body> <body>
<div class="page is-container"> <div class="page is-container">
<div class="main-sidebar">Sidebar</div> <div class="main-sidebar">Wikimedia Logo</div>
<div class="main-content"> <div class="main-content">
<h1>Antrag auf Kostenerstattung</h1> <h1>Auslagenersatz</h1>
<p>Bitte beachte beim Ausfüllen die <p>Du möchtest dir Kosten erstatten lassen, welche im Rahmen deines
<a target="_blank" href="https://www.wikimedia.de/wiki/ Projektes entstanden sind?<BR>
Gesch%C3%A4ftsordnung#Reisekostenordnung"> Bitte fülle dieses Formular aus ...
Reisekostenordnung
</a>.
</p> </p>
<h3>Bitte fülle die allgemeinen Daten für die Erstattung aus.</h3>
<form name="theform" id="theform" action="submit.php" method="POST"> <form name="theform" id="theform" action="submit.php" method="POST">
<fieldset> <div class="is-row">
<div class="is-col is-70">
<fieldset>
<div class="is-row">
<div class="is-col">
<input required type="input"
size="32" id="nickname" name="nickname"
placeholder="Nickname*" />
</div>
<div class="is-col">
<input required type="input"
size="32" id="projekt" name="project"
placeholder="Projekt-ID*" />
</div>
</div>
<br>
<div class="is-row">
<div class="is-col">
<input required type="input" size="32"
` name="realname" placeholder="Realname*" />
</div>
<div class="is-col">
</div>
</div>
<br>
<div class="is-row">
<div class="is-col">
<input required type="email" size="32" id="email"
name="email" placeholder="E-Mail-Adresse*" />
</div>
<div class="is-col">
</div>
</div>
<br>
<legend>Dein Projekt / Zweck der Reise</legend> <div class="is-row">
<input required type="input" <div class="is-col">
size="32" id="projekt" name="project"
placeholder="Projekt xy" /> <input class="screen" type="radio" id="eu"
</fieldset> name="bank" value="EU" checked>
<label class="screen radio" for="eu">EU-Banküberweisung</label>
<br>
<input class="screen" type="radio"
id="noneu" name="bank" value="Non-EU">
<label class="screen radio" for="noneu">
Non-EU-Banküberweisung</label>
<br>
<input class="screen" type="radio" id="paypal"
name="bank" value="PayPal">
<label class="screen radio" for="paypal">PayPal</label>
<br>
<input class="screen" type="radio" id="bar"
name="bank" value="Bar">
<label class="screen radio" for="bar" lang="de">
Bargeld</label>
<br><br>
<label class="EU nonEU" for="owner" >Kontoinhaber</label>
<input class="EU nonEU" type="input" size="32" id="ownerDe" name="Owner" placeholder="wenn abweichend vom Realnamen" />
<label class="EU nonEU" for="iban" >IBAN</label>
<input class="EU nonEU" type="input" size="32" id="iban" name="IBAN" placeholder="DE0123…" />
<label class="EU nonEU" for="bic">BIC / SWIFT</label>
<input class="EU nonEU" type="input" size="32" id="bic" name="BIC" placeholder="LBMU…" />
<label class="EU nonEU" for="bank" >Name der Bank</label>
<input class="EU nonEU" type="input" size="32" id="bank" name="Bankname" placeholder="Banky McBankface" />
<label class="nonEU" for="bankaddress" >Bankanschrift</label>
<textarea class="nonEU" name="bankaddress" id="bankaddress" style="resize:both;" cols="32" rows="4" placeholder="Straße und Hausnummer
Postleitzahl und Ort
Land"></textarea>
<label class="nonEU" for="address" >Deine Anschrift</label>
<textarea name="address" lang="de" class="nonEU" id="address" style="resize:both;" cols="32" rows="4" placeholder="Straße und Hausnummer
Postleitzahl und Ort
Land"></textarea>
<label class="EU nonEU" for="comments" lang="de">Weitere Anmerkungen</label>
<textarea class="EU nonEU" id="comments" name="comments"
style="resize:both;" cols="32" rows="4" placeholder="z.B. intermdiäre Bank,
Grund für abweichende Kontoinhaberin"></textarea>
<label class="paypal" for="accountnumber">
PayPal account</label>
<input class="paypal" type="input" size="32"
id="paypal" placeholder="paypal@example.com" />
</div> <!-- i-col -->
</div> <!-- is-row -->
</fieldset>
</div>
<div class="is-col ">
Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext Hilfetext
</div>
</div> <!-- is row -->
Hallo
</div>
</div>
<fieldset> <fieldset>
<legend>Deine Ansprechperson bei Wikimedia</legend> <legend>Deine Ansprechperson bei Wikimedia</legend>

View File

@ -25,7 +25,7 @@ body {
.main-content { .main-content {
/* @include make-content;*/ /* @include make-content;*/
/* width: 100em;*/ /* width: 100em;*/
max-width:100em; /* max-width:170em;*/
} }