diff --git a/docs/css/style.css b/docs/css/style.css index 759e670..f1be804 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -73,31 +73,24 @@ left:50%; } -.navbar { +header nav ul{ display: flex; - justify-content: space-between; + z-index: 0; + background-color: black; + color: white; + justify-content: flex-end; align-items: center; - padding: 10px 0px; } - -.r-nav ul { - margin: 0; - padding: 0; - display: flex; - font-family: 'Nunito',sans-serif; +header nav ul li{ + list-style-type: none; + font-size: x-large; + margin: 14px; + padding: 8px; + font-family: 'Nunito',sans-serif; } - -.r-nav li { - list-style:none; - margin:10px; -} - -.r-nav a { - text-decoration: none; - padding:1rem; - color: #000; - font-size: 20px; - display: block; +header nav ul li:hover{ + color: blue; + cursor: pointer; } .toggle-button { @@ -118,11 +111,6 @@ background-color: white; } -.r-nav li a:hover { - color: #208A5E; - transition: all .3s ease; -} - .download { border-radius: 20px; padding:12px 8px; @@ -130,11 +118,15 @@ border:none; background-color: #208A5E; color:white; - width:250px; + width:260px; font-size:20px; margin-bottom: 20px; cursor: pointer; } +.download:hover { + background-color: blue; + background: linear-gradient(to right, blue, purple); +} .download-parent { display: flex; @@ -143,8 +135,9 @@ } .download { - margin-top: 40px; - margin-left: 10px; + margin-top: 50px; + margin-left: 30px; + margin-right: 30px; } .download-parent a { @@ -154,12 +147,8 @@ color:black; } -.hero, -.navbar { +.hero{ background-color: #b4ddf0; -} - -.hero { height: 100vh; } diff --git a/docs/index.html b/docs/index.html index c43ff1b..53b1f31 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,62 +1,60 @@ + - - - - tabsMonster - - + + + + tabsMonster + + + - -
- - -
- - - -
-

A Chrome Extension to keep a tab on your Browser Tabs

-
- - -
- - + + + + \ No newline at end of file