From 42e6e483db39a44e52ba6c26d6e3cee66e32ff82 Mon Sep 17 00:00:00 2001 From: pythongiant Date: Wed, 27 Jun 2018 23:21:05 +0530 Subject: [PATCH 1/3] changed bottom ui --- css/style.css | 85 +++++++++++++++++---------------------------- index.html | 95 ++++----------------------------------------------- 2 files changed, 37 insertions(+), 143 deletions(-) diff --git a/css/style.css b/css/style.css index 57d0f74..84691b8 100644 --- a/css/style.css +++ b/css/style.css @@ -101,69 +101,46 @@ a { font-size: 2rem; } -/* modules/image.css */ +ul{ + list-style-type: none; -svg { - max-width: 100%; } - -/* modules/navigation.css */ - -.navigation { - background-color: rgba(255, 255, 255, 1); - border-radius: 0.25rem; - -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .3); - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .3); +ul li { + display: inline; + font-size: 200%; + padding:2vw; + } - -.navigation ul { - list-style: none; - margin: 0; - padding: 0; +i{ + color:white; + transition: all .2s ease-in-out; } -.navigation a { - display: block; - padding: 24px; - padding: 1.5rem; - position: relative; - text-decoration: none; +#telegram:hover{ + + color: #0088cc; + border-radius: 49%; + background-color: white; + transform: scale(1.5); } -.navigation a:focus::after, -.navigation a:hover::after { - opacity: 1; -} +#gitter:hover{ + + color: #f4015e; -.navigation a::after { - -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .3); - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .3); - content: ''; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - -webkit-transition: opacity 0.3s; - transition: opacity 0.3s; - width: 100%; + transform: scale(1.5); } -.navigation--inline ul { - display: -webkit-box; - display: -ms-flexbox; - display: flex; -} -.Telegram:hover svg { - fill: #0088cc -} -.Gitter:hover svg { - fill: #ed1965 -} -.Github:hover svg { - fill: #000000 -} -.Join:hover svg { - fill: #0078D7 +#github:hover{ + + color: black; + border-radius: 50%; + background-color: white; + transform: scale(1.5); } +#biz:hover{ + + color: white; + transform: scale(1.5); +} diff --git a/index.html b/index.html index 5a3fa8d..e12d827 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,8 @@ - + +