added Pages for Katalog
This commit is contained in:
parent
1bb2106c2f
commit
e6a07195ef
13 changed files with 475 additions and 116 deletions
103
Katalog.htm
103
Katalog.htm
|
@ -1,103 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Katalog</title>
|
||||
<link rel="stylesheet" type="text/css" href="scss/Style.css" media="screen" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="Titel">
|
||||
<h1>Katalog</h1>
|
||||
</div>
|
||||
<!--
|
||||
<div class="Eingabe">
|
||||
<h2>Eingabe</h2>
|
||||
<textarea name="Titel" class="text" placeholder="Titel"></textarea>
|
||||
<textarea name="Author" class="text" placeholder="Author"></textarea>
|
||||
<textarea name="Country" class="text" placeholder="Country"></textarea>
|
||||
<textarea name="Link" class="text" placeholder="Link"></textarea>
|
||||
<textarea name="Language" class="text" placeholder="Language"></textarea>
|
||||
<textarea name="Pages" class="text" type="number" placeholder="Pages"></textarea>
|
||||
<textarea name="Year" class="text" type="number" placeholder="Year"></textarea>
|
||||
<textarea name="Category" class="text" placeholder="Category"></textarea>
|
||||
<textarea name="ImageLink" class="text" placeholder="ImageLink"></textarea>
|
||||
<textarea name="LendTime" class="text" type="number" placeholder="LendTime"></textarea>
|
||||
<textarea name="LendType" class="text" placeholder="LendType"></textarea>
|
||||
|
||||
<button id="go">Go</button>
|
||||
</div>
|
||||
Das war die alte version. -->
|
||||
|
||||
<div class="Eingabe">
|
||||
<h2>Eingabe</h2>
|
||||
<form action="catalogue_search.php">
|
||||
<input type="text" name="Title" id="input" placeholder="Titel">
|
||||
<input type="text" name="Author" id="input" placeholder="Autor">
|
||||
<input type="text" name="Country" id="input" placeholder="Herkunft">
|
||||
<input type="url" name="Link" id="input" placeholder="Link">
|
||||
<input type="text" name="Language" id="input" placeholder="Sprache">
|
||||
<input type="number" name="Pages" id="input" placeholder="Seiten">
|
||||
<input type="date" name="Year" id="input" placeholder="Erscheinungsjahr"> <!-- Nur YYYY--> <!--funktioniert nur über ein Skript, alternativ type="number" mit min und max restrictions-->
|
||||
<input type="text" name="Category" id="input" placeholder="Kategorie"> <!-- Nur Auswahl (per select?) -->
|
||||
<input type="url" name="ImageLink" id="input" placeholder="Bild">
|
||||
<input type="number" name="LendTime" id="input" placeholder="Verteihdauer">
|
||||
<input type="text" name="LendType" id="input" placeholder="Verleihtyp">
|
||||
<input type="submit" name="go" id="go">
|
||||
</form>
|
||||
</div>
|
||||
<div class="Ausgabe">
|
||||
<h2>Ausgabe</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td class ="fix">ProductId</td>
|
||||
<td>1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Titel</td>
|
||||
<td>Die Bibel 2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Author</td>
|
||||
<td>Mr. IchBinEinAuthor</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Contry</td>
|
||||
<td>Atlantis</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Link</td>
|
||||
<td>lmgtfy.de</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Language</td>
|
||||
<td>latein</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Pages</td>
|
||||
<td>42</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Year</td>
|
||||
<td>2021</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Category</td>
|
||||
<td>Dies ist ein Beispiel für einen viiiiiiiiiiiiiiiiieeeeeeeeeeeeeeeellllllllllllllllllll zzzzzuuuuuuuuu llllllllllllaaaaaaaaannnnnnnnnnggeeeeeeeennnnnnn TTTTTTeeeeeeeeeeeeeeexxxxxxxxxxxxt</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">ImageLink</td>
|
||||
<td>DiesIstEinBild.png</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendTime</td>
|
||||
<td>30</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendType</td>
|
||||
<td>Buch</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -1,2 +0,0 @@
|
|||
# FrontendDavid
|
||||
|
94
addKatalog.htm
Normal file
94
addKatalog.htm
Normal file
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Katalog</title>
|
||||
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="Titel">
|
||||
<a href="index.html"><button id= zurueck">zurück</button></a>
|
||||
<h1>Katalog</h1>
|
||||
</div>
|
||||
|
||||
<div class="Eingabe">
|
||||
<h2>Eingabe</h2>
|
||||
<form action="catalogue_search.php">
|
||||
<input type="text" name="Title" class="input" placeholder="Titel">
|
||||
<input type="text" name="Author" class="input" placeholder="Autor">
|
||||
<input type="text" name="Country" class="input" placeholder="Herkunft">
|
||||
<input type="url" name="Link" class="input" placeholder="Link">
|
||||
<input type="text" name="Language" class="input" placeholder="Sprache">
|
||||
<input type="number" name="Pages" class="input" placeholder="Seiten">
|
||||
<input type="date" name="Year" class="input" placeholder="Erscheinungsjahr"> <!-- Nur YYYY--> <!--funktioniert nur über ein Skript, alternativ type="number" mit min und max restrictions-->
|
||||
<select class="input" name="Category">
|
||||
<option>Book</option>
|
||||
<option>Magazin</option>
|
||||
<option>EBook</option>
|
||||
<option>EPaper</option>
|
||||
</select>
|
||||
<input type="url" name="ImageLink" class="input" placeholder="Bild">
|
||||
<input type="number" name="LendTime" class="input" placeholder="Verteihdauer">
|
||||
<select class="input" name="Category">
|
||||
<option>Physical</option>
|
||||
<option>Virtual</option>
|
||||
</select>
|
||||
<input type="submit" name="go" id="go">
|
||||
</form>
|
||||
</div>
|
||||
<div class="Ausgabe">
|
||||
<h2>Ausgabe</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td class ="fix">ProductId</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Titel</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Author</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Contry</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Link</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Language</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Pages</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Year</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Category</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">ImageLink</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendTime</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendType</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
94
changeKatalog.htm
Normal file
94
changeKatalog.htm
Normal file
|
@ -0,0 +1,94 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Katalog</title>
|
||||
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="Titel">
|
||||
<a href="index.html"><button id= zurueck">zurück</button></a>
|
||||
<h1>Katalog</h1>
|
||||
</div>
|
||||
|
||||
<div class="Eingabe">
|
||||
<h2>Eingabe</h2>
|
||||
<form action="catalogue_search.php">
|
||||
<input type="text" name="Title" class="input" placeholder="Titel">
|
||||
<input type="text" name="Author" class="input" placeholder="Autor">
|
||||
<input type="text" name="Country" class="input" placeholder="Herkunft">
|
||||
<input type="url" name="Link" class="input" placeholder="Link">
|
||||
<input type="text" name="Language" class="input" placeholder="Sprache">
|
||||
<input type="number" name="Pages" class="input" placeholder="Seiten">
|
||||
<input type="date" name="Year" class="input" placeholder="Erscheinungsjahr"> <!-- Nur YYYY--> <!--funktioniert nur über ein Skript, alternativ type="number" mit min und max restrictions-->
|
||||
<select class="input" name="Category">
|
||||
<option>Book</option>
|
||||
<option>Magazin</option>
|
||||
<option>EBook</option>
|
||||
<option>EPaper</option>
|
||||
</select>
|
||||
<input type="url" name="ImageLink" class="input" placeholder="Bild">
|
||||
<input type="number" name="LendTime" class="input" placeholder="Verteihdauer">
|
||||
<select class="input" name="Category">
|
||||
<option>Physical</option>
|
||||
<option>Virtual</option>
|
||||
</select>
|
||||
<input type="submit" name="go" id="go">
|
||||
</form>
|
||||
</div>
|
||||
<div class="Ausgabe">
|
||||
<h2>Ausgabe</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td class ="fix">ProductId</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Titel</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Author</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Contry</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Link</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Language</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Pages</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Year</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Category</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">ImageLink</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendTime</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendType</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
78
deleteKatalog.htm
Normal file
78
deleteKatalog.htm
Normal file
|
@ -0,0 +1,78 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Katalog</title>
|
||||
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="Titel">
|
||||
<a href="index.html"><button id= zurueck">zurück</button></a>
|
||||
<h1>Katalog</h1>
|
||||
</div>
|
||||
|
||||
<div class="Eingabe">
|
||||
<h2>Eingabe</h2>
|
||||
<form action="catalogue_search.php">
|
||||
<input type="text" name="ProductId" class="input" placeholder="id">
|
||||
<input type="submit" name="go" id="go">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!--optional, nur überprüfung ob die richtige ProductID angegeben wurde sollte vor dem löschen, das Buch angezeigt werden +1 Bestätigungsknopf-->
|
||||
<!-- <div class="Ausgabe">
|
||||
<h2>Ausgabe</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td class ="fix">ProductId</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Titel</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Author</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Contry</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Link</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Language</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Pages</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Year</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Category</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">ImageLink</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendTime</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendType</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>-->
|
||||
</body>
|
||||
</html>
|
69
findKatalog.htm
Normal file
69
findKatalog.htm
Normal file
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Katalog</title>
|
||||
<link rel="stylesheet" type="text/css" href="scss/OutputOnly.css" media="screen" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="Titel">
|
||||
<a href="index.html"><button id= zurueck">zurück</button></a>
|
||||
<h1>Katalog</h1>
|
||||
</div>
|
||||
|
||||
<div class="Ausgabe">
|
||||
<h2>Ausgabe</h2>
|
||||
<table>
|
||||
<tr>
|
||||
<td class ="fix">ProductId</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Titel</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Author</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Contry</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Link</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Language</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Pages</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Year</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">Category</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">ImageLink</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendTime</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="fix">LendType</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
|
@ -21,10 +21,10 @@
|
|||
Buch im Katalog
|
||||
<select name="selection" id="selection" onchange="location.assign(this.value);">
|
||||
<option></option>
|
||||
<option value=find.html>Finden</option>
|
||||
<Option value="add.html">Hinzufügen</Option>
|
||||
<option value="katalog.htm">Bearbeiten</option>
|
||||
<option value="delete.html">Löschen</option>
|
||||
<option value=findKatalog.htm>Finden</option>
|
||||
<Option value="addKatalog.htm">Hinzufügen</Option>
|
||||
<option value="changeKatalog.htm">Bearbeiten</option>
|
||||
<option value="deleteKatalog.htm">Löschen</option>
|
||||
</select>
|
||||
</dd>
|
||||
<dt>
|
||||
|
|
56
scss/OutputOnly.css
Normal file
56
scss/OutputOnly.css
Normal file
|
@ -0,0 +1,56 @@
|
|||
body {
|
||||
background-color: bisque;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: 1fr [5];
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
grid-gap: 20px;
|
||||
-ms-grid-row: 5;
|
||||
grid-row: 5;
|
||||
padding-left: 1%;
|
||||
padding-right: 1%;
|
||||
}
|
||||
|
||||
.Titel {
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-column-span: 5;
|
||||
grid-column: 1 / 6;
|
||||
-ms-grid-row: 1;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.Ausgabe {
|
||||
-ms-grid-column: 3;
|
||||
-ms-grid-column-span: 3;
|
||||
grid-column: 2 / 5;
|
||||
-ms-grid-row: 2;
|
||||
-ms-grid-row-span: 4;
|
||||
grid-row: 2/6;
|
||||
background-color: lightgray;
|
||||
border: 1px solid black;
|
||||
padding-bottom: 3%;
|
||||
}
|
||||
|
||||
h2, h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-left: 3%;
|
||||
margin-right: 3%;
|
||||
scroll-behavior: auto;
|
||||
}
|
||||
|
||||
table td, table tr {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
table .fix .headcol {
|
||||
position: absolute;
|
||||
width: 5em;
|
||||
left: 0;
|
||||
top: auto;
|
||||
border-top-width: 1px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
/*# sourceMappingURL=OutputOnly.css.map */
|
9
scss/OutputOnly.css.map
Normal file
9
scss/OutputOnly.css.map
Normal file
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAA,AAAA,IAAI,CAAC;EACD,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,QAAQ;EACjB,OAAO,EAAE,IAAI;EACb,gBAAgB,EAAE,GAAK,EAAC,CAAC;EACrB,qBAAqB,EAAE,cAAc;EACzC,QAAQ,EAAE,IAAI;EACd,YAAY,EAAE,CAAC;EACf,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAE,EAAE;CAClB;;AAED,AAAA,MAAM,CAAC;EACL,eAAe,EAAE,CAAC;EAClB,oBAAoB,EAAE,CAAC;EACvB,WAAW,EAAE,KAAK;EAClB,YAAY,EAAE,CAAC;EACf,QAAQ,EAAE,CAAC;CACZ;;AAEF,AAAA,QAAQ,CAAC;EACN,eAAe,EAAE,CAAC;EAClB,oBAAoB,EAAE,CAAC;EACvB,WAAW,EAAE,KAAK;EAClB,YAAY,EAAE,CAAC;EACf,iBAAiB,EAAE,CAAC;EACpB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;EACvB,cAAc,EAAE,EAAE;CACnB;;AAED,AAAA,EAAE,EAAE,EAAE,CAAC;EACL,UAAU,EAAE,MAAM;CACnB;;AAED,AAAA,KAAK,CAAC;EACJ,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CACtB;;AAED,AAAA,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC;EACjB,MAAM,EAAE,eAAe;CACxB;;AAED,AAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;EAClB,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB;;AACD,qCAAqC",
|
||||
"sources": [
|
||||
"OutputOnly.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "OutputOnly.css"
|
||||
}
|
56
scss/OutputOnly.scss
Normal file
56
scss/OutputOnly.scss
Normal file
|
@ -0,0 +1,56 @@
|
|||
body {
|
||||
background-color: bisque;
|
||||
display: -ms-grid;
|
||||
display: grid;
|
||||
-ms-grid-columns: (1fr)[5];
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
grid-gap: 20px;
|
||||
-ms-grid-row: 5;
|
||||
grid-row: 5;
|
||||
padding-left: 1%;
|
||||
padding-right: 1%;
|
||||
}
|
||||
|
||||
.Titel {
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-column-span: 5;
|
||||
grid-column: 1 / 6;
|
||||
-ms-grid-row: 1;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.Ausgabe {
|
||||
-ms-grid-column: 3;
|
||||
-ms-grid-column-span: 3;
|
||||
grid-column: 2 / 5;
|
||||
-ms-grid-row: 2;
|
||||
-ms-grid-row-span: 4;
|
||||
grid-row: 2/6;
|
||||
background-color: lightgray;
|
||||
border: 1px solid black;
|
||||
padding-bottom: 3%;
|
||||
}
|
||||
|
||||
h2, h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-left: 3%;
|
||||
margin-right: 3%;
|
||||
scroll-behavior: auto;
|
||||
}
|
||||
|
||||
table td, table tr {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
table .fix .headcol {
|
||||
position: absolute;
|
||||
width: 5em;
|
||||
left: 0;
|
||||
top: auto;
|
||||
border-top-width: 1px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
/*# sourceMappingURL=style.css.map */
|
|
@ -12,7 +12,6 @@ body {
|
|||
}
|
||||
|
||||
.Titel {
|
||||
text-align: center;
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-column-span: 5;
|
||||
grid-column: 1 / 6;
|
||||
|
@ -20,6 +19,12 @@ body {
|
|||
grid-row: 1;
|
||||
}
|
||||
|
||||
.Titel #zuruck {
|
||||
-ms-flex-item-align: left;
|
||||
-ms-grid-row-align: left;
|
||||
align-self: left;
|
||||
}
|
||||
|
||||
.Eingabe {
|
||||
-ms-grid-column: 1;
|
||||
-ms-grid-column-span: 2;
|
||||
|
@ -31,7 +36,7 @@ body {
|
|||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.Eingabe input {
|
||||
.Eingabe .input {
|
||||
resize: none;
|
||||
overflow: auto;
|
||||
width: 90%;
|
||||
|
@ -58,6 +63,7 @@ body {
|
|||
grid-row: 2/6;
|
||||
background-color: lightgray;
|
||||
border: 1px solid black;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
h2, h1 {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAA,AAAA,IAAI,CACA;EACI,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CAErB;;AACL,AAAA,MAAM,CACF;EACI,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,CAAC;CAGd;;AACL,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAiB1B;;AAtBL,AAMQ,QANA,CAMA,KAAK,CACL;EACI,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CAClB;;AAbT,AAcQ,QAdA,CAcA,GAAG,CACH;EACI,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;CACf;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAC1B;;AACL,AAAA,EAAE,EAAC,EAAE,CACD;EACA,UAAU,EAAE,MAAM;CACjB;;AAIL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CAkBxB;;AArBD,AAII,KAJC,CAID,EAAE,EAJN,KAAK,CAIG,EAAE,CACN;EACI,MAAM,EAAE,eAAe;CAC1B;;AAPL,AAUQ,KAVH,CAQD,IAAI,CAEA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB",
|
||||
"mappings": "AAAA,AAAA,IAAI,CACA;EACI,gBAAgB,EAAE,MAAM;EACxB,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,cAAc;EACrC,QAAQ,EAAE,IAAI;EACd,QAAQ,EAAE,CAAC;EACX,YAAY,EAAE,EAAE;EAChB,aAAa,EAAG,EAAE;CAErB;;AACL,AAAA,MAAM,CACF;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,CAAC;CAMd;;AATL,AAIQ,MAJF,CAIE,OAAO,CACP;EACI,UAAU,EAAE,IAAI;CACnB;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;CAiB1B;;AAtBL,AAMQ,QANA,CAMA,MAAM,CACN;EACI,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,IAAI;EACd,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,EAAE;EACV,WAAW,EAAE,EAAE;CAClB;;AAbT,AAcQ,QAdA,CAcA,GAAG,CACH;EACI,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,EAAE;EACd,WAAW,EAAE,MAAM;EACnB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,IAAI;CACf;;AAGT,AAAA,QAAQ,CACJ;EACI,WAAW,EAAE,KAAK;EAClB,QAAQ,EAAE,GAAG;EACb,gBAAgB,EAAE,SAAS;EAC3B,MAAM,EAAE,eAAe;EACvB,cAAc,EAAE,GAAG;CACtB;;AACL,AAAA,EAAE,EAAC,EAAE,CACD;EACA,UAAU,EAAE,MAAM;CACjB;;AAIL,AAAA,KAAK,CAAA;EACD,WAAW,EAAE,EAAE;EACf,YAAY,EAAE,EAAE;EAChB,eAAe,EAAE,IAAI;CAiBxB;;AApBD,AAII,KAJC,CAID,EAAE,EAJN,KAAK,CAIG,EAAE,CACN;EACI,MAAM,EAAE,eAAe;CAC1B;;AAPL,AAUQ,KAVH,CAQD,IAAI,CAEA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,KAAK,EAAE,GAAG;EACV,IAAI,EAAE,CAAC;EACP,GAAG,EAAE,IAAI;EACT,gBAAgB,EAAE,GAAG;EACrB,UAAU,EAAE,IAAI;CACjB",
|
||||
"sources": [
|
||||
"style.scss"
|
||||
],
|
||||
|
|
|
@ -11,10 +11,12 @@ body
|
|||
}
|
||||
.Titel
|
||||
{
|
||||
text-align: center;
|
||||
grid-column: 1 / 6;
|
||||
grid-row: 1;
|
||||
//background-color: lightgreen;
|
||||
#zuruck
|
||||
{
|
||||
align-self: left;
|
||||
}
|
||||
|
||||
}
|
||||
.Eingabe
|
||||
|
@ -23,7 +25,7 @@ body
|
|||
grid-row: 2/6;
|
||||
background-color: lightgrey;
|
||||
border: 1px solid black;
|
||||
input
|
||||
.input
|
||||
{
|
||||
resize: none;
|
||||
overflow: auto;
|
||||
|
@ -47,6 +49,7 @@ body
|
|||
grid-row: 2/6;
|
||||
background-color: lightgray;
|
||||
border: 1px solid black;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
h2,h1
|
||||
{
|
||||
|
@ -75,5 +78,4 @@ table{
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
Loading…
Reference in a new issue