From c50e401e5df609c83dcfcd1d099be629680f55ab Mon Sep 17 00:00:00 2001
From: Krystian Rzepa <kryrze@st.amu.edu.pl>
Date: Mon, 31 Dec 2018 00:17:37 +0000
Subject: [PATCH] Dodaj 'style/tasks.css'

---
 style/tasks.css | 168 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 168 insertions(+)
 create mode 100644 style/tasks.css

diff --git a/style/tasks.css b/style/tasks.css
new file mode 100644
index 0000000..8622a02
--- /dev/null
+++ b/style/tasks.css
@@ -0,0 +1,168 @@
+.header {
+  overflow: hidden;
+  background-color: #000;
+  padding: 20px 10px;
+}
+
+.header a {
+  float: left;
+  color: #ddd;
+  text-align: center;
+  padding: 12px;
+  text-decoration: none;
+  font-size: 18px; 
+  line-height: 25px;
+  border-radius: 4px;
+}
+
+.header a.logo {
+  font-size: 25px;
+  font-weight: bold;
+}
+
+.header a:hover {
+  background-color: #ddd;
+  color: black;
+}
+
+.header a.active {
+  background-color: #fb2525;
+  color: white;
+}
+
+.header a.active:hover {
+    cursor: pointer;
+    background: #ffc107;
+    color: #000;
+}
+
+.header-right {
+  float: right;
+}
+
+.addform {
+  overflow: hidden;
+  background-color: black;
+  padding: 0px 10px;
+}
+
+.addform input {
+    width: 100%;
+    margin-bottom: 20px;
+}
+
+.addform input[type="text"] {
+    border: none;
+    border-bottom: 1px solid #fff;
+    background: transparent;
+    outline: none;
+    height: 40px;
+    color: #fff;
+    font-size: 16px;
+	text-align: center;
+}
+
+.addform input[type="submit"] {
+	border: none;
+    outline: none;
+    height: 40px;
+    background: #fb2525;
+    color: #fff;
+    font-size: 18px;
+    border-radius: 20px;
+}
+
+.addform input[type="submit"]:hover {
+    cursor: pointer;
+    background: #ffc107;
+    color: #000;
+}
+
+.done-button {
+	display: inline-block;
+	font-size: 0.8em;
+	background-color: #d9dfe1;
+	color: #363639;
+	padding: 2px 4px;
+	border: 0;
+	opacity: 0.4;
+}
+
+.delete-button {
+	display: inline-block;
+	font-size: 0.8em;
+	background-color: #FF6666;
+	color: #CC0000;
+	padding: 2px 4px;
+	border: 0;
+	opacity: 0.4;
+}
+
+.todo {
+	left: 10%;
+	position: absolute;
+	background-color: #fff;
+	margin: 20px auto;
+	width: 100%;
+	max-width: 500px;
+	padding: 20px;
+	border-radius: 4px;
+	box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
+	box-sizing: border-box;
+}
+
+.done {
+	right: 10%;
+	position: absolute;
+	background-color: #fff;
+	margin: 20px auto;
+	width: 100%;
+	max-width: 500px;
+	padding: 20px;
+	border-radius: 4px;
+	box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
+	box-sizing: border-box;
+}
+
+.tasks {
+	margin:0;
+	padding0;
+	list-style-type: none;
+}
+
+.tasks li {
+	border:0;
+	border-bottom:1px dashed #ccc;
+	padding: 15px 0;
+}
+
+@media screen and (max-width: 999px) {
+.todo {
+	position: relative;
+	left: 0.5%;
+	top: 5%;
+	background-color: #fff;
+	margin: auto;
+	width: 90%;
+	max-width: 500px;
+	padding: 20px;
+	border-radius: 4px;
+	box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
+	box-sizing: border-box;
+}
+
+.done {
+	position: relative;
+	left: 0.5%;
+	top: 5%;
+	background-color: #fff;
+	margin: 20px auto;
+	width: 90%;
+	max-width: 500px;
+	padding: 20px;
+	border-radius: 4px;
+	box-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
+	box-sizing: border-box;
+}
+
+}
\ No newline at end of file