From ee88b140d2285174d9c775feaf1dd35df7fc6aa9 Mon Sep 17 00:00:00 2001
From: Jeremiasz Pauszek <jerpau@st.amu.edu.pl>
Date: Mon, 14 Jan 2019 17:51:00 +0000
Subject: [PATCH] Zaktualizuj 'styles.css'

zmiana button, button:hover i button:active
---
 styles.css | 296 +++++++++++++++++++++++++++++------------------------
 1 file changed, 162 insertions(+), 134 deletions(-)

diff --git a/styles.css b/styles.css
index c51d3ba..bc0f1ad 100644
--- a/styles.css
+++ b/styles.css
@@ -1,135 +1,163 @@
-body
-
-ul {
-	list-style-type: none;
-	margin: 0;
-	padding: 0;
-	overflow: hidden;
-	background-color: ;
-}
-
-li
-{
-	float: center;
-}
-li a{
-	display: block;
-	color: black;
-	text-align: center;
-	padding: 0%;
-	text-decoration: none;
-	background-color: orange;
-}
-{
-	margin: 0px;
-}
-
-.reset-settings
-{
-	clear: both;
-}
-
-#container
-{
-	width: auto;
-	higher: auto;
-}
-
-.top
-{
-	text-align: center;
-	float: left;
-	padding-top: 0.9%;
-    padding-bottom: 0.5%;
-    padding-left: 0.4%;
-    padding-right: 0.4%;
-	width: 99.2%;
-	background: linear-gradient(#0014ff, #00dcff);
-}
-
-#top-left
-{
-	width: 20%;
-	float: left;
-}
-
-#top-center
-{
-	width: 60%;
-	float: left;
-}
-
-#top-right
-{
-	width: 20%;
-	float: left;
-}
-
-#logo
-{
-	width: 100%;
-}
-
-.menu-bar
-{
-	text-align: center;
-	float: left;
-	padding-top: 0.5%;
-    padding-bottom: 0.5%;
-    padding-left: 0.4%;
-    padding-right: 0.4%;
-	width: 99.2%;
-	background: #0095ff;;
-}
-
-#menu-bar-left
-{
-	width: 30%;
-	float: left;
-}
-
-#menu-bar-center
-{
-	width: 60%;
-	float: left;
-}
-
-#menu-bar-right
-{
-	width: 10%;
-	float: left;
-}
-
-#login-button 
-{
-    padding: 2% 5.5%;
-    border-radius: 7px;
-}
-
-.button
-{
-	background: #b400ff;
-	text-decoration: none;
-	color: black;
-}
-
-.button:hover
-{
-    background: #d97eff;
-}
-
-.button:active
-{
-    background: #ffd664;
-}
-
-#content
-{
-	padding: 5% 15%;
-}
-
-#footer
-{
-	background: #0095ff;
-    padding: 0.2%;
+body
+
+ul {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+	overflow: hidden;
+	background-color: ;
+}
+
+li
+{
+	float: center;
+}
+li a{
+	display: block;
+	color: black;
+	text-align: center;
+	padding: 0%;
+	text-decoration: none;
+	background-color: orange;
+}
+{
+	margin: 0px;
+}
+
+.reset-settings
+{
+	clear: both;
+}
+
+#container
+{
+	width: auto;
+	higher: auto;
+}
+
+.top
+{
+	text-align: center;
+	float: left;
+	padding-top: 0.9%;
+    padding-bottom: 0.5%;
+    padding-left: 0.4%;
+    padding-right: 0.4%;
+	width: 99.2%;
+	background: linear-gradient(#0014ff, #00dcff);
+}
+
+#top-left
+{
+	width: 20%;
+	float: left;
+}
+
+#top-center
+{
+	width: 60%;
+	float: left;
+}
+
+#top-right
+{
+	width: 20%;
+	float: left;
+}
+
+#logo
+{
+	width: 100%;
+}
+
+.menu-bar
+{
+	text-align: center;
+	float: left;
+	padding-top: 0.5%;
+    padding-bottom: 0.5%;
+    padding-left: 0.4%;
+    padding-right: 0.4%;
+	width: 99.2%;
+	background: #0095ff;;
+}
+
+#menu-bar-left
+{
+	width: 30%;
+	float: left;
+}
+
+#menu-bar-center
+{
+	width: 60%;
+	float: left;
+}
+
+#menu-bar-right
+{
+	width: 10%;
+	float: left;
+}
+
+#login-button 
+{
+    padding: 2% 5.5%;
+    border-radius: 7px;
+}
+
+.button {
+    display: block;
+    height: 20px;
+    width: 40%;
+    background: #FF8C00;
+    border: 2px solid rgba(33, 68, 72, 0.59);
+ 
+    color: rgba(0, 0, 0, 0.55);
+    text-align: center;
+    font: bold "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
+	font-size: 100%;
+  
+    background-color: #FF8C00;
+ 
+    -webkit-border-radius: 50px;
+    -khtml-border-radius: 50px;
+    -moz-border-radius: 50px;
+    border-radius: 50px;
+ 
+    -webkit-box-shadow: 0 8px 0 #995400;
+    -moz-box-shadow: 0 8px 0 #995400;
+    box-shadow: 0 8px 0 #995400;
+ 
+    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
+}
+
+.button:hover {
+    background-color: #995400;
+ 
+    -webkit-border-radius: 50px;
+    -khtml-border-radius: 50px;
+    -moz-border-radius: 50px;
+    border-radius: 50px;
+ 
+    -webkit-box-shadow: 0 8px 0 #995400;
+    -moz-box-shadow: 0 8px 0 #995400;
+    box-shadow: 0 8px 0 #995400;
+ 
+    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
+}
+
+.button:active
+{
+    background: #e67e00;
+}
+#content
+{
+	padding: 5% 15%;
+}
+
+#footer
+{
+	background: #0095ff;
+    padding: 0.2%;
 }
\ No newline at end of file