From 19ca2b697a9a3eaced063255865b3f68d25b4bac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Rosi=C5=84ski?= Date: Mon, 14 Jan 2019 16:10:44 +0000 Subject: [PATCH] =?UTF-8?q?Prze=C5=9Blij=20pliki=20do=20''?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.php | 59 +++++++++++++++++++++++ styles.css | 135 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 194 insertions(+) create mode 100644 index.php create mode 100644 styles.css diff --git a/index.php b/index.php new file mode 100644 index 0000000..3c43229 --- /dev/null +++ b/index.php @@ -0,0 +1,59 @@ + + + Forum Elektroniki + + + + +
+ +
+
+ +
+ +
+
+
+ +
+
+
+
+ +
+ + + +
+ + + + + +
+ + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..c51d3ba --- /dev/null +++ b/styles.css @@ -0,0 +1,135 @@ +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%; +} \ No newline at end of file