styl css

PC30-SklepSpring/src/main/webapp/styl.css

+@charset "UTF-8";
+
+body {
+	background-color: #EEFFDD;
+	font-family: 'Arial', sans-serif;
+}
+
+h1, h4 {
+	text-align: center;
+}
+
+h2, h3, h4 {
+	margin-top: 0;
+}
+
+.product {
+	border: solid 2px blue;
+	margin: 1em 400px 1em 50px;
+	padding: 1em;
+	background-color: #DDFFDD;
+	width: 800px;
+	clear: right;
+}
+
+.basket {
+	position: fixed;
+	right: 0;
+	top: 0;
+	width: 300px;
+	height: 400px;
+	background-color: white;
+	border: outset 3px green;
+	padding: 1em;
+	font-size: smaller;
+}
+
+.product-name, .product-price {
+	font-weight: bold;
+	font-size: larger;
+}
+
+.product-description {
+	font-style: italic;
+}
+
+.error {
+	color: red;
+	border: 4px solid red;
+	margin: 1em 400px 1em 50px;
+	padding: 1em;
+	background-color: white;
+	font-weight: bold;
+}
+
+.info {
+	color: green;
+	border: 4px solid green;
+	margin: 1em 400px 1em 50px;
+	padding: 1em;
+	background-color: white;
+	font-weight: bold;
+	min-width: 500px;
+}
+
+#wyszukiwarka {
+	background-color: #AAEEFF;
+	width: 800px;
+	border: 2px black solid;
+	margin: 1em 400px 1em 50px;
+	padding: 1em;
+}
+
+#product-form {
+	margin: 1em auto;
+	padding: 1em;
+	border: 4px solid blue;
+	background-color: #DDFFFF;
+	min-width: 500px;
+	max-width: 1000px;
+}
+
+#product-form textarea {
+	min-width: 360px;
+}
+
+.form-error {
+	color: red;
+	font-size: smaller;
+}
+
+div.action {
+	font-size: smaller;
+	font-family: 'Arial', sans-serif;
+	font-weight: bold;
+	background-color: #DDDDDD;
+	border: 2px #444466 outset;
+	padding: 6px;
+	margin: 4px auto 4px 4px;
+	max-width: 200px;
+}
+
+.action:hover {
+	background-color: #EEEEEE;
+	border: 2px #4455CC outset;
+}
+
+.action:active {
+	background-color: #EEEEEE;
+	border: 2px #CC4455 inset;
+}
+
+.action a {
+	display: inline-block;
+	color: inherit;
+	text-decoration: none;
+	width: 100%;
+}
+
+.action a:hover {
+	color: #0000CC;
+}
+
+
+.photo {
+	display: block;
+	float: right;
+	max-width: 300px;
+	max-height: 200px;
+	margin: 5px;
+}
+
+.data-table {
+	border-collapse: collapse;
+	border: 2px solid black;
+	background-color: #AAFFEE;
+	margin: 1em 100px;
+}
+
+.data-table th, .data-table td {
+	font-size: 0.95em;
+	padding: 2px 4px;
+	text-align: center;
+	border: 1px solid black;
+}
+
+.data-table th {
+	font-weight: bold;
+	background-color: #EE88DD;
+}