From 8b1bc20dc485624d3791fcc219f7f05cabebd2c5 Mon Sep 17 00:00:00 2001 From: Kishan2912 Date: Sat, 30 Oct 2021 17:59:15 +0530 Subject: [PATCH 1/2] Add a drop down button for tenture reports of Academic society --- css/style.css | 36 ++++++++++++++++++++++++++++++++++++ senate.html | 9 +++++++++ 2 files changed, 45 insertions(+) diff --git a/css/style.css b/css/style.css index e8c357b..f5f479e 100644 --- a/css/style.css +++ b/css/style.css @@ -3156,3 +3156,39 @@ a:hover, a:focus, a:active { margin: auto; animation-iteration-count:1; } + +/* Dropdown button of Tenture reports */ +.dropbtn { + background-color: #4400ff; + color: white; + padding: 16px; + font-size: 16px; + border: none; +} + +.dropdown { + position: relative; + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #f1f1f1; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +.dropdown-content a:hover {background-color: #ddd;} + +.dropdown:hover .dropdown-content {display: block;} + +.dropdown:hover .dropbtn {background-color: #9900ff;} \ No newline at end of file diff --git a/senate.html b/senate.html index 9d74b25..1750484 100644 --- a/senate.html +++ b/senate.html @@ -107,6 +107,15 @@

Bhumanyu Goyal

rel="noopener noreferrer"> Society Website +

Senate

From 47ef4f43f6e0a38db3ead520ef7a054b1311b72a Mon Sep 17 00:00:00 2001 From: Kishan2912 Date: Sat, 30 Oct 2021 22:07:23 +0530 Subject: [PATCH 2/2] Change in style of drop down box --- css/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/css/style.css b/css/style.css index f5f479e..6356427 100644 --- a/css/style.css +++ b/css/style.css @@ -3164,6 +3164,7 @@ a:hover, a:focus, a:active { padding: 16px; font-size: 16px; border: none; + text-align: center; } .dropdown { @@ -3173,7 +3174,7 @@ a:hover, a:focus, a:active { .dropdown-content { display: none; - position: absolute; + position: relative; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);