From e268ce7b65b2b9caa907dfd369544004b77b0130 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Maciej=20Bar=C4=87?= Date: Fri, 29 May 2020 18:42:23 +0200 Subject: [PATCH] styles/main.css: untabify; set some values as non-relative --- public/assets/styles/main.css | 100 +++++++++++++++++----------------- 1 file changed, 51 insertions(+), 49 deletions(-) diff --git a/public/assets/styles/main.css b/public/assets/styles/main.css index cf23989..7d3f65a 100644 --- a/public/assets/styles/main.css +++ b/public/assets/styles/main.css @@ -10,129 +10,131 @@ /* General */ * { - background-repeat: no-repeat; + background-repeat: no-repeat; } html, body { - height: 100%; - margin: 0; - padding: 0; - width: 100%; + height: 100%; + margin: 0; + padding: 0; + width: 100%; } body { - font-family: Arial, Helvetica, sans-serif; + background-color: rgba(1, 1, 1, 1); + font-family: Arial, Helvetica, sans-serif; } /* Menu */ #top { - background-color: rgba(51, 51, 51, 1); - height: 6%; - overflow: hidden; + background-color: rgba(51, 51, 51, 1); + height: 60px; + overflow: hidden; } #top ul { - list-style-type: none; - margin: 0; - overflow: hidden; - padding: 0.5%; + list-style-type: none; + margin: 0; + overflow: hidden; + padding: 0.5%; } #top li { - float: left; + float: left; } #top li a { - color: rgba(255, 255, 255, 1); - display: block; - height: 100%; - padding: 14px 16px; - text-align: center; - text-decoration: none; + color: rgba(255, 255, 255, 1); + display: block; + height: 100%; + padding: 14px 16px; + text-align: center; + text-decoration: none; } #top li a:hover { - background-color: rgba(1, 1, 1, 1); + background-color: rgba(1, 1, 1, 1); } /* Logo */ #src_prepare, #src, #prepare { - background-color: RGBA(88, 86, 86, 1); - margin: 0; - padding: 0; - text-align: center; + background-color: rgba(88, 86, 86, 1); + margin: 0; + padding: 0; + text-align: center; } #src_prepare { - height: 30%; + color: rgba(1, 1, 1, 1); + height: 250px; } #src { - font-size: 1000%; + font-size: 1000%; } #prepare { - font-size: 3vw; + font-size: 3vw; } /* About */ #about { - background-color: rgba(43, 40, 40, 1); - color: rgba(153, 156, 150, 1) ; - height: 60%; - padding: 1% 5% 1% 5%; + background-color: rgba(43, 40, 40, 1); + color: rgba(153, 156, 150, 1) ; + height: 60%; + padding: 1% 5% 1% 5%; } #about a { - text-decoration: none; + text-decoration: none; } #about a:link { - color: rgba(42, 161, 152, 1); + color: rgba(42, 161, 152, 1); } #about a:visited { - color: rgba(133, 153, 0, 1); + color: rgba(133, 153, 0, 1); } /* Footer */ footer { - background-color: rgba(0, 0, 0, 1); - color: rgba(255, 255, 255, 1); - font-size: 1.1vh; - height: 20%; - padding: 1% 5% 1% 5%; - text-align: center; + background-color: rgba(0, 0, 0, 1); + color: rgba(255, 255, 255, 1); + font-size: 1.1vh; + height: 20%; + padding: 1% 5% 1% 5%; + text-align: center; } .fcol { - float: left; - height: 50%; - text-align: center; - width: 33%; + float: left; + height: 50%; + text-align: center; + width: 33%; } .fcol ul { - list-style-type: none; + list-style-type: none; } .fcol a { - text-decoration: none; + text-decoration: none; } .fcol a:link { - color: rgba(42, 161, 152, 1); + color: rgba(42, 161, 152, 1); } .fcol a:visited { - color: rgba(133, 153, 0, 1); + color: rgba(133, 153, 0, 1); }