guettli/djangotools.css

## djangotools.css
/*
*/

fieldset {
  border: #eeeeee 2px groove;
}

/* Paginator:
  << < 1 2 *3* 4 5 > >>
*/
table.paginator td {
  font-size: 10pt;
  border: none
 }
table.paginator th {
  font-size: 10pt;
  border: solid black 0px;
  padding-left:  .4em;
  padding-right: .4em;
 }
table.paginator th a {
  display: block;
 }
/*
 Tabelle: Zeilen eines Suchergebnisses
*/
tr.alter0 {background-color:#ffffff; border-spacing:0;}
tr.alter1 {background-color:#eaeaea; border-spacing:0;}

.int {
  text-align: right;
 }
.center {
  text-align: center;
}

/* Tabellen allgemein */
table tr td {
  border: 0px none;
  padding: .2em;
}
table tr th {
  border: 0px none;
  padding: .2em;
  text-align: left;
}

/* Summen Zeilen am Ende einer Tabelle: Oben einen dicken Strich zeichnen */
tr.sum td, tr.sum th {
  border-top: 2pt solid;
}

td pre { /* leider wird durch base.css (YUI) bei <pre> ein margin-bottom gesetzt. Das td ist hier nötig, d
 sonst die Version von base.css verwendet wird.*/
  margin-bottom: 0px;
}

.disabled {
  color: black;
  background-color: #eeeeee;
  margin-bottom: 0;
}

/* formutils td_add --> Added text should be right to the select box, not below. */
td.form_widget select {
  float: left;
}

pre.readonly {
  display: inline;
}

/* !important ist leider nötig, ansonsten wird folgendes angewendet:
 #div-headlinks .hlist li  --> cyan
*/
.stage-p {color: #FFF !important}
.stage-q {color: #0FF !important} /* Cyan*/
.stage-i {color: #FF0 !important} /* Yellow */
.stage-d {color: #0A0 !important} /* Green */
.stage-s {color: #8B00ff !important} /* Violett */


/* remove spinner(arrows) on input of number for Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}

/* remove spinner(arrows) on input of number for Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* https://github.com/javierjulio/textarea-autosize */
textarea {
  box-sizing: border-box;
  max-height: 160px; /* orig 94px, scrollbar added if more height is needed  */
  min-height: 31px;
  overflow-x: hidden; /* for Firefox (issue #5) */
}

## index.html
     <html>
      <head>
       <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

        <link href="djangotools.css" type="text/css" media="all" rel="stylesheet" />
        <script type="jquery.textarea_autosize.js"></script>

      </head>
      <body>

            <form name="beleg" action="./" method="POST" enctype="multipart/form-data">
<textarea cols="50" name="beleg_form-text" rows="1">
</textarea> </td>

            </form>
<a href="https://gist.github.com/guettli/eba8aad4f9cab66322b8">Source of this gist</a>

 </body>
</html>
	/*
	*/

	fieldset {
	border: #eeeeee 2px groove;
	}

	/* Paginator:
	<< < 1 2 3 4 5 > >>
	*/
	table.paginator td {
	font-size: 10pt;
	border: none
	}
	table.paginator th {
	font-size: 10pt;
	border: solid black 0px;
	padding-left: .4em;
	padding-right: .4em;
	}
	table.paginator th a {
	display: block;
	}
	/*
	Tabelle: Zeilen eines Suchergebnisses
	*/
	tr.alter0 {background-color:#ffffff; border-spacing:0;}
	tr.alter1 {background-color:#eaeaea; border-spacing:0;}

	.int {
	text-align: right;
	}
	.center {
	text-align: center;
	}

	/* Tabellen allgemein */
	table tr td {
	border: 0px none;
	padding: .2em;
	}
	table tr th {
	border: 0px none;
	padding: .2em;
	text-align: left;
	}

	/* Summen Zeilen am Ende einer Tabelle: Oben einen dicken Strich zeichnen */
	tr.sum td, tr.sum th {
	border-top: 2pt solid;
	}

	td pre { /* leider wird durch base.css (YUI) bei <pre> ein margin-bottom gesetzt. Das td ist hier nötig, d
	sonst die Version von base.css verwendet wird.*/
	margin-bottom: 0px;
	}

	.disabled {
	color: black;
	background-color: #eeeeee;
	margin-bottom: 0;
	}

	/* formutils td_add --> Added text should be right to the select box, not below. */
	td.form_widget select {
	float: left;
	}

	pre.readonly {
	display: inline;
	}

	/* !important ist leider nötig, ansonsten wird folgendes angewendet:
	#div-headlinks .hlist li --> cyan
	*/
	.stage-p {color: #FFF !important}
	.stage-q {color: #0FF !important} /* Cyan*/
	.stage-i {color: #FF0 !important} /* Yellow */
	.stage-d {color: #0A0 !important} /* Green */
	.stage-s {color: #8B00ff !important} /* Violett */


	/* remove spinner(arrows) on input of number for Firefox */
	input[type='number'] {
	-moz-appearance:textfield;
	}

	/* remove spinner(arrows) on input of number for Webkit browsers like Safari and Chrome */
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	}

	/* https://github.com/javierjulio/textarea-autosize */
	textarea {
	box-sizing: border-box;
	max-height: 160px; /* orig 94px, scrollbar added if more height is needed */
	min-height: 31px;
	overflow-x: hidden; /* for Firefox (issue #5) */
	}
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

	<link href="djangotools.css" type="text/css" media="all" rel="stylesheet" />
	<script type="jquery.textarea_autosize.js"></script>

	</head>
	<body>

	<form name="beleg" action="./" method="POST" enctype="multipart/form-data">
	<textarea cols="50" name="beleg_form-text" rows="1">
	</textarea> </td>

	</form>
	<a href="https://gist.github.com/guettli/eba8aad4f9cab66322b8">Source of this gist</a>

	</body>
	</html>